38 lines
1.5 KiB
TypeScript
38 lines
1.5 KiB
TypeScript
import { cn } from "@/lib/utils";
|
|
|
|
import { HorizontalGradient } from "@/components/horizontal-gradient";
|
|
import { FeaturedTestimonials } from "@/components/featured-testimonials";
|
|
|
|
export function AuthLayout({ children }: { children: React.ReactNode }) {
|
|
return (
|
|
<>
|
|
<div className="w-full min-h-screen grid grid-cols-1 md:grid-cols-2">
|
|
{children}
|
|
<div className="relative w-full z-20 hidden md:flex border-l border-neutral-100 dark:border-neutral-800 overflow-hidden bg-gray-50 dark:bg-neutral-900 items-center justify-center">
|
|
<div className="max-w-sm mx-auto">
|
|
<FeaturedTestimonials />
|
|
<p
|
|
className={cn(
|
|
"font-semibold text-xl text-center text-muted dark:text-muted-dark",
|
|
)}
|
|
>
|
|
[App Name] is used by thousands of users
|
|
</p>
|
|
<p
|
|
className={cn(
|
|
"font-normal text-base text-center text-neutral-500 dark:text-neutral-400 mt-8",
|
|
)}
|
|
>
|
|
Join thousands of users who trust [App Name] for their needs.
|
|
</p>
|
|
</div>
|
|
<HorizontalGradient className="top-20" />
|
|
<HorizontalGradient className="bottom-20" />
|
|
<HorizontalGradient className="-right-80 transform rotate-90 inset-y-0 h-full scale-x-150" />
|
|
<HorizontalGradient className="-left-80 transform rotate-90 inset-y-0 h-full scale-x-150" />
|
|
</div>
|
|
</div>
|
|
</>
|
|
);
|
|
}
|