function MenuPreview() { const sectionRef = React.useRef(null); const [visible, setVisible] = React.useState(false); React.useEffect(() => { const observer = new IntersectionObserver( ([entry]) => { if (entry.isIntersecting) { setVisible(true); observer.disconnect(); } }, { threshold: 0.1 } ); if (sectionRef.current) observer.observe(sectionRef.current); return () => observer.disconnect(); }, []); const cocktails = [ { name: 'Island Sunset', desc: 'Dark rum, passion fruit, fresh lime, cane syrup', price: 'Rs 250' }, { name: 'Palm Garden', desc: 'Gin, elderflower, cucumber, coconut water', price: 'Rs 240' }, { name: 'The After5', desc: 'House reserve rum, spiced bitters, Mauritian vanilla, rocks', price: 'Rs 280' }, ]; const food = [ { name: 'Catch of the Day', desc: 'Fresh Mauritian seafood, herb butter, seasoned greens', price: 'Rs 450' }, { name: 'Mediterranean Board', desc: 'Mezze selection, olives, warm flatbread, house dips', price: 'Rs 380' }, { name: 'Palm Charcoal Grill', desc: 'Choice cuts, island spice rub, seasonal sides', price: 'Rs 520' }, ]; return ( <> ); }