humas
/
web-humas-fe
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: login register

This commit is contained in:
amd123 2024-04-26 13:44:12 +07:00
parent 6c06b9dd19
commit 436b87a547
4 changed files with 33 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
app/auth/layout.tsx Normal file
View File

@ -0,0 +1,13 @@
import { HumasLayout } from "@/components/layout/HumasLayout";
export default function AuthLayout({
children,
}: {
children: React.ReactNode;
}) {
return (
<HumasLayout>
{children}
</HumasLayout>
);
}

8
app/auth/page.tsx Normal file
View File

@ -0,0 +1,8 @@
import Login from '@/components/form/login'
import React from 'react'
export default function AuthPage() {
return (
<Login />
)
}

9
components/Landing Page/Footer.tsx
View File

@ -1,6 +1,7 @@
import { Button } from '@nextui-org/button'
import { Input } from '@nextui-org/input'
import { ChevronDownIcon, MailIcon, SendIcon } from '../icons'
import { MailIcon, SendIcon } from '../icons'
import Link from 'next/link'
export default function Footer() {
return (
@ -62,7 +63,11 @@ export default function Footer() {
/>
<div className='bg-[#C3160F] flex items-center justify-center w-16 rounded-r-lg cursor-pointer'><SendIcon /></div>
</div>
<Button className='mt-1 bg-[#DD8306]'>Kontributor Wilayah</Button>
<Link href={`/auth`}>
<Button className='mt-1 bg-[#DD8306]'>
Kontributor Wilayah
</Button>
</Link>
</div>
</div>
<div className='dark:bg-black text-black dark:text-white text-center py-3 text-xs md:text-medium flex justify-center font-normal'>&copy; Copyright Humas<p className='text-red-700'>&nbsp; POLRI &reg;</p>&nbsp; All Rights Reserved</div>

7
components/form/login.tsx
View File

@ -3,6 +3,7 @@ import { Input } from '@nextui-org/input'
import React from 'react'
import { EyeFilledIcon, EyeSlashFilledIcon } from '../icons';
import { Button } from '@nextui-org/button';
import Link from 'next/link';
export default function Login() {
const [isVisible, setIsVisible] = React.useState(false);
@ -12,7 +13,7 @@ export default function Login() {
return (
<div className='text-black md:flex px-0 md:px-2 lg:px-5'>
<div className='w-auto md:w-1/2 p-2 md:p-5 lg:p-10 space-y-5'>
<div className='text-xl font-bold'>Selamat Datang di Portal PPID Humas Polri</div>
<div className='text-xl font-bold'>Selamat Datang di Portal Resmi Humas Polri</div>
<div>
<Input
classNames={{
@ -111,7 +112,9 @@ export default function Login() {
</div>
<div className='flex justify-center text-xs font-medium py-3'>Don't have account? Register Now</div>
<div>
<Button size='lg' variant='bordered' className="w-full text-[#DD8306] borde-2 border-[#DD8306] rounded-md font-semibold">Register</Button>
<Link href={`/form-permohonan-informasi`}>
<Button size='lg' variant='bordered' className="w-full text-[#DD8306] borde-2 border-[#DD8306] rounded-md font-semibold">Register</Button>
</Link>
</div>
</div>
<div className='hidden sm:flex w-1/2 items-center justify-center p-10'>