"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Sparkles, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="largeSizeMediumTitles"
      background="aurora"
      cardStyle="elevated"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="NY Ouzzeur"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Menu", id: "features" },
            { name: "Reviews", id: "testimonials" },
            { name: "Reservations", id: "contact" }
          ]}
          button={{ text: "Book Table", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Welcome to NY Ouzzeur"
          description="Experience authentic culinary excellence in an elegantly designed space. Our chef-driven restaurant celebrates timeless flavors with modern techniques, creating unforgettable dining moments."
          background={{ variant: "glowing-orb" }}
          tag="Fine Dining"
          tagIcon={Sparkles}
          imageSrc="https://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8729.jpg"
          imageAlt="NY Ouzzeur Restaurant Interior"
          imagePosition="right"
          buttons={[
            { text: "Reserve Now", href: "contact" },
            { text: "View Menu", href: "features" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Our Story"
          description="For over a decade, NY Ouzzeur has been a beacon of culinary excellence in New York."
          tabs={[
            {
              id: "heritage",              label: "Heritage",              description: "Founded on traditions of Mediterranean and contemporary cuisine, NY Ouzzeur brings together the finest ingredients and time-honored techniques. Our commitment to quality and authenticity has earned us recognition as one of the city's premier dining destinations."
            },
            {
              id: "philosophy",              label: "Philosophy",              description: "We believe that exceptional food begins with exceptional ingredients. Every dish is crafted with intention, respecting seasonal availability and supporting local producers. Our philosophy centers on creating memorable experiences that celebrate the art of cuisine."
            },
            {
              id: "experience",              label: "Experience",              description: "Dining at NY Ouzzeur is more than a meal—it's a journey. Our intimate setting, attentive service, and carefully curated wine pairings create an atmosphere where every detail contributes to your perfect evening."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg"
          imageAlt="NY Ouzzeur Chef at Work"
          imagePosition="right"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSix
          title="Our Menu Journey"
          description="Discover the artistry behind our carefully crafted culinary offerings, from appetizers to desserts."
          tag="Culinary Excellence"
          features={[
            {
              id: 1,
              title: "Appetizers & Starters",              description: "Begin your journey with our carefully selected appetizers featuring seasonal ingredients and bold flavor profiles. Each starter is designed to prepare your palate for the courses to follow.",              imageSrc: "https://img.b2bpic.net/free-photo/small-slice-pizza-with-shrimp_140725-896.jpg",              imageAlt: "Elegant Appetizer Plating"
            },
            {
              id: 2,
              title: "Main Courses",              description: "Our signature mains showcase premium proteins and vegetables prepared with precision. Each plate is a masterpiece of flavor, technique, and presentation designed to delight and satisfy.",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-cooked-squashes-designed-meal-inside-plate-grey-space_140725-83766.jpg",              imageAlt: "Refined Main Course Dish"
            },
            {
              id: 3,
              title: "Desserts & Finale",              description: "Conclude your meal with our exquisite dessert selections. From classic French techniques to contemporary creations, each dessert is a sweet celebration of our chef's artistry.",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-cooked-squashes-designed-meal-inside-plate-dark-grey-space_140725-83767.jpg",              imageAlt: "Elegant Dessert Presentation"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="NY Ouzzeur delivered an unforgettable dining experience. The attention to detail, exceptional service, and brilliant culinary execution made our anniversary celebration truly special. Every course was a revelation."
          rating={5}
          author="Sarah Mitchell, Food Critic"
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/portrait-smiling-successful-businesswoman-looking-into-camera-sitting-restaurant-business-lady-with-stylish-hairstyle-wears-elegant-suit-business-meeting-attractive-appearance_8353-12611.jpg", alt: "Sarah Mitchell" },
            { src: "https://img.b2bpic.net/free-photo/portrait-woman-wearing-formal-suit_23-2148937763.jpg", alt: "James Chen" },
            { src: "https://img.b2bpic.net/free-photo/medium-shot-woman-posing-indoors_23-2149915935.jpg", alt: "Emily Rodriguez" },
            { src: "https://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg", alt: "David Park" }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardTen
          title="Meet Our Culinary Leadership Team"
          tag="Master Chefs"
          members={[
            {
              id: "1",              name: "Chef Laurent Beaumont",              imageSrc: "https://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg",              imageAlt: "Executive Chef Laurent Beaumont"
            },
            {
              id: "2",              name: "Chef Sophie Renault",              imageSrc: "https://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12811.jpg",              imageAlt: "Sous Chef Sophie Renault"
            }
          ]}
          memberVariant="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardFive
          title="Dining Experiences"
          description="Choose the perfect dining experience for your occasion"
          tag="Pricing"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          plans={[
            {
              id: "casual",              tag: "Casual Dining",              price: "$45",              period: "/person",              description: "Enjoy our full menu in a relaxed atmosphere with impeccable service",              button: { text: "Reserve", href: "contact" },
              featuresTitle: "Includes:",              features: [
                "Full menu access",                "House beverage pairing",                "2-hour seating",                "Complimentary amuse-bouche"
              ]
            },
            {
              id: "tasting",              tag: "Chef's Tasting Menu",              tagIcon: Star,
              price: "$125",              period: "/person",              description: "Experience our chef's creative vision with a guided multi-course tasting menu",              button: { text: "Reserve", href: "contact" },
              featuresTitle: "Includes:",              features: [
                "7-course tasting menu",                "Premium wine pairing",                "Chef's table option",                "Private dining available",                "Personalized menu modifications"
              ]
            },
            {
              id: "private",              tag: "Private Events",              price: "Custom",              period: "pricing",              description: "Host your special celebration in our elegant private dining room with dedicated service",              button: { text: "Inquire", href: "contact" },
              featuresTitle: "Available for:",              features: [
                "Corporate events",                "Weddings & celebrations",                "Intimate gatherings",                "Custom menu curation",                "Full event coordination"
              ]
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Reservations"
          title="Book Your Table"
          description="Ready for an exceptional dining experience? Reserve your table at NY Ouzzeur today. We accommodate groups from intimate dinners for two to special celebrations. Our team looks forward to welcoming you."
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/decorated-wedding-reception-venue-with-view-sea-through-windows_637285-1001.jpg"
          imageAlt="Elegant Dining at NY Ouzzeur"
          mediaPosition="right"
          inputPlaceholder="your@email.com"
          buttonText="Reserve Table"
          termsText="We'll confirm your reservation and provide special dietary accommodation options. We respect your privacy."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Navigate",              items: [
                { label: "Home", href: "#hero" },
                { label: "About", href: "#about" },
                { label: "Menu", href: "#features" },
                { label: "Reviews", href: "#testimonials" }
              ]
            },
            {
              title: "Dining",              items: [
                { label: "Make a Reservation", href: "#contact" },
                { label: "Private Events", href: "#pricing" },
                { label: "Gift Cards", href: "#" },
                { label: "Contact Us", href: "#contact" }
              ]
            },
            {
              title: "Information",              items: [
                { label: "Hours", href: "#" },
                { label: "Location", href: "#" },
                { label: "Careers", href: "#" },
                { label: "Press", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Accessibility", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 NY Ouzzeur. All rights reserved. Crafted with excellence."
          bottomRightText="Fine Dining in the Heart of New York"
        />
      </div>
    </ThemeProvider>
  );
}