Replace boilerplate branding with WhyRating visual identity: - Inter + Nunito fonts, blue theme, light mode - Inline SVG logo component (whyrating.com wordmark) - Swap logos in header, footer, auth layout - Generate favicon/icons from brand SVG - Full landing page: hero, how-it-works, features, testimonials, FAQ - EN/ES translations for all sections - Report fan (abanico) component with 3 PDF page previews Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
31 lines
973 B
TypeScript
31 lines
973 B
TypeScript
import { pathsConfig } from "~/config/paths";
|
|
import { WhyRatingLogo } from "~/modules/common/whyrating-logo";
|
|
import { TurboLink } from "~/modules/common/turbo-link";
|
|
|
|
export default async function AuthLayout({
|
|
children,
|
|
}: {
|
|
children: React.ReactNode;
|
|
}) {
|
|
return (
|
|
<main className="grid h-full w-full flex-1 lg:grid-cols-2">
|
|
<section className="flex h-full flex-col items-center justify-center p-6 lg:p-10">
|
|
<header className="text-navy -mt-1 mb-auto flex self-start justify-self-start">
|
|
<TurboLink
|
|
href={pathsConfig.index}
|
|
className="flex shrink-0 items-center gap-3"
|
|
aria-label="whyrating.com"
|
|
>
|
|
<WhyRatingLogo />
|
|
</TurboLink>
|
|
</header>
|
|
<div className="mt-16 mb-auto flex w-full max-w-md flex-col gap-6 pb-16">
|
|
{children}
|
|
</div>
|
|
</section>
|
|
|
|
<aside className="bg-muted hidden flex-1 lg:block"></aside>
|
|
</main>
|
|
);
|
|
}
|