"use client" import Link from "next/link" import { ArrowRight, Lock } from "lucide-react" /** * Edit CONTENT to match your auth page. Split layout — sign-in panel on * the left, product preview on the right. DashboardShell is exported from * this same file so the block stays self-contained. * After install this file lives in your repo. */ const CONTENT = { stamp: "Welcome back", headlineBefore: "Pick up", headlineAccent: "where you left off", headlineAfter: ".", lede: "Sign in to your workspace. New here? Create an account instead.", emailLabel: "Work email", emailPlaceholder: "you@company.com", passwordLabel: "Password", submitLabel: "Sign in", switchNote: "New to the product?", switchCta: { label: "Create an account", href: "/signup" }, shellTitle: "Workspace overview", shellCaption: "Live preview — replace with your own dashboard.", metrics: [ { label: "Active users", value: "8,412" }, { label: "Conversion", value: "4.2%" }, { label: "MRR", value: "$96k" }, ], rows: [ { name: "Acme launch", status: "Live", progress: "100%" }, { name: "Billing portal", status: "In review", progress: "80%" }, { name: "Mobile PWA", status: "Building", progress: "45%" }, ], } /** Placeholder product preview — swap for your real dashboard. */ export function DashboardShell() { return (

{CONTENT.shellCaption}

{["Overview", "Projects", "Billing", "Settings"].map((item, i) => (

{item}

))}

{CONTENT.shellTitle}

{metric.value}
{metric.label}

{row.name}

{row.progress}

{row.status}

) } export function AuthSplit() { return (

{CONTENT.stamp}

{CONTENT.headlineBefore}{" "} {CONTENT.headlineAccent} {CONTENT.headlineAfter}

{CONTENT.lede}

{CONTENT.switchNote}{" "} {CONTENT.switchCta.label}

) }