feat: add Shelbys Bar project with new translations and online status.

src/components/Projects.tsx

@@ -1,5 +1,5 @@
 import { motion } from 'framer-motion';
-import { ExternalLink, Github, MapPin } from 'lucide-react';
+import { ExternalLink, Github, MapPin, Wine } from 'lucide-react';
 import { useLanguage } from '../contexts/LanguageContext';
 
 const Projects = () => {
@@ -25,6 +25,25 @@ const Projects = () => {
       },
       image: "/travel-mate-preview.png" // Ajoutez votre image dans le dossier public
     },
+    {
+      id: 3,
+      title: t('projects.shelbys.title'),
+      description: t('projects.shelbys.description'),
+      status: t('projects.status.online'),
+      technologies: ["React", "Vite", "TailwindCSS", "Framer Motion"], // Inferring stack based on modern standards and user's other projects
+      features: [
+        t('projects.shelbys.feature1'),
+        t('projects.shelbys.feature2'),
+        t('projects.shelbys.feature4')
+      ],
+      color: "#E91E63", // A distinct color
+      icon: <Wine size={24} />,
+      links: {
+        github: "#", // Assuming private or not provided
+        demo: "https://shelbys.be"
+      },
+      image: "/shelbys-preview.png" // Placeholder, user might need to add this
+    },
     {
       id: 2,
       title: t('projects.portfolio.title'),

src/contexts/LanguageContext.tsx

@@ -79,6 +79,7 @@ const translations = {
     'projects.subtitle': 'Découvrez mes réalisations et mes expériences',
     'projects.status.available': 'Bientôt disponible sur App Store et Play Store',
     'projects.status.current': 'Projet actuel',
+    'projects.status.online': 'En ligne',
     'projects.features': 'Fonctionnalités principales :',
     'projects.btn.code': 'Code',
     'projects.btn.viewProject': 'Voir le projet',
@@ -94,6 +95,11 @@ const translations = {
     'projects.portfolio.feature2': 'Animations fluides',
     'projects.portfolio.feature3': 'Mode sombre/clair',
     'projects.portfolio.feature4': 'Performance optimisée',
+    'projects.shelbys.title': 'Shelbys Bar',
+    'projects.shelbys.description': 'Site vitrine élégant pour le bar Shelbys Bar. Présente l\'ambiance, le menu et les événements du bar avec un design moderne et immersif.',
+    'projects.shelbys.feature1': 'Design moderne et immersif',
+    'projects.shelbys.feature2': 'Présentation du menu',
+    'projects.shelbys.feature4': 'Informations pratiques',
 
     // Education
     'education.title': 'Formation',
@@ -201,6 +207,7 @@ const translations = {
     'projects.subtitle': 'Discover my achievements and experiences',
     'projects.status.available': 'Coming soon on App Store and Play Store',
     'projects.status.current': 'Current project',
+    'projects.status.online': 'Online',
     'projects.features': 'Main features:',
     'projects.btn.code': 'Code',
     'projects.btn.viewProject': 'View project',
@@ -216,6 +223,11 @@ const translations = {
     'projects.portfolio.feature2': 'Fluid animations',
     'projects.portfolio.feature3': 'Dark/light mode',
     'projects.portfolio.feature4': 'Optimized performance',
+    'projects.shelbys.title': 'Shelbys Bar',
+    'projects.shelbys.description': 'Elegant showcase website for Shelbys Bar. Presents the atmosphere, menu, and events of the bar with a modern and immersive design.',
+    'projects.shelbys.feature1': 'Modern and immersive design',
+    'projects.shelbys.feature2': 'Menu presentation',
+    'projects.shelbys.feature4': 'Practical information',
 
     // Education
     'education.title': 'Education',