import Link from 'next/link';

export default function Footer() {
  return (
    <footer className="dark-section py-16 px-6">
      <div className="max-w-6xl mx-auto">
        <div className="grid md:grid-cols-4 gap-12 mb-12">
          {/* Brand */}
          <div className="md:col-span-2">
            <h3 className="text-2xl font-light tracking-widest mb-4">XHIVA</h3>
            <p className="text-sm opacity-70 leading-relaxed mb-6">
              Visionary Art &middot; Ritual Healing &middot; Cultural Experiences
            </p>
          </div>

          {/* Quick Links */}
          <div>
            <h4 className="font-sans-alt text-xs tracking-widest mb-4">QUICK LINKS</h4>
            <div className="flex flex-col gap-2">
              <Link href="/art" className="footer-link">Art</Link>
              <Link href="/about" className="footer-link">About</Link>
              <Link href="/services" className="footer-link">Services</Link>
              <Link href="/re-evolution-art" className="footer-link">Revolution Art</Link>
              <Link href="/contact" className="footer-link">Contact</Link>
            </div>
          </div>

          {/* Connect */}
          <div>
            <h4 className="font-sans-alt text-xs tracking-widest mb-4">CONNECT</h4>
            <div className="flex flex-col gap-2">
              <a href="https://instagram.com/reevolutionart" target="_blank" rel="noopener noreferrer" className="footer-link">
                @reevolutionart
              </a>
              <a href="https://instagram.com/xhiva_art" target="_blank" rel="noopener noreferrer" className="footer-link">
                @xhiva_art
              </a>
              <a href="https://instagram.com/ximena_xaguar" target="_blank" rel="noopener noreferrer" className="footer-link">
                @ximena_xaguar
              </a>
              <a href="https://www.facebook.com/XimenaXhivart" target="_blank" rel="noopener noreferrer" className="footer-link">
                Facebook
              </a>
              <a href="https://soundcloud.com/xhiva" target="_blank" rel="noopener noreferrer" className="footer-link">
                SoundCloud
              </a>
            </div>
          </div>
        </div>

        {/* Copyright */}
        <div className="border-t border-white/10 pt-8 text-center">
          <p className="font-sans-alt text-xs tracking-widest opacity-50">
            &copy; {new Date().getFullYear()} XHIVA. ALL RIGHTS RESERVED.
          </p>
        </div>
      </div>
    </footer>
  );
}
