"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="large"
        background="fluid"
        cardStyle="outline"
        primaryButtonStyle="flat"
        secondaryButtonStyle="glass"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "About",          id: "#about"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Reviews",          id: "#reviews"},
        {
          name: "FAQs",          id: "#faqs"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/leaf-green-logo-company-gradient-design-template_698780-555.jpg"
      logoAlt="Phoenix Landscaping Logo"
      brandName="Phoenix Landscaping"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlay
      title="Transform Your Outdoors with Phoenix Landscaping"
      description="Expert lawn care and comprehensive landscaping services to create a beautiful, well-maintained yard that truly shines. From routine maintenance to complete garden makeovers, we bring your vision to life."
      buttons={[
        {
          text: "Get a Free Quote",          href: "#contact"},
        {
          text: "View Services",          href: "#services"},
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",          alt: "Customer 1"},
        {
          src: "http://img.b2bpic.net/free-photo/relaxing-fume-banking-adult-absence_1134-936.jpg",          alt: "Customer 2"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-pointing-camera_1262-3266.jpg",          alt: "Customer 3"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-cute-green-eyed-woman-with-smile-poses-greenhouse-holds-plant_197531-12372.jpg",          alt: "Customer 4"},
        {
          src: "http://img.b2bpic.net/free-photo/young-blonde-businesswoman-smiling-happy-standing-city_839833-14128.jpg",          alt: "Customer 5"},
      ]}
      avatarText="Rated 4.7 stars by 14 happy customers"
      imageSrc="http://img.b2bpic.net/free-photo/full-shot-young-woman-surrounded-by-plants_23-2150522450.jpg"
      imageAlt="Lush green lawn and garden"
      showBlur={true}
      textPosition="bottom"
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="Our Story"
      title="Dedicated to Beautiful Landscapes"
      description="Phoenix Landscaping & Lawn Services, LLC is committed to providing top-tier lawn care and landscaping. Our team ensures every detail is managed with precision and passion, delivering results that exceed expectations."
      subdescription="With years of experience serving 32277 and nearby areas, we pride ourselves on unmatched customer service and a friendly, professional approach. We love turning overgrown spaces into manageable, stunning outdoor areas that our clients adore."
      icon={Sparkles}
      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"
      imageAlt="Landscaping team working in a garden"
      mediaAnimation="opacity"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Lawn Mowing & Maintenance",          description: "Regular care for a healthy, vibrant lawn, including mowing, edging, and blowing.",          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/man-takes-photo-houseplant-share-social-media_53876-129327.jpg",            imageAlt: "Lawn mowing app"},
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-smartphone-with-blank-white-screen_273609-14338.jpg",            imageAlt: "Person holding phone in garden"},
        },
        {
          title: "Mulching & Planting",          description: "Enhance garden beds with fresh mulch for moisture retention and install new plants.",          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-gardening-tools-plants-with-blank-phone_23-2148396904.jpg",            imageAlt: "Mulching guide app"},
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/close-up-transplanting-process-plants_23-2149080715.jpg",            imageAlt: "Hands mulching garden bed"},
        },
        {
          title: "Sod Installation & Yard Work",          description: "Expert new lawn installation for an instant green space and general yard clean-up.",          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/nature-lover-working-greenhouse_23-2149037333.jpg",            imageAlt: "Sod installation app"},
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/serious-male-gardener-growing-thujas-pots-grey-haired-man-glasses-wearing-blue-shirt-apron-working-with-evergreen-plants-greenhouse-commercial-gardening-activity-summer-concept_74855-12968.jpg",            imageAlt: "Freshly laid sod"},
        },
        {
          title: "Trimming & Pruning",          description: "Professional trimming and pruning for shrubs, hedges, and small trees to maintain shape and health.",          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/human-hand-taking-photograph-potted-plants-cellphone_23-2147929430.jpg",            imageAlt: "Tree pruning app"},
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/serrated-metal-rake-garden-cleaning_169016-10696.jpg",            imageAlt: "Person pruning bushes"},
        },
      ]}
      showStepNumbers={true}
      title="Our Comprehensive Services"
      description="We offer a full spectrum of landscaping and lawn care solutions tailored to your needs, ensuring your outdoor space is always pristine and beautiful."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardFourteen
      useInvertedBackground={false}
      title="Excellence in Every Project"
      tag="Our Success"
      metrics={[
        {
          id: "rating",          value: "4.7/5",          description: "Average customer rating"},
        {
          id: "reviews",          value: "14+",          description: "Satisfied client reviews"},
        {
          id: "experience",          value: "10+",          description: "Years of experience"},
        {
          id: "satisfaction",          value: "100%",          description: "Satisfaction guaranteed"},
      ]}
      metricsAnimation="blur-reveal"
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "Geoffrey Foerst",          role: "Homeowner",          testimonial: "Super professional and always do a great job. They got it all cleared out and back to manageable. It has never looked better. Highly recommend!",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-outside-portrait-young-beautiful-bearded-hispanic-man-blue-shirt-smiling-camera-collecting-salad-leaves-garden-watering-plants-spending-summer-morning-countryside-house_176420-19900.jpg",          imageAlt: "Geoffrey Foerst"},
        {
          id: "2",          name: "Mary Ryder",          role: "Client",          testimonial: "Very professional! We needed work done quickly and they worked to accommodate us. They were on time, listened to what we needed and delivered!",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-ceo-manager-young-businesswoman-suit-looking-determined-selfassured_1258-194122.jpg",          imageAlt: "Mary Ryder"},
        {
          id: "3",          name: "Edgar Gil",          role: "Local Guide",          testimonial: "Hiring Phoenix Landscaping & Lawn services was the best decision. Just as friendly as they are professional. Customer service is unmatchable.",          imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-with-backpack-city-park_613910-11363.jpg",          imageAlt: "Edgar Gil"},
        {
          id: "4",          name: "Jose Amaya",          role: "Customer",          testimonial: "They have been amazing to work with. The level of service and design considerations have been far above anyone I have worked with in the past.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-posing_23-2148638236.jpg",          imageAlt: "Jose Amaya"},
        {
          id: "5",          name: "Elizabeth Batista",          role: "Client",          testimonial: "You won't regret hiring their services!! Romeo does an outstanding job, he pays attention to every detail. I highly recommend their services.",          imageSrc: "http://img.b2bpic.net/free-photo/old-man-standing-his-orange-trees-outdoors_23-2148980177.jpg",          imageAlt: "Elizabeth Batista"},
        {
          id: "6",          name: "Stephano Smiths",          role: "Homeowner",          testimonial: "Fair pricing, very professional and communication was easy. They gave my yard a beautiful makeover. I will continue using their services.",          imageSrc: "http://img.b2bpic.net/free-photo/pensive-smiling-young-woman-looking-window-arms-crossed-indoors_1163-4226.jpg",          imageAlt: "Stephano Smiths"},
      ]}
      title="What Our Clients Say"
      description="Hear directly from homeowners and businesses who trust Phoenix Landscaping for their outdoor transformations."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Local Homeowners Association",        "Greenspace Realty",        "Community Garden Project",        "Property Management Inc.",        "Local Business Alliance",        "Outdoor Living Designs",        "Jacksonville Residents"]}
      title="Trusted by Homes & Businesses"
      description="Proudly serving our community with reliable and high-quality landscaping solutions."
    />
  </div>

  <div id="faqs" data-section="faqs">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-1",          title: "What areas do you serve?",          content: "We proudly serve the 32277 zip code and all surrounding communities in Jacksonville, Florida. Contact us to confirm service availability in your specific location."},
        {
          id: "faq-2",          title: "How do I get a quote for services?",          content: "Simply contact us via phone at (904) 514-8916 or through our online form to schedule a free, no-obligation consultation. We'll assess your needs and provide a detailed quote."},
        {
          id: "faq-3",          title: "What types of services do you offer?",          content: "We provide a wide range of services including lawn mowing, mulching, sod installation, trimming & pruning, seasonal clean-ups, rock & gravel installation, leaf removal, gardening, and various other landscape projects."},
        {
          id: "faq-4",          title: "Are you licensed and insured?",          content: "Yes, Phoenix Landscaping & Lawn Services, LLC is fully licensed and insured for your protection and peace of mind. We adhere to all industry standards."},
        {
          id: "faq-5",          title: "How do you handle scheduling and payment?",          content: "We work to accommodate your schedule and can often provide quick service. Regular maintenance plans are scheduled in advance for consistency. Payment details will be provided with your quote."},
      ]}
      sideTitle="Common Questions"
      sideDescription="Find answers to frequently asked questions about our services, pricing, and scheduling. Your peace of mind is our priority."
      faqsAnimation="slide-up"
      textPosition="left"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="Get in Touch"
      title="Ready for a Beautiful Yard?"
      description="Contact Phoenix Landscaping & Lawn Services, LLC today for a free estimate. We look forward to transforming your outdoor space into a lush oasis!"
      imageSrc="http://img.b2bpic.net/free-photo/texture-close-up-flowers_23-2148198905.jpg"
      imageAlt="Beautifully landscaped backyard"
      mediaAnimation="opacity"
      mediaPosition="right"
      inputPlaceholder="Your email address"
      buttonText="Send Message"
      termsText="By sending your message, you agree to our privacy policy."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Services",          items: [
            {
              label: "Lawn Mowing",              href: "#services"},
            {
              label: "Mulching",              href: "#services"},
            {
              label: "Sod Installation",              href: "#services"},
            {
              label: "Seasonal Clean-ups",              href: "#services"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Testimonials",              href: "#reviews"},
            {
              label: "FAQs",              href: "#faqs"},
            {
              label: "Contact Us",              href: "#contact"},
          ],
        },
        {
          title: "Connect",          items: [
            {
              label: "(904) 514-8916",              href: "tel:+19045148916"},
            {
              label: "info@phoenixlandscaping.com",              href: "mailto:info@phoenixlandscaping.com"},
            {
              label: "Facebook",              href: "#"},
            {
              label: "Instagram",              href: "#"},
          ],
        },
      ]}
      bottomLeftText="© 2024 Phoenix Landscaping & Lawn Services, LLC. All rights reserved."
      bottomRightText="Built with Webild"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
