fix: hero visual impact — bright contrast, gold accents, mockup above fold #3869
1 changed file+5−9
Modifiedapp/components/marketing/Header.tsx+5−9View fileUnifiedSplit
@@ -299,10 +299,10 @@ export default function Header() {
299299 /* ---- text colour helper ---- */
300300 const linkColor = (active: boolean) =>
301301 active
302 ? scrolled ? "text-navy-800 font-semibold" : "text-white font-semibold"
302 ? "text-navy-800 font-semibold"
303303 : scrolled
304304 ? "text-navy-500 hover:text-navy-700"
305 : "text-white/80 hover:text-white";
305 : "text-navy-400 hover:text-navy-600";
306306
307307 /* ---------------------------------------------------------------- */
308308 /* Render helpers */
@@ -518,7 +518,7 @@ export default function Header() {
518518 className={`fixed top-0 z-50 w-full transition-all duration-300 ${
519519 scrolled
520520 ? "border-b border-navy-100/60 bg-white/80 shadow-sm backdrop-blur-xl"
521 : "border-b border-transparent bg-transparent"
521 : "border-b border-navy-100/40 bg-white/95 backdrop-blur-md"
522522 }`}
523523 >
524524 {/* Gold prestige accent line at very top */}
@@ -531,7 +531,7 @@ export default function Header() {
531531 {/* ---- Logo ---- */}
532532 <Link
533533 href="/"
534 className={`flex items-center gap-2 font-serif text-2xl transition-colors ${scrolled ? "text-navy-500" : "text-white"}`}
534 className="flex items-center gap-2 font-serif text-2xl text-navy-500"
535535 >
536536 <span className="text-gold-500">♦</span>
537537 Marco Reid
@@ -602,11 +602,7 @@ export default function Header() {
602602 {/* Book a Demo */}
603603 <Link
604604 href="/contact"
605 className={`ml-1.5 inline-flex min-h-touch items-center rounded-lg px-5 py-2.5 text-sm font-semibold shadow-sm transition-all duration-200 hover:shadow-md ${
606 scrolled
607 ? "bg-navy-500 text-white hover:bg-navy-600"
608 : "bg-gold-400 text-navy-900 hover:bg-gold-300 gold-glow"
609 }`}
605 className="ml-1.5 inline-flex min-h-touch items-center rounded-lg bg-navy-500 px-5 py-2.5 text-sm font-semibold text-white shadow-sm transition-all duration-200 hover:bg-navy-600 hover:shadow-md"
610606 >
611607 Book a Demo
612608 </Link>
613609
c comment · e edit title · m merge · a approve · r request changes · ? shortcuts