"use client"; import { useState, useRef } from "react"; import { motion, AnimatePresence, useInView } from "framer-motion"; import { UtensilsCrossed, Coffee, Beef, Salad, ChefHat, Clock, DollarSign, Users, Leaf, Fish, } from "lucide-react"; type FAQItem = { id: number; question: string; answer: string; icon: React.ReactNode; }; type MenuSection = { id: string; title: string; icon: React.ReactNode; items: FAQItem[]; }; const menuSections: MenuSection[] = [ { id: "general", title: "About Our Restaurant", icon: , items: [ { id: 1, question: "What type of cuisine do you serve?", answer: "We specialize in contemporary fusion cuisine that blends Mediterranean, Asian, and Latin American influences. Our executive chef creates seasonal menus using locally-sourced ingredients whenever possible. While our menu changes quarterly to showcase the freshest seasonal produce, we maintain several signature dishes year-round that have become customer favorites. We pride ourselves on offering creative flavor combinations that surprise and delight our guests.", icon: , }, { id: 2, question: "What are your hours of operation?", answer: "We're open Tuesday through Sunday. Lunch is served from 11:30 AM to 2:30 PM, and dinner from 5:30 PM to 10:00 PM (11:00 PM on Friday and Saturday). Our bar remains open until midnight on weekends. We're closed on Mondays for staff rest and restaurant maintenance. During major holidays, we often offer special hours and prix fixe menus, which are announced on our website and social media channels.", icon: , }, ], }, { id: "reservations", title: "Reservations & Seating", icon: , items: [ { id: 3, question: "Do I need a reservation?", answer: "While we do accept walk-ins, reservations are highly recommended, especially for dinner service and weekends when we're typically at full capacity. You can make reservations up to 60 days in advance through our website, by phone, or using OpenTable. For parties of 8 or more, we require a reservation with a credit card to hold your table. We hold reserved tables for 15 minutes past the reservation time before releasing them to waiting guests.", icon: , }, { id: 4, question: "Do you have outdoor seating?", answer: "Yes, we offer a beautiful outdoor patio that seats up to 40 guests. The patio is open seasonally from May through October, weather permitting, and features heaters for cooler evenings. Patio seating is available on a first-come, first-served basis and cannot be specifically reserved. However, you can request outdoor seating when you arrive, and we'll accommodate your preference if possible. The patio is partially covered to provide shade during lunch service.", icon: , }, ], }, { id: "menu", title: "Menu & Dietary Needs", icon: , items: [ { id: 5, question: "Can you accommodate dietary restrictions?", answer: "We pride ourselves on accommodating various dietary needs. Our menu clearly marks items that are vegetarian, vegan, gluten-free, and dairy-free. For more specific allergies or restrictions, please inform your server when ordering, and our chef will modify dishes whenever possible. We maintain separate preparation areas for allergen-sensitive dishes to prevent cross-contamination. With advance notice (24+ hours), we can prepare special meals for guests with complex dietary requirements.", icon: , }, { id: 6, question: "Do you have a children's menu?", answer: "Yes, we offer a thoughtfully crafted children's menu that goes beyond typical kids' fare. While we do include crowd-pleasers like house-made chicken tenders and pasta, we also offer smaller portions of select main menu items at reduced prices. All children's meals come with a choice of sides including fresh fruit, vegetable sticks, or house-made potato chips. We provide coloring activities and have high chairs and booster seats available for our younger guests.", icon: , }, ], }, { id: "special", title: "Special Events & Offerings", icon: , items: [ { id: 7, question: "Do you offer private dining or catering?", answer: "Yes to both! We have a private dining room that accommodates up to 30 guests for seated events or 45 for standing receptions. This space can be reserved for business meetings, family celebrations, or other special occasions with customizable prix fixe menus. Our catering service offers both drop-off and full-service options for events of all sizes. We require at least two weeks' notice for private dining and catering requests. Please contact our events coordinator for availability and pricing details.", icon: , }, { id: 8, question: "Do you offer cooking classes or special events?", answer: "Yes! We host monthly cooking classes where our executive chef teaches participants how to prepare some of our signature dishes. These hands-on classes include a meal with wine pairings and a recipe booklet to take home. We also offer seasonal events like wine dinners, guest chef collaborations, and holiday specials. Our quarterly tasting menu with wine pairings is particularly popular. Sign up for our newsletter or follow us on social media to stay informed about upcoming events.", icon: , }, ], }, { id: "payment", title: "Payment & Policies", icon: , items: [ { id: 9, question: "What payment methods do you accept?", answer: "We accept all major credit cards (Visa, Mastercard, American Express, Discover), mobile payments (Apple Pay, Google Pay), and cash. We do not accept personal checks. For large parties (8 or more), we may add an automatic 20% gratuity to the bill. If you'd like to split the check, please inform your server at the beginning of your meal. We can split checks up to 4 ways for larger parties. Gift cards are available for purchase in-person or through our website.", icon: , }, { id: 10, question: "What is your cancellation policy?", answer: "For standard reservations, we appreciate at least 24 hours' notice for cancellations, though no penalty is charged. For large parties (8+) and special events, we require 48 hours' notice for cancellations to avoid a $25 per person cancellation fee. Private dining reservations require 7 days' notice for cancellation to avoid a charge of 50% of the minimum food and beverage spend. No-shows for any reservation type may affect future reservation privileges. We understand emergencies happen, so please call us as soon as possible if your plans change.", icon: , }, ], }, ]; const FoodFAQ = () => { const [activeSection, setActiveSection] = useState("general"); const [expandedItems, setExpandedItems] = useState([]); const sectionRef = useRef(null); const isInView = useInView(sectionRef, { once: true, margin: "-100px 0px" }); const toggleItem = (id: number) => { setExpandedItems((prev) => prev.includes(id) ? prev.filter((item) => item !== id) : [...prev, id], ); }; const currentSection = menuSections.find((s) => s.id === activeSection) || menuSections[0]; return (

{/* Overlay */}

{/* Decorative elements */}

Restaurant FAQ

Everything you need to know about dining with us

{/* Menu-inspired navigation */} {menuSections.map((section) => ( setActiveSection(section.id)} className={`group relative overflow-hidden`} whileHover={{ scale: 1.05 }} whileTap={{ scale: 0.98 }} >

{section.icon}

{section.title} {activeSection === section.id && ( )}

))} {/* Menu-inspired content */}

{currentSection.icon}

{currentSection.title}

{currentSection.items.map((item) => (

{expandedItems.includes(item.id) && (

{item.answer}

)}

))}

Have more questions? We'd love to hear from you.

Make a Reservation

); }; export default FoodFAQ;

Restaurant FAQ

{currentSection.title}

{item.question}

Food Stats

Fitness Stats

Finance Stats

Tech Stats

Wave Stats

Food Faq

Media Stats

Gaming Stats

Travel Stats

Radial Stats