75 lines
2.7 KiB
TypeScript
75 lines
2.7 KiB
TypeScript
import Image from "next/image";
|
||
|
||
export default function AboutSection() {
|
||
const socials = [
|
||
{ name: "Facebook", icon: "/image/fb.png" },
|
||
{ name: "Instagram", icon: "/image/ig.png" },
|
||
{ name: "X", icon: "/image/x.png" },
|
||
{ name: "Youtube", icon: "/image/yt.png" },
|
||
{ name: "Tiktok", icon: "/image/tt.png" },
|
||
];
|
||
|
||
return (
|
||
<section className="relative bg-[#f7f0e3] py-24">
|
||
{/* TOP CENTER CONTENT */}
|
||
<div className="absolute left-1/2 top-8 flex -translate-x-1/2 flex-col items-center gap-6">
|
||
<p className="text-sm font-semibold uppercase tracking-widest text-gray-400">
|
||
Manage All your channels from Multipool
|
||
</p>
|
||
|
||
{/* SOCIAL ICONS */}
|
||
<div className="flex gap-6">
|
||
{socials.map((item) => (
|
||
<div
|
||
key={item.name}
|
||
className="flex items-center justify-center rounded-full"
|
||
>
|
||
<Image src={item.icon} alt={item.name} width={40} height={40} />
|
||
</div>
|
||
))}
|
||
</div>
|
||
</div>
|
||
|
||
<div className="container mx-auto grid grid-cols-1 items-center gap-16 px-6 md:grid-cols-2">
|
||
{/* PHONE IMAGE */}
|
||
<div className="flex justify-center">
|
||
<Image
|
||
src="/image/phone.png"
|
||
alt="App Preview"
|
||
width={320}
|
||
height={640}
|
||
className="object-contain"
|
||
/>
|
||
</div>
|
||
|
||
{/* TEXT CONTENT */}
|
||
<div className="max-w-xl">
|
||
<p className="mb-4 text-sm font-semibold uppercase tracking-widest text-gray-400">
|
||
About Us
|
||
</p>
|
||
|
||
<h2 className="mb-6 text-4xl font-extrabold leading-tight">
|
||
Helping you find the right{" "}
|
||
<span className="relative inline-block">
|
||
<span className="absolute bottom-1 left-0 h-3 w-full bg-[#966314]/40"></span>
|
||
<span className="relative">Solution</span>
|
||
</span>
|
||
</h2>
|
||
|
||
<p className="text-sm leading-relaxed text-gray-600">
|
||
PT Qudo Buana Nawakara adalah perusahaan nasional Indonesia yang
|
||
berfokus pada pengembangan aplikasi untuk mendukung kegiatan
|
||
reputasi manajemen institusi, organisasi dan publik figur. Dengan
|
||
dukungan teknologi otomatisasi dan kecerdasan buatan (AI) untuk
|
||
mengoptimalkan proses. Perusahaan didukung oleh team SDM nasional
|
||
yang sudah berpengalaman serta memiliki sertifikasi internasional,
|
||
untuk memastikan produk yang dihasilkan handal dan berkualitas
|
||
tinggi. PT Qudo Buana Nawakara berkantor pusat di Jakarta dengan
|
||
support office di Bandung, Indonesia – India – USA – Oman.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
);
|
||
}
|