"use client";

import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';

export default function Page() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="small"
      sizing="mediumLargeSizeLargeTitles"
      background="blurBottom"
      cardStyle="outline"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Milan di Damaso"
          navItems={[
            { name: "Home", id: "#home" },
            { name: "About", id: "#about" },
            { name: "Menu", id: "#menu" },
            { name: "Testimonials", id: "#testimonials" },
            { name: "Team", id: "#team" },
            { name: "FAQ", id: "#faq" },
            { name: "Contact", id: "#contact" }
          ]}
          button={{ text: "Book a Table", href: "#contact" }}
          animateOnLoad={true}
          logoSrc="http://img.b2bpic.net/free-vector/restaurant-vintage-brand-logo-set_23-2148368546.jpg"
          logoAlt="Milan di Damaso Logo"
        />
      </div>
      <div id="home" data-section="home">
        <HeroCarouselLogo
          logoText="Milan di Damaso"
          description="Experience authentic Italian flavors and warm family hospitality at Milan di Damaso. Where every meal is a celebration, and every guest is family. Join us for an unforgettable dining experience."
          buttons={[
            { text: "View Our Menu", href: "#menu" },
            { text: "Make a Reservation", href: "#contact" }
          ]}
          slides={[
            { imageSrc: "http://img.b2bpic.net/free-photo/delicious-pasta-with-chorizo-slices_23-2148974689.jpg", imageAlt: "Cozy Italian restaurant interior with warm lighting" },
            { imageSrc: "http://img.b2bpic.net/free-photo/three-stylish-young-people-having-fun-lunch-cafe-talking-each-other-laughing-jokes_273609-9011.jpg", imageAlt: "Outdoor patio dining at an Italian restaurant" },
            { imageSrc: "http://img.b2bpic.net/free-photo/christmas-table-living-room-with-objects-holiday-decor-new-year-eve-concept_132075-11240.jpg", imageAlt: "Wine cellar in a rustic restaurant" },
            { imageSrc: "http://img.b2bpic.net/free-photo/two-young-stylish-women-sitting-cafe_285396-3288.jpg", imageAlt: "Family enjoying a meal at the restaurant" },
            { imageSrc: "http://img.b2bpic.net/free-photo/chocolate-waffles-with-eclairs-cookies_114579-14486.jpg", imageAlt: "Live music performance in a restaurant bar" },
            { imageSrc: "http://img.b2bpic.net/free-photo/champagne-glass-foamy-dark-beverage_140725-8519.jpg", imageAlt: "Elegant restaurant dining area" }
          ]}
          autoplayDelay={4000}
          showDimOverlay={true}
          useInvertedBackground={false}
        />
      </div>
      <div id="about" data-section="about">
        <TextAbout
          tag="Our Story"
          title="A Taste of Italy, Crafted with Love for Generations"
          buttons={[
            { text: "Learn More" }
          ]}
          useInvertedBackground={true}
        />
      </div>
      <div id="features" data-section="features">
        <FeatureCardThree
          title="Discover Our Specialties"
          description="From time-honored family recipes to innovative bar creations, we offer a range of experiences designed to delight every palate."
          features={[
            { title: "Authentic Italian Cuisine", description: "Savor dishes made with passion, using traditional methods and the freshest ingredients, just like Nonna used to make.", imageSrc: "http://img.b2bpic.net/free-photo/bunch-tomatoes-with-italian-pasta-around_114579-10483.jpg", imageAlt: "Handcrafted pasta being made" },
            { title: "Curated Bar Experience", description: "Our expert mixologists craft exquisite cocktails, and our extensive wine list features the best Italian and international selections.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-chandelier-made-with-glasses-wine_1153-5056.jpg", imageAlt: "Bartender mixing a cocktail" },
            { title: "Warm Family Ambiance", description: "Dine in a cozy, inviting atmosphere where laughter fills the air and every visit feels like coming home.", imageSrc: "http://img.b2bpic.net/free-photo/evening-family-gathered-dinner-clinking-glasses-wine-making-toast_482257-23932.jpg", imageAlt: "Cozy restaurant interior with soft lighting" }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="menu" data-section="menu">
        <ProductCardThree
          title="From Our Kitchen to Your Table"
          description="Explore a selection of our signature dishes and drinks, handcrafted to perfection."
          products={[
            { id: "1", name: "Spaghetti Bolognese", price: "$22", imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-mixing-shredded-coconut_23-2147758425.jpg", imageAlt: "Spaghetti Bolognese", rating: 5 },
            { id: "2", name: "Margherita Pizza", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/closeup-fresh-pizza-with-mozzarella-cheese-tomatoes-basil_181624-58097.jpg", imageAlt: "Margherita Pizza", rating: 5 },
            { id: "3", name: "Classic Tiramisu", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-tiramisu-plate_23-2149599624.jpg", imageAlt: "Classic Tiramisu", rating: 5 },
            { id: "4", name: "Grilled Salmon", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/plate-salmon-steak-with-broccoli_181624-32092.jpg", imageAlt: "Grilled Salmon", rating: 4 },
            { id: "5", name: "Beef Carpaccio", price: "$16", imageSrc: "http://img.b2bpic.net/free-photo/side-view-grilled-chicken-with-zukini-mushrooms-cucumber-tomatoes-plate_141793-3633.jpg", imageAlt: "Beef Carpaccio", rating: 4 },
            { id: "6", name: "Espresso Martini", price: "$14", imageSrc: "http://img.b2bpic.net/free-photo/organic-coffee-beans-still-life_23-2151762360.jpg", imageAlt: "Espresso Martini", rating: 5 }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Milan di Damaso is a true gem! The food is outstanding, the atmosphere is so welcoming, and the service makes you feel like family. We come here for every special occasion, and it never disappoints!"
          rating={5}
          author="Isabella Rossi"
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/female-chef-standing-with-crossed-arms-white-uniform-looking-confident_176474-11785.jpg", alt: "Isabella Rossi" },
            { src: "http://img.b2bpic.net/free-photo/closeup-smiling-goodlooking-man-showing-thumbs-up-praising-good-job-recommending-company-standing_1258-159836.jpg", alt: "Marco Bianchi" },
            { src: "http://img.b2bpic.net/free-photo/woman-with-tanned-skin-bright-summer-outfit-posing-sitting-threshold-old-building-with-beautiful-wooden-door_197531-17093.jpg", alt: "Sofia Ricci" },
            { src: "http://img.b2bpic.net/free-photo/smiley-people-taking-selfie-bistro-medium-shot_23-2149366464.jpg", alt: "Giovanni Gallo" }
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>
      <div id="team" data-section="team">
        <TeamCardFive
          title="Meet the Milan di Damaso Family"
          description="Our dedicated team, from the kitchen to the front of house, is passionate about bringing you the best Italian dining experience."
          team={[
            { id: "1", name: "Chef Alessandro Damaso", role: "Head Chef & Owner", imageSrc: "http://img.b2bpic.net/free-photo/male-chef-kitchen-cooking_23-2148934694.jpg", imageAlt: "Chef Alessandro Damaso" },
            { id: "2", name: "Maria Damaso", role: "Restaurant Manager", imageSrc: "http://img.b2bpic.net/free-photo/bearded-manager-using-digital-tablet_1098-15122.jpg", imageAlt: "Maria Damaso" },
            { id: "3", name: "Luca Damaso", role: "Bar Manager", imageSrc: "http://img.b2bpic.net/free-photo/chef-with-tablet-kitchen_23-2148480394.jpg", imageAlt: "Luca Damaso" }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>
      <div id="faq" data-section="faq">
        <FaqDouble
          title="Your Questions, Answered"
          description="Find quick answers to common questions about reservations, dietary needs, events, and more."
          faqs={[
            { id: "faq1", title: "Do you accept reservations?", content: "Yes, we highly recommend making a reservation, especially for dinner and weekend sittings, to ensure you get a table. You can book through our website or by calling us directly." },
            { id: "faq2", title: "Do you have options for dietary restrictions?", content: "Absolutely! We offer a variety of vegetarian, vegan, and gluten-free options. Please inform your server about any allergies or dietary needs, and our kitchen will gladly accommodate." },
            { id: "faq3", title: "Can you host private events or large groups?", content: "Milan di Damaso is perfect for private events and large group gatherings. We offer customizable menus and dedicated spaces. Please contact our event coordinator for more details and availability." },
            { id: "faq4", title: "What are your operating hours?", content: "We are open for lunch from 11:30 AM to 2:30 PM, and for dinner from 5:00 PM to 10:00 PM, Tuesday through Sunday. We are closed on Mondays." },
            { id: "faq5", title: "Is there a dress code?", content: "While we appreciate smart casual attire, we don't enforce a strict dress code. We want you to feel comfortable and enjoy your dining experience with us." }
          ]}
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Book Your Table or Send an Inquiry"
          description="We look forward to welcoming you to Milan di Damaso. Fill out the form below to make a reservation or ask us anything."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email", required: true },
            { name: "phone", type: "tel", placeholder: "Phone Number", required: false },
            { name: "date", type: "date", placeholder: "Preferred Date", required: false },
            { name: "time", type: "time", placeholder: "Preferred Time", required: false },
            { name: "guests", type: "number", placeholder: "Number of Guests", required: false }
          ]}
          textarea={{ name: "message", placeholder: "Special Requests or Questions (e.g., dietary needs, event details)", rows: 4, required: false }}
          buttonText="Send Reservation / Message"
          mediaPosition="left"
          imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-defocused-restaurant-with-bar-coffee-shop-cafe_1203-9471.jpg"
          imageAlt="Elegant restaurant bar interior"
          mediaAnimation="opacity"
          useInvertedBackground={true}
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Milan di Damaso"
          logoSrc="http://img.b2bpic.net/free-vector/restaurant-vintage-brand-logo-set_23-2148368546.jpg"
          logoAlt="Milan di Damaso Logo"
          columns={[
            { items: [{ label: "Home", href: "#home" }, { label: "About Us", href: "#about" }, { label: "Our Menu", href: "#menu" }, { label: "Reservations", href: "#contact" }] },
            { items: [{ label: "Gallery", href: "#" }, { label: "Events", href: "#" }, { label: "Private Dining", href: "#" }, { label: "Gift Cards", href: "#" }] },
            { items: [{ label: "FAQ", href: "#faq" }, { label: "Contact Us", href: "#contact" }, { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
