ccb1b7c3-3cf8-44dc-bea7-c24e88e8cbc1/src/app/page.tsx

"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Award, CheckCircle, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="mediumSmall"
        sizing="mediumLargeSizeLargeTitles"
        background="noise"
        cardStyle="soft-shadow"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        { name: "Services", id: "#services" },
        { name: "Pricing", id: "#pricing" },
        { name: "Testimonials", id: "#testimonials" },
        { name: "Contact", id: "#contact" }
      ]}
      brandName="Riverside Landscapers"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCarouselLogo
      logoText="Riverside Landscapers"
      description="Premium landscape management for discerning properties in Riverside, Texas. We nurture, design, and maintain your outdoor space with expertise."
      buttons={[
        { text: "Get a Free Quote", href: "#contact" }
      ]}
      slides={[
        { imageSrc: "http://img.b2bpic.net/free-photo/attractive-gardener-posing-while-trimming-conifer-bush-by-electric-hedge-clippers-sunny-day_7502-10442.jpg?_wi=1", imageAlt: "Landscape maintenance service" },
        { imageSrc: "http://img.b2bpic.net/free-photo/skilful-male-landscaper-using-high-altitude-hedge-trimmer-topiary-park-side-view-focused_7502-10164.jpg?_wi=1", imageAlt: "Hedge trimming" },
        { imageSrc: "http://img.b2bpic.net/free-photo/focused-male-florist-standing-rows-with-potted-plants-cutting-bush-greenhouse-man-working-garden-growing-plants-pots-gardening-job-concept_74855-12788.jpg", imageAlt: "Irrigation installation" },
        { imageSrc: "http://img.b2bpic.net/free-photo/male-gardener-cutting-harvested-flower-garden_23-2148165213.jpg", imageAlt: "Seasonal planting" },
        { imageSrc: "http://img.b2bpic.net/free-photo/view-robot-tending-maintaining-gardens_23-2151803967.jpg", imageAlt: "Residential lawn care" },
        { imageSrc: "http://img.b2bpic.net/free-photo/suburban-housing-garden_53876-30332.jpg", imageAlt: "Landscape design" }
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={false}
      title="Trusted Excellence in Riverside"
      metrics={[
        { icon: Award, label: "Years of Experience", value: "15+" },
        { icon: CheckCircle, label: "Properties Maintained", value: "500+" },
        { icon: Zap, label: "Response Time", value: "<24h" }
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyOne
      useInvertedBackground={false}
      title="Comprehensive Landscape Management"
      description="We offer end-to-end solutions for all your property needs."
      accordionItems={[
        { id: "s1", title: "Full Lawn Maintenance", content: "Professional mowing, edging, and seasonal fertilization plans." },
        { id: "s2", title: "Irrigation Systems", content: "Smart water management systems designed for Texas climates." },
        { id: "s3", title: "Planting & Design", content: "Expert selections curated for your unique property style." }
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/hard-working-man-casual-outfit-removing-dry-leaves-from-sidewalk-with-hand-blower-sunny-day_7502-10151.jpg"
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="catalog" data-section="catalog">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        { id: "p1", brand: "Riverside", name: "Modern Garden Bed", price: "Custom", rating: 5, reviewCount: "48", imageSrc: "http://img.b2bpic.net/free-photo/happy-male-gardener-pruning-green-plant_23-2147844326.jpg" },
        { id: "p2", brand: "Riverside", name: "Lush Lawn Care", price: "Custom", rating: 5, reviewCount: "32", imageSrc: "http://img.b2bpic.net/free-photo/male-gardener-wearing-hat-planting-plants-garden_23-2148165328.jpg" },
        { id: "p3", brand: "Riverside", name: "Xeriscape Design", price: "Custom", rating: 5, reviewCount: "25", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-border-collie-dog-havin-fun-outsde_23-2149304034.jpg" },
        { id: "p4", brand: "Riverside", name: "Floral Arrangement", price: "Custom", rating: 5, reviewCount: "61", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-working-field-with-plants_329181-12452.jpg" },
        { id: "p5", brand: "Riverside", name: "Patio Hardscaping", price: "Custom", rating: 5, reviewCount: "19", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-florist-taking-care-flowers_176420-2079.jpg" },
        { id: "p6", brand: "Riverside", name: "Seasonal Refresh", price: "Custom", rating: 5, reviewCount: "84", imageSrc: "http://img.b2bpic.net/free-photo/covered-lifestyle-garden-with-indoor-outdoor-living_1127-3426.jpg" }
      ]}
      title="Our Featured Projects"
      description="A showcase of our recent landscape transformations in Riverside."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardThree
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      plans={[
        { id: "plan1", price: "$150/mo", name: "Basic Maintenance", features: ["Mowing", "Edging", "Blow-off"], buttons: [{ text: "Select Plan", href: "#contact" }] },
        { id: "plan2", price: "$300/mo", name: "Premium Care", features: ["All Basic Features", "Fertilization", "Weed Control"], buttons: [{ text: "Select Plan", href: "#contact" }] },
        { id: "plan3", price: "$500/mo", name: "Estate Management", features: ["All Premium", "Seasonal Planting", "Irrigation Monitoring"], buttons: [{ text: "Select Plan", href: "#contact" }] }
      ]}
      title="Transparent Pricing"
      description="Plans scaled to your property size and complexity."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardTwo
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      members={[
        { id: "t1", name: "Alex Smith", role: "Head Designer", description: "10 years in horticulture.", imageSrc: "http://img.b2bpic.net/free-photo/positive-male-landscaper-cutting-top-overgrown-thujas-with-motorized-hedge-trimmer-park-side_7502-10163.jpg" },
        { id: "t2", name: "Jordan Doe", role: "Operations Manager", description: "Expert in Texas climates.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-gardener-posing-while-trimming-conifer-bush-by-electric-hedge-clippers-sunny-day_7502-10442.jpg?_wi=2" },
        { id: "t3", name: "Casey Lee", role: "Lawn Specialist", description: "Dedicated to perfection.", imageSrc: "http://img.b2bpic.net/free-photo/skilful-male-landscaper-using-high-altitude-hedge-trimmer-topiary-park-side-view-focused_7502-10164.jpg?_wi=2" }
      ]}
      title="Expert Team"
      description="Professional horticulturists and landscape designers at your service."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        { id: "rev1", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-couple-with-water-hose_23-2148256671.jpg" },
        { id: "rev2", name: "John Davis", imageSrc: "http://img.b2bpic.net/free-photo/female-florist-cutting-stem-flowers-shop_23-2147882043.jpg" },
        { id: "rev3", name: "Emily Chen", imageSrc: "http://img.b2bpic.net/free-photo/real-estate-concept-happy-young-man-searching-home-rent-holding-house-paper-maket-smiling-st_1258-180756.jpg" },
        { id: "rev4", name: "Robert Brown", imageSrc: "http://img.b2bpic.net/free-photo/black-woman-running-flower-business-medium-shot_23-2149871117.jpg" },
        { id: "rev5", name: "Lisa Wilson", imageSrc: "http://img.b2bpic.net/free-photo/smiling-happy-florist-her-nursery-standing-holding-potted-combination-succulents-her-hands-as-she-tends-gardenplants-greenhouse_158595-6976.jpg" }
      ]}
      cardTitle="Client Stories"
      cardTag="What people say"
      cardAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        { id: "f1", title: "Do you provide estimates?", content: "Yes, we offer complimentary on-site consultations." },
        { id: "f2", title: "What is your service area?", content: "We serve all of Riverside and surrounding areas." },
        { id: "f3", title: "How often should I mow?", content: "Weekly is standard for our Texas landscape packages." }
      ]}
      title="Frequently Asked"
      description="Answers to common questions about our services."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{ variant: "plain" }}
      tag="Get in touch"
      title="Ready to transform your yard?"
      description="Send us a message and we'll reach out shortly."
      buttons={[{ text: "Contact Us", href: "#" }]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Riverside Landscapers"
      leftLink={{ text: "Privacy Policy", href: "#" }}
      rightLink={{ text: "© 2024 Riverside Landscapers", href: "#" }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}