"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="medium"
        background="blurBottom"
        cardStyle="gradient-bordered"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "Experience",
          id: "about",
        },
        {
          name: "Cuisine",
          id: "products",
        },
        {
          name: "Events",
          id: "features",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Blue Flamingo"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogoBillboard
      background={{
        variant: "downward-rays-static",
      }}
      logoText="Blue Flamingo"
      description="Experience Strasbourg's most unforgettable floating restaurant and rooftop bar, where innovative cuisine meets breathtaking views and bold design. Perfect for celebrations, intimate dinners, and gatherings that defy convention."
      buttons={[
        {
          text: "Reserve Your Table Now",
          href: "#contact",
        },
        {
          text: "Explore Venue",
          href: "#features",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/wedding-reception-room-with-decorated-table-setting-sea-view-through-window_637285-984.jpg"
      imageAlt="Blue Flamingo floating restaurant terrace"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={true}
      title="A Venue That Defies Convention"
      metrics={[
        {
          label: "Seating Capacity",
          value: "150+",
        },
        {
          label: "Floating Levels",
          value: "2",
        },
        {
          label: "Signature Cocktails",
          value: "40+",
        },
      ]}
      metricsAnimation="blur-reveal"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyThree
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",
          title: "Corporate Events",
          tags: [
            "Private",
            "Versatile",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/glass-tower-full-champaigne-mosaic-background_8353-10398.jpg",
        },
        {
          id: "f2",
          title: "Breathtaking Views",
          tags: [
            "Panoramic",
            "Scenic",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-blagoveshchensky-bridge-morning_1398-2788.jpg",
        },
        {
          id: "f3",
          title: "Innovative Cuisine",
          tags: [
            "Gourmet",
            "Creative",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/fresh-meat-with-green-sauce-tomato_140725-9526.jpg",
        },
      ]}
      title="Unrivaled Event Spaces"
      description="Whether you're planning a team celebration or a corporate gathering, our space offers the perfect balance of exclusivity and atmosphere."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="scale-rotate"
      textboxLayout="split-description"
      gridVariant="asymmetric-60-wide-40-narrow"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          name: "Signature Salmon",
          price: "$38",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-delicious-red-dessert-with-white-cream-berries-nuts-black-bowl_181624-7081.jpg",
        },
        {
          id: "p2",
          name: "Sunset Spritz",
          price: "$16",
          imageSrc: "http://img.b2bpic.net/free-photo/refreshing-cocktail-with-cherry_1203-1744.jpg",
        },
        {
          id: "p3",
          name: "Truffle Arancini",
          price: "$14",
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-recipe-with-plantain_23-2151062790.jpg",
        },
        {
          id: "p4",
          name: "Reserve Red",
          price: "$12",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-holding-drinks_23-2150124801.jpg",
        },
        {
          id: "p5",
          name: "Flamingo Mousse",
          price: "$18",
          imageSrc: "http://img.b2bpic.net/free-photo/elegant-dessert-blue-plate-with-decorative-flowers-sauce_23-2151973728.jpg",
        },
        {
          id: "p6",
          name: "Botanical Gin",
          price: "$15",
          imageSrc: "http://img.b2bpic.net/free-photo/octopus-legs-with-lemon-herbs_114579-3467.jpg",
        },
      ]}
      title="Culinary Excellence"
      description="Discover a menu crafted for the bold, featuring fresh, local ingredients and mixology that pushes boundaries."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          name: "Sarah Miller",
          imageSrc: "http://img.b2bpic.net/free-photo/two-female-friends-spending-time-together-drinking-wine-rooftop-terrace_23-2149053018.jpg",
        },
        {
          id: "t2",
          name: "James Chen",
          imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-office-with-digital-tablet_1301-6633.jpg",
        },
        {
          id: "t3",
          name: "Elena Rossi",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-cocktail_23-2150166104.jpg",
        },
        {
          id: "t4",
          name: "David W.",
          imageSrc: "http://img.b2bpic.net/free-photo/group-friends-resting-railing_23-2148317117.jpg",
        },
        {
          id: "t5",
          name: "Sophie K.",
          imageSrc: "http://img.b2bpic.net/free-vector/background-birthday-party-elements-flat-design_23-2147650105.jpg",
        },
      ]}
      cardTitle="What Our Guests Say"
      cardTag="Social Proof"
      cardAnimation="blur-reveal"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="split"
      useInvertedBackground={true}
      faqs={[
        {
          id: "q1",
          title: "Do I need a reservation?",
          content: "Yes, we highly recommend booking in advance to secure your table.",
        },
        {
          id: "q2",
          title: "Is the venue wheelchair accessible?",
          content: "We have fully accessible decks and facilities to ensure everyone enjoys the view.",
        },
        {
          id: "q3",
          title: "Can I host a private event?",
          content: "Yes, our events team is dedicated to creating memorable team and celebration packages.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Everything you need to know about dining at Blue Flamingo."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "gradient-bars",
      }}
      tag="Booking"
      title="Secure Your Table Today"
      description="Don't miss the most unique dining experience in Strasbourg. Sign up for updates or reserve your spot."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/beautiful-natural-landscape_23-2151922775.jpg"
      logoText="Blue Flamingo"
      columns={[
        {
          title: "Explore",
          items: [
            {
              label: "About",
              href: "#about",
            },
            {
              label: "Menu",
              href: "#products",
            },
          ],
        },
        {
          title: "Events",
          items: [
            {
              label: "Corporate",
              href: "#features",
            },
            {
              label: "Celebrations",
              href: "#features",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy",
              href: "#",
            },
            {
              label: "Terms",
              href: "#",
            },
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
