dwd-projects
/
teenybeanspreschoolcurriculum.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

document

master
Suvodip Ghosh 2023-02-15 13:39:21 +05:30
parent 8fc5818f93
commit f016cc33c6
21 changed files with 151 additions and 195 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/Administrators.vue
View File

@ -59,14 +59,14 @@
<div class="flex bg-yellow-200 absolute mt-56 lg:mt-40 ml-4 text-lg leading-tight w-14 h-14 font-semibold text-blue-700 rounded-full text-center p-1">{{ marketing.date}}</div> <div class="flex bg-yellow-200 absolute mt-56 lg:mt-40 ml-4 text-lg leading-tight w-14 h-14 font-semibold text-blue-700 rounded-full text-center p-1">{{ marketing.date}}</div>
<h2 class="text-color-1 text-3xl font-semibold pt-10 px-4">{{ marketing.title}}</h2> <h2 class="text-color-1 text-3xl font-semibold pt-10 px-4">{{ marketing.title}}</h2>
<div class="text-justify line-clamp-3 font-20px text-color-2 px-4" v-html="marketing.meta_description"></div> <div class="text-justify line-clamp-3 font-20px text-color-2 px-4" v-html="marketing.meta_description"></div>
<router-link :to="'/blog/' + marketing.slug" class="text-blue-600 font-20px px-4">Read More >> </router-link> <a href="'/blog/' + marketing.slug" class="text-blue-600 font-20px px-4">Read More >> </a>
</div> </div>
</div> </div>
<router-link to="/blog"> <a href="/blog">
<div class="flex justify-center mt-8"> <div class="flex justify-center mt-8">
<button class="bg-blue-700 p-2 text-2xl text-white px-4 rounded-tl-lg rounded-br-lg">Read All Articles</button> <button class="bg-blue-700 p-2 text-2xl text-white px-4 rounded-tl-lg rounded-br-lg">Read All Articles</button>
</div> </div>
</router-link> </a>
</section> </section>
<section class="container mx-auto px-4 my-16 xl:px-24"> <section class="container mx-auto px-4 my-16 xl:px-24">
<div class="grid bg-amber-100 grid-cols-1 lg:grid-cols-2"> <div class="grid bg-amber-100 grid-cols-1 lg:grid-cols-2">
@ -140,13 +140,13 @@
<div class="flex bg-yellow-200 absolute mt-56 lg:mt-40 ml-4 text-lg leading-tight w-14 h-14 font-semibold text-blue-700 rounded-full text-center p-1">{{ adminstration.date}}</div> <div class="flex bg-yellow-200 absolute mt-56 lg:mt-40 ml-4 text-lg leading-tight w-14 h-14 font-semibold text-blue-700 rounded-full text-center p-1">{{ adminstration.date}}</div>
<h1 class="text-color-1 text-3xl pt-10 px-4">{{ adminstration.title}}</h1> <h1 class="text-color-1 text-3xl pt-10 px-4">{{ adminstration.title}}</h1>
<div class="font-20px text-justify text-color-2 px-4" v-html="adminstration.preview_text"></div> <div class="font-20px text-justify text-color-2 px-4" v-html="adminstration.preview_text"></div>
<router-link :to="'/blog/' + adminstration.slug" class="text-blue-600 font-20px px-4"> Read More >> </router-link> <a href="'/blog/' + adminstration.slug" class="text-blue-600 font-20px px-4"> Read More >> </a>
</div> </div>
</div> </div>
<router-link to="/blog"> <a href="/blog">
<div class="flex justify-center mt-8"> <div class="flex justify-center mt-8">
<button class="bg-blue-700 p-2 text-2xl text-white px-4 rounded-tl-lg rounded-br-lg">Read All Articles</button> <button class="bg-blue-700 p-2 text-2xl text-white px-4 rounded-tl-lg rounded-br-lg">Read All Articles</button>
</div></router-link> </div></a>
</section> </section>
<section class="container mx-auto xl:px-24"> <section class="container mx-auto xl:px-24">
<div class="grid md:grid-cols-2 place-items-end bg-yellow-100 mt-16 p-6"> <div class="grid md:grid-cols-2 place-items-end bg-yellow-100 mt-16 p-6">
@ -179,7 +179,7 @@
lorem eget. Amet imperdiet faucibus in quis. Bibendum at felis, dolor, bibendum ac turpis fringilla erat. lorem eget. Amet imperdiet faucibus in quis. Bibendum at felis, dolor, bibendum ac turpis fringilla erat.
A tincidunt ut tincidunt pharetra. Ut viverra varius cras nisi, tincidunt. Lacus semper nibh et neque facilisis. A tincidunt ut tincidunt pharetra. Ut viverra varius cras nisi, tincidunt. Lacus semper nibh et neque facilisis.
</div> </div>
<router-link to=""><div class="text-blue-700 text-start bg-gray-100 rounded-xl">Read More>> </div></router-link> <a href=""><div class="text-blue-700 text-start bg-gray-100 rounded-xl">Read More>> </div></a>
</div> </div>
</div> </div>
</slide> </slide>
@ -238,7 +238,7 @@
lorem eget. Amet imperdiet faucibus in quis. Bibendum at felis, dolor, bibendum ac turpis fringilla erat. lorem eget. Amet imperdiet faucibus in quis. Bibendum at felis, dolor, bibendum ac turpis fringilla erat.
A tincidunt ut tincidunt pharetra. Ut viverra varius cras nisi, tincidunt. Lacus semper nibh et neque facilisis. A tincidunt ut tincidunt pharetra. Ut viverra varius cras nisi, tincidunt. Lacus semper nibh et neque facilisis.
</div> </div>
<router-link to=""><div class="text-blue-700 text-start bg-gray-100 rounded-xl">Read More>></div></router-link> <a href=""><div class="text-blue-700 text-start bg-gray-100 rounded-xl">Read More>></div></a>
</div> </div>
</div> </div>
</slide> </slide>

4
src/components/Audio-literacy.vue
View File

@ -44,7 +44,7 @@
</div> </div>
</section> </section>
<section class="container mx-auto pt-10 px-6 xl:px-24 mb-16"> <section class="container mx-auto pt-10 px-6 xl:px-24 mb-16">
<router-link to="/premium"> <a href="/premium">
<div class="flex prime-bg p-10 relative justify-center"> <div class="flex prime-bg p-10 relative justify-center">
<h1 class="flex text-center justify-center absolute inset-0 pb-40 place-items-center text-4xl text-white">Subscribe To Our Plan <br> To View More</h1> <h1 class="flex text-center justify-center absolute inset-0 pb-40 place-items-center text-4xl text-white">Subscribe To Our Plan <br> To View More</h1>
<div class="flex justify-center absolute inset-0 place-items-center"> <div class="flex justify-center absolute inset-0 place-items-center">
@ -58,7 +58,7 @@
</div> </div>
</div> </div>
</div> </div>
</router-link> </a>
</section> </section>
</div> </div>
</template> </template>

4
src/components/Audio-mathematics.vue
View File

@ -44,7 +44,7 @@
</div> </div>
</section> </section>
<section class="container mx-auto pt-10 px-6 xl:px-24 mb-16"> <section class="container mx-auto pt-10 px-6 xl:px-24 mb-16">
<router-link to="/premium"> <a href="/premium">
<div class="flex prime-bg p-10 relative justify-center"> <div class="flex prime-bg p-10 relative justify-center">
<h1 class="flex text-center justify-center absolute inset-0 pb-40 place-items-center text-4xl text-white">Subscribe To Our Plan <br> To View More</h1> <h1 class="flex text-center justify-center absolute inset-0 pb-40 place-items-center text-4xl text-white">Subscribe To Our Plan <br> To View More</h1>
<div class="flex justify-center absolute inset-0 place-items-center"> <div class="flex justify-center absolute inset-0 place-items-center">
@ -58,7 +58,7 @@
</div> </div>
</div> </div>
</div> </div>
</router-link> </a>
</section> </section>
</div> </div>
</template> </template>

4
src/components/Audio-worlds.vue
View File

