"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"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/old-roof-architecture-quebec-city_649448-2252.jpg",
          alt: "Old roof of architecture in Quebec City",
        },
        {
          src: "http://img.b2bpic.net/free-photo/pelisor-castle-from-sinaia-winter-romania-medieval-castle_482257-35083.jpg",
          alt: "Pelisor Castle from Sinaia in winter",
        },
        {
          src: "http://img.b2bpic.net/free-photo/view-peles-castle-romania_1268-20822.jpg",
          alt: "View of The Peles Castle in Romania",
        },
        {
          src: "http://img.b2bpic.net/free-photo/details-pelisor-castle-from-sinaia-romania-medieval-castle_482257-35082.jpg",
          alt: "Details of Pelisor Castle from Sinaia",
        },
        {
          src: "http://img.b2bpic.net/free-photo/covered-bridge-near-lucerne-jesuit-church-lucerne-switzerland_181624-14711.jpg",
          alt: "Covered bridge near The Lucerne Jesuit Church",
        },
      ]}
      avatarText="Beliebtestes Museum bei unseren Besuchern"
      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}
      products={[
        {
          id: "p1",
          name: "Tourismusgeschichte",
          price: "13 CHF",
          variant: "Ausstellung",
          imageSrc: "http://img.b2bpic.net/free-photo/two-lovers-hug-kiss-railway-station_343059-1216.jpg",
        },
        {
          id: "p2",
          name: "Belle Époque",
          price: "13 CHF",
          variant: "Dauerausstellung",
          imageSrc: "http://img.b2bpic.net/free-photo/illuminated-altar-exudes-elegant-spirituality-history-generated-by-ai_188544-10693.jpg",
        },
        {
          id: "p3",
          name: "Alpinismus",
          price: "13 CHF",
          variant: "Sonderausstellung",
          imageSrc: "http://img.b2bpic.net/free-photo/ropes-deck-professional-sailing-yacht_346278-342.jpg",
        },
        {
          id: "p4",
          name: "Musikalisches Erbe",
          price: "13 CHF",
          variant: "Interaktiv",
          imageSrc: "http://img.b2bpic.net/free-photo/songwriter-taking-notes-paper-compose-new-soundtrack_482257-121291.jpg",
        },
        {
          id: "p5",
          name: "Schweizer Alltag",
          price: "13 CHF",
          variant: "Dauerausstellung",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-showing-her-dance-steps-her-friend_23-2148169438.jpg",
        },
        {
          id: "p6",
          name: "Historische Artefakte",
          price: "13 CHF",
          variant: "Sammlung",
          imageSrc: "http://img.b2bpic.net/free-photo/exterior-view-church-building_23-2150582365.jpg",
        },
      ]}
      title="Aktuelle Ausstellungen"
      description="Tauchen Sie ein in unsere wechselnden Ausstellungen, die Schweizer Geschichte lebendig werden lassen."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      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="Unsere museumspädagogischen Angebote"
      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",
        },
        {
          id: "t3",
          name: "Heike Fülle",
          role: "Local Guide",
          company: "Google Maps",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/friendly-smiling-african-american-woman-shop-sales-assistant-explaining-senior-man-customer-black-friday-shopping-rules-clothing-store-retail-worker-holding-sales-flyer-talking-with-shopper_482257-69386.jpg",
        },
        {
          id: "t4",
          name: "Marc S.",
          role: "Besucher",
          company: "Schwyz",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-female-artist-painting-easel-studio-art-concept-woman-draws_169016-66017.jpg",
        },
        {
          id: "t5",
          name: "Anna W.",
          role: "Geschichtsfan",
          company: "Tourismus",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/back-view-couple-theme-park_23-2148287919.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.",
        },
      ]}
      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>
  );
}
