"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Award, CheckCircle, Clock, Leaf, Star, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="mediumLargeSizeLargeTitles"
        background="grid"
        cardStyle="outline"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Services",
          id: "#services",
        },
        {
          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=7ilo91"
      brandName="Woodbine Plumbing"
      button={{
        text: "Book a Service",
        href: "#contact",
      }}
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplit
      background={{
        variant: "radial-gradient",
      }}
      imagePosition="right"
      title="Reliable Plumbing Solutions You Can Trust"
      description="Woodbine Plumbing offers expert services for all your residential and commercial needs. Fast, efficient, and always professional."
      buttons={[
        {
          text: "Book a Service",
          href: "#contact",
        },
        {
          text: "Explore Services",
          href: "#services",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721575.jpg"
      imageAlt="professional plumber working on pipe clean"
      mediaAnimation="slide-up"
      fixedMediaHeight={true}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-dark-skinned-girl-looks-joyfully_273609-28709.jpg",
          alt: "Happy customer profile picture",
        },
        {
          src: "http://img.b2bpic.net/free-photo/womens-happy-about-success_23-2148461402.jpg",
          alt: "Satisfied client smiling",
        },
        {
          src: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-standing-with-arms-crossed-with-confident-smile-isolated-orange-wall_141793-14478.jpg",
          alt: "Plumbing client review portrait",
        },
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-couple-host_23-2149986628.jpg",
          alt: "Residential customer feedback",
        },
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-outdoors_23-2151038668.jpg",
          alt: "Commercial client smiling",
        },
      ]}
      avatarText="Join 5000+ happy customers!"
      marqueeItems={[
        {
          type: "text-icon",
          text: "24/7 Emergency Service",
          icon: Clock,
        },
        {
          type: "text",
          text: "Licensed & Insured",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-vector/plumbing-icons-set_98292-1525.jpg",
          alt: "Plumbing tool icon clean",
        },
        {
          type: "text-icon",
          text: "Eco-Friendly Solutions",
          icon: Leaf,
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/weather-icon-with-rain-cloud-with-water-drops_107791-17374.jpg",
          alt: "Water drop icon blue",
        },
      ]}
      marqueeSpeed={25}
      showMarqueeCard={true}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        {
          type: "text",
          content: "About Woodbine Plumbing: Your Trusted Local Experts",
        },
      ]}
      buttons={[
        {
          text: "Learn More",
          href: "#",
        },
      ]}
      description="At Woodbine Plumbing, we're more than just plumbers; we're dedicated craftsmen committed to providing superior service to our community. With years of experience, our licensed and insured team delivers exceptional quality, transparent pricing, and unparalleled customer satisfaction. We treat every home with the respect it deserves, ensuring lasting solutions and peace of mind."
      imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721521.jpg"
      imageAlt="experienced plumber portrait friendly"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      features={[
        {
          title: "Leak Detection & Repair",
          description: "Expertly locate and fix leaks to prevent water damage and conserve resources. Fast, reliable service for all types of leaks.",
          imageSrc: "http://img.b2bpic.net/free-photo/man-fixing-kitchen-sink_53876-13430.jpg",
          imageAlt: "Water leak dripping from a faucet",
        },
        {
          title: "Drain Cleaning & Unclogging",
          description: "Clear stubborn clogs and restore proper drainage. We use advanced tools for effective and long-lasting solutions.",
          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-tools_23-2148138069.jpg",
          imageAlt: "Clogged sink with standing water",
        },
        {
          title: "Water Heater Installation & Repair",
          description: "Specializing in efficient water heater services, from new installations to repairs and maintenance for all models.",
          imageSrc: "http://img.b2bpic.net/free-photo/service-man-adjusting-house-heating-system_1303-26529.jpg",
          imageAlt: "Plumber installing a water heater",
        },
        {
          title: "Pipe Repair & Replacement",
          description: "Professional pipe services to address bursts, corrosion, and old piping. We ensure your system is sound and efficient.",
          imageSrc: "http://img.b2bpic.net/free-photo/male-hands-with-wrench-turning-off-valves_169016-53780.jpg",
          imageAlt: "Broken pipe being repaired",
        },
      ]}
      title="Our Comprehensive Plumbing Services"
      description="From emergency repairs to routine maintenance, Woodbine Plumbing has you covered. We deliver professional, reliable solutions tailored to your needs."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Sarah J.",
          handle: "@SarahJ",
          testimonial: "Woodbine Plumbing saved the day! Quick response, fixed our leaky faucet perfectly. Highly recommend their professional service.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-talking-phone_23-2148660691.jpg",
          imageAlt: "happy customer smiling home",
        },
        {
          id: "2",
          name: "Mark D.",
          handle: "@MarkD",
          testimonial: "Excellent drain cleaning service. The plumber was courteous and efficient, leaving no mess behind. Five stars!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-glasses-shaking-hands-with-female-partner-meeting-co-working-space_74855-10006.jpg",
          imageAlt: "businessman happy with service",
        },
        {
          id: "3",
          name: "Emily R.",
          handle: "@EmilyR",
          testimonial: "They installed our new water heater flawlessly. Great communication and fair pricing. Woodbine is our go-to for plumbing now.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/senior-man-taking-selfie-with-her-wife-holding-cabbage-plate_23-2148128045.jpg",
          imageAlt: "senior couple smiling in kitchen",
        },
        {
          id: "4",
          name: "David L.",
          handle: "@DavidL",
          testimonial: "Had a burst pipe emergency, and Woodbine Plumbing arrived quickly and resolved it with expertise. Truly reliable service.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/she-is-sense-my-life_329181-10770.jpg",
          imageAlt: "young family happy new home",
        },
        {
          id: "5",
          name: "Jessica M.",
          handle: "@JessicaM",
          testimonial: "Impressed with the professionalism and attention to detail. Our bathroom renovation plumbing was handled perfectly. Fantastic work!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/grandma-worry-businesswoman-information-anger_1194-7852.jpg",
          imageAlt: "homeowner inspecting pipes satisfied",
        },
        {
          id: "6",
          name: "Robert S.",
          handle: "@RobertS",
          testimonial: "Called for a minor issue, but they caught a potential major problem. Proactive and thorough. Woodbine is truly trustworthy.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-discussing-neighbourhood_23-2149447184.jpg",
          imageAlt: "woman relaxing in modern bathroom",
        },
      ]}
      showRating={true}
      title="Hear From Our Satisfied Customers"
      description="Our clients consistently praise our promptness, professionalism, and quality workmanship. Your satisfaction is our top priority."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          icon: Award,
          title: "Years in Business",
          value: "20+",
        },
        {
          id: "m2",
          icon: Users,
          title: "Satisfied Clients",
          value: "5,000+",
        },
        {
          id: "m3",
          icon: CheckCircle,
          title: "Projects Completed",
          value: "8,000+",
        },
        {
          id: "m4",
          icon: Star,
          title: "Average Rating",
          value: "4.9/5",
        },
      ]}
      title="Our Commitment to Excellence"
      description="Woodbine Plumbing is built on a foundation of experience, customer satisfaction, and continuous improvement."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Local Homes",
        "Property Mgmt",
        "Renovate Builders",
        "Eco Solutions",
        "Maplewood Real Estate",
        "Bright Spark Co.",
        "Urban Developments",
      ]}
      title="Trusted by Homeowners & Businesses"
      description="We partner with leading local organizations and proudly serve a wide array of residential and commercial clients."
      speed={20}
      showCard={false}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq1",
          title: "What areas do you serve?",
          content: "Woodbine Plumbing proudly serves the greater Woodbine area and surrounding communities. Please contact us to confirm service availability in your specific location.",
        },
        {
          id: "faq2",
          title: "How quickly can you respond to emergencies?",
          content: "We offer rapid response for plumbing emergencies. Our team is often able to dispatch a technician within hours, depending on current demand. Call our emergency line for immediate assistance.",
        },
        {
          id: "faq3",
          title: "Do you provide free estimates?",
          content: "Yes, we provide free, no-obligation estimates for most services. For complex diagnostics or specific repair quotes, a service fee may apply, which will be credited towards any completed work.",
        },
        {
          id: "faq4",
          title: "Are your plumbers licensed and insured?",
          content: "Absolutely. All Woodbine Plumbing technicians are fully licensed, certified, and insured professionals, ensuring high-quality workmanship and peace of mind for our clients.",
        },
        {
          id: "faq5",
          title: "What payment methods do you accept?",
          content: "We accept all major credit cards, debit cards, and bank transfers. Payment plans may be available for larger projects; please discuss options with our team.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/bicycle-tools-arranged-repairstand_482257-86076.jpg"
      imageAlt="plumber toolbox equipment organized"
      mediaAnimation="opacity"
      mediaPosition="left"
      title="Frequently Asked Questions"
      description="Find quick answers to common questions about our plumbing services, pricing, and scheduling."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "downward-rays-static-grid",
      }}
      text="Ready for Reliable Plumbing Service? Schedule Your Appointment Today!"
      buttons={[
        {
          text: "Call Us Now",
          href: "tel:+1234567890",
        },
        {
          text: "Send a Message",
          href: "mailto:info@woodbineplumbing.com",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/nightlife-city-sparkles-light_23-2149057548.jpg"
      imageAlt="cityscape at sunset modern buildings"
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7ilo91"
      logoAlt="plumbing company logo modern simple blue"
      logoText="Woodbine Plumbing"
      columns={[
        {
          title: "Services",
          items: [
            {
              label: "Leak Repair",
              href: "#services",
            },
            {
              label: "Drain Cleaning",
              href: "#services",
            },
            {
              label: "Water Heaters",
              href: "#services",
            },
            {
              label: "Pipe Repair",
              href: "#services",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Testimonials",
              href: "#testimonials",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
        {
          title: "Resources",
          items: [
            {
              label: "FAQ",
              href: "#faq",
            },
            {
              label: "Blog",
              href: "#",
            },
            {
              label: "Privacy Policy",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Woodbine Plumbing. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
