"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Sparkles, Zap, CheckCircle, Clock, Truck, Star, Crown, Package, Calendar, MapPin, Settings } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="small"
      sizing="mediumLargeSizeMediumTitles"
      background="circleGradient"
      cardStyle="inset"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Bounce & Fun"
          navItems={[
            { name: "Home", id: "home" },
            { name: "Browse", id: "products" },
            { name: "Pricing", id: "pricing" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" },
          ]}
          button={{ text: "Book Now", href: "products" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardDashboard
          background={{ variant: "sparkles-gradient" }}
          tag="Easy Booking"
          tagIcon={Sparkles}
          title="Bouncy Castles Delivered, Booked in Minutes"
          description="Browse our fleet of clean, insured inflatables. Check real-time availability and book your event entertainment instantly."
          tagAnimation="slide-up"
          buttonAnimation="slide-up"
          buttons={[
            { text: "Browse & Book Now", href: "products" },
            { text: "View Pricing", href: "pricing" },
          ]}
          dashboard={{
            title: "Rental Dashboard",            logoIcon: Zap,
            imageSrc: "http://img.b2bpic.net/free-vector/many-children-jumping-bouncing-castle_1308-30580.jpg",            searchPlaceholder: "Search available units...",            sidebarItems: [
              { icon: Calendar },
              { icon: MapPin, active: true },
              { icon: Settings },
            ],
            buttons: [
              { text: "Check Availability", href: "products" },
              { text: "View Booking", href: "contact" },
            ],
            stats: [
              { title: "Units Available", values: [18, 22, 25], description: "Clean & insured inflatables" },
              { title: "Availability", values: [95, 98, 100], valueSuffix: "%", description: "Real-time booking status" },
              { title: "Happy Customers", values: [450, 520, 650], description: "Successful events delivered" },
            ],
            chartTitle: "Monthly Bookings",            chartData: [
              { value: 45 },
              { value: 60 },
              { value: 75 },
              { value: 85 },
              { value: 92 },
            ],
            listTitle: "Recent Bookings",            listItems: [
              { icon: CheckCircle, title: "Birthday Party - 8ft Bounce", status: "Confirmed" },
              { icon: Clock, title: "Corporate Event - 12ft Combo", status: "Pending" },
              { icon: Truck, title: "School Event - Water Slide", status: "Delivery Today" },
            ],
          }}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Browse Our Fleet"
          description="Explore our selection of clean, well-maintained bouncy castles and inflatables perfect for any event."
          tag="Available Now"
          tagAnimation="slide-up"
          products={[
            { id: "1", name: "Classic 8ft Bounce Castle", price: "$89/day", imageSrc: "http://img.b2bpic.net/free-photo/young-women-with-holi-color-their-face-looking-each-other_23-2148129179.jpg", imageAlt: "Classic 8ft Bounce Castle" },
            { id: "2", name: "12ft Water Slide Combo", price: "$149/day", imageSrc: "http://img.b2bpic.net/free-photo/child-having-fun-with-floater-by-pool_23-2149492529.jpg", imageAlt: "12ft Water Slide Combo" },
            { id: "3", name: "Deluxe Obstacle Course", price: "$199/day", imageSrc: "http://img.b2bpic.net/free-vector/many-children-jumping-bouncing-castle_1308-30580.jpg", imageAlt: "Deluxe Obstacle Course" },
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardOne
          title="Transparent Pricing"
          description="Clear, competitive rates with no hidden fees. Book with confidence knowing exactly what you'll pay."
          tag="Affordable Entertainment"
          tagAnimation="slide-up"
          animationType="slide-up"
          plans={[
            {
              id: "1",              badge: "Popular Choice",              badgeIcon: Star,
              price: "$89",              subtitle: "Perfect for small birthday parties",              features: ["8ft bounce castle rental", "4-hour session", "Free delivery & setup", "Basic insurance included", "Weather protection consulted"],
            },
            {
              id: "2",              badge: "Best Value",              badgeIcon: Sparkles,
              price: "$149",              subtitle: "Ideal for mid-sized events",              features: ["12ft combo with water slide", "6-hour session", "Free delivery & professional setup", "Premium insurance coverage", "Dedicated setup attendant", "Safety briefing included"],
            },
            {
              id: "3",              badge: "Premium Package",              badgeIcon: Crown,
              price: "$199",              subtitle: "For large celebrations & corporate events",              features: ["Deluxe obstacle course setup", "Full-day rental (8 hours)", "Free delivery & premium setup", "Full coverage insurance", "Professional attendant on-site", "Weather contingency plan", "Backup equipment available"],
            },
          ]}
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="Why Choose Us"
          description="Trusted by families and event planners across the region for quality, reliability, and exceptional service."
          tag="Our Track Record"
          tagAnimation="slide-up"
          metrics={[
            { id: "1", value: "650+", description: "Successful Events" },
            { id: "2", value: "4.9★", description: "Average Rating" },
            { id: "3", value: "100%", description: "Safety Insured" },
            { id: "4", value: "24hrs", description: "Response Time" },
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Customer Love"
          description="Hear from happy families and event planners who've trusted us with their special celebrations."
          tag="Testimonials"
          tagAnimation="slide-up"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              role: "Parent",              testimonial: "Booking was incredibly easy! The kids had the best time, and the bounce castle was clean and well-maintained. The delivery team was professional and set everything up perfectly.",              imageSrc: "http://img.b2bpic.net/free-photo/cheerful-senior-woman-her-extended-family-having-fun-while-celebrating-her-birthday-dining-room_637285-3322.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              name: "Michael Chen",              role: "Event Coordinator",              testimonial: "We've used Bounce & Fun for multiple corporate events. Their response time is fantastic, and they always go above and beyond to ensure our clients are happy.",              imageSrc: "http://img.b2bpic.net/free-photo/birthday-party-with-best-friends_329181-7595.jpg",              imageAlt: "Michael Chen"
            },
            {
              id: "3",              name: "Emily Rodriguez",              role: "Parent",              testimonial: "The pricing was transparent and affordable. No hidden fees, no surprises. The bounce castle made my daughter's birthday party unforgettable!",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-kids-with-lemonade-stand_23-2149439497.jpg",              imageAlt: "Emily Rodriguez"
            },
            {
              id: "4",              name: "David Kim",              role: "School Administrator",              testimonial: "For our school carnival, Bounce & Fun delivered multiple units on time and ensured everything was safe. Highly recommend their service!",              imageSrc: "http://img.b2bpic.net/free-photo/it-s-almost-fall-celebrating-successful-deal-young-office-workers-sitting-near-table-with-alcohol_146671-13648.jpg",              imageAlt: "David Kim"
            },
          ]}
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Everything you need to know about our bouncy castle rental service. Quick answers to common questions from parents and event planners."
          textPosition="left"
          faqsAnimation="slide-up"
          faqs={[
            {
              id: "1",              title: "What areas do you deliver to?",              content: "We offer free delivery and setup within 30 miles of our location. For deliveries beyond that, we offer extended delivery options at competitive rates. Contact us for your specific location."
            },
            {
              id: "2",              title: "Are the bounce castles sanitized?",              content: "Yes! All our units are thoroughly cleaned and sanitized between every rental using professional-grade cleaning equipment. We maintain the highest hygiene standards to keep your guests safe and healthy."
            },
            {
              id: "3",              title: "What is your cancellation policy?",              content: "We offer full refunds for cancellations made 7+ days before your event. Cancellations within 7 days may incur a 50% charge. Weather-related cancellations receive full refunds or can be rescheduled at no charge."
            },
            {
              id: "4",              title: "Do you provide insurance?",              content: "Yes, all rentals include basic liability insurance. For events with higher risk factors, we offer premium insurance coverage. Ask our team about coverage details when booking."
            },
            {
              id: "5",              title: "How much space do I need?",              content: "Our 8ft castle needs approximately 15x15ft of space. The 12ft combo requires 20x20ft, and the obstacle course needs 25x25ft. We'll help you determine space requirements during the booking process."
            },
            {
              id: "6",              title: "Can I book the same day?",              content: "We try to accommodate same-day bookings when possible! However, availability is limited. Call us directly at our support line for urgent requests, and we'll do our best to help you out."
            },
          ]}
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Stay Updated"
          title="Subscribe for Exclusive Offers"
          description="Get early access to new rental options, seasonal discounts, and special event packages delivered straight to your inbox."
          tagAnimation="slide-up"
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={true}
          imageSrc="http://img.b2bpic.net/free-photo/close-up-delivery-man-with-document_23-2149035888.jpg"
          imageAlt="Professional booking and delivery"
          mediaAnimation="slide-up"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Sign Up"
          termsText="We respect your privacy. Unsubscribe at any time. By subscribing, you agree to our newsletter terms."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Navigate",              items: [
                { label: "Home", href: "#home" },
                { label: "Browse Units", href: "#products" },
                { label: "Pricing", href: "#pricing" },
                { label: "FAQ", href: "#faq" },
              ],
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#" },
                { label: "Our Fleet", href: "#products" },
                { label: "Safety Standards", href: "#" },
                { label: "Careers", href: "#" },
              ],
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "#contact" },
                { label: "Help Center", href: "#faq" },
                { label: "Booking Help", href: "#" },
                { label: "Delivery Info", href: "#" },
              ],
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Insurance Info", href: "#" },
                { label: "Safety Guidelines", href: "#" },
              ],
            },
          ]}
          bottomLeftText="© 2025 Bounce & Fun Rentals. All rights reserved."
          bottomRightText="Made with ❤️ for family fun"
        />
      </div>
    </ThemeProvider>
  );
}
