"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="mediumSizeLargeTitles"
        background="circleGradient"
        cardStyle="glass-elevated"
        primaryButtonStyle="flat"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "Über uns",          id: "#about"},
        {
          name: "Ausstattung",          id: "#facilities"},
        {
          name: "Lage",          id: "#location"},
        {
          name: "Preise",          id: "#pricing"},
        {
          name: "Rezensionen",          id: "#reviews"},
        {
          name: "Kontakt",          id: "#contact"},
      ]}
      brandName="Kiosk Campingplatz Idyll"
      button={{
        text: "Jetzt buchen",        href: "#contact"}}
    />
  </div>

  <div id="home" data-section="home">
      <HeroLogo
      logoText="Kiosk Campingplatz Idyll"
      description="Ihr idyllisches Zuhause am Bodensee. Entdecken Sie Ruhe, Natur und herzliche Gastfreundschaft in der Schweiz."
      buttons={[
        {
          text: "Jetzt buchen",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/mesmerizing-view-pier-near-lake-surrounded-by-lush-nature-mountains_181624-26138.jpg?_wi=1"
      imageAlt="Scenic lakeside camping in Switzerland"
      showDimOverlay={true}
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={true}
      title="Über uns: Ihr Refugium am Bodensee"
      description="Kiosk Campingplatz Idyll ist Ihr idealer Ort für Erholung und unvergessliche Familienmomente. Wir bieten Ihnen eine Oase der Ruhe, makellose Sauberkeit und die herzliche Gastfreundschaft, die die Schweiz so besonders macht. Direkt am wunderschönen Bodensee gelegen, sind wir stolz darauf, ein beliebtes Ziel für Reisende und Einheimische gleichermaßen zu sein. Erleben Sie die Natur in ihrer schönsten Form – friedlich, familienfreundlich und mit einem Service, der keine Wünsche offen lässt."
      metrics={[
        {
          value: "4.5 ⭐",          title: "Sterne Bewertung"},
        {
          value: "483+",          title: "Positive Rezensionen"},
        {
          value: "Natur pur",          title: "Erlebnis am Bodensee"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/couple-spending-time-together-nature_23-2148696895.jpg?_wi=1"
      imageAlt="Serene Swiss landscape with lake and mountains"
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="facilities" data-section="facilities">
      <FeatureCardTwentyThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "feature-1",          title: "Ruhig & Makellos",          tags: [
            "Sauberkeit",            "Frieden"],
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-adorable-ginger-cat-field-with-belukha-mountain-background_181624-58916.jpg",          imageAlt: "Happy dog by a lake"},
        {
          id: "feature-2",          title: "Direkter Seezugang",          tags: [
            "Fahrradweg",            "Bodensee"],
          imageSrc: "http://img.b2bpic.net/free-photo/transport-concept-with-people-bicycles_23-2148959676.jpg",          imageAlt: "Cycling path by Bodensee lake"},
        {
          id: "feature-3",          title: "Hundefreundlich",          tags: [
            "Haustiere",            "Willkommen"],
          imageSrc: "http://img.b2bpic.net/free-photo/dog-having-fun-beach_23-2149530174.jpg",          imageAlt: "Happy dog by a lake"},
        {
          id: "feature-4",          title: "Herzliche Gastfreundschaft",          tags: [
            "Freundlich",            "Hilfsbereit"],
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-cafe-using-digital-tablet_23-2147974629.jpg",          imageAlt: "Friendly campsite staff greeting guests"},
        {
          id: "feature-5",          title: "Faire Schweizer Preise",          tags: [
            "Transparenz",            "Qualität"],
          imageSrc: "http://img.b2bpic.net/free-photo/father-giving-piggyback-ride-his-daughter-while-playing-park_23-2148207966.jpg",          imageAlt: "Modern camping tent and caravan site"},
      ]}
      title="Ihre Vorteile im Campingplatz Idyll"
      description="Entdecken Sie, was Ihren Aufenthalt bei uns so einzigartig und erholsam macht."
    />
  </div>

  <div id="location" data-section="location">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-1",          title: "Wo finden Sie uns?",          content: "Kiosk Campingplatz Idyll, Mennstrasse 2, 9423 Thal, Schweiz. Direkt am Ufer des wunderschönen Bodensees gelegen."},
        {
          id: "faq-2",          title: "Anreise mit dem Fahrrad & Bahn",          content: "Geniessen Sie direkten Fahrradzugang zum Bodenseestrand. St. Gallen ist zudem bequem mit dem Fahrrad und der Bahn erreichbar für Tagesausflüge."},
        {
          id: "faq-3",          title: "Sehenswürdigkeiten in der Nähe",          content: "Entdecken Sie die charmanten Orte rund um den Bodensee, malerische Wanderwege und kulturelle Highlights in St. Gallen."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/cyclist-riding-bike-sunset-mountain-road_346278-452.jpg"
      imageAlt="Map of Kiosk Campingplatz Idyll location"
      mediaAnimation="slide-up"
      mediaPosition="right"
      title="Lage & Anreise: Ihr Weg zum Idyll"
      description="Unser Campingplatz befindet sich in der malerischen Region am Bodensee und ist hervorragend angebunden, um die Schönheit der Schweiz zu erkunden."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "plan-1",          title: "Zeltplatz Standard",          price: "CHF 25",          period: "/ Nacht",          features: [
            "Standard Stellplatz",            "Zugang zu Sanitäranlagen",            "Kostenloses WLAN"],
          button: {
            text: "Jetzt buchen",            href: "#contact"},
          imageSrc: "http://img.b2bpic.net/free-photo/glamping-few-tents-lake-foreground-geenery-around_1268-18259.jpg",          imageAlt: "Glamping, few tents, lake on the foreground, geenery around"},
        {
          id: "plan-2",          title: "Wohnmobil Premium",          price: "CHF 45",          period: "/ Nacht",          features: [
            "Grosser Stellplatz",            "Strom- & Wasseranschluss",            "Direkter Seezugang"],
          button: {
            text: "Jetzt buchen",            href: "#contact"},
          imageSrc: "http://img.b2bpic.net/free-photo/mesmerizing-view-pier-near-lake-surrounded-by-lush-nature-mountains_181624-26138.jpg?_wi=2",          imageAlt: "Glamping, few tents, lake on the foreground, geenery around"},
        {
          id: "plan-3",          title: "Familien-Spezial",          price: "CHF 70",          period: "/ Nacht",          features: [
            "Für 2 Erwachsene & 2 Kinder",            "Aktivitätenpaket inklusive",            "Nutzung aller Einrichtungen"],
          button: {
            text: "Jetzt buchen",            href: "#contact"},
          imageSrc: "http://img.b2bpic.net/free-photo/couple-spending-time-together-nature_23-2148696895.jpg?_wi=2",          imageAlt: "Glamping, few tents, lake on the foreground, geenery around"},
      ]}
      title="Preise & Angebote"
      description="Transparente und faire Schweizer Preise für Ihren Traumurlaub am See. Finden Sie den passenden Tarif für Ihr Zelt, Wohnmobil oder Ihre Familie."
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardTwelve
      useInvertedBackground={true}
      testimonials={[
        {
          id: "testimonial-1",          name: "Dagmar P.",          imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-posing-while-nature-adventure_23-2148647990.jpg",          imageAlt: "Dagmar P. avatar"
        },
        {
          id: "testimonial-2",          name: "Steven K.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-tennis-player-court_329181-14408.jpg",          imageAlt: "Steven K. avatar"
        },
        {
          id: "testimonial-3",          name: "Oscar N.",          imageSrc: "http://img.b2bpic.net/free-photo/youth-modern-sport-activities-active-recreation-attractive-bearded-guy-posing-with-his-board-against-landscape-wild-beach-calm-waves-blue-sea-water-looking-happy_273609-1550.jpg",          imageAlt: "Oscar N. avatar"
        },
        {
          id: "testimonial-4",          name: "Martina S.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-older-woman-out-nature-adventure_23-2149274952.jpg",          imageAlt: "Martina S. avatar"
        },
        {
          id: "testimonial-5",          name: "Familie Meier",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-family-looking-camera_23-2148045541.jpg",          imageAlt: "Familie Meier avatar"
        }
      ]}
      cardTitle="Was unsere Gäste sagen"
      cardTag="Echte Bewertungen"
      cardAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="Kontaktieren Sie uns"
      title="Wir sind für Sie da!"
      description="Haben Sie Fragen zu Ihrem Aufenthalt oder wünschen Sie eine individuelle Beratung? Unser freundliches Team steht Ihnen jederzeit zur Verfügung. Rufen Sie uns an oder senden Sie uns eine Nachricht."
      imageSrc="http://img.b2bpic.net/free-photo/3d-render-green-leaves-sunny-bokeh-lights-background_1048-6128.jpg"
      imageAlt="Beautiful Swiss nature landscape"
      mediaAnimation="slide-up"
      mediaPosition="left"
      inputPlaceholder="Ihre Nachricht..."
      buttonText="Nachricht senden"
      termsText="Telefon: 071 855 42 13 | Adresse: Mennstrasse 2, 9423 Thal, Schweiz | Website: camping-idyll.ch"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Kiosk Campingplatz Idyll"
      columns={[
        {
          title: "Quick Links",          items: [
            {
              label: "Über uns",              href: "#about"},
            {
              label: "Ausstattung",              href: "#facilities"},
            {
              label: "Lage",              href: "#location"},
            {
              label: "Preise",              href: "#pricing"},
          ],
        },
        {
          title: "Mehr",          items: [
            {
              label: "Rezensionen",              href: "#reviews"},
            {
              label: "Kontakt",              href: "#contact"},
            {
              label: "FAQ",              href: "#"},
          ],
        },
        {
          title: "Rechtliches",          items: [
            {
              label: "Impressum",              href: "#"},
            {
              label: "Datenschutz",              href: "#"},
          ],
        },
        {
          title: "Verbinden",          items: [
            {
              label: "Facebook",              href: "#"},
            {
              label: "Instagram",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 Kiosk Campingplatz Idyll. Alle Rechte vorbehalten."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
