'use client';
import { CampaignHero } from './campaign-hero';
import { useEffect, useRef, useState } from 'react';
import { ArrowUp, ArrowUpRight, X, Menu } from 'lucide-react';
import { Chapters } from './chapters';
import { site, appointmentUrl } from '@/data/site';
function Appointment({className=''}:{className?:string}){return Agendar avaliação }
function Label({children}:{children:React.ReactNode}){return {children}
}
const navigation=[['Início','inicio'],['Tratamentos','tratamentos'],['Resultados','resultados'],['Sobre','sobre'],['Dúvidas','duvidas'],['Contato','contato']];
function Header(){
const [open,setOpen]=useState(false); const [scrolled,setScrolled]=useState(false); const dialog=useRef(null); const trigger=useRef(null);
useEffect(()=>{const onScroll=()=>setScrolled(window.scrollY>70);onScroll();window.addEventListener('scroll',onScroll,{passive:true});return()=>window.removeEventListener('scroll',onScroll)},[]);
useEffect(()=>{if(open){dialog.current?.showModal();document.body.style.overflow='hidden'}else{dialog.current?.close();document.body.style.overflow=''}return()=>{document.body.style.overflow=''}},[open]);
const close=()=>{dialog.current?.close();setOpen(false);trigger.current?.focus()};
return <>;
}
export function Experience(){const root=useRef(null);
useEffect(()=>{const media=window.matchMedia('(prefers-reduced-motion: reduce)');if(media.matches)return;const animations:Animation[]=[];const observer=new IntersectionObserver(entries=>entries.forEach(entry=>{if(!entry.isIntersecting)return;animations.push(entry.target.animate([{opacity:0,transform:'translateY(22px)'},{opacity:1,transform:'translateY(0)'}],{duration:850,easing:'cubic-bezier(.2,.7,.2,1)'}));observer.unobserve(entry.target)}),{threshold:.08});root.current?.querySelectorAll('[data-reveal]').forEach(el=>observer.observe(el));const stop=()=>{if(media.matches){animations.forEach(a=>a.cancel());observer.disconnect()}};media.addEventListener('change',stop);return()=>{observer.disconnect();animations.forEach(a=>a.cancel());media.removeEventListener('change',stop)}},[]);
return
}