"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import TextAbout from '@/components/sections/about/TextAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="mediumLargeSizeLargeTitles"
        background="floatingGradient"
        cardStyle="glass-elevated"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Services",
          id: "services",
        },
        {
          name: "Testimonials",
          id: "testimonials",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Royals Lodge & Bar"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogoBillboard
      background={{
        variant: "sparkles-gradient",
      }}
      logoText="Royals Lodge & Bar"
      description="Comfort • Peace • Hospitality. Experience exceptional service, peaceful surroundings, and quality accommodation."
      buttons={[
        {
          text: "Book Your Stay",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263507.jpg?_wi=1"
      imageAlt="Luxurious lodge entrance"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      tag="About Us"
      title="Welcome to Royals Lodge & Bar"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardMedia
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",
          title: "Comfortable Rooms",
          description: "Relax in our clean, well-appointed rooms designed for maximum peace.",
          tag: "Room",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-comfortable-white-pillow-blanket-decoration-interior-bedroom_74190-12647.jpg?_wi=1",
        },
        {
          id: "f2",
          title: "Restaurant & Bar",
          description: "Delicious meals and refreshing drinks prepared by our professional team.",
          tag: "Dining",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-lunch_1098-15088.jpg?_wi=1",
        },
        {
          id: "f3",
          title: "Peaceful Environment",
          description: "Whether travelling for business or relaxation, find your sanctuary here.",
          tag: "Atmosphere",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-home-enjoying-cup-coffee_23-2148933652.jpg?_wi=1",
        },
      ]}
      title="Why Guests Choose Us"
      description="Experience the difference with our commitment to quality service and guest satisfaction."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Beenzu Choongo",
          role: "Guest",
          company: "Visitor",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-tea-cafe_1303-25721.jpg",
          imageAlt: "relaxing lounge area interior",
        },
        {
          id: "2",
          name: "Emmanuel Mwanza",
          role: "Guest",
          company: "Visitor",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263507.jpg?_wi=2",
          imageAlt: "relaxing lounge area interior",
        },
        {
          id: "3",
          name: "Brighton Nsonga",
          role: "Guest",
          company: "Visitor",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-comfortable-white-pillow-blanket-decoration-interior-bedroom_74190-12647.jpg?_wi=2",
          imageAlt: "relaxing lounge area interior",
        },
        {
          id: "4",
          name: "Sarah Miller",
          role: "Traveler",
          company: "Business",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-lunch_1098-15088.jpg?_wi=2",
          imageAlt: "relaxing lounge area interior",
        },
        {
          id: "5",
          name: "John Doe",
          role: "Guest",
          company: "Visitor",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/woman-home-enjoying-cup-coffee_23-2148933652.jpg?_wi=2",
          imageAlt: "relaxing lounge area interior",
        },
      ]}
      kpiItems={[
        {
          value: "100%",
          label: "Guest Satisfaction",
        },
        {
          value: "5/5",
          label: "Avg Rating",
        },
        {
          value: "24/7",
          label: "Professional Support",
        },
      ]}
      title="Guest Experiences"
      description="Don't take our word for it—read what our satisfied guests say about their stay."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Book Your Stay"
      description="Reach out to our reservations team to plan your visit or enquire about our special offers."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Name",
        },
        {
          name: "email",
          type: "email",
          placeholder: "Your Email",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517398.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Royals Lodge & Bar"
      columns={[
        {
          title: "Company",
          items: [
            {
              label: "About",
              href: "#about",
            },
            {
              label: "Services",
              href: "#services",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "Reservations",
              href: "#contact",
            },
            {
              label: "FAQ",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Royals Lodge & Bar. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
