c955792497
- Complete Next.js 16 app with App Router: Home, About, Products, Contact, Privacy pages - Product detail pages: ZappCare, Unified TMS, EMR Clinic - Bilingual support (Indonesian/English) via LanguageContext + translations.ts - Language switcher pill button (🇮🇩 ID / 🇬🇧 EN) in Navbar with localStorage persistence - Navbar with logo, responsive mobile menu, translated nav links - Contact form with captcha, server action email sending, translated labels - Material Design 3 color tokens, Manrope + Inter fonts, Material Symbols icons - Local product image assets and company logo Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
44 lines
1.3 KiB
TypeScript
44 lines
1.3 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { useLang } from "@/context/LanguageContext";
|
|
import { t } from "@/lib/translations";
|
|
|
|
export default function Footer() {
|
|
const { lang } = useLang();
|
|
const tr = t[lang].footer;
|
|
|
|
const footerLinks = [
|
|
{ href: "/privacy", label: tr.privacy },
|
|
{ href: "/terms", label: tr.terms },
|
|
{ href: "/faq", label: tr.faq },
|
|
{ href: "/contact", label: tr.support },
|
|
];
|
|
|
|
return (
|
|
<footer className="bg-slate-50 w-full py-12">
|
|
<div className="max-w-7xl mx-auto px-8 flex flex-col md:flex-row justify-between items-center gap-6">
|
|
<div className="flex flex-col items-center md:items-start">
|
|
<span className="text-xl font-bold text-slate-900 mb-2 font-headline">
|
|
Integrasi Persada Teknologi
|
|
</span>
|
|
<p className="text-sm text-slate-500">
|
|
© {new Date().getFullYear()} Integrasi Persada Teknologi. {tr.rights}
|
|
</p>
|
|
</div>
|
|
<div className="flex gap-8 text-sm text-slate-500">
|
|
{footerLinks.map((link) => (
|
|
<Link
|
|
key={link.href}
|
|
href={link.href}
|
|
className="hover:text-blue-500 transition-all cursor-pointer"
|
|
>
|
|
{link.label}
|
|
</Link>
|
|
))}
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
);
|
|
}
|