From 9a1154a400ac6c933b60c99eac57066bfadbc593 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Antoni=20Nu=C3=B1ez=20Romeu?= <antoni.nunez@ficosa.com>
Date: Mon, 16 Mar 2026 17:57:27 +0100
Subject: [PATCH] Enable pm2 deploy & changes in visual

---
 .github/workflows/node.js.yml   | 28 ++++++++++++++++++++++++++++
 src/components/StaffSection.tsx |  4 ++--
 src/index.css                   |  2 +-
 3 files changed, 31 insertions(+), 3 deletions(-)

diff --git a/.github/workflows/node.js.yml b/.github/workflows/node.js.yml
index 9a22b67..03bf6b6 100644
--- a/.github/workflows/node.js.yml
+++ b/.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
diff --git a/src/components/StaffSection.tsx b/src/components/StaffSection.tsx
index 29acc34..caa8929 100644
--- a/src/components/StaffSection.tsx
+++ b/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" />
diff --git a/src/index.css b/src/index.css
index 8551777..910bd06 100644
--- a/src/index.css
+++ b/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);