<script setup lang="ts">

import Paginate from "~/components/Paginate.vue";
import FooterArea from "~/components/FooterArea.vue";
import SubsribeStart from "~/components/SubsribeStart.vue";
import TagsClouds from "~/components/TagsClouds.vue";
import WidgetSidebarImgBox from "~/components/home/WidgetSidebarImgBox.vue";
import WidgetRecentPost from "~/components/home/WidgetRecentPost.vue";
import WidgetCategories from "~/components/home/WidgetCategories.vue";
import WidgetSearch from "~/components/home/WidgetSearch.vue";
import BlogPage from "~/components/home/BlogPage.vue";
import PagesHeroHeader from "~/components/home/PagesHeroHeader.vue";
import MobileHeader from "~/components/MobileHeader.vue";
import HeaderSection from "~/components/HeaderSection.vue";
import Preloader from "~/components/home/Preloader.vue";
import PaginaContainer from "~/components/PaginaContainer.vue";
</script>

<template>
  <div>
    <Preloader/>
    <!--=====progress START=======-->
    <PaginaContainer/>
    <!--=====progress END=======-->
    <!--=====HEADER START=======-->
    <HeaderSection/>
    <!--=====HEADER END=======-->
    <!--=====Mobile header start=======-->
    <MobileHeader/>
    <!--=====Mobile header end=======-->
    <!--=====pages hero header end=======-->
    <PagesHeroHeader/>
    <!--=====pages hero header end=======-->
    <div class="blog-page sp2">
      <div class="container">
        <div class="row">
          <BlogPage/>
          <div class="col-lg-4 col-md-6">
            <div class="widgets lg-ml-15">
              <WidgetSearch/>
              <WidgetCategories/>
              <WidgetSidebarImgBox/>
              <TagsClouds/>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!--=====SUBSRIBE START=======-->
    <SubsribeStart/>
    <!--=====SUBSRIBE END=======-->
    <!--=====Footer start=======-->
    <FooterArea/>
    <!--=====Footer end=======-->
    <!--================== sidebar===================== -->
  </div>
</template>

<style scoped>

</style>