From 5b21ee286482361f0b114b4fc331671b66fd3204 Mon Sep 17 00:00:00 2001
From: Suvodip Ghosh <suvo@ns9b.siliconpin.com>
Date: Wed, 22 Feb 2023 13:38:18 +0530
Subject: [PATCH] ogImage

---
 src/components/HeroButton.vue           |  4 ++--
 src/components/SliderLessonplan.vue     |  8 ++++----
 src/layouts/Layout.astro                |  4 +++-
 src/pages/administrators.astro          |  6 +++++-
 src/pages/audio-books/index.astro       |  6 +++++-
 src/pages/blog/[id].astro               |  6 +++++-
 src/pages/blog/index.astro              |  6 +++++-
 src/pages/educators.astro               |  6 +++++-
 src/pages/index.astro                   |  8 ++++++--
 src/pages/lesson-plan/dailyplan.astro   |  6 +++++-
 src/pages/lesson-plan/monthlyplan.astro |  6 +++++-
 src/pages/lesson-plan/weeklyplan.astro  |  6 +++++-
 src/pages/occasion/index.astro          |  6 +++++-
 src/pages/themes/[id].astro             |  8 ++++++--
 src/pages/themes/index.astro            | 10 +++++++---
 src/pages/videos/index.astro            |  6 +++++-
 src/pages/worksheets/index.astro        |  6 +++++-
 src/pages/worksheets/literacy.astro     |  6 +++++-
 18 files changed, 88 insertions(+), 26 deletions(-)

diff --git a/src/components/HeroButton.vue b/src/components/HeroButton.vue
index 63a7724..b8a01c2 100644
--- a/src/components/HeroButton.vue
+++ b/src/components/HeroButton.vue
@@ -2,8 +2,8 @@
     <div>
         <div class="grid grid-cols-7 place-items-center pt-6 w-fit p-4"> 
         <div @click="showAbModal('abModal')" class="rounded-tl-full text-sm xl:text-lg rounded-br-full col-span-3 shadow-2xl text-blue-700 px-4 md:px-8 p-3 border-2 border-blue-700 transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300"> <button>Speak with Us</button></div>
-        <div class="grid text-base xl:text-lg col-span-1 font-bold text-color-2">OR</div> 
-        <div class="rounded-tl-full text-sm xl:text-lg rounded-br-full col-span-3 text-white shadow-2xl  px-4 md:px-8 p-3 bg-blue-700 te border-2 border-blue-700 transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300"><a href="/themes"><button>Check Out Event</button></a></div>   
+        <div class="grid text-base xl:text-base col-span-1 font-bold text-color-2">OR</div> 
+        <div class="rounded-tl-full text-sm xl:text-base rounded-br-full col-span-3 text-white shadow-2xl  px-4 md:px-8 p-3 bg-blue-700 te border-2 border-blue-700 transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300"><a href="/themes"><button>Check Out Event</button></a></div>   
     </div>
         <!-- <div @click="showAbModal('abModal')"> Show Modal</div> -->
                   <!-- Modal -->
diff --git a/src/components/SliderLessonplan.vue b/src/components/SliderLessonplan.vue
index dc1fb5f..563e0ec 100644
--- a/src/components/SliderLessonplan.vue
+++ b/src/components/SliderLessonplan.vue
@@ -58,10 +58,10 @@
 </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, 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';
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index ec5665e..5d1e43c 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -18,8 +18,10 @@ const { title,metaTitle, description,ogImg,schema } = Astro.props;
 		<title>{title}</title>
 		<meta  name="og:image" content={ogImg} />
 		<meta  name="og:image:secure_url" content={ogImg} />
-		<meta  name="og:type" content="blog" />
+		<meta  name="og:type" content="image/png" />
 		<meta  name="og:title" content={title} />
+		<meta property="og:image:width" content="526" />
+		<meta property="og:image:height" content="275" />
 		
 	</head>
 	<body class="body">
diff --git a/src/pages/administrators.astro b/src/pages/administrators.astro
index c34ba97..60bf33d 100644
--- a/src/pages/administrators.astro
+++ b/src/pages/administrators.astro
@@ -5,7 +5,11 @@ import AdministratorsHeroButton from "../components/AdministratorsHeroButton.vue
 import Administrators from "../components/Administrators.vue";
 import Footer from "../components/Footer.vue";
 ---
