Merge branch 'dev' into arthur.wambst/action-fix

Reviewed-on: #29

banquise-website/src/components/common/ServiceCard.tsx

@@ -5,12 +5,14 @@ import type { Service } from '../../types/service';
 interface ServiceCardProps {
   service: Service;
   onServiceClick: (service: Service) => void;
+  discoverFeaturesText: string;
   className?: string;
 }
 
 export const ServiceCard: React.FC<ServiceCardProps> = ({
   service,
   onServiceClick,
+  discoverFeaturesText,
   className = '',
 }) => {
   const cardClasses = mergeClasses(
@@ -29,16 +31,7 @@ export const ServiceCard: React.FC<ServiceCardProps> = ({
     <div className={cardClasses} onClick={handleClick}>
       {/* Icon */}
       <div className="mb-6 sm:mb-8 w-20 h-20 sm:w-24 sm:h-24 bg-gradient-to-br from-banquise-blue to-banquise-blue-light rounded-2xl flex items-center justify-center text-3xl sm:text-4xl shadow-lg group-hover:scale-110 transition-transform duration-300 mx-auto">
-                <img
+        {service.icon}
-                  src={service.image}
-                  alt={service.icon}
-                  className="h-10 sm:h-12 lg:h-14 w-auto relative z-10 transition-transform duration-300 group-hover:scale-130 m-10"
-                  style={
-                        { 
-                            filter: 'drop-shadow(0 0 12px rgba(168, 218, 255, 0.4))',
-                    }
-                  }
-                />
       </div>
       
       {/* Service name */}
@@ -47,10 +40,15 @@ export const ServiceCard: React.FC<ServiceCardProps> = ({
       </h3>
       
       {/* Short description */}
-      <p className="text-banquise-gray/80 leading-relaxed text-center text-sm sm:text-base">
+      <p className="text-banquise-gray/80 leading-relaxed mb-6 sm:mb-8 text-center text-sm sm:text-base">
         {service.description.split('.')[0]}.
       </p>
       
+      {/* CTA */}
+      <div className="flex items-center justify-center text-banquise-blue-light font-bold group-hover:text-banquise-blue-lightest transition-colors duration-300 text-sm sm:text-base">
+        <span className="text-center">{discoverFeaturesText}</span>
+        <span className="ml-2 text-lg transition-transform duration-300 group-hover:translate-x-2">→</span>
+      </div>
       
       {/* Hover effect */}
       <div className="absolute inset-0 bg-gradient-to-br from-banquise-blue-lightest/10 to-banquise-blue/5 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div>

banquise-website/src/components/layout/Footer.tsx

@@ -51,11 +51,7 @@ export const Footer: React.FC = () => (
             className="w-10 h-10 bg-banquise-blue/20 hover:bg-banquise-blue/30 rounded-full flex items-center justify-center transition-all duration-200 hover:scale-110"
             aria-label="Discord"
           >
-            <span className="text-banquise-blue-lightest text-sm">
+            <span className="text-banquise-blue-lightest text-sm">💬</span>
-                <svg className="w-4 h-4 lg:w-5 lg:h-5" fill="currentColor" viewBox="0 0 24 24">
-                    <path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.211.375-.445.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03z"/>
-                </svg>
-            </span>
           </a>
           <a 
             href={URLS.contact.email} 
@@ -70,12 +66,12 @@ export const Footer: React.FC = () => (
       {/* Bottom Bar */}
       <div className="flex flex-col sm:flex-row justify-between items-center gap-4 pt-6 border-t border-banquise-blue-lightest/5">
         <p className="text-banquise-gray/60 text-xs text-center sm:text-left">
-          © 2025 {SITE_CONFIG.name}. Hébergement communautaire pour développeurs et gamers.
+          © 2024 {SITE_CONFIG.name}. Hébergement communautaire pour développeurs et gamers.
         </p>
         <div className="flex items-center gap-4 text-xs text-banquise-gray/60">
-          <span>Fait avec ❤️ par Banquise</span>
+          <span>Fait avec ❤️ par la communauté</span>
           <div className="w-1 h-1 bg-banquise-gray/40 rounded-full"></div>
-          <span>EPITA 2025</span>
+          <span>EPITA 2024</span>
         </div>
       </div>
     </div>

banquise-website/src/components/layout/Navigation.tsx

@@ -96,10 +96,10 @@ export const Navigation: React.FC<NavigationProps> = ({ translations, languageSw
               >
                 <div className={`absolute inset-0 ${commonStyles.gradients.discordHover} opacity-0 group-hover:opacity-100 transition-opacity duration-300`}></div>
                 <div className="relative z-10 flex items-center space-x-2">
-                <svg className="w-4 h-4 lg:w-5 lg:h-5" fill="currentColor" viewBox="0 0 24 24">
+                  <svg className="w-4 h-4 lg:w-5 lg:h-5" fill="currentColor" viewBox="0 0 24 24">
                     <path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.211.375-.445.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03z"/>
-                </svg>
+                  </svg>
-                <span>Discord</span>
+                  <span>Discord</span>
                 </div>
               </a>
               <a

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

@@ -13,7 +13,8 @@ interface ServicesSectionProps {
 
 export const ServicesSection: React.FC<ServicesSectionProps> = ({ 
   services, 
-  onServiceClick
+  onServiceClick, 
+  translations 
 }) => (
   <section id="services" className="relative z-2 py-12 sm:py-16 md:py-20 w-full max-w-6xl mx-auto px-4 sm:px-6 md:px-8">
     <div className="w-20 h-1 bg-gradient-to-r from-banquise-blue-lightest to-banquise-blue mx-auto mb-6 sm:mb-8 rounded-full"></div>
@@ -30,6 +31,7 @@ export const ServicesSection: React.FC<ServicesSectionProps> = ({
           key={service.name}
           service={service}
           onServiceClick={onServiceClick}
+          discoverFeaturesText={translations.discoverFeatures}
         />
       ))}
     </div>

banquise-website/src/data/translations/en.ts

@@ -1,16 +1,12 @@
 import type { Translation } from '../../types/i18n';
 import { URLS } from '../../config/constants';
-import logoGitea from '/src/assets/Gitea_Logo.png';
-import logoWiki from '/src/assets/wikijs.png';
-import logoPelican from '/src/assets/pelican.png';
-import logoOpencloud from '/src/assets/opencloud_logo_white.png';
 
 export const en: Translation = {
   services: [
     {
       name: "Wiki",
       url: URLS.services.wiki,
-      image: logoWiki,
+      image: "/path/to/wiki-image.jpg",
       icon: "📚",
       description: "Collaborative technical documentation and knowledge sharing platform. Create, edit and organize your guides, tutorials and documentation as a team with integrated versioning system.",
       features: [
@@ -27,7 +23,7 @@ export const en: Translation = {
     {
       name: "Gitea",
       url: URLS.services.gitea,
-      image: logoGitea,
+      image: "/path/to/gitea-image.jpg",
       icon: "🔧",
       description: "Lightweight and performant self-hosted Git service for your development projects. Open-source alternative to GitHub with all essential features for managing your repositories.",
       features: [
@@ -42,12 +38,13 @@ export const en: Translation = {
       ]
     },
     {
-      name: "Pelican",
+      name: "Gaming Panel",
-      url: URLS.services.pelican,
+      url: URLS.services.panel,
-      image: logoPelican,
+      image: "/path/to/panel-image.jpg",
-      icon: "🐧",
+      icon: "🎮",
-      description: "Game server management with dedicated servers (Minecraft, CS2, Palworld, and many others)",
+      description: "Centralized management interface for all your game servers. Easily deploy, configure and monitor your Minecraft, CS2, Garry's Mod and many other servers.",
       features: [
+        "Support for 20+ popular games (Minecraft, CS2, GMod...)",
         "One-click deployment with pre-configured templates",
         "Real-time administration console",
         "File management with integrated editor",
@@ -57,33 +54,19 @@ export const en: Translation = {
       ]
     },
     {
-      name: "Password Change",
+      name: "Pelican",
-      url: URLS.services.ssp,
+      url: URLS.services.pelican,
-      image: "/path/to/ssp-image.jpg",
+      image: "/path/to/pelican-image.jpg",
-      icon: "🔐",
+      icon: "🐧",
-      description: "Secure interface for autonomous password management. Easily change your credentials safely.",
+      description: "Ultra-fast and flexible Python static site generator. Create blogs, portfolios or documentation sites with optimal performance and simplified deployment.",
       features: [
-        "Secure interface to change your password",
+        "Game server management with dedicated servers (Minecraft, CS2, Palworld...)",
-        "Password complexity validation",
+        "One-click deployment with pre-configured templates",
-        "Email notifications of changes",
+        "Real-time administration console",
-        "Modification history"
+        "File management with integrated editor",
-      ]
+        "Performance and resource monitoring",
-    },
+        "Automatic backup system",
-    {
+        "Automated task scheduler"
-      name: "OpenCloud",
-      url: URLS.services.opencloud,
-      image: logoOpencloud,
-      icon: "☁️",
-      description: "Open-source collaborative cloud platform for file storage, sharing and synchronization. Free alternative to Google Drive with full control over your data.",
-      features: [
-        "Secure and encrypted cloud storage",
-        "Multi-device synchronization",
-        "File sharing with secure links",
-        "Collaborative document editing",
-        "Automatic file versioning",
-        "Native mobile applications",
-        "Integration with external tools",
-        "Geo-redundant data backup"
       ]
     },
     {
@@ -103,22 +86,6 @@ export const en: Translation = {
         "Archive of decisions and minutes"
       ]
     },
-    {
-      name: "Gaming Panel",
-      url: URLS.services.panel,
-      image: "/path/to/panel-image.jpg",
-      icon: "🎮",
-      description: "Centralized management interface for all your game servers. Easily deploy, configure and monitor your Minecraft, CS2, Garry's Mod and many other servers.",
-      features: [
-        "Support for 20+ popular games (Minecraft, CS2, GMod...)",
-        "One-click deployment with pre-configured templates",
-        "Real-time administration console",
-        "File management with integrated editor",
-        "Performance and resource monitoring",
-        "Automatic backup system",
-        "Automated task scheduler"
-      ]
-    },
     {
       name: "Mails",
       url: URLS.services.mails,
@@ -135,6 +102,36 @@ export const en: Translation = {
         "Communication encryption",
         "Automatic data backup"
       ]
+    },
+    {
+      name: "Password Change",
+      url: URLS.services.ssp,
+      image: "/path/to/ssp-image.jpg",
+      icon: "🔐",
+      description: "Secure interface for autonomous password management. Easily change your credentials safely.",
+      features: [
+        "Secure interface to change your password",
+        "Password complexity validation",
+        "Email notifications of changes",
+        "Modification history"
+      ]
+    },
+    {
+      name: "OpenCloud",
+      url: URLS.services.opencloud,
+      image: "/path/to/opencloud-image.jpg",
+      icon: "☁️",
+      description: "Open-source collaborative cloud platform for file storage, sharing and synchronization. Free alternative to Google Drive with full control over your data.",
+      features: [
+        "Secure and encrypted cloud storage",
+        "Multi-device synchronization",
+        "File sharing with secure links",
+        "Collaborative document editing",
+        "Automatic file versioning",
+        "Native mobile applications",
+        "Integration with external tools",
+        "Geo-redundant data backup"
+      ]
     }
   ],
   hero: {

banquise-website/src/data/translations/fr.ts

@@ -1,16 +1,12 @@
 import type { Translation } from '../../types/i18n';
 import { URLS } from '../../config/constants';
-import logoGitea from '/src/assets/Gitea_Logo.png';
-import logoWiki from '/src/assets/wikijs.png';
-import logoPelican from '/src/assets/pelican.png';
-import logoOpencloud from '/src/assets/opencloud_logo_white.png';
 
 export const fr: Translation = {
   services: [
     {
       name: "Wiki",
       url: URLS.services.wiki,
-      image: logoWiki,
+      image: "/path/to/wiki-image.jpg",
       icon: "📚",
       description: "Plateforme collaborative de documentation technique et de partage de connaissances. Créez, modifiez et organisez vos guides, tutoriels et documentations en équipe avec un système de versioning intégré.",
       features: [
@@ -27,7 +23,7 @@ export const fr: Translation = {
     {
       name: "Gitea",
       url: URLS.services.gitea,
-      image: logoGitea,
+      image: "/path/to/gitea-image.jpg",
       icon: "🔧",
       description: "Service Git auto-hébergé lightweight et performant pour vos projets de développement. Alternative open-source à GitHub avec toutes les fonctionnalités essentielles pour gérer vos repositories.",
       features: [
@@ -42,12 +38,13 @@ export const fr: Translation = {
       ]
     },
     {
-      name: "Pelican",
+      name: "Panel Gaming",
-      url: URLS.services.pelican,
+      url: URLS.services.panel,
-      image: logoPelican,
+      image: "/path/to/panel-image.jpg",
-      icon: "🐧",
+      icon: "🎮",
-      description: "Gestion de serveurs de jeux avec serveurs dédiés (Minecraft, CS2, Palworld, et bien d'autres)",
+      description: "Interface de gestion centralisée pour tous vos serveurs de jeux. Déployez, configurez et surveillez facilement vos serveurs Minecraft, CS2, Garry's Mod et bien d'autres.",
       features: [
+        "Support de 20+ jeux populaires (Minecraft, CS2, GMod...)",
         "Déploiement en un clic avec templates préconfigurés",
         "Console d'administration en temps réel",
         "Gestion des fichiers avec éditeur intégré",
@@ -57,33 +54,19 @@ export const fr: Translation = {
       ]
     },
     {
-      name: "Changement de mot de passe",
+      name: "Pelican",
-      url: URLS.services.ssp,
+      url: URLS.services.pelican,
-      image: "/path/to/ssp-image.jpg",
+      image: "/path/to/pelican-image.jpg",
-      icon: "🔐",
+      icon: "🐧",
-      description: "Interface sécurisée pour la gestion autonome de vos mots de passe. Changez facilement vos identifiants en toute sécurité.",
+      description: "Générateur de sites statiques Python ultra-rapide et flexible. Créez des blogs, portfolios ou sites de documentation avec une performance optimale et un déploiement simplifié.",
       features: [
-        "Interface sécurisée pour changer votre mot de passe",
+        "Gestion de serveurs de jeux avec serveurs dédiés (Minecraft, CS2, Palworld...)",
-        "Validation de la complexité des mots de passe",
+        "Déploiement en un clic avec templates préconfigurés",
-        "Notifications par email des changements",
+        "Console d'administration en temps réel",
-        "Historique des modifications"
+        "Gestion des fichiers avec éditeur intégré",
-      ]
+        "Monitoring des performances et ressources",
-    },
+        "Système de sauvegarde automatique",
-    {
+        "Planificateur de tâches automatisées"
-      name: "OpenCloud",
-      url: URLS.services.opencloud,
-      image: logoOpencloud,
-      icon: "☁️",
-      description: "Plateforme cloud collaborative open-source pour le stockage, le partage et la synchronisation de fichiers. Alternative libre à Google Drive avec contrôle total sur vos données.",
-      features: [
-        "Stockage cloud sécurisé et chiffré",
-        "Synchronisation multi-appareils",
-        "Partage de fichiers avec liens sécurisés",
-        "Édition collaborative de documents",
-        "Versioning automatique des fichiers",
-        "Applications mobiles natives",
-        "Intégration avec outils externes",
-        "Sauvegarde géoredondante des données"
       ]
     },
     {
@@ -103,22 +86,6 @@ export const fr: Translation = {
         "Archive des décisions et procès-verbaux"
       ]
     },
-    {
-      name: "Panel Gaming",
-      url: URLS.services.panel,
-      image: "/path/to/panel-image.jpg",
-      icon: "🎮",
-      description: "Interface de gestion centralisée pour tous vos serveurs de jeux. Déployez, configurez et surveillez facilement vos serveurs Minecraft, CS2, Garry's Mod et bien d'autres.",
-      features: [
-        "Support de 20+ jeux populaires (Minecraft, CS2, GMod...)",
-        "Déploiement en un clic avec templates préconfigurés",
-        "Console d'administration en temps réel",
-        "Gestion des fichiers avec éditeur intégré",
-        "Monitoring des performances et ressources",
-        "Système de sauvegarde automatique",
-        "Planificateur de tâches automatisées"
-      ]
-    },
     {
       name: "Mails",
       url: URLS.services.mails,
@@ -135,6 +102,36 @@ export const fr: Translation = {
         "Chiffrement des communications",
         "Sauvegarde automatique des données"
       ]
+    },
+    {
+      name: "Changement de mot de passe",
+      url: URLS.services.ssp,
+      image: "/path/to/ssp-image.jpg",
+      icon: "🔐",
+      description: "Interface sécurisée pour la gestion autonome de vos mots de passe. Changez facilement vos identifiants en toute sécurité.",
+      features: [
+        "Interface sécurisée pour changer votre mot de passe",
+        "Validation de la complexité des mots de passe",
+        "Notifications par email des changements",
+        "Historique des modifications"
+      ]
+    },
+    {
+      name: "OpenCloud",
+      url: URLS.services.opencloud,
+      image: "/path/to/opencloud-image.jpg",
+      icon: "☁️",
+      description: "Plateforme cloud collaborative open-source pour le stockage, le partage et la synchronisation de fichiers. Alternative libre à Google Drive avec contrôle total sur vos données.",
+      features: [
+        "Stockage cloud sécurisé et chiffré",
+        "Synchronisation multi-appareils",
+        "Partage de fichiers avec liens sécurisés",
+        "Édition collaborative de documents",
+        "Versioning automatique des fichiers",
+        "Applications mobiles natives",
+        "Intégration avec outils externes",
+        "Sauvegarde géoredondante des données"
+      ]
     }
   ],
   hero: {