import Layout from "@/components/layout/Layout";
import AboutSection from "@/components/sections/home/AboutSection";
import ServicesSection from "@/components/sections/home/ServicesSection";
import MobileServicesSection from "@/components/sections/home/MobileServicesSection";
import MobileFeatureCard from "@/components/sections/home/MobileFeatureCard";
import Features from "@/components/sections/home2/Features";
import FaqSection from "@/components/sections/home/FaqSection";
import AreaOfInjury from "@/components/sections/home/AreaOfInjury";
import WhyChooseUsSection from "@/components/sections/home/WhyChooseusSection";
import CounterSection from "@/components/sections/home/CounterSection";
import Testimonial from "@/components/sections/home1/Testimonial";
import Solution from "@/components/sections/home2/Solution";
import Video from "@/components/sections/home1/Video";
import Faq from "@/components/sections/home/NeedHelpSection";
import { HomeBannerSwitch, HomeServicesSwitch } from "@/components/sections/home/HomeBannerSwitch";

export default function Home() {
  return (
    <Layout headerStyle={2} footerStyle={2}>
      {/* ✅ Prevent layout shift for banner */}
      <section style={{ minHeight: "100vh", position: "relative" }}>
        <HomeBannerSwitch />
      </section>

      {/* ✅ Lazy loaded sections — improve Lighthouse performance */}
      <AboutSection />

      <HomeServicesSwitch />

      <MobileFeatureCard />
      <Features />
      <FaqSection />
      <AreaOfInjury />
      <WhyChooseUsSection />
      <CounterSection />
      <Testimonial />
      <Solution />
      <Video />
      <Faq />
    </Layout>
  );
}
