"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import TextAbout from '@/components/sections/about/TextAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="medium"
        sizing="mediumSizeLargeTitles"
        background="aurora"
        cardStyle="subtle-shadow"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        { name: "Home", id: "home" },
        { name: "About", id: "about" },
        { name: "Services", id: "services" },
        { name: "Team", id: "team" },
        { name: "Contact", id: "contact" },
      ]}
      brandName="SGEEK"
      button={{ text: "Get Started", href: "#contact" }}
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardTestimonial
      background={{ variant: "gradient-bars" }}
      title="Engineering the Future of Water"
      description="Société de Génie de l'Eau et de l'Environnement Kared. Expert solutions in hydraulics and environment since 2013."
      testimonials={[
        { name: "M. Kared", handle: "Founder", testimonial: "Excellence in water management for sustainable development.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-safety-vests-with-tablet_23-2148269350.jpg" },
        { name: "Mostafa Naja", handle: "Engineer", testimonial: "Precision and reliability in every drop.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-back-view-engineer-architect-supervising-construction_23-2148233787.jpg" },
        { name: "Hamza Boudchicha", handle: "Engineer", testimonial: "Innovative solutions for hydraulic challenges.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-architect-hard-hat_1303-18992.jpg" },
        { name: "Sarah Mansour", handle: "Project Manager", testimonial: "Exceptional efficiency in infrastructure delivery.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/construction-engineers-reviewing-plans_23-2151933421.jpg" },
        { name: "Ahmed Benali", handle: "Consultant", testimonial: "SGEEK remains our top partner for water engineering.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-engineers-work-hours-job-site_23-2151589543.jpg" }
      ]}
      buttons={[
        { text: "Contact Us", href: "#contact" },
        { text: "Our Services", href: "#services" }
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/water-ripples-background_1048-9608.jpg"
      imageAlt="Hydraulic engineering background"
      avatars={[
        { src: "http://img.b2bpic.net/free-photo/work-manager-man-looking-tablet-architecture-office_482257-10517.jpg", alt: "Engineering team lead" },
        { src: "http://img.b2bpic.net/free-photo/eco-friendly-photovoltaics-factory-manager-working-with-solar-engineering-team_482257-119681.jpg", alt: "Site supervisor" },
        { src: "http://img.b2bpic.net/free-photo/architect-modern-achitectural-office-working-laptop-desk-with-3d-white-foam-scale-model-skyscraper-engineer-looking-blueprints-architecture-project-urban-development-area_482257-33561.jpg", alt: "Consultant architect" },
        { src: "http://img.b2bpic.net/free-photo/real-estate-investment-expert-entrepreneur-planning-office-space-relocation_482257-91189.jpg", alt: "Project coordinator" },
        { src: "http://img.b2bpic.net/free-photo/architect-checking-new-project_23-2148242920.jpg", alt: "Lead designer" }
      ]}
      marqueeItems={[
        { type: "text", text: "Hydraulic Engineering" },
        { type: "text", text: "Urban Sanitation" },
        { type: "text", text: "Wastewater Treatment" },
        { type: "text", text: "Drinking Water Networks" },
        { type: "text", text: "Sustainable Infrastructure" }
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      title="About SGEEK - Hydro-Ingénierie"
      buttons={[{ text: "Learn More", href: "#" }]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardSix
      textboxLayout="split"
      useInvertedBackground={true}
      features={[
        { title: "Urban Sanitation", description: "Mastering stormwater management and flood protection systems.", imageSrc: "http://img.b2bpic.net/free-photo/urban-abandoned-factory_181624-35.jpg" },
        { title: "Wastewater Treatment", description: "Design and optimization of treatment plants.", imageSrc: "http://img.b2bpic.net/free-photo/waterjet_1160-59.jpg" },
        { title: "Drinking Water", description: "Network design and treatment plant diagnostics.", imageSrc: "http://img.b2bpic.net/free-photo/industrial-worker-working-production-line-factory_342744-177.jpg" },
        { title: "Airport & Port Hydraulics", description: "Specialized drainage for major transport infrastructure.", imageSrc: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-19.jpg" },
        { title: "Sustainable Water Reuse", description: "Cutting-edge recycling technologies for industrial sites.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-hands-protective-gloves-opening-tap-valve-filling-glass-with-samples-from-industrial-machine-reservoir_342744-1220.jpg" }
      ]}
      title="Our Hydraulic Expertise"
      buttons={[{ text: "Inquire About Projects", href: "#contact" }]}
      description="Comprehensive engineering solutions for public and private infrastructure."
    />
  </div>

  <div id="missions" data-section="missions">
      <MetricCardFourteen
      useInvertedBackground={false}
      title="Our Commitment"
      tag="Since 2013"
      metrics={[
        { id: "1", value: "12+", description: "Years of Expertise" },
        { id: "2", value: "50+", description: "Successful Projects" },
        { id: "3", value: "3", description: "Expert Engineers" }
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      groups={[
        {
          id: "main",          groupTitle: "Leadership",          members: [
            { id: "t1", title: "M. KARED", subtitle: "Founder", detail: "Graduate ENGEES Strasbourg", imageSrc: "http://img.b2bpic.net/free-photo/architect-engineer-discussion-brainstorming-construction-concept_53876-26411.jpg" },
            { id: "t2", title: "Mostafa Naja", subtitle: "Engineer", detail: "Hydraulic Project Manager", imageSrc: "http://img.b2bpic.net/free-photo/constructors-consulting_1098-13717.jpg" },
            { id: "t3", title: "Hamza Boudchicha", subtitle: "Engineer", detail: "Environmental Consultant", imageSrc: "http://img.b2bpic.net/free-photo/female-engineer-from-middle-east-oil-refinery-wearing-white-hard-hat-hijab-engineer-writes-data-tablet-concept-women-specialists-production_166373-9027.jpg" }
          ]
        }
      ]}
      title="Our Team"
      description="Leadership and expert engineering personnel."
    />
  </div>

  <div id="references" data-section="references">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Hydraulic Ministry",        "Skikda Urban Development",        "Algerian Port Authority",        "Water Resource Agency",        "Local Environmental Hub",        "Regional Infrastructure Board",        "Public Water Supply Corps"
      ]}
      title="Our Partners"
      description="Proudly collaborating with national and local authorities."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{ variant: "gradient-bars" }}
      tag="Get in touch"
      title="Connect with SGEEK"
      description="Cité Mohamed RAHOUADJ, Tamalous 21265, Skikda, Algeria | +213 38 73 74 36"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="SGEEK"
      copyrightText="© 2025 SGEEK Hydro-Ingénierie"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}