"use client"

import { Camera, ChefHat, Heart, Leaf, Sparkles, Users, Wine } from "lucide-react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import ContactText from '@/components/sections/contact/ContactText';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import FooterBase from '@/components/sections/footer/FooterBase';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="small"
      sizing="largeSmallSizeLargeTitles"
      background="circleGradient"
      cardStyle="elevated"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Savour"
          navItems={[
            { name: "Menu", id: "menu" },
            { name: "Gallery", id: "gallery" },
            { name: "About", id: "about" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Reservations", id: "reservations" }
          ]}
          button={{
            text: "Book a Table",            href: "reservations"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Welcome to Savour"
          description="Experience culinary excellence in an elegant atmosphere. From intimate dinners to special celebrations, we craft unforgettable moments around exceptional food."
          tag="Fine Dining"
          tagIcon={Sparkles}
          background={{ variant: "glowing-orb" }}
          imageSrc="https://img.b2bpic.net/free-photo/wonderful-wedding-table-amazing-restaurant_8353-9875.jpg"
          imageAlt="Elegant restaurant interior with ambient lighting"
          imagePosition="right"
          buttons={[
            { text: "Reserve Now", href: "reservations" },
            { text: "Explore Menu", href: "menu" }
          ]}
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardTwo
          title="Our Signature Menu"
          description="Carefully curated dishes prepared fresh daily with premium ingredients and innovative techniques"
          tag="Culinary Creations"
          tagIcon={ChefHat}
          products={[
            {
              id: "app-1",              brand: "Appetizers",              name: "Pan-Seared Scallops",              price: "$18",              rating: 5,
              reviewCount: "124",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-sliced-meals-different-dishes-inside-white-plate-table_140725-11651.jpg",              imageAlt: "Pan-seared scallops with herb garnish"
            },
            {
              id: "app-2",              brand: "Appetizers",              name: "Truffle Risotto Bites",              price: "$16",              rating: 5,
              reviewCount: "98",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-sliced-meals-different-dishes-inside-white-plate-table_140725-11651.jpg",              imageAlt: "Crispy truffle risotto bites"
            },
            {
              id: "app-3",              brand: "Appetizers",              name: "Foie Gras Terrine",              price: "$22",              rating: 5,
              reviewCount: "156",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-sliced-meals-different-dishes-inside-white-plate-table_140725-11651.jpg",              imageAlt: "Elegant foie gras terrine"
            },
            {
              id: "main-1",              brand: "Main Courses",              name: "Wagyu Beef Tenderloin",              price: "$52",              rating: 5,
              reviewCount: "287",              imageSrc: "https://img.b2bpic.net/free-photo/crackers-with-tomato-slices-eggplant-rolls-berries_114579-3194.jpg",              imageAlt: "Perfectly cooked Wagyu beef tenderloin"
            },
            {
              id: "main-2",              brand: "Main Courses",              name: "Pan-Roasted Halibut",              price: "$38",              rating: 5,
              reviewCount: "203",              imageSrc: "https://img.b2bpic.net/free-photo/crackers-with-tomato-slices-eggplant-rolls-berries_114579-3194.jpg",              imageAlt: "Fresh pan-roasted halibut fillet"
            },
            {
              id: "main-3",              brand: "Main Courses",              name: "Herb-Brined Chicken",              price: "$32",              rating: 5,
              reviewCount: "165",              imageSrc: "https://img.b2bpic.net/free-photo/crackers-with-tomato-slices-eggplant-rolls-berries_114579-3194.jpg",              imageAlt: "Succulent herb-brined chicken breast"
            },
            {
              id: "dessert-1",              brand: "Desserts",              name: "Chocolate Soufflé",              price: "$14",              rating: 5,
              reviewCount: "342",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-view-delicious-food-arrangement_23-2148510885.jpg",              imageAlt: "Decadent chocolate soufflé"
            },
            {
              id: "dessert-2",              brand: "Desserts",              name: "Lavender Panna Cotta",              price: "$12",              rating: 5,
              reviewCount: "201",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-view-delicious-food-arrangement_23-2148510885.jpg",              imageAlt: "Silky lavender panna cotta"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="gallery" data-section="gallery">
        <BlogCardThree
          title="A Glimpse of Savour"
          description="Discover the ambiance, artistry, and passion that define our dining experience"
          tag="Visual Journey"
          tagIcon={Camera}
          blogs={[
            {
              id: "img-1",              category: "Ambiance",              title: "The Heart of Savour",              excerpt: "Step into our elegantly designed dining room where every detail has been thoughtfully curated to enhance your experience.",              imageSrc: "https://img.b2bpic.net/free-photo/wicker-gray-table-with-glass-gray-chairs_140725-3025.jpg",              imageAlt: "Restaurant dining room with warm lighting"
            },
            {
              id: "img-2",              category: "Culinary Art",              title: "Plating Perfection",              excerpt: "Each dish is a work of art. Our chefs present their creations with precision, care, and an eye for beauty.",              imageSrc: "https://img.b2bpic.net/free-photo/grilled-tuna-with-avocado-tomatoes-greens-sesame-sauce-bread-glass-tarhun-lemonade-table_140725-10940.jpg",              imageAlt: "Beautifully plated gourmet dish"
            },
            {
              id: "img-3",              category: "Ambiance",              title: "Modern Elegance",              excerpt: "Our contemporary space blends sophistication with comfort, creating the perfect setting for any occasion.",              imageSrc: "https://img.b2bpic.net/free-photo/restaurant-interior_1127-3392.jpg",              imageAlt: "Modern restaurant interior design"
            },
            {
              id: "img-4",              category: "Culinary Art",              title: "Fresh Creations",              excerpt: "Farm-to-table ingredients transformed into memorable dishes that celebrate seasonal flavors.",              imageSrc: "https://img.b2bpic.net/free-photo/toasted-sandwiches-with-thyme-wooden-chopping-board_23-2147922295.jpg",              imageAlt: "Seasonal fresh ingredients plated beautifully"
            },
            {
              id: "img-5",              category: "Wine",              title: "Curated Wine Selection",              excerpt: "Our sommelier has carefully selected wines that pair perfectly with our menu and your palate.",              imageSrc: "https://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg",              imageAlt: "Wine selection and pairing"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          uniformGridCustomHeightClasses="min-h-96 2xl:min-h-[500px]"
        />
      </div>

      <div id="reservations" data-section="reservations">
        <ContactText
          text="Ready to reserve your table? We look forward to welcoming you. Contact us now to book your perfect dining experience."
          animationType="entrance-slide"
          background={{ variant: "plain" }}
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Call Us", href: "tel:+1-555-0123" },
            { text: "Email Reservations", href: "mailto:reservations@savour.com" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureHoverPattern
          title="Why Choose Savour"
          description="Discover what makes our restaurant a destination for food lovers and special occasions"
          features={[
            {
              icon: ChefHat,
              title: "Expert Chefs",              description: "Our award-winning culinary team brings decades of experience and passion to every dish"
            },
            {
              icon: Leaf,
              title: "Premium Ingredients",              description: "We source the finest locally-grown and imported ingredients for uncompromising quality"
            },
            {
              icon: Users,
              title: "Personalized Service",              description: "Our attentive staff ensures every guest feels welcomed and cared for throughout their visit"
            },
            {
              icon: Wine,
              title: "Wine Selection",              description: "Expertly curated wine list with pairings for every course and preference"
            },
            {
              icon: Sparkles,
              title: "Special Occasions",              description: "Perfect setting for anniversaries, celebrations, and unforgettable moments"
            },
            {
              icon: Heart,
              title: "Passion & Craft",              description: "Every meal reflects our commitment to culinary excellence and guest satisfaction"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="The most memorable dining experience we've ever had. Every course was exquisitely prepared, the wine pairings were perfect, and the service was impeccable. Savour has set a new standard for fine dining in our city."
          rating={5}
          author="Sarah & Michael Thompson"
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", alt: "Sarah Thompson" },
            { src: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", alt: "Michael Thompson" },
            { src: "https://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg", alt: "Emma Johnson" },
            { src: "https://img.b2bpic.net/free-photo/portrait-beautiful-business-office-business-center_1303-20365.jpg", alt: "James Chen" },
            { src: "https://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg", alt: "Lisa Martinez" },
            { src: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", alt: "David Williams" }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Savour"
          copyrightText="© 2025 Savour Restaurant. All rights reserved."
          columns={[
            {
              title: "Hours",              items: [
                { label: "Monday - Thursday", href: "#" },
                { label: "5:00 PM - 11:00 PM", href: "#" },
                { label: "Friday - Saturday", href: "#" },
                { label: "5:00 PM - 12:00 AM", href: "#" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "+1 (555) 0123", href: "tel:+1-555-0123" },
                { label: "reservations@savour.com", href: "mailto:reservations@savour.com" },
                { label: "123 Culinary Lane", href: "#" },
                { label: "Gourmet City, GC 12345", href: "#" }
              ]
            },
            {
              title: "Navigation",              items: [
                { label: "Menu", href: "menu" },
                { label: "Gallery", href: "gallery" },
                { label: "Reservations", href: "reservations" },
                { label: "Contact", href: "contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}