{children}
);
const BrandMark = ({ size = 35 }) => (
);
const Button = ({ variant = 'primary', icon, children, onClick, fullWidth, size = 'md' }) => {
const sizes = {
sm: { pad: '8px 16px', fs: 13 },
md: { pad: '12px 24px', fs: 15 },
lg: { pad: '14px 28px', fs: 16 },
}[size];
const styles = {
primary: { bg:'#E8500A', fg:'#fff', bd:'#E8500A' },
secondary: { bg:'transparent', fg:'#E8500A', bd:'#E8500A' },
ghost: { bg:'transparent', fg:'#fff', bd:'#2A4A75' },
onLight: { bg:'#0A1628', fg:'#fff', bd:'#0A1628' },
}[variant];
return (
);
};
/* ---------- Nav ---------- */
const Nav = ({ current, onNav }) => {
const [scrolled, setScrolled] = React.useState(false);
const [navVisible, setNavVisible] = React.useState(current !== 'home');
React.useEffect(() => {
const onScroll = () => setScrolled(window.scrollY > 8);
window.addEventListener('scroll', onScroll); onScroll();
return () => window.removeEventListener('scroll', onScroll);
}, []);
// Reset visibility when navigating to/from home
React.useEffect(() => {
if (current !== 'home') {
setNavVisible(true);
} else {
setNavVisible(false);
}
}, [current]);
// Fade in when video first loops
React.useEffect(() => {
const handler = () => setNavVisible(true);
window.addEventListener('bm-video-looped', handler);
return () => window.removeEventListener('bm-video-looped', handler);
}, []);
return (
);
};
/* ---------- Page hero (small banner used on non-home pages) ---------- */
const PageHeader = ({ eyebrow, title, subtitle, children }) => (
{eyebrow && {eyebrow} }
{title}
{subtitle && ({subtitle}
)} {children &&{children}
}
{items.map((s, i) => (
))}
{s.k}
{s.v}
{/* decorative drone silhouette */}
Let's craft an aerial strategy that drives real engagement for your brand.
One dedicated crew. One project at a time. Full compliance, every flight.