AV launch: global color scheme to match logo — gold #ffb800 primary, red #d60701 secondary, warm dark bars (1a1208 / 161310) replacing the inherited BB blue palette. Swapped 21 root tokens + 112 component files.
This commit is contained in:
@@ -76,7 +76,7 @@ export default function Footer() {
|
||||
<div className="border-t border-[#222] pt-8 pb-6 grid grid-cols-2 md:grid-cols-4 gap-8">
|
||||
{footerColumns?.map((col) =>
|
||||
<div key={col?.heading}>
|
||||
<h4 className="font-body font-bold text-xs text-[#3b82f6] uppercase tracking-widest mb-4 pb-2 border-b border-[#3b82f6]/20">
|
||||
<h4 className="font-body font-bold text-xs text-[#ffb800] uppercase tracking-widest mb-4 pb-2 border-b border-[#ffb800]/20">
|
||||
{col?.heading}
|
||||
</h4>
|
||||
<ul className="space-y-2">
|
||||
@@ -87,13 +87,13 @@ export default function Footer() {
|
||||
href={link?.href}
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="footer-link font-body text-sm text-[#777777] hover:text-[#3b82f6] transition-colors leading-relaxed inline-block">
|
||||
className="footer-link font-body text-sm text-[#777777] hover:text-[#ffb800] transition-colors leading-relaxed inline-block">
|
||||
{link?.label}
|
||||
</a> :
|
||||
|
||||
<Link
|
||||
href={link?.href}
|
||||
className="footer-link font-body text-sm text-[#777777] hover:text-[#3b82f6] transition-colors leading-relaxed inline-block">
|
||||
className="footer-link font-body text-sm text-[#777777] hover:text-[#ffb800] transition-colors leading-relaxed inline-block">
|
||||
{link?.label}
|
||||
</Link>
|
||||
}
|
||||
@@ -121,32 +121,32 @@ export default function Footer() {
|
||||
|
||||
<div className="flex items-center gap-4">
|
||||
<a href="https://linkedin.com/company/avbeat" target="_blank" rel="noopener noreferrer" aria-label="AV Beat on LinkedIn"
|
||||
className="text-[#555] hover:text-[#3b82f6] transition-colors social-icon">
|
||||
className="text-[#555] hover:text-[#ffb800] transition-colors social-icon">
|
||||
<LinkedInIcon size={17} />
|
||||
</a>
|
||||
<a href="https://instagram.com/avbeat" target="_blank" rel="noopener noreferrer" aria-label="AV Beat on Instagram"
|
||||
className="text-[#555] hover:text-[#3b82f6] transition-colors social-icon">
|
||||
className="text-[#555] hover:text-[#ffb800] transition-colors social-icon">
|
||||
<InstagramIcon size={17} />
|
||||
</a>
|
||||
<a href="https://twitter.com/avbeat" target="_blank" rel="noopener noreferrer" aria-label="AV Beat on Twitter/X"
|
||||
className="text-[#555] hover:text-[#3b82f6] transition-colors social-icon">
|
||||
className="text-[#555] hover:text-[#ffb800] transition-colors social-icon">
|
||||
<TwitterXIcon size={17} />
|
||||
</a>
|
||||
<a href="https://facebook.com/avbeat" target="_blank" rel="noopener noreferrer" aria-label="AV Beat on Facebook"
|
||||
className="text-[#555] hover:text-[#3b82f6] transition-colors social-icon">
|
||||
className="text-[#555] hover:text-[#ffb800] transition-colors social-icon">
|
||||
<FacebookIcon size={17} />
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div className="flex items-center gap-4 text-xs font-body text-[#555]">
|
||||
<Link href="/privacy" className="hover:text-[#3b82f6] transition-colors">Privacy Policy</Link>
|
||||
<Link href="/terms" className="hover:text-[#3b82f6] transition-colors">Terms of Service</Link>
|
||||
<Link href="/privacy" className="hover:text-[#ffb800] transition-colors">Privacy Policy</Link>
|
||||
<Link href="/terms" className="hover:text-[#ffb800] transition-colors">Terms of Service</Link>
|
||||
<span>
|
||||
© 2026 <a
|
||||
href="https://www.relevantmediaproperties.com/"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="hover:text-[#3b82f6] transition-colors underline-offset-2 hover:underline">
|
||||
className="hover:text-[#ffb800] transition-colors underline-offset-2 hover:underline">
|
||||
Relevant Media Properties
|
||||
</a>. All rights reserved.
|
||||
</span>
|
||||
|
||||
Reference in New Issue
Block a user