"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Award, Building, Feather, Leaf, Lightbulb, Sparkles, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="mediumSizeLargeTitles"
        background="none"
        cardStyle="gradient-radial"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "Services",
          id: "#features",
        },
        {
          name: "Portfolio",
          id: "#products",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      button={{
        text: "Get a Quote",
        href: "#contact",
      }}
      brandName="Greenscape"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplit
      background={{
        variant: "radial-gradient",
      }}
      imagePosition="right"
      title="Landscapes that captivate and inspire"
      description="Stunning outdoor spaces designed for living. From concept to completion, we transform your vision into breathtaking reality."
      buttons={[
        {
          text: "Explore Our Work",
          href: "#products",
        },
        {
          text: "Get a Quote",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/empty-restaurant-terrace_1127-2167.jpg"
      imageAlt="Luxurious modern garden with pool and seating area"
      mediaAnimation="slide-up"
      fixedMediaHeight={true}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/smiling-stylish-man-posing-street_23-2147689113.jpg",
          alt: "Landscape architect",
        },
        {
          src: "http://img.b2bpic.net/free-photo/woman-growing-plants_23-2148918495.jpg",
          alt: "Garden designer",
        },
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-women-works-garden_1157-24617.jpg",
          alt: "Client enjoying garden",
        },
        {
          src: "http://img.b2bpic.net/free-photo/business-lady-planning-her-day_1098-21469.jpg",
          alt: "Project manager",
        },
        {
          src: "http://img.b2bpic.net/free-photo/close-up-man-holding-chest-full-colorful-flowers_329181-16485.jpg",
          alt: "Horticultural specialist",
        },
      ]}
      avatarText="Join 500+ satisfied clients"
      marqueeItems={[
        {
          type: "text-icon",
          text: "Innovative Design",
          icon: Feather,
        },
        {
          type: "text-icon",
          text: "Sustainable Practices",
          icon: Leaf,
        },
        {
          type: "text-icon",
          text: "Award-Winning Team",
          icon: Award,
        },
        {
          type: "text-icon",
          text: "Custom Solutions",
          icon: Sparkles,
        },
        {
          type: "text-icon",
          text: "Seamless Execution",
          icon: Building,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="Crafting Bespoke Outdoor Experiences"
      description="At Greenscape, we believe your outdoor space should be an extension of your lifestyle—a place of beauty, tranquility, and inspiration. Our award-winning team of landscape designers and horticulturalists work collaboratively with you to bring your unique vision to life, ensuring every detail reflects unparalleled craftsmanship and sustainable practices. From intimate gardens to expansive estates, we create environments that captivate the senses and enhance your daily living."
      tag="Our Philosophy"
      buttons={[
        {
          text: "Learn More",
          href: "#",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/top-view-gardening-tools-plants_23-2148175923.jpg"
      imageAlt="Landscape designer sketching plans with plant samples"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Concept & Consultation",
          description: "We begin with a deep dive into your aspirations, site analysis, and functional needs, translating your vision into a cohesive design concept.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-vector/wireframe-abstract-landscape-banner-design_1048-18150.jpg",
            imageAlt: "Digital landscape design concept on a tablet",
          },
          items: [
            {
              icon: Brush,
              text: "Personalized Vision Session",
            },
            {
              icon: Lightbulb,
              text: "Innovative Design Ideas",
            },
            {
              icon: ClipboardCheck,
              text: "Detailed Site Assessment",
            },
          ],
          reverse: false,
          imageSrc: "http://img.b2bpic.net/free-photo/empty-restaurant-terrace_1127-2167.jpg",
          imageAlt: "3D rendering garden design software",
        },
        {
          title: "Expert Installation",
          description: "Our skilled artisans and certified crew meticulously execute the design, using premium materials and sustainable practices to build your outdoor sanctuary.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/tourist-desert-landscape_23-2148129815.jpg",
            imageAlt: "Landscape crew installing plants in a garden",
          },
          items: [
            {
              icon: HardHat,
              text: "Certified Craftsmanship",
            },
            {
              icon: Tree,
              text: "Sustainable Sourcing",
            },
            {
              icon: Hammer,
              text: "Quality Material Selection",
            },
          ],
          reverse: true,
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-gardening-tools-plants_23-2148175923.jpg",
          imageAlt: "3D rendering garden design software",
        },
        {
          title: "Refined Maintenance",
          description: "Beyond installation, we offer bespoke maintenance programs to ensure your landscape flourishes year-round, preserving its beauty and health.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/covered-lifestyle-garden-with-indoor-outdoor-living_1127-3426.jpg",
            imageAlt: "Gardener meticulously tending to a lush garden",
          },
          items: [
            {
              icon: Flower2,
              text: "Seasonal Care Plans",
            },
            {
              icon: Sparkles,
              text: "Long-term Beauty Preservation",
            },
            {
              icon: HeartHandshake,
              text: "Dedicated Horticultural Support",
            },
          ],
          reverse: false,
          imageSrc: "http://img.b2bpic.net/free-photo/woman-talking-phone_23-2147679112.jpg",
          imageAlt: "3D rendering garden design software",
        },
      ]}
      title="Our Signature Design Process"
      description="Experience a seamless journey from initial concept to the lush realization of your dream landscape. We guide you through every phase with precision and passion."
      tag="Services"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={false}
      products={[
        {
          id: "p-1",
          brand: "Residential",
          name: "Modern Patio Oasis",
          price: "Starts at $25,000",
          rating: 5,
          reviewCount: "12 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-talking-phone_23-2147679112.jpg",
          imageAlt: "A modern patio with an outdoor fireplace and comfortable seating",
        },
        {
          id: "p-2",
          brand: "Residential",
          name: "Serene Poolside Retreat",
          price: "Starts at $40,000",
          rating: 5,
          reviewCount: "9 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/modern-urban-gym_23-2151918008.jpg",
          imageAlt: "A luxurious poolside landscape with lush greenery",
        },
        {
          id: "p-3",
          brand: "Commercial",
          name: "Elegant Entryway Walkway",
          price: "Starts at $15,000",
          rating: 4,
          reviewCount: "7 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/stepping-stone-garden-path_1252-1029.jpg",
          imageAlt: "An elegant stone walkway leading to a modern building",
        },
        {
          id: "p-4",
          brand: "Residential",
          name: "Tranquil Water Feature Garden",
          price: "Starts at $18,000",
          rating: 5,
          reviewCount: "15 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-landscape-shot-stairs-beach-with-golden-sunset-colors_181624-34814.jpg",
          imageAlt: "A modern garden with a soothing water feature",
        },
        {
          id: "p-5",
          brand: "Residential",
          name: "Enchanting Night Lighting",
          price: "Starts at $10,000",
          rating: 4,
          reviewCount: "6 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/garden-with-wooden-bench-plants_250224-84.jpg",
          imageAlt: "A beautifully lit garden at night showcasing landscape lighting",
        },
        {
          id: "p-6",
          brand: "Commercial",
          name: "Captivating Front Yard Design",
          price: "Starts at $20,000",
          rating: 5,
          reviewCount: "10 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/house-entrance-plants-japanese-culture_23-2149301148.jpg",
          imageAlt: "A captivating front yard landscape design for a commercial property",
        },
      ]}
      title="Our Portfolio of Masterpieces"
      description="Explore a curated selection of our most breathtaking landscape design projects, showcasing our versatility and attention to detail."
      tag="Gallery"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m-1",
          icon: Award,
          title: "Years of Experience",
          value: "25+",
        },
        {
          id: "m-2",
          icon: Users,
          title: "Satisfied Clients",
          value: "500+",
        },
        {
          id: "m-3",
          icon: Leaf,
          title: "Projects Completed",
          value: "300+",
        },
        {
          id: "m-4",
          icon: Leaf,
          title: "Acres Landscaped",
          value: "100+",
        },
      ]}
      title="Decades of Horticultural Excellence"
      description="Our journey is marked by passion, precision, and countless delighted clients. Discover the numbers that define our legacy."
      tag="Our Impact"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t-1",
          name: "Sarah J.",
          role: "Homeowner",
          company: "Beverly Hills, CA",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/man-talking-smartphone-sitting-open-terrace_259150-59317.jpg",
          imageAlt: "Sarah Johnson, a happy homeowner",
        },
        {
          id: "t-2",
          name: "Michael C.",
          role: "Property Developer",
          company: "Palm Springs, CA",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/contemplated-man-sitting-balcony_23-2147891185.jpg",
          imageAlt: "Michael Chen, a property developer",
        },
        {
          id: "t-3",
          name: "Emily R.",
          role: "Residential Client",
          company: "Malibu, CA",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-happy-family-outdoors_23-2149920072.jpg",
          imageAlt: "Emily Rodriguez, a residential client",
        },
        {
          id: "t-4",
          name: "David K.",
          role: "Landscape Architect",
          company: "Santa Monica, CA",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/woman-elegant-silk-dress-posing-tropical-rainy-tropical-forest_273443-4828.jpg",
          imageAlt: "David Kim, a landscape architect",
        },
        {
          id: "t-5",
          name: "Jessica L.",
          role: "Commercial Manager",
          company: "Orange County, CA",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/women-working-greenhouse-with-flowerpots_1157-30885.jpg",
          imageAlt: "Jessica Lee, a commercial manager",
        },
        {
          id: "t-6",
          name: "Robert B.",
          role: "Homeowner",
          company: "Pasadena, CA",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/orders_23-2148013390.jpg",
          imageAlt: "Robert Brown, a homeowner",
        },
      ]}
      title="What Our Clients Say"
      description="Hear directly from homeowners, developers, and architects who have experienced the Greenscape difference."
      tag="Client Stories"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Vista Properties",
        "Aegis Architecture",
        "Horizon Estates",
        "Greenwood Developments",
        "Urban Oasis Group",
        "Elite Residential",
        "Terra Design Studio",
      ]}
      title="Trusted by Visionaries"
      description="We partner with leading property developers, architects, and luxury homeowners to create iconic landscapes."
      tag="Our Collaborators"
      showCard={false}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",
          title: "What makes Greenscape different from other firms?",
          content: "Our commitment to sustainable luxury, bespoke design, and a seamless client experience sets us apart. We combine innovative design with expert craftsmanship and ecological responsibility.",
        },
        {
          id: "faq-2",
          title: "Do you handle both residential and commercial projects?",
          content: "Yes, Greenscape specializes in transforming both high-end residential estates and large-scale commercial properties, providing tailored solutions for each unique challenge.",
        },
        {
          id: "faq-3",
          title: "What is the typical timeline for a landscape design project?",
          content: "Project timelines vary greatly depending on scope and complexity. A typical design phase can range from 4-8 weeks, with installation taking anywhere from a few weeks to several months. We provide detailed timelines upfront.",
        },
        {
          id: "faq-4",
          title: "Can you work with existing architectural plans?",
          content: "Absolutely. We often collaborate with architects and builders from the earliest stages of a project, seamlessly integrating landscape design with the overall architectural vision.",
        },
        {
          id: "faq-5",
          title: "Do you offer ongoing maintenance services?",
          content: "Yes, we provide comprehensive, bespoke maintenance programs designed to preserve the beauty and health of your Greenscape creation for years to come. These services are tailored to your specific needs.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/woman-traveling-around-world_23-2148195205.jpg"
      imageAlt="Person contemplating in a beautifully landscaped garden"
      mediaAnimation="slide-up"
      mediaPosition="right"
      title="Common Questions"
      description="Find answers to frequently asked questions about our process, services, and approach to landscape design."
      tag="FAQ"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={true}
      background={{
        variant: "sparkles-gradient",
      }}
      tag="Connect"
      title="Ready to Transform Your Outdoors?"
      description="Let's create something extraordinary together. Reach out to Greenscape today for a personalized consultation."
      buttons={[
        {
          text: "Schedule a Consultation",
          href: "#",
        },
        {
          text: "Call Us: (555) 123-4567",
          href: "tel:+15551234567",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      logoSrc="http://img.b2bpic.net/free-vector/leaf-icon-logo-design-vector_474888-3301.jpg"
      logoAlt="Greenscape Logo"
      columns={[
        {
          items: [
            {
              label: "Home",
              href: "#hero",
            },
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Services",
              href: "#features",
            },
            {
              label: "Portfolio",
              href: "#products",
            },
          ],
        },
        {
          items: [
            {
              label: "Testimonials",
              href: "#testimonials",
            },
            {
              label: "FAQ",
              href: "#faq",
            },
            {
              label: "Contact",
              href: "#contact",
            },
            {
              label: "Get a Quote",
              href: "#contact",
            },
          ],
        },
        {
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
            {
              label: "Careers",
              href: "#",
            },
          ],
        },
      ]}
      logoText="Greenscape: Crafting Nature's Masterpieces"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
