Enable pm2 deploy & changes in visual

.github/workflows/node.js.yml

@@ -38,3 +38,31 @@ jobs:
     - run: npm ci
     - run: npm run build --if-present
     - run: npm test
+
+  deploy:
+    needs: build
+    runs-on: Tonis-Mac-mini
+    if: github.ref == 'refs/heads/main' && github.event_name == 'push'
+
+    steps:
+    - name: PM2 Deployment
+      # You may pin to the exact commit or the version.
+      # uses: victorargento/pm2-deployment@9f1857537a23be1e6eb173bc5394a49c6e3e3e1a
+      uses: victorargento/pm2-deployment@0.1
+      with:
+        # 
+        build: true # optional, default is false
+        # Remote host
+        host: 192.168.1.102
+        # Username to login
+        username: root
+        # SSH port
+        port: 22 
+        # SSH password
+        # Removed direct password input for security, using environment variable instead
+        with:
+          DEPLOY_PASSWORD: ${{ secrets.DEPLOY_PASSWORD }}
+        # Remote path where the files are going to be copied
+        remote-path: /home/zouklambadabcn.com/public_html
+        # PM2 ID or Name of the process
+        pm2-id: ZLB

src/components/StaffSection.tsx

@@ -84,12 +84,12 @@ const StaffSection = () => {
                 className="snap-start shrink-0 w-4/5 sm:w-1/2 lg:w-1/3 xl:w-1/4 bg-card rounded-2xl overflow-hidden shadow-card hover:shadow-elevated transition-shadow group"
               >
                 {/* Foto */}
-                <div className="aspect-square bg-muted flex items-center justify-center overflow-hidden">
+                <div className="bg-muted flex items-center justify-center overflow-hidden">
                   {member.image ? (
                     <img
                       src={member.image}
                       alt={member.name}
-                      className="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"
+                      className="w-full h-auto object-contain object-center group-hover:scale-105 transition-transform duration-500 bg-muted"
                     />
                   ) : (
                     <User className="w-16 h-16 text-muted-foreground/40" />

src/index.css

@@ -47,7 +47,7 @@
     --radius: 0.75rem;
 
     /* Custom tokens */
-    --gradient-tropical: linear-gradient(135deg, hsl(231 66% 37%), hsl(225 34% 48%), hsl(220 81% 75%));
+    --gradient-tropical: linear-gradient(135deg, hsla(28.2, 80.4%, 44.1%, 0.91), hsla(27.1, 88.4%, 37.3%, 0.76), hsl(22.3, 95.5%, 56.9%));
     --gradient-warm: linear-gradient(180deg, hsl(225 30% 96%), hsl(225 25% 92%));
     --shadow-glow: 0 0 40px hsl(231 66% 37% / 0.3);
     --shadow-card: 0 8px 30px hsl(260 32% 24% / 0.08);