"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 FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="mediumLargeSizeLargeTitles"
        background="floatingGradient"
        cardStyle="glass-depth"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="layered"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Services",
          id: "services",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="The Landscapers"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplit
      background={{
        variant: "gradient-bars",
      }}
      title="Professional Landscaping for Your Vision"
      description="Transforming spaces in Taxila with precision, quality, and a commitment to natural beauty. Visit us opposite Swedish Institute, Main GT Rd."
      buttons={[
        {
          text: "Book Consultation",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/contemporary-house-architecture_23-2151050996.jpg"
      imageAlt="Luxurious garden design"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359701.jpg",
          alt: "Client profile 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/green-park-view_1417-1510.jpg",
          alt: "Client profile 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/outdoor-portrait-stylish-european-woman-pink-fashion-suit-outside-villa_343596-2153.jpg",
          alt: "Client profile 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/women-working-greenhouse-with-green-trees_1157-30893.jpg",
          alt: "Client profile 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/fumigation_23-2148013411.jpg",
          alt: "Client profile 5",
        },
      ]}
      avatarText="Trusted by 500+ happy clients"
      marqueeItems={[
        {
          type: "text",
          text: "Sustainable Design",
        },
        {
          type: "text",
          text: "Local Taxila Experts",
        },
        {
          type: "text",
          text: "Premium Materials",
        },
        {
          type: "text",
          text: "Precision Work",
        },
        {
          type: "text",
          text: "Reliable Service",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",
          content: "Crafting Nature's Beauty in Taxila",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/reforestation-done-by-voluntary-group_23-2149500825.jpg",
          alt: "The Landscapers team at work",
        },
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyThree
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          id: "s1",
          title: "Lawn Care & Maintenance",
          tags: [
            "Weekly",
            "Precision",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/caucasian-male-worker-gloves-removing-dry-leaves-from-sidewalk-with-hand-blower-park-side-view_7502-10152.jpg",
        },
        {
          id: "s2",
          title: "Planting & Garden Design",
          tags: [
            "Creative",
            "Seasonal",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-carrying-box_23-2149722682.jpg",
        },
        {
          id: "s3",
          title: "Hardscaping & Patios",
          tags: [
            "Stone",
            "Construction",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-using-tape-measure_23-2148748801.jpg",
        },
      ]}
      title="Our Professional Services"
      description="Comprehensive landscaping solutions for residential and commercial properties."
    />
  </div>

  <div id="projects" data-section="projects">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          name: "Urban Lawn Revamp",
          price: "Custom",
          imageSrc: "http://img.b2bpic.net/free-photo/grassland-landscape-greening-environment-park-background_1112-1177.jpg",
        },
        {
          id: "p2",
          name: "Floral Bed Oasis",
          price: "Custom",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-planting-flowers-soil_23-2148396795.jpg",
        },
        {
          id: "p3",
          name: "Stone Patio Installation",
          price: "Custom",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stone-path-walk-run-garden_74190-8976.jpg",
        },
        {
          id: "p4",
          name: "Commercial Grounds",
          price: "Custom",
          imageSrc: "http://img.b2bpic.net/free-photo/green-park-view_1417-1493.jpg",
        },
        {
          id: "p5",
          name: "Garden Path Layout",
          price: "Custom",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359697.jpg",
        },
        {
          id: "p6",
          name: "Shrubbery Trimming",
          price: "Custom",
          imageSrc: "http://img.b2bpic.net/free-photo/people-with-wheelbarrow-working-greenhouse_23-2147768529.jpg",
        },
      ]}
      title="Portfolio Showcase"
      description="A glimpse of recent transformations across the city."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="depth-3d"
      textboxLayout="split"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          value: "10+",
          title: "Years Experience",
          items: [
            "Deep expertise",
            "Local knowledge",
          ],
        },
        {
          id: "m2",
          value: "500+",
          title: "Projects Done",
          items: [
            "Satisfied clients",
            "Verified quality",
          ],
        },
        {
          id: "m3",
          value: "100%",
          title: "Commitment",
          items: [
            "Punctual service",
            "Natural care",
          ],
        },
      ]}
      title="Why Choose Us"
      description="Proven reliability in landscape architecture."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",
          name: "Ahmed Raza",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-farmer-working-her-greenhouse_23-2149072105.jpg",
        },
        {
          id: "t2",
          name: "Sarah Khan",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-elegant-young-woman-hat-posing-selfie-park_1262-12670.jpg",
        },
        {
          id: "t3",
          name: "Faisal Shah",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-outdoors-portrait-young-attractive-bearded-caucasian-male-gardener-blue-t-shirt-smiling-camera-planting-seeds-garden-watering-plants_176420-19925.jpg",
        },
        {
          id: "t4",
          name: "Rabia Malik",
          imageSrc: "http://img.b2bpic.net/free-photo/old-senior-standing-summer-garden-with-cabbage_1157-32594.jpg",
        },
        {
          id: "t5",
          name: "Zeeshan Ali",
          imageSrc: "http://img.b2bpic.net/free-photo/outdoors-portrait-young-attractive-bearded-caucasian-man-blue-shirt-sport-pants-smiling-sitting-grass-looking-camera-with-happy-face-expression-working-garden_176420-19937.jpg",
        },
      ]}
      cardTitle="What Clients Say"
      cardTag="Reviews"
      cardAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",
          title: "Do you provide free quotes?",
          content: "Yes, we visit your site in Taxila and provide a free initial assessment.",
        },
        {
          id: "q2",
          title: "Are your services residential only?",
          content: "We cater to both residential homes and commercial institutions.",
        },
        {
          id: "q3",
          title: "Where are you located?",
          content: "We are on Main GT Rd, right opposite the Swedish Institute, Taxila.",
        },
      ]}
      title="Common Questions"
      description="How we serve your gardening needs."
      faqsAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/skilful-male-landscaper-using-high-altitude-hedge-trimmer-topiary-park-side-view-focused_7502-10164.jpg"
      imageAlt="Landscape professional working"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={true}
      background={{
        variant: "plain",
      }}
      tag="Contact Us"
      title="Start Your Garden Project"
      description="Visit us at our Main GT Road office or give us a call to book your site visit."
      buttons={[
        {
          text: "Call Now",
          href: "tel:+920000000000",
        },
      ]}
    />
  </div>

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