Refactor

1 files changed, 91 insertions, 0 deletions

diff --git a/src2/components/layouts/Footer.js b/src2/components/layouts/Footer.js
new file mode 100644
index 00000000..d173a525
--- /dev/null
+++ b/src2/components/layouts/Footer.js
@@ -0,0 +1,91 @@
+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";
+import Link from "../elements/Link";
+
+export default function Footer() {
+  return (
+    <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>
+          <p className="text-gray_r-11 leading-6 text-caption-2">
+            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-2 mb-2">
+            <PhoneIcon className="w-5 h-5 stroke-2"/>
+            <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"/>
+            <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"/>
+            <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>
+          <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>
+          <p className="text-gray_r-11 leading-6 text-caption-2">
+            <span className="font-medium">Senin - Jumat:</span> 08:30 - 17:00
+          </p>
+          <p className="text-gray_r-11 leading-6 text-caption-2">
+            <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