mirror of
https://github.com/simstudioai/sim.git
synced 2026-04-06 03:00:16 -04:00
8fa4f3fdbb
* Thinking v0 * Change * Fix * improvement(ui/ux): mothership chat experience * user input animation * improvement(landing): desktop complete * auth and 404 * mobile friendliness and home templates * improvement(home): templates * fix: feature flags * address comments --------- Co-authored-by: Emir Karabeg <emirkarabeg@berkeley.edu>
47 lines
1.6 KiB
TypeScript
47 lines
1.6 KiB
TypeScript
'use client'
|
|
|
|
import type { ReactNode } from 'react'
|
|
import AuthBackground from '@/app/(auth)/components/auth-background'
|
|
import Navbar from '@/app/(home)/components/navbar/navbar'
|
|
import { SupportFooter } from './support-footer'
|
|
|
|
export interface StatusPageLayoutProps {
|
|
title: string
|
|
description: string | ReactNode
|
|
children?: ReactNode
|
|
showSupportFooter?: boolean
|
|
}
|
|
|
|
export function StatusPageLayout({
|
|
title,
|
|
description,
|
|
children,
|
|
showSupportFooter = true,
|
|
}: StatusPageLayoutProps) {
|
|
return (
|
|
<AuthBackground className='dark font-[430] font-season'>
|
|
<main className='relative flex min-h-full flex-col text-[#ECECEC]'>
|
|
<header className='shrink-0 bg-[#1C1C1C]'>
|
|
<Navbar logoOnly />
|
|
</header>
|
|
<div className='relative z-30 flex flex-1 items-center justify-center px-4 pb-24'>
|
|
<div className='w-full max-w-lg px-4'>
|
|
<div className='flex flex-col items-center justify-center'>
|
|
<div className='space-y-1 text-center'>
|
|
<h1 className='font-[430] font-season text-[40px] text-white leading-[110%] tracking-[-0.02em]'>
|
|
{title}
|
|
</h1>
|
|
<p className='font-[430] font-season text-[#F6F6F6]/60 text-[18px] leading-[125%] tracking-[0.02em]'>
|
|
{description}
|
|
</p>
|
|
</div>
|
|
{children && <div className='mt-8 w-full max-w-[410px] space-y-3'>{children}</div>}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{showSupportFooter && <SupportFooter position='absolute' />}
|
|
</main>
|
|
</AuthBackground>
|
|
)
|
|
}
|