// AQU4TRO UI Kit — Landing primitives (Icons, Logo, Labels) const WA_URL = 'https://wa.me/5581997140111?text=Ol%C3%A1%2C%20gostaria%20de%20falar%20com%20um%20especialista.'; const Icon = { Whatsapp: ({ size = 22, color = '#fff' }) => ( ), Phone: ({ size = 18, color = '#1E4FA1' }) => ( ), Check: ({ size = 20, color = '#1E4FA1' }) => ( ), Pin: ({ size = 18, color = '#1E4FA1' }) => ( ), Chevron: ({ open, color = '#1E4FA1' }) => ( ), Star: ({ color = '#FFC431' }) => ( ), Quote: ({ color = '#1E4FA1' }) => ( ), Instagram: ({ size = 20, color = '#fff' }) => ( ), ExternalLink: ({ size = 14, color = '#9CA3AF' }) => ( ), CaseReview: ({ size = 24, color = '#1E4FA1' }) => ( ), PaperworkStack: ({ size = 24, color = '#1E4FA1' }) => ( ), PayoutReceived: ({ size = 24, color = '#1E4FA1' }) => ( ), Rideshare: ({ size = 26, color = '#1E4FA1' }) => ( ), ThirdParty: ({ size = 26, color = '#1E4FA1' }) => ( ), Passenger: ({ size = 26, color = '#1E4FA1' }) => ( ), Legacy: ({ size = 26, color = '#1E4FA1' }) => ( ), Mail: ({ size = 18, color = '#1E4FA1' }) => ( ), }; function Logo({ size = 20, stacked = true, color = '#1E4FA1', accent = '#FFC431', variant = 'full' }) { if (variant === 'mark') return ; const text = variant === 'reduced' ? 'AQU4TRO' : 'AQU4TRO'; const parts = variant === 'reduced' ? [['A', '#fff'], ['QU', color], ['4', accent], ['TRO', color]] : [['A', accent], ['QU', color], ['4', accent], ['TRO', color]]; return (
{parts.map(([txt, clr], i) => {txt})}
{stacked && variant === 'full' && (
SERVIÇOS DE TRÂNSITO
)}
); } function LogoMark({ size = 44, color = '#1E4FA1', accent = '#FFC431' }) { return (
A4
); } function SectionLabel({ label, primary='#1E4FA1' }) { return (
{label}
); } // ─── Componente de Contador (Motion) ────────────────────────── function Counter({ target, duration = 2000 }) { const [count, setCount] = React.useState(0); const elementRef = React.useRef(null); const hasAnimated = React.useRef(false); React.useEffect(() => { const observer = new IntersectionObserver((entries) => { if (entries[0].isIntersecting && !hasAnimated.current) { hasAnimated.current = true; let start = 0; const endValue = parseInt(target.replace(/\D/g, '')); if (isNaN(endValue)) { setCount(target); return; } const increment = endValue / (duration / 16); const timer = setInterval(() => { start += increment; if (start >= endValue) { setCount(endValue); clearInterval(timer); } else { setCount(Math.floor(start)); } }, 16); return () => clearInterval(timer); } }, { threshold: 0.5 }); if (elementRef.current) observer.observe(elementRef.current); return () => observer.disconnect(); }, [target, duration]); const suffix = target.replace(/[0-9]/g, '').replace('+', ''); const prefix = target.startsWith('+') ? '+' : ''; return {prefix}{count}{suffix}; } Object.assign(window, { WA_URL, Icon, Logo, LogoMark, SectionLabel, Counter });