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'),
@@ -106,7 +125,7 @@ const Projects = () => {
               }}
             >
               <div className="project-header">
-                <div 
+                <div
                   className="project-icon"
                   style={{ backgroundColor: `${project.color}20`, color: project.color }}
                 >
@@ -130,9 +149,9 @@ const Projects = () => {
                       className="tech-tag"
                       initial={{ opacity: 0, scale: 0.8 }}
                       whileInView={{ opacity: 1, scale: 1 }}
-                      transition={{ 
-                        duration: 0.3, 
-                        delay: (index * 0.1) + (techIndex * 0.05) 
+                      transition={{
+                        duration: 0.3,
+                        delay: (index * 0.1) + (techIndex * 0.05)
                       }}
                       viewport={{ once: true }}
                     >
@@ -149,9 +168,9 @@ const Projects = () => {
                         key={featureIndex}
                         initial={{ opacity: 0, x: -20 }}
                         whileInView={{ opacity: 1, x: 0 }}
-                        transition={{ 
-                          duration: 0.5, 
-                          delay: (index * 0.2) + (featureIndex * 0.1) 
+                        transition={{
+                          duration: 0.5,
+                          delay: (index * 0.2) + (featureIndex * 0.1)
                         }}
                         viewport={{ once: true }}
                       >