// app/(auth)/sign-in/page.tsx
import { SignInCard } from "@/components/blocks/sign-in-card";

/**
 * Auth route shell: brand panel + centered sign-in card.
 * Drop the entire file into your app/ directory.
 */
export default function AuthPage() {
  return (
    <div className="grid min-h-svh grid-cols-1 md:grid-cols-2">
      <aside className="relative hidden flex-col justify-between bg-black p-10 text-white md:flex">
        <div className="flex items-center gap-2 font-bold">
          <span className="inline-flex size-7 items-center justify-center rounded-md bg-orange-500 text-xs">
            S
          </span>
          Acme
        </div>

        <div className="space-y-5">
          <h1 className="text-3xl font-bold leading-tight">
            Ship a real product, not a starter kit.
          </h1>
          <p className="max-w-prose text-sm text-zinc-400">
            Accessible primitives, runtime theming, no framework lock-in.
          </p>
        </div>

        <p className="text-xs text-zinc-500">© Acme · All rights reserved.</p>
      </aside>

      <div className="flex items-center justify-center bg-zinc-50 p-6 md:p-10">
        <SignInCard />
      </div>
    </div>
  );
}
Blocks used in this template
