mirror of
https://github.com/zoo-apps/industries.git
synced 2026-10-30 14:57:03 +00:00
aandHanzo Dev
b4d480ea53
- Brand tokens (--brand-magenta/green/blue/cyan/yellow/red) now hold the exact CMYK hexes used in the Zoo logo (favicon.svg/icon.svg). - .pill-* and .panel-* variants reference those tokens, so any pill, panel, or CTA reads as the same family as the mark. - Background gradient retuned to soft tints of the same CMYK hues (yellow, magenta, cyan, green, indigo washes). - TopBanner uses var(--brand-green) — same green as Try Zen AI. - ServicesOverview cards rebuilt as brutalist colored panels (magenta / green / blue / cyan, 2px black border, 10px hard offset shadow, black-on-color uppercase headings) so the home page reads as the same design system as the Hero CTAs. Co-authored-by: Hanzo Dev <[email protected]>
22 lines
868 B
TypeScript
22 lines
868 B
TypeScript
'use client'
|
|
|
|
import Link from 'next/link'
|
|
import { ArrowRight, Sparkles } from 'lucide-react'
|
|
|
|
export default function TopBanner() {
|
|
return (
|
|
<div className="fixed top-0 left-0 right-0 z-[60] bg-[var(--brand-green)] text-black border-b-2 border-black">
|
|
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-2 flex items-center justify-center gap-3 text-center text-sm font-semibold">
|
|
<Sparkles className="w-4 h-4 shrink-0" aria-hidden />
|
|
<span className="truncate">Zen4 MoDE models now available for enterprise deployment</span>
|
|
<Link
|
|
href="/research"
|
|
className="inline-flex items-center gap-1 font-extrabold uppercase tracking-wide underline underline-offset-2 hover:no-underline shrink-0"
|
|
>
|
|
Learn more <ArrowRight className="w-3.5 h-3.5" />
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|