style: humas footer

components/Landing Page/Footer.tsx

@@ -5,11 +5,10 @@ import { MailIcon } from '../icons'
 export default function Footer() {
     return (
         <div className='relative text-xs leading-4 md:leading-loose lg:leading-8 font-semibold '>
-            <div className='h-[620px] md:h-[720px] lg:h-auto  bg-black'>
-                <img src="/temp/foot.png" alt="" className='w-full h-full object-cover object-left-top opacity-50' />
-
+            <div className='h-[650px] md:h-[720px] lg:h-auto  bg-black'>
+                <img src="/assets/Footer.jpg" alt="" className='w-full h-full object-cover object-left-top opacity-80' />
             </div>
-            <div className="absolute top-0 left-0 w-full grid grid-cols-3 md:grid-cols-5 lg:grid-cols-5 gap-2 md:gap-4 px-1 md:px-10 lg:px-20 pt-5 md:pt-16 pb-5 md:pb-20 text-white">
+            <div className="absolute top-0 left-0 w-full grid grid-cols-3 md:grid-cols-4 lg:grid-cols-7 gap-5 md:gap-4 px-1 md:px-10 lg:px-20 pt-5 md:pt-16 pb-5 md:pb-20 text-white">
                 <div className='pb-2 md:pb-0'>
                     <p>Berita Terkini</p>
                     <p>Info Komnas Anak</p>
@@ -46,13 +45,13 @@ export default function Footer() {
                     <p>Pelayanan Polisiku</p>
                     <p>Pelayanan BINMAS</p>
                 </div>
-                <div className=''>
+                <div className='w-auto lg:w-max'>
                     <p className='text-xl font-bold'>Subscribe</p>
                     <p>Dapatkan info & event terupdate dari kami.</p>
                     <Input
                         label="Email"
                         placeholder="Email Anda"
-                        className='w-min pt-2'
+                        className='w-min pt-1'
                         startContent={
                             <MailIcon className="text-xl text-default-400 pointer-events-none flex-shrink-0" />
                         }
@@ -62,10 +61,10 @@ export default function Footer() {
                             </div>
                         }
                     />
-                    <Button className='mt-3 bg-[#DD8306]'>Kontributor Wilayah</Button>
+                    <Button className='mt-1 bg-[#DD8306]'>Kontributor Wilayah</Button>
                 </div>
             </div>
-            <div className='dark:bg-black text-black dark:text-white text-center py-5 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>
+            <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>
         </div>
     )
 }