import React from 'react' /** hanzo.ai's openai-style landing header: fixed, blurred, hairline-bottomed. */ export function SiteNav({ nav = [], active, onOpen, onFocusComposer, scrolled = false }) { const { HanzoLogo, Button, Icon, DropdownMenu, DropdownMenuItem } = window.HanzoDesignSystem_0a9445 return (
onOpen && onOpen(null)} style={{ position: 'sticky', top: 0, zIndex: 50, borderBottom: '1px solid rgb(38 38 38 / .8)', background: 'var(--surface-header)', backdropFilter: 'blur(12px)' }} > {active && i.label === active)} />}
) } /** The full-width dropout: one big "Explore
" column, then link columns. */ function MegaPanel({ item }) { if (!item || !item.explore) return null const cols = item.columns || [] return (
Explore {item.label}
{cols.length > 0 && (
{cols.map((col) => (
{col.title}
))}
)}
) } /** The minimal apex footer: mark + one line, four link columns, hairline base. */ export function SiteFooter({ columns = [] }) { const { HanzoLogo, Icon } = window.HanzoDesignSystem_0a9445 return ( ) }