banquise-website/src/App.tsx

@@ -10,6 +10,15 @@ import { ScrollToTopButton } from './components/ui/ScrollToTopButton';
 import { ParallaxBackground } from './components/ui/ParallaxBackground';
 import { URLS } from './config/constants';
 
+interface Service {
+  name: string;
+  url: string;
+  image: string;
+  icon: string;
+  description: string;
+  features: string[];
+}
+
 const services = [
   {
     name: "Wiki",
@@ -141,7 +150,7 @@ const services = [
 ];
 
 const App: React.FC = () => {
-  const [selectedService, setSelectedService] = useState<typeof services[0] | null>(null);
+  const [selectedService, setSelectedService] = useState<Service | null>(null);
   const [openAccordion, setOpenAccordion] = useState<string | null>(null);
 
   const toggleAccordion = (title: string) => {

banquise-website/src/components/sections/ServicesSection.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-// Declare the Service interface here
+// Update the Service interface to match your actual service objects
 interface Service {
   name: string;
   url: string;

banquise-website/src/config/constants.ts

@@ -7,7 +7,7 @@ export const URLS = {
     pelican: "https://pelican.la-banquise.fr",
     intra: "https://intra.la-banquise.fr",
     mails: "https://mails.la-banquise.fr",
-    opencloud: "https://opencloud.la-banquise.fr"
+    opencloud: "https://opencloud.la-banquise.fr",
     ssp: "https://ssp.la-banquise.fr"
   },
   social: {