feat: Add marketing and use case pages, their data structures, and supporting UI components.

src/app/(main)/(auth)/login/LoginClient.tsx

@@ -9,7 +9,11 @@ import { Button } from '@/components/ui/Button';
 import { useTranslation } from '@/hooks/useTranslation';
 import { useCsrf } from '@/hooks/useCsrf';
 
-export default function LoginClient() {
+type LoginClientProps = {
+    showPageHeading?: boolean;
+};
+
+export default function LoginClient({ showPageHeading = true }: LoginClientProps) {
     const router = useRouter();
     const searchParams = useSearchParams();
     const { t } = useTranslation();
@@ -79,7 +83,11 @@ export default function LoginClient() {
                         <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">Welcome Back</h1>
+                    {showPageHeading ? (
+                        <h1 className="text-3xl font-bold text-gray-900">Welcome Back</h1>
+                    ) : (
+                        <h2 className="text-3xl font-bold text-gray-900">Welcome Back</h2>
+                    )}
                     <p className="text-gray-600 mt-2">Sign in to your account</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

src/app/(main)/(auth)/login/page.tsx

@@ -10,6 +10,11 @@ export const metadata: Metadata = {
   },
 };
 
-export default function LoginPage() {
-  return <LoginClient />;
-}
+export default function LoginPage() {
+  return (
+    <main>
+      <h1 className="sr-only">Login to QR Master</h1>
+      <LoginClient showPageHeading={false} />
+    </main>
+  );
+}