-<Layout title="" metaTitle="Complete Preschool Business Solutions for Smart Operation" description="Discover the best preschool solution for managing your preschool and digitizing the teaching process. Contact us for further assistance." ogImg="" schema="">
+<Layout title="" 
+        metaTitle="Complete Preschool Business Solutions for Smart Operation" 
+        description="Discover the best preschool solution for managing your preschool and digitizing the teaching process. Contact us for further assistance." 
+        ogImg="https://teeny-astro.siliconpin.com/educators/" 
+        schema="">
     <Menu/>
     <AdministratorsHeroButton client:visible/>
     <Administrators client:visible/>
diff --git a/src/pages/audio-books/index.astro b/src/pages/audio-books/index.astro
index c0e93a7..e2f8813 100644
--- a/src/pages/audio-books/index.astro
+++ b/src/pages/audio-books/index.astro
@@ -4,7 +4,11 @@ import Menu from "../../components/Menu.astro";
 import Footer from "../../components/Footer.vue";
 import AudioBooks from "../../components/Audio-books.vue";
 ---
-<Layout title="" metaTitle="Engaging & Educational Preschool Audiobooks for Preschoolers" description="Our audiobooks for preschoolers help kids develop their imagination, listening, pronunciation, and comprehension skills. Start learning with us." ogImg="" schema="">
+<Layout title="" 
+        metaTitle="Engaging & Educational Preschool Audiobooks for Preschoolers" 
+        description="Our audiobooks for preschoolers help kids develop their imagination, listening, pronunciation, and comprehension skills. Start learning with us." 
+        ogImg="https://teeny-astro.siliconpin.com/img/audio-book1a.png" 
+        schema="">
     <Menu/>
     <AudioBooks client:visible/>
     <Footer client:visible/>
diff --git a/src/pages/blog/[id].astro b/src/pages/blog/[id].astro
index 8d74e21..79b820b 100644
--- a/src/pages/blog/[id].astro
+++ b/src/pages/blog/[id].astro
@@ -26,7 +26,11 @@ import Footer from "../../components/Footer.vue";
 ---
 
 
-<Layout title={data.data[idx].title} metaTitle={data.data[idx].meta} description={data.data[idx].meta_description} ogImg={'https://curriculum-app-api.beanstalkedu.com/assets/'+data.data[idx].img+'/'+data.data[idx].slug+'.jpg?width=1200&quality=50'} schema={data.data[idx].schema} >
+<Layout title={data.data[idx].title} 
+        metaTitle={data.data[idx].meta} 
+        description={data.data[idx].meta_description} 
+        ogImg={'https://curriculum-app-api.beanstalkedu.com/assets/'+data.data[idx].img+'/'+data.data[idx].slug+'.jpg?width=1200&quality=50'} 
+        schema={data.data[idx].schema} >
   <Menu/>
     <main>
         <div class="grid grid-cols-1 xl:grid-cols-6 xl:px-24">
diff --git a/src/pages/blog/index.astro b/src/pages/blog/index.astro
index c04e2ea..1f6216e 100644
--- a/src/pages/blog/index.astro
+++ b/src/pages/blog/index.astro
@@ -7,7 +7,11 @@ import Blog from "../../components/Blog.vue";
 import Footer from "../../components/Footer.vue";
 ---
 
-<Layout title="" metaTitle="Blogs - Teeny Beans Preschool Curriculum" description="Get detailed information about the preschool industry and the challenges it faces." ogImg="" schema="" >    
+<Layout title="" 
+        metaTitle="Blogs - Teeny Beans Preschool Curriculum" 
+        description="Get detailed information about the preschool industry and the challenges it faces." 
+        ogImg="https://teeny-astro.siliconpin.com/img/tb-logo.png" 
+        schema="" >    
     <Menu/>
     <BlogHeroSearch client:visible/>
     <BlogFilter client:visible/>
diff --git a/src/pages/educators.astro b/src/pages/educators.astro
index 7e5b74e..a060fe4 100644
--- a/src/pages/educators.astro
+++ b/src/pages/educators.astro
@@ -5,7 +5,11 @@ import EducatorsHeroButton from "../components/EducatorsHeroButton.vue";
 import Educators from "../components/Educators.vue";
 import Footer from "../components/Footer.vue";
 ---
