/* global React */ const { useState, useEffect } = React; // ============ FLOURISH SVG ============ const Flourish = ({ className = '', style = {} }) => ( ); const NAV_PAGES = [ { href: 'index.html', label: 'Início', match: ['index.html', ''] }, { href: 'sobre.html', label: 'Sobre', match: ['sobre.html'] }, { href: 'servicos.html', label: 'Serviços', match: ['servicos.html'] }, { href: 'blog.html', label: 'Blog', match: ['blog.html'] }, { href: 'orcamento.html', label: 'Orçamento', match: ['orcamento.html'] }, ]; function currentPage() { const path = window.location.pathname.split('/').pop() || 'index.html'; return decodeURIComponent(path); } const Nav = ({ onWhats }) => { const [scrolled, setScrolled] = useState(false); const [menuOpen, setMenuOpen] = useState(false); const here = currentPage(); useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 40); window.addEventListener('scroll', onScroll); return () => window.removeEventListener('scroll', onScroll); }, []); return ( <>
); }; // ============ FOOTER ============ const Footer = () => ( ); // ============ FLOATING WHATSAPP ============ const WhatsFab = ({ onClick }) => ( { e.preventDefault(); onClick && onClick(); }} className="wa-fab" aria-label="WhatsApp"> ); // ============ PAGE HERO (for inner pages) ============ const PageHero = ({ breadcrumb, title, lede }) => (
Início / {breadcrumb}

{title}

{lede}

); // ============ REVEAL ON SCROLL HOOK ============ function useReveal() { useEffect(() => { const els = document.querySelectorAll('.reveal'); const obs = new IntersectionObserver((entries) => { entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('visible'); }); }, { threshold: 0.05, rootMargin: '0px 0px -20px 0px' }); els.forEach(el => obs.observe(el)); return () => obs.disconnect(); }, []); } // ============ openWhats ============ function openWhats(num = '5511969219101', msg = 'Olá! Gostaria de solicitar um orçamento para um evento.') { window.open(`https://wa.me/${num}?text=${encodeURIComponent(msg)}`, '_blank'); } Object.assign(window, { Flourish, Nav, Footer, WhatsFab, PageHero, useReveal, openWhats, NAV_PAGES });