mirror of
https://github.com/hanzo-apps/dataroom.git
synced 2026-10-30 14:47:36 +00:00
Login was a split-pane marketing layout with a salmon-pink sign-in
button, light-gray panel, testimonial photo + quote, and 'Trusted by
teams at' sponsor wall. None of that is wanted on a Hanzo property.
Now:
* Solid black full-screen background, no testimonial panel, no
sponsor logos.
* Centered logo + 'Welcome to Hanzo Dataroom' headline + tagline.
* Monochrome white-on-black 'Sign in with Hanzo' button (bg-white,
text-black). No red.
* Terms/Privacy links in zinc-300 underline, body in zinc-400/500.
* <html class='dark'> on the root layout — dark is the default theme.
* Favicon swapped to a Hanzo-H mark across all favicon sizes.
The IAM redirect itself is unchanged — signIn('hanzo-iam') still
hands off to NEXT_PUBLIC_IAM_PROVIDER_NAME via NextAuth, so 'Sign in
with Hanzo' is now the only UI surface and IAM owns everything past
the redirect.
55 lines
1.1 KiB
TypeScript
55 lines
1.1 KiB
TypeScript
import { Metadata } from "next";
|
|
import { Inter } from "next/font/google";
|
|
|
|
import "@/styles/globals.css";
|
|
|
|
const inter = Inter({ subsets: ["latin"] });
|
|
|
|
import { APP_DESCRIPTION, APP_NAME, APP_URL } from "@/lib/branding";
|
|
|
|
const data = {
|
|
description: APP_DESCRIPTION,
|
|
title: `${APP_NAME} | Secure Data Room Infrastructure`,
|
|
url: "/",
|
|
};
|
|
|
|
export const metadata: Metadata = {
|
|
metadataBase: new URL(APP_URL),
|
|
title: data.title,
|
|
description: data.description,
|
|
openGraph: {
|
|
title: data.title,
|
|
description: data.description,
|
|
url: data.url,
|
|
siteName: APP_NAME,
|
|
images: [
|
|
{
|
|
url: "/_static/meta-image.png",
|
|
width: 800,
|
|
height: 600,
|
|
},
|
|
],
|
|
locale: "en_US",
|
|
type: "website",
|
|
},
|
|
twitter: {
|
|
card: "summary_large_image",
|
|
title: data.title,
|
|
description: data.description,
|
|
creator: "@hanzoai",
|
|
images: ["/_static/meta-image.png"],
|
|
},
|
|
};
|
|
|
|
export default function RootLayout({
|
|
children,
|
|
}: {
|
|
children: React.ReactNode;
|
|
}) {
|
|
return (
|
|
<html lang="en" className="dark">
|
|
<body className={inter.className}>{children}</body>
|
|
</html>
|
|
);
|
|
}
|