diff options
Diffstat (limited to 'src/components/layouts')
| -rw-r--r-- | src/components/layouts/Footer.js | 32 |
1 files changed, 27 insertions, 5 deletions
diff --git a/src/components/layouts/Footer.js b/src/components/layouts/Footer.js index e48daf7f..d173a525 100644 --- a/src/components/layouts/Footer.js +++ b/src/components/layouts/Footer.js @@ -6,10 +6,11 @@ import { import Image from "next/image"; import InstagramIcon from "@/icons/instagram.svg"; import LinkedinIcon from "@/icons/linkedin.svg"; +import Link from "../elements/Link"; export default function Footer() { return ( - <div className="p-4 bg-gray_r-2"> + <div className="p-4 bg-gray_r-3"> <div className="grid grid-cols-2 gap-x-2 mb-4"> <div> <p className="font-medium mb-2">Kantor Pusat</p> @@ -20,18 +21,39 @@ export default function Footer() { <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-2 mb-2"> <PhoneIcon className="w-5 h-5 stroke-2"/> - <p>(021) 2933-8828 / 29</p> + <a className="text-gray_r-11 font-normal" href="tel:02129338828"> + (021) 2933-8828 + </a> + {'/'} + <a className="text-gray_r-11 font-normal" href="tel:02129338829"> + 29 + </a> </div> <div className="flex items-center gap-x-2 text-gray_r-11 text-caption-2 mb-2"> <DevicePhoneMobileIcon className="w-5 h-5 stroke-2"/> - <p>0812-8080-622</p> + <a className="text-gray_r-11 font-normal" href="https://wa.me/628128080622"> + 0812-8080-622 + </a> </div> <div className="flex items-center gap-x-2 text-gray_r-11 text-caption-2"> <EnvelopeIcon className="w-5 h-5 stroke-2"/> - <p>sales@indoteknik.com</p> + <a className="text-gray_r-11 font-normal" href="mailto:sales@indoteknik.com"> + sales@indoteknik.com + </a> </div> - {/* <p className="font-medium mb-2 mt-6">Panduan Pelanggan</p> */} + <p className="font-medium mb-2 mt-6">Panduan Pelanggan</p> + <div className="text-caption-2 flex flex-col gap-y-2"> + <Link className="text-gray_r-11 font-normal" href="/faqs">FAQ</Link> + <Link className="text-gray_r-11 font-normal" href="/">Kebijakan Privasi</Link> + <Link className="text-gray_r-11 font-normal" href="/">Pengajuan Tempo</Link> + <Link className="text-gray_r-11 font-normal" href="/">Garansi Produk</Link> + <Link className="text-gray_r-11 font-normal" href="/">Online Quotation</Link> + <Link className="text-gray_r-11 font-normal" href="/">Pengiriman</Link> + <Link className="text-gray_r-11 font-normal" href="/">Pembayaran</Link> + <Link className="text-gray_r-11 font-normal" href="/">Syarat & Ketentuan</Link> + + </div> </div> <div> <p className="font-medium mb-2">Jam Operasional</p> |