-<Layout title="" metaTitle="Teaching resources for Parents and Educators - Explore more" description="Get access to a wide range of preschool resources for parents and educators for education, support, and assistance with your child's learning needs." ogImg="" schema="">
+<Layout title="" 
+        metaTitle="Teaching resources for Parents and Educators - Explore more" 
+        description="Get access to a wide range of preschool resources for parents and educators for education, support, and assistance with your child's learning needs." 
+        ogImg="https://teeny-astro.siliconpin.com/img/educators1e.png" 
+        schema="">
     <Menu clint:visible/>
     <EducatorsHeroButton client:visible/>
     <Educators client:visible/>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index b90ee41..834f401 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -15,7 +15,11 @@ const faqRespJson = await faqResp.json();
 const faqRespData = faqRespJson.data;
 import Footer from "../components/Footer.vue";
 ---
-<Layout title="" metaTitle="Preschooling with #1 Preschool Curriculum and Lesson Planstle" description="Preschool curriculum and lesson plans are essential for developing children's abilities. Check out our digital curriculum for smart preschool management." ogImg="https://teeny-astro.siliconpin.com/img/tb-logo.png" schema="" >
+<Layout title="Teeny Beans " 
+        metaTitle="Preschooling with #1 Preschool Curriculum and Lesson Planstle" 
+        description="Preschool curriculum and lesson plans are essential for developing children's abilities. Check out our digital curriculum for smart preschool management." 
+        ogImg={'https://teeny-astro.siliconpin.com/img/homepage1c.png'}
+        schema="" >
     <Menu/>
     <main>
         <div class="" style="font-family: quicksand;">
@@ -79,7 +83,7 @@ import Footer from "../components/Footer.vue";
                         <div class="grid text-2xl font-semibold text-slate-700"><a target="_blank" href="/videos"><img class="flex inline-flex" draggable="false" src="/img/videos.png" alt="Videos">Videos</a></div>
                     </div>
                     <div class="grid grid-cols-1 md:grid-cols-2 gap-x-4 place-items-center">
-                      <div class="grid text-2xl font-semibold text-slate-700"><a target="_blank" href="/occassion"><img class="flex inline-flex" draggable="false" src="/img/occasions.png" alt="Occassion">Occassion</a></div>
+                      <div class="grid text-2xl font-semibold text-slate-700"><a target="_blank" href="/occasion"><img class="flex inline-flex" draggable="false" src="/img/occasions.png" alt="Occasion">Occasion</a></div>
                         <div class="grid text-2xl font-semibold text-slate-700"><a target="_blank" href="/themes"><img class="flex inline-flex" draggable="false" src="/img/theme.png" alt="Themes">Themes</a></div>
                     </div>
                 </div>
diff --git a/src/pages/lesson-plan/dailyplan.astro b/src/pages/lesson-plan/dailyplan.astro
index 411c913..130635e 100644
--- a/src/pages/lesson-plan/dailyplan.astro
+++ b/src/pages/lesson-plan/dailyplan.astro
@@ -4,7 +4,11 @@ import Menu from "../../components/Menu.astro";
 import Footer from "../../components/Footer.vue";
 import Dailyplan from "../../components/Dailyplan.vue";
 ---
-<Layout title="">
+<Layout title="" 
+        metaTitle="" 
+        description="" 
+        ogImg="https://teeny-astro.siliconpin.com/img/lesson-plan1c.png" 
+        schema="">
     <Menu/>
     <Dailyplan client:visible/> 
     <Footer client:visible/>
diff --git a/src/pages/lesson-plan/monthlyplan.astro b/src/pages/lesson-plan/monthlyplan.astro
index e4be92e..c2f409b 100644
--- a/src/pages/lesson-plan/monthlyplan.astro
+++ b/src/pages/lesson-plan/monthlyplan.astro
@@ -4,7 +4,11 @@ import Menu from "../../components/Menu.astro";
 import Footer from "../../components/Footer.vue";
 import Monthlyplan from "../../components/Monthlyplan.vue";
 ---
-<Layout title="">
+<Layout title="" 
+        metaTitle="" 
+        description="" 
+        ogImg="https://teeny-astro.siliconpin.com/img/lesson-plan1c.png" 
+        schema="">
     <Menu/>
     <Monthlyplan client:visible/>
     <Footer client:visible/> 
diff --git a/src/pages/lesson-plan/weeklyplan.astro b/src/pages/lesson-plan/weeklyplan.astro
index 5b093a7..74a33dc 100644
--- a/src/pages/lesson-plan/weeklyplan.astro
+++ b/src/pages/lesson-plan/weeklyplan.astro
@@ -4,7 +4,11 @@ import Menu from "../../components/Menu.astro";
 import Footer from "../../components/Footer.vue";
 import Weeklyplan from "../../components/Weeklyplan.vue";
 ---
