francy51
8a8c4f7177
Remove the decorative grid background layer from both the main app shell and authentication shell to create a cleaner, more minimal UI appearance. Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
45 lines
2.0 KiB
TypeScript
45 lines
2.0 KiB
TypeScript
import Link from 'next/link';
|
|
|
|
type AuthShellProps = {
|
|
title: string;
|
|
subtitle: string;
|
|
children: React.ReactNode;
|
|
footer: React.ReactNode;
|
|
};
|
|
|
|
export function AuthShell({ title, subtitle, children, footer }: AuthShellProps) {
|
|
return (
|
|
<div className="auth-page">
|
|
<div className="noise-layer" aria-hidden="true" />
|
|
|
|
<div className="relative z-10 mx-auto flex min-h-screen w-full max-w-5xl flex-col justify-center gap-5 px-4 py-6 sm:gap-8 sm:py-10 md:px-8 lg:flex-row lg:items-center">
|
|
<section className="rounded-2xl border border-[color:var(--line-weak)] bg-[color:var(--panel)] p-5 sm:p-6 lg:w-[42%]">
|
|
<p className="terminal-caption text-xs uppercase tracking-[0.3em] text-[color:var(--terminal-muted)]">Fiscal Clone</p>
|
|
<h1 className="mt-3 text-2xl font-semibold text-[color:var(--terminal-bright)] sm:text-3xl">Autonomous Analyst Desk</h1>
|
|
<p className="mt-3 text-sm leading-6 text-[color:var(--terminal-muted)]">
|
|
Secure entry into filings intelligence, portfolio diagnostics, and async AI workflows powered by AI SDK.
|
|
</p>
|
|
<Link
|
|
href="https://www.sec.gov/"
|
|
target="_blank"
|
|
className="mt-6 inline-flex text-xs uppercase tracking-[0.2em] text-[color:var(--accent)] hover:text-[color:var(--accent-strong)]"
|
|
>
|
|
SEC Data Backbone
|
|
</Link>
|
|
</section>
|
|
|
|
<section className="rounded-2xl border border-[color:var(--line-weak)] bg-[color:var(--panel)] p-5 shadow-[0_20px_60px_rgba(1,4,10,0.55)] sm:p-6 lg:w-[58%]">
|
|
<h2 className="text-xl font-semibold text-[color:var(--terminal-bright)] sm:text-2xl">{title}</h2>
|
|
<p className="mt-2 text-sm text-[color:var(--terminal-muted)]">{subtitle}</p>
|
|
|
|
<div className="mt-6">{children}</div>
|
|
|
|
<div className="mt-6 border-t border-[color:var(--line-weak)] pt-4 text-sm text-[color:var(--terminal-muted)]">
|
|
{footer}
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|