"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Sprout, Scissors, Trash2, Leaf, Layers, Trees, Zap, Heart, Images, Star, MapPin, Phone, Home } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="largeSizeMediumTitles"
      background="aurora"
      cardStyle="inset"
      primaryButtonStyle="flat"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Coastal Cut"
          navItems={[
            { name: "Services", id: "services" },
            { name: "About", id: "about" },
            { name: "Gallery", id: "gallery" },
            { name: "Service Area", id: "service-area" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Sharp. Clean. Local."
          description="Professional Lawn Care & Landscaping Services in Your Neighborhood"
          background={{ variant: "plain" }}
          buttons={[
            { text: "Get a Free Quote", href: "#contact" },
            { text: "Call Now", href: "tel:+18035551234" }
          ]}
          carouselItems={[
            {
              id: "carousel-1",              imageSrc: "http://img.b2bpic.net/free-psd/professional-lawn-gardening-services-advertisement_505751-8151.jpg",              imageAlt: "Professional landscaping crew working on manicured lawn"
            },
            {
              id: "carousel-2",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-small-tree-with-flowers-park_1150-20133.jpg?_wi=1",              imageAlt: "Lawn transformation showing professional landscaping results"
            },
            {
              id: "carousel-3",              imageSrc: "http://img.b2bpic.net/free-photo/view-robot-taking-care-garden_23-2151804046.jpg",              imageAlt: "Professional lawn mowing service in progress"
            },
            {
              id: "carousel-4",              imageSrc: "http://img.b2bpic.net/free-photo/gardener-with-weedwacker-cutting-grass-garden_329181-20539.jpg?_wi=1",              imageAlt: "Garden landscaping transformation and improvement"
            },
            {
              id: "carousel-5",              imageSrc: "http://img.b2bpic.net/free-photo/male-gardener-s-hand-digging-soil-vegetable-garden_23-2148165173.jpg",              imageAlt: "Mulch installation and landscape bed preparation"
            },
            {
              id: "carousel-6",              imageSrc: "http://img.b2bpic.net/free-photo/agriculture-healthy-food_23-2151969834.jpg?_wi=1",              imageAlt: "Professional yard renovation and landscaping upgrade"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={5000}
          tagAnimation="slide-up"
          buttonAnimation="slide-up"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureBorderGlow
          title="Our Services"
          description="We provide comprehensive landscaping solutions tailored to your property's unique needs. From routine maintenance to complete yard transformations, Coastal Cut handles it all with precision and professionalism."
          tag="What We Offer"
          tagIcon={Sprout}
          tagAnimation="slide-up"
          features={[
            { icon: Scissors, title: "Lawn Mowing", description: "Regular maintenance with precision cutting and detailed edging to keep your lawn looking sharp and healthy year-round." },
            { icon: Trash2, title: "Yard Cleanups", description: "Complete yard cleanup services including debris removal, leaf clearing, and seasonal maintenance for a pristine property." },
            { icon: Leaf, title: "Hedge Trimming", description: "Professional hedge and shrub maintenance with expert precision to enhance your property's curb appeal and structure." },
            { icon: Layers, title: "Mulch Installation", description: "Quality mulch application for garden beds and landscaped areas to enhance aesthetics and improve soil health." },
            { icon: Trees, title: "Landscape Design", description: "Custom landscape solutions designed specifically for your property, combining aesthetics with functionality." },
            { icon: Zap, title: "Quick Response", description: "Fast, reliable scheduling and service with friendly, professional crews ready to transform your outdoor space." }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[{ text: "Schedule a Consultation", href: "#contact" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          title="About Coastal Cut Landscaping"
          description="We're a locally-owned landscaping company serving Port Royal, Beaufort, and surrounding neighborhoods with unwavering commitment to quality, detail, and customer satisfaction. Our crew takes pride in every project, treating your yard like it's our own. We believe professional landscaping isn't just about cutting grass—it's about building lasting relationships with our neighbors and enhancing the beauty of our community."
          tag="Local & Trusted"
          tagIcon={Heart}
          tagAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/senior-couple-watering-flowers_23-2148256649.jpg"
          imageAlt="Coastal Cut Landscaping professional team"
          mediaAnimation="slide-up"
          metricsAnimation="slide-up"
          metrics={[
            { value: "500+", title: "Properties Served" },
            { value: "8+ Years", title: "Local Experience" },
            { value: "100%", title: "Customer Satisfaction" },
            { value: "15+", title: "Professional Crew" }
          ]}
          useInvertedBackground={false}
        />
      </div>

      <div id="gallery" data-section="gallery">
        <ProductCardFour
          title="Before & After Gallery"
          description="See the transformation. Browse our portfolio of completed projects showcasing the dramatic impact of professional landscaping on residential properties throughout Port Royal and Beaufort."
          tag="Portfolio"
          tagIcon={Images}
          tagAnimation="slide-up"
          products={[
            {
              id: "project-1",              name: "Residential Yard Transformation",              price: "Project 1",              variant: "Full Landscape Redesign",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-small-tree-with-flowers-park_1150-20133.jpg?_wi=2",              imageAlt: "Complete yard renovation and landscaping transformation"
            },
            {
              id: "project-2",              name: "Garden Bed Enhancement",              price: "Project 2",              variant: "Mulch & Planting",              imageSrc: "http://img.b2bpic.net/free-photo/gardener-with-weedwacker-cutting-grass-garden_329181-20539.jpg?_wi=2",              imageAlt: "Professional garden bed improvement with mulch installation"
            },
            {
              id: "project-3",              name: "Lawn Restoration",              price: "Project 3",              variant: "Maintenance & Cleanup",              imageSrc: "http://img.b2bpic.net/free-photo/agriculture-healthy-food_23-2151969834.jpg?_wi=2",              imageAlt: "Property lawn restoration and landscape upgrade"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[{ text: "View Full Portfolio", href: "#contact" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Neighbors Say"
          description="Read testimonials from homeowners throughout Port Royal and Beaufort who trust Coastal Cut for their landscaping needs."
          tag="Reviews"
          tagIcon={Star}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "testimonial-1",              name: "Sarah Mitchell",              date: "3 weeks ago",              title: "Homeowner, Port Royal",              quote: "Coastal Cut transformed our yard completely. The crew was professional, punctual, and incredibly thorough. They listened to what we wanted and delivered beyond our expectations. Highly recommended!",              tag: "Verified Review",              avatarSrc: "http://img.b2bpic.net/free-photo/african-american-man-customer-support-operator-with-hands-free-headset-working-office_231208-686.jpg",              avatarAlt: "Sarah Mitchell profile picture"
            },
            {
              id: "testimonial-2",              name: "James Coleman",              date: "2 months ago",              title: "Property Owner, Beaufort",              quote: "We've been using Coastal Cut for regular lawn maintenance for over a year now. Their attention to detail is unmatched. Our yard has never looked better, and we love supporting a local business!",              tag: "Verified Review",              avatarSrc: "http://img.b2bpic.net/free-photo/portrait-photogenic-blonde-woman-wearing-headphones_23-2148397120.jpg",              avatarAlt: "James Coleman profile picture"
            },
            {
              id: "testimonial-3",              name: "Michelle Rodriguez",              date: "1 month ago",              title: "Homeowner, Beaufort",              quote: "The whole team was fantastic! They worked efficiently and left our property spotless. We especially appreciated their suggestions for maintaining our new mulch beds. Great service!",              tag: "Verified Review",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-pretty-woman-outdoors_23-2147636736.jpg",              avatarAlt: "Michelle Rodriguez profile picture"
            },
            {
              id: "testimonial-4",              name: "Robert Thompson",              date: "6 weeks ago",              title: "Neighborhood Resident",              quote: "Professional, reliable, and trustworthy. Coastal Cut shows up when they say they will, does excellent work, and treats your property with respect. You can't ask for better service.",              tag: "Verified Review",              avatarSrc: "http://img.b2bpic.net/free-photo/enthusiastic-woman-laughing-turquoise-wall_197531-19734.jpg",              avatarAlt: "Robert Thompson profile picture"
            },
            {
              id: "testimonial-5",              name: "Jennifer Walsh",              date: "2 weeks ago",              title: "Homeowner, Port Royal",              quote: "I was amazed at how quickly they could schedule our yard cleanup. The team worked hard and our property looks amazing. Definitely calling them back for regular maintenance!",              tag: "Verified Review",              avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",              avatarAlt: "Jennifer Walsh profile picture"
            },
            {
              id: "testimonial-6",              name: "David Martinez",              date: "5 weeks ago",              title: "Property Owner, Beaufort",              quote: "From the first phone call to the completion of the work, everything was smooth and professional. Coastal Cut really understands what it takes to maintain a beautiful landscape.",              tag: "Verified Review",              avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-redhead-woman_23-2148339229.jpg",              avatarAlt: "David Martinez profile picture"
            }
          ]}
        />
      </div>

      <div id="service-area" data-section="service-area">
        <MetricCardOne
          title="Serving Your Neighborhood This Week"
          description="We're proud to serve the Port Royal and Beaufort communities with professional landscaping solutions. Whether you're in a historic neighborhood or a newer development, we're here to enhance your outdoor space."
          tag="Service Area"
          tagIcon={MapPin}
          tagAnimation="slide-up"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          metrics={[
            { id: "port-royal", value: "Port Royal", title: "Historic Downtown", description: "Serving beautiful historic neighborhoods with precision and care", icon: Home },
            { id: "beaufort", value: "Beaufort", title: "Waterfront Community", description: "Professional landscape services throughout Beaufort proper", icon: MapPin },
            { id: "surrounding", value: "Surrounding", title: "Neighborhoods", description: "Extended service areas including nearby residential communities", icon: Trees },
            { id: "local-first", value: "Local", title: "First Always", description: "Supporting our neighbors and building community, one yard at a time", icon: Heart }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get Started"
          title="Ready for a Transformation?"
          description="Contact Coastal Cut today for a free quote. We're ready to discuss your landscaping needs and show you what professional service looks like."
          tagIcon={Phone}
          tagAnimation="slide-up"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          inputPlaceholder="Enter your email address"
          buttonText="Send Message"
          termsText="By contacting us, you agree to receive updates about our services and special offers."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Services",              items: [
                { label: "Lawn Mowing", href: "#services" },
                { label: "Yard Cleanups", href: "#services" },
                { label: "Hedge Trimming", href: "#services" },
                { label: "Mulch Installation", href: "#services" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Gallery", href: "#gallery" },
                { label: "Testimonials", href: "#testimonials" },
                { label: "Service Area", href: "#service-area" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Call Us", href: "tel:+18035551234" },
                { label: "Email", href: "mailto:info@coastalcutlandscaping.com" },
                { label: "Port Royal, SC", href: "#" },
                { label: "Free Quote", href: "#contact" }
              ]
            }
          ]}
          copyrightText="© 2024 Coastal Cut Landscaping. All rights reserved. Serving Port Royal and Beaufort, South Carolina."
        />
      </div>
    </ThemeProvider>
  );
}