"use client";

import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="compact"
      sizing="largeSmallSizeLargeTitles"
      background="grid"
      cardStyle="inset"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="WORLDWAVE"
          logoSrc="http://img.b2bpic.net/free-vector/ribbon-sphere-shape_1010-46.jpg"
          logoAlt="WORLDWAVE Logo"
          navItems={[
            { name: "Events", id: "#upcoming-events" },
            { name: "Archive", id: "#archive" },
            { name: "Manifesto", id: "#manifesto" },
            { name: "Collaborate", id: "#press-partnerships" },
            { name: "Community", id: "#community-newsletter" }
          ]}
          button={{ text: "TICKETS", href: "#upcoming-events" }}
        />
      </div>
      <div id="hero" data-section="hero">
        <HeroSplitDualMedia
          tag="LIVE / TICKETS ON SALE — CURRENT EDITION: VOL.008"
          title="WORLDWAVE \nEST. 2023 — VANCOUVER\nAn international night ritual\nwhere Tokyo, Seoul and Vancouver collide."
          description="Where new friendships begin.\n\nEST. 2023 / 15+ EVENTS HOSTED / 3,500+ GUESTS / 20+ NATIONALITIES / LICENSED IN VANCOUVER / 19+ ONLY"
          buttons={[
            { text: "GET TICKETS →", href: "#upcoming-events" }
          ]}
          mediaItems={[
            { imageSrc: "http://img.b2bpic.net/free-photo/most-colorful-day-our-lives_329181-8393.jpg", imageAlt: "Crowd dancing at a Worldwave event" },
            { imageSrc: "http://img.b2bpic.net/free-photo/friends-blowing-bubbles-while-out-city_23-2149333867.jpg", imageAlt: "Crowd dancing at a Worldwave event" }
          ]}
          mediaAnimation="opacity"
          rating={5}
          ratingText="Exceptional Experiences"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>
      <div id="upcoming-events" data-section="upcoming-events">
        <ProductCardTwo
          title="01 / UPCOMING EVENTS"
          description=""
          products={[
            { id: "canada-day-2026", brand: "Aura Nightclub", name: "CANADA DAY CELEBRATION", price: "№ 008", rating: 5, reviewCount: "New", imageSrc: "http://img.b2bpic.net/free-photo/canada-day-celebration-with-maple-leaf-symbol_23-2151440586.jpg", imageAlt: "Canada Day Celebration Event", onProductClick: () => alert('Tickets coming soon!') },
            { id: "boat-party-2026", brand: "MV Burrard Queen", name: "BOAT PARTY 2026", price: "№ 009", rating: 5, reviewCount: "Early Bird", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-vinyl-record-music_23-2147670566.jpg", imageAlt: "Boat Party 2026 Event", onProductClick: () => alert('Tickets coming soon!') },
            { id: "future-event-placeholder", brand: "TBA Venue", name: "FUTURE EVENT ANNOUNCEMENT", price: "№ 010", rating: 4, reviewCount: "Coming Soon", imageSrc: "http://img.b2bpic.net/free-photo/freedom-positivity-hipster-music-hipster_53876-13834.jpg", imageAlt: "Future Event Placeholder", onProductClick: () => alert('Details coming soon!') }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="manifesto" data-section="manifesto">
        <MetricSplitMediaAbout
          title="02 / MANIFESTO"
          description="\"We don't throw parties. We build temporary nations. Where languages dissolve, where strangers become stories, where the night belongs to no one and everyone.\""
          metrics={[
            { value: "01", title: "Core Vision" },
            { value: "02", title: "Global Community" }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/cinema-3d-glasses_23-2148115288.jpg"
          imageAlt="WORLDWAVE Logo Watermark"
          mediaAnimation="opacity"
          metricsAnimation="opacity"
          useInvertedBackground={false}
        />
      </div>
      <div id="stats" data-section="stats">
        <MetricCardTwo
          title="03 / BY THE NUMBERS"
          description=""
          metrics={[
            { id: "max-guests", value: "300+", description: "MAX GUESTS" },
            { id: "events-hosted", value: "15+", description: "EVENTS" },
            { id: "nationalities", value: "20+", description: "NATIONALITIES" }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="archive" data-section="archive">
        <ProductCardTwo
          title="04 / ARCHIVE"
          description=""
          products={[
            { id: "black-white-2024", brand: "Cold Tea Lounge", name: "№007 BLACK & WHITE PARTY", price: "2024.03", rating: 5, reviewCount: "", imageSrc: "http://img.b2bpic.net/free-photo/fashion-businesswoman-wearing-white-suit-sunglasses-street_158538-8536.jpg", imageAlt: "Black & White Party" },
            { id: "christmas-2023", brand: "Cold Tea Lounge", name: "№006 CHRISTMAS PARTY", price: "2023.12", rating: 5, reviewCount: "", imageSrc: "http://img.b2bpic.net/free-photo/brown-shiny-sequins-with-confetti_23-2148051802.jpg", imageAlt: "Christmas Party" },
            { id: "halloween-2023", brand: "Cold Tea Lounge", name: "№005 HALLOWEEN PARTY", price: "2023.10", rating: 5, reviewCount: "", imageSrc: "http://img.b2bpic.net/free-photo/close-up-noisemakers-with-tinsel_23-2147754796.jpg", imageAlt: "Halloween Party" }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="05 / VOICES"
          description=""
          testimonials={[
            { id: "1", name: "K.T.", role: "Tokyo", testimonial: "\"Best international party in Vancouver. Met people from 12 countries in one night.\"", imageSrc: "http://img.b2bpic.net/free-photo/best-friends-having-fun-party_23-2149130612.jpg", imageAlt: "diverse young people smiling" },
            { id: "2", name: "S.L.", role: "Seoul", testimonial: "\"한국 친구도 캐나다 친구도 같이 만날 수 있는 유일한 파티.\"", imageSrc: "http://img.b2bpic.net/free-photo/inspired-lady-short-skirt-dancing-with-eyes-closed-happy-smile-studio_197531-6486.jpg", imageAlt: "young woman smiling urban" },
            { id: "3", name: "M.D.", role: "Montreal", testimonial: "\"Real cross-cultural vibes. Not just music — connections.\"", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-with-colorful-balloons-yellow-background_179666-27703.jpg", imageAlt: "young man diverse background" },
            { id: "4", name: "A.J.", role: "Vancouver", testimonial: "\"The energy is always incredible. Worldwave truly brings people together.\"", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173730.jpg", imageAlt: "smiling person nightlife" },
            { id: "5", name: "T.K.", role: "Osaka", testimonial: "\"毎回最高の思い出。バンクーバーでこんなに本格的なイベントはここだけ！\"", imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-smiling-while-out-city_23-2149333913.jpg", imageAlt: "energetic young adult" }
          ]}
          carouselMode="buttons"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="press-partnerships" data-section="press-partnerships">
        <SocialProofOne
          title="06 / BRANDS THAT GET IT."
          description="300+ international tastemakers per event. Vancouver's most engaged cross-cultural community. We partner with brands that speak to global youth.\n\nPARTNERSHIPS — partner@worldwave.events\nPRESS — press@worldwave.events\nVIP SERVICES — vip@worldwave.events"
          names={[
            "Cold Tea Lounge",            "Aura Nightclub",            "MV Burrard Queen",            "Sound Culture",            "Global Beats",            "Urban Pulse",            "Night Life Collective"
          ]}
          buttons={[
            { text: "REQUEST SPONSORSHIP DECK", href: "mailto:partner@worldwave.events" },
            { text: "DOWNLOAD PRESS KIT", href: "mailto:press@worldwave.events" },
            { text: "BRAND GUIDELINES", href: "#" }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          speed={40}
          showCard={false}
        />
      </div>
      <div id="community-newsletter" data-section="community-newsletter">
        <ContactCenter
          tag="JOIN THE INNER CIRCLE"
          title="07 / JOIN THE INNER CIRCLE"
          description="Early access to tickets. Members-only events. Zero spam.\n\n• 48-HOUR PRE-SALE ACCESS\n• BIRTHDAY MONTH FREE ENTRY\n• MEMBERS-ONLY AFTERPARTY INVITATIONS\n\nINSTAGRAM @worldwave — 2,400+ FOLLOWERS"
          inputPlaceholder="your@email.com"
          buttonText="→"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>
      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="08 / FAQ"
          description=""
          faqs={[
            { id: "age-limit", title: "What's the age limit?", content: "19+ only. Government-issued photo ID required at entry (BC Liquor Control Law)." },
            { id: "refund-policy", title: "What's the refund policy?", content: "All sales are final. Tickets are transferable up to 24 hours before the event via your TicketTailor account." },
            { id: "dress-code", title: "Is there a dress code?", content: "Smart casual. No sportswear, no flip-flops. Aura Nightclub reserves the right of refusal." },
            { id: "vip-table", title: "Can I book a VIP table?", content: "Yes. Email vip@worldwave.events with your group size and preferred date." },
            { id: "cash-at-door", title: "Do you accept cash at the door?", content: "No, all entries require pre-purchased tickets via TicketTailor." }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/man-working-call-center-office_23-2149256085.jpg"
          imageAlt="People communicating at an event"
          mediaAnimation="opacity"
          mediaPosition="right"
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterBaseReveal
          logoSrc="http://img.b2bpic.net/free-photo/dramatic-sea-waves-sunset-golden-light-water-crests_169016-72722.jpg"
          logoAlt="WORLDWAVE Footer Logo"
          logoText="WORLDWAVE"
          columns={[
            { title: "NAVIGATE", items: [{ label: "Events", href: "#upcoming-events" }, { label: "Archive", href: "#archive" }, { label: "Manifesto", href: "#manifesto" }, { label: "Collaborate", href: "#press-partnerships" }] },
            { title: "CONNECT", items: [{ label: "Instagram", href: "https://instagram.com/worldwave" }, { label: "TikTok", href: "https://tiktok.com/@worldwave" }, { label: "Newsletter", href: "#community-newsletter" }, { label: "press@worldwave.events", href: "mailto:press@worldwave.events" }] },
            { title: "LEGAL", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }, { label: "Refund", href: "#" }, { label: "Cookie", href: "#" }] }
          ]}
          copyrightText="WORLDWAVE EVENTS\nREGISTERED IN BRITISH COLUMBIA, CANADA\n© 2023-2026 ALL RIGHTS RESERVED\n\nMADE IN VANCOUVER\n49.2827°N 123.1207°W"
          useInvertedBackground={false}
        />
      </div>
    </ThemeProvider>
  );
}
