"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqBase from '@/components/sections/faq/FaqBase';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { BookOpen, Building2, History, MapPin, MousePointer, Music, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="largeSmall"
        background="none"
        cardStyle="gradient-bordered"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        { name: "Startseite", id: "hero" },
        { name: "Über Uns", id: "about" },
        { name: "Ausstellungen", id: "exhibitions" },
        { name: "Besuch", id: "faq" },
        { name: "Kontakt", id: "contact" },
      ]}
      brandName="Forum Schweizer Geschichte"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitKpi
      background={{ variant: "plain" }}
      title="Forum Schweizer Geschichte Schwyz"
      description="Entdecken Sie die Geschichte der Schweiz an einem prägenden historischen Ort. Wir führen Sie durch Zeitreisen von der Belle Époque bis zur Gegenwart."
      kpis={[
        { value: "375+", label: "Besucherbewertungen" },
        { value: "4.7", label: "Google Ranking" },
        { value: "100%", label: "Kulturelle Erlebnisse" },
      ]}
      enableKpiAnimation={true}
      imageSrc="http://img.b2bpic.net/free-photo/view-part-peles-castle-from-sinaia-romania-medieval-castle_482257-34195.jpg"
      mediaAnimation="slide-up"
      marqueeItems={[
        { type: "text-icon", text: "Kultur pur", icon: History },
        { type: "text-icon", text: "Interaktive Touren", icon: MousePointer },
        { type: "text-icon", text: "Barrierefrei", icon: Building2 },
        { type: "text-icon", text: "Zentral in Schwyz", icon: MapPin },
        { type: "text-icon", text: "Für Familien", icon: Users },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="Ihr Einblick in unsere Geschichte"
      description={[
        "Das Forum Schweizer Geschichte Schwyz ist mehr als nur ein Museum. Als Teil des Schweizerischen Nationalmuseums erzählen wir die Geschichten, die unser Land geprägt haben.",        "Von den Anfängen der Eidgenossenschaft bis zu touristischen Phänomenen unserer Zeit bieten wir interaktive Erlebnisse für Jung und Alt.",        "Wir sind stolz auf unsere barrierefreien und inklusiven Angebote."
      ]}
    />
  </div>

  <div id="exhibitions" data-section="exhibitions">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      buttons={[{ text: "Jetzt Tickets sichern", href: "#" }]}
      products={[
        { id: "p1", name: "Entstehung Schweiz", price: "13 CHF", variant: "Dauerausstellung", imageSrc: "http://img.b2bpic.net/free-photo/old-roof-architecture-quebec-city_649448-2252.jpg" },
        { id: "p2", name: "Tourismus-Ausstellung", price: "13 CHF", variant: "Sonderausstellung", imageSrc: "http://img.b2bpic.net/free-photo/two-lovers-hug-kiss-railway-station_343059-1216.jpg" },
        { id: "p3", name: "Geführte Touren", price: "Variabel", variant: "Service", imageSrc: "http://img.b2bpic.net/free-photo/details-pelisor-castle-from-sinaia-romania-medieval-castle_482257-35082.jpg" },
        { id: "p4", name: "Alpinismus", price: "13 CHF", variant: "Dauerausstellung", imageSrc: "http://img.b2bpic.net/free-photo/ropes-deck-professional-sailing-yacht_346278-342.jpg" }
      ]}
      title="Unsere Ausstellungen"
      description="Entdecken Sie unser vielfältiges Ausstellungsangebot und geführte Touren. Sichern Sie sich jetzt Ihre Tickets für ein unvergessliches Erlebnis."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      metrics={[
        { id: "m1", icon: Music, title: "Interaktive Stationen", value: "15+" },
        { id: "m2", icon: BookOpen, title: "Sprachen", value: "4" },
        { id: "m3", icon: Users, title: "Besucher pro Jahr", value: "50k+" },
      ]}
      title="Museum in Zahlen"
      description="Erlebnisreich, interaktiv und tiefgründig."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="depth-3d"
      textboxLayout="split"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      testimonials={[
        { id: "t1", name: "Vivi", role: "Local Guide", company: "Google Maps", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-kids-exploring-natural-environment_23-2150489693.jpg" },
        { id: "t2", name: "Zita Peer", role: "Local Guide", company: "Google Maps", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-woman-wearing-glasses-bandana-neck-looking-side-pointing-fingers-side-isolated-olive-green-background_141793-137058.jpg" }
      ]}
      title="Was unsere Besucher sagen"
      description="Erfahren Sie, warum unser Museum zu den beliebtesten in der Schweiz gehört."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        { id: "f1", title: "Wie sind die Öffnungszeiten?", content: "Wir haben Dienstag bis Sonntag von 10:00 bis 17:00 Uhr geöffnet." },
        { id: "f2", title: "Wie hoch ist der Eintritt?", content: "Der reguläre Eintritt beträgt CHF 13.00." },
        { id: "f3", title: "Ist das Museum barrierefrei?", content: "Ja, unser Museum ist barrierefrei und LGBTQ+-freundlich." },
        { id: "f4", title: "Wie komme ich zum Museum?", content: "Das Museum liegt zentral in Schwyz und ist hervorragend per Bahn oder Bus erreichbar; begrenzte Parkmöglichkeiten stehen in der nahen Umgebung zur Verfügung." }
      ]}
      title="Besucherinformationen"
      description="Alles Wichtige für Ihren Besuch bei uns in Schwyz."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{ variant: "plain" }}
      tag="Kontakt"
      title="Haben Sie Fragen?"
      description="Kontaktieren Sie uns für Gruppenanfragen oder allgemeine Informationen."
      inputPlaceholder="Ihre E-Mail Adresse"
      buttonText="Newsletter abonnieren"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Forum Schweizer Geschichte"
      columns={[
        { title: "Museum", items: [{ label: "Über uns", href: "#about" }, { label: "Kontakt", href: "#contact" }] },
        { title: "Besuch", items: [{ label: "Tickets", href: "#" }, { label: "Ausstellungen", href: "#exhibitions" }] },
        { title: "Rechtliches", items: [{ label: "Datenschutz", href: "#" }, { label: "Impressum", href: "#" }] },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}