localadministrator/avbeat-com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

AV: precise recolor to spec — warm dark backgrounds (#1c1815/#231d18/#26201a/#15110e) + gold #F0A623 / orange #D85A30 accents + warm text (#FBEFE0/#C9BBA8/#8a7e6e). 138 component files + 36 token swaps.

Browse Source
This commit is contained in:
Ryan Salazar
2026-06-02 23:46:00 +00:00
parent 01c1abf99d
commit 2876ac6ecd
141 changed files with 2020 additions and 2020 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/components/Footer.tsx
View File

@@ -63,7 +63,7 @@ const footerColumns = [
export default function Footer() {
return (
<footer className="bg-[#0d0d0d] border-t border-[#222]">
<footer className="bg-[#1c1815] border-t border-[#222]">
{/* Footer Ad Row — site-wide 728x90 (rotates if multiple in pool) */}
<div className="max-w-container mx-auto px-4 pt-8 pb-4">
{pickAds("728x90", 1).length > 0 && (
@@ -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-[#ffb800] uppercase tracking-widest mb-4 pb-2 border-b border-[#ffb800]/20">
<h4 className="font-body font-bold text-xs text-[#F0A623] uppercase tracking-widest mb-4 pb-2 border-b border-[#F0A623]/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-[#ffb800] transition-colors leading-relaxed inline-block">
className="footer-link font-body text-sm text-[#777777] hover:text-[#F0A623] transition-colors leading-relaxed inline-block">
{link?.label}
</a> :
<Link
href={link?.href}
className="footer-link font-body text-sm text-[#777777] hover:text-[#ffb800] transition-colors leading-relaxed inline-block">
className="footer-link font-body text-sm text-[#777777] hover:text-[#F0A623] 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-[#ffb800] transition-colors social-icon">
className="text-[#555] hover:text-[#F0A623] 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-[#ffb800] transition-colors social-icon">
className="text-[#555] hover:text-[#F0A623] 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-[#ffb800] transition-colors social-icon">
className="text-[#555] hover:text-[#F0A623] 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-[#ffb800] transition-colors social-icon">
className="text-[#555] hover:text-[#F0A623] 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-[#ffb800] transition-colors">Privacy Policy</Link>
<Link href="/terms" className="hover:text-[#ffb800] transition-colors">Terms of Service</Link>
<Link href="/privacy" className="hover:text-[#F0A623] transition-colors">Privacy Policy</Link>
<Link href="/terms" className="hover:text-[#F0A623] transition-colors">Terms of Service</Link>
<span>
© 2026 <a
href="https://www.relevantmediaproperties.com/"
target="_blank"
rel="noopener noreferrer"
className="hover:text-[#ffb800] transition-colors underline-offset-2 hover:underline">
className="hover:text-[#F0A623] transition-colors underline-offset-2 hover:underline">
Relevant Media Properties
</a>. All rights reserved.
</span>