"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import TextAbout from '@/components/sections/about/TextAbout';
import { MessageCircle, Sparkles, Waves } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="mediumLargeSizeMediumTitles"
        background="noiseDiagonalGradient"
        cardStyle="gradient-radial"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="layered"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "About",          id: "about"},
        {
          name: "Menu",          id: "menu"},
        {
          name: "Spa & Sauna",          id: "services"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="Le Grand Chalet"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitKpi
      background={{
        variant: "gradient-bars"}}
      title="Relax. Dine. Unwind."
      description="Experience the ultimate peaceful retreat in Gisenyi. From exquisite dining and live music to rejuvenating spa treatments, your perfect escape awaits."
      kpis={[
        {
          value: "4.1/5",          label: "Customer Rating"},
        {
          value: "Daily",          label: "Live Music"},
        {
          value: "Spa",          label: "Full Service"},
      ]}
      enableKpiAnimation={true}
      buttons={[
        {
          text: "Book a Table",          href: "#contact"},
        {
          text: "Reserve Spa",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-standing-cafe_627829-5462.jpg"
      imageAlt="Evening ambiance at Le Grand Chalet"
      mediaAnimation="blur-reveal"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",          alt: "Guest 1"},
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-people-enyoing-dinner-party_23-2150717837.jpg",          alt: "Guest 2"},
        {
          src: "http://img.b2bpic.net/free-photo/group-friends-having-lunch-together-restaurant_23-2150520109.jpg",          alt: "Guest 3"},
        {
          src: "http://img.b2bpic.net/free-photo/front-view-friends-enjoying-dinner-party_52683-132628.jpg",          alt: "Guest 4"},
        {
          src: "http://img.b2bpic.net/free-photo/full-shot-friends-chatting-outdoors_23-2149410411.jpg",          alt: "Guest 5"},
      ]}
      avatarText="Trusted by over 500+ happy guests"
      marqueeItems={[
        {
          type: "text",          text: "Premium Dining"},
        {
          type: "text-icon",          text: "Spa & Wellness",          icon: Sparkles,
        },
        {
          type: "text",          text: "Live Music"},
        {
          type: "text-icon",          text: "Lakeside View",          icon: Waves,
        },
        {
          type: "text",          text: "Gisenyi Location"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={true}
      title="A Peaceful Retreat in Gisenyi"
      buttons={[
        {
          text: "Learn More",          href: "#"},
      ]}
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="one-large-left-three-stacked-right"
      useInvertedBackground={false}
      products={[
        {
          id: "m1",          name: "Grilled Goat",          price: "$15",          variant: "Main Course",          imageSrc: "http://img.b2bpic.net/free-photo/pot-roast-meat-served-with-pickles_141793-1242.jpg?_wi=1"},
        {
          id: "m2",          name: "Signature Cocktail",          price: "$8",          variant: "Drinks",          imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-vegetables-roasted-mushrooms-pepper-carrot-plates-table_140725-71808.jpg?_wi=1"},
        {
          id: "m3",          name: "Chicken Lollipops",          price: "$10",          variant: "Starters",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-squeezing-lemon-juice-string-cheese-plate_140725-12142.jpg?_wi=1"},
        {
          id: "m4",          name: "Grilled Curry",          price: "$18",          variant: "Main Course",          imageSrc: "http://img.b2bpic.net/free-photo/pot-roast-meat-served-with-pickles_141793-1242.jpg?_wi=2"},
        {
          id: "m5",          name: "Red Wine Glass",          price: "$7",          variant: "Drinks",          imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-vegetables-roasted-mushrooms-pepper-carrot-plates-table_140725-71808.jpg?_wi=2"},
        {
          id: "m6",          name: "Bologna Chips",          price: "$9",          variant: "Starters",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-squeezing-lemon-juice-string-cheese-plate_140725-12142.jpg?_wi=2"},
      ]}
      title="Signature Flavors"
      description="Indulge in our carefully crafted menu featuring local ingredients and international favorites."
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardThree
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="asymmetric-60-wide-40-narrow"
      useInvertedBackground={true}
      features={[
        {
          id: "s1",          title: "Sauna Sessions",          description: "Detoxify and relax in our traditional sauna.",          imageSrc: "http://img.b2bpic.net/free-photo/spa-massage-concept-with-relaxed-woman_23-2147821145.jpg?_wi=1"},
        {
          id: "s2",          title: "Full Body Massage",          description: "Professional massage tailored to your needs.",          imageSrc: "http://img.b2bpic.net/free-photo/spa-massage-concept-with-relaxed-woman_23-2147821145.jpg?_wi=2"},
        {
          id: "s3",          title: "Relaxation Zone",          description: "Peaceful atmosphere for complete comfort.",          imageSrc: "http://img.b2bpic.net/free-photo/spa-massage-concept-with-relaxed-woman_23-2147821145.jpg?_wi=3"},
      ]}
      title="Rejuvenate Your Senses"
      description="Discover our tranquil spa services, designed to melt away stress and restore your well-being."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          name: "Sarah J.",          handle: "@sarahj",          testimonial: "Beautiful evening atmosphere with live music. Loved every minute.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg"},
        {
          id: "t2",          name: "Mark D.",          handle: "@markd",          testimonial: "Generous portions and delicious goat. Very authentic taste.",          rating: 4,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-enyoing-dinner-party_23-2150717837.jpg"},
        {
          id: "t3",          name: "Emily R.",          handle: "@emilyr",          testimonial: "A truly relaxing experience at the spa. Highly recommend.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-lunch-together-restaurant_23-2150520109.jpg"},
        {
          id: "t4",          name: "David K.",          handle: "@davidk",          testimonial: "Staff are friendly and the atmosphere is cozy and perfect for groups.",          rating: 4,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-friends-enjoying-dinner-party_52683-132628.jpg"},
        {
          id: "t5",          name: "Lucy H.",          handle: "@lucyh",          testimonial: "Great cocktails! Perfect spot to unwind in Gisenyi.",          rating: 4,
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-chatting-outdoors_23-2149410411.jpg"},
      ]}
      showRating={true}
      title="Guest Experiences"
      description="Hear what our wonderful guests say about their visits."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactFaq
      animationType="slide-up"
      useInvertedBackground={true}
      faqs={[
        {
          id: "f1",          title: "What are your opening hours?",          content: "We are open daily until 11:30 PM."},
        {
          id: "f2",          title: "Where are you located?",          content: "You can find us at RN4 Ave de la Production, Gisenyi."},
        {
          id: "f3",          title: "Do you host live music?",          content: "Yes, we feature live music nights regularly for our guests."},
      ]}
      ctaTitle="Book Your Experience"
      ctaDescription="Ready to visit us? Book your table or spa service via WhatsApp or our reservation form."
      ctaButton={{
        text: "Contact on WhatsApp",        href: "https://wa.me/250784700000"}}
      ctaIcon={MessageCircle}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        {
          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Menu",              href: "#menu"},
            {
              label: "Spa Services",              href: "#services"},
            {
              label: "Contact",              href: "#contact"},
          ],
        },
        {
          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
      logoText="Le Grand Chalet"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
