import Link from 'next/link';

export default function Footer() {
  return (
    <footer className="bg-pb-anthracite text-white">
      <div className="max-w-7xl mx-auto px-4 py-12 sm:px-6 lg:px-8">
        <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
          <div>
            <h3 className="text-xl font-bold mb-4">Pixelbrew</h3>
            <p className="text-gray-300">Wir entwickeln digitale Erlebnisse.</p>
          </div>
          <div className="md:col-start-3 md:col-end-4 flex md:justify-end">
            <div>
              <h4 className="text-lg font-semibold mb-4">Links</h4>
              <div className="space-y-2">
                <Link href="/impressum" className="block text-gray-300 hover:text-pb-turquoise">
                  Impressum
                </Link>
                <Link href="/datenschutz" className="block text-gray-300 hover:text-pb-turquoise">
                  Datenschutz
                </Link>
                <Link href="/admin" className="block text-gray-300 hover:text-pb-turquoise">
                  Admin Panel
                </Link>
              </div>
            </div>
          </div>
        </div>
      </div>
    </footer>
  );
}