33 lines
1.2 KiB
TypeScript
33 lines
1.2 KiB
TypeScript
import { GraduationCap } from "lucide-react"
|
|
|
|
interface AuthLayoutProps {
|
|
children: React.ReactNode
|
|
}
|
|
|
|
export function AuthLayout({ children }: AuthLayoutProps) {
|
|
return (
|
|
<div className="container relative h-screen flex-col items-center justify-center grid lg:max-w-none lg:grid-cols-2 lg:px-0">
|
|
<div className="relative hidden h-full flex-col bg-muted p-10 text-white dark:border-r lg:flex">
|
|
<div className="absolute inset-0 bg-zinc-900" />
|
|
<div className="relative z-20 flex items-center text-lg font-medium">
|
|
<GraduationCap className="mr-2 h-6 w-6" />
|
|
Next_Edu
|
|
</div>
|
|
<div className="relative z-20 mt-auto">
|
|
<blockquote className="space-y-2">
|
|
<p className="text-lg">
|
|
“This platform has completely transformed how we deliver education to our students. The attention to detail and performance is unmatched.”
|
|
</p>
|
|
<footer className="text-sm">Sofia Davis</footer>
|
|
</blockquote>
|
|
</div>
|
|
</div>
|
|
<div className="lg:p-8">
|
|
<div className="mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[350px]">
|
|
{children}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|