diff options
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/Footer.js | 69 |
1 files changed, 69 insertions, 0 deletions
diff --git a/src/components/Footer.js b/src/components/Footer.js new file mode 100644 index 00000000..daa97798 --- /dev/null +++ b/src/components/Footer.js @@ -0,0 +1,69 @@ +import { + PhoneIcon, + DevicePhoneMobileIcon, + EnvelopeIcon +} from "@heroicons/react/24/outline"; +import Image from "next/image"; +import InstagramIcon from "../icons/instagram.svg"; +import LinkedinIcon from "../icons/linkedin.svg"; + +export default function Footer() { + return ( + <div className="p-4 bg-gray_r-2"> + <div className="grid grid-cols-2 gap-x-2 mb-4"> + <div> + <p className="font-medium mb-2">Kantor Pusat</p> + <p className="text-gray_r-11 leading-6 text-caption-1"> + Jl. Bandengan Utara 85A No. 8-9 RT.3/RW.16, Penjaringan, Kec. Penjaringan + </p> + + <p className="font-medium mb-2 mt-6">Layanan Informasi</p> + <div className="flex items-center gap-x-2 text-gray_r-11 text-caption-1 mb-2"> + <PhoneIcon className="w-5 h-5 stroke-2"/> + <p>(021) 2933-8828 / 29</p> + </div> + <div className="flex items-center gap-x-2 text-gray_r-11 text-caption-1 mb-2"> + <DevicePhoneMobileIcon className="w-5 h-5 stroke-2"/> + <p>0812-8080-622</p> + </div> + <div className="flex items-center gap-x-2 text-gray_r-11 text-caption-1"> + <EnvelopeIcon className="w-5 h-5 stroke-2"/> + <p>sales@indoteknik.com</p> + </div> + + {/* <p className="font-medium mb-2 mt-6">Panduan Pelanggan</p> */} + </div> + <div> + <p className="font-medium mb-2">Jam Operasional</p> + <p className="text-gray_r-11 leading-6 text-caption-1"> + <span className="font-medium">Senin - Jumat:</span> 08:30 - 17:00 + </p> + <p className="text-gray_r-11 leading-6 text-caption-1"> + <span className="font-medium">Sabtu:</span> 08:30 - 14:00 + </p> + + <p className="font-medium mb-2 mt-6">Temukan Kami</p> + <div className="flex gap-x-2"> + <InstagramIcon className="w-5 h-5 stroke-gray_r-11" /> + <LinkedinIcon className="w-5 h-5 stroke-gray_r-11" /> + </div> + + <p className="font-medium mb-2 mt-6">Pembayaran</p> + <div className="grid grid-cols-4 gap-2"> + <Image src="/images/payments/bca.webp" alt="BCA Payment" width={48} height={48} className="w-full" /> + <Image src="/images/payments/bca.webp" alt="BCA Payment" width={48} height={48} className="w-full" /> + <Image src="/images/payments/bca.webp" alt="BCA Payment" width={48} height={48} className="w-full" /> + <Image src="/images/payments/bca.webp" alt="BCA Payment" width={48} height={48} className="w-full" /> + <Image src="/images/payments/bca.webp" alt="BCA Payment" width={48} height={48} className="w-full" /> + <Image src="/images/payments/bca.webp" alt="BCA Payment" width={48} height={48} className="w-full" /> + <Image src="/images/payments/bca.webp" alt="BCA Payment" width={48} height={48} className="w-full" /> + <Image src="/images/payments/bca.webp" alt="BCA Payment" width={48} height={48} className="w-full" /> + </div> + + {/* <p className="font-medium mb-2 mt-6">Pengiriman</p> */} + </div> + </div> + <h6 className="h2">PT. Indoteknik Dotcom Gemilang</h6> + </div> + ); +}
\ No newline at end of file |