52 lines
2.0 KiB
TypeScript
52 lines
2.0 KiB
TypeScript
import { ContactUsForm } from "@/app/(auth-pages)/_components/auth/contact-us";
|
|
import { Button } from "@/app/_components/ui/button";
|
|
import { GalleryVerticalEnd, Globe } from "lucide-react";
|
|
|
|
export default async function ContactAdminPage() {
|
|
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">
|
|
<ContactUsForm />
|
|
</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>
|
|
);
|
|
}
|