"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Award, CheckCircle, Clock } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="small"
        sizing="largeSizeMediumTitles"
        background="noise"
        cardStyle="layered-gradient"
        primaryButtonStyle="flat"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "Services",          id: "services"},
        {
          name: "Why Us",          id: "about"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="Caleb's Plumbing"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogo
      logoText="Caleb's Plumbing"
      description="Brownsville's Most Trusted Plumbers — Available When You Need Us. Emergency service, upfront pricing, and local expertise."
      buttons={[
        {
          text: "Call Now",          href: "tel:+19565550123"},
        {
          text: "Book Appointment",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/plumber-man-working-pipes_155003-9111.jpg"
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        {
          type: "text",          content: "Family-Owned, Locally Focused"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/front-view-male-mechanic-leaning-car_23-2148327555.jpg",          alt: "Plumbing service truck brownsville"},
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "s1",          name: "Water Heater Repair",          price: "Emergency Service",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746294.jpg"},
        {
          id: "s2",          name: "Drain & Sewer Cleaning",          price: "Same Day Availability",          imageSrc: "http://img.b2bpic.net/free-photo/barista-prepares-coffee-coffee-holder-gloved-hands_1157-47296.jpg"},
        {
          id: "s3",          name: "Leak Detection & Repair",          price: "Advanced Tech",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-manometer-tool_53876-30452.jpg"},
        {
          id: "s4",          name: "Gas Line Installation",          price: "Licensed & Insured",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-as-plumber_23-2150746302.jpg"},
        {
          id: "s5",          name: "Well System Service",          price: "Full Assessment",          imageSrc: "http://img.b2bpic.net/free-photo/inside-view-pipe-tube-pipeline-construction_342744-362.jpg"},
        {
          id: "s6",          name: "Whole-Home Repiping",          price: "Transparent Quotes",          imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55595.jpg"},
      ]}
      title="Our Plumbing Services"
      description="From midnight emergencies to routine maintenance, we have the tools and experience to handle any plumbing challenge in Brownsville."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",          icon: CheckCircle,
          title: "Customer Rating",          value: "4.7 Stars"},
        {
          id: "m2",          icon: Award,
          title: "Happy Reviews",          value: "134+"},
        {
          id: "m3",          icon: Clock,
          title: "Response Time",          value: "Immediate"},
      ]}
      title="Why Brownsville Chooses Us"
      description="Trusted by hundreds, we provide the highest quality service across the Rio Grande Valley."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      team={[
        {
          id: "t1",          name: "Leo",          role: "Master Plumber",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg"},
        {
          id: "t2",          name: "Everett",          role: "Service Technician",          imageSrc: "http://img.b2bpic.net/free-photo/workwoman-office-cleaning-service_1398-3766.jpg"},
        {
          id: "t3",          name: "Sarah",          role: "Dispatch Coordinator",          imageSrc: "http://img.b2bpic.net/free-photo/with-closed-eyes-young-male-builder-wearing-uniform-safety-helmet-showing-okey-gesture-purple_141793-74537.jpg"},
      ]}
      title="Meet Your Plumbers"
      description="When you call Caleb's, you get the pros. No middlemen, no call centers — just Leo, Everett, and the team ready to help."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Maria Gonzalez",          handle: "Brownsville Resident",          testimonial: "Came at midnight for a pipe burst! Fast, professional, and price was totally fair.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/cute-couple-riding-scooter-together_23-2148733494.jpg"},
        {
          id: "2",          name: "John Smith",          handle: "Local Business Owner",          testimonial: "Reliable and honest. Didn't try to upsell me on things I didn't need.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990731.jpg"},
        {
          id: "3",          name: "Elena Rodriguez",          handle: "Homeowner",          testimonial: "Excellent service. Explained every step and gave me an upfront quote.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/deliveryman-taking-food-supplies-order_482257-76531.jpg"},
        {
          id: "4",          name: "David Wilson",          handle: "Resident",          testimonial: "Everett fixed my well system when others couldn't. Very knowledgeable.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/pleased-caucasian-adult-builder-man-uniform-holds-hands-together-looks-up-orange_141793-69273.jpg"},
        {
          id: "5",          name: "Patty Hernandez",          handle: "Brownsville Resident",          testimonial: "Highly recommended for all plumbing repairs. Always local, always friendly.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/nomad-family-traveling-living-van_23-2149651534.jpg"},
      ]}
      showRating={true}
      title="What Our Neighbors Say"
      description="Don't just take our word for it—read what your fellow Brownsville neighbors think of our service."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "f1",          title: "Do you offer emergency service?",          content: "Yes, we prioritize emergency plumbing issues and aim for same-day response."},
        {
          id: "f2",          title: "Are your quotes transparent?",          content: "Absolutely. We pride ourselves on upfront pricing with no surprise fees."},
        {
          id: "f3",          title: "Do you serve businesses?",          content: "Yes, we handle residential and small business plumbing needs in Brownsville."},
      ]}
      title="Common Plumbing Questions"
      description="Have questions about our service or how we can help you? Here are some frequently asked questions."
      imageSrc="http://img.b2bpic.net/free-photo/plumber-man-fixing-kitchen-sink_53876-27.jpg"
      mediaAnimation="slide-up"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Need a Plumber Now?"
      description="For plumbing emergencies, please call us immediately at (956) 555-0123—it's the fastest way to get help. Alternatively, fill out this form for a non-urgent inquiry."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
        },
        {
          name: "phone",          type: "tel",          placeholder: "Your Phone",          required: true,
        },
      ]}
      textarea={{
        name: "issue",        placeholder: "Briefly describe your plumbing issue",        rows: 4,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990738.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Services",              href: "#services"},
            {
              label: "Contact",              href: "#contact"},
          ],
        },
        {
          title: "Service Area",          items: [
            {
              label: "Brownsville, TX",              href: "#"},
            {
              label: "Surrounding Areas",              href: "#"},
          ],
        },
      ]}
      bottomLeftText="© 2024 Caleb's Plumbing"
      bottomRightText="Licensed & Insured"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}