diff options
| author | Sebastien Castiel <sebastien@castiel.me> | 2023-12-08 16:33:12 -0500 |
|---|---|---|
| committer | Sebastien Castiel <sebastien@castiel.me> | 2023-12-08 16:33:12 -0500 |
| commit | 34c373272ba11077c2dfa31eee3736f51ffde684 (patch) | |
| tree | 6ad4464bab615c4557ac77947c3b67978515a8a1 /src/app/layout.tsx | |
| parent | 92a21ff4c5df6e9f771cfbd140835dce3b6d7b0d (diff) | |
Landing page
Diffstat (limited to 'src/app/layout.tsx')
| -rw-r--r-- | src/app/layout.tsx | 30 |
1 files changed, 27 insertions, 3 deletions
diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 2edc33c..2abc96a 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -59,7 +59,7 @@ export default function RootLayout({ }) { return ( <html lang="en" suppressHydrationWarning> - <body className=""> + <body className="pt-16 min-h-[100dvh] flex flex-col items-stretch"> <ThemeProvider attribute="class" defaultTheme="system" @@ -67,7 +67,7 @@ export default function RootLayout({ disableTransitionOnChange > <ProgressBar /> - <header className="fixed top-0 left-0 right-0 flex justify-between bg-white dark:bg-gray-950 bg-opacity-50 dark:bg-opacity-50 p-2 border-b backdrop-blur-sm"> + <header className="fixed top-0 left-0 right-0 h-16 flex justify-between bg-white dark:bg-gray-950 bg-opacity-50 dark:bg-opacity-50 p-2 border-b backdrop-blur-sm"> <Link className="flex items-center gap-2" href="/"> <h1> <Image @@ -90,7 +90,31 @@ export default function RootLayout({ </li> </ul> </header> - <div className="max-w-screen-md mx-auto p-4 pt-20">{children}</div> + + {children} + + <footer className="sm:p-8 md:p-16 sm:mt-16 sm:text-sm md:text-base md:mt-32 bg-slate-50 dark:bg-slate-800 border-t p-6 mt-8 flex flex-col space-y-2 text-xs [&_a]:underline"> + <div className="sm:text-lg font-semibold text-base flex space-x-2 items-center"> + <Link className="flex items-center gap-2" href="/"> + <Image + src="/logo-with-text.png" + className="m-1 h-auto" + width={(35 * 522) / 180} + height={35} + alt="Spliit" + /> + </Link> + </div> + <div className="flex flex-col space-y a--no-underline-text-white"> + <span>Made in Montréal, Québec 🇨🇦</span> + <span> + Built by{' '} + <a href="https://scastiel.dev" target="_blank" rel="noopener"> + Sebastien Castiel + </a> + </span> + </div> + </footer> </ThemeProvider> </body> </html> |