import Link from 'next/link';

export default function AuthLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <div className="min-h-screen bg-gradient-to-br from-primary-50 to-white flex flex-col">
      <div className="flex-grow">
        {children}
      </div>

      <footer className="py-6 text-center text-sm text-gray-500 bg-transparent">
        <div className="space-x-6 mb-2">
          <Link href="/" className="hover:text-gray-900 transition-colors">Home</Link>
          <Link href="/pricing" className="hover:text-gray-900 transition-colors">Pricing</Link>
          <Link href="/privacy" className="hover:text-gray-900 transition-colors">Privacy</Link>
          <Link href="/faq" className="hover:text-gray-900 transition-colors">FAQ</Link>
        </div>
        <p>&copy; {new Date().getFullYear()} QR Master</p>
      </footer>
    </div>
  );
}