"use client";

import React, { useEffect } from "react";
import Header1 from "@/components/layout/Header1";
import Footer1 from "@/components/layout/Footer1";

import InnerBanner from "@/components/common/InnerBanner";
import AboutSection from "@/components/home/home-1/AboutSection";
import ServiceSliderSection from "@/components/home/home-1/ServiceSliderSection";
import CtaSection from "@/components/home/home-1/CtaSection";
import ProjectsSection from "@/components/home/home-1/ProjectsSection";
import ChooseSection from "@/components/home/home-1/ChooseSection";
import TeamSection from "@/components/home/home-1/TeamSection";
import TestimonialsSection from "@/components/home/home-1/TestimonialsSection";
import BlogSection from "@/components/home/home-1/BlogSection";
import BrandSection from "@/components/home/home-1/BrandSection";

export default function Home1() {
    useEffect(() => {
        if (typeof window !== "undefined" && (window as any).initMetatron) {
            (window as any).initMetatron();
        }
    }, []);

    return (
        <>
            <Header1 />
            <main>
                <InnerBanner title="Our Blog" />
                <BlogSection hideHeader={true} />

            </main>
            <Footer1 />
        </>
    );
}
