"use client";

import React, { useEffect } from "react";
import Header2 from "@/components/layout/Header2";
import Footer2 from "@/components/layout/Footer2";

import InnerBanner from "@/components/common/InnerBanner";
import FeaturesSection from "@/components/home/home-2/FeaturesSection";
import About2Section from "@/components/home/home-2/About2Section";
import WhyChooseUs from "@/components/about/WhyChooseUs";
import ServiceTabSection from "@/components/home/home-2/ServiceTabSection";
import WorkProcessSection from "@/components/home/home-2/WorkProcessSection";
import TextSliderSection from "@/components/home/home-2/TextSliderSection";
import ProjectSlider2Section from "@/components/home/home-2/ProjectSlider2Section";
import TestimonialsSection from "@/components/home/home-1/TestimonialsSection";
import IconCounterSection from "@/components/home/home-2/IconCounterSection";
import HelpFormSection from "@/components/home/home-2/HelpFormSection";
import Blog2Section from "@/components/home/home-2/Blog2Section";
import BrandSection from "@/components/home/home-1/BrandSection";
import ChooseSection from "@/components/home/home-1/ChooseSection";
import FaqSection from "@/components/home/home-3/FaqSection";
import Header1 from "@/components/layout/Header1";
import Footer1 from "@/components/layout/Footer1";
import OfferSection from "@/components/home/OfferSection";

export default function Home2() {
    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>
                <InnerBanner title="About Us" />
                {/* <FeaturesSection /> */}
                <About2Section />
                <IconCounterSection />
                <HelpFormSection />
                <WhyChooseUs />
                {/* <ServiceTabSection /> */}
                {/* <OfferSection/> */}
                {/* <TextSliderSection /> */}
                <WorkProcessSection />
                <TestimonialsSection />
                <BrandSection />
                {/* <FaqSection /> */}


                {/* <ServiceTabSection /> */}

                {/* <ProjectSlider2Section /> */}
                {/* <TestimonialsSection /> */}
                {/* <IconCounterSection /> */}
                {/* <Blog2Section /> */}
            </main>
            <Footer1 />
        </>
    );
}
