"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import { Cog, Gauge, MapPin, Smile, Sparkles, Star, Tag, ZoomIn } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="largeSmallSizeMediumTitles"
        background="aurora"
        cardStyle="outline"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Services",          id: "#services"},
        {
          name: "Why Choose Us",          id: "#why-us"},
        {
          name: "Reviews",          id: "#reviews"},
        {
          name: "Process",          id: "#process"},
        {
          name: "About",          id: "#about"},
        {
          name: "Areas Served",          id: "#areas-served"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Champion Handyman LLC"
      button={{
        text: "Call Now: (925) 202-1924",        href: "tel:9252021924"}}
      animateOnLoad={true}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlay
      title="Your Trusted Local Handyman in Danville & the East Bay"
      description="From small repairs to home improvement projects, Champion Handyman LLC delivers dependable workmanship, honest communication, and quality results you can trust. Serving homeowners with 5.0 Star Service, 100+ Happy Customers, Licensed & Insured, and Reliable & Professional expertise."
      buttons={[
        {
          text: "Call Now: (925) 202-1924",          href: "tel:9252021924"},
        {
          text: "Request a Free Estimate",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/couple-painting-their-new-home-after-moving-together_23-2149086828.jpg"
      imageAlt="Professional handyman working inside a modern home"
      showDimOverlay={true}
      showBlur={true}
      textPosition="bottom"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-talking-phone_23-2148230757.jpg",          alt: "Close-up smiley man talking on the phone"},
        {
          src: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg",          alt: "Front view happy man showing approval"},
        {
          src: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",          alt: "Successful young man in stylish hat relaxing alone at cozy cafeteria during lunch break, looking with happy expression"},
        {
          src: "http://img.b2bpic.net/free-photo/smiling-businessmen-office_1098-240.jpg",          alt: "Smiling businessmen in the office"},
        {
          src: "http://img.b2bpic.net/free-photo/close-up-view-caucasian-business-woman-sitting-chair-smiling-camera_197531-32293.jpg",          alt: "Close up view of caucasian business woman sitting in chair smiling at camera"},
      ]}
      avatarText="Trusted by 100+ Happy Homeowners"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      title="Need a Reliable Handyman?"
      description="Get quality workmanship from a trusted local professional for all your home repair and improvement needs. Contact us today for a free estimate."
      inputs={[
        { name: "name", type: "text", placeholder: "Your Name", required: true },
        { name: "email", type: "email", placeholder: "Your Email", required: true },
        { name: "phone", type: "tel", placeholder: "Your Phone Number (optional)" }
      ]}
      textarea={{
        name: "message",        placeholder: "Tell us about your project...",        rows: 4
      }}
      buttonText="Send Message"
      onSubmit={(data) => console.log(data)}
      imageSrc="http://img.b2bpic.net/free-photo/top-view-steel-hammer-with-other-construction-elements-tools_23-2150576389.jpg"
      imageAlt="Dark blue professional background with subtle handyman tools graphic"
      mediaPosition="right"
      mediaAnimation="slide-up"
      useInvertedBackground={true}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentySeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          id: "home-repairs",          title: "Home Repairs",          descriptions: [
            "Drywall Repair",            "Door Repairs",            "Trim Work",            "Hardware Installation",            "General Repairs"],
          imageSrc: "http://img.b2bpic.net/free-vector/home-repair-painting-brush-construction-tools-measuring-tape-flat-icons-composition-design-vector-illustration_98292-598.jpg",          imageAlt: "Home Repair Icon"},
        {
          id: "kitchen-services",          title: "Kitchen Services",          descriptions: [
            "Faucet Replacement",            "Cabinet Repairs",            "Fixture Installation",            "Backsplash Installation"],
          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-cartoon-house_23-2150188331.jpg",          imageAlt: "Kitchen Services Icon"},
        {
          id: "bathroom-services",          title: "Bathroom Services",          descriptions: [
            "Vanity Installation",            "Toilet Repairs",            "Caulking",            "Fixture Replacement"],
          imageSrc: "http://img.b2bpic.net/free-vector/clogged-drains-cleaning-installations-plumbing-service-concept_98292-3031.jpg",          imageAlt: "Bathroom Services Icon"},
        {
          id: "exterior-repairs",          title: "Exterior Repairs",          descriptions: [
            "Fence Repair",            "Gate Repair",            "Stucco Repair",            "Siding Repair"],
          imageSrc: "http://img.b2bpic.net/free-vector/25-building-construction-solid-glyph-icon-pack-vector-icons-illustration_1142-19280.jpg",          imageAlt: "Exterior Repairs Icon"},
        {
          id: "installation-services",          title: "Installation Services",          descriptions: [
            "Security Cameras",            "Shelving",            "TV Mounting",            "Ceiling Fans",            "Light Fixtures"],
          imageSrc: "http://img.b2bpic.net/free-vector/home-security-icons-collection-with-surveillance-system-climate-control-mobile-apps-smart-house-isolated-illustration_98292-7707.jpg",          imageAlt: "Installation Services Icon"},
        {
          id: "home-maintenance",          title: "Home Maintenance",          descriptions: [
            "Window Repairs",            "Leak Repairs",            "Preventative Maintenance",            "General Property Maintenance"],
          imageSrc: "http://img.b2bpic.net/free-vector/insurance-simple-element_24908-54321.jpg",          imageAlt: "Home Maintenance Icon"},
      ]}
      title="Our Expert Handyman Services"
      description="From minor fixes to major improvements, we handle it all with skill and precision, ensuring every project meets our high standards."
    />
  </div>

  <div id="why-us" data-section="why-us">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",          value: "Fast",          title: "Response Times",          description: "We prioritize prompt communication and scheduling.",          icon: Gauge,
        },
        {
          id: "m2",          value: "Honest",          title: "Pricing",          description: "Transparent quotes with no hidden fees, just fair value.",          icon: Tag,
        },
        {
          id: "m3",          value: "Quality",          title: "Craftsmanship",          description: "Meticulous attention to detail for lasting results.",          icon: Cog,
        },
        {
          id: "m4",          value: "Attention",          title: "to Detail",          description: "Every small detail is handled with precision and care.",          icon: ZoomIn,
        },
        {
          id: "m5",          value: "Friendly",          title: "Service",          description: "Our team is approachable, respectful, and a pleasure to work with.",          icon: Smile,
        },
        {
          id: "m6",          value: "Local",          title: "East Bay Company",          description: "Proudly serving our community with local knowledge and commitment.",          icon: MapPin,
        },
        {
          id: "m7",          value: "Clean",          title: "Job Sites",          description: "We leave your home tidy, ensuring a hassle-free experience.",          icon: Sparkles,
        },
        {
          id: "m8",          value: "Customer",          title: "Satisfaction First",          description: "Your happiness is our priority, guaranteed from start to finish.",          icon: Star,
        },
      ]}
      title="Why Choose Champion Handyman"
      description="Experience the difference of a locally owned, trusted partner for all your home repair and improvement projects in the East Bay."
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      carouselMode="auto"
      testimonials={[
        {
          id: "1",          name: "Sarah Johnson",          role: "Homeowner, Danville",          testimonial: "\"These guys are amazing! They came out the same day and got the work done incredibly quickly. Sean and Kevin are super professional.\"",          imageSrc: "http://img.b2bpic.net/free-photo/outdoors-business-man-listening-happy-music_23-2148763857.jpg",          imageAlt: "Sarah Johnson",          icon: Star,
        },
        {
          id: "2",          name: "Michael Chen",          role: "Homeowner, Alamo",          testimonial: "\"They fixed our leaking window and repaired the stucco perfectly. Professional, efficient, and excellent attention to detail.\"",          imageSrc: "http://img.b2bpic.net/free-photo/woman-digital-disconnecting-home-by-reading-book_23-2150037421.jpg",          imageAlt: "Michael Chen",          icon: Star,
        },
        {
          id: "3",          name: "Emily Rodriguez",          role: "Homeowner, San Ramon",          testimonial: "\"Sean installed the weather barrier and patched the siding to perfection. Looking forward to working together again.\"",          imageSrc: "http://img.b2bpic.net/free-photo/pleased-pretty-blonde-slavic-woman-puts-hands-waist-looks-camera-olive-green_141793-69824.jpg",          imageAlt: "Emily Rodriguez",          icon: Star,
        },
        {
          id: "4",          name: "David Kim",          role: "Homeowner, Walnut Creek",          testimonial: "\"Champion Handyman delivered top-notch service. Quick response, clear communication, and impeccable results. Highly recommend!\"",          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-lady-listening-music_171337-14089.jpg",          imageAlt: "David Kim",          icon: Star,
        },
        {
          id: "5",          name: "Jessica Lee",          role: "Homeowner, Dublin",          testimonial: "\"Professional, reliable, and honest. They transformed my kitchen with new backsplash installation. Fantastic work!\"",          imageSrc: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg",          imageAlt: "Jessica Lee",          icon: Star,
        },
      ]}
      title="What Our Happy Customers Say"
      description="Hear directly from homeowners in Danville and the East Bay who trust Champion Handyman LLC for their home repair needs."
    />
  </div>

  <div id="process" data-section="process">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "p1",          title: "1. Contact Us",          content: "Reach out by phone or our online form to discuss your project and needs."},
        {
          id: "p2",          title: "2. Free Estimate",          content: "We'll provide a detailed, no-obligation estimate after understanding your project scope."},
        {
          id: "p3",          title: "3. Schedule Service",          content: "We'll find a convenient appointment time that fits your schedule."},
        {
          id: "p4",          title: "4. Quality Work",          content: "Our skilled handymen complete the project with professional craftsmanship and attention to detail."},
        {
          id: "p5",          title: "5. Customer Satisfaction",          content: "We ensure your home is left clean and your project is completed to your utmost satisfaction."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/diverse-team-members-brainstrom-together-informal-meeting_273609-28644.jpg"
      imageAlt="Handyman planning project workflow"
      mediaAnimation="slide-up"
      mediaPosition="left"
      title="Our Simple 5-Step Process"
      description="We make home repairs and improvements easy and transparent, ensuring a smooth and satisfactory experience from start to finish."
      faqsAnimation="slide-up"
      showCard={true}
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={true}
      title="Your Local Trusted Handyman"
      description="Champion Handyman LLC is committed to delivering dependable home repair and improvement services with professionalism, quality workmanship, and honest communication. Every project—large or small—is completed with attention to detail and pride in the finished result.\n\nOur goal is simple: provide homeowners with a handyman they can trust."
      metrics={[
        {
          value: "5.0",          title: "Star Rating"},
        {
          value: "100+",          title: "Happy Customers"},
        {
          value: "15+",          title: "Years Experience"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/two-men-builder-architect-shake-hands-construction-site_839833-31658.jpg"
      imageAlt="Handyman shaking client's hand"
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="areas-served" data-section="areas-served">
      <FeatureCardTwentySeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "danville",          title: "Danville",          descriptions: [
            "Local expertise, prompt service."],
          imageSrc: "http://img.b2bpic.net/free-photo/las-vegas-panorama_649448-1601.jpg",          imageAlt: "Danville California"},
        {
          id: "alamo",          title: "Alamo",          descriptions: [
            "Dependable solutions for every home."],
          imageSrc: "http://img.b2bpic.net/free-photo/map-montana-polygonal-mesh-line-map-flag-map_559531-11409.jpg",          imageAlt: "Alamo California"},
        {
          id: "san-ramon",          title: "San Ramon",          descriptions: [
            "Quality craftsmanship you can rely on."],
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-happy-women-kid-park_23-2149363946.jpg",          imageAlt: "San Ramon California"},
        {
          id: "walnut-creek",          title: "Walnut Creek",          descriptions: [
            "Comprehensive home repair services."],
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-city_1127-3332.jpg",          imageAlt: "Walnut Creek California"},
        {
          id: "dublin",          title: "Dublin",          descriptions: [
            "Efficient and professional handyman work."],
          imageSrc: "http://img.b2bpic.net/free-photo/mountain-top-view-san-francisco-downtown_649448-2624.jpg",          imageAlt: "Dublin California"},
        {
          id: "pleasanton",          title: "Pleasanton",          descriptions: [
            "Trusted for all home improvement projects."],
          imageSrc: "http://img.b2bpic.net/free-photo/summer-white-bloom-forest-trees_1203-4682.jpg",          imageAlt: "Pleasanton California"},
        {
          id: "lafayette",          title: "Lafayette",          descriptions: [
            "Dedicated to customer satisfaction."],
          imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-gold-coast-canal-with-city-skyline-residential-waterfront_1308-189366.jpg",          imageAlt: "Lafayette California"},
        {
          id: "orinda",          title: "Orinda",          descriptions: [
            "Reliable and honest service every time."],
          imageSrc: "http://img.b2bpic.net/free-photo/tokyo-cityscape-daytime_23-2149209891.jpg",          imageAlt: "Orinda California"},
        {
          id: "blackhawk",          title: "Blackhawk",          descriptions: [
            "High-quality work for discerning homeowners."],
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-colorful-sunset-sea-sun-shines-orange-sky_146671-18814.jpg",          imageAlt: "Blackhawk California"},
      ]}
      title="Proudly Serving the East Bay"
      description="Champion Handyman LLC is dedicated to homeowners across a wide service area, ensuring quality and reliability in every community."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Champion Handyman LLC"
      leftLink={{
        text: "Call Us: (925) 202-1924",        href: "tel:9252021924"}}
      rightLink={{
        text: "Request a Free Estimate",        href: "#contact"}}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}