"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="Get In Touch"
      description="We are here to assist with any questions."
      inputs={[
        { name: "email", type: "email", placeholder: "Email" },
        { name: "inquiry", type: "text", placeholder: "Subject" },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892961.jpg"
    />
  </div>

  <div id="feature" data-section="feature">
      <FeatureCardTwentyNine
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      title="Find Us"
      description="Located in the heart of the city."
      features={[
        { title: "Directions", description: "Easy access from main transport hubs.", imageSrc: "http://img.b2bpic.net/free-photo/restaurant-luxury-interior-design-dark-lightning_114579-2492.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/burning-candle-table_140725-8115.jpg", buttonText: "View Map" },
        { title: "Operating Hours", description: "Open Tuesday to Sunday for dinner.", imageSrc: "http://img.b2bpic.net/free-photo/black-wooden-table_417767-153.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/glass-tower-full-champaigne-mosaic-background_8353-10398.jpg", buttonText: "View Hours" },
      ]}
    />
  </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>
  );
}
