import React from 'react'; // Declare the Service interface here interface Service { name: string; url: string; image: string; icon: string; description: string; features: string[]; } // Define interface directly in the component file interface ServicesSectionProps { services: Service[]; onServiceClick: (service: Service) => void; } export const ServicesSection: React.FC = ({ services, onServiceClick }) => (

Nos Services

Cliquez sur un service pour découvrir toutes ses fonctionnalités

{services.map((service) => (
onServiceClick(service)} > {/* Icon */}
{service.icon}
{/* Service name */}

{service.name}

{/* Short teaser description */}

{service.description.split('.')[0]}.

{/* CTA */}
Découvrir toutes les fonctionnalités
{/* Subtle hover effect */}
))}
);