fix(website): smooth docs navigation and improve lighthouse

This commit is contained in:
Mohamed Boudra
2026-05-07 22:42:39 +07:00
parent 4a9c2450b7
commit f7eac82593
16 changed files with 153 additions and 49 deletions
+27 -15
View File
@@ -13,30 +13,39 @@ export function SiteFooter({ width = "default" }: SiteFooterProps) {
<div className="space-y-3">
<p className="text-white/60 font-medium">Product</p>
<div className="space-y-2">
<a href="/blog" className="block text-white/40 hover:text-white/60 transition-colors">
<a
href="/blog"
className="block text-muted-foreground hover:text-foreground transition-colors"
>
Blog
</a>
<a href="/docs" className="block text-white/40 hover:text-white/60 transition-colors">
<a
href="/docs"
className="block text-muted-foreground hover:text-foreground transition-colors"
>
Docs
</a>
<a
href="/changelog"
className="block text-white/40 hover:text-white/60 transition-colors"
className="block text-muted-foreground hover:text-foreground transition-colors"
>
Changelog
</a>
<a href="/cloud" className="block text-white/40 hover:text-white/60 transition-colors">
<a
href="/cloud"
className="block text-muted-foreground hover:text-foreground transition-colors"
>
Cloud
</a>
<a
href="/docs/cli"
className="block text-white/40 hover:text-white/60 transition-colors"
className="block text-muted-foreground hover:text-foreground transition-colors"
>
CLI
</a>
<a
href="/privacy"
className="block text-white/40 hover:text-white/60 transition-colors"
className="block text-muted-foreground hover:text-foreground transition-colors"
>
Privacy
</a>
@@ -47,16 +56,19 @@ export function SiteFooter({ width = "default" }: SiteFooterProps) {
<div className="space-y-2">
<a
href="/claude-code"
className="block text-white/40 hover:text-white/60 transition-colors"
className="block text-muted-foreground hover:text-foreground transition-colors"
>
Claude Code
</a>
<a href="/codex" className="block text-white/40 hover:text-white/60 transition-colors">
<a
href="/codex"
className="block text-muted-foreground hover:text-foreground transition-colors"
>
Codex
</a>
<a
href="/opencode"
className="block text-white/40 hover:text-white/60 transition-colors"
className="block text-muted-foreground hover:text-foreground transition-colors"
>
OpenCode
</a>
@@ -69,7 +81,7 @@ export function SiteFooter({ width = "default" }: SiteFooterProps) {
href="https://discord.gg/jz8T2uahpH"
target="_blank"
rel="noopener noreferrer"
className="block text-white/40 hover:text-white/60 transition-colors"
className="block text-muted-foreground hover:text-foreground transition-colors"
>
Discord
</a>
@@ -77,7 +89,7 @@ export function SiteFooter({ width = "default" }: SiteFooterProps) {
href="https://github.com/getpaseo/paseo"
target="_blank"
rel="noopener noreferrer"
className="block text-white/40 hover:text-white/60 transition-colors"
className="block text-muted-foreground hover:text-foreground transition-colors"
>
GitHub
</a>
@@ -90,7 +102,7 @@ export function SiteFooter({ width = "default" }: SiteFooterProps) {
href={appStoreUrl}
target="_blank"
rel="noopener noreferrer"
className="block text-white/40 hover:text-white/60 transition-colors"
className="block text-muted-foreground hover:text-foreground transition-colors"
>
App Store
</a>
@@ -98,7 +110,7 @@ export function SiteFooter({ width = "default" }: SiteFooterProps) {
href={playStoreUrl}
target="_blank"
rel="noopener noreferrer"
className="block text-white/40 hover:text-white/60 transition-colors"
className="block text-muted-foreground hover:text-foreground transition-colors"
>
Google Play
</a>
@@ -106,7 +118,7 @@ export function SiteFooter({ width = "default" }: SiteFooterProps) {
href="https://github.com/getpaseo/paseo/releases"
target="_blank"
rel="noopener noreferrer"
className="block text-white/40 hover:text-white/60 transition-colors"
className="block text-muted-foreground hover:text-foreground transition-colors"
>
Desktop
</a>
@@ -114,7 +126,7 @@ export function SiteFooter({ width = "default" }: SiteFooterProps) {
href={webAppUrl}
target="_blank"
rel="noopener noreferrer"
className="block text-white/40 hover:text-white/60 transition-colors"
className="block text-muted-foreground hover:text-foreground transition-colors"
>
Web App
</a>