"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="largeSizeMediumTitles"
        background="circleGradient"
        cardStyle="soft-shadow"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "home"},
        {
          name: "Services",          id: "services"},
        {
          name: "Portfolio",          id: "portfolio"},
        {
          name: "Our Team",          id: "team"},
        {
          name: "Testimonials",          id: "testimonials"},
        {
          name: "FAQ",          id: "faq"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="Alta Vista Landscaping"
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplitDoubleCarousel
      background={{
        variant: "radial-gradient"}}
      title="Beautiful Outdoor Spaces, Built to Last"
      description="Professional landscaping design, maintenance, and seasonal services for homes and businesses. Trusted by local area for over 15 years."
      leftCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/celebration-seasonal-flower-garden-day_1232-3992.jpg",          imageAlt: "Lush garden design"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/schoolgirl-with-notebook-her-hands-sunset-background-school-goes-school_169016-59085.jpg",          imageAlt: "Commercial landscape design"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-mesmerizing-nature-traditional-styled-japanese-adelaide-himeji-gardens_181624-46567.jpg",          imageAlt: "Water feature in garden"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/rustic-patio-furniture-house-deck-with-vegetation_23-2150698294.jpg",          imageAlt: "Outdoor living space"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/frosty-tree-branches-winter_23-2148048912.jpg",          imageAlt: "Seasonal flower bed"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/friendship-concept-two-girls-playground_23-2147814380.jpg",          imageAlt: "Backyard playground"},
      ]}
      rightCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/green-architectural-city-buildings_23-2149554116.jpg",          imageAlt: "Modern home exterior landscape"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/black-woman-running-small-business_52683-100656.jpg",          imageAlt: "Landscaping team working"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/aerial-photography-park_1127-3567.jpg",          imageAlt: "Before after landscape transformation"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/view-water-tank-storage_23-2151748218.jpg",          imageAlt: "Garden irrigation system"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/big-stone-made-chinese-chess-inside-park_1112-1150.jpg",          imageAlt: "Backyard patio pavers"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/funny-garden-gnome-with-copy-space_23-2149136703.jpg",          imageAlt: "Tree care services"},
      ]}
      buttons={[
        {
          text: "Get Your Free Consultation",          href: "#contact"},
      ]}
      carouselPosition="right"
      avatars={[
        {
          src: "asset://hero-avatar-1",          alt: "Happy client avatar"},
        {
          src: "asset://hero-avatar-2",          alt: "Satisfied customer avatar"},
        {
          src: "asset://hero-avatar-3",          alt: "Smiling homeowner avatar"},
        {
          src: "asset://hero-avatar-4",          alt: "Business client avatar"},
        {
          src: "asset://hero-avatar-5",          alt: "Residential customer avatar"},
      ]}
      avatarText="Join 1000+ satisfied customers"
      marqueeItems={[
        {
          type: "image",          src: "asset://hero-marquee-1",          alt: "Modern building logo"},
        {
          type: "image",          src: "asset://hero-marquee-2",          alt: "Green energy logo"},
        {
          type: "image",          src: "asset://hero-marquee-3",          alt: "Environmental certification logo"},
        {
          type: "image",          src: "asset://hero-marquee-4",          alt: "Sustainable design logo"},
        {
          type: "image",          src: "asset://hero-marquee-5",          alt: "Award winning logo"},
      ]}
      marqueeSpeed={40}
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={true}
      title="Transforming Landscapes, Enhancing Lives"
      description="At Alta Vista Landscaping, we believe a beautiful outdoor space is an extension of your home or business. With over 15 years of dedicated service, we specialize in creating and maintaining stunning landscapes that stand the test of time and elevate your property's value and appeal."
      bulletPoints={[
        {
          title: "Expert Design & Planning",          description: "Our certified landscape designers craft bespoke plans tailored to your vision and property's unique needs, ensuring beauty and functionality."},
        {
          title: "Meticulous Maintenance",          description: "We offer comprehensive lawn and garden care, including mowing, pruning, seasonal cleanups, and irrigation management to keep your property pristine."},
        {
          title: "Sustainable Practices",          description: "Committed to eco-friendly solutions, we integrate drought-tolerant plants, efficient irrigation, and organic methods to create sustainable landscapes."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/portrait-male-female-gardener-holding-tools-basket-garden_23-2148165235.jpg"
      imageAlt="Landscaping team smiling"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardEight
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Landscape Design & Installation",          description: "Crafting custom outdoor spaces from concept to completion, including planting, hardscaping, and lighting.",          imageSrc: "http://img.b2bpic.net/free-photo/landscape-courtyard-monastery_1268-15252.jpg",          imageAlt: "Landscape design blueprint"},
        {
          title: "Lawn & Garden Maintenance",          description: "Regular care services such as mowing, pruning, fertilization, and weed control to keep your greenery vibrant.",          imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard-male-black-apron_1157-41429.jpg",          imageAlt: "Lawn mowing service"},
        {
          title: "Hardscaping & Patios",          description: "Building beautiful and durable outdoor features like patios, walkways, retaining walls, and outdoor kitchens.",          imageSrc: "http://img.b2bpic.net/free-photo/wall-concrete-blocks_53876-64726.jpg",          imageAlt: "Patio construction stone pavers"},
        {
          title: "Irrigation Systems",          description: "Designing and installing efficient sprinkler and drip irrigation systems for optimal water usage and plant health.",          imageSrc: "http://img.b2bpic.net/free-photo/park_1127-3610.jpg",          imageAlt: "Sprinkler system watering garden"},
      ]}
      title="Our Comprehensive Landscaping Services"
      description="From initial design to ongoing maintenance, we offer a full spectrum of services tailored to meet the unique needs of residential and commercial properties, ensuring your outdoor space is always at its best."
    />
  </div>

  <div id="portfolio" data-section="portfolio">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "project1",          name: "Residential Oasis",          price: "Luxury Design",          imageSrc: "http://img.b2bpic.net/free-photo/look-through-shiny-branches-white-table-with-candles_1304-4758.jpg",          imageAlt: "Luxurious backyard"},
        {
          id: "project2",          name: "Corporate Campus Refresh",          price: "Commercial Project",          imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-salesforce-transit-center-san-francisco-usa_181624-30125.jpg",          imageAlt: "Modern commercial building plaza"},
        {
          id: "project3",          name: "Urban Garden Retreat",          price: "Compact Solutions",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-holding-digital-tablet-hand-gardening-greenhouse_23-2147948181.jpg",          imageAlt: "Small backyard garden"},
        {
          id: "project4",          name: "Drought-Tolerant Landscape",          price: "Sustainable Living",          imageSrc: "http://img.b2bpic.net/free-photo/succulent-plant-closeup_1372-278.jpg",          imageAlt: "Drought tolerant landscape"},
        {
          id: "project5",          name: "Elegant Front Yard Remodel",          price: "Curb Appeal Boost",          imageSrc: "http://img.b2bpic.net/free-photo/house-entrance-plants-japanese-culture_23-2149301148.jpg",          imageAlt: "Front yard transformation"},
        {
          id: "project6",          name: "Public Park Enhancement",          price: "Community Green Space",          imageSrc: "http://img.b2bpic.net/free-photo/golf-cart-parked-bali-indonesia_72229-863.jpg",          imageAlt: "Sports field natural grass"},
      ]}
      title="Our Recent Project Portfolio"
      description="Explore a selection of our finest landscaping projects, showcasing our expertise in design, installation, and meticulous care for diverse outdoor spaces, from intimate residential gardens to expansive commercial properties."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",          value: "15+",          title: "Years in Business",          description: "Dedicated to creating stunning landscapes in our local community.",          imageSrc: "http://img.b2bpic.net/free-vector/elegant-premium-golden-stickers_23-2147633805.jpg",          imageAlt: "Award winning quality seal"},
        {
          id: "m2",          value: "98%",          title: "Client Satisfaction",          description: "Our clients consistently praise our professionalism and exceptional results.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-woman-holding-speech-bubble-with-various-type-emoticons_23-2147849477.jpg",          imageAlt: "Happy client smiling"},
        {
          id: "m3",          value: "500+",          title: "Completed Projects",          description: "From intimate gardens to large commercial properties, we've brought countless visions to life.",          imageSrc: "http://img.b2bpic.net/free-photo/engineer-hardhat-holding-architectural-project-paper_651396-1050.jpg",          imageAlt: "Finished landscaping project"},
      ]}
      title="Our Commitment to Excellence"
      description="Backed by years of experience and a passion for nature, our results speak for themselves. We deliver quality you can trust and service you can rely on."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      members={[
        {
          id: "tm1",          name: "David Chen",          role: "Lead Landscape Designer",          imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-gardening-indoors_23-2148509872.jpg",          imageAlt: "David Chen, Lead Designer"},
        {
          id: "tm2",          name: "Maria Rodriguez",          role: "Operations Manager",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-greenhouse-owner-posing-with-folded-arms-having-many-flowers-colleague-holding-pot-with-pink-chrysanthemums-glass-roof_158595-7032.jpg",          imageAlt: "Maria Rodriguez, Operations Manager"},
        {
          id: "tm3",          name: "Michael Lee",          role: "Horticultural Specialist",          imageSrc: "http://img.b2bpic.net/free-photo/nature-lover-working-greenhouse_23-2149037251.jpg",          imageAlt: "Michael Lee, Horticultural Specialist"},
        {
          id: "tm4",          name: "Jessica Kim",          role: "Client Relations",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-small-tree_23-2149098304.jpg",          imageAlt: "Jessica Kim, Client Relations"},
      ]}
      title="Meet Our Dedicated Landscaping Team"
      description="Our skilled and passionate team is the heart of Alta Vista Landscaping. With expertise in horticulture, design, and project management, we bring your outdoor visions to life with precision and care."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        {
          id: "test1",          name: "Sarah J.",          quote: "Alta Vista Landscaping completely transformed our backyard into a beautiful oasis! Their design team was fantastic, and the installation was seamless. We couldn't be happier with the results.",          imageSrc: "http://img.b2bpic.net/free-photo/senior-couple-having-breakfast-garden_23-2148060107.jpg",          imageAlt: "Sarah J."},
        {
          id: "test2",          name: "Greenwood Property Management",          quote: "As a property manager, I rely on dependable service. Alta Vista Landscaping consistently provides exceptional maintenance for our commercial properties. Professional, efficient, and always exceeding expectations.",          imageSrc: "http://img.b2bpic.net/free-photo/corporate-people-beautiful-business-woman-with-laptop-documents-drinks-her-coffee-morning-nea_1258-117437.jpg",          imageAlt: "Greenwood Property Management"},
        {
          id: "test3",          name: "The O'Connell Family",          quote: "We hired Alta Vista for a full front yard redesign, and they delivered beyond our dreams. The new landscape adds so much curb appeal and joy to our home. Highly recommend!",          imageSrc: "http://img.b2bpic.net/free-photo/mother-telling-story-two-little-daughter-home-garden_1150-4079.jpg",          imageAlt: "The O'Connell Family"},
        {
          id: "test4",          name: "Local Cafe Owner",          quote: "Our outdoor patio is now the most inviting spot for our customers, thanks to Alta Vista's brilliant seasonal planting and maintenance. They understand commercial needs perfectly.",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-holding-menu_23-2149930139.jpg",          imageAlt: "Local Cafe Owner"},
        {
          id: "test5",          name: "Eleanor V.",          quote: "The team at Alta Vista is always so respectful and thorough. My garden has never looked better, and their regular maintenance takes all the worry out of keeping it beautiful.",          imageSrc: "http://img.b2bpic.net/free-photo/senior-man-working-field-with-flowers_329181-12444.jpg",          imageAlt: "Eleanor V."},
        {
          id: "test6",          quote: "From irrigation system installation to hardscaping our new fire pit area, Alta Vista Landscaping handled everything with incredible skill and attention to detail. True craftsmen!",          name: "The Parkers",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-people-with-bottles_23-2149410388.jpg",          imageAlt: "The Parkers"},
      ]}
      cardTitle="What Our Clients Say"
      cardTag="Trusted Professionals"
      cardAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq1",          title: "What areas do you serve?",          content: "We proudly serve residential and commercial clients within a 30-mile radius of our main office. Please contact us to confirm service availability in your specific location."},
        {
          id: "faq2",          title: "Do you offer free consultations?",          content: "Yes, we offer complimentary initial consultations to discuss your landscaping needs, provide recommendations, and outline potential solutions for your property."},
        {
          id: "faq3",          title: "What types of commercial services do you provide?",          content: "For commercial clients, we offer comprehensive grounds maintenance, seasonal planting, irrigation management, and custom landscape design for business parks, retail centers, and HOA common areas."},
        {
          id: "faq4",          title: "Are your team members licensed and insured?",          content: "Absolutely. All our landscapers are highly trained, fully licensed, and insured, ensuring professional and safe service delivery for every project."},
        {
          id: "faq5",          title: "How far in advance should I book services?",          content: "For design and installation projects, we recommend booking 2-4 weeks in advance. For routine maintenance, we can often accommodate new clients within a week, depending on current schedules."},
      ]}
      title="Frequently Asked Questions"
      description="Find answers to common inquiries about our services, pricing, and process. If you can't find what you're looking for, feel free to contact us directly."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      text="Ready to transform your outdoor space? Get in touch with Alta Vista Landscaping today for a personalized consultation and a free quote. Let's create something beautiful together!"
      buttons={[
        {
          text: "Request a Free Quote",          href: "#"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/norwegian-mountains-evening_58702-16442.jpg"
      imageAlt="Sunset over beautiful landscaped park"
      logoText="Alta Vista Landscaping"
      columns={[
        {
          title: "Services",          items: [
            {
              label: "Landscape Design",              href: "#services"},
            {
              label: "Lawn Maintenance",              href: "#services"},
            {
              label: "Hardscaping"},
          ],
        },
      ]}
      copyrightText="© 2024 Alta Vista Landscaping. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
