"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import TextAbout from '@/components/sections/about/TextAbout';
import { Sparkles, Users, Utensils } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="largeSmall"
        background="fluid"
        cardStyle="inset"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "Dining",          id: "features"},
        {
          name: "Events",          id: "events"},
        {
          name: "Reservation",          id: "contact"},
      ]}
      brandName="Noviy Arbat"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDualMedia
      background={{
        variant: "radial-gradient"}}
      title="Where Elegant Dining Meets Timeless Atmosphere"
      description="Victorian-inspired dining, unforgettable family gatherings, and premium hospitality in the heart of the city."
      tag="Luxury Dining"
      buttons={[
        {
          text: "Reserve a Table",          href: "#contact"},
        {
          text: "View Menu",          href: "#menu"},
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/vintage-table-arrangement-antique-store_23-2149640751.jpg",          imageAlt: "Victorian dining room"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/middle-age-friends-night-having-dinner_23-2149190918.jpg",          imageAlt: "Elegant table setting"}
      ]}
      mediaAnimation="opacity"
      rating={5}
      ratingText="Loved by tourists & families"
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={true}
      title="Every dinner feels like a special occasion."
      buttons={[
        {
          text: "Learn More",          href: "#events"},
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureBorderGlow
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Fine Dining Atmosphere",          description: "Elegant interior with timeless charm and sophisticated comfort.",          icon: Sparkles,
        },
        {
          title: "Family Gatherings",          description: "A welcoming environment perfect for celebrations and memorable evenings.",          icon: Users,
        },
        {
          title: "International Cuisine",          description: "A carefully curated menu loved by locals and tourists alike.",          icon: Utensils,
        },
      ]}
      title="Signature Dining Experience"
      description="Exquisite hospitality refined through generations."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "Jeremy Mseitif",          role: "Guest",          company: "Visitor",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517412.jpg"},
        {
          id: "2",          name: "TY Tham",          role: "Traveler",          company: "Visitor",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148006668.jpg"},
        {
          id: "3",          name: "Kamola Melieva",          role: "Family Guest",          company: "Visitor",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/family-dinner-with-gay-couple_52683-151578.jpg"},
        {
          id: "4",          name: "David Kim",          role: "Foodie",          company: "Local",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-lovers-looking-each-other-have-romantic-dinner-with-wine-food_171337-676.jpg"},
        {
          id: "5",          name: "Sarah Lee",          role: "Guest",          company: "Visitor",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-round-table-served-two-christms-dinner-silver-candle-decorated-with-natural-fir-branches-two-flutes-pairs-plates-with-decorative-handmade-christmas-trees_132075-11391.jpg"},
      ]}
      title="Guest Reviews"
      description="What our patrons say about us."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",          name: "Premium Steak",          price: "$45",          imageSrc: "http://img.b2bpic.net/free-photo/red-gurza-tomato-sesame-top-view_141793-4513.jpg"},
        {
          id: "p2",          name: "European Sea Bass",          price: "$38",          imageSrc: "http://img.b2bpic.net/free-photo/calamari-with-mango-sauce-with-nice-decoration-white-plate_1258-84913.jpg"},
        {
          id: "p3",          name: "Truffle Pasta",          price: "$32",          imageSrc: "http://img.b2bpic.net/free-photo/tasty-fettuccine-pasta-dish-topped-with-grated-cheese-white-plate_181624-59330.jpg"},
        {
          id: "p4",          name: "Signature Chocolate Mousse",          price: "$15",          imageSrc: "http://img.b2bpic.net/free-photo/tasty-hot-chocolate-with-cream_23-2148349596.jpg"},
        {
          id: "p5",          name: "Classic Martini",          price: "$18",          imageSrc: "http://img.b2bpic.net/free-photo/glass-with-champagne-new-year-anniversary_23-2148339613.jpg"},
        {
          id: "p6",          name: "Artisanal Bread Basket",          price: "$12",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-tasty-homemade-bread_23-2148361971.jpg"},
      ]}
      title="Signature Dishes"
      description="Our culinary masterpieces."
    />
  </div>

  <div id="events" data-section="events">
      <TextAbout
      useInvertedBackground={true}
      title="Celebrate Life's Best Moments"
      buttons={[
        {
          text: "Book Your Event",          href: "#contact"},
      ]}
    />
  </div>

  <div id="gallery" data-section="gallery">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Chandelier Detail",        "Victorian Decor",        "Dining Hall",        "Evening Ambiance",        "Plating Art",        "Romantic Tables",        "Family moments"]}
      title="Atmosphere Gallery"
      description="Explore the luxurious details of our space."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "plain"}}
      tag="Reservations"
      title="Reserve Your Table"
      description="Tables fill quickly for evenings and weekends."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Noviy Arbat"
      columns={[
        {
          title: "Information",          items: [
            {
              label: "Address: Arbat St, 1",              href: "#"},
            {
              label: "Phone: +7 123 456-78-90",              href: "tel:+71234567890"},
          ],
        },
        {
          title: "Experience",          items: [
            {
              label: "Menu",              href: "#menu"},
            {
              label: "Events",              href: "#events"},
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
