"use client";

import React, { useEffect } from "react";
import Header3 from "@/components/layout/Header3";
import Footer3 from "@/components/layout/Footer3";

import BannerSection from "@/components/home/home-3/BannerSection";
import AboutSection from "@/components/home/home-3/AboutSection";
import HelpFormSection from "@/components/home/home-3/HelpFormSection";
import ServiceSection from "@/components/home/home-3/ServiceSection";
import ChooseSection from "@/components/home/home-3/ChooseSection";
import ProjectsSection from "@/components/home/home-3/ProjectsSection";
import BrandsSection from "@/components/home/home-3/BrandsSection";
import FaqSection from "@/components/home/home-3/FaqSection";
import BlogSection from "@/components/home/home-3/BlogSection";

export default function Home3() {
    useEffect(() => {
        const init = () => {
            if (typeof window !== "undefined" && (window as any).initMetatron && (window as any).jQuery) {
                (window as any).initMetatron();
            } else {
                setTimeout(init, 100);
            }
        };
        init();
    }, []);

    return (
        <>
            <Header3 />
            <main>
                <BannerSection />
                <AboutSection />
                <ChooseSection />
                <HelpFormSection />
                <ServiceSection />
                <ProjectsSection />
                <BrandsSection />
                <FaqSection />
                <BlogSection />
            </main>
            <Footer3 />
        </>
    );
}
