"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="largeSmallSizeMediumTitles"
        background="noiseDiagonalGradient"
        cardStyle="gradient-radial"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "About Us",          id: "#about-us"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Gallery",          id: "#gallery"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      button={{
        text: "Call Us: 832-983-4526",        href: "tel:8329834526"}}
      brandName="RJ Landscape"
    />
  </div>

  <div id="home" data-section="home">
      <HeroOverlay
      title="Transform Your Outdoor Space"
      description="Expert landscaping services in Pasadena, TX, and surrounding areas. Bringing beauty and precision to every project."
      tagAnimation="none"
      buttons={[
        {
          text: "Get a Free Estimate",          href: "#contact"},
        {
          text: "View Our Services",          href: "#services"},
      ]}
      buttonAnimation="none"
      imageSrc="http://img.b2bpic.net/free-photo/full-shot-smiley-friends-playing-petanque_23-2149530379.jpg"
      imageAlt="Lush green lawn with a beautifully landscaped garden"
      showBlur={true}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/close-up-outdoors-portrait-young-cheerful-bearded-man-blue-t-shirt-smiling-working-garden-with-tools-cutting-leaves-watering-flowers_176420-19907.jpg",          alt: "Satisfied client"},
        {
          src: "http://img.b2bpic.net/free-photo/vertical-shot-happy-beautiful-woman-sitting-grass-park-laughing-smiling-camera_197531-22760.jpg",          alt: "Happy homeowner"},
        {
          src: "http://img.b2bpic.net/free-photo/man-talking-smartphone-sitting-open-terrace_259150-59317.jpg",          alt: "Local resident"},
        {
          src: "http://img.b2bpic.net/free-photo/close-up-outside-portrait-young-beautiful-bearded-hispanic-man-blue-shirt-smiling-camera-collecting-salad-leaves-garden-watering-plants-spending-summer-morning-countryside-house_176420-19900.jpg",          alt: "Proud customer"},
        {
          src: "http://img.b2bpic.net/free-photo/happy-woman-with-bottle-water-waving-her-hand_23-2147925394.jpg",          alt: "Community member"},
      ]}
      avatarText="Join 500+ Happy Clients"
    />
  </div>

  <div id="about-us" data-section="about-us">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        {
          type: "text",          content: "Your Local Landscaping Partner"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/portrait-man-working-with-weedwacker_329181-20603.jpg",          alt: "A team of landscapers working in a garden"},
      ]}
      buttons={[
        {
          text: "Learn More About Us",          href: "#"},
      ]}
      buttonAnimation="none"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentySeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          id: "lawn-care",          title: "Lawn Care & Maintenance",          descriptions: [
            "Regular mowing, precise edging, and thorough blowing to keep your lawn pristine.",            "Expert fertilization and weed control for a healthy, vibrant green lawn year-round."],
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-gardening_23-2148128680.jpg",          imageAlt: "Freshly mowed lawn"},
        {
          id: "tree-shrub",          title: "Tree & Shrub Services",          descriptions: [
            "Professional trimming and pruning to maintain the health and aesthetic of your trees and shrubs.",            "Safe and efficient tree removal, along with new tree and shrub planting services."],
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-growing-tree-middle-park-with-trees_181624-28502.jpg",          imageAlt: "Tree trimming"},
        {
          id: "garden-design",          title: "Garden Design & Installation",          descriptions: [
            "Custom garden bed design, flower planting, and seasonal color installations.",            "Hardscaping elements including patios, walkways, and decorative stone features."],
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-taking-care-her-plants_23-2148509914.jpg",          imageAlt: "Garden design"},
      ]}
      title="Our Comprehensive Services"
      description="From routine maintenance to complete garden transformations, we handle it all with expertise and care."
    />
  </div>

  <div id="gallery" data-section="gallery">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={false}
      products={[
        {
          id: "project-1",          name: "Residential Lawn Makeover",          price: "Call for quote",          variant: "Pasadena, TX",          imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-textures_23-2149702189.jpg",          imageAlt: "Residential lawn makeover"},
        {
          id: "project-2",          name: "Commercial Landscape Design",          price: "Call for quote",          variant: "Deer Park, TX",          imageSrc: "http://img.b2bpic.net/free-photo/modern-amphitheater-usa_1268-14358.jpg",          imageAlt: "Commercial landscape design"},
        {
          id: "project-3",          name: "Backyard Oasis Creation",          price: "Call for quote",          variant: "La Porte, TX",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-happy-smile-relax-with-breakfast-floating-around-swimming-pool_74190-10032.jpg",          imageAlt: "Backyard oasis"},
        {
          id: "project-4",          name: "Tree & Shrub Renovation",          price: "Call for quote",          variant: "Baytown, TX",          imageSrc: "http://img.b2bpic.net/free-photo/vibrant-young-plant-shoots-bathed-sunlight_632498-60845.jpg",          imageAlt: "Tree and shrub renovation"},
        {
          id: "project-5",          name: "Seasonal Flower Beds",          price: "Call for quote",          variant: "Clear Lake, TX",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-colorful-flowers-holland-netherlands_58702-10768.jpg",          imageAlt: "Seasonal flower beds"},
        {
          id: "project-6",          name: "Outdoor Living Space",          price: "Call for quote",          variant: "Friendswood, TX",          imageSrc: "http://img.b2bpic.net/free-photo/rustic-patio-with-deck-furniture-vegetation_23-2150698328.jpg",          imageAlt: "Outdoor living space"},
      ]}
      title="Our Recent Projects"
      description="Explore a selection of our finest landscaping transformations. Each project reflects our dedication to quality and client satisfaction."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardFourteen
      useInvertedBackground={true}
      title="Our Commitment to Excellence"
      tag="Trusted Local Experts"
      tagAnimation="none"
      metrics={[
        {
          id: "years",          value: "10+",          description: "Years in Service"},
        {
          id: "clients",          value: "500+",          description: "Happy Clients"},
        {
          id: "projects",          value: "1200+",          description: "Projects Completed"},
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Sarah Johnson",          role: "Homeowner, Pasadena",          testimonial: "RJ Landscape completely transformed our backyard! The team was professional, efficient, and truly exceeded our expectations. Our lawn has never looked better.",          imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-near-house-looking-camera_259150-59313.jpg",          imageAlt: "Sarah Johnson"},
        {
          id: "2",          name: "Michael Chen",          role: "Business Owner, Deer Park",          testimonial: "We rely on RJ Landscape for all our commercial property maintenance. Their services are top-notch, reliable, and always keep our business looking inviting and well-kept.",          imageSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-sitting-cafe_273609-5139.jpg",          imageAlt: "Michael Chen"},
        {
          id: "3",          name: "Emily Rodriguez",          role: "Resident, La Porte",          testimonial: "The garden design RJ Landscape created for us is absolutely stunning. They listened to our ideas and brought them to life with incredible artistry. Highly recommend!",          imageSrc: "http://img.b2bpic.net/free-photo/happy-family-lying-row_1098-1101.jpg",          imageAlt: "Emily Rodriguez"},
        {
          id: "4",          name: "David Kim",          role: "Property Manager, Baytown",          testimonial: "For dependable tree and shrub services, RJ Landscape is our go-to. Their crew is knowledgeable and ensures everything is trimmed perfectly, maintaining healthy growth.",          imageSrc: "http://img.b2bpic.net/free-photo/gray-haired-man-working-garden-looking-concentrated_259150-58924.jpg",          imageAlt: "David Kim"},
        {
          id: "5",          name: "Jessica Lee",          role: "Homeowner, Friendswood",          testimonial: "Our outdoor living space became a dream come true thanks to RJ Landscape. Their attention to detail and creative solutions made our vision a beautiful reality.",          imageSrc: "http://img.b2bpic.net/free-photo/black-bearded-male-redhead-female-drink-coffee-cafe-street_613910-7473.jpg",          imageAlt: "Jessica Lee"},
      ]}
      title="What Our Clients Say"
      description="Hear from satisfied customers about their experience with RJ Landscape."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "1",          title: "What areas do you serve?",          content: "We proudly serve Pasadena, TX, and the surrounding communities including Deer Park, La Porte, Baytown, Clear Lake, and Friendswood."},
        {
          id: "2",          title: "What are your operating hours?",          content: "Our team is available Monday through Saturday, from 7:00 AM to 6:30 PM. Sundays are reserved for family and rest."},
        {
          id: "3",          title: "Do you offer free estimates?",          content: "Yes, we offer free, no-obligation estimates for all our landscaping and lawn care services. Contact us today to schedule yours!"},
      ]}
      title="Frequently Asked Questions"
      description="Find answers to common questions about our services, scheduling, and service areas."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "rotated-rays-animated"}}
      text="Ready to transform your landscape? Contact RJ Landscape today for a free consultation. Our team is eager to bring your outdoor vision to life!"
      buttons={[
        {
          text: "Call Us: 832-983-4526",          href: "tel:8329834526"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="RJ Landscape"
      copyrightText="© 2026 RJ Landscape. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}