"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 HeroCentered from '@/components/sections/hero/HeroCentered';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import { Calendar, Target } from 'lucide-react';

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="hero" data-section="hero">
      <HeroCentered
      background={{ variant: "gradient-bars" }}
      title="Sophistication in Every Detail"
      description="Experience fine dining reimagined. Join us at The Wisemen for an evening of unparalleled culinary excellence."
      avatars={[
        { src: "http://img.b2bpic.net/free-photo/medium-shot-man-luxury-restaurant_23-2150598337.jpg", alt: "Diner" },
        { src: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-black-skinned-woman-wearing-blouse-flower-headband-enjoying-dinner-while-eating-restaurant_613910-5658.jpg", alt: "Diner" },
        { src: "http://img.b2bpic.net/free-photo/young-happy-woman-her-boyfriend-reading-text-message-mobile-phone-while-sitting-dining-table_637285-10328.jpg", alt: "Diner" },
        { src: "http://img.b2bpic.net/free-photo/front-view-woman-holding-hands-with-her-lover_23-2148060335.jpg", alt: "Diner" },
        { src: "http://img.b2bpic.net/free-photo/person-happy-woman-clanging-glasses-wine-table-cafe_23-2148016787.jpg", alt: "Diner" },
      ]}
      buttons={[{ text: "Reserve Now", href: "/reservations" }]}
      marqueeItems={[
        { type: "text", text: "Michelin Starred Quality" },
        { type: "text", text: "Exquisite Wine Cellar" },
        { type: "text", text: "Artisanal Cocktails" },
        { type: "text", text: "Fine Dining Excellence" },
        { type: "text", text: "Private Events" },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        { type: "text", content: "Our Philosophy" },
        { type: "image", src: "http://img.b2bpic.net/free-photo/boiled-potatoes-herring-with-onions_140725-2258.jpg", alt: "Philosophy" },
      ]}
    />
  </div>

  <div id="plan-event" data-section="plan-event">
      <FeatureCardMedia
      title="Plan Your Event"
      description="Tailored service for your special occasions."
      tag="Event Planning"
      tagIcon={Calendar}
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        { id: "p1", title: "Corporate Events", description: "Professional spaces for business gatherings.", tag: "Professional" },
        { id: "p2", title: "Intimate Dinners", description: "Exclusive setups for close groups.", tag: "Exclusive" }
      ]}
      />
  </div>

  <div id="campaign" data-section="campaign">
    <FeatureCardMedia
      title="Custom Campaigns"
      description="Unique promotional experiences for your brand."
      tag="Custom"
      tagIcon={Target}
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
          { id: "c1", title: "Brand Integration", description: "Showcase your vision.", tag: "Growth" }
      ]}
    />
  </div>

  <div id="service-hub" data-section="service-hub">
    <PricingCardNine
        title="Service Hub"
        description="Centralized access to our hospitality services."
        animationType="slide-up"
        textboxLayout="default"
        useInvertedBackground={false}
        plans={[
            { id: "s1", title: "Standard Concierge", price: "Custom", period: "on-request", features: ["Reservation Assist", "Custom Menu Planning", "Event Booking"], button: { text: "Inquire" } }
        ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyNine
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      features={[
        { title: "The Bar", description: "Handcrafted cocktails in a sophisticated setting.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-blond-hair-holding-cocktail_273609-15687.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/full-length-stock-photo-extremely-trendy-luxurious-brunette-model-crop-top-silver-sparkling-jacket-black-trousers-high-heels-model-trendy-outfit-sitting-bar-stool-club-bar_132075-8992.jpg", buttonText: "Explore Bar" },
        { title: "Private Dining", description: "Exclusive space for intimate occasions.", imageSrc: "http://img.b2bpic.net/free-photo/full-length-stock-photo-extremely-trendy-luxurious-brunette-model-crop-top-silver-sparkling-jacket-black-trousers-high-heels-model-trendy-outfit-sitting-bar-stool-club-bar_132075-8989.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/hookah-sparksfrom-grapefruit-hookah-bowl_141793-3261.jpg", buttonText: "Inquire" },
        { title: "Seasonal Menu", description: "Fresh ingredients, expertly prepared.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-enjoying-food_23-2149304406.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/front-view-man-holds-plate-with-vegetable-salad-with-red-fish-with-greens_141793-4670.jpg", buttonText: "View Menu" },
      ]}
      title="A World of Taste"
      description="Indulge in our curated seasonal menu."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      testimonials={[
        { id: "1", name: "Marcus Aurelius", role: "Food Critic", company: "Fine Dine Weekly", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-is-sitting-table-restaurant-drink-wine-enjoy-scent-roses-flower-waiting-date_496169-221.jpg" },
        { id: "2", name: "Sarah Connor", role: "Patron", company: "Wisemen Guest", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couples-celebrating-birthday_23-2149891062.jpg" },
        { id: "3", name: "James Bond", role: "Patron", company: "Wisemen Guest", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-woman-having-lunch-cafe_1303-23871.jpg" },
        { id: "4", name: "Elena Fisher", role: "Patron", company: "Wisemen Guest", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-holding-champagne-glass_23-2148741473.jpg" },
        { id: "5", name: "Victor Sullivan", role: "Patron", company: "Wisemen Guest", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517423.jpg" },
      ]}
      title="Gourmet Reviews"
      description="What our patrons are saying."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Visit Us"
      description="Reserve your table today."
      inputs={[
        { name: "name", type: "text", placeholder: "Name" },
        { name: "email", type: "email", placeholder: "Email" },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/unfocused-restaurante_1203-758.jpg"
    />
  </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>
  );
}
