import { Head, Link } from '@inertiajs/react'; import { ButtonLink } from '@/components/site/button'; import Card from '@/components/site/card'; import Eyebrow from '@/components/site/eyebrow'; import Glow, { GridPattern } from '@/components/site/glow'; import Icon from '@/components/site/icon'; import IconTile from '@/components/site/icon-tile'; import OdooPartnerBadge from '@/components/site/odoo-partner-badge'; import Pill from '@/components/site/pill'; import RichText from '@/components/site/rich-text'; import Section from '@/components/site/section'; import SectionHeader from '@/components/site/section-header'; 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 { useContent } from '@/hooks/use-locale'; import { about, clients, services } from '@/routes'; type Content = typeof homeContent.id; export default function Home() { const t = useContent(homeContent); return ( <>
{t.stats.map((stat) => ( ))}
{t.sectors.eyebrow}

{t.sectors.description}

{t.sectors.since}
{topClients(10).map((client) => (
{client}
))}
{t.sectors.more}
{t.profile.eyebrow}

{t.profile.title}

{t.profile.paragraphs.map((paragraph) => (

))} {t.profile.more}
{t.profile.statements.map((statement) => (
{statement.label}
“{statement.text}”
))}
); } function Hero({ t }: { t: Content }) { return (
} >
{t.hero.badge}

{t.hero.primaryAction} {t.hero.secondaryAction}
{['KS', 'ME', 'TP'].map((initials) => (
{initials}
))}

{t.hero.trustBefore}{' '} {t.hero.trustLink} {' '} {t.hero.trustAfter}

); } /** Decorative dashboard mock that illustrates an automated ERP pipeline. */ function OperationsConsole({ t }: { t: Content }) { return (