"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Clock, DollarSign, MapPin, Star, Phone, Mail } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="largeSmallSizeMediumTitles"
      background="grid"
      cardStyle="gradient-radial"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Ryan's Express"
          navItems={[
            { name: "Home", id: "home" },
            { name: "About", id: "about" },
            { name: "Services", id: "services" },
            { name: "Why Us", id: "whyus" },
            { name: "Reviews", id: "reviews" },
            { name: "Service Areas", id: "areas" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Luxury Lawn Care & Property Maintenance in the St. Louis Area"
          description="Reliable, professional lawn care from a trusted local crew. From mowing and leaf cleanup to full property maintenance, we keep your yard looking its absolute best year-round. Rated 4.1 stars from local customers."
          tag="⭐ 4.1 Stars from Local Customers"
          background="gradient-bars"
          buttons={[
            { text: "📞 Call Now: (314) 803-1424", href: "tel:(314) 803-1424" },
            { text: "📩 Get a Free Quote", href: "#contact" }
          ]}
          carouselItems={[
            { id: "carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard-male-black-apron-guy-repairs_1157-41432.jpg", imageAlt: "beautiful fresh striped lawn professional crew" },
            { id: "carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-working-garden_23-2147714891.jpg", imageAlt: "professional lawn service team outdoor" },
            { id: "carousel-3", imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-gardener-pruning-plants-garden_23-2148165258.jpg", imageAlt: "lawn mowing service professional equipment" },
            { id: "carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-leaves-umbrella-with-copy-space_23-2148647619.jpg", imageAlt: "fall leaf cleanup removal service" },
            { id: "carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/couple-collects-garbage-garbage-bags-park_1157-27362.jpg", imageAlt: "yard cleanup service overgrown property" },
            { id: "carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-14472.jpg", imageAlt: "before after lawn transformation residential" }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Local Lawn Care You Can Count On"
          description="At Ryan's Express Complete Lawn Service, we believe your lawn should be something you're proud of. Our team provides dependable, professional lawn care and outdoor maintenance for homeowners across the St. Louis area. We've built our reputation on reliable service, attention to detail, affordable pricing, and friendly local professionals. From routine lawn mowing to large seasonal cleanups, we handle every yard like it's our own."
          imageSrc="http://img.b2bpic.net/free-photo/crop-woman-working-garden_23-2147714891.jpg"
          imageAlt="professional lawn service team outdoor"
          useInvertedBackground={false}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardNineteen
          title="Our Lawn Services"
          description="Comprehensive lawn care solutions tailored to keep your property looking pristine throughout the year."
          textboxLayout="default"
          useInvertedBackground={true}
          features={[
            {
              id: 1,
              tag: "Weekly Service",              title: "Lawn Mowing & Maintenance",              subtitle: "Professional mowing and edging",              description: "Keep your yard perfectly maintained with professional mowing and edging. Services include weekly or bi-weekly mowing, edging and trimming, grass clipping cleanup, and lawn health maintenance.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-gardener-pruning-plants-garden_23-2148165258.jpg",              imageAlt: "lawn mowing service professional equipment"
            },
            {
              id: 2,
              tag: "Seasonal",              title: "Leaf Removal & Fall Cleanup",              subtitle: "Heavy leaves removal service",              description: "Heavy leaves can damage your lawn and make your yard look messy. Our crew quickly removes large leaf piles, yard debris, and seasonal buildup, leaving your property clean and ready for winter.",              imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-leaves-umbrella-with-copy-space_23-2148647619.jpg",              imageAlt: "fall leaf cleanup removal service"
            },
            {
              id: 3,
              tag: "On-Demand",              title: "Yard Cleanup & Property Maintenance",              subtitle: "Fast property cleanup service",              description: "Need your property cleaned up fast? We handle overgrown yards, storm cleanup, brush removal, and seasonal yard maintenance. Our team tackles any outdoor project with professionalism and efficiency.",              imageSrc: "http://img.b2bpic.net/free-photo/couple-collects-garbage-garbage-bags-park_1157-27362.jpg",              imageAlt: "yard cleanup service overgrown property"
            }
          ]}
        />
      </div>

      <div id="whyus" data-section="whyus">
        <MetricCardOne
          title="Why Homeowners Choose Ryan's Express"
          description="We've earned the trust of St. Louis homeowners through consistent quality and reliable service."
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          metrics={[
            {
              id: "1",              value: "Local",              title: "Experienced Local Crew",              description: "Serving homeowners in the St. Louis area with professional lawn services.",              icon: MapPin
            },
            {
              id: "2",              value: "Reliable",              title: "Reliable Scheduling",              description: "Dependable service when you need it, every time.",              icon: Clock
            },
            {
              id: "3",              value: "Affordable",              title: "Affordable Pricing",              description: "High-quality work without high-end prices.",              icon: DollarSign
            },
            {
              id: "4",              value: "4.1★",              title: "Customer Satisfaction",              description: "Trusted by local homeowners with a 4.1 star rating.",              icon: Star
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="What Local Customers Say"
          description="Real reviews from homeowners who trust Ryan's Express with their lawn care."
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Allison V.",              handle: "Verified Customer",              testimonial: "Ryan and his crew do impeccable work! We had so many leaves everywhere and the guys did such a good job. Highly recommend!",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-therapy_23-2148928886.jpg",              imageAlt: "happy customer portrait professional photo",              icon: Star
            },
            {
              id: "2",              name: "Brian H.",              handle: "Loyal Customer",              testimonial: "We have been using Ryan's Express since its inception and continue to be loyal customers. Exceptional service every single time.",              imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",              imageAlt: "professional customer portrait headshot",              icon: Star
            },
            {
              id: "3",              name: "Sarah M.",              handle: "Verified Customer",              testimonial: "Professional, punctual, and thorough. Ryan's team transformed our overgrown yard into something we're proud of. Worth every penny!",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-grey-haired-female-ceo-smiling-content-experienced-beautiful-businesswoman-posing-office-room-business-company-appearance-expression-concept_74855-11905.jpg",              imageAlt: "customer portrait headshot professional",              icon: Star
            },
            {
              id: "4",              name: "David K.",              handle: "St. Louis Homeowner",              testimonial: "Best lawn service in the area. The crew is friendly, the work is flawless, and the pricing is fair. We couldn't ask for better service.",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149304143.jpg",              imageAlt: "professional customer portrait photo",              icon: Star
            }
          ]}
        />
      </div>

      <div id="areas" data-section="areas">
        <SocialProofOne
          title="Service Areas"
          description="Ryan's Express proudly serves homeowners throughout the St. Louis County area."
          textboxLayout="default"
          useInvertedBackground={false}
          names={["Ellisville", "Ballwin", "Wildwood", "Chesterfield", "Manchester", "Surrounding Communities"]}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Need Professional Lawn Care?"
          ctaDescription="Our team is ready to help transform your yard."
          ctaButton={{ text: "📞 Call Now: (314) 803-1424", href: "tel:(314) 803-1424" }}
          ctaIcon={Phone}
          animationType="slide-up"
          faqs={[
            {
              id: "1",              title: "What services do you offer?",              content: "We provide comprehensive lawn care including lawn mowing and maintenance, leaf removal and fall cleanup, and yard cleanup and property maintenance. All services are customized to meet your property's needs."
            },
            {
              id: "2",              title: "What areas do you serve?",              content: "We proudly serve homeowners throughout St. Louis County, including Ellisville, Ballwin, Wildwood, Chesterfield, Manchester, and surrounding communities."
            },
            {
              id: "3",              title: "How do I get a free quote?",              content: "Simply call us at (314) 803-1424 or submit the contact form. We'll discuss your lawn care needs and provide a competitive, no-obligation quote."
            },
            {
              id: "4",              title: "Are you available year-round?",              content: "Yes, we offer services year-round, from spring mowing to fall leaf cleanup and winter property maintenance. We're here for all your seasonal lawn care needs."
            }
          ]}
          useInvertedBackground={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Ryan's Express Complete Lawn Service"
          copyrightText="© 2025 Ryan's Express Complete Lawn Service, LLC | Professional Lawn Care & Property Maintenance"
          socialLinks={[
            { icon: Phone, href: "tel:(314) 803-1424", ariaLabel: "Call us" },
            { icon: Mail, href: "mailto:info@ryansexpress.local", ariaLabel: "Email us" },
            { icon: MapPin, href: "#areas", ariaLabel: "Service areas" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}