open-design/apps/landing-page/app/_components/header.tsx
marco 5dd70b5016
Some checks failed
ci / Validate workspace (push) Successful in 12m32s
landing-page-ci / Validate landing page (push) Successful in 9m41s
landing-page-deploy / Deploy landing page (push) Failing after 5m23s
github-metrics / Generate repository metrics SVG (push) Failing after 2m3s
refresh-contributors-wall / Refresh contributors wall cache bust (push) Failing after 11s
Initial import: open-design source for helix-mind.ai distribution
This repository contains the open-design daemon CLI source code, built
and packaged at https://helix-mind.ai/cli/open-design/latest.tgz for use
by the HelixMind /design slash command.

Licenses: Apache-2.0 (root) + MIT (skills/*)
2026-05-06 20:50:24 +02:00

81 lines
2.4 KiB
TypeScript

/*
* Sticky Header — static markup rendered at build time. Headroom-style
* hide/show and the live GitHub star count are attached by the tiny inline
* script in `app/pages/index.astro`, so this marketing page ships no React
* runtime to the browser.
*/
const REPO = 'https://github.com/nexu-io/open-design';
const REPO_RELEASES = `${REPO}/releases`;
const REPO_SKILLS = `${REPO}/tree/main/skills`;
const REPO_DESIGN_SYSTEMS = `${REPO}/tree/main/design-systems`;
const ext = {
target: '_blank',
rel: 'noreferrer noopener',
} as const;
export function Header() {
return (
<header className='nav' data-od-id='nav' data-nav-headroom>
<div className='container nav-inner'>
<a href='#top' className='brand'>
<span className='brand-mark'>Ø</span>
<span>Open Design</span>
<span className='brand-meta'>
<b>Studio 01</b>Berlin / Open / Earth
</span>
</a>
<nav>
<ul className='nav-links'>
<li>
<a href={REPO_SKILLS} {...ext}>
Skills<span className='num'>31</span>
</a>
</li>
<li>
<a href={REPO_DESIGN_SYSTEMS} {...ext}>
Systems<span className='num'>72</span>
</a>
</li>
<li>
<a href='#agents'>
Agents<span className='num'>12</span>
</a>
</li>
<li>
<a href='#labs'>
Labs<span className='num'>05</span>
</a>
</li>
<li>
<a href='#contact'>Contact</a>
</li>
</ul>
</nav>
<div className='nav-side'>
<a
className='nav-cta ghost'
href={REPO_RELEASES}
aria-label='Download Open Design desktop'
title='Download the desktop app'
{...ext}
>
Download
</a>
<a
className='nav-cta'
href={REPO}
aria-label='Star Open Design on GitHub'
title='Click to star us on GitHub'
{...ext}
>
Star · <span data-github-stars>0</span>
</a>
<span className='status-dot' aria-hidden='true' />
</div>
</div>
</header>
);
}