"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import MediaAbout from '@/components/sections/about/MediaAbout';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Camera, Sparkles, Star, UtensilsCrossed } from 'lucide-react';

export default function RestaurantPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="mediumLargeSizeMediumTitles"
      background="none"
      cardStyle="soft-shadow"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Cuisine"
          navItems={[
            { name: "Home", id: "home" },
            { name: "Menu", id: "menu" },
            { name: "Gallery", id: "gallery" },
            { name: "Reservations", id: "contact" }
          ]}
          button={{
            text: "Reserve Table",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Discover Culinary Excellence"
          description="Experience exceptional cuisine crafted with passion and the finest ingredients. Welcome to our world of flavors."
          tag="Fine Dining"
          tagIcon={Sparkles}
          background={{ variant: "radial-gradient" }}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8729.jpg",              imageAlt: "Restaurant interior with elegant dining setup"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-with-delicios-snacks-prepeared-restaurant-banquet-big-plate-wooden-table-served-with-white-bread-red-caviar-lemons-snack-looks-very-tasty_7502-5803.jpg",              imageAlt: "Beautifully plated main course"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/top-view-shot-plate-with-red-caviar-servings-crispy-rusks-wooden-table-food-nutrition-eating-decoration-restaurant-cafe-cafeteria-menu-order-luxury-lifestyle-concept_7502-5805.jpg",              imageAlt: "Artfully presented dessert"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-big-plate-served-restaurant-buffet-with-tasty-snacks-made-from-red-caviar-white-bread-lemon-slices-cream-looks-very-delicios-good-banquets-catering_7502-5804.jpg",              imageAlt: "Gourmet appetizer presentation"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-delicious-bruschettas_23-2148482446.jpg",              imageAlt: "Fine dining dessert plating"
            }
          ]}
          buttons={[
            { text: "View Menu", href: "menu" },
            { text: "Reserve Now", href: "contact" }
          ]}
        />
      </div>

      <div id="menu" data-section="menu">
        <FeatureCardOne
          title="Our Menu"
          description="Explore our carefully curated selection of dishes, each prepared with meticulous attention to detail and the freshest ingredients."
          tag="Culinary Collection"
          tagIcon={UtensilsCrossed}
          features={[
            {
              title: "Appetizers & Starters",              description: "Begin your culinary journey with our selection of delicate, flavorful starters designed to awaken your palate.",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-sliced-meals-different-dishes-inside-white-plate-table_140725-11651.jpg",              imageAlt: "appetizers starters food plated appetizer"
            },
            {
              title: "Main Courses",              description: "Our signature main dishes feature premium proteins and seasonal vegetables prepared with expert technique.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-with-delicios-snacks-prepeared-restaurant-banquet-big-plate-wooden-table-served-with-white-bread-red-caviar-lemons-snack-looks-very-tasty_7502-5803.jpg",              imageAlt: "main course entree plated dish restaurant food cuisine"
            },
            {
              title: "Desserts & Sweets",              description: "Conclude your meal with our artisanal desserts, crafted by our pastry chef with the finest ingredients.",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-shot-plate-with-red-caviar-servings-crispy-rusks-wooden-table-food-nutrition-eating-decoration-restaurant-cafe-cafeteria-menu-order-luxury-lifestyle-concept_7502-5805.jpg",              imageAlt: "dessert sweet cake plated dessert pastry"
            }
          ]}
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="gallery" data-section="gallery">
        <ProductCardOne
          title="Photo Gallery"
          description="Visual showcase of our culinary creations and restaurant ambiance. Each dish is a work of art."
          tag="Visual Inspiration"
          tagIcon={Camera}
          products={[
            {
              id: "1",              name: "Gourmet Presentation",              price: "Signature Dish",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-big-plate-served-restaurant-buffet-with-tasty-snacks-made-from-red-caviar-white-bread-lemon-slices-cream-looks-very-delicios-good-banquets-catering_7502-5804.jpg",              imageAlt: "Gourmet plated dish"
            },
            {
              id: "2",              name: "Culinary Artistry",              price: "Chef's Creation",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-plate-with-boiled-eggs-vegetables_23-2148482430.jpg",              imageAlt: "Fine dining plated creation"
            },
            {
              id: "3",              name: "Elegant Appetizer",              price: "House Special",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-vegetable-pate-with-walnuts-green-leaves-along-with-crisps-red-wine-meal-products-grey-desk_140725-16115.jpg",              imageAlt: "Elegant appetizer presentation"
            },
            {
              id: "4",              name: "Seafood Delight",              price: "Premium Selection",              imageSrc: "https://img.b2bpic.net/free-photo/pate-with-leaves-designed-vegetable-pate-inside-white-plate_140725-14607.jpg",              imageAlt: "Premium seafood dish"
            },
            {
              id: "5",              name: "Sweet Finale",              price: "Dessert Special",              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-delicious-bruschettas_23-2148482446.jpg",              imageAlt: "Gourmet dessert presentation"
            }
          ]}
          textboxLayout="default"
          gridVariant="four-items-2x2-equal-grid"
          animationType="scale-rotate"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Our Story"
          description="For over a decade, we've been dedicated to delivering an unforgettable dining experience. Our passion for culinary excellence and commitment to quality ingredients set us apart. Every dish tells a story of tradition, innovation, and genuine care."
          tag="About Us"
          imageSrc="https://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg"
          imageAlt="Our chef crafting exceptional dishes"
          buttons={[
            { text: "Learn More", href: "#" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="What Our Guests Say"
          description="Read heartfelt reviews from diners who have experienced our culinary artistry."
          tag="Guest Reviews"
          tagIcon={Star}
          testimonials={[
            {
              id: "1",              name: "Margaret Chen",              role: "Food Critic",              testimonial: "An absolutely outstanding dining experience. The attention to detail in every dish is remarkable. This restaurant has truly elevated fine dining in our city.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Margaret Chen, Food Critic"
            },
            {
              id: "2",              name: "James Richardson",              role: "Regular Guest",              testimonial: "We've visited three times now and each experience has been exceptional. The service is impeccable and the flavors are unforgettable. Highly recommended.",              imageSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              imageAlt: "James Richardson, Regular Guest"
            },
            {
              id: "3",              name: "Elena Rossi",              role: "Travel Journalist",              testimonial: "A hidden gem that deserves recognition. The chef's creativity and the restaurant's warm hospitality make this a must-visit destination for any food lover.",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",              imageAlt: "Elena Rossi, Travel Journalist"
            },
            {
              id: "4",              name: "David Park",              role: "Restaurant Enthusiast",              testimonial: "Perfect for special occasions. Every element from ambiance to cuisine is carefully thought out. It's not just a meal; it's a memorable experience.",              imageSrc: "https://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",              imageAlt: "David Park, Restaurant Enthusiast"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to reserve your table? Contact us today to book your dining experience. Our team is here to ensure your visit is extraordinary."
          animationType="entrance-slide"
          background={{ variant: "plain" }}
          buttons={[
            { text: "Make a Reservation", href: "#reservation-form" },
            { text: "Call Us", href: "#" }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Cuisine"
          copyrightText="© 2025 Cuisine Restaurant. All rights reserved."
          columns={[
            {
              title: "Restaurant",              items: [
                { label: "Home", href: "home" },
                { label: "Menu", href: "menu" },
                { label: "Gallery", href: "gallery" }
              ]
            },
            {
              title: "Dining",              items: [
                { label: "Reservations", href: "contact" },
                { label: "Private Events", href: "#" },
                { label: "Catering", href: "#" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Phone", href: "#" },
                { label: "Email", href: "#" },
                { label: "Location", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}