"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Chef, Leaf, Sparkles } from "lucide-react";

export default function RestaurantPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="medium"
      sizing="mediumLargeSizeLargeTitles"
      background="none"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Savora"
          navItems={[
            { name: "Menu", id: "menu" },
            { name: "Gallery", id: "gallery" },
            { name: "About", id: "about" },
            { name: "Reserve", id: "reservation" }
          ]}
          button={{
            text: "Book Now",            href: "#reservation"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="SAVORA"
          description="Welcome to an unforgettable culinary journey. Experience exquisite cuisine crafted with passion, finest ingredients, and innovative techniques in an elegant setting."
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Reserve Your Table", href: "#reservation" },
            { text: "Explore Menu", href: "#menu" }
          ]}
          layoutOrder="default"
          imageSrc="https://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8729.jpg"
          imageAlt="Elegant restaurant dining room with warm ambiance"
          frameStyle="browser"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="About Savora"
          description="Savora represents the pinnacle of culinary excellence. Founded on the belief that exceptional food creates lasting memories, we combine traditional techniques with contemporary innovation to deliver unforgettable dining experiences."
          tag="Our Story"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          bulletPoints={[
            {
              title: "Award-Winning Chef",              description: "Led by Chef Marcus with 20 years of international culinary expertise",              icon: Chef
            },
            {
              title: "Locally Sourced",              description: "Partnerships with regional farmers for the freshest seasonal ingredients",              icon: Leaf
            },
            {
              title: "Intimate Atmosphere",              description: "Carefully designed spaces perfect for celebrations and special moments",              icon: Sparkles
            },
            {
              title: "Personalized Service",              description: "Attentive staff dedicated to exceeding your dining expectations"
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/man-chef-cooking-asian-chicken-cafe-kitchen_1303-32155.jpg"
          imageAlt="Chef in professional kitchen environment"
          imagePosition="right"
        />
      </div>

      <div id="menu" data-section="menu">
        <FeatureCardOne
          title="Our Menu"
          description="Discover our carefully curated selection of dishes, each crafted to showcase the finest flavors and culinary artistry."
          tag="Fine Dining"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              title: "Appetizers & Starters",              description: "Begin your culinary journey with our signature small plates featuring fresh, seasonal ingredients and innovative preparations.",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-sliced-meals-different-dishes-inside-white-plate-table_140725-11651.jpg",              button: { text: "View Appetizers", href: "#" }
            },
            {
              title: "Main Courses",              description: "Our signature entrees showcase masterful technique and the finest quality proteins, complemented by artfully prepared vegetables and sauces.",              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",              button: { text: "View Mains", href: "#" }
            },
            {
              title: "Desserts & Finishing Touches",              description: "End your meal on a sweet note with our decadent desserts created by our pastry chef using premium 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",              button: { text: "View Desserts", href: "#" }
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
        />
      </div>

      <div id="gallery" data-section="gallery">
        <ProductCardFour
          title="Experience Savora"
          description="Take a visual tour of our restaurant, from the elegant dining spaces to the artistry of our culinary creations."
          tag="Photo Gallery"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          products={[
            {
              id: "1",              name: "Dining Ambiance",              price: "Premium Setting",              variant: "Elegant • Intimate • Refined",              imageSrc: "https://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg"
            },
            {
              id: "2",              name: "Restaurant Atmosphere",              price: "Warm Welcome",              variant: "Sophisticated • Welcoming • Memorable",              imageSrc: "https://img.b2bpic.net/free-photo/wicker-gray-table-with-glass-gray-chairs_140725-3025.jpg"
            },
            {
              id: "3",              name: "Culinary Craftsmanship",              price: "Expert Preparation",              variant: "Professional • Passionate • Precise",              imageSrc: "https://img.b2bpic.net/free-photo/wonderful-wedding-table-amazing-restaurant_8353-9875.jpg"
            },
            {
              id: "4",              name: "Plating Artistry",              price: "Visual Excellence",              variant: "Creative • Beautiful • Delicious",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-plate-with-boiled-eggs-vegetables_23-2148482430.jpg"
            }
          ]}
          gridVariant="two-columns-alternating-heights"
          animationType="slide-up"
        />
      </div>

      <div id="reservation" data-section="reservation">
        <ContactCenter
          tag="Reservation"
          title="Reserve Your Table"
          description="Secure your dining experience at Savora. Book your table in advance to ensure the perfect evening with us."
          background={{ variant: "animated-grid" }}
          useInvertedBackground="noInvert"
          inputPlaceholder="your@email.com"
          buttonText="Check Availability"
          termsText="By reserving, you agree to our cancellation policy. Changes must be made 24 hours in advance."
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          cardTitle="Thousands of satisfied guests have celebrated special moments at Savora"
          cardTag="Guest Reviews"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              imageSrc: "https://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149727992.jpg"
            },
            {
              id: "2",              name: "Michael Chen",              imageSrc: "https://img.b2bpic.net/free-photo/man-chef-frying-meat-pan-fire_1303-32151.jpg"
            },
            {
              id: "3",              name: "Emily Rodriguez",              imageSrc: "https://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149727991.jpg"
            },
            {
              id: "4",              name: "David Kim",              imageSrc: "https://img.b2bpic.net/free-photo/chef-recording-cooking-class-online-culinary-school-platform_482257-121192.jpg"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Newsletter"
          title="Stay Updated"
          description="Subscribe to our newsletter for exclusive specials, seasonal menu updates, and invitations to special dining events."
          background={{ variant: "downward-rays-animated-grid" }}
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime with a single click."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Savora"
          columns={[
            {
              title: "Restaurant",              items: [
                { label: "Reserve a Table", href: "#reservation" },
                { label: "View Menu", href: "#menu" },
                { label: "Gallery", href: "#gallery" },
                { label: "Special Events", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Chef", href: "#about" },
                { label: "Careers", href: "#" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Dining",              items: [
                { label: "Dress Code", href: "#" },
                { label: "Dietary Preferences", href: "#" },
                { label: "Private Events", href: "#" },
                { label: "Gift Cards", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Savora Restaurant. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}