"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TextAbout from '@/components/sections/about/TextAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="small"
        sizing="mediumLargeSizeLargeTitles"
        background="floatingGradient"
        cardStyle="layered-gradient"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "Services",          id: "features"},
        {
          name: "Projects",          id: "products"},
        {
          name: "Reviews",          id: "testimonials"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="M Cardoza"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlay
      title="Crafting Beautiful Landscapes for Your Home"
      description="With over 20 years of experience, M Cardoza Construction LLC brings your outdoor vision to life through expert masonry, landscaping, and construction."
      buttons={[
        {
          text: "Get a Free Quote",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/women-working-greenhouse-with-flowerpots_1157-30887.jpg"
      showBlur={true}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/two-experienced-gardeners-discussing-methods-planting-flowers_74855-16476.jpg",          alt: "Gardener 1"},
        {
          src: "http://img.b2bpic.net/free-photo/concentrated-gardeners-arranging-coniferous-plants-garden-man-woman-wearing-aprons-growing-small-thuja-greenhouse-selective-focus-commercial-gardening-activity-summer-concept_74855-12739.jpg",          alt: "Gardener 2"},
        {
          src: "http://img.b2bpic.net/free-photo/women-taking-care-their-plants-greenhouse_23-2149037314.jpg",          alt: "Gardener 3"},
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-with-plants_23-2149098280.jpg",          alt: "Gardener 4"},
        {
          src: "http://img.b2bpic.net/free-photo/smiling-portrait-man-using-digital-tablet-park_23-2148164502.jpg",          alt: "Project Manager"},
      ]}
      avatarText="Trusted by 500+ happy homeowners"
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      title="Quality Landscaping & Masonry Since 2004"
      tag="About Us"
      buttons={[
        {
          text: "Learn More",          href: "#"},
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyFour
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      features={[
        {
          id: "f1",          title: "Garden Maintenance",          author: "Pro Team",          description: "Lawn care, pruning, and landscape health.",          tags: [
            "Landscaping"],
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-gardener-s-hand-pruning-flowers_23-2148165237.jpg"},
        {
          id: "f2",          title: "Hardscape Installation",          author: "Masonry Pros",          description: "Durable walkways, patios, and stone work.",          tags: [
            "Construction"],
          imageSrc: "http://img.b2bpic.net/free-photo/wall-made-stones-bricks_1127-288.jpg"},
        {
          id: "f3",          title: "Fencing Solutions",          author: "Craftsmen",          description: "Custom wood and iron privacy fencing.",          tags: [
            "Construction"],
          imageSrc: "http://img.b2bpic.net/free-photo/enjoying-morning-sun-before-start-work_329181-11779.jpg"},
      ]}
      title="Comprehensive Landscaping Services"
      description="We offer a wide range of services designed to enhance the beauty, utility, and value of your home."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="inline-image"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",          name: "Exterior Renovation",          price: "Custom",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DeBZ7VVLHnrULsaSyU9dV4w7Kw/uploaded-1778632730358-2jqeirem.png"},
        {
          id: "p2",          name: "Masonry Wall",          price: "Custom",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DeBZ7VVLHnrULsaSyU9dV4w7Kw/uploaded-1778632730359-x7ftlnpg.png"},
        {
          id: "p3",          name: "Structure Detail",          price: "Custom",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DeBZ7VVLHnrULsaSyU9dV4w7Kw/uploaded-1778632730359-kid4kqh3.png"},
        {
          id: "p4",          name: "Brick Masonry",          price: "Custom",          imageSrc: "http://img.b2bpic.net/free-photo/handyman-construction-site-process-drilling-wall-with-perforator_169016-11849.jpg"},
        {
          id: "p5",          name: "Patio Installation",          price: "Custom",          imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-stone-wall-surface_23-2151214690.jpg"},
        {
          id: "p6",          name: "Landscape Finish",          price: "Custom",          imageSrc: "http://img.b2bpic.net/free-photo/city-park-china_1127-3633.jpg"},
      ]}
      title="Recent Project Gallery"
      description="See the quality of craftsmanship that homeowners trust."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",          value: "20+",          title: "Years Experience",          items: [
            "Serving families",            "Expert knowledge",            "Proven quality"],
        },
        {
          id: "m2",          value: "500+",          title: "Successful Jobs",          items: [
            "Home repairs",            "New construction",            "Landscaping"],
        },
        {
          id: "m3",          value: "100%",          title: "Dedication",          items: [
            "Fast response",            "Professional service",            "Quality guarantee"],
        },
      ]}
      title="By The Numbers"
      description="Proven experience you can rely on for any scale project."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="inline-image"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Jorge Calderon",          handle: "Homeowner",          testimonial: "Very professional with a lot of knowledge. Always gives his best insights and has many ideas.",          imageSrc: "http://img.b2bpic.net/free-photo/couple-posing-together-their-new-home-while-holding-paintbrush_23-2149086844.jpg"},
        {
          id: "2",          name: "Michael Smith",          handle: "Local Guide",          testimonial: "The company did some repairs for a fair price. Nice guy, would use again.",          imageSrc: "http://img.b2bpic.net/free-photo/senior-old-man-eldery-puring-water-taking-care-small-tree-table_554837-87.jpg"},
        {
          id: "3",          name: "Sanahi Silvestre",          handle: "Homeowner",          testimonial: "Work was done very great and done fast, work was done professionally.",          imageSrc: "http://img.b2bpic.net/free-photo/home-residential-family-living-house-concept_53876-120485.jpg"},
        {
          id: "4",          name: "Anonymous",          handle: "Homeowner",          testimonial: "Trustworthy construction team, really satisfied with the results.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-tender-young-smiling-woman-feeling-cozy-home-sitting-kitchen-chair-with-smartphone_1258-199927.jpg"},
        {
          id: "5",          name: "Happy Customer",          handle: "Local Resident",          testimonial: "Efficient and reliable, definitely recommend for any landscaping.",          imageSrc: "http://img.b2bpic.net/free-photo/young-male-student-working-computer-park_1303-16872.jpg"},
      ]}
      title="What Our Clients Say"
      description="Don't just take our word for it—read our reviews."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="split"
      useInvertedBackground={true}
      faqs={[
        {
          id: "q1",          title: "How quickly can you start?",          content: "We aim to respond to all inquiries within 24 hours and start most projects shortly after the quote is approved."},
        {
          id: "q2",          title: "Are you licensed?",          content: "Yes, we are fully licensed and insured for all landscaping and masonry projects."},
        {
          id: "q3",          title: "What areas do you serve?",          content: "We serve East Rutherford and all nearby areas."},
      ]}
      title="Frequently Asked Questions"
      description="Have questions about our process? We've got answers."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="Get in touch"
      title="Start your outdoor project today"
      description="Request your free consultation and quote. We look forward to hearing about your project."
      imageSrc="http://img.b2bpic.net/free-photo/flower-shop-full-bloom-marketplace_53876-14315.jpg"
      mediaAnimation="slide-up"
      buttonText="Request Free Estimate"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Services",          items: [
            {
              label: "Landscaping",              href: "#features"},
            {
              label: "Masonry",              href: "#features"},
            {
              label: "Fencing",              href: "#features"},
          ],
        },
        {
          title: "About",          items: [
            {
              label: "Company Info",              href: "#about"},
            {
              label: "Reviews",              href: "#testimonials"},
          ],
        },
      ]}
      logoText="M Cardoza"
      copyrightText="© 2025 M Cardoza Construction LLC. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}