"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="largeSizeMediumTitles"
        background="circleGradient"
        cardStyle="glass-depth"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        { name: "Home", id: "/" },
        { name: "Menu", id: "/menu" },
        { name: "Reservations", id: "/reservations" },
        { name: "Contact", id: "/contact" },
      ]}
      brandName="THE WISEMEN"
      button={{ text: "Reserve", href: "/reservations" }}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Book Your Table"
      description="Secure your spot at The Wisemen."
      inputs={[
        { name: "name", type: "text", placeholder: "Name" },
        { name: "date", type: "date", placeholder: "Date" },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/stylish-room-with-blurred-effect_1203-554.jpg"
    />
  </div>

  <div id="feature" data-section="feature">
      <FeatureCardTwentyNine
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      title="Private Events"
      description="Elegant spaces for your milestone celebrations."
      features={[
        { title: "Ballroom", description: "Grand space for large gatherings.", imageSrc: "http://img.b2bpic.net/free-photo/luxury-restaurant-grill-bar-interior-with-chandeliers-furniture_114579-2341.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683401.jpg", buttonText: "Book Now" },
        { title: "Lounge", description: "Cozy space for intimate groups.", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-hotel-bar-lounge_23-2151933842.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/classic-old-fashioned-library-space-with-elegant-wooden-interiors_482257-125296.jpg", buttonText: "Book Now" },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="THE WISEMEN"
      columns={[
        { title: "Navigate", items: [{ label: "Home", href: "/" }, { label: "Menu", href: "/menu" }] },
        { title: "Legal", items: [{ label: "Privacy", href: "#" }] },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
