"use client"

import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactCenterForm from '@/components/sections/contact/ContactCenterForm';
import FooterBase from '@/components/sections/footer/FooterBase';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="mediumLargeSizeLargeTitles"
      background="circleGradient"
      cardStyle="shadow-colored"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Bella Italia"
          navItems={[
            { name: "Menu", id: "menu" },
            { name: "About", id: "about" },
            { name: "Team", id: "team" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Reserve", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Experience Authentic Italian Cuisine"
          description="Discover the flavors of Italy in every bite. From handmade pasta to wood-fired pizzas, we celebrate traditional recipes with the finest ingredients."
          tag="Award-Winning Restaurant"
          imageSrc="https://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081864.jpg"
          imageAlt="Elegant Italian restaurant interior with warm lighting and rustic charm"
          buttons={[
            { text: "Reserve a Table", href: "contact" },
            { text: "View Menu", href: "menu" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          title="Bringing Italy Home Since 1995. Our passion is sharing authentic Italian traditions, time-tested recipes, and the warmth of Italian hospitality with every guest who walks through our doors."
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Our Story", href: "about" }
          ]}
        />
      </div>

      <div id="menu" data-section="menu">
        <FeatureCardThree
          title="Our Signature Dishes"
          description="Each dish is crafted with passion and the finest Italian ingredients, honoring traditional recipes passed down through generations."
          tag="Menu Highlights"
          features={[
            {
              id: "01",              title: "Handmade Pappardelle al Cinghiale",              description: "Wide ribbon pasta with slow-cooked wild boar ragù, aged balsamic, and fresh herbs. A Tuscan classic.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-large-tube-pasta-with-chicken-cherry-tomato-with-chopped-parsley_141793-1840.jpg",              imageAlt: "Handmade pappardelle with cinghiale ragù"
            },
            {
              id: "02",              title: "Risotto al Tartufo Bianco",              description: "Creamy arborio risotto with shaved white truffle, parmesan, and butter. A luxurious taste of autumn.",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-large-tube-pasta-with-chicken-cherry-tomato-with-chopped-parsley_141793-1948.jpg",              imageAlt: "Risotto with white truffle shavings"
            },
            {
              id: "03",              title: "Pizza Margherita Classica",              description: "Traditional pizza with San Marzano tomatoes, fresh mozzarella, basil, and olive oil from our Tuscan partners.",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-cooked-pasta-yummy-inside-white-plate-grey-floor_140725-14394.jpg",              imageAlt: "Traditional margherita pizza from wood-fired oven"
            },
            {
              id: "04",              title: "Branzino al Forno",              description: "Whole Mediterranean sea bass, roasted with lemon, fennel, and our signature herb blend. Served tableside.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-large-tube-pasta-with-chicken-cherry-tomato-with-chopped-parsley_141793-1840.jpg",              imageAlt: "Roasted Mediterranean sea bass"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardSix
          title="Meet Our Team"
          description="Led by award-winning chefs and passionate hospitality professionals dedicated to creating unforgettable dining experiences."
          tag="Our Culinary Team"
          members={[
            {
              id: "1",              name: "Marco Rossini",              role: "Executive Chef",              imageSrc: "https://img.b2bpic.net/free-photo/view-chef-working-kitchen_23-2149728027.jpg",              imageAlt: "Marco Rossini, Executive Chef"
            },
            {
              id: "2",              name: "Sofia Marchetti",              role: "Pastry Chef & Co-Owner",              imageSrc: "https://img.b2bpic.net/free-photo/mid-shot-pizza-chef-posing_23-2148785710.jpg",              imageAlt: "Sofia Marchetti, Pastry Chef"
            },
            {
              id: "3",              name: "Giovanni Bellini",              role: "Wine Director",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-male-chef-posing-with-arms-crossed-kitchen_23-2148763123.jpg",              imageAlt: "Giovanni Bellini, Wine Director"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Loved by Our Guests"
          description="Hear what our diners say about their experiences at Bella Italia."
          testimonials={[
            {
              id: "1",              title: "An authentic taste of Italy",              quote: "The pappardelle al cinghiale transported me back to my childhood in Tuscany. Every bite was pure nostalgia and perfection. Marco and Sofia have created something truly special.",              name: "Elena Rossi",              role: "Food Critic",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-confident-male-chef-kitchen_23-2147863584.jpg",              imageAlt: "Elena Rossi"
            },
            {
              id: "2",              title: "Best celebration dinner ever",              quote: "We celebrated our anniversary at Bella Italia and it was magical. The service was impeccable, the food extraordinary, and the atmosphere absolutely romantic. We'll be back every year.",              name: "Michael Chen",              role: "Business Executive",              imageSrc: "https://img.b2bpic.net/free-photo/woman-working-as-professional-chef_23-2151864171.jpg",              imageAlt: "Michael Chen"
            },
            {
              id: "3",              title: "A gem in the city",              quote: "Finally, a restaurant that honors traditional Italian cuisine without pretension. The wood-fired pizza is divine, and Giovanni's wine pairings elevate every course. Highly recommended.",              name: "Amanda Thompson",              role: "Restaurant Blogger",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-smiley-woman-kitchen_23-2149631733.jpg",              imageAlt: "Amanda Thompson"
            },
            {
              id: "4",              title: "Worth every penny",              quote: "The risotto al tartufo is worth traveling across the city for. Every ingredient tastes handpicked with care. This is fine dining done right with genuine Italian hospitality.",              name: "Robert Martinez",              role: "Sommelier",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-elderly-chef-dressed-uniform-with-crossed-arms-against-dark-background_613910-17580.jpg",              imageAlt: "Robert Martinez"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Everything you need to know about dining at Bella Italia."
          faqs={[
            {
              id: "1",              title: "How far in advance should I make a reservation?",              content: "We recommend reservations 2-4 weeks in advance for weekends and special occasions. However, we hold tables for walk-ins based on availability. Call us at (555) 123-4567 or book online for guaranteed seating."
            },
            {
              id: "2",              title: "Do you accommodate dietary restrictions?",              content: "Absolutely. We work closely with our chefs to accommodate vegetarian, vegan, gluten-free, and allergen-free diets. Please mention your requirements when making a reservation so we can prepare something special."
            },
            {
              id: "3",              title: "What is your dress code?",              content: "We maintain a smart casual dress code. We recommend avoiding athletic wear and flip-flops. Jackets are encouraged but not required for gentlemen."
            },
            {
              id: "4",              title: "Do you have a private dining area?",              content: "Yes, we have a beautiful private room that accommodates up to 40 guests, perfect for celebrations and corporate events. Please contact our events coordinator for details and availability."
            },
            {
              id: "5",              title: "What wine options do you offer?",              content: "Our curated wine list features over 200 Italian and international selections. Giovanni, our Wine Director, is happy to recommend pairings with your meal."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/spaghetti-with-meat-creamy-sauce-garnished-with-grated-parmesan_141793-1829.jpg"
          imageAlt="Elegant dining experience with wine service"
          mediaPosition="left"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenterForm
          title="Reserve Your Table"
          description="Book your dining experience at Bella Italia. We look forward to welcoming you."
          inputs={[
            {
              id: "name",              label: "Full Name",              type: "text",              placeholder: "Your name",              required: true
            },
            {
              id: "email",              label: "Email Address",              type: "email",              placeholder: "your@email.com",              required: true
            },
            {
              id: "phone",              label: "Phone Number",              type: "tel",              placeholder: "(555) 123-4567",              required: true
            },
            {
              id: "date",              label: "Preferred Date",              type: "text",              placeholder: "MM/DD/YYYY",              required: true
            }
          ]}
          textarea={{
            id: "message",            label: "Special Requests",            placeholder: "Let us know about any special occasions, dietary restrictions, or preferences...",            required: false
          }}
          useInvertedBackground="noInvert"
          buttonText="Reserve Now"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Bella Italia"
          copyrightText="© 2025 Bella Italia Restaurant. All rights reserved."
          columns={[
            {
              title: "Restaurant",              items: [
                { label: "Make a Reservation", href: "contact" },
                { label: "View Menu", href: "menu" },
                { label: "Private Events", href: "contact" }
              ]
            },
            {
              title: "About Us",              items: [
                { label: "Our Story", href: "about" },
                { label: "Meet Our Team", href: "team" },
                { label: "Sourcing & Ingredients", href: "about" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Phone: (555) 123-4567", href: "tel:5551234567" },
                { label: "Email: hello@bellaitalia.com", href: "mailto:hello@bellaitalia.com" },
                { label: "Hours: Tue-Sun 5pm-11pm", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}