diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
index fc5d0ef..1ee65cc 100644
--- a/.github/workflows/main.yml
+++ b/.github/workflows/main.yml
@@ -3,18 +3,22 @@ run-name: ${{ github.actor }} is running main branch tests 🚀
 
 on:
   push:
-    branches: [main]
+    branches: [main, EO-28/deploy-to-github-pages]
 
 env:
   CI: true
 
+concurrency:
+  group: "pages"
+  cancel-in-progress: true
+
 jobs:
   test:
     timeout-minutes: 10
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
-      - uses: actions/setup-node@v3
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
         with:
           node-version: 20
       - name: Install dependencies
@@ -23,17 +27,39 @@ jobs:
         run: npx playwright install --with-deps chromium
       - name: Build
         run: npm run build
-      - uses: actions/upload-artifact@v3
+      - uses: actions/upload-artifact@v4
         with:
-          name: dist
+          name: github-pages
           path: dist/
           retention-days: 1
       - name: Run Unit Tests
         run: npm run test:unit:coverage
       - name: Run E2e Tests
         run: npm run test:e2e
-      - uses: actions/upload-artifact@v3
+      - uses: actions/upload-artifact@v4
         with:
           name: playwright-report
           path: playwright-report/
           retention-days: 1
+  deploy:
+    needs: test
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      pages: write
+      id-token: write
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    steps:
+      - name: Download the build artifacts
+        uses: actions/download-artifact@v4
+        with:
+          name: github-pages
+          path: dist/
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v3
+        with:
+          artifact_name: github-pages
+          timeout: 300000