-<Layout title="">
+<Layout title="" 
+        metaTitle="" 
+        description="" 
+        ogImg="https://teeny-astro.siliconpin.com/img/lesson-plan1c.png" 
+        schema="">
     <Menu/>
     <Weeklyplan client:visible/>
     <Footer client:visible/> 
diff --git a/src/pages/occasion/index.astro b/src/pages/occasion/index.astro
index c4f9f98..1a90a80 100644
--- a/src/pages/occasion/index.astro
+++ b/src/pages/occasion/index.astro
@@ -39,7 +39,11 @@ const faqRespData = faqRespJson.data;
 import SubmitCelebration from "../../components/SubmitCelebration.vue";
 import Footer from "../../components/Footer.vue";
 ---
-<Layout title="" metaTitle="Fun and Memorable Preschool Celebration Ideas and Activities " description="Children adore parties and celebrations. Use our digital and engaging resources to educate your preschoolers with these Preschool celebration ideas." ogImg="" schema="">
+<Layout title="" 
+        metaTitle="Fun and Memorable Preschool Celebration Ideas and Activities " 
+        description="Children adore parties and celebrations. Use our digital and engaging resources to educate your preschoolers with these Preschool celebration ideas." 
+        ogImg={'https://curriculum-app-api.beanstalkedu.com/assets/'+data.data[0].occassion+'/'+occassion[0].occassion_slug +'.jpg?width=1200&quality=50'}
+        schema="">
     <Menu/>
     <main>
             <!-- hero section -->
diff --git a/src/pages/themes/[id].astro b/src/pages/themes/[id].astro
index ce0a314..ed103f6 100644
--- a/src/pages/themes/[id].astro
+++ b/src/pages/themes/[id].astro
@@ -50,7 +50,11 @@ const faq = faqdata.data;
 
 import Footer from "../../components/Footer.vue";
 ---
-<Layout title="" metaTitle="Best Preschool Themes for making Learning fun and worthwhile" description="The most popular preschool themes around the world. Choose the best theme for your preschooler or preschool class from a variety of options." ogImg="" schema="">
+<Layout title="" 
+        metaTitle="Best Preschool Themes for making Learning fun and worthwhile" 
+        description="The most popular preschool themes around the world. Choose the best theme for your preschooler or preschool class from a variety of options." 
+        ogImg={'https://curriculum-app-api.beanstalkedu.com/assets/'+themes[0].theme_hero_img} 
+        schema="" >
     <Menu clint:visible/>
     <main>
         <div>
@@ -65,7 +69,7 @@ import Footer from "../../components/Footer.vue";
                     </div>
                     <div class="flex w-fit justify-center place-items-center">
                         <!-- <img class="w-full h-fit drop-shadow-2xl rounded-3xl py-4 cursor-none" src="/img/occassion1.png" alt=""> -->
-                        <img class="w-fit h-fit" src={'https://curriculum-app-api.beanstalkedu.com/assets/'+themes[0].theme_hero_img} alt="">
+                        <img class="w-fit h-fit" src={'https://curriculum-app-api.beanstalkedu.com/assets/'+themes[0].theme_hero_img} alt={themes[0].theme_title}>
                     </div> 
                 </div>
             </section>
diff --git a/src/pages/themes/index.astro b/src/pages/themes/index.astro
index 0609db8..4febb9d 100644
--- a/src/pages/themes/index.astro
+++ b/src/pages/themes/index.astro
@@ -40,7 +40,11 @@ const faq = faqdata.data;
 
 import Footer from "../../components/Footer.vue";
 ---
-<Layout title="" metaTitle="Best Preschool Themes for making Learning fun and worthwhile" description="The most popular preschool themes around the world. Choose the best theme for your preschooler or preschool class from a variety of options." ogImg="" schema="" >
+<Layout title="" 
+      metaTitle="Best Preschool Themes for making Learning fun and worthwhile" 
+      description="The most popular preschool themes around the world. Choose the best theme for your preschooler or preschool class from a variety of options." 
+      ogImg={'https://curriculum-app-api.beanstalkedu.com/assets/'+themes[0].theme_hero_img} 
+      schema="" >
     <Menu clint:visible/>
     <main>
         <div>
@@ -48,14 +52,14 @@ import Footer from "../../components/Footer.vue";
                 <div class="flex flex-col xl:flex-row container mx-auto xl:px-24">
                     <div class="flex flex-col w-fit justify-center px-4 ">
                         <div class="">
