"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import TextAbout from '@/components/sections/about/TextAbout';
import { Award, Clock, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="largeSmallSizeMediumTitles"
        background="floatingGradient"
        cardStyle="inset"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Services",
          id: "features",
        },
        {
          name: "Pricing",
          id: "pricing",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="RNC DIY Laundry House"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitTestimonial
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient",
      }}
      title="Elevating Your Outdoor Living Experience"
      description="Premium landscape design and maintenance services for discerning homeowners."
      testimonials={[
        {
          name: "John Doe",
          handle: "@jdoe",
          testimonial: "Exceptional service, my lawn looks pristine.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12293.jpg",
        },
        {
          name: "Jane Smith",
          handle: "@jsmith",
          testimonial: "Transformed our backyard into a oasis.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-queer-students-outdoors_23-2150405222.jpg",
        },
        {
          name: "Alex R.",
          handle: "@ar",
          testimonial: "Prompt, professional, and very thorough.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/woman-black-apron-working-greenhouse_1157-30878.jpg",
        },
        {
          name: "Sam B.",
          handle: "@sb",
          testimonial: "The best landscaping crew in town.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12322.jpg",
        },
        {
          name: "Taylor P.",
          handle: "@tp",
          testimonial: "Highly recommended, great attention to detail.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-outdoors-portrait-beautiful-cheerful-bearded-caucasian-farmer-blue-shirt-gloves-smiling-working-with-garden-tools-his-farm-near-countryside-house_176420-19905.jpg",
        },
      ]}
      buttons={[
        {
          text: "Book Consultation",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/covered-lifestyle-garden-with-indoor-outdoor-living_1127-3426.jpg"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/office-building-with-river_1127-3474.jpg",
          alt: "office building with river",
        },
        {
          src: "http://img.b2bpic.net/free-photo/view-water-tank-storage_23-2151748221.jpg",
          alt: "View of water tank for storage",
        },
        {
          src: "http://img.b2bpic.net/free-photo/view-backyard-garden-digital-art-style_23-2151488211.jpg",
          alt: "View of backyard garden in digital art style",
        },
        {
          src: "http://img.b2bpic.net/free-photo/town-park-with-benches-fireplace_114579-13022.jpg",
          alt: "Town park with benches and fireplace.",
        },
        {
          src: "http://img.b2bpic.net/free-photo/man-sitting-near-house-looking-camera_259150-59313.jpg",
          alt: "Man sitting near house looking at camera",
        },
      ]}
      marqueeItems={[
        {
          type: "text",
          text: "Premium Design",
        },
        {
          type: "text",
          text: "Expert Maintenance",
        },
        {
          type: "text",
          text: "Quality Hardscaping",
        },
        {
          type: "text",
          text: "Smart Irrigation",
        },
        {
          type: "text",
          text: "Exceptional Service",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      title="Crafting Nature's Masterpiece with Precision and Care."
      buttons={[
        {
          text: "Learn More",
          href: "#services",
        },
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureBento
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Maintenance",
          description: "Keep your lawn lush and perfectly manicured all year round.",
          bentoComponent: "media-stack",
          items: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/female-legs-woman-using-lawn-mower_651396-1545.jpg",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/top-view-gardening-equipments-turf-cactus-plant-chalk-blank-slate-brown-wooden-table_23-2148044502.jpg",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-gardening-composition_23-2148128654.jpg",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/covered-lifestyle-garden-with-indoor-outdoor-living_1127-3426.jpg",
          imageAlt: "modern lawn maintenance equipment",
        },
        {
          title: "Hardscaping",
          description: "Custom walkways, patios, and stone structures for beauty and utility.",
          bentoComponent: "media-stack",
          items: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/green-city-park_1127-3491.jpg",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/stone-path-with-grass-growing-up_1137-86.jpg",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/cement-background-crossed-by-diagonal-line-pebbles-stone_158595-6386.jpg",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/man-growing-cultivating-plants-indoors_23-2149854848.jpg",
          imageAlt: "modern lawn maintenance equipment",
        },
        {
          title: "Smart Irrigation",
          description: "Water your plants efficiently with cutting-edge irrigation systems.",
          bentoComponent: "media-stack",
          items: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/young-woman-taking-care-her-plants_23-2149037254.jpg",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/collection-house-plants-ready-be-selled_23-2148488536.jpg",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/man-cultivating-farming-edible-plants-indoors_23-2149854831.jpg",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/white-purple-flowers-garden_1259-160.jpg",
          imageAlt: "modern lawn maintenance equipment",
        },
      ]}
      title="Our Core Services"
      description="Comprehensive landscaping solutions tailored to your unique requirements."
    />
  </div>

  <div id="product" data-section="product">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          name: "Premium Shrubs",
          price: "$85",
          imageSrc: "http://img.b2bpic.net/free-photo/white-purple-flowers-garden_1259-160.jpg",
        },
        {
          id: "p2",
          name: "Organic Mulch",
          price: "$12",
          imageSrc: "http://img.b2bpic.net/free-photo/flowers-soil-space-left_23-2147673308.jpg",
        },
        {
          id: "p3",
          name: "Garden Gravel",
          price: "$45",
          imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-14260.jpg",
        },
        {
          id: "p4",
          name: "Seasonal Blooms",
          price: "$30",
          imageSrc: "http://img.b2bpic.net/free-photo/minimal-floral-arrangement-red-surface_58702-17423.jpg",
        },
        {
          id: "p5",
          name: "Water Fountain",
          price: "$450",
          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-path-green-park-with-trees-lake-blue-sky_181624-41119.jpg",
        },
        {
          id: "p6",
          name: "Garden Lights",
          price: "$120",
          imageSrc: "http://img.b2bpic.net/free-photo/light-lamp_1339-1609.jpg",
        },
      ]}
      title="Landscaping Enhancements"
      description="High-quality products to elevate your garden's appeal."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
        {
          id: "basic",
          price: "$199/mo",
          name: "Basic Maintenance",
          buttons: [
            {
              text: "Choose Plan",
              href: "#contact",
            },
          ],
          features: [
            "Mowing",
            "Edging",
            "Debris removal",
          ],
        },
        {
          id: "pro",
          price: "$399/mo",
          name: "Professional Garden",
          buttons: [
            {
              text: "Choose Plan",
              href: "#contact",
            },
          ],
          features: [
            "All Basic features",
            "Plant fertilization",
            "Pruning",
          ],
        },
        {
          id: "elite",
          price: "$699/mo",
          name: "Elite Estate",
          buttons: [
            {
              text: "Choose Plan",
              href: "#contact",
            },
          ],
          features: [
            "All Pro features",
            "Irrigation management",
            "Design support",
          ],
        },
      ]}
      title="Service Packages"
      description="Flexible plans designed to fit your landscaping needs."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          name: "Alice M.",
          role: "Homeowner",
          testimonial: "Simply wonderful service.",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-senior-couple-dancing_23-2149071573.jpg",
        },
        {
          id: "t2",
          name: "Brian K.",
          role: "Estate Manager",
          testimonial: "Expertise and professionalism defined.",
          imageSrc: "http://img.b2bpic.net/free-photo/women-working-greenhouse-with-flowerpots_1157-30890.jpg",
        },
        {
          id: "t3",
          name: "Claire L.",
          role: "Homeowner",
          testimonial: "Very communicative and skilled team.",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-blue-shirt-playing-with-cute-kitty_1157-32607.jpg",
        },
        {
          id: "t4",
          name: "David W.",
          role: "Homeowner",
          testimonial: "Beautiful results every single time.",
          imageSrc: "http://img.b2bpic.net/free-photo/people-picnic-togetherness-relaxation-digital-tablet-technology-concept_53876-22892.jpg",
        },
        {
          id: "t5",
          name: "Eve H.",
          role: "Homeowner",
          testimonial: "Exceeded all our expectations.",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-inspired-female-florist-standing-greenhouse-holding-potted-plant-looking-purple-flowers-smiling-professional-portrait-copy-space-gardening-job-botany-concept_74855-12858.jpg",
        },
      ]}
      title="Client Success Stories"
      description="Discover why local homeowners trust us with their landscapes."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",
          value: "120+",
          title: "Gardens Transformed",
          description: "Happy client properties.",
          icon: Star,
        },
        {
          id: "m2",
          value: "5k+",
          title: "Hours Worked",
          description: "Dedicated service provided.",
          icon: Clock,
        },
        {
          id: "m3",
          value: "99%",
          title: "Satisfaction Rate",
          description: "Consistently high standards.",
          icon: Award,
        },
      ]}
      title="Proven Results"
      description="Numbers speak to our commitment and quality."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Get in Touch"
      title="Ready to Transform Your Landscape?"
      description="Contact us today for a free consultation."
      buttons={[
        {
          text: "Contact Us",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/empty-peaceful-place-outdoors_23-2148739339.jpg"
      logoText="RNC DIY"
      columns={[
        {
          title: "Company",
          items: [
            {
              label: "About",
              href: "#about",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
