/* global React */ const { useState, useEffect, useRef } = React; // ========================================================= // Icons (simple, custom-drawn line set — original) // ========================================================= const Icon = { arrow: (p) => ( ), check: (p) => ( ), shield: (p) => ( ), cloud: (p) => ( ), gear: (p) => ( ), swap: (p) => ( ), zap: (p) => ( ), layers: (p) => ( ), spark: (p) => ( ), phone: (p) => ( ), mail: (p) => ( ), pin: (p) => ( ), }; // ========================================================= // Logo // ========================================================= function Logo({ onClick, variant = 'light' }) { // variant: 'light' for use on dark backgrounds, 'dark' for use on light backgrounds const src = variant === 'light' ? 'assets/logo-light.png' : 'assets/logo.png'; return ( { e.preventDefault(); onClick && onClick(); }} className="logo" aria-label="Planetiware home"> Planetiware ); } // ========================================================= // Top nav // ========================================================= function Nav({ route, go }) { const links = [ ['home', 'Home'], ['solutions', 'Solutions'], ['defensible', 'Defensible'], ['about', 'About'], ['contact', 'Contact'], ]; return ( ); } // ========================================================= // Photo placeholder // ========================================================= function Photo({ label, light, style, className = '' }) { return (
{label}
); } // ========================================================= // Eyebrow // ========================================================= function Eyebrow({ children }) { return {children}; } // ========================================================= // Footer // ========================================================= function Footer({ go }) { return ( ); } // expose to other babel scripts Object.assign(window, { Icon, Logo, Nav, Photo, Eyebrow, Footer });