---
import Layout from "../../layouts/Layout.astro";
import Menu from "../../components/Menu.astro";
import BlogHeroSearch from "../../components/BlogHeroSearch.vue";
import BlogFilter from "../../components/BlogFilter.vue";
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="https://teenybeanspreschoolcurriculum.com/img/tb-logo.png" 
        schema="" >    
    <Menu/>
    <BlogHeroSearch client:visible/>
    <BlogFilter client:visible/>
    <Blog client:visible/>
    <Footer/>

</Layout>

<script>
    // let apiLink = "https://management.beanstalkedu.com/items/worksheet_menu"
    // fetch (apiLink)
    // .then(x => x.json())
    // .then(y => document.getElementById("demo").innerHTML = y.data[2].file);
</script>