"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="small"
        sizing="largeSmallSizeMediumTitles"
        background="fluid"
        cardStyle="gradient-mesh"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Over",
          id: "#about",
        },
        {
          name: "Voorzieningen",
          id: "#amenities",
        },
        {
          name: "Tarieven",
          id: "#pricing",
        },
        {
          name: "Boek Nu",
          id: "#contact",
        },
      ]}
      brandName="Chalet La Mairie"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardCarousel
      background={{
        variant: "gradient-bars",
      }}
      title="Chalet La Mairie"
      description="Rust · Natuur · Luxe in het hart van de Ardennen."
      buttons={[
        {
          text: "Boek nu",
          href: "https://auth.ardennes-etape.be/...",
        },
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/house-with-wooden-fence-middle-snow-pine-trees_181624-11575.jpg",
          imageAlt: "Chalet exterieur",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263571.jpg",
          imageAlt: "Leefruimte",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151119046.jpg",
          imageAlt: "Slaapkamer",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-using-mobile-phone_171337-4161.jpg",
          imageAlt: "Keuken",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/rural-patio-with-furniture-vegetation_23-2150698418.jpg",
          imageAlt: "Terras",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-drinking-coffee-while-taking-bath_23-2149239391.jpg",
          imageAlt: "Sauna",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="split"
      useInvertedBackground={false}
      title="Warm, organisch en luxueus"
      description="Gebouwd in 2017 in Erezée, biedt ons chalet 150m² aan woonplezier voor 6 personen en een baby. Geniet van 1000m² tuin in een rustgevende bosrijke omgeving."
      bulletPoints={[
        {
          title: "Capaciteit",
          description: "6 volwassenen + 1 baby",
        },
        {
          title: "Oppervlakte",
          description: "150m² woonruimte",
        },
        {
          title: "Beoordeling",
          description: "9.6/10 via Ardennes-Étape",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/white-umbrellas-seen-from-tree_1203-297.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="amenities" data-section="amenities">
      <FeatureCardTwentyNine
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      features={[
        {
          title: "Infraroodsauna",
          description: "Voor 3 personen",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-receiving-relaxing-massage-spa_23-2148176893.jpg",
          titleImageSrc: "http://img.b2bpic.net/free-photo/still-life-with-candles-table-living-room_169016-5157.jpg",
          buttonText: "Lees meer",
        },
        {
          title: "Houtkachel",
          description: "Inclusief houtblokken",
          imageSrc: "http://img.b2bpic.net/free-photo/decorative-arrangement-with-dried-fruits-flowers_23-2151367205.jpg",
          titleImageSrc: "http://img.b2bpic.net/free-photo/front-view-senior-woman-bed-with-mobile_23-2148373856.jpg",
          buttonText: "Lees meer",
        },
        {
          title: "Pétanquebaan",
          description: "Materiaal aanwezig",
          imageSrc: "http://img.b2bpic.net/free-photo/rocks-covered-with-greenery-thick-fog_8353-1121.jpg",
          titleImageSrc: "http://img.b2bpic.net/free-photo/empty-restaurant-terrace_1127-2167.jpg",
          buttonText: "Lees meer",
        },
        {
          title: "Omheinde Tuin",
          description: "1000m² met BBQ",
          imageSrc: "http://img.b2bpic.net/free-photo/stone-natural-room-interior-design_23-2151890388.jpg",
          titleImageSrc: "http://img.b2bpic.net/free-photo/people-relaxing-their-wooden-home_23-2151335861.jpg",
          buttonText: "Lees meer",
        },
        {
          title: "Overdekt Terras",
          description: "Zuidgericht",
          imageSrc: "http://img.b2bpic.net/free-photo/rustic-patio-with-deck-furniture-vegetation_23-2150698330.jpg",
          titleImageSrc: "http://img.b2bpic.net/free-photo/terrace-with-trees-forest-cozy-outdoor-relaxation-space_169016-69565.jpg",
          buttonText: "Lees meer",
        },
        {
          title: "Privéparking",
          description: "3 wagens + EV opladen",
          imageSrc: "http://img.b2bpic.net/free-photo/field-with-two-wooden-barns-surrounded-by-forests-covered-fog-cloudy-sky_181624-11458.jpg",
          titleImageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-village-ukrainian-carpathian-mountains_176420-55115.jpg",
          buttonText: "Lees meer",
        },
        {
          title: "Volledig uitgeruste Keuken",
          description: "Met inductie en oven",
          imageSrc: "http://img.b2bpic.net/free-photo/man-servant-cooking-kitchen_23-2149530823.jpg",
          titleImageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-having-fun-breakfast-christmas-morning_132075-10829.jpg",
          buttonText: "Lees meer",
        },
        {
          title: "Wifi & Entertainment",
          description: "TV, HiFi jukebox",
          imageSrc: "http://img.b2bpic.net/free-photo/romantic-zone-with-fruits-flowers_8353-9800.jpg",
          titleImageSrc: "http://img.b2bpic.net/free-photo/beautiful-vibe-christmas-beautiful-home-happy-cozy_482257-17978.jpg",
          buttonText: "Lees meer",
        },
      ]}
      title="Voorzieningen"
      description="Alles wat u nodig heeft voor een zorgeloos verblijf."
    />
  </div>

  <div id="rooms" data-section="rooms">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "r1",
          name: "Slaapkamer 1",
          price: "Tweepersoonsbed 160x200 + privé badkamer",
          imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497270.jpg",
        },
        {
          id: "r2",
          name: "Slaapkamer 2",
          price: "Tweepersoonsbed 160x200",
          imageSrc: "http://img.b2bpic.net/free-photo/family-sitting-sofa-christmas-view-from-table-with-red-ornaments_23-2147583516.jpg",
        },
        {
          id: "r3",
          name: "Slaapkamer 3",
          price: "2x eenpersoonsbed 90x200",
          imageSrc: "http://img.b2bpic.net/free-photo/cozy-modern-bedroom-with-comfortable-bedding-green-plants-generated-by-ai_188544-38187.jpg",
        },
        {
          id: "r4",
          name: "Leefruimte",
          price: "Open living & keuken",
          imageSrc: "http://img.b2bpic.net/free-photo/autumn-still-life-home-decor-cozy-house_169016-5802.jpg",
        },
        {
          id: "r5",
          name: "Keuken",
          price: "Centraal kookeiland",
          imageSrc: "http://img.b2bpic.net/free-photo/dining-room-background-zoom-calls_23-2149684443.jpg",
        },
        {
          id: "r6",
          name: "Wellnessruimte",
          price: "Sauna voor 3",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-plus-sized-woman-practicing-selfcare_23-2150172277.jpg",
        },
      ]}
      title="Slaapkamers & Ruimtes"
      description="Kies voor comfort."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "p1",
          badge: "Populair",
          price: "€527",
          subtitle: "Hoogseizoen (per weekend)",
          buttons: [
            {
              text: "Boek nu",
              href: "...",
            },
          ],
          features: [
            "Schoonmaak €80",
            "Water & Energie €19/nacht",
          ],
        },
        {
          id: "p2",
          badge: "Basis",
          price: "€287",
          subtitle: "Laagseizoen (per weekend)",
          buttons: [
            {
              text: "Boek nu",
              href: "...",
            },
          ],
          features: [
            "Toeristenbelasting €4/nacht",
            "Waarborg €250",
          ],
        },
      ]}
      title="Tarieven"
      description="Ontdek de prijzen voor uw verblijf."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          name: "Groep vrienden",
          role: "Maart 2026",
          testimonial: "Magnifique maison situé dans un environnement calme et reposant.",
          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-14657.jpg",
        },
        {
          id: "t2",
          name: "Gezin",
          role: "November 2025",
          testimonial: "Mooie locatie, rustige omgeving... komen graag nog eens terug.",
          imageSrc: "http://img.b2bpic.net/free-photo/blond-female-holding-child-road-beach_613910-2503.jpg",
        },
        {
          id: "t3",
          name: "B. Thierry",
          role: "April 2025",
          testimonial: "Geheel volgens verwachting.",
          imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",
        },
        {
          id: "t4",
          name: "Koppel",
          role: "September 2025",
          testimonial: "Een aangenaam gezellig vakantiehuis met leuke accenten.",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-closeup-portrait-outdoors_158595-4464.jpg",
        },
        {
          id: "t5",
          name: "Gast 5",
          role: "2025",
          testimonial: "Topervaring in een prachtig chalet.",
          imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-charming-smile-feeling-happy-free-after-graduating-university-relaxing-cafe-waiting-food-making-plans-future-ginger-woman-having-rest-indoors_273609-481.jpg",
        },
      ]}
      title="Gastbeoordelingen"
      description="Gemiddelde score: 9.6/10"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Contact"
      title="Klaar voor uw verblijf?"
      description="Boek direct via onze partner."
      buttons={[
        {
          text: "Boek nu",
          href: "...",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        {
          items: [
            {
              label: "Erezée, Ardennen",
              href: "#",
            },
            {
              label: "Ardennes-Étape",
              href: "https://www.ardennes-etape.be",
            },
          ],
        },
        {
          items: [
            {
              label: "Aankomst: 16:00",
              href: "#",
            },
            {
              label: "Vertrek: 10:00",
              href: "#",
            },
          ],
        },
      ]}
      logoText="Chalet La Mairie"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
