"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
import ContactText from '@/components/sections/contact/ContactText';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { DollarSign, Leaf, MessageCircle, Users, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="largeSmall"
        background="blurBottom"
        cardStyle="outline"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="glass"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "About",          id: "#about"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Why Us",          id: "#why-us"},
        {
          name: "Reviews",          id: "#testimonials"},
        {
          name: "Gallery",          id: "#gallery"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f7gdw4"
      logoAlt="Lee's Lawn Care & Maintenance Logo"
      brandName="Lee's Lawn Care & Maintenance"
      button={{
        text: "Get a Quote",        href: "#contact"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlay
      title="Calgary's Most Trusted Lawn Care."
      description="Same-day service. Exceptional results. Your neighbours will notice."
      tag="★★★★★ Google Rated · 35+ 5-Star Reviews · Same-Day Availability · Serving Calgary Since 2018"
      tagAnimation="slide-up"
      buttons={[
        {
          text: "Get a Free Quote",          href: "#contact"},
        {
          text: "See Our Work",          href: "#gallery"},
      ]}
      buttonAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-two-leaf-rakes-shovels-leaned-against-wooden-fence-with-blurred-background_181624-4367.jpg"
      imageAlt="Pristine Calgary lawn after professional care"
      showBlur={true}
      textPosition="bottom"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/gray-haired-male-worker-using-leaf-blower-city-park-october-back-view-focused-senior-man_7502-10343.jpg",          alt: "Happy customer 1"},
        {
          src: "http://img.b2bpic.net/free-photo/caucasian-male-worker-gloves-removing-dry-leaves-from-sidewalk-with-hand-blower-park-side-view_7502-10152.jpg",          alt: "Happy customer 2"},
        {
          src: "http://img.b2bpic.net/free-photo/photorealistic-man-doing-house-chores_23-2151733060.jpg",          alt: "Happy customer 3"},
        {
          src: "http://img.b2bpic.net/free-photo/smiling-young-handsome-slavic-gardener-uniform-hat-holding-gardener-tools-looking-isolated_141793-68646.jpg",          alt: "Happy customer 4"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-young-stylish-indian-man-model-pose-street_627829-4601.jpg",          alt: "Happy customer 5"},
      ]}
      avatarText="Trusted by over 100+ Calgary homeowners."
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={true}
      tag="Meet Lee"
      title="We Treat Your Property Like Our Own."
      description="Lee is a Calgary-based owner-operator with years of hands-on experience. Known for same-day callbacks, honest pricing, and staying until the job is done right — even if that means working after dark."
      subdescription="Lee personally oversees every job and responds to every customer. This isn't a franchise. It's a reputation built one yard at a time, right here in Calgary."
      icon={Users}
      imageSrc="http://img.b2bpic.net/free-photo/woman-jacket_1303-3801.jpg"
      imageAlt="Lee, the owner-operator, on the job in Calgary"
      mediaAnimation="opacity"
    />
  </div>

  <div id="services" data-section="services">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "lawn-mowing",          name: "Lawn Care & Mowing",          price: "Starting at $XX",          imageSrc: "http://img.b2bpic.net/free-photo/modern-wooden-house-mountains-terrace-with-panoramic-view_169016-69002.jpg",          imageAlt: "Freshly mowed lawn"},
        {
          id: "yard-cleanup",          name: "Spring & Fall Yard Cleanup",          price: "Custom Quote",          imageSrc: "http://img.b2bpic.net/free-photo/senior-man-working-field_329181-12430.jpg",          imageAlt: "Yard after cleanup"},
        {
          id: "hedge-trimming",          name: "Hedge Trimming & Pruning",          price: "Custom Quote",          imageSrc: "http://img.b2bpic.net/free-photo/bouquet-tree-pot_1339-5746.jpg",          imageAlt: "Precisely trimmed hedges"},
        {
          id: "snow-removal",          name: "Snow Removal",          price: "Seasonal Rates",          imageSrc: "http://img.b2bpic.net/free-photo/tractor-with-snow-plow-action-winter-machinery_169016-71327.jpg",          imageAlt: "Clean, snow-cleared driveway"},
        {
          id: "junk-removal",          name: "Junk & Debris Removal",          price: "Custom Quote",          imageSrc: "http://img.b2bpic.net/free-photo/young-couple-moving-into-new-home_23-2149199048.jpg",          imageAlt: "Yard waste being removed"},
        {
          id: "mower-repair",          name: "Lawn Mower Repair & Maintenance",          price: "Diagnostic Fee",          imageSrc: "http://img.b2bpic.net/free-photo/growing-plants-equipment_23-2148928473.jpg",          imageAlt: "Lawn mower being repaired"},
        {
          id: "landscaping",          name: "Garden & Backyard Landscaping",          price: "Project-Based",          imageSrc: "http://img.b2bpic.net/free-photo/tropical-living-room-with-wooden-beams_23-2152008211.jpg",          imageAlt: "Beautifully landscaped garden"},
        {
          id: "property-maintenance",          name: "General Property Maintenance",          price: "Hourly / Retainer",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roommates-together-home_23-2149358498.jpg",          imageAlt: "Gutter cleaning service"},
      ]}
      title="Everything Your Property Needs, Year-Round."
      description="From lush lawns in summer to clear driveways in winter, we've got you covered with meticulous care and reliable service."
    />
  </div>

  <div id="why-us" data-section="why-us">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      metrics={[
        {
          id: "same-day",          value: "⚡",          title: "Same-Day Service",          description: "\"Called at 1pm, they were there by 5pm.\" — Real customer",          icon: Zap,
        },
        {
          id: "owner-reachable",          value: "💬",          title: "Owner Always Reachable",          description: "Lee responds personally and promptly to every inquiry. No call goes unanswered.",          icon: MessageCircle,
        },
        {
          id: "meticulous-detail",          value: "🌿",          title: "Meticulous Attention to Detail",          description: "Trimmed right to the pavement, just as promised. We take pride in perfection.",          icon: Leaf,
        },
        {
          id: "fair-pricing",          value: "💰",          title: "Fair, Transparent Pricing",          description: "No surprises. Honest rates every time, so you know exactly what to expect.",          icon: DollarSign,
        },
      ]}
      title="Why Calgary Chooses Lee's Lawn Care"
      description="Experience the difference of a local team that truly cares about your property and goes the extra mile."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          title: "Beyond Expectations!",          quote: "Lee and his partner were amazing — right to the pavement, just like he promised. Hard to get people like that these days.",          name: "Siva C.",          role: "Google Review",          imageSrc: "asset://testimonial-1",          imageAlt: "Customer Siva C."},
        {
          id: "2",          title: "Incredible Yard Transformation",          quote: "Couldn't believe the result of my yard. Lee was able to come a lot quicker than many other companies I called.",          name: "Devon W.",          role: "Google Review",          imageSrc: "asset://testimonial-2",          imageAlt: "Customer Devon W."},
        {
          id: "3",          title: "Yard Better Than I Imagined!",          quote: "Lee and crew were awesome. Showed up same day for a spring cleanup and left my yard looking better than I imagined.",          name: "Graydon H.",          role: "Google Review",          imageSrc: "asset://testimonial-3",          imageAlt: "Customer Graydon H."},
        {
          id: "4",          title: "Responsive & Reliable",          quote: "Lee was incredibly responsive. He came within an hour and fixed my lawn mower on the spot. More people should run their business this way!",          name: "Jason M.",          role: "Google Review",          imageSrc: "asset://testimonial-4",          imageAlt: "Customer Jason M."},
        {
          id: "5",          title: "Hardworking and Efficient",          quote: "He was on time and worked late into the night to complete the work in 2 days. Amazing!",          name: "Alanna W.",          role: "Google Review",          imageSrc: "asset://testimonial-5",          imageAlt: "Customer Alanna W."},
      ]}
      title="Calgary Homeowners Love Us."
      description="Don't just take our word for it – hear what your neighbours are saying about Lee's commitment to excellence."
    />
  </div>

  <div id="gallery" data-section="gallery">
      <BlogCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      title="See the Lee's Lawn Care Difference."
      description="Browse our gallery to witness the incredible transformations we've achieved for properties across Calgary."
      blogs={[
        {
          id: "gallery-1",          category: "Before/After",          title: "Lawn Renovation",          excerpt: "From overgrown to pristine green.",          imageSrc: "http://img.b2bpic.net/free-photo/unpleased-putting-hand-cheek-young-cleaning-woman-holding-looking-pipidaster_141793-114307.jpg",          imageAlt: "Before and after lawn renovation",          authorName: "Lee's Team",          authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f7gdw4",          date: "2024-03-15"
        },
        {
          id: "gallery-2",          category: "Winter",          title: "Snow Removal",          excerpt: "Clearing the way, safely and efficiently.",          imageSrc: "http://img.b2bpic.net/free-photo/wide-shot-ruth-glaciers-covered-snow_181624-3220.jpg",          imageAlt: "Before and after snow removal",          authorName: "Lee's Team",          authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f7gdw4",          date: "2024-01-20"
        },
        {
          id: "gallery-3",          category: "Detailing",          title: "Hedge Perfection",          excerpt: "Precision trimming for a polished look.",          imageSrc: "http://img.b2bpic.net/free-photo/man-servant-caring-garden_23-2149530836.jpg",          imageAlt: "Before and after hedge trimming",          authorName: "Lee's Team",          authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f7gdw4",          date: "2024-05-10"
        },
        {
          id: "gallery-4",          category: "Seasonal",          title: "Spring Cleanup",          excerpt: "Preparing your yard for a beautiful season.",          imageSrc: "http://img.b2bpic.net/free-photo/person-holding-gardening-tool-close-up_23-2148509869.jpg",          imageAlt: "Before and after spring yard cleanup",          authorName: "Lee's Team",          authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f7gdw4",          date: "2024-04-01"
        },
        {
          id: "gallery-5",          category: "Junk",          title: "Debris Hauling",          excerpt: "Making your outdoor space spotless.",          imageSrc: "http://img.b2bpic.net/free-photo/leaf-basket-concentrated-young-adult-caucasian-man-jeans-vest-raising-basket-looking-attentively-lawn-garden-autumn-day_259150-59034.jpg",          imageAlt: "Before and after junk removal",          authorName: "Lee's Team",          authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f7gdw4",          date: "2024-06-01"
        },
        {
          id: "gallery-6",          category: "Design",          title: "Garden Makeover",          excerpt: "Crafting the backyard of your dreams.",          imageSrc: "http://img.b2bpic.net/free-photo/residential-houses-surrounded-by-greenery_1268-15594.jpg",          imageAlt: "Before and after garden landscaping",          authorName: "Lee's Team",          authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f7gdw4",          date: "2024-07-10"
        },
      ]}
    />
  </div>

  <div id="area" data-section="area">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",          title: "Which areas in Calgary do you serve?",          content: "We proudly serve all quadrants of Calgary, including the surrounding areas. Contact us with your address to confirm service availability in your specific neighbourhood."},
        {
          id: "faq-2",          title: "Are your services available year-round?",          content: "Yes, we offer comprehensive services for every season. From spring cleanups and summer lawn care to fall leaf removal and winter snow removal, we've got you covered."},
        {
          id: "faq-3",          title: "How can I get a quote for my property?",          content: "You can easily request a free, no-obligation quote by calling us directly at (403) 555-1234 or by using the contact form on our website. We aim for same-day responses!"},
        {
          id: "faq-4",          title: "What makes Lee's Lawn Care different?",          content: "As an owner-operated business, Lee himself oversees every project, ensuring meticulous attention to detail, transparent pricing, and direct communication. We treat your property like our own."},
        {
          id: "faq-5",          title: "Do you offer emergency services?",          content: "For urgent needs like immediate snow removal after a heavy snowfall or critical yard cleanups, we strive to offer same-day service whenever possible. Give us a call, and we'll do our best to assist."},
      ]}
      title="Proudly Serving Calgary & Surrounding Areas."
      description="As a local Calgary business, Lee's Lawn Care & Maintenance is deeply rooted in the community. We're committed to delivering exceptional service right to your neighbourhood, ensuring your property looks its best year-round. From the bustling inner-city to the peaceful suburbs, we're your trusted local outdoor service provider."
      faqsAnimation="none"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient"}}
      text="Ready for a Yard You're Proud Of? Get your free, no-obligation quote today. Prefer to talk? We pick up: (403) 555-1234"
      buttons={[
        {
          text: "Request My Free Quote",          href: "tel:+14035551234"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Quick Links",          items: [
            {
              label: "Services",              href: "#services"},
            {
              label: "About Us",              href: "#about"},
            {
              label: "Reviews",              href: "#testimonials"},
            {
              label: "Contact",              href: "#contact"},
          ],
        },
        {
          title: "Contact Info",          items: [
            {
              label: "Phone: (403) 555-1234",              href: "tel:+14035551234"},
            {
              label: "Email: info@leeslawncare.com",              href: "mailto:info@leeslawncare.com"},
            {
              label: "Calgary, AB",              href: "#"},
          ],
        },
        {
          title: "Connect",          items: [
            {
              label: "Google Reviews",              href: "https://g.page/leeslawncare/review"},
            {
              label: "Facebook",              href: "https://facebook.com/leeslawncare"},
          ],
        },
      ]}
      bottomLeftText="© 2025 Lee's Lawn Care & Maintenance. Calgary's Neighbourly Lawn Pros."
      bottomRightText="Calgary, AB"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
