"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Utensils, ChefHat, Wine, MessageSquareText, Flame, Leaf, BookOpen, Camera, Calendar, Star, Trophy, Users, Clock } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="smallMedium"
      sizing="mediumSizeLargeTitles"
      background="circleGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Savoria"
          navItems={[
            { name: "Menu", id: "menu" },
            { name: "Gallery", id: "gallery" },
            { name: "About", id: "about" },
            { name: "Reservations", id: "reservation" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Book Now",            href: "reservation"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardDashboard
          background={{ variant: "radial-gradient" }}
          tag="Welcome to Savoria"
          tagIcon={Utensils}
          title="Culinary Excellence Awaits"
          description="Experience the finest dining with our thoughtfully curated menu, exceptional service, and warm ambiance. Join us for an unforgettable culinary journey."
          buttons={[
            { text: "Reserve Table", href: "reservation" },
            { text: "Explore Menu", href: "menu" }
          ]}
          dashboard={{
            title: "Tonight's Special",            logoIcon: ChefHat,
            imageSrc: "https://img.b2bpic.net/free-photo/side-view-table-with-cheese-plate-pate-it_140725-12866.jpg",            buttons: [
              { text: "View Menu", href: "menu" },
              { text: "Book Now", href: "reservation" }
            ],
            sidebarItems: [
              { icon: Utensils },
              { icon: Wine, active: true },
              { icon: MessageSquareText }
            ],
            stats: [
              {
                title: "Years Experience",                values: [15, 18, 20],
                description: "Culinary excellence"
              },
              {
                title: "Happy Guests",                values: [5000, 7500, 10000],
                valuePrefix: "+",                description: "Served annually"
              },
              {
                title: "Menu Items",                values: [45, 52, 60],
                description: "Seasonal selection"
              }
            ],
            chartTitle: "Reservation Trends",            chartData: [
              { value: 65 },
              { value: 75 },
              { value: 85 },
              { value: 90 },
              { value: 88 }
            ],
            listTitle: "Today's Highlights",            listItems: [
              { icon: Flame, title: "Pan-Seared Scallops", status: "Featured" },
              { icon: Leaf, title: "Heirloom Vegetables", status: "Seasonal" },
              { icon: Wine, title: "Wine Pairing Menu", status: "Available" }
            ],
            searchPlaceholder: "Search our menu..."
          }}
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardThree
          title="Explore Our Menu"
          description="Discover our carefully crafted dishes featuring seasonal ingredients and innovative culinary techniques."
          tag="Menu"
          tagIcon={BookOpen}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="three-columns-all-equal-width"
          carouselMode="buttons"
          products={[
            {
              id: "1",              name: "Pan-Seared Duck Breast",              price: "$32",              imageSrc: "https://img.b2bpic.net/free-photo/small-slice-pizza-with-shrimp_140725-896.jpg",              imageAlt: "Pan-seared duck breast with seasonal vegetables",              initialQuantity: 1
            },
            {
              id: "2",              name: "Herb-Crusted Lamb Chops",              price: "$38",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-cooked-squashes-designed-meal-inside-plate-grey-space_140725-83766.jpg",              imageAlt: "Herb-crusted lamb chops with rosemary jus",              initialQuantity: 1
            },
            {
              id: "3",              name: "Chocolate Soufflé",              price: "$14",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-cooked-squashes-designed-meal-inside-plate-dark-grey-space_140725-83767.jpg",              imageAlt: "Classic chocolate soufflé with vanilla cream",              initialQuantity: 1
            },
            {
              id: "4",              name: "Signature Wine Selection",              price: "$45",              imageSrc: "https://img.b2bpic.net/free-photo/carpeze-tomato-mozzarella-salad-with-balsamic-sauce_140725-10716.jpg",              imageAlt: "Premium wine flight selection",              initialQuantity: 1
            }
          ]}
        />
      </div>

      <div id="gallery" data-section="gallery">
        <FeatureCardThree
          title="Our Restaurant"
          description="Experience the warmth and elegance of Savoria through our carefully designed spaces and culinary presentations."
          tag="Gallery"
          tagIcon={Camera}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          gridVariant="two-columns-alternating-heights"
          carouselMode="buttons"
          features={[
            {
              id: "01",              title: "Elegant Dining Room",              description: "Intimate ambiance with refined décor and attentive service",              imageSrc: "https://img.b2bpic.net/free-photo/wonderful-wedding-table-amazing-restaurant_8353-9875.jpg",              imageAlt: "Elegant dining room with soft lighting and fine table settings"
            },
            {
              id: "02",              title: "Open Kitchen",              description: "Watch our chefs craft culinary masterpieces in real time",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-view-delicious-food-arrangement_23-2148510885.jpg",              imageAlt: "Professional kitchen with chefs preparing dishes"
            },
            {
              id: "03",              title: "Artful Plating",              description: "Each dish is a work of culinary art",              imageSrc: "https://img.b2bpic.net/free-photo/gourmet-meal-served-with-wine_23-2148516896.jpg",              imageAlt: "Beautifully plated gourmet dish presentation"
            },
            {
              id: "04",              title: "Sophisticated Bar",              description: "Premium cocktails and wine selections in a relaxed setting",              imageSrc: "https://img.b2bpic.net/free-photo/various-food-with-glass-wine_141793-847.jpg",              imageAlt: "Modern bar with elegant seating and ambient lighting"
            }
          ]}
        />
      </div>

      <div id="reservation" data-section="reservation">
        <ContactCenter
          tag="Reserve Your Table"
          tagIcon={Calendar}
          title="Book Your Dining Experience"
          description="Secure your table at Savoria and prepare for an exceptional culinary experience. We look forward to welcoming you."
          background={{ variant: "rotated-rays-animated" }}
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email address"
          buttonText="Get Started"
          termsText="We'll send you reservation details and special offers. Your privacy is important to us."
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Our Guests Say"
          description="Hear from diners who have experienced the magic of Savoria."
          tag="Testimonials"
          tagIcon={Star}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          gridVariant="uniform-all-items-equal"
          testimonials={[
            {
              id: "1",              name: "Eleanor Mitchell",              role: "Food Critic",              company: "Culinary Magazine",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg",              imageAlt: "Portrait of Eleanor Mitchell"
            },
            {
              id: "2",              name: "James Richardson",              role: "Executive",              company: "Tech Innovation Co",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",              imageAlt: "Portrait of James Richardson"
            },
            {
              id: "3",              name: "Sophie Laurent",              role: "Event Planner",              company: "Luxe Events",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",              imageAlt: "Portrait of Sophie Laurent"
            },
            {
              id: "4",              name: "Michael Chen",              role: "Restaurant Owner",              company: "Fine Dining Guild",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg",              imageAlt: "Portrait of Michael Chen"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Savoria: A Legacy of Excellence in Fine Dining"
          useInvertedBackground="noInvert"
          metrics={[
            {
              icon: Trophy,
              label: "Chef's Awards",              value: "15+"
            },
            {
              icon: Users,
              label: "Annual Guests",              value: "10K+"
            },
            {
              icon: Leaf,
              label: "Source Local",              value: "80%"
            },
            {
              icon: Clock,
              label: "Years Operating",              value: "20"
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Restaurant",              items: [
                { label: "Menu", href: "menu" },
                { label: "Reservations", href: "reservation" },
                { label: "Gallery", href: "gallery" },
                { label: "Private Events", href: "about" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Contact", href: "contact" },
                { label: "Press", href: "menu" },
                { label: "Careers", href: "about" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Email", href: "https://example.com" },
                { label: "Newsletter", href: "reservation" }
              ]
            }
          ]}
          copyrightText="© 2025 Savoria. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}