41 lines
1.8 KiB
TypeScript
41 lines
1.8 KiB
TypeScript
export function Footer() {
|
|
return (
|
|
<footer className="py-12 px-6 border-t border-border/30">
|
|
<div className="mx-auto max-w-5xl flex flex-col sm:flex-row items-center justify-between gap-4">
|
|
<div className="flex items-center gap-2">
|
|
<svg viewBox="0 0 32 32" fill="none" className="h-4 w-4" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M16 2L4 7V15C4 22.18 9.11 28.79 16 30C22.89 28.79 28 22.18 28 15V7L16 2Z" fill="#D95E2A" />
|
|
<path d="M16 6L8 9.5V15C8 20.05 11.42 24.68 16 26C20.58 24.68 24 20.05 24 15V9.5L16 6Z" fill="#161614" />
|
|
<circle cx="16" cy="12" r="2" fill="#D95E2A" />
|
|
<circle cx="12" cy="17" r="1.5" fill="#D95E2A" />
|
|
<circle cx="20" cy="17" r="1.5" fill="#D95E2A" />
|
|
<circle cx="16" cy="21" r="1.5" fill="#D95E2A" />
|
|
<path d="M16 14V19.5M14 16L12.5 17M18 16L19.5 17" stroke="#D95E2A" strokeWidth="1" strokeLinecap="round" />
|
|
</svg>
|
|
<span className="font-serif font-semibold text-sm text-foreground">Greywall</span>
|
|
<span className="text-xs text-muted-foreground font-sans">by Greyhaven</span>
|
|
</div>
|
|
<div className="flex items-center gap-6 text-xs text-muted-foreground font-sans">
|
|
<a
|
|
href="https://github.com/GreyhavenHQ/greywall"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
className="hover:text-foreground transition-colors"
|
|
>
|
|
GitHub
|
|
</a>
|
|
<a
|
|
href="https://greyhaven.co"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
className="hover:text-foreground transition-colors"
|
|
>
|
|
greyhaven.co
|
|
</a>
|
|
<span>Apache 2.0</span>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
)
|
|
}
|