"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import TextAbout from '@/components/sections/about/TextAbout';
import { Crown, Leaf, Scissors, Sparkles, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="mediumSmall"
        sizing="large"
        background="fluid"
        cardStyle="gradient-bordered"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Services",
          id: "#services",
        },
        {
          name: "Packages",
          id: "#packages",
        },
        {
          name: "Pricing",
          id: "#pricing",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      button={{
        text: "Get a Free Quote",
        href: "#contact",
      }}
      logoSrc="http://img.b2bpic.net/free-vector/plant-water-logo-design-vector_474888-3903.jpg"
      brandName="Wally's Lawn Care LLC"
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplitTestimonial
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      imagePosition="right"
      title="Exceptional Lawn Care for a Beautiful Outdoor Space"
      description="Wally's Lawn Care LLC offers reliable and professional landscaping services to keep your property looking its best year-round. Experience the difference a meticulously maintained lawn can make!"
      testimonials={[
        {
          name: "Sarah J.",
          handle: "@sarah_j",
          testimonial: "Wally's team transformed my unruly yard into a neighborhood masterpiece! Professional, timely, and truly outstanding results.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13336.jpg",
          imageAlt: "Sarah J.",
        },
        {
          name: "Michael D.",
          handle: "@michael_d",
          testimonial: "Consistent, high-quality service every time. My lawn has never looked better. Highly recommend Wally's Lawn Care!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-pointing-camera_1262-3266.jpg",
          imageAlt: "Michael D.",
        },
        {
          name: "Emily R.",
          handle: "@emily_r",
          testimonial: "They pay attention to every detail, from mowing to edging. It's a joy to come home to a perfectly manicured lawn.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-street-modern-women-pretty_1157-3534.jpg",
          imageAlt: "Emily R.",
        },
        {
          name: "David K.",
          handle: "@david_k",
          testimonial: "Efficient, friendly, and affordable. Wally's Lawn Care is the best investment I've made for my home's curb appeal.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-family-enjoying-trip_23-2149176465.jpg",
          imageAlt: "David K.",
        },
        {
          name: "Jessica L.",
          handle: "@jessica_l",
          testimonial: "From seasonal clean-ups to weekly maintenance, Wally's never disappoints. My garden is flourishing thanks to them!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-asian-girl-looking-surprised-holding-mobile-phone-with-amazed-face-great-news-smartph_1258-137881.jpg",
          imageAlt: "Jessica L.",
        },
      ]}
      testimonialRotationInterval={6000}
      buttons={[
        {
          text: "Explore Services",
          href: "#services",
        },
        {
          text: "Get a Free Quote",
          href: "#contact",
        },
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/man-standing-smiling_1187-3162.jpg",
          alt: "Customer 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-happy-businesswoman-her-employees-background_1262-20305.jpg",
          alt: "Customer 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-senior-male-teacher-education-day_23-2150980013.jpg",
          alt: "Customer 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/beauty-woman-s-with-blue-eyes-portrait_633478-325.jpg",
          alt: "Customer 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/emotional-young-male-with-blue-shirt-standing-gate-with-slight-smile-his-face_181624-27994.jpg",
          alt: "Happy Customer",
        },
      ]}
      avatarText="Trusted by over 100+ happy homes"
      imageSrc="http://img.b2bpic.net/free-photo/young-man-safety-mask-gloves-shaping-bushes_651396-3823.jpg"
      imageAlt="Beautifully manicured residential lawn"
      mediaAnimation="opacity"
      fixedMediaHeight={true}
      marqueeItems={[
        {
          type: "text",
          text: "Trusted",
        },
        {
          type: "text",
          text: "Reliable",
        },
        {
          type: "text",
          text: "Professional",
        },
        {
          type: "text",
          text: "Quality",
        },
        {
          type: "text",
          text: "Efficient",
        },
        {
          type: "text",
          text: "Affordable",
        },
      ]}
      marqueeSpeed={30}
      showMarqueeCard={true}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={true}
      tag="About Us"
      title="Your Trusted Partner for a Pristine Lawn"
      buttons={[
        {
          text: "Our Story",
          href: "#",
        },
        {
          text: "Meet the Team",
          href: "#",
        },
      ]}
      description="At Wally's Lawn Care LLC, we are dedicated to providing top-quality lawn maintenance, landscaping, and property clean-up services. With years of experience and a passion for perfection, our team ensures every blade of grass is precisely trimmed, and every garden bed is immaculately maintained. We treat your lawn as our own, delivering results that enhance your home's curb appeal and allow you to enjoy a beautiful outdoor living space without the hassle. We pride ourselves on customer satisfaction and sustainable practices."
    />
  </div>

  <div id="services" data-section="services">
      <FeatureBento
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Mowing & Edging",
          description: "Keep your lawn neat and healthy with our regular mowing and precise edging services.",
          bentoComponent: "reveal-icon",
          icon: Scissors,
          imageSrc: "http://img.b2bpic.net/free-vector/leaf-water-icon-logo-design_474888-3965.jpg",
          imageAlt: "leaf and water icon logo design",
        },
        {
          title: "Fertilization & Weed Control",
          description: "Promote lush, green growth and eliminate unwanted weeds with our tailored treatment plans.",
          bentoComponent: "reveal-icon",
          icon: Leaf,
          imageSrc: "http://img.b2bpic.net/free-vector/plant-water-logo-design-vector_474888-3903.jpg",
          imageAlt: "leaf and water icon logo design",
        },
        {
          title: "Seasonal Clean-ups",
          description: "Prepare your yard for changing seasons with comprehensive spring and fall clean-up services.",
          bentoComponent: "reveal-icon",
          icon: Star,
          imageSrc: "http://img.b2bpic.net/free-photo/young-man-safety-mask-gloves-shaping-bushes_651396-3823.jpg",
          imageAlt: "leaf and water icon logo design",
        },
        {
          title: "Landscaping & Garden Maintenance",
          description: "Enhance your outdoor aesthetics with our expert landscaping design and garden upkeep.",
          bentoComponent: "reveal-icon",
          icon: Star,
          imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13336.jpg",
          imageAlt: "leaf and water icon logo design",
        },
      ]}
      title="Our Comprehensive Lawn Care Services"
      description="From routine mowing to seasonal clean-ups, we offer a full suite of services to meet your unique needs and maintain your property's beauty."
      tag="Services"
    />
  </div>

  <div id="packages" data-section="packages">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      carouselMode="buttons"
      products={[
        {
          id: "p1",
          name: "Spring Refresh Package",
          price: "$250",
          imageSrc: "http://img.b2bpic.net/free-photo/long-shot-woman-mowing-yard_23-2148580100.jpg",
          imageAlt: "Spring Refresh Package",
        },
        {
          id: "p2",
          name: "Summer Green Program",
          price: "$180/month",
          imageSrc: "http://img.b2bpic.net/free-photo/fork-harrows-grass_1339-7746.jpg",
          imageAlt: "Summer Green Program",
        },
        {
          id: "p3",
          name: "Fall Foliage Clean-up",
          price: "$300",
          imageSrc: "http://img.b2bpic.net/free-photo/male-feet-lawn-rake-near-leaves_259150-58539.jpg",
          imageAlt: "Fall Foliage Clean-up",
        },
        {
          id: "p4",
          name: "Garden & Hedge Trimming",
          price: "$120",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-pruning-hedge-with-modern-gardening-tool_7502-9837.jpg",
          imageAlt: "Garden & Hedge Trimming",
        },
        {
          id: "p5",
          name: "Custom Irrigation Setup",
          price: "Starting at $450",
          imageSrc: "http://img.b2bpic.net/free-photo/worker-pours-flowerpoots-girl-black-apron_1157-42016.jpg",
          imageAlt: "Custom Irrigation Setup",
        },
        {
          id: "p6",
          name: "Winter Protection Plan",
          price: "Starting at $150",
          imageSrc: "http://img.b2bpic.net/free-photo/family-knitted-winter-hats-family-christmas-vacation-woman-little-girl-park-people-playing-with-sled_1157-40828.jpg",
          imageAlt: "Winter Protection Plan",
        },
      ]}
      title="Seasonal Packages & Special Offers"
      description="Choose from our expertly designed seasonal packages or customize a special service plan to fit your property's specific needs."
      tag="Packages"
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "basic",
          tag: "Basic Care",
          tagIcon: Sparkles,
          price: "$50",
          period: "per visit",
          description: "Ideal for regular lawn maintenance on smaller properties.",
          button: {
            text: "Select Basic",
          },
          featuresTitle: "Includes:",
          features: [
            "Weekly Mowing & Trimming",
            "Edging Driveways & Walkways",
            "Clipping Blow-off",
            "Flexible Scheduling",
          ],
        },
        {
          id: "standard",
          tag: "Most Popular",
          tagIcon: Star,
          price: "$90",
          period: "per visit",
          description: "Comprehensive care for a vibrant, healthy lawn year-round.",
          button: {
            text: "Select Standard",
          },
          featuresTitle: "Includes all Basic, plus:",
          features: [
            "Weekly Mowing & Trimming",
            "Edging Driveways & Walkways",
            "Clipping Blow-off",
            "Fertilization (4x/year)",
            "Weed Control (2x/year)",
            "Shrub & Bush Trimming",
          ],
        },
        {
          id: "premium",
          tag: "Full Service",
          tagIcon: Crown,
          price: "$150",
          period: "per visit",
          description: "Our premium offering for complete, worry-free lawn perfection.",
          button: {
            text: "Select Premium",
          },
          featuresTitle: "Includes all Standard, plus:",
          features: [
            "Weekly Mowing & Trimming",
            "Edging Driveways & Walkways",
            "Clipping Blow-off",
            "Fertilization (4x/year)",
            "Weed Control (2x/year)",
            "Shrub & Bush Trimming",
            "Aeration & Seeding (1x/year)",
            "Spring & Fall Clean-ups",
            "Priority Scheduling",
          ],
        },
      ]}
      title="Transparent Pricing, Excellent Value"
      description="Find the perfect lawn care plan for your home or business. We offer flexible options with no hidden fees, just pristine results and exceptional service."
      tag="Pricing"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      carouselMode="buttons"
      metrics={[
        {
          id: "m1",
          value: "15+",
          description: "Years of Dedicated Service",
        },
        {
          id: "m2",
          value: "200+",
          description: "Satisfied Residential & Commercial Clients",
        },
        {
          id: "m3",
          value: "1000+",
          description: "Acres of Beautifully Maintained Lawn",
        },
      ]}
      title="Wally's Lawn Care by the Numbers"
      description="Years of dedicated service, a growing number of satisfied customers, and thousands of acres of beautifully maintained lawns speak for themselves. Our commitment to excellence is reflected in every project we undertake."
      tag="Our Impact"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      carouselMode="buttons"
      uniformGridCustomHeightClasses="min-h-95 2xl:min-h-105"
      testimonials={[
        {
          id: "t1",
          name: "Robert S.",
          role: "Homeowner",
          company: "Springfield",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-dark-skinned-bearded-caucasian-farmer-smiling-working-garden-collects-lettuce-leaves-getting-ready-evening-meetup-with-friends-his-house_176420-19898.jpg",
          imageAlt: "Robert S.",
        },
        {
          id: "t2",
          name: "Linda P.",
          role: "Property Manager",
          company: "Green Acres HOA",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/woman-dress-with-pruner_1398-5273.jpg",
          imageAlt: "Linda P.",
        },
        {
          id: "t3",
          name: "Mark D.",
          role: "Business Owner",
          company: "Local Cafe",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-father-daughter-sitting-rug-part_23-2147848361.jpg",
          imageAlt: "Mark D.",
        },
        {
          id: "t4",
          name: "Nancy G.",
          role: "Resident",
          company: "Willow Creek",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-female-office-workers-thumbing-up-smiling-two-cheerful-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-success-cooperation-concept_74855-7378.jpg",
          imageAlt: "Nancy G.",
        },
        {
          id: "t5",
          name: "Tom H.",
          role: "Homeowner",
          company: "Maplewood",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-florist-taking-care-flowers_176420-2074.jpg",
          imageAlt: "Tom H.",
        },
      ]}
      title="What Our Valued Customers Say"
      description="Hear directly from our satisfied clients about the exceptional quality, reliability, and personalized care they receive from Wally's Lawn Care LLC."
      tag="Testimonials"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq1",
          title: "What areas do you serve?",
          content: "We proudly serve the entire [Your City/Region] area and surrounding communities. Please contact us for specific service area details.",
        },
        {
          id: "faq2",
          title: "How often do you provide lawn care services?",
          content: "We offer flexible scheduling options, including weekly, bi-weekly, and monthly services, tailored to your lawn's specific needs and your preferences.",
        },
        {
          id: "faq3",
          title: "Do I need to be home for services?",
          content: "No, you do not need to be present. As long as we have access to your yard, we can perform our services efficiently and securely.",
        },
        {
          id: "faq4",
          title: "What payment methods do you accept?",
          content: "We accept various payment methods, including major credit cards, bank transfers, and online payments for your convenience. Details are provided with your quote.",
        },
      ]}
      sideTitle="Common Questions About Our Services"
      sideDescription="We've compiled answers to the most frequently asked questions to help you understand our process and services better. If you have a question not listed here, feel free to contact us!"
      buttons={[
        {
          text: "Contact Support",
          href: "#contact",
        },
      ]}
      faqsAnimation="slide-up"
      textPosition="left"
      showCard={true}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Get a Free Estimate"
      title="Ready for a Greener, Healthier Lawn?"
      description="Contact Wally's Lawn Care LLC today for a personalized quote. Let us handle the hard work while you relax and enjoy a beautiful, vibrant yard all year long."
      imageSrc="http://img.b2bpic.net/free-photo/chinese-garden-n-zurich_1112-1143.jpg"
      imageAlt="Gardener working on a pristine lawn"
      mediaAnimation="opacity"
      mediaPosition="right"
      inputPlaceholder="Your Email Address"
      buttonText="Request Quote"
      termsText="By clicking 'Request Quote,' you're confirming that you agree with our Privacy Policy and Terms of Service."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoSrc="http://img.b2bpic.net/free-vector/plant-water-logo-design-vector_474888-3903.jpg"
      logoText="Wally's Lawn Care LLC"
      columns={[
        {
          title: "Services",
          items: [
            {
              label: "Mowing",
              href: "#services",
            },
            {
              label: "Fertilization",
              href: "#services",
            },
            {
              label: "Clean-ups",
              href: "#services",
            },
            {
              label: "Landscaping",
              href: "#services",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Testimonials",
              href: "#testimonials",
            },
            {
              label: "Careers",
              href: "#",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Wally's Lawn Care LLC. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
