// Aquaman shared components — logos, icons, primitives const Logo = ({ mark = 'dark', size = 1 }) => { // Stylized "A" wordmark inspired by the flyer (chevron/triangular A) const ink = mark === 'light' ? '#FFFFFF' : '#0B1A2E'; const blue = '#1E5BC6'; const blueBright = '#2F7BFF'; return (
{/* Outer chevron A */} {/* Inner bright triangle */} {/* Crossbar */}
AQUAMAN
SERVICES · MOBILE DETAILING
); }; /* ─── Service icons (line, hex container handled by parent) ─── */ const Icon = { ExteriorWash: () => ( ), Shield: () => ( ), Seat: () => ( ), Vacuum: () => ( ), Pin: () => ( ), Truck: () => ( ), Phone: () => ( ), Mail: () => ( ), Message: () => ( ), Facebook: () => ( ), Instagram: () => ( ), Sparkle: () => ( ), Check: () => ( ), Arrow: () => ( ), Star: () => ( ), }; /* Decorative hex frame for icons */ const HexIcon = ({ children, blue }) => (
{!blue && ( )}
{children}
); /* Animated section reveal */ const Reveal = ({ children, delay = 0, style }) => { const ref = React.useRef(); const [visible, setVisible] = React.useState(false); React.useEffect(() => { if (!ref.current) return; const obs = new IntersectionObserver(([e]) => { if (e.isIntersecting) { setVisible(true); obs.disconnect(); } }, { threshold: 0.1 }); obs.observe(ref.current); return () => obs.disconnect(); }, []); return (
{children}
); }; /* Section title block */ const SectionTitle = ({ eyebrow, title, subtitle, light, align = 'left' }) => (
{eyebrow}

{title}

{subtitle && (

{subtitle}

)}
); Object.assign(window, { Logo, Icon, HexIcon, Reveal, SectionTitle });