"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Award, Calendar, ChefHat, Facebook, Instagram, MapPin, Phone, Star, TrendingUp, Users, UtensilsCrossed } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="medium"
      sizing="medium"
      background="none"
      cardStyle="elevated"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Minna's Kitchen"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Menu", id: "features" },
            { name: "Reviews", id: "testimonial" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Welcome to Minna's Kitchen"
          description="Experience authentic Italian cuisine in a warm, inviting atmosphere. From traditional pasta dishes to fresh seafood specialties, every meal celebrates Italian culinary traditions and family heritage."
          tag="Authentic Italian Dining"
          tagIcon={UtensilsCrossed}
          buttons={[
            { text: "Make a Reservation", href: "contact" },
            { text: "View Our Menu", href: "features" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/beautiful-decorated-table-with-pine-leaf_8353-10194.jpg"
          imageAlt="Elegant Italian restaurant dining room with warm lighting"
          imagePosition="right"
          fixedMediaHeight={true}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Our Story"
          description="Minna's Kitchen is dedicated to bringing authentic Italian flavors to your table."
          tabs={[
            {
              id: "heritage",              label: "Our Heritage",              description: "Founded with a passion for traditional Italian cooking, Minna's Kitchen honors recipes passed down through generations. We source the finest ingredients and prepare each dish with care and authenticity, creating an unforgettable dining experience that celebrates Italian culinary excellence and family traditions."
            },
            {
              id: "philosophy",              label: "Our Philosophy",              description: "We believe in quality over quantity. Every ingredient is carefully selected, every dish is prepared fresh, and every guest is treated like family. Our kitchen operates with a commitment to sustainability, traditional techniques, and the joy of sharing good food with loved ones around the table."
            },
            {
              id: "experience",              label: "Your Experience",              description: "From the moment you walk through our doors, you'll experience warm hospitality and genuine Italian warmth. Our knowledgeable staff is passionate about helping you discover your new favorite dish, while our cozy ambiance creates the perfect setting for memories, celebrations, and everyday moments that matter."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/beautiful-decorated-table-with-pine-leaf_8353-10194.jpg"
          imageAlt="Cozy Italian restaurant interior with traditional décor"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardThree
          title="Our Featured Dishes"
          description="Discover our signature dishes that showcase the best of Italian cuisine"
          tag="Menu Highlights"
          tagIcon={ChefHat}
          features={[
            {
              id: "01",              title: "Handmade Pasta Carbonara",              description: "Traditional Roman pasta with creamy sauce, guanciale, and aged pecorino cheese. Made fresh daily using techniques passed down through our family.",              imageSrc: "https://img.b2bpic.net/free-photo/pasta-with-mushrooms-tomato-with-cheese-topping_140725-3657.jpg",              imageAlt: "Creamy pasta carbonara with guanciale and cheese"
            },
            {
              id: "02",              title: "Risotto al Tartufo",              description: "Creamy Arborio rice infused with black truffle, butter, and Parmesan. A luxurious dish that melts in your mouth with every spoonful.",              imageSrc: "https://img.b2bpic.net/free-photo/alfredo-fettuccine-with-mushroom-grated-parmesan-cherry-tomato_140725-6482.jpg",              imageAlt: "Elegant truffle risotto plating"
            },
            {
              id: "03",              title: "Branzino al Forno",              description: "Fresh Mediterranean sea bass roasted with lemon, herbs, and olive oil. Served whole for an authentic Italian seafood experience.",              imageSrc: "https://img.b2bpic.net/free-photo/flat-lay-italian-food-composition-with-copyspace_23-2148202579.jpg",              imageAlt: "Whole roasted branzino with fresh herbs"
            },
            {
              id: "04",              title: "Tiramisu Tradizionale",              description: "Our famous tiramisu made with imported mascarpone, espresso, and dusted with cocoa. The perfect ending to your Italian feast.",              imageSrc: "https://img.b2bpic.net/free-photo/high-protein-pasta-meal-close-up-detail_23-2149098855.jpg",              imageAlt: "Traditional tiramisu with cocoa dusting"
            }
          ]}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardFive
          title="What Our Guests Say"
          description="Hear from the diners who have experienced the warmth and authenticity of Minna's Kitchen"
          tag="Reviews"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              name: "Maria Rossi, Food Critic",              date: "Date: 15 January 2025",              title: "An authentic taste of Italy",              quote: "Minna's Kitchen transported me straight to a trattoria in Rome. The handmade pasta, the quality of ingredients, and the warm hospitality made this an unforgettable evening. This is true Italian dining.",              tag: "Fine Dining",              avatarSrc: "https://img.b2bpic.net/free-photo/smiley-business-woman-posing-outdoors-suit_23-2148603024.jpg",              avatarAlt: "Maria Rossi",              imageSrc: "https://img.b2bpic.net/free-photo/pasta-with-mushrooms-tomato-with-cheese-topping_140725-3657.jpg",              imageAlt: "Signature pasta dish"
            },
            {
              id: "2",              name: "Giuseppe Moretti, Regular Guest",              date: "Date: 22 December 2024",              title: "Finally, real Italian food",              quote: "As someone who grew up in Italy, I was skeptical. But from the first bite, I knew this was the real deal. Minna's Kitchen gets it right—authentic recipes, fresh ingredients, and that special Italian touch that can't be faked.",              tag: "Family Dining",              avatarSrc: "https://img.b2bpic.net/free-photo/smiling-woman_23-2147615403.jpg",              avatarAlt: "Giuseppe Moretti",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-decorated-table-with-pine-leaf_8353-10194.jpg",              imageAlt: "Restaurant dining area"
            },
            {
              id: "3",              name: "Elena Santoro, Celebration Guest",              date: "Date: 08 December 2024",              title: "Perfect for special occasions",              quote: "We celebrated our anniversary at Minna's Kitchen and it was magical. The ambiance, the service, and especially the food created a night we'll never forget. Every detail was perfect.",              tag: "Celebrations",              avatarSrc: "https://img.b2bpic.net/free-photo/young-happy-women-student-property-business-background-beautiful-young-business-woman_1391-64.jpg",              avatarAlt: "Elena Santoro",              imageSrc: "https://img.b2bpic.net/free-photo/alfredo-fettuccine-with-mushroom-grated-parmesan-cherry-tomato_140725-6482.jpg",              imageAlt: "Truffle risotto"
            },
            {
              id: "4",              name: "Marco Benedetti, Culinary Professional",              date: "Date: 20 November 2024",              title: "A gem for Italian cuisine lovers",              quote: "I bring my family here regularly because the quality never wavers. The chefs clearly care about what they're doing. This is one of the best Italian restaurants in the city, hands down.",              tag: "Regular Guest",              avatarSrc: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",              avatarAlt: "Marco Benedetti",              imageSrc: "https://img.b2bpic.net/free-photo/flat-lay-italian-food-composition-with-copyspace_23-2148202579.jpg",              imageAlt: "Fresh branzino"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="By The Numbers"
          description="Minna's Kitchen has been serving authentic Italian cuisine with excellence and pride"
          tag="Our Impact"
          tagIcon={TrendingUp}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          metrics={[
            {
              id: "1",              icon: Users,
              title: "Happy Guests",              value: "10,000+"
            },
            {
              id: "2",              icon: Calendar,
              title: "Years Open",              value: "18"
            },
            {
              id: "3",              icon: ChefHat,
              title: "Signature Dishes",              value: "50+"
            },
            {
              id: "4",              icon: Award,
              title: "5-Star Reviews",              value: "4.9"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get in Touch"
          title="Reserve Your Table Today"
          description="Join us for an unforgettable Italian dining experience. Make a reservation or contact us with any questions about our menu, private events, or catering services."
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/such-good-tableware-table-gold-shades_8353-9923.jpg"
          imageAlt="Warm Italian restaurant interior"
          mediaPosition="right"
          tagIcon={Phone}
          inputPlaceholder="your@email.com"
          buttonText="Reserve"
          termsText="By reserving, you agree to our dining policies. We look forward to welcoming you to Minna's Kitchen."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Minna's Kitchen"
          copyrightText="© 2025 Minna's Kitchen. Authentic Italian Cuisine. All rights reserved."
          socialLinks={[
            {
              icon: Instagram,
              href: "https://instagram.com",              ariaLabel: "Instagram"
            },
            {
              icon: Facebook,
              href: "https://facebook.com",              ariaLabel: "Facebook"
            },
            {
              icon: MapPin,
              href: "https://maps.google.com",              ariaLabel: "Location"
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}