"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactText from '@/components/sections/contact/ContactText';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Award, Heart, Leaf, MapPin, Quote } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="large"
      background="circleGradient"
      cardStyle="gradient-mesh"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Liberty Landscaping"
          navItems={[
            { name: "Home", id: "home" },
            { name: "Services", id: "services" },
            { name: "Portfolio", id: "portfolio" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Let's Grow Something Beautiful",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Beautiful Designs, Timeless Beauty"
          description="Handcrafted landscapes rooted in tradition. We transform your outdoor space into a cherished gathering place that reflects the warmth and character of the South."
          buttons={[
            { text: "Let's Grow Something Beautiful", href: "#contact" },
            { text: "Explore Our Work", href: "#portfolio" }
          ]}
          buttonAnimation="none"
          background={{ variant: "plain" }}
          imageSrc="http://img.b2bpic.net/free-photo/vegetated-building_23-2147677722.jpg"
          imageAlt="Beautiful Southern garden landscape with heritage plantings"
          mediaAnimation="slide-up"
          frameStyle="card"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Our Heritage of Craftsmanship"
          description="At Liberty Landscaping, we believe every outdoor space tells a story. With deep roots in Southern tradition, we combine time-tested techniques with genuine care for your property. Our team treats every project as if it were our own home."
          tag="Our Story"
          tagIcon={Leaf}
          bulletPoints={[
            {
              title: "Local Expertise",              description: "Three generations of landscape knowledge serving the Southeast with passion and precision.",              icon: MapPin
            },
            {
              title: "Authentic Quality",              description: "Handcrafted designs using heritage plantings and time-honored techniques that stand the test of time.",              icon: Award
            },
            {
              title: "Personal Touch",              description: "We're not a corporate chain—we're your neighbors committed to your landscape's success.",              icon: Heart
            }
          ]}
          buttons={[
            { text: "Learn More About Us", href: "#services" }
          ]}
          imageSrc="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"
          imageAlt="Liberty Landscaping team working on a garden project"
          mediaAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          imagePosition="right"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardNineteen
          title="Our Services"
          description="From initial design to ongoing care, we provide comprehensive landscaping solutions tailored to your vision and the Southern climate."
          tag="What We Offer"
          features={[
            {
              id: 1,
              tag: "Design & Installation",              title: "Custom Garden Design",              subtitle: "Your vision, brought to life",              description: "We create personalized landscape designs that honor your home's character while reflecting authentic Southern aesthetics. Each design is carefully planned with heritage plants and timeless features that complement your property and climate.",              imageSrc: "http://img.b2bpic.net/free-photo/grass-background_1127-3418.jpg",              imageAlt: "Custom garden design consultation"
            },
            {
              id: 2,
              tag: "Ongoing Care",              title: "Landscape Maintenance",              subtitle: "Beauty that lasts year-round",              description: "Our seasonal maintenance programs keep your gardens thriving throughout the year. From spring planting to winter preparation, we ensure your landscape stays healthy, vibrant, and true to its design through dedicated, personalized care.",              imageSrc: "http://img.b2bpic.net/free-photo/people-operating-heavy-duty-leaf-blower_1153-7263.jpg",              imageAlt: "Professional landscape maintenance services"
            },
            {
              id: 3,
              tag: "Hardscape Solutions",              title: "Patios & Pathways",              subtitle: "Creating gathering spaces",              description: "We build beautiful outdoor living areas with quality hardscaping that withstands the Southern climate. Stone patios, walking paths, and rustic gathering spaces that invite connection and create lasting memories.",              imageSrc: "http://img.b2bpic.net/free-photo/path-way_74190-2125.jpg",              imageAlt: "Stone patio and hardscape installation"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Stories from Our Neighbors"
          description="Real families sharing how Liberty Landscaping transformed their outdoor spaces into cherished gathering places."
          tag="Customer Reviews"
          testimonials={[
            {
              id: "1",              name: "Margaret Hayes",              role: "Homeowner, Charleston",              testimonial: "Liberty Landscaping didn't just create a beautiful garden—they understood the heart of our home. Every plant, every pathway tells our story. They feel like extended family.",              imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=1",              imageAlt: "Portrait of Margaret Hayes"
            },
            {
              id: "2",              name: "James Thompson",              role: "Property Manager, Savannah",              testimonial: "Working with Liberty has been transformative for our properties. They approach each project with genuine care and deliver results that exceed expectations. Highly recommend their personalized service.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",              imageAlt: "Portrait of James Thompson"
            },
            {
              id: "3",              name: "Sarah Mitchell",              role: "Homeowner, Atlanta",              testimonial: "From the first consultation, I knew Liberty Landscaping was different. They listened, they cared, and they delivered a landscape that feels like an extension of our home. Truly exceptional work.",              imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=2",              imageAlt: "Portrait of Sarah Mitchell"
            },
            {
              id: "4",              name: "Robert Caldwell",              role: "Business Owner, Beaufort",              testimonial: "Ten years of working with Liberty and they never disappoint. Reliable, professional, and genuinely invested in making our outdoor space beautiful. They're the real deal.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",              imageAlt: "Portrait of Robert Caldwell"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
        />
      </div>

      <div id="portfolio" data-section="portfolio">
        <BlogCardThree
          title="Featured Projects"
          description="Transformations that showcase our commitment to Southern beauty and authentic craftsmanship."
          tag="Our Work"
          blogs={[
            {
              id: "1",              category: "Garden Transformation",              title: "Historic Home Revival",              excerpt: "A century-old Charleston home receives a heritage garden befitting its architectural grace. Native plantings and traditional pathways honor the home's Southern roots.",              imageSrc: "http://img.b2bpic.net/free-photo/young-couple-sitting-bench-park-looking-front_496169-2484.jpg",              imageAlt: "Heritage garden design for historic home",              authorName: "Liberty Team",              authorAvatar: "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",              date: "Spring 2024"
            },
            {
              id: "2",              category: "Landscape Design",              title: "Savannah Estate Gardens",              excerpt: "A multi-acre estate transformation featuring native grasses, blooming borders, and intimate seating areas. Pure Southern elegance created through thoughtful design.",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-autumn-decoration-with-big-shaped-pumpkin-branch-viburnum-kerosene-lamp-outdoors_7502-10558.jpg",              imageAlt: "Estate garden landscape design",              authorName: "Liberty Team",              authorAvatar: "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",              date: "Summer 2024"
            },
            {
              id: "3",              category: "Outdoor Living",              title: "Gathering Place Oasis",              excerpt: "A family's dream outdoor sanctuary comes to life with heritage plantings, rustic stonework, and cozy gathering spaces. Where memories are made.",              imageSrc: "http://img.b2bpic.net/free-photo/fountain-park-pedralbes-royal-palace_1398-4394.jpg",              imageAlt: "Outdoor living space with garden and patio",              authorName: "Liberty Team",              authorAvatar: "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",              date: "Fall 2024"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="slide-up"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Our Impact"
          description="Numbers that reflect our commitment to quality, trust, and lasting relationships with our neighbors."
          tag="By the Numbers"
          metrics={[
            {
              id: "1",              value: "30+",              title: "Years Serving the Southeast",              items: ["Three generations of expertise", "Trusted by families across the region", "Built on Southern values and craftsmanship"]
            },
            {
              id: "2",              value: "500+",              title: "Properties Transformed",              items: ["Residential homes and estates", "Commercial properties enhanced", "Long-term relationships maintained"]
            },
            {
              id: "3",              value: "98%",              title: "Customer Satisfaction Rate",              items: ["Personalized attention to detail", "Commitment to excellence", "Neighbors recommending neighbors"]
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Common questions about our services, process, and commitment to your landscape success."
          tag="Help & Support"
          faqs={[
            {
              id: "1",              title: "Do you work with heritage plants native to the South?",              content: "Absolutely! We specialize in native plantings and heritage varieties that thrive in the Southern climate. These plants are naturally adapted to our soil, rainfall, and seasonal patterns, ensuring long-term health and authentic Southern character."
            },
            {
              id: "2",              title: "What is your process for creating a custom landscape design?",              content: "We begin with a detailed consultation to understand your vision, lifestyle, and how you want to use your outdoor space. We then conduct a site analysis, create design concepts, and work collaboratively with you until the design reflects your dreams. Once approved, our team handles all installation with meticulous care."
            },
            {
              id: "3",              title: "How do you maintain landscapes year-round?",              content: "Our seasonal maintenance programs are customized to your property's needs. We provide spring planting and awakening, summer care and monitoring, fall preparation for dormancy, and winter protection. Regular visits ensure your landscape stays healthy and beautiful throughout the year."
            },
            {
              id: "4",              title: "Are you available for emergency landscape repairs?",              content: "Yes, we prioritize emergency calls for storm damage and urgent issues. Our team responds quickly to assess damage and provide immediate solutions. We're committed to helping our neighbors protect their investments during challenging times."
            },
            {
              id: "5",              title: "Can you work with my existing landscaping?",              content: "Often, yes! We can redesign around existing trees or plants you love, integrate them into a new plan, or enhance what's already there. Every property is unique, and we're skilled at building on what works while creating fresh, beautiful outdoor spaces."
            },
            {
              id: "6",              title: "What sets Liberty Landscaping apart from other companies?",              content: "We're not a corporate chain—we're your neighbors with three generations of Southern landscaping heritage. We treat every project like our own home, use authentic design principles, and build lasting relationships. Quality craftsmanship and genuine care are at the heart of everything we do."
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={true}
          faqsAnimation="slide-up"
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to transform your outdoor space into a cherished gathering place? Let's create something beautiful together. Reach out today and let's grow something lasting."
          animationType="entrance-slide"
          buttons={[
            { text: "Get Your Free Consultation", href: "mailto:info@libertyland.com" },
            { text: "Call Us Today", href: "tel:+1-800-LIBERTY-1" }
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Navigate",              items: [
                { label: "Home", href: "#home" },
                { label: "Services", href: "#services" },
                { label: "Portfolio", href: "#portfolio" },
                { label: "About", href: "#about" }
              ]
            },
            {
              title: "Services",              items: [
                { label: "Garden Design", href: "#services" },
                { label: "Landscape Maintenance", href: "#services" },
                { label: "Hardscape Installation", href: "#services" },
                { label: "Seasonal Care", href: "#services" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Contact Us", href: "#contact" },
                { label: "Email", href: "mailto:info@libertyland.com" },
                { label: "Phone", href: "tel:+1-800-LIBERTY-1" },
                { label: "Follow Us", href: "https://instagram.com" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Sitemap", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 Liberty Landscaping. All rights reserved. Serving the Southeast with pride."
          bottomRightText="Handcrafted with Southern heritage"
        />
      </div>
    </ThemeProvider>
  );
}
