"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import TextAbout from '@/components/sections/about/TextAbout';
import { Building, Droplets, Flame, Gauge, Waves, Wrench } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="small"
        sizing="largeSmallSizeLargeTitles"
        background="noise"
        cardStyle="solid"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "Services",
          id: "services",
        },
        {
          name: "Reviews",
          id: "testimonials",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Gotcha Plumbing"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlay
      title="Pretoria's Most Trusted Plumbers"
      description="Fast, reliable plumbing across Waterkloof & greater Pretoria"
      buttons={[
        {
          text: "Call Now",
          href: "tel:0827764138",
        },
        {
          text: "WhatsApp Us",
          href: "https://wa.me/27827764138",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721542.jpg?_wi=1"
      imageAlt="professional plumber at work"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",
          alt: "alone specialist handsome daydreaming collar",
        },
        {
          src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-beautiful-woman-years-old-wearing-corporate-clothing-looking-happy_1258-194086.jpg",
          alt: "Close up portrait of smiling beautiful woman years old wearing corporate clothing looking happy",
        },
        {
          src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2545.jpg",
          alt: "black businessman happy expression",
        },
        {
          src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg",
          alt: "Attractive blond business woman in a white shirt, eyeglasses and crossed arms over grey background.",
        },
        {
          src: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg",
          alt: "Man on the street using mobile phone",
        },
      ]}
      avatarText="Trusted by 500+ Pretoria residents"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureBento
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Leak Detection & Repair",
          description: "Accurate detection and permanent repairs for leaks.",
          bentoComponent: "reveal-icon",
          icon: Droplets,
          imageSrc: "http://img.b2bpic.net/free-photo/faucet-water-tap-droplet-icon-sign_53876-128089.jpg",
          imageAlt: "drain cleaning icon",
        },
        {
          title: "Geyser Installation",
          description: "Professional installation, repair, and replacement services.",
          bentoComponent: "reveal-icon",
          icon: Flame,
          imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721542.jpg?_wi=2",
          imageAlt: "drain cleaning icon",
        },
        {
          title: "Drain & Sewer Cleaning",
          description: "Expert solutions for clogged pipes and sewer lines.",
          bentoComponent: "reveal-icon",
          icon: Wrench,
          imageSrc: "http://img.b2bpic.net/free-vector/water-filtering-system-abstract-concept-vector-illustration-water-filtering-innovative-solution-home-treatment-system-drinking-water-delivery-service-whole-house-filtration-abstract-metaphor_335657-5756.jpg?_wi=1",
          imageAlt: "drain cleaning icon",
        },
        {
          title: "Tap & Toilet Repairs",
          description: "Fixing taps, showers, and toilets with ease.",
          bentoComponent: "reveal-icon",
          icon: Droplets,
          imageSrc: "http://img.b2bpic.net/free-vector/plumbing-flat-icons-collection_1284-10976.jpg?_wi=1",
          imageAlt: "drain cleaning icon",
        },
        {
          title: "Water Heater & Tanks",
          description: "Reliable installation for all heating and storage needs.",
          bentoComponent: "reveal-icon",
          icon: Gauge,
          imageSrc: "http://img.b2bpic.net/free-vector/plumber-service-flat-icons-collection_98292-2236.jpg",
          imageAlt: "drain cleaning icon",
        },
        {
          title: "Pool & Outdoor",
          description: "Specialized outdoor and pool plumbing maintenance.",
          bentoComponent: "reveal-icon",
          icon: Waves,
          imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-pumbing-logo-template_742173-3616.jpg",
          imageAlt: "drain cleaning icon",
        },
        {
          title: "Commercial Maintenance",
          description: "General plumbing maintenance for commercial spaces.",
          bentoComponent: "reveal-icon",
          icon: Building,
          imageSrc: "http://img.b2bpic.net/free-vector/swimming-icons_1057-1574.jpg",
          imageAlt: "drain cleaning icon",
        },
      ]}
      title="Our Services"
      description="Comprehensive plumbing solutions for your home and business."
    />
  </div>

  <div id="why-us" data-section="why-us">
      <TextAbout
      useInvertedBackground={false}
      title="Why Choose Gotcha Plumbing"
      description="With over 15 years of experience in the Pretoria plumbing industry, we pride ourselves on punctuality, transparency, and high-quality workmanship. Whether it's a minor leak or a complex installation, our team handles every project with the utmost care and professional precision."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Gabriel Pereira",
          role: "Customer",
          testimonial: "Professional, friendly and efficient. Arrived on time and explained everything clearly.",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands-d_1258-122007.jpg",
        },
        {
          id: "2",
          name: "Angelique Michau",
          role: "Customer",
          testimonial: "Walter is exceptional! Always available and very knowledgeable. Highly recommend!",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-pretty-caucasian-woman-sitting-armchair-designed-living-room-looking-showing-thumb-up-doing-money-gesture_141793-58035.jpg",
        },
        {
          id: "3",
          name: "Lesley Tripodi",
          role: "Customer",
          testimonial: "Quick, reliable and always follows up to explain the process. 10/10 STARS.",
          imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-smiling-looking-confident-happy-standing-suit-street-leans-her_1258-193996.jpg",
        },
        {
          id: "4",
          name: "Rachelle Redelinghuys",
          role: "Customer",
          testimonial: "We felt comfortable leaving him keys to our home. Highly recommend.",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg",
        },
        {
          id: "5",
          name: "Lizel Oosthuizen",
          role: "Customer",
          testimonial: "Excellent and so quick. Walter even fitted a gutter downpipe!",
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg",
        },
        {
          id: "6",
          name: "Kobus van Schalkwyk",
          role: "Customer",
          testimonial: "Sorted our burst geyser over the festive season. Professional and reliable.",
          imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2727.jpg",
        },
      ]}
      title="Customer Reviews"
      description="What our clients in Pretoria are saying about us."
    />
  </div>

  <div id="hours" data-section="hours">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "h1",
          value: "Mon–Sat",
          title: "Operating Days",
          description: "7am – 5pm",
          imageSrc: "http://img.b2bpic.net/free-vector/water-filtering-system-abstract-concept-vector-illustration-water-filtering-innovative-solution-home-treatment-system-drinking-water-delivery-service-whole-house-filtration-abstract-metaphor_335657-5756.jpg?_wi=2",
        },
        {
          id: "h2",
          value: "Sunday",
          title: "Operating Days",
          description: "Closed",
          imageSrc: "http://img.b2bpic.net/free-vector/plumbing-flat-icons-collection_1284-10976.jpg?_wi=2",
        },
      ]}
      title="Business Hours"
      description="Ready to serve you during these times."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Contact Gotcha Plumbing"
      description="Reach out for fast and reliable plumbing assistance in Pretoria."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Your Email",
          required: true,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Describe your plumbing issue",
        rows: 4,
        required: true,
      }}
      buttonText="Submit Inquiry"
      imageSrc="http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990731.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Contact",
          items: [
            {
              label: "Phone: 082 776 4138",
              href: "tel:0827764138",
            },
            {
              label: "WhatsApp: wa.me/27827764138",
              href: "https://wa.me/27827764138",
            },
            {
              label: "235 Long St, Waterkloof",
              href: "#",
            },
          ],
        },
        {
          title: "Navigation",
          items: [
            {
              label: "Home",
              href: "#hero",
            },
            {
              label: "Services",
              href: "#services",
            },
            {
              label: "Reviews",
              href: "#testimonials",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
      ]}
      bottomLeftText="© Gotcha Plumbing"
      bottomRightText="Serving Waterkloof, Pretoria & surrounding areas"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}