36 lines
1.4 KiB
TypeScript
36 lines
1.4 KiB
TypeScript
import Link from 'next/link'
|
|
|
|
export default function Footer() {
|
|
return (
|
|
<footer className="w-full bg-[#111111] text-white pt-12 pb-16 px-6 md:px-10 border-t border-white/10">
|
|
<div className="flex flex-col space-y-12 md:space-y-0 md:flex-row md:justify-between md:items-end">
|
|
|
|
{/* Left Side Branding */}
|
|
<div className="text-[32px] md:text-[20px] font-bebas tracking-tighter leading-none text-center md:text-left">
|
|
A.N.T
|
|
</div>
|
|
|
|
{/* Center: Copyright & Credits */}
|
|
<div className="flex flex-col items-center space-y-4 md:space-y-0 md:pb-1">
|
|
<div className="text-[9px] md:text-[10px] font-extrabold uppercase tracking-[0.15em] text-white/40 text-center leading-relaxed max-w-[300px] md:max-w-none">
|
|
©A.N.T ARCHITECTURE INC. 2026
|
|
</div>
|
|
<div className="text-[9px] md:text-[10px] font-extrabold uppercase tracking-[0.15em] text-white/40 text-center flex flex-wrap justify-center gap-x-2">
|
|
<span className="hidden md:inline">CREATED BY
|
|
</span>
|
|
<Link href="https://ayris.tech" className="hover:text-white transition-colors underline md:no-underline">AYRISTECH</Link>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
{/* Right Side Branding */}
|
|
<div className="text-[32px] md:text-[20px] font-bebas tracking-tighter leading-none text-center md:text-right">
|
|
ARCHITECTURE
|
|
</div>
|
|
|
|
</div>
|
|
</footer>
|
|
)
|
|
}
|