"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Award, Music, Sparkles, Star, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="mediumSizeLargeTitles"
        background="noise"
        cardStyle="inset"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="glass"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        { name: "About", id: "#about" },
        { name: "Experience", id: "#experience" },
        { name: "Menu", id: "#menu" },
        { name: "Contact", id: "#contact" },
      ]}
      brandName="Terrace Lounge"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardTestimonial
      useInvertedBackground={false}
      background={{ variant: "gradient-bars" }}
      title="Elevate Your Evening at Terrace Lounge"
      description="Experience unparalleled sophistication, artisanal cocktails, and stunning views. Join us for an unforgettable night above the city skyline."
      testimonials={[
        { name: "Elena R.", handle: "@elena_nights", testimonial: "The best views in the city. The cocktails are truly artisanal.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/modern-female-sitting-couch_23-2148415753.jpg" },
        { name: "Marcus V.", handle: "@m_travels", testimonial: "Sophisticated atmosphere and impeccable service. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-positive-pretty-young-woman-having-fun-wearing-evening-sparkling-cocktail-outfit-fur-leopard-printed-trendy-coat-pink-background-enjoying-winter-holidays-party_291049-1650.jpg" },
        { name: "Sarah J.", handle: "@sarah_j", testimonial: "Perfect spot for evening drinks. Will definitely return soon.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/old-tourists-chat-videocall_482257-81596.jpg" },
        { name: "David W.", handle: "@dave_w", testimonial: "An incredible experience. The ambience is second to none.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-curly-woman-enjoying-her-wine-bar_627829-6878.jpg" },
        { name: "Nina P.", handle: "@nina_p", testimonial: "Classy and relaxing. Exactly what I needed for a night out.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517411.jpg" },
      ]}
      buttons={[{ text: "Book Your Table", href: "#contact" }]}
      imageSrc="http://img.b2bpic.net/free-photo/glass-balls-with-candles-hang-before-window_1304-5597.jpg"
      imageAlt="Terrace lounge rooftop view"
      avatars={[
        { src: "http://img.b2bpic.net/free-photo/balcony-witu-elegant-furniture-decoration-generative-ai_188544-12681.jpg", alt: "Elegant guest at balcony" },
        { src: "http://img.b2bpic.net/free-photo/dining-sitting-furniture-set-cafe-restaurant-with-light-colors-big-windows_114579-1522.jpg", alt: "Patron in lounge area" },
        { src: "http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-standing-cafe_627829-5462.jpg", alt: "Confident guest at bar" },
        { src: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg", alt: "Happy regular guest" },
        { src: "http://img.b2bpic.net/free-photo/life-after-covid-freedom-concept_23-2149068500.jpg", alt: "Sophisticated visitor" },
      ]}
      marqueeItems={[
        { type: "text", text: "Artisanal Cocktails" },
        { type: "text", text: "Stunning Rooftop Views" },
        { type: "text", text: "Private Event Spaces" },
        { type: "text", text: "Curated Music Sets" },
        { type: "text", text: "Sophisticated Social Vibes" },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="A Legacy of Sophistication"
      description="Terrace Lounge combines modern design with an iconic view, offering curated culinary experiences and a warm, inviting social atmosphere."
      metrics={[
        { value: "15+", title: "Artisanal Cocktails" },
        { value: "200+", title: "Satisfied Guests Weekly" },
        { value: "8th", title: "Floor Sky View" },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/empty-modern-room-with-furniture_23-2149178358.jpg"
      imageAlt="Terrace Lounge interior"
      mediaAnimation="slide-up"
      metricsAnimation="blur-reveal"
    />
  </div>

  <div id="experience" data-section="experience">
      <FeatureBento
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        { title: "Private Events", description: "Host your special moments in our exclusive terrace section.", bentoComponent: "reveal-icon", icon: Sparkles },
        { title: "Live Acoustic", description: "Enjoy curated music every Thursday through Saturday.", bentoComponent: "reveal-icon", icon: Music },
        { title: "Craft Menu", description: "Locally sourced ingredients, globally inspired flavors.", bentoComponent: "reveal-icon", icon: Award },
      ]}
      title="The Ultimate Lounge Experience"
      description="From private event spaces to live acoustic sets, we provide a complete evening escape."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardOne
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      animationType="slide-up"
      useInvertedBackground={false}
      products={[
        { id: "1", name: "Sunset Spritz", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/still-life-stacked-aesthetic-objects_23-2150185353.jpg" },
        { id: "2", name: "Truffle Bites", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/top-view-beef-steak-tartar-still-life_23-2150655660.jpg" },
        { id: "3", name: "Old Fashioned", price: "$20", imageSrc: "http://img.b2bpic.net/free-photo/close-up-bartender-creating-delicious-drink_23-2149125749.jpg" },
        { id: "4", name: "Vanilla Velvet", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-greek-salad-with-fruit-juice-bread_140725-10814.jpg" },
        { id: "5", name: "Spiced Hibiscus", price: "$16", imageSrc: "http://img.b2bpic.net/free-photo/clear-wine-glass-brown-wooden-table_209848-77.jpg" },
        { id: "6", name: "Velvet Martini", price: "$22", imageSrc: "http://img.b2bpic.net/free-photo/tacos-with-lemon-glass-beer_140725-6352.jpg" },
      ]}
      title="Our Signature Selection"
      description="Discover our favorite drinks and dishes crafted by our expert mixologists and chefs."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        { id: "t1", name: "Elena R.", role: "Patron", testimonial: "Everything was exceptional.", imageSrc: "http://img.b2bpic.net/free-photo/blonde-business-woman-working-her-laptop_23-2149100277.jpg" },
        { id: "t2", name: "Marcus V.", role: "Visitor", testimonial: "Highly recommend this spot.", imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-women-sitting-bowling-club_23-2148344514.jpg" },
        { id: "t3", name: "Sarah J.", role: "Regular", testimonial: "Perfect atmosphere always.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-holding-drink_23-2149529675.jpg" },
        { id: "t4", name: "David W.", role: "Guest", testimonial: "Atmosphere is incredible.", imageSrc: "http://img.b2bpic.net/free-photo/person-working-remotely-project_23-2149273683.jpg" },
        { id: "t5", name: "Nina P.", role: "Visitor", testimonial: "Classy and quite memorable.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-rich-woman-indoors-with-book_23-2149548502.jpg" },
      ]}
      title="Hear From Our Guests"
      description="Discover why our guests choose us for their nights out and special celebrations."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      animationType="depth-3d"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        { id: "m1", value: "10k+", title: "Total Guests", description: "Served with pride", icon: Users },
        { id: "m2", value: "5.0", title: "Average Rating", description: "From trusted reviews", icon: Star },
        { id: "m3", value: "24", title: "Signature Cocktails", description: "Crafted fresh daily", icon: Star },
      ]}
      title="By The Numbers"
      description="Our passion for quality reflects in our numbers."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{ variant: "sparkles-gradient" }}
      tag="Reserve Your Spot"
      title="Join Us Tonight"
      description="Enter your email for exclusive invites and updates on our lounge events."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        { items: [{ label: "About", href: "#about" }, { label: "Experience", href: "#experience" }] },
        { items: [{ label: "Menu", href: "#menu" }, { label: "Contact", href: "#contact" }] },
        { items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
      ]}
      logoText="Terrace Lounge"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
