style: humas footer
This commit is contained in:
amd123
parent
1e83ee1e14
commit
6c06b9dd19
|
|
@ -1,6 +1,6 @@
|
||||||
import { Button } from '@nextui-org/button'
|
import { Button } from '@nextui-org/button'
|
||||||
import { Input } from '@nextui-org/input'
|
import { Input } from '@nextui-org/input'
|
||||||
import { MailIcon } from '../icons'
|
import { ChevronDownIcon, MailIcon, SendIcon } from '../icons'
|
||||||
|
|
||||||
export default function Footer() {
|
export default function Footer() {
|
||||||
return (
|
return (
|
||||||
|
|
@ -8,7 +8,7 @@ export default function Footer() {
|
||||||
<div className='h-[650px] md:h-[720px] lg:h-auto bg-black'>
|
<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' />
|
<img src="/assets/Footer.jpg" alt="" className='w-full h-full object-cover object-left-top opacity-80' />
|
||||||
</div>
|
</div>
|
||||||
<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="absolute top-0 left-0 w-full grid grid-cols-3 md:grid-cols-3 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'>
|
<div className='pb-2 md:pb-0'>
|
||||||
<p>Berita Terkini</p>
|
<p>Berita Terkini</p>
|
||||||
<p>Info Komnas Anak</p>
|
<p>Info Komnas Anak</p>
|
||||||
|
|
@ -45,22 +45,23 @@ export default function Footer() {
|
||||||
<p>Pelayanan Polisiku</p>
|
<p>Pelayanan Polisiku</p>
|
||||||
<p>Pelayanan BINMAS</p>
|
<p>Pelayanan BINMAS</p>
|
||||||
</div>
|
</div>
|
||||||
<div className='w-auto lg:w-max'>
|
<div className='w-min lg:w-max'>
|
||||||
<p className='text-xl font-bold'>Subscribe</p>
|
<p className='text-xl font-bold'>Subscribe</p>
|
||||||
<p>Dapatkan info & event terupdate dari kami.</p>
|
<p>Dapatkan info & event terupdate dari kami.</p>
|
||||||
<Input
|
<div className='flex '>
|
||||||
label="Email"
|
<Input
|
||||||
placeholder="Email Anda"
|
label="Email"
|
||||||
className='w-min pt-1'
|
placeholder="Email Anda"
|
||||||
startContent={
|
className='pt- rounded-none'
|
||||||
<MailIcon className="text-xl text-default-400 pointer-events-none flex-shrink-0" />
|
classNames={{
|
||||||
}
|
inputWrapper: "rounded-none rounded-l-lg"
|
||||||
endContent={
|
}}
|
||||||
<div className="pointer-events-none flex items-center">
|
startContent={
|
||||||
<span className="text-default-400 text-small">@gmail.com</span>
|
<MailIcon className="text-xl text-default-400 pointer-events-none flex-shrink-0" />
|
||||||
</div>
|
}
|
||||||
}
|
/>
|
||||||
/>
|
<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>
|
<Button className='mt-1 bg-[#DD8306]'>Kontributor Wilayah</Button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -66,6 +66,7 @@ export const TwitterIcon: React.FC<IconSvgProps> = ({
|
||||||
</svg>
|
</svg>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
export const IconX: React.FC<IconSvgProps> = ({
|
export const IconX: React.FC<IconSvgProps> = ({
|
||||||
size = 30,
|
size = 30,
|
||||||
width,
|
width,
|
||||||
|
|
@ -86,6 +87,32 @@ export const IconX: React.FC<IconSvgProps> = ({
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
export const SendIcon: React.FC<IconSvgProps> = ({
|
||||||
|
size,
|
||||||
|
width,
|
||||||
|
height,
|
||||||
|
color = "white",
|
||||||
|
...props
|
||||||
|
}) => {
|
||||||
|
return (
|
||||||
|
<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<g clip-path="url(#clip0_1012_36617)">
|
||||||
|
<g clip-path="url(#clip1_1012_36617)">
|
||||||
|
<path d="M15.0053 0.0999837L0.520926 8.45623C-0.0446989 8.78123 0.0271761 9.56873 0.589676 9.80623L3.91155 11.2L12.8897 3.28748C13.0616 3.13436 13.3053 3.36873 13.1584 3.54686L5.6303 12.7187V15.2344C5.6303 15.9719 6.52093 16.2625 6.95843 15.7281L8.9428 13.3125L12.8366 14.9437C13.2803 15.1312 13.7866 14.8531 13.8678 14.375L16.1178 0.874984C16.2241 0.243734 15.5459 -0.212516 15.0053 0.0999837Z" fill="white" />
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<defs>
|
||||||
|
<clipPath id="clip0_1012_36617">
|
||||||
|
<rect width="16" height="16" fill="white" transform="translate(0.130371)" />
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="clip1_1012_36617">
|
||||||
|
<rect width="16" height="16" fill="white" transform="translate(0.130371)" />
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
export const GithubIcon: React.FC<IconSvgProps> = ({
|
export const GithubIcon: React.FC<IconSvgProps> = ({
|
||||||
size = 24,
|
size = 24,
|
||||||
width,
|
width,
|
||||||
|
|
|
||||||
|
|
@ -157,7 +157,7 @@ export default function NavbarHumas() {
|
||||||
</DropdownMenu>
|
</DropdownMenu>
|
||||||
</Dropdown>
|
</Dropdown>
|
||||||
</div>
|
</div>
|
||||||
<div><Link href="http://103.82.242.92:5000/" target='_blank'>Portal PPID</Link></div>
|
<div><Link href="http://103.82.242.92:5555/" target='_blank'>Portal PPID</Link></div>
|
||||||
<div>
|
<div>
|
||||||
<Dropdown className='dark:bg-[#1F1A17]'>
|
<Dropdown className='dark:bg-[#1F1A17]'>
|
||||||
<NavbarItem>
|
<NavbarItem>
|
||||||
|
|
|
||||||
|
|
@ -193,7 +193,7 @@ export default function MasterRoleTable() {
|
||||||
case "actions":
|
case "actions":
|
||||||
return (
|
return (
|
||||||
<div className="relative flex justify-star items-center gap-2">
|
<div className="relative flex justify-star items-center gap-2">
|
||||||
<Dropdown className="lg:min-w-[150px] bg-black text-white shadow border ">
|
<Dropdown className="lg:min-w-[150px] dark:bg-black dark:text-white shadow border ">
|
||||||
<DropdownTrigger>
|
<DropdownTrigger>
|
||||||
<Button isIconOnly size="lg" variant="light">
|
<Button isIconOnly size="lg" variant="light">
|
||||||
<DotsYIcon className="text-default-300" />
|
<DotsYIcon className="text-default-300" />
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,15 @@
|
||||||
|
<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<g clip-path="url(#clip0_1012_36617)">
|
||||||
|
<g clip-path="url(#clip1_1012_36617)">
|
||||||
|
<path d="M15.0053 0.0999837L0.520926 8.45623C-0.0446989 8.78123 0.0271761 9.56873 0.589676 9.80623L3.91155 11.2L12.8897 3.28748C13.0616 3.13436 13.3053 3.36873 13.1584 3.54686L5.6303 12.7187V15.2344C5.6303 15.9719 6.52093 16.2625 6.95843 15.7281L8.9428 13.3125L12.8366 14.9437C13.2803 15.1312 13.7866 14.8531 13.8678 14.375L16.1178 0.874984C16.2241 0.243734 15.5459 -0.212516 15.0053 0.0999837Z" fill="white"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<defs>
|
||||||
|
<clipPath id="clip0_1012_36617">
|
||||||
|
<rect width="16" height="16" fill="white" transform="translate(0.130371)"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="clip1_1012_36617">
|
||||||
|
<rect width="16" height="16" fill="white" transform="translate(0.130371)"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 859 B |
Loading…
Reference in New Issue