"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Award, Calendar, Clock, Droplets, Flame, ShieldCheck, Users, Wrench } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="compact"
        sizing="largeSmallSizeLargeTitles"
        background="blurBottom"
        cardStyle="solid"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="solid"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About Us",
          id: "#about",
        },
        {
          name: "Services",
          id: "#services",
        },
        {
          name: "Products",
          id: "#products",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f1yvw1"
      logoAlt="GS Saidani Logo"
      brandName="GS Saidani"
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplitTestimonial
      useInvertedBackground={false}
      background={{
        variant: "downward-rays-static-grid",
      }}
      imagePosition="right"
      title="Your Trusted Partner for Home Comfort"
      description="GS Saidani provides expert Plumbing, Heating, and Sanitation services. Experience quality craftsmanship and reliable solutions for a comfortable and safe home."
      testimonials={[
        {
          name: "Fatima Z.",
          handle: "@HappyHomeowner",
          testimonial: "GS Saidani's team fixed our heating quickly and professionally. Highly recommend their efficient service!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14565.jpg",
          imageAlt: "Customer Fatima Z.",
        },
        {
          name: "Ahmed K.",
          handle: "@ReliableClient",
          testimonial: "Excellent plumbing work! They handled a complex installation with ease and precision. Very satisfied.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/charismatic-male-pondering-while-holding-cup-coffee-his-hand_23-2148112118.jpg",
          imageAlt: "Customer Ahmed K.",
        },
        {
          name: "Soukaina L.",
          handle: "@GreatExperience",
          testimonial: "Our new bathroom fixtures were installed flawlessly. The sanitation service was top-notch and clean.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-couple-knitting-together_23-2149401770.jpg",
          imageAlt: "Customer Soukaina L.",
        },
        {
          name: "Yassine H.",
          handle: "@QuickService",
          testimonial: "For emergency plumbing, GS Saidani is unmatched. Fast response and a permanent fix. True lifesavers!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-having-fun-while-moving-into-new-home-packing-unpacking-boxes-with-their-stuff-blonde-girl-with-long-hair-sitting-man-s-back_197531-1636.jpg",
          imageAlt: "Customer Yassine H.",
        },
        {
          name: "Maria B.",
          handle: "@ComfortableLiving",
          testimonial: "Their annual heating maintenance keeps my home warm and worry-free. Professional and thorough every time.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/distraught-auto-repairman-talking-his-manager-about-problematic-reports-workshop_637285-7578.jpg",
          imageAlt: "Customer Maria B.",
        },
      ]}
      buttons={[
        {
          text: "Get a Free Quote",
          href: "#contact",
        },
        {
          text: "Our Services",
          href: "#services",
        },
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-caucasian-man-black-t-shirt-smiles-isolated-grey-wall_132075-8163.jpg",
          alt: "Client 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/pretty-cute-blond-girl-charmingly-looking-camera-isolated-yellow-background_574295-2343.jpg",
          alt: "Client 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",
          alt: "Client 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-cute-smiling-boy-cafe_23-2148436234.jpg",
          alt: "Client 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/handsome-man-looking-camera-leaning-fist_23-2148179008.jpg",
          alt: "Satisfied Client 5",
        },
      ]}
      avatarText="Join our 1000+ satisfied clients!"
      imageSrc="http://img.b2bpic.net/free-photo/young-engineer-adjusting-autonomous-heating_1303-26539.jpg"
      imageAlt="Professional plumber working on pipes"
      mediaAnimation="slide-up"
      fixedMediaHeight={true}
      marqueeItems={[
        {
          type: "text-icon",
          text: "Expert Plumbing",
          icon: Wrench,
        },
        {
          type: "text-icon",
          text: "Reliable Heating",
          icon: Flame,
        },
        {
          type: "text-icon",
          text: "Hygienic Sanitation",
          icon: Droplets,
        },
        {
          type: "text-icon",
          text: "24/7 Emergency Service",
          icon: Clock,
        },
        {
          type: "text-icon",
          text: "Certified Technicians",
          icon: ShieldCheck,
        },
      ]}
      marqueeSpeed={40}
      showMarqueeCard={true}
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={true}
      title="Years of Expertise in Plumbing, Heating & Sanitation"
      metrics={[
        {
          icon: Users,
          label: "Satisfied Clients",
          value: "1500+",
        },
        {
          icon: Calendar,
          label: "Years in Service",
          value: "10+",
        },
        {
          icon: Award,
          label: "Certified Professionals",
          value: "20+",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardMedia
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "plumbing",
          title: "Expert Plumbing Services",
          description: "Reliable repair and installation for leaks, pipes, water heaters, and drain cleaning. Fast and efficient solutions for every plumbing challenge.",
          tag: "Plumbing",
          imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721522.jpg",
          imageAlt: "Plumbing technician working on pipes",
        },
        {
          id: "heating",
          title: "Advanced Heating Solutions",
          description: "Installation, maintenance, and repair of boilers, furnaces, and radiators. Keep your home warm and energy-efficient all year round.",
          tag: "Heating",
          imageSrc: "http://img.b2bpic.net/free-photo/man-repairing-cpu-with-screwdriver_23-2147922170.jpg",
          imageAlt: "Heating engineer inspecting a boiler",
        },
        {
          id: "sanitation",
          title: "Complete Sanitation Services",
          description: "Professional installation and repair of toilets, showers, sinks, and sewage systems. Ensuring hygienic and functional spaces for your peace of mind.",
          tag: "Sanitation",
          imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990728.jpg",
          imageAlt: "Sanitation expert installing a modern toilet",
        },
      ]}
      title="Comprehensive Home Comfort Solutions"
      description="From emergency repairs to full installations, GS Saidani covers all your plumbing, heating, and sanitation needs with unmatched quality and dedication."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "p-faucet",
          name: "Modern Kitchen Faucet",
          price: "Starting from $199",
          imageSrc: "http://img.b2bpic.net/free-photo/black-faucet-stream-foamy-water-white-basin_169016-68889.jpg",
          imageAlt: "Modern kitchen faucet",
        },
        {
          id: "p-water-heater",
          name: "High-Efficiency Water Heater",
          price: "Starting from $899",
          imageSrc: "http://img.b2bpic.net/free-photo/hand-turning-knob_23-2152024160.jpg",
          imageAlt: "High-efficiency water heater",
        },
        {
          id: "p-thermostat",
          name: "Smart Home Thermostat",
          price: "Starting from $149",
          imageSrc: "http://img.b2bpic.net/free-photo/finger-pressing-smart-home-automation-panel-monitor_53876-102345.jpg",
          imageAlt: "Smart home thermostat",
        },
        {
          id: "p-shower-head",
          name: "Rainfall Shower Head",
          price: "Starting from $129",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-bathrobe-hotel-room_23-2148095340.jpg",
          imageAlt: "Rainfall shower head",
        },
        {
          id: "p-boiler",
          name: "Energy-Saving Condensing Boiler",
          price: "Starting from $2499",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-s-hand-touching-vintage-machine_23-2148180331.jpg",
          imageAlt: "Energy-saving condensing boiler",
        },
        {
          id: "p-toilet",
          name: "Contemporary Water-Saving Toilet",
          price: "Starting from $349",
          imageSrc: "http://img.b2bpic.net/free-photo/man-is-sitting-toilet_1204-357.jpg",
          imageAlt: "Contemporary water-saving toilet",
        },
      ]}
      title="Quality Products for Your Home"
      description="We offer a curated selection of high-quality products from trusted brands to complement our services and enhance your home's comfort."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t-1",
          name: "Nabil S.",
          handle: "Local Business Owner",
          testimonial: "GS Saidani responded to our plumbing emergency faster than expected. Their professionalism and efficiency saved our business from major disruption.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-man-showing-new-apartment-his-surprised-happy-girlfriend_74855-10258.jpg",
          imageAlt: "Nabil S. customer",
        },
        {
          id: "t-2",
          name: "Amal R.",
          handle: "Residential Client",
          testimonial: "The heating system upgrade was seamless. The team was courteous, tidy, and explained everything clearly. Our home is much warmer now!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1687.jpg",
          imageAlt: "Amal R. customer",
        },
        {
          id: "t-3",
          name: "Omar D.",
          handle: "Property Manager",
          testimonial: "We rely on GS Saidani for all our property's sanitation needs. Their regular maintenance keeps everything running perfectly, preventing issues.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-couple-hardwood-floor_329181-212.jpg",
          imageAlt: "Omar D. customer",
        },
        {
          id: "t-4",
          name: "Sara H.",
          handle: "New Homeowner",
          testimonial: "From installation to a small leak repair, GS Saidani has been incredibly helpful. Their expertise makes home ownership much less stressful.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-embracing-sofa_23-2148363582.jpg",
          imageAlt: "Sara H. customer",
        },
        {
          id: "t-5",
          name: "Karim M.",
          handle: "Restaurant Owner",
          testimonial: "For commercial plumbing, you need speed and reliability. GS Saidani delivers both, ensuring our kitchen operations are never interrupted.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-break-time_23-2149308479.jpg",
          imageAlt: "Karim M. customer",
        },
      ]}
      showRating={true}
      title="What Our Clients Say"
      description="Our commitment to quality service shines through the feedback from our satisfied customers. Read their experiences."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-1",
          title: "What areas do you serve?",
          content: "We primarily serve Casablanca and surrounding regions. Please contact us to confirm service availability in your specific location.",
        },
        {
          id: "faq-2",
          title: "Do you offer emergency services?",
          content: "Yes, we provide 24/7 emergency plumbing and heating services. Call our dedicated emergency line for immediate assistance.",
        },
        {
          id: "faq-3",
          title: "How quickly can you respond to a service request?",
          content: "For emergencies, we aim to respond within 1-2 hours. For non-urgent requests, we schedule appointments at your earliest convenience, usually within 24-48 hours.",
        },
        {
          id: "faq-4",
          title: "Are your technicians certified and insured?",
          content: "Absolutely. All our technicians are fully certified, highly trained, and insured to ensure the highest standards of safety and quality for every job.",
        },
        {
          id: "faq-5",
          title: "What types of payment do you accept?",
          content: "We accept various payment methods, including cash, bank transfers, and major credit/debit cards. Payment plans can be discussed for larger projects.",
        },
      ]}
      sideTitle="Frequently Asked Questions"
      sideDescription="Have questions about our plumbing, heating, or sanitation services? Find quick answers here or reach out to our team directly."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Construction Co.",
        "Property Hub",
        "Commercial Estates",
        "Grand Hotels",
        "Gourmet Bites",
        "Public Works",
        "Local Chamber",
      ]}
      title="Our Valued Partners"
      description="We are proud to collaborate with leading businesses and organizations to deliver integrated solutions and extend our service reach."
      speed={40}
      showCard={true}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "downward-rays-static-grid",
      }}
      tag="Contact Us"
      title="Ready for Reliable Service?"
      description="Whether it's a new installation, a complex repair, or routine maintenance, our team is ready to provide the best solutions. Get in touch today!"
      inputPlaceholder="Enter your email for inquiries"
      buttonText="Send Message"
      termsText="By submitting, you agree to our privacy policy and terms of service."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f1yvw1"
      logoAlt="GS Saidani Footer Logo"
      logoText="GS Saidani"
      columns={[
        {
          title: "Services",
          items: [
            {
              label: "Plumbing",
              href: "#services",
            },
            {
              label: "Heating",
              href: "#services",
            },
            {
              label: "Sanitation",
              href: "#services",
            },
            {
              label: "Emergency Repair",
              href: "#contact",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Testimonials",
              href: "#testimonials",
            },
            {
              label: "FAQ",
              href: "#faq",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 GS Saidani. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
