"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="small"
        sizing="mediumLargeSizeMediumTitles"
        background="fluid"
        cardStyle="glass-elevated"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "About Us",          id: "#about"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Portfolio",          id: "#portfolio"},
        {
          name: "Reviews",          id: "#testimonials"},
        {
          name: "FAQs",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="D&I Landscape"
      bottomLeftText="Expert Landscape Design"
      bottomRightText="(765) 274-9243"
      button={{
        text: "Get a Quote",        href: "#contact"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDualMedia
      background={{
        variant: "radial-gradient"}}
      title="Transforming Your Outdoor Space into a Masterpiece"
      description="Experience award-winning landscape design and meticulous maintenance services. Let us create the perfect environment for your home."
      tag="Landscape Designer"
      buttons={[
        {
          text: "Get a Free Quote",          href: "#contact"},
        {
          text: "View Our Services",          href: "#services"},
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-sustainable-garden-with-home-grown-plants_23-2151479048.jpg",          imageAlt: "Luxurious backyard with pool and landscaping"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/smartphone-near-drafts-construction-supplies_23-2147831906.jpg",          imageAlt: "Landscape design blueprints and tools"}
      ]}
      mediaAnimation="slide-up"
      rating={5}
      ratingText="Based on 9 customer reviews"
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="About D&I Landscape"
      description="D&I Landscape has been dedicated to crafting stunning and functional outdoor spaces for years. Our passion for design, coupled with our commitment to quality, ensures every project exceeds expectations. From lush garden installations to efficient French drains and meticulous yard clean-ups, we bring your vision to life with professionalism and expertise."
      tag="Our Story"
      imageSrc="http://img.b2bpic.net/free-photo/reforestation-done-by-voluntary-group_23-2149500818.jpg"
      imageAlt="Landscapers working in a garden"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwelve
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          id: "seasonal-cleanup",          label: "Seasonal Care",          title: "Seasonal Yard Clean-up",          items: [
            "Leaf Removal",            "Debris Hauling",            "Mulching Services",            "Garden Bed Preparation"],
        },
        {
          id: "drainage-solutions",          label: "Problem Solvers",          title: "Expert Drainage Solutions",          items: [
            "French Drain Installation",            "Erosion Control",            "Water Management",            "Sump Pump Integration"],
        },
        {
          id: "regular-maintenance",          label: "Ongoing Beauty",          title: "Consistent Lawn & Garden Care",          items: [
            "Weekly Mowing",            "Edging & Trimming",            "Hedge & Shrub Pruning",            "Fertilization Programs"],
        },
      ]}
      title="Our Comprehensive Services"
      description="We offer a full spectrum of landscaping solutions to keep your property beautiful and functional year-round."
    />
  </div>

  <div id="portfolio" data-section="portfolio">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={false}
      products={[
        {
          id: "garden-design",          name: "Custom Garden Design",          price: "Starting at $1,500",          variant: "Softscape",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-flower-garden_1428-575.jpg",          imageAlt: "Custom designed garden with various plants and flowers"},
        {
          id: "pond-installation",          name: "Elegant Pond Installation",          price: "Starting at $2,000",          variant: "Water Features",          imageSrc: "http://img.b2bpic.net/free-photo/vintage-landscape-photo_23-2149728820.jpg",          imageAlt: "Beautiful garden pond with aquatic plants"},
        {
          id: "patio-extension",          name: "Patio & Deck Extensions",          price: "Starting at $2,500",          variant: "Hardscape",          imageSrc: "http://img.b2bpic.net/free-photo/stylish-caucasian-woman-trendy-panama-waist-neon-bag-roof-bangkok-with-mobile-phone_343596-30.jpg",          imageAlt: "Spacious outdoor patio with seating area"},
        {
          id: "front-yard-renovation",          name: "Front Yard Renovation",          price: "Starting at $3,000",          variant: "Curb Appeal",          imageSrc: "http://img.b2bpic.net/free-photo/city-park-with-lake_1127-4101.jpg",          imageAlt: "Renovated front yard with manicured lawn and garden"},
        {
          id: "backyard-transformation",          name: "Backyard Transformation",          price: "Starting at $5,000",          variant: "Full Remodel",          imageSrc: "http://img.b2bpic.net/free-photo/joyful-friends-front-bar_23-2147680612.jpg",          imageAlt: "Complete backyard transformation with multiple features"},
        {
          id: "custom-walkways",          name: "Custom Walkways & Paths",          price: "Starting at $1,000",          variant: "Pathways",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-national-forest-bucaco-luso-portugal_181624-57459.jpg",          imageAlt: "Elegant stone pathway through a garden"},
      ]}
      title="Our Landscape Design Portfolio"
      description="Explore some of our recent projects and discover the potential for your own outdoor oasis."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      metrics={[
        {
          id: "years",          value: "10+",          description: "Years in Business"},
        {
          id: "clients",          value: "250+",          description: "Happy Clients"},
        {
          id: "projects",          value: "500+",          description: "Projects Completed"},
      ]}
      title="Our Impact in Numbers"
      description="Years of dedicated service, countless transformed yards, and delighted homeowners speak volumes about our commitment to excellence."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Homeowners Association",        "Local Businesses",        "Residential Clients",        "Property Managers",        "Garden Enthusiasts",        "Community Partners",        "Local Developers"]}
      title="Trusted by Your Neighbors"
      description="We're proud to serve our community and build lasting relationships with homeowners who value quality."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      carouselMode="buttons"
      testimonials={[
        {
          id: "george-johnston",          name: "George Johnston",          handle: "@georgej",          testimonial: "D&I Landscaping came out to our home and did a phenomenal job cleaning our yard of leaves, sticks, and other debris. I couldn't believe how efficiently they cleaned and how much they managed to haul away. I would highly recommend them to anyone looking for a landscaping company!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-decorating-home_23-2150633270.jpg",          imageAlt: "Portrait of George Johnston"},
        {
          id: "nicole-black",          name: "Nicole Black",          handle: "@nicoleb",          testimonial: "Norma and her team have been amazing to work with! The quality of the work is outstanding and a good value. The french drain they installed has been operating perfectly and they kept the integrity of my lawn during installation.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-attractive-bearded-caucasian-male-gardener-blue-t-shirt-gloves-smiling-holding-flower-pot-with-green-sprout-hands-looking-aside-with-excited-face-expression_176420-19922.jpg",          imageAlt: "Portrait of Nicole Black"},
        {
          id: "anne-quinn",          name: "Anne Quinn",          handle: "@anneq",          testimonial: "Could not recommend this company more! We have been using D & I Landscaping for several years now to mow our lawn weekly, do spring mulching and clean up, and we'll likely add them for fall leaf clean up as well. They do an excellent job.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-lying-grass-with-tablet_23-2148029619.jpg",          imageAlt: "Portrait of Anne Quinn"},
        {
          id: "sarah-davis",          name: "Sarah Davis",          handle: "@sarahd",          testimonial: "Our garden has never looked better! The D&I team transformed our dull backyard into a vibrant oasis, exceeding all our expectations. Truly a remarkable service.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-florist-taking-care-flowers_176420-2075.jpg",          imageAlt: "Portrait of Sarah Davis"},
        {
          id: "robert-wilson",          name: "Robert Wilson",          handle: "@robertw",          testimonial: "Professional, reliable, and incredibly talented. D&I Landscape took care of our complex irrigation system and the results were flawless. Highly recommend their expertise.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-good-looking-young-caucasian-man-blue-t-shirt-gloves-smiling-with-teeth-being-tired-from-hard-work-garden-farmer-planting-leaves-countryside-house_176420-19908.jpg",          imageAlt: "Portrait of Robert Wilson"},
      ]}
      showRating={true}
      title="What Our Clients Say"
      description="Hear directly from homeowners who have experienced the D&I Landscape difference."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",          title: "What areas do you serve?",          content: "D&I Landscape proudly serves [Your City/Region] and surrounding areas. Please contact us to confirm service availability in your specific location."},
        {
          id: "faq-2",          title: "How do I request a quote?",          content: "You can request a free, no-obligation quote by filling out the contact form on our website, calling us directly at (765) 274-9243, or sending an email to hello@dlandscape.com. We'll schedule a convenient time to assess your needs."},
        {
          id: "faq-3",          title: "Do you offer seasonal maintenance packages?",          content: "Yes, we offer customizable seasonal maintenance packages including spring clean-up, mulching, weekly mowing, fall leaf removal, and winter preparation. Our team can tailor a plan to keep your property looking its best year-round."},
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to common questions about our services and process."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient"}}
      text="Ready to transform your landscape? Get in touch today for a personalized consultation and a free estimate."
      buttons={[
        {
          text: "Contact Us Now",          href: "#"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="D&I Landscape"
      columns={[
        {
          title: "Services",          items: [
            {
              label: "Garden Design",              href: "#services"},
            {
              label: "Lawn Care",              href: "#services"},
            {
              label: "Drainage Solutions",              href: "#services"},
            {
              label: "Seasonal Clean-up",              href: "#services"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Our Work",              href: "#portfolio"},
            {
              label: "Testimonials",              href: "#testimonials"},
            {
              label: "FAQs",              href: "#faq"},
          ],
        },
        {
          title: "Legal",          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 D&I Landscape. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
