b
This commit is contained in:
35
components/Footer.tsx
Normal file
35
components/Footer.tsx
Normal file
@@ -0,0 +1,35 @@
|
||||
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>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user