Mohamed Boudra
ed4fc08f78
The Cloud page pitched a hosted multi-user product and collected emails through a signup form. The Hub is a self-hosted service in private beta and the only way in is a Discord DM, so the signup server function and its webhook are deleted rather than repointed. /cloud now 301s to /hub from the worker entry, which already owns the site's permanent path redirects, so old links and search results keep working. The homepage also drops split panels, service proxy, voice, and keyboard shortcuts. They had turned the page into a feature list; it should show what Paseo enables at a high level. Brand and provider icons move into shared modules so the Hub page, the site header, and the landing page each use one copy instead of three.
67 lines
2.2 KiB
TypeScript
67 lines
2.2 KiB
TypeScript
import "~/styles.css";
|
|
import { DiscordIcon, GitHubIcon } from "~/components/brand-icons";
|
|
import { useStars } from "~/routes/__root";
|
|
|
|
export function SiteHeader() {
|
|
const { stars } = useStars();
|
|
return (
|
|
<header className="flex flex-col items-center gap-4 md:flex-row md:justify-between">
|
|
<a href="/" className="flex items-center gap-3">
|
|
<img src="/logo.svg" alt="Paseo" className="w-6 h-6" />
|
|
<span className="text-lg font-medium">Paseo</span>
|
|
</a>
|
|
<div className="flex flex-wrap items-center justify-center gap-4">
|
|
<a
|
|
href="/blog"
|
|
className="text-sm text-muted-foreground hover:text-foreground transition-colors"
|
|
>
|
|
Blog
|
|
</a>
|
|
<a
|
|
href="/docs"
|
|
className="text-sm text-muted-foreground hover:text-foreground transition-colors"
|
|
>
|
|
Docs
|
|
</a>
|
|
<a
|
|
href="/changelog"
|
|
className="text-sm text-muted-foreground hover:text-foreground transition-colors"
|
|
>
|
|
Changelog
|
|
</a>
|
|
<a
|
|
href="/download"
|
|
className="text-sm text-muted-foreground hover:text-foreground transition-colors"
|
|
>
|
|
Download
|
|
</a>
|
|
<a
|
|
href="/sponsor"
|
|
className="text-sm text-muted-foreground hover:text-foreground transition-colors"
|
|
>
|
|
Sponsor
|
|
</a>
|
|
<a
|
|
href="https://discord.gg/jz8T2uahpH"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
aria-label="Discord"
|
|
className="text-muted-foreground hover:text-foreground transition-colors inline-flex items-center"
|
|
>
|
|
<DiscordIcon width="18" height="18" />
|
|
</a>
|
|
<a
|
|
href="https://github.com/getpaseo/paseo"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
aria-label={stars ? `GitHub, ${stars} stars` : "GitHub"}
|
|
className="text-muted-foreground hover:text-foreground transition-colors inline-flex items-center gap-1.5"
|
|
>
|
|
<GitHubIcon width="18" height="18" />
|
|
{stars && <span className="text-sm">{stars}</span>}
|
|
</a>
|
|
</div>
|
|
</header>
|
|
);
|
|
}
|