"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import TextAbout from '@/components/sections/about/TextAbout';
import { CheckCircle, Clock, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="largeSmallSizeLargeTitles"
        background="circleGradient"
        cardStyle="solid"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Services",
          id: "features",
        },
        {
          name: "Reviews",
          id: "testimonials",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="VIP Plumbing"
      button={{
        text: "Call Now",
        href: "tel:+12393691776",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDualMedia
      background={{
        variant: "gradient-bars",
      }}
      title="Elite Plumbing Solutions You Can Trust"
      description="Professional, reliable, and prompt plumbing services for your home. Available 24/7 for all your residential plumbing needs."
      tag="5.0-Star Rated Expert Service"
      buttons={[
        {
          text: "Book Now",
          href: "#contact",
        },
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-experienced-smiling-car-mechanic-holding-wrenches-workshop_342744-255.jpg?_wi=1",
          imageAlt: "Professional plumbing service",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746310.jpg?_wi=1",
          imageAlt: "Expert plumber working",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-male-builder-wearing-uniform-safety-helmet-holding-out-wrench-camera-white_141793-74993.jpg",
          imageAlt: "Pleased young male builder wearing uniform and safety helmet",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-man-posing-winter-holidays_140725-138456.jpg",
          imageAlt: "Expressive young man posing",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/angry-young-male-builder-wearing-uniform-safety-helmet-holding-out-hammer_141793-80630.jpg",
          imageAlt: "Angry young male builder holding hammer",
        },
      ]}
      mediaAnimation="slide-up"
      rating={5}
      ratingText="Based on 59+ 5-star reviews"
      tagIcon={Star}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={true}
      tag="About Us"
      title="Honest Service. Fair Pricing. Professional Care."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Fixture Installation",
          description: "Quick, clean installation of toilets, faucets, and high-end fixtures.",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721571.jpg",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/manufacturer-teaching-new-employee-how-shape-wooden-bowl-disc-sander_482257-99053.jpg",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-experienced-smiling-car-mechanic-holding-wrenches-workshop_342744-255.jpg?_wi=2",
          imageAlt: "residential plumbing repair service",
        },
        {
          title: "Water Heater Services",
          description: "Rapid replacement and repair of hot water tanks to restore comfort.",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/stylish-restroom-wall-hung-toilet-matte-black-fixtures_169016-68901.jpg",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721568.jpg",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746310.jpg?_wi=2",
          imageAlt: "residential plumbing repair service",
        },
        {
          title: "Leak Detection & Repair",
          description: "Precision detection and permanent repairs for all pipe leaks.",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/side-view-sink-being-disinfected_23-2148561063.jpg",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55595.jpg",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-young-musician-woman-learns-how-play-ukulele-sits-sofa-with-crossed-legs_1258-204931.jpg",
          imageAlt: "residential plumbing repair service",
        },
      ]}
      showStepNumbers={true}
      title="Full-Service Plumbing Expertise"
      description="We specialize in fast, neat, and highly effective plumbing solutions, from minor repairs to major installations."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",
          title: "Service Calls Handled",
          value: "1000+",
          icon: CheckCircle,
        },
        {
          id: "m2",
          title: "Customer Satisfaction",
          value: "5.0",
          icon: Star,
        },
        {
          id: "m3",
          title: "Emergency Response Time",
          value: "<1hr",
          icon: Clock,
        },
      ]}
      title="Results You Can Count On"
      description="Our commitment to quality ensures every job meets the highest plumbing standards."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="VIP Plumbing was incredibly professional. Jason responded within an hour and my hot water tank was fixed immediately. Excellent service!"
      rating={5}
      author="Jennifer Caputi"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/vertical-shot-young-musician-woman-learns-how-play-ukulele-sits-sofa-with-crossed-legs_1258-204931.jpg",
          alt: "Customer",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-resting_171337-3997.jpg",
          alt: "Customer",
        },
        {
          src: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990689.jpg",
          alt: "Customer",
        },
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
          alt: "Customer",
        },
        {
          src: "http://img.b2bpic.net/free-photo/charming-student-girl-good-mood-relaxing-home_343059-139.jpg",
          alt: "Customer",
        },
      ]}
      ratingAnimation="slide-up"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "f1",
          title: "Are you available after hours?",
          content: "Yes, we are open 24 hours a day to handle emergency plumbing needs.",
        },
        {
          id: "f2",
          title: "Do you provide estimates?",
          content: "We provide timely and transparent estimates before starting any work.",
        },
        {
          id: "f3",
          title: "Are you LGBTQ+ friendly?",
          content: "Absolutely. We pride ourselves on being an inclusive and respectful service provider.",
        },
      ]}
      title="Common Plumbing Questions"
      faqsAnimation="slide-up"
      description="Answers to the most frequently asked questions about our plumbing services."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "rotated-rays-static",
      }}
      text="Ready to get your plumbing fixed? Our team is available 24/7 to assist you. Call us now or request an estimate."
      buttons={[
        {
          text: "Call +1 239-369-1776",
          href: "tel:+12393691776",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/unpleased-showing-stop-gesture-young-builder-man-uniform-holding-gas-wrench-isolated-blue-background_141793-134626.jpg"
      logoText="VIP Plumbing"
      columns={[
        {
          title: "Quick Links",
          items: [
            {
              label: "Home",
              href: "#hero",
            },
            {
              label: "About",
              href: "#about",
            },
            {
              label: "Reviews",
              href: "#testimonials",
            },
          ],
        },
        {
          title: "Services",
          items: [
            {
              label: "Fixture Installation",
              href: "#features",
            },
            {
              label: "Water Heaters",
              href: "#features",
            },
            {
              label: "Leak Repairs",
              href: "#features",
            },
          ],
        },
        {
          title: "Contact",
          items: [
            {
              label: "+1 239-369-1776",
              href: "tel:+12393691776",
            },
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
