Admin Panel

resources/js/pages/site/home.tsx

@@ -14,14 +14,16 @@ import ConsultationSection from '@/components/site/sections/consultation-section
 import ServiceGrid from '@/components/site/sections/service-grid';
 import StatCard from '@/components/site/stat-card';
 import { homeContent } from '@/content/home';
-import { topClients } from '@/data/projects';
+import { fillCounts } from '@/data/projects';
 import { useContent } from '@/hooks/use-locale';
+import { usePortfolio } from '@/hooks/use-portfolio';
 import { about, clients, services } from '@/routes';
 
 type Content = typeof homeContent.id;
 
 export default function Home() {
-    const t = useContent(homeContent);
+    const stats = usePortfolio();
+    const t = fillCounts(useContent(homeContent), stats);
 
     return (
         <>
@@ -48,7 +50,7 @@ export default function Home() {
                             </span>
                         </div>
                         <div className="grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-5">
-                            {topClients(10).map((client) => (
+                            {stats.topClients(10).map((client) => (
                                 <div
                                     key={client}
                                     className="border-outline-variant/40 bg-surface-container text-on-surface hover:border-primary/50 hover:bg-surface-container-high flex min-h-16 items-center justify-center rounded-xl border px-4 py-3 text-center font-mono text-xs font-medium transition-all"
@@ -140,6 +142,7 @@ export default function Home() {
 
             <ConsultationSection
                 id="konsultasi"
+                source="home"
                 title={t.consultation.title}
                 description={t.consultation.description}
             />