"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Sparkles, Info, Heart, Rocket, Users, Calendar, Music, Star, Quote, Bell } from "lucide-react";

export default function LunaParkPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="largeSmallSizeMediumTitles"
      background="aurora"
      cardStyle="layered-gradient"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen 
          navItems={[
            {name: "Home", id: "hero"},
            {name: "Attractions", id: "attractions"},
            {name: "Visit Info", id: "visitor-info"},
            {name: "Events", id: "events"},
            {name: "Contact", id: "contact"}
          ]}
          brandName="Lunapark Tel Aviv"
          bottomLeftText="Park Hours: 10am - 11pm"
          bottomRightText="info@lunapark.co.il"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery 
          title="Experience Pure Joy at Lunapark Tel Aviv"
          description="Discover thrilling rides, colorful attractions, and unforgettable family memories. Come play, laugh, and create magical moments in Israel's premier amusement destination."
          tag="Best Amusement Park"
          tagIcon={Sparkles}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-vector/watercolor-circus-background-abstract-style_23-2147535980.jpg",              imageAlt: "Colorful ferris wheel at sunset"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/joyful-smiling-woman-funfair_23-2148281646.jpg",              imageAlt: "Vibrant carousel and attractions"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/ferris-wheel-fair-is-lit-up-with-colorful-lights_188544-44639.jpg",              imageAlt: "Thrilling roller coaster ride"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-woman-laughing-amusement-park_23-2147910303.jpg",              imageAlt: "Adrenaline-pumping rides"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/vertical-shot-ferries-wheel-with-cloudy-sky-background_181624-9810.jpg",              imageAlt: "Evening park with ferris wheel"
            }
          ]}
          buttons={[
            {text: "Buy Tickets Now", href: "contact"},
            {text: "Explore Attractions", href: "attractions"}
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard 
          tag="About Lunapark"
          tagIcon={Info}
          title="Creating Magical Memories Since 1986"
          description="Lunapark Team"
          subdescription="Tel Aviv's Premier Entertainment Destination"
          icon={Heart}
          imageSrc="https://img.b2bpic.net/free-photo/happy-young-friends-amusement-park_23-2147917307.jpg"
          imageAlt="Lunapark aerial view with attractions"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="attractions" data-section="attractions">
        <FeatureCardSeven 
          title="Thrilling Attractions"
          description="From classic rides to cutting-edge adventures, Lunapark offers something for everyone. Explore our diverse collection of attractions designed for all ages and thrill levels."
          tag="Ride Collection"
          tagIcon={Rocket}
          features={[
            {
              id: 1,
              title: "The Millennium Roller Coaster",              description: "Experience the ultimate adrenaline rush on our signature high-speed coaster with loops, twists, and breathtaking drops. Perfect for thrill-seekers and dare devils.",              imageSrc: "https://img.b2bpic.net/free-photo/steel-machinery-spinning-blue-dusk-outdoors-generated-by-ai_188544-22964.jpg",              imageAlt: "Millennium Roller Coaster"
            },
            {
              id: 2,
              title: "Spinning Galaxy",              description: "Spin and swirl through the air on our colorful spinning ride. Great for families and those who love whirling sensations and bright, fun surroundings.",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-happy-couple-amusement-ride_23-2148287934.jpg",              imageAlt: "Spinning Galaxy attraction"
            },
            {
              id: 3,
              title: "Grand Observation Wheel",              description: "Rise 50 meters above Tel Aviv for stunning city and sea views. A romantic and scenic experience perfect for photo moments and peaceful reflection.",              imageSrc: "https://img.b2bpic.net/free-photo/boy-enjoying-time-carnival_23-2151008211.jpg",              imageAlt: "Grand Observation Wheel"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="visitor-info" data-section="visitor-info">
        <MetricCardTwo 
          title="Park Information"
          description="Key details to help you plan your perfect visit to Lunapark Tel Aviv."
          tag="Visitor Stats"
          tagIcon={Users}
          metrics={[
            {
              id: "1",              value: "20+",              description: "World-Class Attractions"
            },
            {
              id: "2",              value: "2M+",              description: "Visitors Annually"
            },
            {
              id: "3",              value: "40",              description: "Operating Hours Weekly"
            },
            {
              id: "4",              value: "10am",              description: "Daily Opening Time"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="events" data-section="events">
        <BlogCardThree 
          title="Special Events & Entertainment"
          description="Check out our upcoming shows, celebrations, and exclusive events throughout the year."
          tag="Events"
          tagIcon={Calendar}
          blogs={[
            {
              id: "1",              category: "Live Shows",              categoryIcon: Music,
              title: "Evening Musical Spectacular",              description: "Enjoy dazzling live performances with music, dancing, and colorful production on our main stage.",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-people-playing-with-sparklers-rooftop-group-young-beautiful-friends_146671-14644.jpg",              imageAlt: "Live entertainment performance"
            },
            {
              id: "2",              category: "Family Events",              categoryIcon: Users,
              title: "Weekend Family Festival",              description: "Special weekends featuring character meet & greets, games, contests, and exclusive discounts for families.",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-people-playing-with-sparklers-rooftop-group-young-beautiful-friends_146671-14644.jpg",              imageAlt: "Family festival celebration"
            },
            {
              id: "3",              category: "Seasonal",              categoryIcon: Star,
              title: "Holiday Celebration Nights",              description: "Festive seasonal celebrations with special decorations, themed attractions, and holiday entertainment.",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-people-playing-with-sparklers-rooftop-group-young-beautiful-friends_146671-14644.jpg",              imageAlt: "Holiday festive celebrations"
            }
          ]}
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne 
          title="What Our Visitors Say"
          description="Real experiences from families and friends who visited Lunapark Tel Aviv."
          tag="Reviews"
          tagIcon={Quote}
          testimonials={[
            {
              id: "1",              name: "Sarah Cohen",              role: "Family Visitor",              company: "Tel Aviv",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/happy-pregnant-family-with-two-sons-dressed-turquoise-clothes-sitting-grass-with-flowers-park_627829-12212.jpg",              imageAlt: "Sarah Cohen"
            },
            {
              id: "2",              name: "David Levi",              role: "Thrill Seeker",              company: "Jerusalem",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/family-with-cute-kids-autumn-park_1157-26494.jpg",              imageAlt: "David Levi"
            },
            {
              id: "3",              name: "Rachel & Michael",              role: "Couples Experience",              company: "Haifa",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/boy-with-skateboard-posing-with-parents-park_23-2148647784.jpg",              imageAlt: "Rachel and Michael"
            },
            {
              id: "4",              name: "Yossi Glazer",              role: "Regular Visitor",              company: "Ramat Gan",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/family-with-little-son-autumn-park_1157-36435.jpg",              imageAlt: "Yossi Glazer"
            },
            {
              id: "5",              name: "Noa & Friends",              role: "Group Adventure",              company: "Beer Sheva",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/family-picnic-park_1303-9633.jpg",              imageAlt: "Noa and friends"
            },
            {
              id: "6",              name: "Eran Meshulam",              role: "Season Pass Holder",              company: "Ashdod",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/view-active-positive-family-having-fun-jumping-park-together-with-kids-mother-father-embracing-their-two-son-holding-by-hands-concept-family-relationship_132075-12515.jpg",              imageAlt: "Eran Meshulam"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="opacity"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit 
          tag="Newsletter"
          tagIcon={Bell}
          title="Stay Updated with Lunapark"
          description="Subscribe to our newsletter for exclusive offers, new attractions announcements, special event updates, and seasonal promotions. Never miss out on the fun!"
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-vector/colorful-welcome-composition-with-origami-style_23-2147919827.jpg"
          imageAlt="Lunapark entrance with colorful signage"
          mediaPosition="right"
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe Now"
          termsText="We respect your privacy. Unsubscribe anytime from our newsletter."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis 
          logoText="Lunapark Tel Aviv"
          columns={[
            {
              items: [
                {label: "Hours", href: "visitor-info"},
                {label: "Attractions", href: "attractions"},
                {label: "Events", href: "events"}
              ]
            },
            {
              items: [
                {label: "Tickets", href: "contact"},
                {label: "Contact", href: "contact"},
                {label: "About", href: "about"}
              ]
            },
            {
              items: [
                {label: "Privacy Policy", href: "https://example.com/privacy"},
                {label: "Terms & Conditions", href: "https://example.com/terms"},
                {label: "Safety Info", href: "https://example.com/safety"}
              ]
            },
            {
              items: [
                {label: "Tel Aviv, Israel", href: "https://maps.google.com"},
                {label: "info@lunapark.co.il", href: "mailto:info@lunapark.co.il"},
                {label: "(555) 123-4567", href: "tel:+5551234567"}
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}