@ -44,7 +44,7 @@
</div> </div>
</section> </section>
<section class="container mx-auto pt-10 px-6 xl:px-24 mb-16"> <section class="container mx-auto pt-10 px-6 xl:px-24 mb-16">
<router-link to="/premium"> <a href="/premium">
<div class="flex prime-bg p-10 relative justify-center"> <div class="flex prime-bg p-10 relative justify-center">
<h1 class="flex text-center justify-center absolute inset-0 pb-40 place-items-center text-4xl text-white">Subscribe To Our Plan <br> To View More</h1> <h1 class="flex text-center justify-center absolute inset-0 pb-40 place-items-center text-4xl text-white">Subscribe To Our Plan <br> To View More</h1>
<div class="flex justify-center absolute inset-0 place-items-center"> <div class="flex justify-center absolute inset-0 place-items-center">
@ -58,7 +58,7 @@
</div> </div>
</div> </div>
</div> </div>
</router-link> </a>
</section> </section>
</div> </div>
</template> </template>

2
src/components/BlogFaq.vue
View File

@ -16,7 +16,7 @@
</div> </div>
</section> </section>
</template> </template>
<script> <script >
export default { export default {
setup(){ setup(){
// // const siteData = reactive({ // // const siteData = reactive({

2
src/components/BlogGetinTouch.vue
View File

@ -23,7 +23,7 @@
</div> </div>
</div> </div>
</template> </template>
<script> <script client:only="vue" >
export default { export default {
setup(){ setup(){
// const siteData = reactive({ // const siteData = reactive({

3
src/components/Dailyplan.vue
View File

@ -27,9 +27,6 @@
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 mt-16 place-items-center mb-32 gap-16 "> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 mt-16 place-items-center mb-32 gap-16 ">
<div v-for="lessonplan in dailyplan" :key="lessonplan.id"> <div v-for="lessonplan in dailyplan" :key="lessonplan.id">
<div @click="showLpModal(lessonplan.file)"> <div @click="showLpModal(lessonplan.file)">
<!-- <div class="grid h-80 w-64 border-4 place-items-center">
<router-link to=""><img class="" src="/img/svg/plus.svg" alt="">
<h1 class="text-center">Add New Plan</h1></router-link></div> -->
<div class="grid gap-4"><img class="cursor-pointer w-96 h-6/6 " v-if="lessonplan.lesson_icon" :src="'https://curriculum-app-api.beanstalkedu.com/assets/'+ lessonplan.lesson_icon" alt=""/></div> <div class="grid gap-4"><img class="cursor-pointer w-96 h-6/6 " v-if="lessonplan.lesson_icon" :src="'https://curriculum-app-api.beanstalkedu.com/assets/'+ lessonplan.lesson_icon" alt=""/></div>
</div> </div>
<!-- <div class="grid h-72 w-64 border-4"><img class="h-80 w-64" src="/img/lessonplan.jpg" alt=""/></div> <!-- <div class="grid h-72 w-64 border-4"><img class="h-80 w-64" src="/img/lessonplan.jpg" alt=""/></div>

14
src/components/Educators.vue
View File

@ -7,7 +7,7 @@
<span class="text-blue-700 h2 font-semibold body">Acquiring Resources Smoothly!</span> <span class="text-blue-700 h2 font-semibold body">Acquiring Resources Smoothly!</span>
<p class="font-20px text-justify pt-8">Teaching children with the right knowledge becomes easy with our PSA curriculum, where you get access to countless resources for teaching your kids at home, school or both. Plan continuous lessons that are curated professionally for the stimulating development needs. With the right lesson plan, you supply the accurate knowledge to the little ones.</p> <p class="font-20px text-justify pt-8">Teaching children with the right knowledge becomes easy with our PSA curriculum, where you get access to countless resources for teaching your kids at home, school or both. Plan continuous lessons that are curated professionally for the stimulating development needs. With the right lesson plan, you supply the accurate knowledge to the little ones.</p>
<div class="grid md:text-base place-items-center py-2 w-fit pt-8"> <div class="grid md:text-base place-items-center py-2 w-fit pt-8">
<div class="rounded-tl-full rounded-br-full bg-blue-700 text-white text-2xl font-semibold pr-8 pl-8 p-3 border-2 border-blue-700 transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300"> <router-link to="/educators#getintouch"><button>Reach Us</button></router-link></div> <div class="rounded-tl-full rounded-br-full bg-blue-700 text-white text-2xl font-semibold pr-8 pl-8 p-3 border-2 border-blue-700 transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300"> <a href="/educators#getintouch"><button>Reach Us</button></a></div>
</div> </div>
</div> </div>
<div class="flex w-fit justify-center place-items-center"> <div class="flex w-fit justify-center place-items-center">
@ -46,9 +46,9 @@
<div class="flex justify-center hero-text text-color-1 font-semibold mt-20 py-4 text-center">Make your Ideal Lesson Plan</div> <div class="flex justify-center hero-text text-color-1 font-semibold mt-20 py-4 text-center">Make your Ideal Lesson Plan</div>
<p class="font-20px text-color-2 text-justify">Create a plan yourself through customization and choose the resources you need to educate children correctly. There are plenty of options to choose from and create! We allow you to personify plans according to time. </p> <p class="font-20px text-color-2 text-justify">Create a plan yourself through customization and choose the resources you need to educate children correctly. There are plenty of options to choose from and create! We allow you to personify plans according to time. </p>
<div class="grid grid-cols-1 md:grid-cols-3 place-items-center mt-16"> <div class="grid grid-cols-1 md:grid-cols-3 place-items-center mt-16">
<abbr class="" title="Create a plan for daily basis sum up with multiple subjects and activities essential for the growth needs as per the children’s understanding power."><router-link to="/dailyplan"><img src="/img/Daily.png" alt=""></router-link></abbr> <abbr class="" title="Create a plan for daily basis sum up with multiple subjects and activities essential for the growth needs as per the children’s understanding power."><a href="/dailyplan"><img src="/img/Daily.png" alt=""></a></abbr>
<abbr class="" title="Design a plan for a weekly basis and come up with innovative ways to teach every week with new concepts."><router-link to="/weeklyplan"><img src="/img/Weekly.png" alt=""></router-link></abbr> <abbr class="" title="Design a plan for a weekly basis and come up with innovative ways to teach every week with new concepts."><a href="/weeklyplan"><img src="/img/Weekly.png" alt=""></a></abbr>
<abbr class="" title="Customize a plan based on a month’s time and do not limit the knowledge of your children."><router-link to="/monthlyplan"><img src="/img/Monthly.png" alt=""></router-link></abbr> <abbr class="" title="Customize a plan based on a month’s time and do not limit the knowledge of your children."><a href="/monthlyplan"><img src="/img/Monthly.png" alt=""></a></abbr>
</div> </div>
</section> </section>
<section class="container mx-auto xl:px-24 mt-32"> <section class="container mx-auto xl:px-24 mt-32">
@ -113,7 +113,7 @@
<h1 class="text-color-1 text-2xl font-semibold pt-10 px-4">{{ item.meta}}</h1> <h1 class="text-color-1 text-2xl font-semibold pt-10 px-4">{{ item.meta}}</h1>
<div class="text-lg text-justify font-light w-96 text-color-2 px-4 line-clamp-4" v-html="item.meta_description"></div> <div class="text-lg text-justify font-light w-96 text-color-2 px-4 line-clamp-4" v-html="item.meta_description"></div>
<!-- <a class=" text-blue-800" href="">Read More>></a> --> <!-- <a class=" text-blue-800" href="">Read More>></a> -->
<router-link :to="'/blog/' + item.slug" class="text-blue-600 px-4"> Read More >> </router-link> <a :href="'/blog/' + item.slug" class="text-blue-600 px-4"> Read More >> </a>
</div> </div>
<!-- <div class="grid"> <img src="/img/Curriculum-blog2.png" alt=""> <!-- <div class="grid"> <img src="/img/Curriculum-blog2.png" alt="">
<div class="flex bg-yellow-200 absolute mt-48 ml-4 text-lg leading-tight w-14 h-14 font-semibold text-blue-700 rounded-full text-center p-1">1 DEC</div> <div class="flex bg-yellow-200 absolute mt-48 ml-4 text-lg leading-tight w-14 h-14 font-semibold text-blue-700 rounded-full text-center p-1">1 DEC</div>
@ -128,11 +128,11 @@
<a class=" text-blue-800" href="">Read More>></a> <a class=" text-blue-800" href="">Read More>></a>
</div> --> </div> -->
</div> </div>
<router-link to="/blog"> <a href="/blog">
<div class="flex justify-center mt-8"> <div class="flex justify-center mt-8">
<button class="bg-blue-700 p-2 text-2xl text-white px-4 rounded-tl-lg rounded-br-lg" style="font-family:Quicksand">Read All Articles</button> <button class="bg-blue-700 p-2 text-2xl text-white px-4 rounded-tl-lg rounded-br-lg" style="font-family:Quicksand">Read All Articles</button>
</div> </div>
</router-link> </a>
</section> </section>
<section class="container mx-auto mt-16 xl:px-24"> <section class="container mx-auto mt-16 xl:px-24">
<div class="grid grid-cols-1 xl:grid-cols-2 bg-yellow-100 "> <div class="grid grid-cols-1 xl:grid-cols-2 bg-yellow-100 ">

120
src/components/Homepage.vue
View File

@ -9,9 +9,9 @@
<h2 class="h2-text font-bold w-fit px-4">Start Planning Your Classroom Curriculum now</h2> <h2 class="h2-text font-bold w-fit px-4">Start Planning Your Classroom Curriculum now</h2>
<p class="font-20px text-justify pt-8 px-4">Want your preschool curriculum to bring out the most learned and accomplished children? What is the delay then? With the right classroom curriculum, raise the elegance of teaching and set new levels for your competitors.</p> <p class="font-20px text-justify pt-8 px-4">Want your preschool curriculum to bring out the most learned and accomplished children? What is the delay then? With the right classroom curriculum, raise the elegance of teaching and set new levels for your competitors.</p>
<div class="grid grid-cols-7 place-items-center pt-6 w-fit p-4"> <div class="grid grid-cols-7 place-items-center pt-6 w-fit p-4">
<div class="rounded-tl-full text-sm xl:text-base 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"> <router-link href="/educators#getintouch"><button>Speak with Us</button></router-link></div> <div class="rounded-tl-full text-sm xl:text-base 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"> <a href="/educators#getintouch"><button>Speak with Us</button></a></div>
<div class="grid text-lg col-span-1 font-bold text-color-2">OR</div> <div class="grid text-lg 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"><router-link href="/themes"><button>Check Out Event</button></router-link></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>
</div> </div>
<div class="flex w-full justify-end place-items-end"> <div class="flex w-full justify-end place-items-end">
@ -30,7 +30,7 @@
<img draggable="false" src="/img/plan.png" alt=""> <img draggable="false" src="/img/plan.png" alt="">
<h1 class="text-3xl text-color-1 font-semibold py-2">Worksheets</h1> <h1 class="text-3xl text-color-1 font-semibold py-2">Worksheets</h1>
<p class="font-20px text-justify text-color-2 xl:line-clamp-3 hover:line-clamp-none">Get access to well-structured worksheets that are prepared as per the growth needs of children and respond to their stimulating cells.</p> <p class="font-20px text-justify text-color-2 xl:line-clamp-3 hover:line-clamp-none">Get access to well-structured worksheets that are prepared as per the growth needs of children and respond to their stimulating cells.</p>
<!-- <router-link href="#"><h1 class="text-blue-700 hover:font-bold text-lg hover:font-italic">Click Here...</h1></router-link> --> <!-- <a href="#"><h1 class="text-blue-700 hover:font-bold text-lg hover:font-italic">Click Here...</h1></a> -->
<a target="_blank" href="/worksheets"><button class="bg-blue-700 text-white px-6 py-2 text-xl rounded-tl-md rounded-br-md">Discover Now</button></a> <a target="_blank" href="/worksheets"><button class="bg-blue-700 text-white px-6 py-2 text-xl rounded-tl-md rounded-br-md">Discover Now</button></a>
</div> </div>
<div class="grid place-items-center pb-8 px-6 w-fit h-fit"> <div class="grid place-items-center pb-8 px-6 w-fit h-fit">
@ -115,7 +115,7 @@
<div class="grid grid-cols-1 md:grid-cols-2 bg-gray-200"> <div class="grid grid-cols-1 md:grid-cols-2 bg-gray-200">
<div class="grid place-items-start p-10 h-fit"> <div class="grid place-items-start p-10 h-fit">
<p class="text-color-1 hero-text font-bold mt-20">Discover Our Preschool Solutions</p> <p class="text-color-1 hero-text font-bold mt-20">Discover Our Preschool Solutions</p>
<router-link href="/worksheets"><button class="bg-blue-700 rounded-tl-lg rounded-br-lg text-white text-2xl px-6 py-2">Discover All</button></router-link> <a href="/worksheets"><button class="bg-blue-700 rounded-tl-lg rounded-br-lg text-white text-2xl px-6 py-2">Discover All</button></a>
</div> </div>
<div class="grid place-items-center md:place-items-end h-fit w-fit"><img class="h-fit w-fit" src="/img/fire-fighter.png" alt=""/></div> <div class="grid place-items-center md:place-items-end h-fit w-fit"><img class="h-fit w-fit" src="/img/fire-fighter.png" alt=""/></div>
</div> </div>
@ -194,56 +194,56 @@
</div> </div>
</section> </section>
<section class="container mx-auto px-4 xl:px-24"> <section class="container mx-auto px-4 xl:px-24">
<h1 class="hero-text text-center text-blue-700 py-20">What people are saying!</h1> <h1 class="hero-text text-center text-blue-700 py-20">What people are saying!</h1>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 place-items-start" style="font-family:Quicksand"> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 place-items-start" style="font-family:Quicksand">
<div class="grid background border0 rounded-xl shadow-xl"> <div class="grid background border0 rounded-xl shadow-xl">
<div class="bottombar cursor-pointer line-clamp-2 hover:line-clamp-none"> <div class="bottombar cursor-pointer line-clamp-2 hover:line-clamp-none">
<img class=" w-full rounded-t-2xl" src="/img/sudha-gosavi.png" alt=""> <img class=" w-full rounded-t-2xl" src="/img/sudha-gosavi.png" alt="">
<h1 class="text-2xl text-blue-700 font-semibold text-center py-2">"Sudha Mangesh Gosavi" </h1> <h1 class="text-2xl text-blue-700 font-semibold text-center py-2">"Sudha Mangesh Gosavi" </h1>
<p class="text-color-2 font-20px">I'm very thankful to Teeny Beans, because when I planned to open a preschool in Nagpur, I was very confused about how to start and what to do and things were going very messy. When I found Teeny Beans, I was completely happy since there was no royalty, no deposit, and no franchise fee, but I received complete help to open my preschool. <p class="text-color-2 font-20px">I'm very thankful to Teeny Beans, because when I planned to open a preschool in Nagpur, I was very confused about how to start and what to do and things were going very messy. When I found Teeny Beans, I was completely happy since there was no royalty, no deposit, and no franchise fee, but I received complete help to open my preschool.
<br> <br>
<strong> <strong>
<br>Stepping Stones International Preschool <br>Stepping Stones International Preschool
<br>Director <br>Director
</strong> </strong>
</p> </p>
</div>
</div>
<div class="grid background border0 rounded-xl shadow-xl">
<div class="bottombar cursor-pointer line-clamp-2 hover:line-clamp-none">
<img class=" w-full rounded-t-2xl" src="/img/nirmal-singh.png" alt="">
<h1 class="text-2xl text-blue-700 font-semibold text-center py-2">"Nirmal Singh" </h1>
<p class="text-color-2 font-20px">As many other preschool service providers do not give us an opportunity to create our own brand, Teeny Beans does. Building our own brand is beneficial for us in the long run as we are not only targeting preschool education but also high-level eucation (secondary) in the long run. It’s also a matter of pride for pre school owners to operate their own brand.
<br> <strong class=""> <br>Dakshya International Preschool
<br>Director</strong>
</p>
</div>
</div>
<div class="grid background border0 rounded-xl shadow-xl">
<div class="bottombar cursor-pointer line-clamp-2 hover:line-clamp-none">
<img class=" w-full rounded-t-2xl" src="/img/sharmistha-mishra.png" alt="">
<h1 class="text-2xl text-blue-700 font-semibold text-center p-2">"Sharmistha Mishra" </h1>
<p class="text-color-2 font-20px">Being a beginner in this business, I was a bit tense about opening up the PRE-SCHOOL. But the continuous support and guidance regarding the whole training process, benefits, selection of area, pre-advertising, etc., made me confident and satisfied to start with it.
<br> <strong> <br>NEST International Preschool
<br>Founder and Director
</strong>
</p>
</div>
</div>
<div class="grid background border0 rounded-xl shadow-xl">
<div class="bottombar cursor-pointer line-clamp-2 hover:line-clamp-none">
<img class=" w-full rounded-t-2xl" src="/img/jane-martina.png" alt="">
<h1 class="text-2xl text-blue-700 font-semibold text-center p-2">"Ms. Jane Martina" </h1>
<p class="text-color-2 font-20px">You need the right partner to support you in establishing your school. Teeny Beans was extremely supportive, right from choosing the teaching aids, play items, and furniture, and they said that a friendly ambiance is much more preferred than a very expensive outlook. "You need to trust your partner. Every communication was very supportive, even when you doubted yourself. Teeny beans were giving options."
<br> <strong>
<br>Chinchilla International Preschool
<br>Founder and Director
</strong>
</p>
</div>
</div> </div>
</div> </div>
<div class="grid background border0 rounded-xl shadow-xl"> </section>
<div class="bottombar cursor-pointer line-clamp-2 hover:line-clamp-none">
<img class=" w-full rounded-t-2xl" src="/img/nirmal-singh.png" alt="">
<h1 class="text-2xl text-blue-700 font-semibold text-center py-2">"Nirmal Singh" </h1>
<p class="text-color-2 font-20px">As many other preschool service providers do not give us an opportunity to create our own brand, Teeny Beans does. Building our own brand is beneficial for us in the long run as we are not only targeting preschool education but also high-level eucation (secondary) in the long run. It’s also a matter of pride for pre school owners to operate their own brand.
<br> <strong class=""> <br>Dakshya International Preschool
<br>Director</strong>
</p>
</div>
</div>
<div class="grid background border0 rounded-xl shadow-xl">
<div class="bottombar cursor-pointer line-clamp-2 hover:line-clamp-none">
<img class=" w-full rounded-t-2xl" src="/img/sharmistha-mishra.png" alt="">
<h1 class="text-2xl text-blue-700 font-semibold text-center p-2">"Sharmistha Mishra" </h1>
<p class="text-color-2 font-20px">Being a beginner in this business, I was a bit tense about opening up the PRE-SCHOOL. But the continuous support and guidance regarding the whole training process, benefits, selection of area, pre-advertising, etc., made me confident and satisfied to start with it.
<br> <strong> <br>NEST International Preschool
<br>Founder and Director
</strong>
</p>
</div>
</div>
<div class="grid background border0 rounded-xl shadow-xl">
<div class="bottombar cursor-pointer line-clamp-2 hover:line-clamp-none">
<img class=" w-full rounded-t-2xl" src="/img/jane-martina.png" alt="">
<h1 class="text-2xl text-blue-700 font-semibold text-center p-2">"Ms. Jane Martina" </h1>
<p class="text-color-2 font-20px">You need the right partner to support you in establishing your school. Teeny Beans was extremely supportive, right from choosing the teaching aids, play items, and furniture, and they said that a friendly ambiance is much more preferred than a very expensive outlook. "You need to trust your partner. Every communication was very supportive, even when you doubted yourself. Teeny beans were giving options."
<br> <strong>
<br>Chinchilla International Preschool
<br>Founder and Director
</strong>
</p>
</div>
</div>
</div>
</section>
<section class="container mx-auto py-20 px-4 xl:px-24" style="font-family: quicksand;"> <section class="container mx-auto py-20 px-4 xl:px-24" style="font-family: quicksand;">
<div class="grid grid-cols-1 xl:grid-cols-2 xl:space-x-48"> <div class="grid grid-cols-1 xl:grid-cols-2 xl:space-x-48">
<div class="grid h-fit "> <div class="grid h-fit ">
@ -613,22 +613,6 @@ details[open] summary {
.h1-text { .h1-text {
font-size: 30px; font-size: 30px;
} }
/* @media screen and (min-width: 801px) {
.hero-text {
font-size: 50px;
}
}
@media screen and (max-width: 800px) {
.hero-text {
font-size: 30px;
}
} */
@media screen and (min-width: 1500px) { @media screen and (min-width: 1500px) {
.hero-text { .hero-text {
font-size: 50px; font-size: 50px;

2
src/components/Modal.vue
View File

@ -24,7 +24,7 @@
</div> </div>
</template> </template>
<script is:inline> <script>
// Get the modal // Get the modal
var modal = document.getElementById("myModal"); var modal = document.getElementById("myModal");

3
src/components/Monthlyplan.vue
View File

@ -27,9 +27,6 @@
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 mt-16 place-items-center mb-32 gap-16 "> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 mt-16 place-items-center mb-32 gap-16 ">
<div v-for="lessonplan in monthlyplan" :key="lessonplan.id"> <div v-for="lessonplan in monthlyplan" :key="lessonplan.id">
<div @click="showLpModal(lessonplan.file)"> <div @click="showLpModal(lessonplan.file)">
<!-- <div class="grid h-80 w-64 border-4 place-items-center">
<router-link to=""><img class="" src="/img/svg/plus.svg" alt="">
<h1 class="text-center">Add New Plan</h1></router-link></div> -->
<div class="grid gap-4"><img class=" cursor-pointer w-96 h-6/6 " v-if="lessonplan.lesson_icon" :src="'https://curriculum-app-api.beanstalkedu.com/assets/'+ lessonplan.lesson_icon" alt=""/></div> <div class="grid gap-4"><img class=" cursor-pointer w-96 h-6/6 " v-if="lessonplan.lesson_icon" :src="'https://curriculum-app-api.beanstalkedu.com/assets/'+ lessonplan.lesson_icon" alt=""/></div>
</div> </div>
<!-- <div class="grid h-72 w-64 border-4"><img class="h-80 w-64" src="/img/lessonplan.jpg" alt=""/></div> <!-- <div class="grid h-72 w-64 border-4"><img class="h-80 w-64" src="/img/lessonplan.jpg" alt=""/></div>

71
src/components/Occassion.vue
View File

@ -36,7 +36,25 @@
</div> </div>
</section> --> </section> -->
<!-- celebration ideas --> <!-- celebration ideas -->
<section class="container mx-auto px-3 xl:px-24"> <section class="container mx-auto px-2 xl:px-24 pt-24">
<h1 class=" text-blue-700 h1-text px-4 font-semibold">Check Out Our Occasion Blog</h1>
<p class="text-justify text-xl lg:text-3xl pt-2 text-color-2 px-4">Find relevant helpful articles for marketing preschool solutions below and get to know more about the same. </p>
<div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-8 mt-10 place-items-center">
<div class="grid w-fit" v-for="occassionblog in occassionblog" :key="occassionblog">
<img class="w-full rounded-tl-3xl rounded-br-3xl px-4" v-if="occassionblog.img" :src="'https://curriculum-app-api.beanstalkedu.com/assets/'+occassionblog.img+'?width=420&amp;height=280'" alt="" >
<div class="flex bg-yellow-200 absolute mt-56 lg:mt-40 ml-4 text-lg leading-tight w-14 h-14 font-semibold text-blue-700 rounded-full text-center p-1">{{ occassionblog.date}}</div>
<h2 class="text-color-1 text-3xl font-semibold pt-4 px-4">{{ occassionblog.title}}</h2>
<div class="text-justify line-clamp-3 font-20px text-color-2 px-4" v-html="occassionblog.meta_description"></div>
<a :href="'/blog/' + occassionblog.slug" class="text-blue-600 font-20px px-4">Read More >> </a>
</div>
</div>
<a href="/blog">
<div class="flex justify-center mt-8">
<button class="bg-blue-700 p-2 text-2xl text-white px-4 rounded-tl-lg rounded-br-lg">Read All Articles</button>
</div>
</a>
</section>
<!-- <section class="container mx-auto px-3 xl:px-24">
<div class="h1-text text-blue-700 font-semibold pt-10">Celebretion Ideas </div> <div class="h1-text text-blue-700 font-semibold pt-10">Celebretion Ideas </div>
<h1 class="text-2xl text-justify text-color-2 py-4" v-if="page">{{page[0].celebretion_ideas_text}}</h1> <h1 class="text-2xl text-justify text-color-2 py-4" v-if="page">{{page[0].celebretion_ideas_text}}</h1>
<div v-if="ideas" class="grid place-items-center grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 mt-6"> <div v-if="ideas" class="grid place-items-center grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 mt-6">
@ -54,7 +72,7 @@
</div> </div>
</div> </div>
</div> </div>
<router-link to="/plan"> <a href="/plan">
<div v-for="ida in ideas.slice(3, 4)" :key="ideas.id" class=" "> <div v-for="ida in ideas.slice(3, 4)" :key="ideas.id" class=" ">
<div class="flex relative"> <div class="flex relative">
<img v-if="ida.occassion_celebration_img" :src="'https://curriculum-app-api.beanstalkedu.com/assets/'+ida.occassion_celebration_img" alt="" class="w-96 rounded-tl-lg rounded-br-lg" /> <img v-if="ida.occassion_celebration_img" :src="'https://curriculum-app-api.beanstalkedu.com/assets/'+ida.occassion_celebration_img" alt="" class="w-96 rounded-tl-lg rounded-br-lg" />
@ -64,9 +82,9 @@
</div> </div>
</div> </div>
</div> </div>
</router-link> </a>
</div> </div>
</section> </section> -->
<!-- Worksheets --> <!-- Worksheets -->
<section class="container mx-auto xl:px-24 p-4 py-14"> <section class="container mx-auto xl:px-24 p-4 py-14">
<div class="h1-text text-blue-700 font-semibold">Worksheets</div> <div class="h1-text text-blue-700 font-semibold">Worksheets</div>
@ -82,7 +100,7 @@
</div> </div>
</div> </div>
</div> </div>
<router-link to="/plan"> <a href="/plan">
<div v-for="wkst in worksheets.slice(3, 4)" :key="worksheets.id" class="p-4"> <div v-for="wkst in worksheets.slice(3, 4)" :key="worksheets.id" class="p-4">
<div class="flex relative"> <div class="flex relative">
<img v-if="wkst.occassion_worksheets_img" :src="'https://curriculum-app-api.beanstalkedu.com/assets/'+wkst.occassion_worksheets_img" alt="" class="w-80 shadow-2xl rounded-tl-lg rounded-br-lg" /> <img v-if="wkst.occassion_worksheets_img" :src="'https://curriculum-app-api.beanstalkedu.com/assets/'+wkst.occassion_worksheets_img" alt="" class="w-80 shadow-2xl rounded-tl-lg rounded-br-lg" />
@ -92,7 +110,7 @@
</div> </div>
</div> </div>
</div> </div>
</router-link> </a>
</div> </div>
</section> </section>
<!-- Videos --> <!-- Videos -->
@ -128,7 +146,7 @@
</label> </label>
</label> --> </label> -->
</div> </div>
<router-link to="/plan"> <a href="/plan">
<div v-for="vdo in videos.slice(3, 4)" :key="videos.id" class="p-4"> <div v-for="vdo in videos.slice(3, 4)" :key="videos.id" class="p-4">
<div class="flex bg-gray-200 -rotate-6 gap-8"> <div class="flex bg-gray-200 -rotate-6 gap-8">
<div class="flex rotate-6 relative"><img v-if="vdo.video_thumb" :src="'https://curriculum-app-api.beanstalkedu.com/assets/'+vdo.video_thumb" alt="" class="rounded-tl-lg rounded-br-lg" /> <div class="flex rotate-6 relative"><img v-if="vdo.video_thumb" :src="'https://curriculum-app-api.beanstalkedu.com/assets/'+vdo.video_thumb" alt="" class="rounded-tl-lg rounded-br-lg" />
@ -139,7 +157,7 @@
</div> </div>
</div> </div>
<div class="mt-6 text-center text-lg ">...</div> <div class="mt-6 text-center text-lg ">...</div>
</div></router-link> </div></a>
</div> </div>
</section> </section>
<!-- Audio Books --> <!-- Audio Books -->
@ -162,13 +180,13 @@
</label> </label>
</label> </label>
</div> </div>
<router-link to="/plan"> <a href="/plan">
<div> <div>
<img class="rounded-tl-xl rounded-br-xl w-72 " src="/img/audio-icon.png" alt=""> <img class="rounded-tl-xl rounded-br-xl w-72 " src="/img/audio-icon.png" alt="">
<div class="text-center"><button class="text-xl bg-blue-700 p-1 text-white rounded-tl-lg rounded-br-lg px-6 ">View All</button></div> <div class="text-center"><button class="text-xl bg-blue-700 p-1 text-white rounded-tl-lg rounded-br-lg px-6 ">View All</button></div>
</div> </div>
</router-link> </a>
</div> </div>
</section> </section>
<!-- Celebration Stories --> <!-- Celebration Stories -->
@ -182,7 +200,7 @@
<!-- <img v-else src="/img/image_not_available.png" alt="" /> --> <!-- <img v-else src="/img/image_not_available.png" alt="" /> -->
<div class="flex absolute bg-white p-2 rounded-md m-4 justify-center text-sm md:text-xl">{{slide.title}}</div> <div class="flex absolute bg-white p-2 rounded-md m-4 justify-center text-sm md:text-xl">{{slide.title}}</div>
<p class="absolute inset-x-0 bottom-6 text-blue-100 text-justify p-3 font-semibold rounded-br-lg line-clamp-3">{{slide.text}}</p> <p class="absolute inset-x-0 bottom-6 text-blue-100 text-justify p-3 font-semibold rounded-br-lg line-clamp-3">{{slide.text}}</p>
<span class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-white text-justify p-3 "><router-link to="" class="text-blue-700 hover:font-extrabold"> <br> Read Full Storry>> </router-link></span> <span class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-white text-justify p-3 "><a href="" class="text-blue-700 hover:font-extrabold"> <br> Read Full Storry>> </a></span>
</div> </div>
</div> </div>
</div> </div>
@ -206,28 +224,6 @@
</section> </section>
<!-- Other's Occassion --> <!-- Other's Occassion -->
<section class="container mx-auto my-16"> <section class="container mx-auto my-16">
<!-- <h2 class="h1-text text-center text-color-1 py-16"> Other's Occassions</h2>
<div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 place-items-center gap-10">
<div class="grid" v-for="occassion in allOccassion" :key="occassion.id">
<router-link :to="'/occassion/'+occassion.occassion_slug">
<div>
<img class="rounded-lg shadow-2xl" v-if="occassion.occassion_icon" :src="'https://curriculum-app-api.beanstalkedu.com/assets/' + occassion.occassion_icon" alt=""/>
</div>
</router-link>
</div>
</div> -->
<!-- <vueper-slides
class="no-shadow"
:visible-slides="3"
slide-multiple
:gap="1"
:slide-ratio="1/4"
:touchable="true"
:dragging-distance="200"
:breakpoints="{ 800: { visibleSlides: 1, slideMultiple: 1 } }">
<vueper-slide v-for="occassion in allOccassion" :key="occassion.id" image="'https://curriculum-app-api.beanstalkedu.com/assets/'+ occassion.occassion_icon" />
</vueper-slides> -->
</section> </section>
<section class="container mx-auto py-20 px-4 xl:px-24" style="font-family: quicksand;"> <section class="container mx-auto py-20 px-4 xl:px-24" style="font-family: quicksand;">
<div class="grid grid-cols-1 xl:grid-cols-2 xl:space-x-48"> <div class="grid grid-cols-1 xl:grid-cols-2 xl:space-x-48">
@ -278,6 +274,7 @@ methods: {
return { return {
page: null, page: null,
faqOccassion: null, faqOccassion: null,
occassionblog: null,
themes:null, themes:null,
allOccassion:null, allOccassion:null,
stories: null, stories: null,
@ -355,8 +352,12 @@ methods: {
// console.log(this.audio) // console.log(this.audio)
}) })
}) })
fetch('https://curriculum-app-api.beanstalkedu.com/items/blog?filter[status][_eq]=published&filter[category][_eq]=occassions&limit=3&sort=sort,-date_created&filter[property][_eq]=teenybeans_curriculum')
.then(resp => resp.json())
.then(data => {
this.occassionblog=data.data
// console.log(this.occassionblog)
})
fetch('https://curriculum-app-api.beanstalkedu.com/items/occassion?limit=3') fetch('https://curriculum-app-api.beanstalkedu.com/items/occassion?limit=3')
.then(response => response.json()) .then(response => response.json())
.then(data => { .then(data => {

61
src/components/Themes.vue
View File

@ -43,7 +43,7 @@
<div class="h1-text text-blue-700 font-semibold">Celebration Ideas </div> <div class="h1-text text-blue-700 font-semibold">Celebration Ideas </div>
<div class="text-2xl text-justify text-color-2" v-if="page">{{page[0].celebration_ideas_text}}</div> <div class="text-2xl text-justify text-color-2" v-if="page">{{page[0].celebration_ideas_text}}</div>
<div v-if="ideas" class="grid place-items-center grid-cols-1 md:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4 "> <div v-if="ideas" class="grid place-items-center grid-cols-1 md:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4 ">
<div v-for="ida in ideas.slice(0, 3)" :key="ideas.id" class=""> <div v-for="ida in ideas.slice(0, 4)" :key="ideas.id" class="">
<div class="flex relative"> <div class="flex relative">
<img v-if="ida.celebration_ideas_img" :src="'https://curriculum-app-api.beanstalkedu.com/assets/'+ida.celebration_ideas_img" alt="" class="pt-4 rounded-tl-xl rounded-br-xl shadow-xl" /> <img v-if="ida.celebration_ideas_img" :src="'https://curriculum-app-api.beanstalkedu.com/assets/'+ida.celebration_ideas_img" alt="" class="pt-4 rounded-tl-xl rounded-br-xl shadow-xl" />
<div class="absolute top-10 left-8 text-2xl text-color-1 font-semibold">{{ida.celebration_ideas_title}} <div class="absolute top-10 left-8 text-2xl text-color-1 font-semibold">{{ida.celebration_ideas_title}}
@ -52,24 +52,12 @@
</div> </div>
<div class="absolute bottom-10 left-32 md:left-28"> <div class="absolute bottom-10 left-32 md:left-28">
<a :href="'https://curriculum-app-api.beanstalkedu.com/assets/'+ida.celebration_ideas_img+'?download'"> <a :href="'https://curriculum-app-api.beanstalkedu.com/assets/'+ida.celebration_ideas_img+'?download'">
<h3 class="text-center inline-block px-6 py-2.5 bg-blue-500 text-white font-medium text-xl leading-tight rounded shadow-md hover:bg-blue-400 hover:shadow-lg focus:bg-blue-600 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-blue-800 active:shadow-lg transition duration-150 ease-in-out"> View Now </h3> <h3 class="text-center inline-block px-6 py-2.5 bg-blue-500 text-white font-medium text-base leading-tight rounded shadow-md hover:bg-blue-400 hover:shadow-lg focus:bg-blue-600 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-blue-800 active:shadow-lg transition duration-150 ease-in-out"> View Now </h3>
</a> </a>
</div> </div>
</div> </div>
<!-- <div class=" text-center text-lg ">{{ida.title}}</div> --> <!-- <div class=" text-center text-lg ">{{ida.title}}</div> -->
</div> </div>
<router-link to="/plan">
<div v-for="ida in ideas.slice(3, 4)" :key="ideas.id" class="">
<div class="flex relative">
<img v-if="ida.celebration_ideas_img" :src="'https://curriculum-app-api.beanstalkedu.com/assets/'+ida.celebration_ideas_img" alt="" class="pt-4 rounded-tl-xl rounded-br-xl shadow-xl" />
<div class="absolute bottom-20 left-32 md:left-28">
<h3 class="text-center inline-block px-6 py-2.5 bg-amber-500 text-white font-medium text-xl leading-tight rounded shadow-md hover:bg-amber-400 hover:shadow-lg focus:bg-amber-600 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-blue-800 active:shadow-lg transition duration-150 ease-in-out"> + Subscribe </h3>
<h3 class="-ml-2 absolute left-10"> &nbsp;To download <br> more resources</h3>
</div>
</div>
<!-- <div class=" text-center text-lg ">...</div> -->
</div>
</router-link>
</div> </div>
</section> </section>
<!-- section Worksheets --> <!-- section Worksheets -->
@ -82,24 +70,24 @@
<img v-if="wkst.theme_worksheets_img" :src="'https://curriculum-app-api.beanstalkedu.com/assets/'+wkst.theme_worksheets_img" alt="" class="w-80 shadow-2xl rounded-tl-lg rounded-br-lg" /> <img v-if="wkst.theme_worksheets_img" :src="'https://curriculum-app-api.beanstalkedu.com/assets/'+wkst.theme_worksheets_img" alt="" class="w-80 shadow-2xl rounded-tl-lg rounded-br-lg" />
<div class="absolute bottom-10 left-20"> <div class="absolute bottom-10 left-20">
<a :href="'https://curriculum-app-api.beanstalkedu.com/assets/'+wkst.file+'?download'"> <a :href="'https://curriculum-app-api.beanstalkedu.com/assets/'+wkst.file+'?download'">
<h3 class="text-center inline-block px-6 py-2.5 bg-blue-500 text-white font-medium text-lg leading-tight rounded shadow-md hover:bg-blue-400 hover:shadow-lg focus:bg-blue-600 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-blue-800 active:shadow-lg transition duration-150 ease-in-out"> Download </h3> <h3 class="text-center inline-block px-6 py-2.5 bg-blue-500 text-white font-medium text-base leading-tight rounded shadow-md hover:bg-blue-400 hover:shadow-lg focus:bg-blue-600 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-blue-800 active:shadow-lg transition duration-150 ease-in-out"> Download </h3>
</a> </a>
</div> </div>
</div> </div>
<!-- <div class=" text-center text-lg ">{{wkst.title}}</div> --> <!-- <div class=" text-center text-lg ">{{wkst.title}}</div> -->
</div> </div>
<router-link to="/worksheets"> <a href="/worksheets">
<div v-for="wkst in worksheets.slice(3, 4)" :key="worksheets.id" class="p-4"> <div v-for="wkst in worksheets.slice(3, 4)" :key="worksheets.id" class="p-4">
<div class="flex relative"> <div class="flex relative">
<img v-if="wkst.theme_worksheets_img" :src="'https://curriculum-app-api.beanstalkedu.com/assets/'+wkst.theme_worksheets_img" alt="" class="w-80 shadow-2xl rounded-tl-lg rounded-br-lg" /> <img v-if="wkst.theme_worksheets_img" :src="'https://curriculum-app-api.beanstalkedu.com/assets/'+wkst.theme_worksheets_img" alt="" class="w-80 shadow-2xl rounded-tl-lg rounded-br-lg" />
<div class="absolute top-40 left-20"> <div class="absolute top-40 left-20">
<h3 class="text-center inline-block px-6 py-2.5 bg-amber-500 text-white font-medium text-xl leading-tight rounded shadow-md hover:bg-amber-400 hover:shadow-lg focus:bg-amber-600 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-blue-800 active:shadow-lg transition duration-150 ease-in-out"> + Subscribe </h3> <h3 class="text-center inline-block px-6 py-2.5 bg-amber-500 text-white font-medium text-base leading-tight rounded shadow-md hover:bg-amber-400 hover:shadow-lg focus:bg-amber-600 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-blue-800 active:shadow-lg transition duration-150 ease-in-out"> + Subscribe </h3>
<h3 class="-ml-2 absolute left-8"> &nbsp;To download <br> more resources</h3> <h3 class="-ml-2 absolute left-8 text-center"> &nbsp;To download <br> more resources</h3>
</div> </div>
</div> </div>
<!-- <div class=" text-center text-lg ">...</div> --> <!-- <div class=" text-center text-lg ">...</div> -->
</div> </div>
</router-link> </a>
</div> </div>
</section> </section>
<!-- section videos --> <!-- section videos -->
@ -111,7 +99,7 @@
<div @click="showYtModal(vdo.youtube_id)"> <div @click="showYtModal(vdo.youtube_id)">
<div class="flex bg-gray-200 -rotate-6 cursor-pointer gap-8 rounded-tl-xl rounded-br-xl shadow-2xl"> <div class="flex bg-gray-200 -rotate-6 cursor-pointer gap-8 rounded-tl-xl rounded-br-xl shadow-2xl">
<div class="flex rotate-6 relative"><img class="rounded-tl-xl rounded-br-xl shadow-2xl w-96" v-if="vdo.video_thumb" :src="'https://curriculum-app-api.beanstalkedu.com/assets/'+vdo.video_thumb" alt="" /> <div class="flex rotate-6 relative"><img class="rounded-tl-xl rounded-br-xl shadow-2xl w-96" v-if="vdo.video_thumb" :src="'https://curriculum-app-api.beanstalkedu.com/assets/'+vdo.video_thumb" alt="" />
<img class="absolute inset-16 left-40 w-20" src="/img/svg/play.svg" alt="" /> <img class="absolute inset-16 left-32 w-16" src="/img/svg/play.svg" alt="" />
</div> </div>
</div> </div>
<div class="mt-6 text-center text-xl text-color-2">{{vdo.videos_title}}</div> <div class="mt-6 text-center text-xl text-color-2">{{vdo.videos_title}}</div>
@ -134,7 +122,7 @@
</label> </label>
</label> --> </label> -->
</div> </div>
<router-link to="/plan"> <a href="/plan">
<div v-for="vdo in videos.slice(3, 4)" :key="videos.id" class="p-4"> <div v-for="vdo in videos.slice(3, 4)" :key="videos.id" class="p-4">
<div class="flex bg-gray-00 -rotate-6 gap-8"> <div class="flex bg-gray-00 -rotate-6 gap-8">
<div class="flex rotate-6 relative"><img v-if="vdo.video_thumb" :src="'https://curriculum-app-api.beanstalkedu.com/assets/'+vdo.video_thumb" alt="" class="rounded-tl-xl rounded-br-xl" /> <div class="flex rotate-6 relative"><img v-if="vdo.video_thumb" :src="'https://curriculum-app-api.beanstalkedu.com/assets/'+vdo.video_thumb" alt="" class="rounded-tl-xl rounded-br-xl" />
@ -145,7 +133,7 @@
</div> </div>
</div> </div>
<div class="mt-6 text-center text-lg ">...</div> <div class="mt-6 text-center text-lg ">...</div>
</div></router-link> </div></a>
</div> </div>
</section> </section>
<!-- section audio book --> <!-- section audio book -->
@ -169,16 +157,16 @@
</label> </label>
</label> </label>
</div> </div>
<router-link to="/plan"> <a href="/plan">
<div> <div>
<img class="rounded-tl-xl rounded-br-xl w-72" src="/img/audio-icon.png" alt=""> <img class="rounded-tl-xl rounded-br-xl w-72" src="/img/audio-icon.png" alt="">
<div class="text-center"><button class="text-xl bg-blue-700 py-2 text-white rounded-tl-lg rounded-br-lg px-6 ">View All</button></div> <div class="text-center"><button class="text-xl bg-blue-700 py-2 text-white rounded-tl-lg rounded-br-lg px-6 ">View All</button></div>
</div> </div>
</router-link> </a>
</div> </div>
</section> </section>
<!-- Celebration Stories --> <!-- Celebration Stories -->
<section class="container mx-auto xl:px-24 pt-16 px-4"> <!-- <section class="container mx-auto xl:px-24 pt-16 px-4">
<h1 class="h1-text text-blue-700 font-semibold">Celebration stories</h1> <h1 class="h1-text text-blue-700 font-semibold">Celebration stories</h1>
<div class="text-2xl text-justify text-color-2" v-if="page">{{page[0].celebration_stories_text}}</div> <div class="text-2xl text-justify text-color-2" v-if="page">{{page[0].celebration_stories_text}}</div>
<div class="grid place-items-center grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 pb-32 px-4"> <div class="grid place-items-center grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 pb-32 px-4">
@ -188,27 +176,16 @@
<img v-else src="/img/image_not_available.png" alt="" /> <img v-else src="/img/image_not_available.png" alt="" />
<div class="flex absolute bg-white p-2 rounded-md m-4 justify-center text-sm md:text-xl">{{slide.title}}</div> <div class="flex absolute bg-white p-2 rounded-md m-4 justify-center text-sm md:text-xl">{{slide.title}}</div>
<p class="absolute inset-x-0 bottom-6 text-blue-100 text-justify p-3 font-semibold rounded-br-lg line-clamp-3">{{slide.text}}</p> <p class="absolute inset-x-0 bottom-6 text-blue-100 text-justify p-3 font-semibold rounded-br-lg line-clamp-3">{{slide.text}}</p>
<span class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-white text-justify p-3 "><router-link to="" class="text-blue-700 hover:font-extrabold"> <br> Read Full Storry>> </router-link></span> <span class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-white text-justify p-3 "><a href="" class="text-blue-700 hover:font-extrabold"> <br> Read Full Storry>> </a></span>
</div> </div>
</div> </div>
</div> </div>
<!-- <div v-for="slide in stories.slice(3, 4)" :key="stories.id" class="p-4 ">
<div class="flex bg-gray-200 rotate-6 gap-8">
<div class="flex -rotate-6 relative">
<img v-if="slide.img" :src="'https://curriculum-app-api.beanstalkedu.com/assets/'+slide.img" alt="" class="rounded-tl-lg rounded-br-lg" />
<img v-else src="/img/image_not_available.png" alt="" />
<div class="flex absolute bg-white p-2 rounded-md m-4 justify-center text-sm md:text-xl">{{slide.title}}</div>
<p class="absolute inset-x-0 bottom-6 text-blue-100 text-justify p-3 font-semibold rounded-br-lg line-clamp-3">{{slide.text}}</p>
<span class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-white text-justify p-3 "><router-link to="" class="text-blue-700 hover:font-extrabold"> <br> Read Full Storry>> </router-link></span>
</div>
</div>
</div> -->
</div> </div>
</section> </section> -->
<!-- Submit your Celebration Story here --> <!-- Submit your Celebration Story here -->
<SubmitCelebration /> <SubmitCelebration />
<!-- section youtube --> <!-- section youtube -->
<section class="container mx-auto py-16 mt-20 px-4 xl:px-24" > <section class="container mx-auto py-16 px-4 xl:px-24" >
<div class="h1-text text-blue-700 font-semibold">YouTube Videos for your reference </div> <div class="h1-text text-blue-700 font-semibold">YouTube Videos for your reference </div>
<div class="text-2xl text-justify text-color-2" v-if="page">{{page[0].youtube_text}}</div> <div class="text-2xl text-justify text-color-2" v-if="page">{{page[0].youtube_text}}</div>
<div class="grid place-items-center grid-cols-1 md:grid-cols-2 lg:grid-cols-5 "> <div class="grid place-items-center grid-cols-1 md:grid-cols-2 lg:grid-cols-5 ">
@ -223,14 +200,14 @@
</section> </section>
<!-- section for theme slug page --> <!-- section for theme slug page -->
<section class="container mx-auto px-4 xl:px-24 my-16"> <section class="container mx-auto px-4 xl:px-24 my-16">
<h2 class="h1-text text-center text-color-1 py-16"> Other's Themes </h2> <h2 class="h1-text text-blue-700 py-16 font-semibold"> Other Themes </h2>
<div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 place-items-center gap-10"> <div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 place-items-center gap-10">
<div class="grid" v-for="themes in allThemes" :key="themes.id"> <div class="grid" v-for="themes in allThemes" :key="themes.id">
<router-link :to="'/themes/'+ themes.theme_slug"> <a :href="'/themes/'+ themes.theme_slug">
<div> <div>
<img class="rounded-lg shadow-2xl" v-if="themes.theme_icon" :src="'https://curriculum-app-api.beanstalkedu.com/assets/' + themes.theme_icon" alt=""/> <img class="rounded-lg shadow-2xl" v-if="themes.theme_icon" :src="'https://curriculum-app-api.beanstalkedu.com/assets/' + themes.theme_icon" alt=""/>
</div> </div>
</router-link> </a>
</div> </div>
</div> </div>

4
src/components/Video-literacy.vue
View File

@ -37,7 +37,7 @@
</div> </div>
</section> </section>
<section class="container mx-auto pt-10 px-8 xl:px-24 mb-16"> <section class="container mx-auto pt-10 px-8 xl:px-24 mb-16">
<router-link to="/premium"> <a href="/premium">
<div class="flex prime-bg p-10 relative justify-center"> <div class="flex prime-bg p-10 relative justify-center">
<h1 class="flex text-center justify-center absolute inset-0 pb-40 place-items-center text-4xl text-white">Subscribe To Our Plan <br> To View More</h1> <h1 class="flex text-center justify-center absolute inset-0 pb-40 place-items-center text-4xl text-white">Subscribe To Our Plan <br> To View More</h1>
<div class="flex justify-center absolute inset-0 place-items-center"> <div class="flex justify-center absolute inset-0 place-items-center">
@ -53,7 +53,7 @@
</div> </div>
</div> </div>
</div> </div>
</router-link> </a>
</section> </section>
<!-- Youtube Modal --> <!-- Youtube Modal -->
<div @click="hideYtModal" v-if="ytModal" id="ytModal" class="flex justify-center ytModal "> <div @click="hideYtModal" v-if="ytModal" id="ytModal" class="flex justify-center ytModal ">

4
src/components/Video-mathematics.vue
View File

@ -36,7 +36,7 @@
</div> </div>
</section> </section>
<section class="container mx-auto pt-10 px-6 xl:px-24 mb-16"> <section class="container mx-auto pt-10 px-6 xl:px-24 mb-16">
<router-link to="/premium"> <a href="/premium">
<div class="flex prime-bg p-10 relative justify-center"> <div class="flex prime-bg p-10 relative justify-center">
<h1 class="flex text-center justify-center absolute inset-0 pb-40 place-items-center text-4xl text-white">Subscribe To Our Plan <br> To View More</h1> <h1 class="flex text-center justify-center absolute inset-0 pb-40 place-items-center text-4xl text-white">Subscribe To Our Plan <br> To View More</h1>
<div class="flex justify-center absolute inset-0 place-items-center"> <div class="flex justify-center absolute inset-0 place-items-center">
@ -53,7 +53,7 @@
</div> </div>
</div> </div>
</div> </div>
</router-link> </a>
</section> </section>
<!-- Youtube Modal --> <!-- Youtube Modal -->
<div @click="hideYtModal" v-if="ytModal" id="ytModal" class="flex justify-center ytModal"> <div @click="hideYtModal" v-if="ytModal" id="ytModal" class="flex justify-center ytModal">

10
src/components/Video-world.vue
View File

@ -36,7 +36,7 @@
</div> </div>
</section> </section>
<section class="container mx-auto pt-10 px-6 xl:px-24 mb-16"> <section class="container mx-auto pt-10 px-6 xl:px-24 mb-16">
<router-link to="/premium"> <a href="/premium">
<div class="flex prime-bg p-10 relative justify-center"> <div class="flex prime-bg p-10 relative justify-center">
<h1 class="flex text-center justify-center absolute inset-0 pb-40 place-items-center text-4xl text-white">Subscribe To Our Plan <br> To View More</h1> <h1 class="flex text-center justify-center absolute inset-0 pb-40 place-items-center text-4xl text-white">Subscribe To Our Plan <br> To View More</h1>
<div class="flex justify-center absolute inset-0 place-items-center"> <div class="flex justify-center absolute inset-0 place-items-center">
@ -53,10 +53,10 @@
</div> </div>
</div> </div>
</div> </div>
</router-link> </a>
</section> </section>
<!-- Youtube Modal --> <!-- Youtube Modal -->
<div @click="hideYtModal" v-if="ytModal" id="ytModal" class="flex justify-center ytModal"> <div @click="hideYtModal" v-if="ytModal" id="ytModal" class="flex justify-center ytModal">
<div class="modal-content"> <div class="modal-content">
<span @click="hideYtModal" class="close">&times;</span> <span @click="hideYtModal" class="close">&times;</span>
<div> <div>

4
src/components/Weeklyplan.vue
View File

@ -29,8 +29,8 @@
<div v-for="lessonplan in weeklyplan" :key="lessonplan.id"> <div v-for="lessonplan in weeklyplan" :key="lessonplan.id">
<div @click="showLpModal(lessonplan.file)"> <div @click="showLpModal(lessonplan.file)">
<!-- <div class="grid h-80 w-64 border-4 place-items-center"> <!-- <div class="grid h-80 w-64 border-4 place-items-center">
<router-link to=""><img class="" src="/img/svg/plus.svg" alt=""> <a href=""><img class="" src="/img/svg/plus.svg" alt="">
<h1 class="text-center">Add New Plan</h1></router-link></div> --> <h1 class="text-center">Add New Plan</h1></a></div> -->
<div class="grid gap-4"><img class="w-96 h-6/6 cursor-pointer" v-if="lessonplan.lesson_icon" :src="'https://curriculum-app-api.beanstalkedu.com/assets/'+ lessonplan.lesson_icon" alt=""/></div> <div class="grid gap-4"><img class="w-96 h-6/6 cursor-pointer" v-if="lessonplan.lesson_icon" :src="'https://curriculum-app-api.beanstalkedu.com/assets/'+ lessonplan.lesson_icon" alt=""/></div>
</div> </div>
<!-- <div class="grid h-72 w-64 border-4"><img class="h-80 w-64" src="/img/lessonplan.jpg" alt=""/></div> <!-- <div class="grid h-72 w-64 border-4"><img class="h-80 w-64" src="/img/lessonplan.jpg" alt=""/></div>

4
src/components/Worksheets-literacy.vue
View File

@ -43,7 +43,7 @@
</div> </div>
</section> </section>
<section class="container mx-auto pt-10 px-4 xl:px-24 mb-16"> <section class="container mx-auto pt-10 px-4 xl:px-24 mb-16">
<router-link to="/premium"> <a href="/premium">
<div class="flex prime-bg p-10 relative"> <div class="flex prime-bg p-10 relative">
<h1 class="flex text-center justify-center absolute inset-0 pb-40 place-items-center text-4xl text-white">Subscribe To Our Plan <br> To View More</h1> <h1 class="flex text-center justify-center absolute inset-0 pb-40 place-items-center text-4xl text-white">Subscribe To Our Plan <br> To View More</h1>
<div class="flex justify-center absolute inset-0 place-items-center"> <div class="flex justify-center absolute inset-0 place-items-center">
@ -60,7 +60,7 @@
</div> </div>
</div> </div>
</div> </div>
</router-link> </a>
</section> </section>
</div> </div>
</template> </template>

4
src/components/Worksheets-mathematics.vue
View File

@ -43,7 +43,7 @@
</div> </div>
</section> </section>
<section class="container mx-auto pt-10 px-4 xl:px-24 mb-16"> <section class="container mx-auto pt-10 px-4 xl:px-24 mb-16">
<router-link to="/premium"> <a href="/premium">
<div class="flex prime-bg p-10 relative"> <div class="flex prime-bg p-10 relative">
<h1 class="flex text-center justify-center absolute inset-0 pb-40 place-items-center text-4xl text-white">Subscribe To Our Plan <br> To View More</h1> <h1 class="flex text-center justify-center absolute inset-0 pb-40 place-items-center text-4xl text-white">Subscribe To Our Plan <br> To View More</h1>
<div class="flex justify-center absolute inset-0 place-items-center"> <div class="flex justify-center absolute inset-0 place-items-center">
@ -60,7 +60,7 @@
</div> </div>
</div> </div>
</div> </div>
</router-link> </a>
</section> </section>
</div> </div>
</template> </template>

4
src/components/Worksheets-world.vue
View File

@ -43,7 +43,7 @@
</div> </div>
</section> </section>
<section class="container mx-auto pt-10 px-4 xl:px-24 mb-16"> <section class="container mx-auto pt-10 px-4 xl:px-24 mb-16">
<router-link to="/premium"> <a href="/premium">
<div class="flex prime-bg p-10 relative"> <div class="flex prime-bg p-10 relative">
<h1 class="flex text-center justify-center absolute inset-0 pb-40 place-items-center text-4xl text-white">Subscribe To Our Plan <br> To View More</h1> <h1 class="flex text-center justify-center absolute inset-0 pb-40 place-items-center text-4xl text-white">Subscribe To Our Plan <br> To View More</h1>
<div class="flex justify-center absolute inset-0 place-items-center"> <div class="flex justify-center absolute inset-0 place-items-center">
@ -60,7 +60,7 @@
</div> </div>
</div> </div>
</div> </div>
</router-link> </a>
</section> </section>
</div> </div>
</template> </template>

6
src/pages/blog/[id].astro
View File

@ -1,7 +1,7 @@
--- ---
import Layout from "../../layouts/Layout.astro"; import Layout from "../../layouts/Layout.astro";
import BlogGetinTouch from "../../components/BlogGetinTouch.vue"; // import BlogGetinTouch from "../../components/BlogGetinTouch.vue";
import BlogFaq from "../../components/BlogFaq.vue"; // import BlogFaq from "../../components/BlogFaq.vue";
const imgPrefix='https://curriculum-app-api.beanstalkedu.com/assets/'; const imgPrefix='https://curriculum-app-api.beanstalkedu.com/assets/';
const response = await fetch('https://curriculum-app-api.beanstalkedu.com/items/blog'); const response = await fetch('https://curriculum-app-api.beanstalkedu.com/items/blog');
const data = await response.json(); const data = await response.json();
@ -70,7 +70,7 @@ const mainImg='https://curriculum-app-api.beanstalkedu.com/assets/'+data.data[id
<section class="container z-40"> <section class="container z-40">
<div class="grid xl:col-span-2 place-items-center"> <div class="grid xl:col-span-2 place-items-center">
<div class="xl:fixed top-40 xl:right-24"> <div class="xl:fixed top-40 xl:right-24">
<BlogGetinTouch client:visible/> <!-- <BlogGetinTouch client:visible/> -->
</div> </div>
</div> </div>
</section> </section>