94 lines
3.2 KiB
TypeScript
94 lines
3.2 KiB
TypeScript
import Image from "next/image";
|
||
import { Mail, Facebook, Twitter, Youtube, Instagram } from "lucide-react";
|
||
|
||
export default function Footer() {
|
||
return (
|
||
<footer className="bg-[#9c6a16] text-white">
|
||
<div className="container mx-auto px-6 py-16">
|
||
<div className="grid gap-12 md:grid-cols-5">
|
||
{/* Logo */}
|
||
<div className="md:col-span-1">
|
||
<div className="flex items-center gap-3">
|
||
<Image
|
||
src="/image/qudo1.png"
|
||
alt="Qudoco"
|
||
width={150}
|
||
height={150}
|
||
/>
|
||
</div>
|
||
</div>
|
||
|
||
{/* Information */}
|
||
<div>
|
||
<h4 className="mb-4 font-semibold">Information</h4>
|
||
<ul className="space-y-2 text-sm opacity-90">
|
||
<li>Home</li>
|
||
<li>Blog</li>
|
||
<li>Document</li>
|
||
</ul>
|
||
</div>
|
||
|
||
{/* Product */}
|
||
<div>
|
||
<h4 className="mb-4 font-semibold">Product</h4>
|
||
<ul className="space-y-2 text-sm opacity-90">
|
||
<li>MediaHUB Content Aggregator</li>
|
||
<li>Multipool Reputation Management</li>
|
||
<li>PR Room Opinion Management</li>
|
||
</ul>
|
||
</div>
|
||
|
||
{/* Service */}
|
||
<div>
|
||
<h4 className="mb-4 font-semibold">Service</h4>
|
||
<ul className="space-y-2 text-sm opacity-90">
|
||
<li>Artifintel</li>
|
||
<li>Produksi Video Animasi</li>
|
||
<li>Reelithic</li>
|
||
<li>Qudoin</li>
|
||
<li>Talkshow AI</li>
|
||
</ul>
|
||
</div>
|
||
|
||
{/* Get in Touch */}
|
||
<div>
|
||
<h4 className="mb-4 font-semibold">Get in Touch.</h4>
|
||
<p className="mb-4 text-sm opacity-90">
|
||
Indonesia – India – USA – Oman
|
||
</p>
|
||
|
||
{/* Email */}
|
||
<div className="flex items-center rounded-full bg-white px-4 py-2 text-gray-700">
|
||
<Mail size={16} className="mr-2" />
|
||
<span className="text-sm flex-1">sales@qudoco.com</span>
|
||
<span className="ml-2 font-semibold">→</span>
|
||
</div>
|
||
|
||
{/* Social */}
|
||
<div className="mt-5 flex gap-3">
|
||
<div className="flex h-9 w-9 items-center justify-center rounded-full bg-white text-[#9c6a16]">
|
||
<Facebook size={16} />
|
||
</div>
|
||
<div className="flex h-9 w-9 items-center justify-center rounded-full bg-white text-[#9c6a16]">
|
||
<Twitter size={16} />
|
||
</div>
|
||
<div className="flex h-9 w-9 items-center justify-center rounded-full bg-white text-[#9c6a16]">
|
||
<Youtube size={16} />
|
||
</div>
|
||
<div className="flex h-9 w-9 items-center justify-center rounded-full bg-white text-[#9c6a16]">
|
||
<Instagram size={16} />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
{/* Divider */}
|
||
<div className="mt-14 border-t border-white/20 pt-6 text-center text-xs opacity-80">
|
||
© 2024 Copyrights by company. All Rights Reserved. Designed by{" "}
|
||
<span className="font-semibold">Qudoco Team</span>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
);
|
||
}
|