-                            <h1 class="text-blue-700 hero-text font-bold">Theme of the Month- <span class="text-color-1" v-if="page">{themes[0].theme_title}</span></h1>
+                            <h1 class="text-blue-700 hero-text font-bold">Theme of the Month- <span class="text-color-1">{themes[0].theme_title}</span></h1>
                             <div class="flex h2-text text-color-1 font-semibold pt-8">{themes[0].theme_text }</div>
                             <div class="flex text-justify font-18px text-color-2 pt-4">{themes[0].theme_details }</div> 
                         </div>
                     </div>
                     <div class="flex w-fit justify-center place-items-center">
                         <!-- <img class="w-full h-fit drop-shadow-2xl rounded-3xl py-4 cursor-none" src="/img/occassion1.png" alt=""> -->
-                        <img class="w-fit h-fit" src={'https://curriculum-app-api.beanstalkedu.com/assets/'+themes[0].theme_hero_img} alt="">
+                        <img class="w-fit h-fit" src={'https://curriculum-app-api.beanstalkedu.com/assets/'+themes[0].theme_hero_img} alt={themes[0].theme_title}>
                     </div> 
                 </div>
             </section>
diff --git a/src/pages/videos/index.astro b/src/pages/videos/index.astro
index 186e4d6..6bf41f0 100644
--- a/src/pages/videos/index.astro
+++ b/src/pages/videos/index.astro
@@ -4,7 +4,11 @@ import Menu from "../../components/Menu.astro";
 import Footer from "../../components/Footer.vue";
 import Videos from "../../components/Videos.vue";
 ---
-<Layout title="" metaTitle="Premium Educational Videos for Preschoolers - Watch & Learn" description="Our Preschool Educational Videos provide fun and stimulating learning lessons for Preschoolers of all ages, enhancing their academic abilities!" ogImg="" schema="">
+<Layout title="" 
+        metaTitle="Premium Educational Videos for Preschoolers - Watch & Learn" 
+        description="Our Preschool Educational Videos provide fun and stimulating learning lessons for Preschoolers of all ages, enhancing their academic abilities!" 
+        ogImg="https://teeny-astro.siliconpin.com/img/videos1a.png" 
+        schema="">
     <Menu/>
     <Videos client:visible/>
     <Footer client:visible/>
diff --git a/src/pages/worksheets/index.astro b/src/pages/worksheets/index.astro
index 5321cf8..6a09951 100644
--- a/src/pages/worksheets/index.astro
+++ b/src/pages/worksheets/index.astro
@@ -5,7 +5,11 @@ import Header from "../../components/Header.vue";
 import Footer from "../../components/Footer.vue";
 import Worksheets from "../../components/Worksheets.vue";
 ---
-<Layout title="" metaTitle="Free Printable Worksheets for Preschoolers- Download & Learn" description="Browse our collection of Free Printable Worksheets for Preschoolers. Globally used educational materials designed to help children succeed. Explore now." ogImg="" schema="">
+<Layout title="" 
+        metaTitle="Free Printable Worksheets for Preschoolers- Download & Learn" 
+        description="Browse our collection of Free Printable Worksheets for Preschoolers. Globally used educational materials designed to help children succeed. Explore now." 
+        ogImg="https://teeny-astro.siliconpin.com/img/worksheet1a.png" 
+        schema="">
     <Menu/>
     <Worksheets client:visible/>
     <Footer client:visible/>
diff --git a/src/pages/worksheets/literacy.astro b/src/pages/worksheets/literacy.astro
index b99a4af..b4c8922 100644
--- a/src/pages/worksheets/literacy.astro
+++ b/src/pages/worksheets/literacy.astro
@@ -5,7 +5,11 @@ import Header from "../../components/Header.vue";
 import Footer from "../../components/Footer.vue";
 import WorksheetsLiteracy from "../../components/Worksheets-literacy.vue";
 ---
-<Layout title="" metaTitle="Free Printable Kindergarten Literacy Worksheets -Start learning " description="Young children are naturally curious and eager to learn; use these printable literacy worksheets for kindergarten to help them engage in early learning." ogImg="" schema="">
+<Layout title="" 
+        metaTitle="Free Printable Kindergarten Literacy Worksheets -Start learning " 
+        description="Young children are naturally curious and eager to learn; use these printable literacy worksheets for kindergarten to help them engage in early learning." 
+        ogImg="" 
+        schema="">
     <Menu/>
     <WorksheetsLiteracy client:visible/>
     <Footer/>