"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 AboutOneSection from "@/components/careers/AboutOneSection";
import WhyChooseSection from "@/components/careers/WhyChooseSection";
import FaqVideoSection from "@/components/careers/FaqVideoSection";
import ContactSection from "@/components/careers/ContactSection";
import ServiceSection from "@/components/careers/ServiceSection";
import WorkProcessSection from "@/components/careers/WorkProcessSection";
import FeaturesSection from "@/components/home/home-1/FeaturesSection";

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

    return (
        <>
            <Header1 />
            <main>
                <InnerBanner
                    title="Careers"
                    bgImage="/assets/img-app/bg/hero-bg2.png"
                />
                <AboutOneSection />
                <WhyChooseSection />
                <FaqVideoSection />
                <ContactSection />
                <FeaturesSection/>
                <ServiceSection />
                <WorkProcessSection />
            </main>
            <Footer1 />
        </>
    );
}
