AI Code Toolkit

/**
 * Sign In Page
 *
 * DESIGN PATTERNS:
 * - Server Component with client form components
 * - Route group (auth) for layout isolation
 * - Redirect after successful sign-in
 *
 * CODING STANDARDS:
 * - Use AuthForm component if withAuthComponents=true
 * - Handle OAuth providers based on authProviders
 * - Show error states and loading states
 */

import { Metadata } from "next";
{% if withAuthComponents %}import { AuthForm } from "@/components/AuthForm";{% endif %}

export const metadata: Metadata = {
  title: "Sign In",
  description: "Sign in to your account",
};

export default function SignInPage() {
  return (
    <div className="flex min-h-screen items-center justify-center">
      <div className="w-full max-w-md space-y-8 px-4">
        <div className="text-center">
          <h1 className="text-3xl font-bold">Sign In</h1>
          <p className="mt-2 text-sm text-gray-600">
            Welcome back! Please sign in to continue.
          </p>
        </div>
        {% if withAuthComponents %}
        <AuthForm mode="signin" providers="{{ authProviders }}" />
        {% else %}
        {/* TODO: Implement sign-in form */}
        <div className="rounded-lg border p-6">
          <p className="text-sm text-gray-500">
            Sign-in form implementation goes here
          </p>
        </div>
        {% endif %}
      </div>
    </div>
  );
}