diff --git a/package.json b/package.json
index edc6d3e..c4b9db9 100644
--- a/package.json
+++ b/package.json
@@ -9,7 +9,7 @@
     "build": "astro build",
     "preview": "astro preview",
     "astro": "astro",
-    "push": "rsync -azP dist/ ns7@ns7.siliconpin.com:/home/ns7/domains/teeny-astro.siliconpin.com/public_html"
+    "push": "rsync -azP dist/ preschoolcurriculum@143.110.177.50:/home/preschoolcurriculum/public_html"
 
   },
   "dependencies": {
diff --git a/public/img/frequentlycc.png b/public/img/frequentlycc.png
new file mode 100644
index 0000000..59da2aa
Binary files /dev/null and b/public/img/frequentlycc.png differ
diff --git a/public/img/header-worksheet.png b/public/img/header-worksheet.png
new file mode 100755
index 0000000..8b728c4
Binary files /dev/null and b/public/img/header-worksheet.png differ
diff --git a/public/img/homepage.jpg b/public/img/homepage.jpg
new file mode 100755
index 0000000..ae57118
Binary files /dev/null and b/public/img/homepage.jpg differ
diff --git a/public/tb-logo.ico b/public/tb-logo.ico
deleted file mode 100644
index 2c4e50a..0000000
Binary files a/public/tb-logo.ico and /dev/null differ
diff --git a/src/components/Footer.vue b/src/components/Footer.vue
index 27074b3..7c71f0d 100644
--- a/src/components/Footer.vue
+++ b/src/components/Footer.vue
@@ -132,7 +132,7 @@
         </div>
     </div>
     <div class="container-fluid bg-color-2">
-        <div class="container mx-auto flex md:flex-row flex-col  p-2 justify-between px-8">
+        <div class="container mx-auto flex md:flex-row flex-col  py-2 justify-between px-8">
             <div class="flex">© 2021 Teeny Beans | All Rights Reserved</div>
             <div class="flex">Terms & Conditions</div>
         </div>
diff --git a/src/components/SliderLessonplan.vue b/src/components/SliderLessonplan.vue
index 563e0ec..4b8c378 100644
--- a/src/components/SliderLessonplan.vue
+++ b/src/components/SliderLessonplan.vue
@@ -1,114 +1,114 @@
 <template>
-    <div>
-        <section class="container mx-auto my-16 px-4 xl:px-24">
-        <div class="flex flex-col lg:flex-row place-items-center place-content-between gap-y-10">
-        <div class="grid h-fit">
-            <h1 class="text-color-1 font-semibold py-3 hero-text">Trending Lesson Plans</h1>
-                <h1 class="text-xl md:text-3xl text-color-2 pb-4">Discover today's popular lesson <br> plans specially curated for your classroom.</h1>
-                <div><a target="_blank" href="/lesson-plan/dailyplan" class="text-lg bg-blue-700 px-4 py-2 text-white rounded-tl-xl rounded-br-xl">Check Out Now</a></div>
-        </div>
-        <div class="grid place-items-center">
-            <swiper class="slider-width cursor-pointer" draggable="false"
-                :modules="modules"
-                :slides-per-view="1"
-                :space-between="50"
-                navigation
-                pagination
-                :scrollbar="{ draggable: true }"
-                :autoplay=" { delay: 2500, disableOnInteraction: false}"
-                @swiper="onSwiper"
-                @slideChange="onSlideChange">
-                <swiper-slide v-for="lesson in lessonplan" :key="lesson.id"> 
-                <img class="" lesson.lesson_icon :src="'https://curriculum-app-api.beanstalkedu.com/assets/'+ lesson.lesson_icon" alt="">
-                </swiper-slide>      
-            </swiper>
-        </div>
-        </div>
-    </section>
-    </div>
+  <div>
+      <section class="container mx-auto my-16 px-4 xl:px-24">
+      <div class="flex flex-col lg:flex-row place-items-center place-content-between gap-y-10">
+      <div class="grid h-fit">
+          <h1 class="text-color-1 font-semibold py-3 hero-text">Trending Lesson Plans</h1>
+              <h1 class="text-xl md:text-3xl text-color-2 pb-4">Discover today's popular lesson <br> plans specially curated for your classroom.</h1>
+              <div><a target="_blank" href="/lesson-plan/dailyplan" class="text-lg bg-blue-700 px-4 py-2 text-white rounded-tl-xl rounded-br-xl">Check Out Now</a></div>
+      </div>
+      <div class="grid place-items-center">
+          <swiper class="slider-width cursor-pointer" draggable="false"
+              :modules="modules"
+              :slides-per-view="1"
+              :space-between="50"
+              navigation
+              pagination
+              :scrollbar="{ draggable: true }"
+              :autoplay=" { delay: 2500, disableOnInteraction: false}"
+              @swiper="onSwiper"
+              @slideChange="onSlideChange">
+              <swiper-slide v-for="lesson in lessonplan" :key="lesson.id"> 
+              <img class="" lesson.lesson_icon :src="'https://curriculum-app-api.beanstalkedu.com/assets/'+ lesson.lesson_icon" alt="">
+              </swiper-slide>      
+          </swiper>
+      </div>
+      </div>
+  </section>
+  </div>
 </template>
 <style>
- .text-color-1 {
-        color: #7C4C23;
-        font-family: 'Quicksand';
-    }
+.text-color-1 {
+      color: #7C4C23;
+      font-family: 'Quicksand';
+  }
 .slider-width {
-  width: 350px;
+width: 350px;
 }
 @media screen and (min-width: 1500px) {
-      .hero-text {
-        font-size: 50px;
-        
-        
-      }
+    .hero-text {
+      font-size: 50px;
+      
+      
     }
-    
-    @media screen and (max-width: 1499px) {
-      .hero-text {
-        font-size: 40px;
-        
-      }
+  }
+  
+  @media screen and (max-width: 1499px) {
+    .hero-text {
+      font-size: 40px;
+      
     }
-    @media screen and (max-width: 1199px) {
-      .hero-text {
-        font-size: 30px;
-        
-      }
+  }
+  @media screen and (max-width: 1199px) {
+    .hero-text {
+      font-size: 30px;
+      
     }
+  }
 </style>
 <script is:inline>
-     // Import Swiper Vue.js components
-      import { Swiper, SwiperSlide } from 'swiper/vue';
-      import 'swiper/css/navigation';
-      import 'swiper/css/pagination';
-      import { Navigation, Autoplay, Pagination, Scrollbar, A11y, } from 'swiper';
-  
-    // Import Swiper styles
-    import 'swiper/css';
-    // const swiper = new Swiper('.swiper', {
-    //       autoplay: {
-    //         delay: 5000,
-    //       },
-    //     });
-  
-    export default {
-      components: {
-        Swiper,
-        SwiperSlide,
-      },
-      setup() {
-        const onSwiper = (swiper) => {
-          // console.log(swiper);
-        };
-        const onSlideChange = () => {
-          // console.log('slide change');
-        };
-        
-        
-        return {
-          onSwiper,
-          onSlideChange,
-          modules: [Navigation, Autoplay, Pagination, Scrollbar, A11y],
+   // Import Swiper Vue.js components
+    import { Swiper, SwiperSlide } from 'swiper/vue';
+    import 'swiper/css/navigation';
+    import 'swiper/css/pagination';
+    import { Navigation, Autoplay, Pagination, Scrollbar, A11y, } from 'swiper';
 
-        };
-      },
-   data() {
-     return {
-         page: null,
-         lessonplan:null,
-         isLoading: true,
+  // Import Swiper styles
+  import 'swiper/css';
+  // const swiper = new Swiper('.swiper', {
+  //       autoplay: {
+  //         delay: 5000,
+  //       },
+  //     });
 
-     }
- },
-   mounted: function () {
-     fetch('https://curriculum-app-api.beanstalkedu.com/items/lesson_plan')
-         .then(response => response.json())
-         .then(data => {
-             this.lessonplan = data.data
-             // this.isLoading = false
-             // console.log(this.lessonplan)
-             // return this.page[0].id
-         })
-     },
- };
+  export default {
+    components: {
+      Swiper,
+      SwiperSlide,
+    },
+    setup() {
+      const onSwiper = (swiper) => {
+        // console.log(swiper);
+      };
+      const onSlideChange = () => {
+        // console.log('slide change');
+      };
+      
+      
+      return {
+        onSwiper,
+        onSlideChange,
+        modules: [Navigation, Autoplay, Pagination, Scrollbar, A11y],
+
+      };
+    },
+ data() {
+   return {
+       page: null,
+       lessonplan:null,
+       isLoading: true,
+
+   }
+},
+ mounted: function () {
+   fetch('https://curriculum-app-api.beanstalkedu.com/items/lesson_plan')
+       .then(response => response.json())
+       .then(data => {
+           this.lessonplan = data.data
+           // this.isLoading = false
+           // console.log(this.lessonplan)
+           // return this.page[0].id
+       })
+   },
+};
 </script>
\ No newline at end of file
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 834f401..59785df 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -226,7 +226,7 @@ import Footer from "../components/Footer.vue";
                             </details>
                         )}    
                     </div>
-                    <div class="grid place-items-center"><img src="/img/frequently.png" alt=""></div> 
+                    <div class="grid place-items-center"><img src="/img/frequentlycc.png" alt=""></div> 
                 </div>
             </section>
         </div>