import { Head } from '@inertiajs/react'; import { ButtonLink } from '@/components/site/button'; import Card from '@/components/site/card'; import FeatureCard from '@/components/site/feature-card'; import Glow from '@/components/site/glow'; import Icon from '@/components/site/icon'; import IconTile from '@/components/site/icon-tile'; import ImageCard from '@/components/site/image-card'; import OdooPartnerBadge from '@/components/site/odoo-partner-badge'; import PageHero from '@/components/site/page-hero'; import RichText from '@/components/site/rich-text'; import Section from '@/components/site/section'; import SectionHeader from '@/components/site/section-header'; import CtaBanner from '@/components/site/sections/cta-banner'; import StatCard from '@/components/site/stat-card'; import { aboutContent } from '@/content/about'; import { fillCounts } from '@/data/projects'; import { consultationUrl } from '@/data/site'; import { useContent } from '@/hooks/use-locale'; import { usePortfolio } from '@/hooks/use-portfolio'; import { clients, services } from '@/routes'; export default function About() { const stats = usePortfolio(); const t = fillCounts(useContent(aboutContent), stats); return ( <> } description={} >

{t.hero.stats.map((stat) => ( ))}

{t.history.milestones.map((milestone) => ( {milestone.featured && (

)}

{milestone.year}

{milestone.title}

{milestone.description}

{milestone.note.label}

))}

{t.visionMission.statements.map((statement) => (

{statement.label}

“{statement.text}”

{statement.footer.label}

))}

} />

{t.philosophy.pillars.map((pillar) => ( ))}

{t.industries.link} } />

{t.industries.items.map((item) => { const clientNames = stats.clientsInSector( item.sector, ); return (

{clientNames.length}{' '} {t.industries.clients} ·{' '} { stats.projectsBySector( item.sector, ).length }{' '} {t.industries.projects}

{item.title}

{item.description}

{t.industries.examples}

{name}

); })}

{t.legal.title}

{t.legal.description}

{t.legal.officeLabel} {t.legal.officeValue}

{t.legal.standardLabel} {t.legal.standardValue}

{t.cta.primary} {t.cta.secondary} } /> ); }