Fix homepage contrast: cards now actually visible with navy-800 backg… #3964
2 changed files+17−17
Modifiedcomponents/Footer.jsx+16−16View fileUnifiedSplit
@@ -4,13 +4,13 @@ export default function Footer() {
44 const year = new Date().getFullYear()
55
66 return (
7 <footer className="bg-navy-950 border-t border-white/10 py-16">
7 <footer className="bg-navy-950 border-t border-white/[0.08] py-16">
88 <div className="max-w-5xl mx-auto px-6">
99 <div className="grid grid-cols-2 md:grid-cols-4 gap-10 mb-12">
1010 {/* Brand */}
1111 <div className="col-span-2 md:col-span-1">
1212 <span className="text-[16px] font-bold text-white">Alec<span className="text-gold-400">Rae</span></span>
13 <p className="text-[12px] text-white/50 mt-3 leading-relaxed">
13 <p className="text-[12px] text-white/45 mt-3 leading-relaxed">
1414 AI-powered grammar correction and voice-to-text for professionals who demand precision.
1515 </p>
1616 </div>
@@ -19,11 +19,11 @@ export default function Footer() {
1919 <div>
2020 <p className="text-[10px] font-semibold text-white/50 uppercase tracking-[0.15em] mb-4">Product</p>
2121 <div className="flex flex-col gap-2.5">
22 <a href="/download" className="text-[12px] text-white/50 hover:text-white transition-colors">Download</a>
23 <a href="/install" className="text-[12px] text-white/50 hover:text-white transition-colors">Chrome Extension</a>
24 <a href="/pricing" className="text-[12px] text-white/50 hover:text-white transition-colors">Pricing</a>
25 <a href="/compare" className="text-[12px] text-white/50 hover:text-white transition-colors">Compare</a>
26 <a href="/live" className="text-[12px] text-white/50 hover:text-white transition-colors">Live Demo</a>
22 <a href="/download" className="text-[12px] text-white/50 hover:text-white/80 transition-colors">Download</a>
23 <a href="/install" className="text-[12px] text-white/50 hover:text-white/80 transition-colors">Chrome Extension</a>
24 <a href="/pricing" className="text-[12px] text-white/50 hover:text-white/80 transition-colors">Pricing</a>
25 <a href="/compare" className="text-[12px] text-white/50 hover:text-white/80 transition-colors">Compare</a>
26 <a href="/live" className="text-[12px] text-white/50 hover:text-white/80 transition-colors">Live Demo</a>
2727 </div>
2828 </div>
2929
@@ -31,10 +31,10 @@ export default function Footer() {
3131 <div>
3232 <p className="text-[10px] font-semibold text-white/50 uppercase tracking-[0.15em] mb-4">Company</p>
3333 <div className="flex flex-col gap-2.5">
34 <a href="/security" className="text-[12px] text-white/50 hover:text-white transition-colors">Security</a>
35 <a href="/privacy" className="text-[12px] text-white/50 hover:text-white transition-colors">Privacy Policy</a>
36 <a href="/terms" className="text-[12px] text-white/50 hover:text-white transition-colors">Terms of Service</a>
37 <a href="mailto:support@alecrae.ai" className="text-[12px] text-white/50 hover:text-white transition-colors">Contact</a>
34 <a href="/security" className="text-[12px] text-white/50 hover:text-white/80 transition-colors">Security</a>
35 <a href="/privacy" className="text-[12px] text-white/50 hover:text-white/80 transition-colors">Privacy Policy</a>
36 <a href="/terms" className="text-[12px] text-white/50 hover:text-white/80 transition-colors">Terms of Service</a>
37 <a href="mailto:support@alecrae.ai" className="text-[12px] text-white/50 hover:text-white/80 transition-colors">Contact</a>
3838 </div>
3939 </div>
4040
@@ -51,15 +51,15 @@ export default function Footer() {
5151 </div>
5252
5353 {/* Bottom bar */}
54 <div className="pt-6 border-t border-white/10 flex flex-col sm:flex-row items-center justify-between gap-4">
54 <div className="pt-6 border-t border-white/[0.04] flex flex-col sm:flex-row items-center justify-between gap-4">
5555 <p className="text-[11px] text-white/30">
5656 © {year} AlecRae Ltd. Built in New Zealand. All rights reserved.
5757 </p>
5858 <div className="flex items-center gap-5 text-[11px] text-white/30">
59 <a href="/privacy" className="hover:text-white/60 transition-colors">Privacy</a>
60 <a href="/terms" className="hover:text-white/60 transition-colors">Terms</a>
61 <a href="/security" className="hover:text-white/60 transition-colors">Security</a>
62 <a href="mailto:support@alecrae.ai" className="hover:text-white/60 transition-colors">support@alecrae.ai</a>
59 <a href="/privacy" className="hover:text-white/40 transition-colors">Privacy</a>
60 <a href="/terms" className="hover:text-white/40 transition-colors">Terms</a>
61 <a href="/security" className="hover:text-white/40 transition-colors">Security</a>
62 <a href="mailto:support@alecrae.ai" className="hover:text-white/40 transition-colors">support@alecrae.ai</a>
6363 </div>
6464 </div>
6565 </div>
Modifiedcomponents/Nav.jsx+1−1View fileUnifiedSplit
@@ -7,7 +7,7 @@ export default function Nav() {
77 const [open, setOpen] = useState(false)
88
99 return (
10 <nav className="fixed top-0 w-full z-50 bg-navy-950/95 backdrop-blur-xl border-b border-white/10">
10 <nav className="fixed top-0 w-full z-50 bg-navy-950/95 backdrop-blur-xl border-b border-white/[0.10]">
1111 <div className="max-w-6xl mx-auto flex items-center justify-between px-6 py-4">
1212 <a href="/" className="flex items-center gap-2.5">
1313 <span className="text-[18px] font-bold tracking-tight text-white">
1414
c comment · e edit title · m merge · a approve · r request changes · ? shortcuts