diff --git a/banquise-website/src/App.tsx b/banquise-website/src/App.tsx
index 1603d7c..01de3ad 100644
--- a/banquise-website/src/App.tsx
+++ b/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) => {
diff --git a/banquise-website/src/components/sections/ServicesSection.tsx b/banquise-website/src/components/sections/ServicesSection.tsx
index ad58cef..fcc4a33 100644
--- a/banquise-website/src/components/sections/ServicesSection.tsx
+++ b/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;