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>
  )
}
