"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 FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Award, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="small"
        sizing="largeSmall"
        background="floatingGradient"
        cardStyle="glass-depth"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Experience",
          id: "about",
        },
        {
          name: "Signature",
          id: "features",
        },
        {
          name: "Menu",
          id: "products",
        },
        {
          name: "Reviews",
          id: "testimonials",
        },
        {
          name: "Reserve",
          id: "contact",
        },
      ]}
      brandName="La Pergola"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      background={{
        variant: "gradient-bars",
      }}
      title="La Pergola: An Unforgettable Symphony of Flavors"
      description="Experience world-class cuisine crafted with precision in a panoramic luxury atmosphere."
      buttons={[
        {
          text: "Reserve Your Table",
          href: "#contact",
        },
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg",
          imageAlt: "Panoramic Dining View",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/artistic-food-presentation_23-2151942426.jpg",
          imageAlt: "Culinary Precision",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-adult-couple-have-luxury-dinner-evening-time_146671-14526.jpg",
          imageAlt: "Elegant Ambiance",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/glass-wine-with-bottle-white-surface_114579-54878.jpg",
          imageAlt: "Wine Selection",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/relax-sofa-window_1150-12924.jpg",
          imageAlt: "City Lights Terrace",
        },
      ]}
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="split"
      useInvertedBackground={true}
      title="Exclusivity & Refinement"
      description="Nestled in the heart of the city, La Pergola offers a Michelin-inspired sanctuary. Our dedication to culinary precision and personalized service creates a truly romantic, celebration-worthy experience."
      bulletPoints={[
        {
          title: "Precision Service",
          description: "Every gesture choreographed for your comfort.",
        },
        {
          title: "World-Class Cuisine",
          description: "Authentic flavors elevated to art forms.",
        },
        {
          title: "Panoramic Luxury",
          description: "Breathtaking views from our terrace.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/front-view-professional-chef-working_23-2151232194.jpg"
      imageAlt="Luxury restaurant kitchen team"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureBento
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Culinary Art",
          description: "Masterpieces on every plate.",
          bentoComponent: "media-stack",
          items: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/top-view-food-plating-decoration_23-2148519094.jpg",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-sitting-near-bar-counter-pointing-his-finger_23-2148096457.jpg",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/servant-with-black-plate-mixed-ingredient-salad_114579-3693.jpg",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg",
          imageAlt: "culinary innovation plate",
        },
      ]}
      title="The Signature Journey"
      description="A unique tasting experience defined by refinement and passion."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "1",
          name: "Seafood Symphony",
          price: "$120",
          imageSrc: "http://img.b2bpic.net/free-photo/prawn-plate-rice_1232-985.jpg",
        },
        {
          id: "2",
          name: "Truffle Delicacy",
          price: "$150",
          imageSrc: "http://img.b2bpic.net/free-photo/bisquits-with-sliced-fruits-chocolate-syrup_141793-29.jpg",
        },
        {
          id: "3",
          name: "Aged Wagyu",
          price: "$180",
          imageSrc: "http://img.b2bpic.net/free-photo/beef-wrap-served-with-roasted-vegetables-spinach-teriyaki-sauce_140725-544.jpg",
        },
        {
          id: "4",
          name: "Seasonal Garden",
          price: "$90",
          imageSrc: "http://img.b2bpic.net/free-photo/mixed-ingredient-light-sala-with-herbs-cheese_114579-3071.jpg",
        },
        {
          id: "5",
          name: "Gold Leaf Dessert",
          price: "$60",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-french-macarons-delicious-colored-cakes-inside-plate-light-white-surface-cake-biscuit-pie-tea-sugar-sweet-cookie_140725-64711.jpg",
        },
        {
          id: "6",
          name: "Artisan Bread",
          price: "$30",
          imageSrc: "http://img.b2bpic.net/free-photo/tasty-bread-table_23-2148544857.jpg",
        },
      ]}
      title="Signature Menu"
      description="Discover our carefully curated selections."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "1",
          value: "20+",
          title: "Years Experience",
          description: "Refined legacy",
          icon: Award,
        },
        {
          id: "2",
          value: "5k+",
          title: "Happy Guests",
          description: "Unforgettable nights",
          icon: Star,
        },
        {
          id: "3",
          value: "50+",
          title: "Signature Dishes",
          description: "Artfully prepared",
          icon: Award,
        },
      ]}
      title="Excellence in Numbers"
      description="Our legacy of culinary distinction."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Elena Rossi",
          handle: "@elena_dining",
          testimonial: "An truly unforgettable experience. Everything was perfection.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/man-feeding-woman-with-salad-restaurant_23-2148014502.jpg",
        },
        {
          id: "2",
          name: "Marcus Chen",
          handle: "@m_chen_gourmet",
          testimonial: "Precision service and world-class cuisine. Simply magnificent.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/glass-with-drink-board_23-2147988629.jpg",
        },
        {
          id: "3",
          name: "Sarah Miller",
          handle: "@sarah_travels",
          testimonial: "The atmosphere is pure romance. Exclusivity in every corner.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-joyful-man-being-glad-hear-old-best-friend-mobile-phone_273609-8929.jpg",
        },
        {
          id: "4",
          name: "David Thorne",
          handle: "@dave_dines",
          testimonial: "A culinary milestone. Best dinner I've had in years.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-black-dress-sits-before-wall-books-christmas-decor_8353-8828.jpg",
        },
        {
          id: "5",
          name: "Sophia Berg",
          handle: "@sophia_b",
          testimonial: "Exquisite. La Pergola redefined our anniversary dinner.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-enjoying-new-year-party_23-2149173234.jpg",
        },
      ]}
      showRating={true}
      title="Guest Reflections"
      description="Words from those who savored the experience."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "cell-wave",
      }}
      tag="Reserve Your Place"
      title="Book Your Tasting Journey"
      description="Secure your table for an evening of unmatched refinement and taste."
      buttonText="Confirm Reservation"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081860.jpg"
      logoText="La Pergola"
      columns={[
        {
          title: "Experience",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Menu",
              href: "#products",
            },
          ],
        },
        {
          title: "Services",
          items: [
            {
              label: "Reservations",
              href: "#contact",
            },
            {
              label: "Events",
              href: "#",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms",
              href: "#",
            },
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
