diff --git a/app/auth/layout.tsx b/app/auth/layout.tsx
new file mode 100644
index 0000000..cb41e3c
--- /dev/null
+++ b/app/auth/layout.tsx
@@ -0,0 +1,13 @@
+import { HumasLayout } from "@/components/layout/HumasLayout";
+
+export default function AuthLayout({
+    children,
+}: {
+    children: React.ReactNode;
+}) {
+    return (
+        <HumasLayout>
+            {children}
+        </HumasLayout>
+    );
+}
diff --git a/app/auth/page.tsx b/app/auth/page.tsx
new file mode 100644
index 0000000..3701857
--- /dev/null
+++ b/app/auth/page.tsx
@@ -0,0 +1,8 @@
+import Login from '@/components/form/login'
+import React from 'react'
+
+export default function AuthPage() {
+    return (
+        <Login />
+    )
+}
diff --git a/components/Landing Page/Footer.tsx b/components/Landing Page/Footer.tsx
index 5148fa6..c94aac4 100644
--- a/components/Landing Page/Footer.tsx	
+++ b/components/Landing Page/Footer.tsx	
@@ -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>
diff --git a/components/form/login.tsx b/components/form/login.tsx
index 0628d8f..6493dde 100644
--- a/components/form/login.tsx
+++ b/components/form/login.tsx
@@ -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'>