"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactText from '@/components/sections/contact/ContactText';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Award, CookingPot, Droplet, Lightbulb, MapPin, Mountain, ShieldCheck, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="largeSizeMediumTitles"
        background="aurora"
        cardStyle="outline"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Start",
          id: "#home",
        },
        {
          name: "Unterkünfte",
          id: "#unterkuenfte",
        },
        {
          name: "Ausstattung",
          id: "#ausstattung",
        },
        {
          name: "Gästestimmen",
          id: "#gaestestimmen",
        },
        {
          name: "Kontakt",
          id: "#kontakt",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/flat-design-gingerbread-house-collection_23-2148356369.jpg"
      logoAlt="Ferienresidenzen Logo"
      brandName="Ferienresidenzen"
      button={{
        text: "Jetzt Buchen",
        href: "#kontakt",
      }}
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplit
      background={{
        variant: "radial-gradient",
      }}
      title="Exklusive Ferienresidenzen an den schönsten Orten"
      description="Erleben Sie unvergessliche Urlaubsmomente in unseren luxuriösen Ferienhäusern und Wohnungen auf Rügen und in Bayern."
      buttons={[
        {
          text: "Unsere Unterkünfte entdecken",
          href: "#unterkuenfte",
        },
        {
          text: "Kontakt aufnehmen",
          href: "#kontakt",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/house-covered-snow_198169-38.jpg"
      imageAlt="Luxuriöse Ferienresidenz mit Meerblick"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12690.jpg",
          alt: "Glücklicher Gast",
        },
        {
          src: "http://img.b2bpic.net/free-photo/smiley-woman-with-backpack_23-2148518190.jpg",
          alt: "Zufriedener Urlauber",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-young-male-traveler-holding-map-hand-taking-selfie_23-2148148649.jpg",
          alt: "Reisebegeisterter",
        },
        {
          src: "http://img.b2bpic.net/free-photo/overweight-woman-exercising-outdoors-by-lake_23-2149618245.jpg",
          alt: "Entspannte Besucherin",
        },
        {
          src: "http://img.b2bpic.net/free-photo/front-view-regular-male-with-red-cap-holiday-santa-christmas_140725-124553.jpg",
          alt: "Erholter Reisender",
        },
      ]}
      avatarText="Über 10.000 zufriedene Gäste"
      marqueeItems={[
        {
          type: "text",
          text: "Exklusiver Komfort",
        },
        {
          type: "text-icon",
          text: "5-Sterne Bewertungen",
          icon: Star,
        },
        {
          type: "text",
          text: "Top-Lagen",
        },
        {
          type: "text-icon",
          text: "Privatsphäre garantiert",
          icon: ShieldCheck,
        },
        {
          type: "text",
          text: "Unvergessliche Erlebnisse",
        },
      ]}
    />
  </div>

  <div id="ausstattung" data-section="ausstattung">
      <FeatureBorderGlow
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          icon: Lightbulb,
          title: "Hochwertige Einrichtung",
          description: "Jede Residenz ist mit edlen Materialien und modernem Design ausgestattet, um maximalen Komfort zu gewährleisten.",
        },
        {
          icon: Droplet,
          title: "Private Saunen & Wellness",
          description: "Entspannen Sie in Ihrer privaten Sauna oder genießen Sie den luxuriösen Wellnessbereich in ausgewählten Unterkünften.",
        },
        {
          icon: MapPin,
          title: "Exklusive Lage am See oder Meer",
          description: "Unsere Unterkünfte bieten atemberaubende Ausblicke und direkten Zugang zu den schönsten Naturlandschaften.",
        },
        {
          icon: CookingPot,
          title: "Moderner Küchenkomfort",
          description: "Voll ausgestattete Küchen mit erstklassigen Geräten laden zum gemeinsamen Kochen und Genießen ein.",
        },
        {
          icon: Mountain,
          title: "Panoramablicke",
          description: "Genießen Sie spektakuläre Ausblicke auf die Alpen oder die Ostsee direkt von Ihrer Terrasse oder Ihrem Balkon.",
        },
      ]}
      title="Komfort & Luxus in jeder Residenz"
      description="Wir bieten Ihnen eine Ausstattung, die keine Wünsche offen lässt – für höchsten Komfort und Entspannung."
    />
  </div>

  <div id="unterkuenfte" data-section="unterkuenfte">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "ruegen-altefaehr-haus-1",
          brand: "Rügen",
          name: "Luxus Ferienhaus Altefähr",
          price: "Ab 350€ / Nacht",
          rating: 5,
          reviewCount: "120 Bewertungen",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-cheerful-girl-rests-morning-beach_176420-5826.jpg",
          imageAlt: "Luxus Ferienhaus in Altefähr, Rügen",
        },
        {
          id: "ruegen-altefaehr-haus-2",
          brand: "Rügen",
          name: "Strandnahes Ferienhaus Altefähr",
          price: "Ab 320€ / Nacht",
          rating: 5,
          reviewCount: "95 Bewertungen",
          imageSrc: "http://img.b2bpic.net/free-photo/two-elegant-girls-resort_1157-24582.jpg",
          imageAlt: "Modernes Ferienhaus in Altefähr, Rügen",
        },
        {
          id: "ruegen-gustow-wohnung-1",
          brand: "Rügen",
          name: "Exklusive Wohnung Gustow",
          price: "Ab 200€ / Nacht",
          rating: 4,
          reviewCount: "80 Bewertungen",
          imageSrc: "http://img.b2bpic.net/free-photo/chair-bed-around-swimming-pool-hotel_74190-6669.jpg",
          imageAlt: "Exklusive Ferienwohnung in Gustow, Rügen",
        },
        {
          id: "fichtelgebirge-haus-1",
          brand: "Fichtelgebirge",
          name: "Alpen-Chalet Fichtelgebirge",
          price: "Ab 280€ / Nacht",
          rating: 5,
          reviewCount: "70 Bewertungen",
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-cement-seat-urban-park_23-2148328851.jpg",
          imageAlt: "Alpen-Chalet im Fichtelgebirge",
        },
        {
          id: "bayern-fuessen-wohnung-1",
          brand: "Füssen, Bayern",
          name: "Wohnung am Weißensee",
          price: "Ab 250€ / Nacht",
          rating: 5,
          reviewCount: "110 Bewertungen",
          imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497270.jpg",
          imageAlt: "Wohnung direkt am Weißensee, Füssen",
        },
        {
          id: "bayern-fuessen-pension-1",
          brand: "Füssen, Bayern",
          name: "Romantische Pension Füssen",
          price: "Ab 180€ / Nacht",
          rating: 4,
          reviewCount: "60 Bewertungen",
          imageSrc: "http://img.b2bpic.net/free-photo/landscape-ski-resort-french-alps-tignes_268835-1083.jpg",
          imageAlt: "Romantische Pension in Füssen",
        },
        {
          id: "ruegen-altefaehr-haus-3",
          brand: "Rügen",
          name: "Moderne Villa Altefähr",
          price: "Ab 380€ / Nacht",
          rating: 5,
          reviewCount: "150 Bewertungen",
          imageSrc: "http://img.b2bpic.net/free-photo/out-sea-aircraft-carrier-heading-sea_181624-26254.jpg",
          imageAlt: "Moderne Villa in Altefähr, Rügen",
        },
      ]}
      title="Ihre Traumunterkunft wartet"
      description="Entdecken Sie unsere handverlesenen Ferienhäuser, Wohnungen und Pensionen an idyllischen Standorten."
    />
  </div>

  <div id="ueber-uns" data-section="ueber-uns">
      <AboutMetric
      useInvertedBackground={false}
      title="Ihr Partner für exklusive Urlaubserlebnisse"
      metrics={[
        {
          icon: Award,
          label: "Jahre Erfahrung",
          value: "15+",
        },
        {
          icon: Star,
          label: "Zufriedene Gäste",
          value: "10.000+",
        },
        {
          icon: MapPin,
          label: "Exklusive Standorte",
          value: "3",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="gaestestimmen" data-section="gaestestimmen">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Anna Schmidt",
          handle: "@schmidt_travels",
          testimonial: "Ein Traumurlaub auf Rügen! Das Ferienhaus war makellos sauber, die Einrichtung luxuriös und der Meerblick unvergesslich. Wir kommen definitiv wieder!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg",
          imageAlt: "Porträt von Anna Schmidt",
        },
        {
          id: "2",
          name: "Max Müller",
          handle: "@max_explores",
          testimonial: "Die Wohnung in Gustow hat alle Erwartungen übertroffen. Ruhig gelegen, mit stilvoller Einrichtung und allem Komfort. Perfekt für unsere Auszeit!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/businessman-relaxing-beach_53876-23520.jpg",
          imageAlt: "Porträt von Max Müller",
        },
        {
          id: "3",
          name: "Lena Wagner",
          handle: "@lena_wandert",
          testimonial: "Das Chalet im Fichtelgebirge war ein echtes Highlight! Modern, gemütlich und mit einer atemberaubenden Aussicht. Absolut empfehlenswert für Naturliebhaber.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/carefree-smiling-love-rucksack-grey-hair_1134-715.jpg",
          imageAlt: "Porträt von Lena Wagner",
        },
        {
          id: "4",
          name: "Tom Becker",
          handle: "@tom_reist",
          testimonial: "Der Aufenthalt in Füssen am Weißensee war fantastisch. Die Wohnung direkt am See war ein Traum. Besser geht es nicht!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/life-home-with-young-adult-reading_23-2149129076.jpg",
          imageAlt: "Porträt von Tom Becker",
        },
        {
          id: "5",
          name: "Sabine König",
          handle: "@sabine_holiday",
          testimonial: "Die Pension in Bayern war charmant und sehr gepflegt. Der Service war hervorragend und die Lage perfekt für Ausflüge. Ein perfekter Kurzurlaub!",
          rating: 4,
          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-young-caucasian-woman-sil-canyon-spain_181624-32967.jpg",
          imageAlt: "Porträt von Sabine König",
        },
      ]}
      showRating={true}
      title="Das sagen unsere Gäste"
      description="Authentische Stimmen und Erlebnisse, die Vertrauen schaffen."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq1",
          title: "Wie buche ich eine Unterkunft?",
          content: "Sie können Ihre Wunschunterkunft bequem über unsere Webseite anfragen oder uns telefonisch kontaktieren. Wir beraten Sie gerne persönlich.",
        },
        {
          id: "faq2",
          title: "Sind Haustiere erlaubt?",
          content: "In einigen unserer Ferienhäuser und Wohnungen sind Haustiere gegen eine zusätzliche Gebühr erlaubt. Bitte geben Sie dies bei Ihrer Anfrage an.",
        },
        {
          id: "faq3",
          title: "Welche Ausstattung finde ich vor Ort?",
          content: "Alle unsere Unterkünfte sind vollständig ausgestattet, inklusive Küche, Bettwäsche und Handtüchern. Details finden Sie auf der jeweiligen Unterkunftsseite.",
        },
        {
          id: "faq4",
          title: "Gibt es WLAN in den Unterkünften?",
          content: "Ja, alle unsere Ferienresidenzen verfügen über kostenfreies Highspeed-WLAN für Ihren Komfort.",
        },
        {
          id: "faq5",
          title: "Wie sind die Stornierungsbedingungen?",
          content: "Unsere Stornierungsbedingungen variieren je nach Buchungszeitpunkt und Saison. Genaue Informationen erhalten Sie mit Ihrem Buchungsangebot.",
        },
        {
          id: "faq6",
          title: "Was kann ich in der Umgebung unternehmen?",
          content: "Rügen und Bayern bieten vielfältige Freizeitmöglichkeiten. Von Wassersport und Wanderungen bis hin zu kulturellen Sehenswürdigkeiten und alpinen Aktivitäten.",
        },
      ]}
      title="Häufig gestellte Fragen"
      description="Antworten auf die wichtigsten Fragen rund um Ihren Aufenthalt."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Booking.com",
        "Airbnb",
        "Ferienwohnungen.de",
        "Fewo-Direkt",
        "Rügen Tourismus",
        "Bayern Tourismus",
        "ADAC Reisen",
      ]}
      title="Vertrauen Sie auf Qualität"
      description="Unsere Unterkünfte sind bei führenden Portalen gelistet und vielfach ausgezeichnet, um Ihnen höchste Sicherheit zu garantieren."
    />
  </div>

  <div id="kontakt" data-section="kontakt">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "downward-rays-static",
      }}
      text="Bereit für Ihren Traumurlaub? Kontaktieren Sie uns noch heute für ein unverbindliches Angebot oder weitere Informationen."
      buttons={[
        {
          text: "Jetzt anfragen",
          href: "mailto:info@ferienresidenzen.de",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Unterkünfte",
          items: [
            {
              label: "Ferienhäuser Rügen",
              href: "#unterkuenfte",
            },
            {
              label: "Wohnungen Rügen",
              href: "#unterkuenfte",
            },
            {
              label: "Ferienhäuser Fichtelgebirge",
              href: "#unterkuenfte",
            },
            {
              label: "Wohnungen Bayern",
              href: "#unterkuenfte",
            },
            {
              label: "Pension Bayern",
              href: "#unterkuenfte",
            },
          ],
        },
        {
          title: "Service",
          items: [
            {
              label: "Kontakt",
              href: "#kontakt",
            },
            {
              label: "FAQs",
              href: "#faq",
            },
            {
              label: "Über Uns",
              href: "#ueber-uns",
            },
          ],
        },
        {
          title: "Rechtliches",
          items: [
            {
              label: "Impressum",
              href: "#",
            },
            {
              label: "Datenschutz",
              href: "#",
            },
            {
              label: "AGB",
              href: "#",
            },
          ],
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/flat-design-gingerbread-house-collection_23-2148356369.jpg"
      logoAlt="Ferienresidenzen Logo"
      logoText="Ferienresidenzen"
      copyrightText="© 2024 Ferienresidenzen | Alle Rechte vorbehalten"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
