"use client";

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

import BannerSection from "@/components/home/home-1/BannerSection";
import AboutSection from "@/components/home/home-1/AboutSection";
import ServiceThreeSlider from "@/components/home/home-1/ServiceThreeSlider";
import CtaSection from "@/components/home/home-1/CtaSection";
import ChooseSection from "@/components/home/home-1/ChooseSection";
import TestimonialsSection from "@/components/home/home-1/TestimonialsSection";
import BlogSection from "@/components/home/home-1/BlogSection";
import BrandSection from "@/components/home/home-1/BrandSection";
import IconCounterSection from "@/components/home/home-2/IconCounterSection";
import OfferSection from "@/components/home/OfferSection";
import FeaturesSection from "@/components/home/home-1/FeaturesSection";
import ContactSection from "@/components/careers/ContactSection";
import FaqVideoSection from "@/components/careers/FaqVideoSection";

export default function MainPage() {
    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 (
        <>
            <Header1 />
            <main>
                <BannerSection />
                <AboutSection />
                <ChooseSection />
                <IconCounterSection />
                <ServiceThreeSlider />
                <CtaSection />
                <BrandSection />
                <TestimonialsSection />
                <ContactSection />
                <BlogSection />

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