blob: f0ae66b3ed57a605f3caef91c5faf90e0295bdf7 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
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-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"/>
<p>(021) 2933-8828 / 29</p>
</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>
</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>
</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-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>
);
}
|
