"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Sparkles } from "lucide-react";

export default function Page() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="mediumSizeLargeTitles"
      background="noise"
      cardStyle="glass-elevated"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Orchid Restaurant"
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "#about" },
            { name: "Menu", id: "#menu" },
            { name: "Experience", id: "#features"},
            { name: "Specials", id: "#specials" },
            { name: "Testimonials", id: "#testimonials" },
            { name: "FAQ", id: "#faq" },
            { name: "Contact", id: "#contact" }
          ]}
        />
      </div>
      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="Orchid Restaurant"
          description="Experience culinary excellence and an unforgettable ambiance at Orchid. Where every dish is a masterpiece and every visit a celebration."
          buttons={[
            { text: "View Menu", href: "#menu" },
            { text: "Make a Reservation", href: "#contact" }
          ]}
          slides={[
            { imageSrc: "http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081466.jpg", imageAlt: "Luxurious restaurant dining interior" },
            { imageSrc: "http://img.b2bpic.net/free-photo/food-cooking_114579-8725.jpg", imageAlt: "Chef preparing a gourmet dish" },
            { imageSrc: "http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-sitting-cafe_627829-5456.jpg", imageAlt: "Vibrant cocktails at a bar counter" },
            { imageSrc: "http://img.b2bpic.net/free-photo/fruit-galette-composition-tasty-food-concept_185193-109015.jpg", imageAlt: "Gourmet dessert platter" },
            { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sunset-scene_23-2151892420.jpg", imageAlt: "Outdoor patio dining at sunset" },
            { imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-inspecting-glass-wine_23-2148060593.jpg", imageAlt: "Fine wine tasting in a cellar" }
          ]}
          autoplayDelay={4000}
        />
      </div>
      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          title="A Legacy of Taste and Elegance"
          description="Orchid Restaurant has been a cornerstone of fine dining for over two decades, blending classic culinary techniques with modern innovation. Our commitment to fresh, locally sourced ingredients and impeccable service ensures a dining experience that is truly unforgettable."
          metrics={[
            { value: "20+", title: "Years of Excellence" },
            { value: "5", title: "Star Chefs" },
            { value: "100%", title: "Fresh Ingredients" }
          ]}
          useInvertedBackground={true}
          imageSrc="http://img.b2bpic.net/free-photo/closeup-portrait-fashionable-woman-with-long-hair-chilling-terrace-cafe-she-has-vinous-lips_197531-603.jpg"
          imageAlt="Charming Orchid Restaurant exterior"
          mediaAnimation="blur-reveal"
        />
      </div>
      <div id="menu" data-section="menu">
        <ProductCardOne
          title="Signature Culinary Creations"
          description="Explore our exquisite menu, featuring a fusion of global flavors crafted with passion and precision. Each dish is designed to tantalize your taste buds and provide a unique gourmet experience."
          products={[
            { id: "seared-scallops", name: "Pan-Seared Scallops", price: "$38", imageSrc: "http://img.b2bpic.net/free-photo/top-view-baked-mushrooms-with-cheese-lettuce_176474-2533.jpg", imageAlt: "Pan-Seared Scallops with saffron risotto" },
            { id: "steak-frites", name: "Filet Mignon & Frites", price: "$55", imageSrc: "http://img.b2bpic.net/free-photo/meat-with-lettuce_1203-410.jpg", imageAlt: "Filet Mignon with truffle frites" },
            { id: "fresh-pasta", name: "Handmade Tagliatelle", price: "$32", imageSrc: "http://img.b2bpic.net/free-photo/top-view-sliced-vegetable-meal-with-different-ingredients-dark-blue-desk_140725-58394.jpg", imageAlt: "Fresh Tagliatelle with wild mushroom ragu" },
            { id: "grilled-salmon", name: "Grilled Atlantic Salmon", price: "$42", imageSrc: "http://img.b2bpic.net/free-photo/spaghetti-pesto_74190-517.jpg", imageAlt: "Grilled Atlantic Salmon with roasted vegetables" },
            { id: "duck-confit", name: "Crispy Duck Confit", price: "$48", imageSrc: "http://img.b2bpic.net/free-photo/top-view-christmas-steak-plate-with-cutlery_23-2148705343.jpg", imageAlt: "Crispy Duck Confit with cherry reduction" },
            { id: "vegetarian-risotto", name: "Truffle Risotto", price: "$34", imageSrc: "http://img.b2bpic.net/free-photo/eggplant-salad-with-ruccola-plate_140725-723.jpg", imageAlt: "Vegetarian Truffle Risotto with seasonal greens" }
          ]}
          gridVariant="two-columns-alternating-heights"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="features" data-section="features">
        <FeatureCardTwentyThree
          title="Crafting Your Unforgettable Dining Moments"
          description="At Orchid, we go beyond exquisite food to deliver an unparalleled dining experience. From our attentive service to curated ambiance, every detail is designed for your pleasure."
          features={[
            { id: "service", title: "Impeccable Service", tags: ["Attentive", "Personalized"], imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-ornated-with-chips_140725-1249.jpg", imageAlt: "Waiter serving food in a fine dining restaurant" },
            { id: "ambiance", title: "Elegant Ambiance", tags: ["Sophisticated", "Inviting"], imageSrc: "http://img.b2bpic.net/free-photo/wine-glass_1203-3445.jpg", imageAlt: "Live piano music in a luxurious restaurant setting" },
            { id: "private-dining", title: "Exclusive Private Dining", tags: ["Intimate", "Customized"], imageSrc: "http://img.b2bpic.net/free-photo/view-from-ceiling-decorated-celebration-hall-with-round-tables_8353-10198.jpg", imageAlt: "Elegant private dining room setup" }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>
      <div id="specials" data-section="specials">
        <PricingCardTwo
          title="Exclusive Seasonal Offerings"
          description="Indulge in our limited-time special menus and tasting experiences, meticulously crafted to showcase the season's finest ingredients and innovative culinary artistry."
          plans={[
            { id: "spring-tasting", badge: "Seasonal", badgeIcon: Sparkles, price: "$85/person", subtitle: "5-Course Spring Tasting Menu", buttons: [{ text: "Reserve Now", href: "#contact" }], features: ["Fresh Seasonal Ingredients", "Optional Wine Pairing", "Available for a Limited Time", "Includes Dessert Course"] },
            { id: "chef-selection", badge: "Signature", badgeIcon: Sparkles, price: "$120/person", subtitle: "7-Course Chef's Grand Degustation", buttons: [{ text: "Book Experience", href: "#contact" }], features: ["7 Signature Dishes", "Expert Wine Pairing Included", "Meet the Chef Experience", "Complimentary Amuse-bouche"] },
            { id: "weekday-lunch", badge: "Daily", badgeIcon: Sparkles, price: "$45/person", subtitle: "Weekday Lunch Prix Fixe", buttons: [{ text: "View Details", href: "#contact" }], features: ["2-Course Set Lunch Menu", "Perfect for Business Meetings", "Quick & Elegant Service", "Available Mon-Fri 12-2 PM"] }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Orchid Restaurant consistently delivers an extraordinary dining experience. The ambiance is elegant, the service is impeccable, and the food is simply divine. It's our go-to for special occasions!"
          rating={5}
          author="Isabella Chen - Renowned Food Critic"
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/front-view-smiling-afro-american-woman_23-2148332131.jpg", alt: "Chef Maria Rodriguez" },
            { src: "http://img.b2bpic.net/free-photo/confident-barista-standing-cafe_1170-579.jpg", alt: "Restaurant Manager David Lee" },
            { src: "http://img.b2bpic.net/free-photo/welcome-our-restaurant_1098-15702.jpg", alt: "Hostess Emily White" },
            { src: "http://img.b2bpic.net/free-photo/happy-elderly-woman-wearing-bonete-looking-camrea-dining-room-home-retired-old-baker-with-kitchen-uniform-preparing-bakery-ingredients-table-ready-cook-homemade-bread-cakes-pasta_482257-14386.jpg", alt: "Pastry Chef Sophia Kim" }
          ]}
          ratingAnimation="blur-reveal"
          avatarsAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>
      <div id="faq" data-section="faq">
        <FaqSplitMedia
          faqs={[
            { id: "faq-1", title: "What are your operating hours?", content: "Orchid Restaurant is open for dinner from Tuesday to Saturday, 5:00 PM to 10:00 PM, and for lunch on weekdays from 12:00 PM to 2:00 PM. We are closed on Sundays and Mondays." },
            { id: "faq-2", title: "Do you accommodate dietary restrictions?", content: "Yes, our chefs are happy to accommodate most dietary restrictions and allergies. Please inform us when making your reservation, and our staff will guide you through the menu options." },
            { id: "faq-3", title: "Is there a dress code?", content: "We recommend smart casual attire for an enjoyable dining experience. Jackets are not required, but patrons often opt for elegant evening wear." },
            { id: "faq-4", title: "How can I make a reservation?", content: "Reservations can be made directly through our website via the 'Contact' section, or by calling us at (123) 456-7890 during operating hours. We recommend booking in advance, especially for weekend evenings." }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663839.jpg"
          imageAlt="Restaurant host greeting guests at the entrance"
          mediaAnimation="blur-reveal"
          mediaPosition="right"
          title="Your Questions, Our Answers"
          description="Find quick answers to common inquiries about dining at Orchid Restaurant. If you don't find what you're looking for, feel free to contact us directly."
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Plan Your Perfect Evening"
          description="Ready to indulge in an exquisite dining experience? Make a reservation, inquire about private events, or simply ask a question. Our team looks forward to assisting you."
          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 (Optional)" }
          ]}
          textarea={{ name: "message", placeholder: "Your Message / Reservation Details (e.g., date, time, number of guests)", rows: 4, required: true }}
          useInvertedBackground={true}
          imageSrc="http://img.b2bpic.net/free-photo/side-view-table-with-cheese-plate-pate-it_140725-12866.jpg"
          imageAlt="Elegant dining room interior with tables set"
          mediaAnimation="opacity"
          mediaPosition="left"
          buttonText="Send Message / Reserve"
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterBaseReveal
          logoText="Orchid Restaurant"
          columns={[
            { title: "Discover", items: [{ label: "Our Story", href: "#about" }, { label: "Full Menu", href: "#menu" }, { label: "Seasonal Specials", href: "#specials" }, { label: "Dining Experience", href: "#features" }] },
            { title: "Assistance", items: [{ label: "Reservations", href: "#contact" }, { label: "FAQ", href: "#faq" }, { label: "Contact Us", href: "#contact" }, { label: "Location", href: "https://maps.app.goo.gl/mAXFMAb82ZbfgMve7" }, { label: "Privacy Policy", href: "#" }] },
            { title: "Connect", items: [{ label: "Instagram", href: "https://instagram.com/orchidrestaurant" }, { label: "Facebook", href: "https://facebook.com/orchidrestaurant" }, { label: "Twitter", href: "https://twitter.com/orchidrestaurant" }] }
          ]}
          copyrightText="© 2024 Orchid Restaurant. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}
