import HeroSection from "./_components/HeroSection"; // Import the HeroSection component
import ClientLogosSection, {
  defaultClients,
} from "./_components/ClientLogosSection"; // Import component and data
import CallToActionSection from "./_components/CallToActionSection";
import CoreServicesSection, {
  defaultCoreServices,
} from "./_components/CoreServicesSection";
import WhyChooseUsSection, {
  defaultWhyChooseUsFeatures,
} from "./_components/WhyChooseUsSection";
import FeaturedProductSection, {
  defaultObseFeatures,
} from "./_components/FeaturedProductSection";
// import HeroSectionModern from "./_components/HeroSectionModern";
// import HeroSectionDynamic from "./_components/HeroSectionDynamic";

export default function HomePage() {
  return (
    <>
      {" "}
      {/*
      <HeroSectionDynamic
        title={<>Where Innovation Meets Excellence</>} // Simplified title for this layout
        subtitle="We deliver cutting-edge IT solutions, empowering businesses to thrive in the ever-evolving digital landscape with unmatched industry expertise."
        buttonText="Explore Solutions" // Changed button text slightly
        buttonHref="/services" // Point to services maybe?
        imageUrl="/hero-bg.jpg" // Use a different, high-quality background image
      />
     
     
     
      <HeroSectionModern
        title={
          <>
            Where Innovation <br className="hidden md:block" /> Meets
            Excellence.
          </>
        }
        subtitle="Welcome to Owethu Managed Services. We deliver cutting-edge IT solutions, empowering businesses to thrive in the ever-evolving digital landscape with unmatched industry expertise."
        buttonText="Learn More"
        buttonHref="/about"
        imageUrl="/hero-bg.jpg" // Specify your hero image
      />
*/}
      <HeroSection
        title={
          <>
            Where Innovation <br className="hidden md:block" /> Meets
            Excellence.
          </>
        }
        subtitle="Welcome to Owethu Managed Services. We deliver cutting-edge IT solutions, empowering businesses to thrive in the ever-evolving digital landscape with unmatched industry expertise."
        buttonText="Learn More"
        buttonHref="/about"
        imageUrl="/hero-bg.jpg" // Specify your hero image
      />
      <CoreServicesSection
        title="Core Services"
        subtitle="Tailored solutions designed to drive growth, optimize productivity, and solve your most complex business challenges."
        services={defaultCoreServices} // Pass the data
      />
      <WhyChooseUsSection
        title="Why Partner with OMS?"
        subtitle="Combining expertise with a commitment to excellence for your success."
        features={defaultWhyChooseUsFeatures}
      />
      <FeaturedProductSection
        eyebrow="Featured Product"
        title="Streamline Financial Analysis with"
        productName="OBSE"
        description="Our advanced Optical Bank Statement Extractor automates data aggregation, reduces errors, and provides deep financial insights."
        features={defaultObseFeatures}
        buttonText="Learn More & Demo"
        buttonHref="/products/obse" // Link to the OBSE product page
        imageUrl="/obse-mockup.png" // **IMPORTANT: Create or find a relevant image**
        imageAlt="OBSE Product Interface Mockup"
      />
      <ClientLogosSection
        title="Trusted By Industry Leaders"
        clients={defaultClients} // Pass placeholder data
        description="Showcasing key clients across financial services, automotive, and tech industries." // Optional description
      />
      {/* TODO: Implement actual client logo fetching and display */}
      {/* TODO: Add auto-sliding carousel for clients */}
      <CallToActionSection
        title="Ready to Innovate?"
        subtitle="Let's discuss how OMS can help transform your business with cutting-edge technology solutions."
        buttonText="Get In Touch"
        buttonHref="/contact"
      />
    </>
  );
}
