"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="compact"
        sizing="medium"
        background="grid"
        cardStyle="inset"
        primaryButtonStyle="flat"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "Menu",
          id: "#menu",
        },
        {
          name: "VIP Lounge",
          id: "#about",
        },
        {
          name: "Reservations",
          id: "#contact",
        },
      ]}
      brandName="Food City"
      button={{
        text: "Book Now",
        href: "#contact",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardRotatedCarousel
      background={{
        variant: "gradient-bars",
      }}
      title="Food City: Where Elegance Meets Taste"
      description="Experience Kampala's premier dining destination in Bweyogerere. Curated flavors, refined ambience, and unmatched nightlife luxury."
      buttons={[
        {
          text: "Reserve a Table",
          href: "#contact",
        },
        {
          text: "Explore Menu",
          href: "#menu",
        },
      ]}
      carouselItems={[
        {
          id: "1",
          imageSrc: "http://img.b2bpic.net/free-photo/russian-salad-with-orange-juice_140725-3686.jpg",
          imageAlt: "Luxurious restaurant dining",
        },
        {
          id: "2",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-table-with-cocktail-burning-candle-side-view_140725-12766.jpg",
          imageAlt: "Refined interior design",
        },
        {
          id: "3",
          imageSrc: "http://img.b2bpic.net/free-photo/comfortable-dining-room-with-modern-rustic-elegance-generated-by-ai_188544-21418.jpg",
          imageAlt: "Culinary excellence",
        },
        {
          id: "4",
          imageSrc: "http://img.b2bpic.net/free-photo/sun-shines-faces-stunning-woman-sitting-red-sunglasses-cafe_8353-5111.jpg",
          imageAlt: "Bweyogerere nightlife",
        },
        {
          id: "5",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-sitting-restaurant_23-2149930183.jpg",
          imageAlt: "VIP lounge experience",
        },
        {
          id: "6",
          imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-design_23-2151821320.jpg",
          imageAlt: "Premium restaurant atmosphere",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        {
          type: "text",
          content: "The Elite Dining Destination in ",
        },
        {
          type: "text",
          content: "Bweyogerere",
        },
      ]}
      buttons={[
        {
          text: "Our Story",
          href: "#about",
        },
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSeven
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          title: "Gourmet Cuisine",
          description: "Expertly crafted international and local dishes.",
          imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199363.jpg",
          imageAlt: "Gourmet food",
        },
        {
          title: "Premium VIP Lounge",
          description: "Exclusive nightlife experience in Bweyogerere.",
          imageSrc: "http://img.b2bpic.net/free-photo/modern-3d-lamp-design_23-2151047548.jpg",
          imageAlt: "VIP Lounge",
        },
        {
          title: "Impeccable Service",
          description: "White-glove service for your complete comfort.",
          imageSrc: "http://img.b2bpic.net/free-photo/dark-vip-cinema-studio-still-life_23-2149500613.jpg",
          imageAlt: "Service",
        },
      ]}
      title="Why Choose Food City?"
      description="More than just food — we provide a sanctuary for the discerning palate."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "1",
          brand: "Chef's Special",
          name: "Signature Grilled Ribeye",
          price: "UGX 85,000",
          rating: 5,
          reviewCount: "120+",
          imageSrc: "http://img.b2bpic.net/free-photo/raw-two-beef-chops-white-plate-with-lemon-slices-green_114579-14728.jpg",
        },
        {
          id: "2",
          brand: "Bar",
          name: "Kampala Sunset Cocktail",
          price: "UGX 35,000",
          rating: 5,
          reviewCount: "95",
          imageSrc: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337703.jpg",
        },
        {
          id: "3",
          brand: "Main",
          name: "Stuffed Roasted Chicken",
          price: "UGX 65,000",
          rating: 4,
          reviewCount: "200",
          imageSrc: "http://img.b2bpic.net/free-photo/shrimp-black-pasta-minimalist-dark-plate_23-2148425563.jpg",
        },
        {
          id: "4",
          brand: "Dessert",
          name: "Dark Chocolate Ganache",
          price: "UGX 25,000",
          rating: 5,
          reviewCount: "50",
          imageSrc: "http://img.b2bpic.net/free-photo/dessert-with-strawberry-cafe_181624-26180.jpg",
        },
        {
          id: "5",
          brand: "Starter",
          name: "Fresh Garden Salad",
          price: "UGX 20,000",
          rating: 4,
          reviewCount: "80",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-elegant-plate-with-salad_23-2148517996.jpg",
        },
        {
          id: "6",
          brand: "Seafood",
          name: "Grilled Nile Perch Fillet",
          price: "UGX 75,000",
          rating: 5,
          reviewCount: "110",
          imageSrc: "http://img.b2bpic.net/free-photo/seafood-salad-with-crabsters-mussels_114579-2138.jpg",
        },
      ]}
      title="Our Signature Menu"
      description="Savor the extraordinary with our award-winning menu selection."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Sarah A.",
          handle: "@sarah_kampala",
          testimonial: "The best dining atmosphere in Kampala! Absolute luxury.",
          imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517421.jpg",
        },
        {
          id: "2",
          name: "Michael O.",
          handle: "@michael_ceo",
          testimonial: "Impeccable service and world-class cocktails.",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-rich-woman-sitting-couch_23-2149722603.jpg",
        },
        {
          id: "3",
          name: "Joy K.",
          handle: "@joy_traveler",
          testimonial: "A truly premium vibe. Loved every bit of my dinner.",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081466.jpg",
        },
        {
          id: "4",
          name: "Peter J.",
          handle: "@pj_official",
          testimonial: "Highly recommended for nightlife and fine dining.",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-man-luxurious-restaurant_23-2150517397.jpg",
        },
        {
          id: "5",
          name: "Anita M.",
          handle: "@anita_designer",
          testimonial: "The food quality is unmatched in Uganda.",
          imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-brown-cropped-top-bites-plastic-fork-smiles-enjoys-delicious-waffle-with-chocolate-syrup_197531-18187.jpg",
        },
      ]}
      title="What Our Guests Say"
      description="Hear about the exceptional experiences at Food City."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",
          title: "Do I need a reservation?",
          content: "Reservations are recommended, especially for weekends.",
        },
        {
          id: "2",
          title: "Is the lounge always open?",
          content: "Our VIP lounge operates from 7 PM until late.",
        },
        {
          id: "3",
          title: "Do you host private events?",
          content: "Yes, we cater to birthdays and corporate bookings.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/man-chef-cooking-asian-chicken-cafe-kitchen_1303-32155.jpg"
      mediaAnimation="slide-up"
      title="Frequently Asked Questions"
      description="Everything you need to know about dining with us."
      faqsAnimation="blur-reveal"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "rotated-rays-static",
      }}
      tag="Reserve Today"
      title="Book Your Table Via WhatsApp"
      description="Connect with our reservation team instantly."
      buttonText="Chat on WhatsApp"
      onSubmit={(email) => console.log('Booking via: ', email)}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="FOOD CITY"
      leftLink={{
        text: "Privacy Policy",
        href: "#",
      }}
      rightLink={{
        text: "Instagram",
        href: "https://instagram.com",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
