"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="medium"
        sizing="mediumSizeLargeTitles"
        background="fluid"
        cardStyle="glass-depth"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "Services",          id: "features"},
        {
          name: "Portfolio",          id: "portfolio"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="Mendieta Landscaping"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogoBillboard
      background={{
        variant: "plain"}}
      logoText="Mendieta Landscaping"
      description="Transforming Gainesville properties with professional, reliable landscaping services. From lawn maintenance to hardscaping, we bring your dream yard to life."
      buttons={[
        {
          text: "Get a Quote",          href: "#contact"},
        {
          text: "Our Services",          href: "#features"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/view-robot-tending-maintaining-gardens_23-2151803950.jpg"
      imageAlt="Landscaped Garden"
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        {
          type: "text",          content: "Professional Landscaping Since 2010"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/female-gardener-making-hand-gesture-greenhouse_23-2147918561.jpg",          alt: "Landscaping Team"},
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyNine
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      features={[
        {
          title: "Lawn Care",          description: "Professional mowing, edging, and seasonal cleanup.",          imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard-male-black-apron-guy-repairs_1157-41431.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/professional-gardener-trimming-hedge-yard_342744-537.jpg",          buttonText: "Learn More"},
        {
          title: "Garden Design",          description: "Beautiful, healthy flowerbeds and custom landscape layouts.",          imageSrc: "http://img.b2bpic.net/free-photo/girl-is-admiring-flowers-garden_1150-8123.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-gardener-cutting-pine-branches_23-2148396752.jpg",          buttonText: "Learn More"},
        {
          title: "Hardscaping",          description: "Durable patios, walkways, and stone work.",          imageSrc: "http://img.b2bpic.net/free-photo/stone-path-way-garden_74190-3631.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/cement-walkway-garden_1252-1023.jpg",          buttonText: "Learn More"},
      ]}
      title="Comprehensive Landscape Services"
      description="We offer a full spectrum of outdoor solutions to keep your property looking its best year-round."
    />
  </div>

  <div id="portfolio" data-section="portfolio">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="one-large-left-three-stacked-right"
      useInvertedBackground={false}
      products={[
        {
          id: "1",          name: "Paver Patio Installation",          price: "From $2,500",          imageSrc: "http://img.b2bpic.net/free-photo/childrens-playing-pool_23-2148606638.jpg"},
        {
          id: "2",          name: "Complete Bed Refresh",          price: "From $800",          imageSrc: "http://img.b2bpic.net/free-photo/gardening_23-2148020328.jpg"},
        {
          id: "3",          name: "Tree Removal Service",          price: "Starting at $400",          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-woodpecker-tree_181624-21820.jpg"},
        {
          id: "4",          name: "Landscape Lighting",          price: "Starting at $1,200",          imageSrc: "http://img.b2bpic.net/free-photo/lamp-against-red-brick-wall-night_1339-3097.jpg"},
        {
          id: "5",          name: "Irrigation System Repair",          price: "From $150",          imageSrc: "http://img.b2bpic.net/free-photo/green-grass_181624-12702.jpg"},
        {
          id: "6",          name: "Fresh Sod Installation",          price: "Per sqft rates",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-green-grass_181624-12951.jpg"},
      ]}
      title="Our Projects"
      description="Browse our recent landscaping transformations."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardFourteen
      useInvertedBackground={false}
      title="Why Choose Mendieta"
      tag="Our Impact"
      metrics={[
        {
          id: "1",          value: "10+",          description: "Years of Excellence"},
        {
          id: "2",          value: "500+",          description: "Projects Completed"},
        {
          id: "3",          value: "5.0",          description: "Average Rating"},
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Lia Rivas",          imageSrc: "http://img.b2bpic.net/free-photo/people-with-flowers-looking-camera_23-2147768471.jpg"},
        {
          id: "2",          name: "Gaspar Tomas",          imageSrc: "http://img.b2bpic.net/free-photo/charming-lady-oversize-sweater-happily-talking-phone-holding-notebook-her-hands-portrait-girl-with-headphones-around-neck-garden_197531-26037.jpg"},
        {
          id: "3",          name: "Sarah Miller",          imageSrc: "http://img.b2bpic.net/free-photo/greenhouse-owner-presenting-flowers-options-potential-customer-retailer_158595-7008.jpg"},
        {
          id: "4",          name: "James Wilson",          imageSrc: "http://img.b2bpic.net/free-photo/young-family-enjoying-trips_23-2149176484.jpg"},
        {
          id: "5",          name: "Linda Thompson",          imageSrc: "http://img.b2bpic.net/free-photo/healthy-lifestyle-vegetarian-food-close-up-portrait-young-cheerful-bearded-caucasian-man-smiling-working-garden_176420-19950.jpg"},
      ]}
      cardTitle="What Our Clients Say"
      cardTag="Testimonials"
      cardAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "Do you provide free estimates?",          content: "Yes, we provide free on-site consultations and quotes."},
        {
          id: "q2",          title: "What service area do you cover?",          content: "We primarily serve Gainesville and surrounding North Georgia areas."},
        {
          id: "q3",          title: "Are you licensed and insured?",          content: "Yes, Mendieta Landscaping is fully licensed and insured for your peace of mind."},
      ]}
      title="Frequently Asked Questions"
      description="Have questions? We've got answers."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="Contact Us"
      title="Ready to Transform Your Yard?"
      description="Get in touch today! Phone: (770) 722-4279 | Address: 2347 4th St, Gainesville, GA 30504. Schedule your free estimate."
      inputPlaceholder="Enter your email"
      buttonText="Get a Quote"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Mendieta Landscaping"
      copyrightText="© 2025 Mendieta Landscaping. 2347 4th St, Gainesville, GA 30504 | (770) 722-4279. All Rights Reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}