"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import TextAbout from '@/components/sections/about/TextAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="mediumLargeSizeMediumTitles"
        background="aurora"
        cardStyle="glass-elevated"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "About",          id: "about"},
        {
          name: "Services",          id: "features"},
        {
          name: "Pricing",          id: "pricing"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="Giuseppe’s Sicilian Bistro"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitKpi
      background={{
        variant: "radial-gradient"}}
      title="Landscape Artistry Inspired by Sicily"
      description="We bring Mediterranean-inspired elegance to your outdoor spaces, creating lush, functional gardens that capture the soul of the Italian countryside."
      kpis={[
        {
          value: "15+",          label: "Years Experience"},
        {
          value: "500+",          label: "Gardens Transformed"},
        {
          value: "99%",          label: "Client Satisfaction"},
      ]}
      enableKpiAnimation={true}
      buttons={[
        {
          text: "Start Your Project",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/crescent-masjid-mountain-marbles-light-tourists_1142-1056.jpg?_wi=1"
      imageAlt="Mediterranean garden design"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/stylish-girl-walking-through-her-school-s-campus_1157-17434.jpg",          alt: "Client 1"},
        {
          src: "http://img.b2bpic.net/free-photo/two-businessman-discussing-their-report-coffee-shop_1150-6404.jpg",          alt: "Client 2"},
        {
          src: "http://img.b2bpic.net/free-photo/analog-city-landscape-with-buildings-daylight_23-2149661429.jpg",          alt: "Client 3"},
        {
          src: "http://img.b2bpic.net/free-photo/antique-lamp-outdoor_1339-7210.jpg",          alt: "Client 4"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-senior-man-hat-gardening-with-granddaugher_1157-38489.jpg",          alt: "Client 5"},
      ]}
      avatarText="Trusted by 500+ satisfied homeowners"
      marqueeItems={[
        {
          type: "text",          text: "Sustainable Design"},
        {
          type: "text",          text: "Artisan Stonework"},
        {
          type: "text",          text: "Smart Irrigation"},
        {
          type: "text",          text: "Mediterranean Style"},
        {
          type: "text",          text: "Professional Maintenance"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      title="A Legacy of Sicilian Craftsmanship in Your Backyard"
      buttons={[
        {
          text: "Learn Our Story",          href: "#about"},
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyEight
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",          title: "Hardscaping & Stone",          subtitle: "Authentic stonework",          category: "Services",          value: "Precision"},
        {
          id: "f2",          title: "Outdoor Lighting",          subtitle: "Atmospheric warmth",          category: "Services",          value: "Ambiance"},
        {
          id: "f3",          title: "Custom Planting",          subtitle: "Bespoke flora choices",          category: "Services",          value: "Lushness"},
      ]}
      title="Our Garden Services"
      description="From custom stone hardscaping to vibrant floral arrangements, we craft outdoor spaces that breathe and bloom."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",          name: "Basic Garden Refresh",          price: "$1,500",          imageSrc: "http://img.b2bpic.net/free-photo/man-with-plants-that-have-been-cultivated-farmed-indoors_23-2149854892.jpg"},
        {
          id: "p2",          name: "Hardscape Restoration",          price: "$4,200",          imageSrc: "http://img.b2bpic.net/free-photo/modern-stone-brick-wall-background-with-green-plant-stone-texture-with-copy-space_158595-6354.jpg"},
        {
          id: "p3",          name: "Monthly Garden Upkeep",          price: "$250/mo",          imageSrc: "http://img.b2bpic.net/free-photo/positive-focused-female-gardener-cutting-sprouts-using-pruner-greenhouse-woman-working-garden-growing-plants-pots-gardening-job-concept_74855-12947.jpg"},
        {
          id: "p4",          name: "Water Feature Install",          price: "$3,800",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-washing-hands_23-2148938496.jpg"},
        {
          id: "p5",          name: "Smart Irrigation Install",          price: "$2,900",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-gardener-watering-plants-with-sprinkler_23-2148396765.jpg"},
        {
          id: "p6",          name: "Tree Care & Pruning",          price: "$600",          imageSrc: "http://img.b2bpic.net/free-photo/man-trimming-bough-brush-guy-works-backyard_1157-41449.jpg"},
      ]}
      title="Signature Garden Packages"
      description="Choose from our curated landscaping packages designed to elevate every aspect of your outdoor experience."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "pl1",          badge: "Entry",          price: "$1,500",          subtitle: "Essential landscaping services",          buttons: [
            {
              text: "Get Started",              href: "#contact"},
          ],
          features: [
            "Design Consultation",            "Basic Planting",            "Cleaning"],
        },
        {
          id: "pl2",          badge: "Popular",          price: "$5,000",          subtitle: "Full garden transformation",          buttons: [
            {
              text: "Get Started",              href: "#contact"},
          ],
          features: [
            "Full Garden Redesign",            "Hardscaping",            "Professional Lighting",            "Smart Watering"],
        },
      ]}
      title="Tailored Solutions for Your Space"
      description="Transparent pricing for high-end landscape design and management."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          name: "Sofia Rossi",          date: "2023-05-12",          title: "Homeowner",          quote: "The garden they created makes me feel like I'm back home in Italy.",          tag: "Garden Design",          avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-mature-bearded-hispanic-florist-smiling-camera-watching-flowers-garden-near-countryside-house-with-happy-relaxed-face-expression_176420-19938.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/crescent-masjid-mountain-marbles-light-tourists_1142-1056.jpg?_wi=2",          imageAlt: "portrait of happy customer outdoor garden"},
        {
          id: "t2",          name: "Elena Bianchi",          date: "2023-08-20",          title: "Homeowner",          quote: "Professional, clean, and truly masterful work. Highly recommend.",          tag: "Hardscaping",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-cute-green-eyed-woman-with-smile-poses-greenhouse-holds-plant_197531-12372.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-female-gardener-holding-crate-with-fresh-plants_23-2147918747.jpg",          imageAlt: "portrait of happy customer outdoor garden"},
        {
          id: "t3",          name: "Marco Romano",          date: "2023-09-10",          title: "Developer",          quote: "Their attention to detail with lighting and stone is unmatched.",          tag: "Lighting",          avatarSrc: "http://img.b2bpic.net/free-photo/outdoors-portrait-young-good-looking-caucasian-bearded-man-blue-shirt-gloves-smiling-camera-holding-pot-with-flower-hands-working-garden_176420-19923.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/long-corridor-showcase_1127-3442.jpg",          imageAlt: "portrait of happy customer outdoor garden"},
        {
          id: "t4",          name: "Anna Verdi",          date: "2023-10-05",          title: "Homeowner",          quote: "A beautiful transformation that increased our home value instantly.",          tag: "Renovation",          avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12323.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/group-kids-with-halloween-costumes-walking-trick-treating_53876-49179.jpg",          imageAlt: "portrait of happy customer outdoor garden"},
        {
          id: "t5",          name: "Giulio Nero",          date: "2023-11-15",          title: "Homeowner",          quote: "Exceptional service and communication throughout the entire process.",          tag: "Service",          avatarSrc: "http://img.b2bpic.net/free-photo/mature-bearded-man-with-cup-hands_259150-58327.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/streets-old-tbilisi-selective-focus-flower-blurred-background-idea-screensaver-story-about-old-city_166373-3038.jpg",          imageAlt: "portrait of happy customer outdoor garden"},
      ]}
      title="What Our Clients Say"
      description="From our neighbors to high-end estates, our work speaks for itself through the experiences of those we serve."
    />
  </div>

  <div id="socialProof" data-section="socialProof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Sicilia Stones",        "Mediterranean Arts",        "Villa Design Studio",        "Green Future Pro",        "Garden Lux Supply",        "EcoScape Design",        "Premier Outdoor Care"]}
      title="Trusted by Local Leaders"
      description="We are proud to partner with esteemed local businesses and organizations."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Visit or Contact Us"
      description="Find us at 123 Sicilian Lane, Palermo District. Open Mon-Fri, 9am-6pm. Reach out to schedule your consultation."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
        },
        {
          name: "email",          type: "email",          placeholder: "Your Email",          required: true,
        },
        {
          name: "phone",          type: "tel",          placeholder: "Phone Number",          required: true,
        },
      ]}
      textarea={{
        name: "message",        placeholder: "Tell us about your dream garden",        rows: 4,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/smiling-greenhouse-owner-posing-with-laptop-her-hands-talking-phone-having-many-flowers-glass-roof_158595-7107.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Giuseppe’s Sicilian Bistro"
      leftLink={{
        text: "Privacy Policy",        href: "#"}}
      rightLink={{
        text: "© 2024 Giuseppe’s Landscaping | Mon-Fri 9am-6pm",        href: "#"}}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
