58 lines
2.3 KiB
TypeScript
58 lines
2.3 KiB
TypeScript
import { FormMessage, Message } from "@/components/form-message";
|
|
import { SubmitButton } from "@/components/submit-button";
|
|
import { Input } from "@/components/ui/input";
|
|
import { Label } from "@/components/ui/label";
|
|
import { Button } from "@/components/ui/button";
|
|
import { GalleryVerticalEnd, Book, Globe } from "lucide-react";
|
|
import Link from "next/link";
|
|
import { LoginForm2 } from "@/components/auth/login-form-2";
|
|
|
|
export default async function Login(props: { searchParams: Promise<Message> }) {
|
|
const searchParams = await props.searchParams;
|
|
return (
|
|
<div className="grid min-h-svh lg:grid-cols-5">
|
|
<div className="flex flex-col gap-4 p-6 md:p-10 bg-[#171717] lg:col-span-2 relative border border-r-2 border-r-gray-400 border-opacity-20">
|
|
<div className="flex justify-between items-center">
|
|
<a href="#" className="flex items-center gap-2 font-medium">
|
|
<div className="flex h-6 w-6 items-center justify-center rounded-md bg-primary text-primary-foreground">
|
|
<GalleryVerticalEnd className="size-4" />
|
|
</div>
|
|
Sigap Tech.
|
|
</a>
|
|
</div>
|
|
<div className="flex flex-1 items-center justify-center">
|
|
<div className="w-full max-w-md">
|
|
<LoginForm2 />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="relative hidden bg-[#0a0a0a] lg:flex items-center justify-center lg:col-span-3">
|
|
<Button
|
|
variant="outline"
|
|
size="sm"
|
|
className="absolute top-6 right-6 text-white bg-[#242424] border-gray-700 hover:bg-gray-800"
|
|
>
|
|
<Globe className="mr-0 h-4 w-4" />
|
|
Showcase
|
|
</Button>
|
|
<div className="flex flex-col max-w-md">
|
|
<div className="text-6xl text-gray-600 mb-8">"</div>
|
|
<h2 className="text-4xl font-bold text-white mb-8">
|
|
@Sigap Tech. Is the best to manage your crime data and report.
|
|
</h2>
|
|
<div className="flex items-center gap-4">
|
|
<img
|
|
src="https://github.com/shadcn.png"
|
|
alt="Profile"
|
|
className="w-12 h-12 rounded-full"
|
|
/>
|
|
<div>
|
|
<p className="text-white font-medium">@codewithbhargav</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|