"use client"; import React, { useState, useEffect } from "react"; import Link from "next/link"; import { motion, AnimatePresence } from "framer-motion"; export default function PageTemplate({ section, sitemap, PlaylistsRenderer }) { const [menuOpen, setMenuOpen] = useState(false); const [scrolled, setScrolled] = useState(false); useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 40); window.addEventListener("scroll", onScroll); return () => window.removeEventListener("scroll", onScroll); }, []); const navItems = (sitemap?._embedded?.Children || []).filter(s => !s.Invisible && s.Slug !== "xia-studio"); const socialParent = (sitemap?._embedded?.Children || []).find(s => s.Invisible && s.Name === "Social"); const socials = socialParent?._embedded?.Children || []; return (

{/* Decorative ambient glow */}

{/* Nav */}

G GRILLIFY

+1 (555) 123-4567 Reserve Table

{menuOpen && (

{navItems.map(item => ( setMenuOpen(false)} className="font-display text-3xl text-cream hover:text-gold transition-colors"> {item.Name} ))} setMenuOpen(false)} className="mt-4 px-6 py-3 bg-ember text-cream font-accent tracking-[0.15em] text-sm rounded-full text-center"> Reserve Table

)}

{/* Footer */}

); }