Admin Panel

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

@@ -2,9 +2,10 @@ import { Link } from '@inertiajs/react';
 import Container from '@/components/site/container';
 import Icon from '@/components/site/icon';
 import { common } from '@/content/common';
-import { company, consultationUrl, officeAddress, offices } from '@/data/site';
+import { company, consultationUrl, officeAddress } from '@/data/site';
 import { useContent } from '@/hooks/use-locale';
-import { about, clients, contact, services } from '@/routes';
+import { useSiteInfo } from '@/hooks/use-site-info';
+import { about, clients, contact, login, services } from '@/routes';
 
 function FooterHeading({ children }: { children: string }) {
     return (
@@ -15,6 +16,7 @@ function FooterHeading({ children }: { children: string }) {
 }
 
 export default function SiteFooter() {
+    const site = useSiteInfo();
     const t = useContent(common);
 
     const companyLinks = [
@@ -27,6 +29,7 @@ export default function SiteFooter() {
         { label: t.footer.links.clients, href: clients.url() },
         { label: t.footer.links.audit, href: consultationUrl },
         { label: t.footer.links.offices, href: `${contact.url()}#lokasi` },
+        { label: t.footer.links.admin, href: login.url() },
     ];
 
     return (
@@ -50,7 +53,7 @@ export default function SiteFooter() {
                             {t.footer.tagline}
                         </p>
                         <div className="text-on-surface-variant mt-2 flex flex-col gap-4 text-xs">
-                            {offices.map((office) => (
+                            {site.offices.map((office) => (
                                 <div
                                     key={office.name}
                                     className="flex items-start gap-2"
@@ -65,23 +68,23 @@ export default function SiteFooter() {
                                         </span>
                                         <span>{officeAddress(office)}</span>
                                         <a
-                                            href={office.phone.href}
+                                            href={office.phoneHref}
                                             className="hover:text-primary font-mono transition-colors"
                                         >
-                                            {t.footer.tel} {office.phone.label}
+                                            {t.footer.tel} {office.phone}
                                         </a>
                                     </div>
                                 </div>
                             ))}
                             <a
-                                href={`mailto:${company.email.busdev}`}
+                                href={`mailto:${site.email.busdev}`}
                                 className="hover:text-primary flex items-center gap-2 font-mono transition-colors"
                             >
                                 <Icon
                                     name="mail"
                                     className="text-primary text-base"
                                 />
-                                {company.email.busdev}
+                                {site.email.busdev}
                             </a>
                         </div>
                     </div>