Update Konten & bahasa

resources/js/components/site/site-footer.tsx

@@ -1,24 +1,11 @@
 import { Link } from '@inertiajs/react';
 import Container from '@/components/site/container';
 import Icon from '@/components/site/icon';
-import {
-    company,
-    consultationUrl,
-    officeAddress,
-    offices,
-    officialServices,
-} from '@/data/site';
+import { common } from '@/content/common';
+import { company, consultationUrl, officeAddress, offices } from '@/data/site';
+import { useContent } from '@/hooks/use-locale';
 import { about, clients, contact, services } from '@/routes';
 
-const companyLinks = [
-    { label: 'Tentang Kami', href: about.url() },
-    { label: 'Visi & Misi Resmi', href: `${about.url()}#visi-misi` },
-    { label: 'Solusi Odoo ERP', href: `${services.url()}#odoo-erp` },
-    { label: 'Daftar Klien Industri', href: clients.url() },
-    { label: 'Permintaan Audit Sistem', href: consultationUrl },
-    { label: 'Lokasi Kantor PAJ', href: `${contact.url()}#lokasi` },
-];
-
 function FooterHeading({ children }: { children: string }) {
     return (
         <span className="text-on-surface font-mono text-xs font-bold tracking-wider uppercase">
@@ -28,6 +15,20 @@ function FooterHeading({ children }: { children: string }) {
 }
 
 export default function SiteFooter() {
+    const t = useContent(common);
+
+    const companyLinks = [
+        { label: t.footer.links.about, href: about.url() },
+        {
+            label: t.footer.links.visionMission,
+            href: `${about.url()}#visi-misi`,
+        },
+        { label: t.footer.links.odoo, href: `${services.url()}#odoo-erp` },
+        { label: t.footer.links.clients, href: clients.url() },
+        { label: t.footer.links.audit, href: consultationUrl },
+        { label: t.footer.links.offices, href: `${contact.url()}#lokasi` },
+    ];
+
     return (
         <footer className="border-outline-variant/40 bg-surface-container-lowest w-full border-t py-16">
             <Container>
@@ -46,7 +47,7 @@ export default function SiteFooter() {
                             </span>
                         </div>
                         <p className="text-on-surface-variant max-w-md text-xs leading-relaxed">
-                            {company.tagline}
+                            {t.footer.tagline}
                         </p>
                         <div className="text-on-surface-variant mt-2 flex flex-col gap-4 text-xs">
                             {offices.map((office) => (
@@ -67,7 +68,7 @@ export default function SiteFooter() {
                                             href={office.phone.href}
                                             className="hover:text-primary font-mono transition-colors"
                                         >
-                                            Tel. {office.phone.label}
+                                            {t.footer.tel} {office.phone.label}
                                         </a>
                                     </div>
                                 </div>
@@ -86,9 +87,11 @@ export default function SiteFooter() {
                     </div>
 
                     <div className="flex flex-col gap-3 lg:col-span-4">
-                        <FooterHeading>8 Jasa Resmi PAJ</FooterHeading>
+                        <FooterHeading>
+                            {t.footer.servicesHeading}
+                        </FooterHeading>
                         <ul className="text-on-surface-variant grid grid-cols-1 gap-2 text-xs sm:grid-cols-2">
-                            {officialServices.map((service, index) => (
+                            {t.services.map((service, index) => (
                                 <li key={service.title}>
                                     <Link
                                         href={`${services.url()}#jasa-resmi`}
@@ -102,7 +105,7 @@ export default function SiteFooter() {
                     </div>
 
                     <div className="flex flex-col gap-3 lg:col-span-3">
-                        <FooterHeading>Informasi &amp; Tautan</FooterHeading>
+                        <FooterHeading>{t.footer.linksHeading}</FooterHeading>
                         <ul className="text-on-surface-variant flex flex-col gap-2 text-xs">
                             {companyLinks.map((link) => (
                                 <li key={link.label}>
@@ -120,15 +123,13 @@ export default function SiteFooter() {
 
                 <div className="text-on-surface-variant flex flex-col items-center justify-between gap-4 pt-8 text-xs md:flex-row">
                     <p>
-                        © {new Date().getFullYear()} {company.name}. Hak Cipta
-                        Dilindungi Undang-Undang.
+                        © {new Date().getFullYear()} {company.name}.{' '}
+                        {t.footer.rights}
                     </p>
                     <div className="flex flex-wrap items-center justify-center gap-x-6 gap-y-1 font-mono text-[11px]">
-                        <span>
-                            {company.notary} ({company.founded})
-                        </span>
+                        <span>Est. {company.established}</span>
                         <span className="text-primary">•</span>
-                        <span>Jakarta Selatan, Indonesia</span>
+                        <span>{t.footer.location}</span>
                     </div>
                 </div>
             </Container>