neuer versuch

src/app/(auth)/signup/page.tsx

@@ -1,5 +1,6 @@
-import React from 'react';
+import React, { Suspense } from 'react';
 import type { Metadata } from 'next';
+import Link from 'next/link';
 import SignupClientPage from './ClientPage';
 
 export const metadata: Metadata = {
@@ -12,16 +13,39 @@ export const metadata: Metadata = {
   },
 };
 
+
+
 export default function SignupPage() {
   return (
-    <>
-      <h1 className="sr-only">Sign Up for QR Master – Free QR Code Generator</h1>
-      <div className="sr-only">
-        <h2>Get Started Free</h2>
-        <p>Create your account today. No credit card required for the free tier. Start generating trackable QR codes in minutes.</p>
-        <a href="/">Back to Home</a>
+    <div className="min-h-screen bg-gradient-to-br from-primary-50 to-white flex items-center justify-center p-4">
+      <div className="w-full max-w-md">
+        <div className="text-center mb-8">
+          <Link href="/" className="inline-flex items-center space-x-2 mb-6">
+            <img src="/logo.svg" alt="QR Master" className="w-10 h-10" />
+            <span className="text-2xl font-bold text-gray-900">QR Master</span>
+          </Link>
+          <h1 className="text-3xl font-bold text-gray-900">Create Account</h1>
+          <p className="text-gray-600 mt-2">Start creating QR codes in seconds</p>
+          <Link href="/" className="text-sm text-primary-600 hover:text-primary-700 font-medium mt-2 inline-block border border-primary-600 hover:border-primary-700 px-4 py-2 rounded-lg transition-colors">
+            ← Back to Home
+          </Link>
+        </div>
+
+        <Suspense fallback={
+          <div className="bg-white rounded-xl shadow-sm border border-slate-200 p-8 flex items-center justify-center min-h-[500px]">
+            <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-primary-600"></div>
+          </div>
+        }>
+          <SignupClientPage />
+        </Suspense>
+
+        <p className="text-center text-sm text-gray-500 mt-6">
+          By signing up, you agree to our{' '}
+          <Link href="/privacy" className="text-primary-600 hover:text-primary-700">
+            Privacy Policy
+          </Link>
+        </p>
       </div>
-      <SignupClientPage />
-    </>
+    </div>
   );
 }