mon-site-perso/frontend/app/components/Services.tsx
2025-10-05 08:52:12 +02:00

35 lines
No EOL
1.2 KiB
TypeScript

async function GetServices() {
const res = await fetch(`${process.env.BACKEND_URL}/services`, {
cache: process.env.CACHE
});
if (!res.ok) {
throw new Error("Erreur lors de la lecture des services du CV.")
}
return res.json();
}
export default async function Services() {
const services = await GetServices();
return (
<section id="services" className="section">
<div className="container">
<h2 className="section-title">Services proposés</h2>
<ul className="grid-3">
{services.map((service: any) => (
<li key={service.id} className="service-card card feature">
<span className="feature__icon" aria-hidden="true"></span>
<div>
<h3 className="feature__title">{service.name}</h3>
{"description" in service && service.description ? (
<p className="u-muted">{service.description}</p>
) : null}
</div>
</li>
))}
</ul>
</div>
</section>
)
}