diff --git a/.github/workflows/deploy-pr-preview.yml b/.github/workflows/deploy-pr-preview.yml
new file mode 100644
index 00000000..4116b361
--- /dev/null
+++ b/.github/workflows/deploy-pr-preview.yml
@@ -0,0 +1,46 @@
+name: Deploy PR previews
+
+on: pull_request
+
+concurrency: preview-${{ github.ref }}
+
+jobs:
+  deploy-preview:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+      - name: Set up php 8.4
+        uses: shivammathur/setup-php@v2
+        with:
+          php-version: 8.4
+      - name: Set up PHP dependencie
+        run: composer i
+      - name: Change config.php
+        run: |
+          sed -i "s|librecode.coop|librecode.github.io|g" CNAME
+          sed -i "s|'baseUrl' => '/'|'baseUrl' => 'https://LibreCodeCoop.github.io/site-preview/pr-preview/pr-${{ github.event.pull_request.number }}/'|g" config.php
+          cat config.php|grep "'baseUrl' => "
+          sed -i "/'matomo_container'/d" config.production.php
+      - name: Run composer command
+        run: composer prod
+
+      - name: Fix asset paths for subdirectory deployment
+        run: |
+          BASE_PATH="/site-preview/pr-preview/pr-${{ github.event.pull_request.number }}"
+          find build_production -type f -name "*.html" -exec sed -i "s|href=\"/assets/|href=\"$BASE_PATH/assets/|g" {} +
+          find build_production -type f -name "*.html" -exec sed -i "s|src=\"/assets/|src=\"$BASE_PATH/assets/|g" {} +
+          find build_production -type f -name "*.css" -exec sed -i "s|url(/assets/|url($BASE_PATH/assets/|g" {} +
+          find build_production -type f -name "*.css" -exec sed -i "s|url(\"/assets/|url(\"$BASE_PATH/assets/|g" {} +
+
+      - name: Deploy preview
+        uses: rossjrw/pr-preview-action@v1
+        with:
+          source-dir: ./build_production/
+          pages-base-url: librecode.github.io/site-preview
+          deploy-repository: LibreCodeCoop/site-preview
+          preview-branch: main
+          token: ${{ secrets.PREVIEW_TOKEN }}
diff --git a/.github/workflows/preview.yml b/.github/workflows/preview.yml
new file mode 100644
index 00000000..4cfb49bb
--- /dev/null
+++ b/.github/workflows/preview.yml
@@ -0,0 +1,97 @@
+name: Preview
+
+on:
+  pull_request:
+    branches: [ main, develop ]
+    types: [opened, synchronize, reopened]
+
+jobs:
+  build-preview:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: write
+      pull-requests: write
+    
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: 'npm'
+
+      - name: Setup PHP
+        uses: shivammathur/setup-php@v2
+        with:
+          php-version: 8.4
+          tools: composer
+
+      - name: Install PHP dependencies
+        run: composer install --prefer-dist --no-progress
+
+      - name: Install Node dependencies
+        run: npm ci
+
+      - name: Build site
+        run: npm run prod
+
+      - name: Upload preview artifact
+        uses: actions/upload-artifact@v4
+        with:
+          name: preview-pr-${{ github.event.pull_request.number }}
+          path: build_production/
+          retention-days: 7
+
+      - name: Comment preview URL
+        uses: actions/github-script@v7
+        with:
+          script: |
+            const prNumber = context.issue.number;
+            const runId = context.runId;
+            const artifactUrl = `https://github.com/${context.repo.owner}/${context.repo.repo}/actions/runs/${runId}`;
+            
+            const { data: comments } = await github.rest.issues.listComments({
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              issue_number: prNumber,
+            });
+            
+            const botComment = comments.find(comment => 
+              comment.user.type === 'Bot' && 
+              comment.body.includes('Preview do Site')
+            );
+            
+            const commentBody = [
+              '## \ud83d\udd0d Preview do Site',
+              '',
+              '\u2705 O preview foi gerado com sucesso!',
+              '',
+              '### Como visualizar:',
+              `1. Acesse a [p\u00e1gina da Action](${artifactUrl})`,
+              '2. Role at\u00e9 a se\u00e7\u00e3o "Artifacts"',
+              `3. Baixe o arquivo \`preview-pr-${prNumber}\``,
+              '4. Descompacte e abra \`index.html\` no navegador',
+              '',
+              '\ud83d\udd04 O preview \u00e9 atualizado automaticamente a cada novo commit neste PR.',
+              '',
+              '---',
+              '<sub>Preview gerado pela GitHub Action \u2022 Artefato dispon\u00edvel por 7 dias</sub>'
+            ].join('\n');
+            
+            if (botComment) {
+              await github.rest.issues.updateComment({
+                owner: context.repo.owner,
+                repo: context.repo.repo,
+                comment_id: botComment.id,
+                body: commentBody,
+              });
+            } else {
+              await github.rest.issues.createComment({
+                owner: context.repo.owner,
+                repo: context.repo.repo,
+                issue_number: prNumber,
+                body: commentBody,
+              });
+            }
diff --git a/README.md b/README.md
index c304d110..75a792bf 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
 # [LibreCode](https://librecode.coop) site
 
-Repositório do site institucional da LibreCode
+Repositório do site institucional da LibreCode.
 
 ## Instalação
 
diff --git a/demo-header.html b/demo-header.html
new file mode 100644
index 00000000..e4671755
--- /dev/null
+++ b/demo-header.html
@@ -0,0 +1,305 @@
+<!DOCTYPE html>
+<html lang="pt-BR">
+<head>
+  <meta charset="utf-8">
+  <title>LibreCode - Demo Header</title>
+  <meta content="width=device-width, initial-scale=1.0" name="viewport">
+  
+  <!-- Google Fonts -->
+  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i|Montserrat:300,400,500,700" rel="stylesheet">
+  
+  <!-- Font Awesome -->
+  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
+  
+  <style>
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+    
+    body {
+      font-family: "Open Sans", sans-serif;
+    }
+    
+    #intro {
+      width: 100%;
+      position: relative;
+      background-color: #d8d7d7ff;
+      padding: 180px 0 120px 0;
+      display: flex;
+      align-items: center;
+      min-height: 600px;
+    }
+    
+    #intro .container {
+      max-width: 1140px;
+      margin: 0 auto;
+      padding: 0 15px;
+    }
+    
+    #intro .intro-info {
+      max-width: 900px;
+      margin: 0 auto;
+      text-align: center;
+    }
+    
+    #intro .intro-info h2 {
+      padding: 0;
+      font-size: 64px;
+      text-align: center;
+      font-weight: 700;
+      line-height: 1.2;
+      color: #2c3e50;
+      margin-bottom: 0;
+      font-family: "Montserrat", sans-serif;
+    }
+    
+    #intro .intro-info h2 span {
+      color: #e5332a;
+      text-decoration: none;
+      font-weight: 800;
+      position: relative;
+      display: inline-block;
+    }
+    
+    #intro .intro-info h2 span::after {
+      content: '';
+      position: absolute;
+      bottom: 8px;
+      left: 0;
+      right: 0;
+      height: 12px;
+      background: rgba(229, 51, 42, 0.2);
+      z-index: -1;
+      border-radius: 2px;
+    }
+    
+    #intro .intro-info p {
+      color: #333;
+      text-align: center;
+      font-size: 28px;
+      font-weight: 400;
+      line-height: 1.6;
+      margin-top: 30px;
+      margin-bottom: 0;
+      font-family: "Montserrat", sans-serif;
+    }
+    
+    /* Contact CTA Buttons */
+    #intro .intro-cta {
+      margin-top: 35px;
+      text-align: center;
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: center;
+      gap: 15px;
+    }
+    
+    #intro .btn-contact {
+      display: inline-flex;
+      align-items: center;
+      gap: 10px;
+      font-family: "Montserrat", sans-serif;
+      font-size: 16px;
+      font-weight: 600;
+      letter-spacing: 0.5px;
+      padding: 14px 32px;
+      color: #fff;
+      border: 2px solid;
+      border-radius: 50px;
+      text-decoration: none;
+      transition: all 0.3s ease;
+    }
+    
+    #intro .btn-contact:hover {
+      color: #fff;
+      transform: translateY(-2px);
+      text-decoration: none;
+    }
+    
+    #intro .btn-contact:active {
+      transform: translateY(0);
+    }
+    
+    #intro .btn-contact i {
+      font-size: 20px;
+    }
+    
+    /* WhatsApp Button */
+    #intro .btn-whatsapp {
+      background: #25D366;
+      border-color: #25D366;
+      box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);
+    }
+    
+    #intro .btn-whatsapp:hover {
+      background: #20BA5A;
+      border-color: #20BA5A;
+      box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);
+    }
+    
+    #intro .btn-whatsapp:active {
+      box-shadow: 0 2px 10px rgba(37, 211, 102, 0.3);
+    }
+    
+    /* Telegram Button */
+    #intro .btn-telegram {
+      background: #0088cc;
+      border-color: #0088cc;
+      box-shadow: 0 4px 15px rgba(0, 136, 204, 0.3);
+    }
+    
+    #intro .btn-telegram:hover {
+      background: #006fa8;
+      border-color: #006fa8;
+      box-shadow: 0 6px 20px rgba(0, 136, 204, 0.4);
+    }
+    
+    #intro .btn-telegram:active {
+      box-shadow: 0 2px 10px rgba(0, 136, 204, 0.3);
+    }
+    
+    /* Email Button */
+    #intro .btn-email {
+      background: #e5332a;
+      border-color: #e5332a;
+      box-shadow: 0 4px 15px rgba(229, 51, 42, 0.3);
+    }
+    
+    #intro .btn-email:hover {
+      background: #c72b23;
+      border-color: #c72b23;
+      box-shadow: 0 6px 20px rgba(229, 51, 42, 0.4);
+    }
+    
+    #intro .btn-email:active {
+      box-shadow: 0 2px 10px rgba(229, 51, 42, 0.3);
+    }
+    
+    /* Responsividade */
+    @media (max-width: 991px) {
+      #intro {
+        padding: 140px 0 60px 0;
+      }
+      
+      #intro .intro-info h2 {
+        font-size: 48px;
+      }
+      
+      #intro .intro-info p {
+        font-size: 24px;
+      }
+    }
+    
+    @media (max-width: 767px) {
+      #intro {
+        padding: 120px 0 80px 0;
+        min-height: 500px;
+      }
+      
+      #intro .intro-info h2 {
+        font-size: 36px;
+        line-height: 1.3;
+      }
+      
+      #intro .intro-info h2 span::after {
+        height: 8px;
+        bottom: 4px;
+      }
+      
+      #intro .intro-info p {
+        font-size: 20px;
+        margin-top: 20px;
+      }
+      
+      #intro .btn-contact {
+        font-size: 14px;
+        padding: 12px 24px;
+      }
+      
+      #intro .btn-contact i {
+        font-size: 18px;
+      }
+    }
+    
+    @media (max-width: 574px) {
+      #intro {
+        padding: 100px 0 60px 0;
+        min-height: 450px;
+      }
+      
+      #intro .intro-info h2 {
+        font-size: 28px;
+      }
+      
+      #intro .intro-info p {
+        font-size: 18px;
+        line-height: 1.5;
+      }
+      
+      #intro .intro-cta {
+        flex-direction: column;
+        align-items: center;
+      }
+      
+      #intro .btn-contact {
+        font-size: 14px;
+        padding: 12px 28px;
+        width: 100%;
+        max-width: 280px;
+        justify-content: center;
+      }
+      
+      #intro .btn-contact i {
+        font-size: 18px;
+      }
+    }
+  </style>
+</head>
+
+<body>
+  <section id="intro" class="clearfix">
+    <div class="container">
+        <div class="intro-info">
+          <h2>Tecnologia com<br><span>transparência</span> e <span>liberdade</span></h2>
+          <p>Somos uma cooperativa digital de especialistas em desenvolvimento de software livre</p>
+          <div class="intro-cta">
+            <a href="https://wa.me/552120422073" target="_blank" rel="noopener noreferrer" class="btn-contact btn-whatsapp" aria-label="Fale conosco no WhatsApp">
+              <i class="fa fa-whatsapp"></i> WhatsApp
+            </a>
+            <a href="https://t.me/LibreCodeCoop" target="_blank" rel="noopener noreferrer" class="btn-contact btn-telegram" aria-label="Fale conosco no Telegram">
+              <i class="fa fa-telegram"></i> Telegram
+            </a>
+            <a href="mailto:contato@librecode.coop" class="btn-contact btn-email" aria-label="Envie-nos um email">
+              <i class="fa fa-envelope"></i> Email
+            </a>
+          </div>
+      </div>
+    </div>
+  </section>
+  
+  <section style="padding: 60px 20px; text-align: center; background: #f8f9fa;">
+    <div style="max-width: 800px; margin: 0 auto;">
+      <h3 style="margin-bottom: 20px; color: #2c3e50;">Demonstração do Novo Header</h3>
+      <p style="color: #666; line-height: 1.6;">
+        Esta é uma demonstração do novo header com o botão de call-to-action do WhatsApp.
+        O botão está completamente responsivo e funcional, redimensione a janela para ver
+        as adaptações para diferentes tamanhos de tela.
+      </p>
+      <p style="color: #666; margin-top: 20px;">
+        <strong>Melhorias implementadas:</strong>
+      </p>
+      <ul style="text-align: left; color: #666; line-height: 1.8; max-width: 600px; margin: 20px auto;">
+        <li><strong>WhatsApp:</strong> Botão verde (#25D366) com link direto para iniciar conversa</li>
+        <li><strong>Telegram:</strong> Botão azul (#0088cc) com link para o canal da cooperativa</li>
+        <li><strong>Email:</strong> Botão vermelho (#e5332a) com link mailto para contato@librecode.coop</li>
+        <li>Efeito hover com elevação e mudança de cor em todos os botões</li>
+        <li>Totalmente responsivo: empilham verticalmente em telas pequenas</li>
+        <li>Ícones e textos bem alinhados com Font Awesome</li>
+        <li>Sombras suaves e animações de transição</li>
+      </ul>
+    </div>
+  </section>
+</body>
+</html>
diff --git a/package-lock.json b/package-lock.json
index 28b5422e..9f0df17e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,5 +1,5 @@
 {
-    "name": "html",
+    "name": "site",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
@@ -3607,9 +3607,9 @@
             }
         },
         "node_modules/caniuse-lite": {
-            "version": "1.0.30001620",
-            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001620.tgz",
-            "integrity": "sha512-WJvYsOjd1/BYUY6SNGUosK9DUidBPDTnOARHp3fSmFO1ekdxaY6nKRttEVrfMmYi80ctS0kz1wiWmm14fVc3ew==",
+            "version": "1.0.30001760",
+            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001760.tgz",
+            "integrity": "sha512-7AAMPcueWELt1p3mi13HR/LHH0TJLT11cnwDJEs3xA4+CK/PLKeO9Kl1oru24htkyUKtkGCvAx4ohB0Ttry8Dw==",
             "dev": true,
             "funding": [
                 {
@@ -3624,7 +3624,8 @@
                     "type": "github",
                     "url": "https://github.com/sponsors/ai"
                 }
-            ]
+            ],
+            "license": "CC-BY-4.0"
         },
         "node_modules/chalk": {
             "version": "4.1.2",
diff --git a/source/_assets/sass/main.scss b/source/_assets/sass/main.scss
index cdbf6851..514ad8b5 100644
--- a/source/_assets/sass/main.scss
+++ b/source/_assets/sass/main.scss
@@ -125,7 +125,7 @@ h6 {
   z-index: 997;
   transition: all 0.5s;
   padding: 20px 0;
-  background: #fff;
+  background: #f3f0ff; /* Lilás claro para melhor contraste */
   box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3);
 }
 
@@ -249,20 +249,26 @@ h6 {
 }
 
 #intro .intro-info p {
-  color: #e5332a;;
+  color: #333;
   text-align: left;
-  font-size: 25px;
+  font-size: 18px;
+  font-family: "Montserrat", sans-serif;
+  line-height: 1.6;
 }
 
 #intro .intro-info h2 {
-  padding: 20px;
-  font-size: 70px;
+  padding: 10px 0;
+  font-size: 42px;
   text-align: left;
+  font-family: "Montserrat", sans-serif;
+  line-height: 1.3;
+  margin-bottom: 15px;
 }
 
 #intro .intro-info h3 {
   text-align: left;
   font-size: 60px;
+  font-family: "Montserrat", sans-serif;
 }
 
 #intro .intro-info h2 span {
@@ -309,6 +315,288 @@ h6 {
   color: #fff;
 }
 
+/* Contact CTA Buttons */
+#intro .intro-cta {
+  margin-top: 35px;
+  text-align: left;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 15px;
+}
+
+#intro .intro-cta .btn-primary {
+  background: #e5332a;
+  border-color: #e5332a;
+  color: #fff;
+}
+
+#intro .intro-cta .btn-primary:hover {
+  background: #c72b23;
+  border-color: #c72b23;
+  color: #fff;
+}
+
+#intro .intro-cta .btn-outline-primary {
+  background: transparent;
+  border: 2px solid #e5332a;
+  color: #e5332a;
+}
+
+#intro .intro-cta .btn-outline-primary:hover {
+  background: #e5332a;
+  border-color: #e5332a;
+  color: #fff;
+}
+
+/* Intro Badge */
+#intro .intro-badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  background: rgba(229, 51, 42, 0.1);
+  color: #e5332a;
+  padding: 8px 16px;
+  border-radius: 20px;
+  font-size: 14px;
+  font-weight: 600;
+}
+
+/* Intro Features List */
+#intro .intro-features {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+#intro .intro-features li {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin-bottom: 15px;
+  font-size: 16px;
+  color: #333;
+}
+
+#intro .intro-features li i {
+  color: #e5332a;
+  font-size: 20px;
+}
+
+/* Intro Boxes (Right Side) */
+#intro .intro-boxes {
+  padding-left: 20px;
+}
+
+#intro .intro-box {
+  display: flex;
+  align-items: flex-start;
+  gap: 20px;
+  background: #fff;
+  padding: 25px;
+  border-radius: 12px;
+  border: 1px solid rgba(0, 0, 0, 0.08);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+  transition: all 0.3s ease;
+}
+
+#intro .intro-box:hover {
+  transform: translateY(-3px);
+  box-shadow: 0 6px 16px rgba(229, 51, 42, 0.15);
+}
+
+#intro .intro-box-icon {
+  flex-shrink: 0;
+  width: 60px;
+  height: 60px;
+  background: #e5332a;
+  border-radius: 12px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #fff;
+  font-size: 24px;
+}
+
+#intro .intro-box-content h4 {
+  margin: 0 0 8px 0;
+  font-size: 18px;
+  font-weight: 600;
+  color: #333;
+}
+
+#intro .intro-box-content p {
+  margin: 0;
+  font-size: 14px;
+  color: #666;
+  line-height: 1.5;
+}
+
+/* Intro Stats */
+#intro .intro-stats {
+  background: #fff;
+  padding: 20px;
+  border-radius: 12px;
+  border: 1px solid rgba(0, 0, 0, 0.08);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+}
+
+#intro .stat-box {
+  text-align: center;
+}
+
+#intro .stat-box h3 {
+  font-size: 32px;
+  font-weight: 700;
+  color: #e5332a;
+  margin: 0 0 5px 0;
+}
+
+#intro .stat-box p {
+  font-size: 14px;
+  color: #666;
+  margin: 0;
+}
+
+/* Lead Capture Form */
+#intro .intro-lead-form {
+  border-top: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+#intro .lead-form-title {
+  font-size: 14px;
+  font-weight: 600;
+  color: #333;
+  margin-bottom: 12px;
+}
+
+#intro .lead-form .form-group-inline {
+  display: flex;
+  gap: 12px;
+  flex-wrap: wrap;
+}
+
+#intro .lead-form .form-control {
+  flex: 1;
+  min-width: 250px;
+  padding: 12px 16px;
+  border: 1px solid #ddd;
+  border-radius: 8px;
+  font-size: 14px;
+  transition: all 0.3s ease;
+}
+
+#intro .lead-form .form-control:focus {
+  outline: none;
+  border-color: #e5332a;
+  box-shadow: 0 0 0 3px rgba(229, 51, 42, 0.1);
+}
+
+#intro .lead-form .btn-primary {
+  padding: 12px 24px;
+  border-radius: 8px;
+  font-weight: 600;
+  background: #e5332a;
+  border-color: #e5332a;
+  color: #fff;
+  transition: all 0.3s ease;
+}
+
+#intro .lead-form .btn-primary:hover {
+  background: #c72b23;
+  border-color: #c72b23;
+  color: #fff;
+  transform: translateY(-1px);
+  box-shadow: 0 4px 12px rgba(229, 51, 42, 0.3);
+}
+
+#intro .lead-form-note {
+  font-size: 13px;
+  color: #666;
+  margin-top: 10px;
+  margin-bottom: 0;
+}
+
+#intro .btn-contact {
+  display: inline-flex;
+  align-items: center;
+  gap: 10px;
+  font-family: "Montserrat", sans-serif;
+  font-size: 16px;
+  font-weight: 600;
+  letter-spacing: 0.5px;
+  padding: 14px 32px;
+  color: #fff;
+  border: 2px solid;
+  border-radius: 50px;
+  text-decoration: none;
+  transition: all 0.3s ease;
+}
+
+#intro .btn-contact:hover {
+  color: #fff;
+  transform: translateY(-2px);
+  text-decoration: none;
+}
+
+#intro .btn-contact:active {
+  transform: translateY(0);
+}
+
+#intro .btn-contact i {
+  font-size: 20px;
+}
+
+/* WhatsApp Button */
+#intro .btn-whatsapp {
+  background: #e5332a;
+  border-color: #e5332a;
+  box-shadow: 0 4px 15px rgba(229, 51, 42, 0.3);
+}
+
+#intro .btn-whatsapp:hover {
+  background: #c72b23;
+  border-color: #c72b23;
+  box-shadow: 0 6px 20px rgba(229, 51, 42, 0.4);
+}
+
+#intro .btn-whatsapp:active {
+  box-shadow: 0 2px 10px rgba(229, 51, 42, 0.3);
+}
+
+/* Telegram Button */
+#intro .btn-telegram {
+  background: #e5332a;
+  border-color: #e5332a;
+  box-shadow: 0 4px 15px rgba(229, 51, 42, 0.3);
+}
+
+#intro .btn-telegram:hover {
+  background: #c72b23;
+  border-color: #c72b23;
+  box-shadow: 0 6px 20px rgba(229, 51, 42, 0.4);
+}
+
+#intro .btn-telegram:active {
+  box-shadow: 0 2px 10px rgba(229, 51, 42, 0.3);
+}
+
+/* Email Button */
+#intro .btn-email {
+  background: #e5332a;
+  border-color: #e5332a;
+  box-shadow: 0 4px 15px rgba(229, 51, 42, 0.3);
+}
+
+#intro .btn-email:hover {
+  background: #c72b23;
+  border-color: #c72b23;
+  box-shadow: 0 6px 20px rgba(229, 51, 42, 0.4);
+}
+
+#intro .btn-email:active {
+  box-shadow: 0 2px 10px rgba(229, 51, 42, 0.3);
+}
+
 /*--------------------------------------------------------------
 # Navigation Menu
 --------------------------------------------------------------*/
@@ -811,34 +1099,98 @@ h6 {
   margin-right: 115px;
 }
 
+/* Diferenciais Section
+--------------------------------*/
+
+#diferenciais {
+  padding: 60px 0;
+}
+
+#diferenciais .section-header h3 {
+  color: #333;
+}
+
+#diferenciais .section-header p {
+  color: #666;
+}
+
+#diferenciais .diferencial-box {
+  text-align: center;
+  padding: 30px 20px;
+  background: #fff;
+  border-radius: 12px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+  transition: all 0.3s ease;
+  height: 100%;
+}
+
+#diferenciais .diferencial-box:hover {
+  transform: translateY(-5px);
+  box-shadow: 0 8px 20px rgba(229, 51, 42, 0.15);
+}
+
+#diferenciais .diferencial-icon {
+  margin-bottom: 20px;
+  transition: all 0.3s ease;
+}
+
+#diferenciais .diferencial-box:hover .diferencial-icon i {
+  transform: scale(1.1);
+}
+
+#diferenciais .diferencial-box h4 {
+  font-size: 18px;
+  font-weight: 600;
+  margin-bottom: 15px;
+  color: #333;
+}
+
+#diferenciais .diferencial-box p {
+  font-size: 14px;
+  line-height: 1.6;
+  color: #666;
+  margin-bottom: 0;
+}
+
 #why-us {
   padding: 60px 0;
-  background: #e5332a;;;
+  background: #f8f9fa;
 }
 
 #why-us p {
   color: #444;
 }
 
-#why-us .section-header h3,
+#why-us .section-header h3 {
+  color: #333;
+}
+
 #why-us .section-header p {
-  color: #fff;
+  color: #666;
+}
+
+#why-us h4 {
+  color: #333;
+  font-weight: 600;
 }
 
 #why-us .card {
-  border-color: rgb(197, 212, 245);
-  border-radius: 10px;
+  background: #fff;
+  border: 1px solid #e0e0e0;
+  border-radius: 12px;
   margin: 0 15px;
   padding: 15px 0;
   text-align: center;
-  color: #fff;
-  transition: 0.3s ease-in-out;
+  color: #333;
+  transition: all 0.3s ease-in-out;
   height: 100%;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
 }
 
 #why-us .card:hover {
-  background: white;
-  border-color: white;
+  transform: translateY(-5px);
+  box-shadow: 0 8px 20px rgba(229, 51, 42, 0.15);
+  border-color: #e5332a;
 }
 
 #why-us .card i {
@@ -854,6 +1206,49 @@ h6 {
 #why-us .card h5 {
   font-size: 22px;
   font-weight: 600;
+  color: #333;
+}
+
+#why-us .card p {
+  color: #555;
+  line-height: 1.6;
+}
+
+#why-us .btn-secondary {
+  background-color: #e5332a;
+  border-color: #e5332a;
+  color: #fff;
+  font-weight: 600;
+  transition: all 0.3s ease;
+}
+
+#why-us .btn-secondary:hover {
+  background-color: #c72a23;
+  border-color: #c72a23;
+  color: #fff;
+  transform: translateY(-2px);
+  box-shadow: 0 4px 12px rgba(229, 51, 42, 0.3);
+}
+
+#why-us .btn-primary {
+  background-color: #e5332a;
+  border-color: #e5332a;
+  color: #fff;
+  font-weight: 600;
+  padding: 12px 40px;
+  transition: all 0.3s ease;
+}
+
+#why-us .btn-primary:hover {
+  background-color: #c72a23;
+  border-color: #c72a23;
+  color: #fff;
+  transform: translateY(-2px);
+  box-shadow: 0 6px 16px rgba(229, 51, 42, 0.4);
+}
+
+#why-us .text-muted {
+  color: #666 !important;
 }
 
 #why-us .card .readmore {
@@ -1634,6 +2029,15 @@ h6 {
     font-size: 20px;
   }
 
+  #intro .btn-contact {
+    font-size: 14px;
+    padding: 12px 24px;
+  }
+
+  #intro .btn-contact i {
+    font-size: 18px;
+  }
+
   .section-header p {
     width: 100%;
   }
@@ -1658,6 +2062,24 @@ h6 {
   #intro {
     padding: 100px 0 20px 0;
   }
+  
+  #intro .intro-cta {
+    flex-direction: column;
+    align-items: center;
+  }
+  
+  #intro .btn-contact {
+    font-size: 14px;
+    padding: 12px 28px;
+    width: 100%;
+    max-width: 280px;
+    justify-content: center;
+  }
+  
+  #intro .btn-contact i {
+    font-size: 18px;
+  }
+  
   .products img{
     max-width: 350px;
   }
diff --git a/source/_layouts/header.blade.php b/source/_layouts/header.blade.php
index 15db01b7..f2df7d64 100644
--- a/source/_layouts/header.blade.php
+++ b/source/_layouts/header.blade.php
@@ -1,7 +1,7 @@
 <header id="header" class="fixed-top">
     <div class="container">
         <div class="logo float-left">
-            <a href="{{ locale_path($page, $page->baseUrl) }}" class="scrollto"><img src="{{ $page->baseUrl }}assets/images/logo/librecode.png" alt="" class="img-fluid"></a>
+            <a href="{{ locale_path($page, $page->baseUrl) }}" class="scrollto" aria-label="Ir para página inicial"><img src="{{ $page->baseUrl }}assets/images/logo/librecode.png" alt="Logo da LibreCode - Cooperativa de Software Livre" class="img-fluid"></a>
         </div>
         <nav class="main-nav float-right d-none d-lg-block">
             <ul>
diff --git a/source/_layouts/main.blade.php b/source/_layouts/main.blade.php
index d361fe98..b0031350 100644
--- a/source/_layouts/main.blade.php
+++ b/source/_layouts/main.blade.php
@@ -1,22 +1,71 @@
 <!DOCTYPE html>
-<html lang="{{ $page->language ?? 'en' }}">
+<html lang="{{ $page->language ?? 'pt-BR' }}">
 <head>
   <meta charset="utf-8">
-  <title>{{ $page->title }}</title>
+  <title>{{ $page->title ?? 'LibreCode - Cooperativa de Software Livre' }}</title>
   <meta content="width=device-width, initial-scale=1.0" name="viewport">
-  <meta content="" name="keywords">
+  <meta name="keywords" content="software livre, open source, cooperativa tecnologia, nextcloud, libresign, suitecrm, mautic, desenvolvimento software, hospedagem brasil, LGPD, soberania digital, automação marketing, CRM, assinatura digital">
+  <meta name="description" content="{{ $page->description ?? 'Cooperativa de tecnologia especializada em soluções com software livre. Nextcloud, LibreSign, SuiteCRM, Mautic e mais. Hospedagem no Brasil, suporte em português e 100% LGPD compliance.' }}">
+  <meta name="author" content="LibreCode Cooperativa">
+  <meta name="robots" content="index, follow">
+  
+  <!-- Open Graph / Facebook -->
+  <meta property="og:type" content="website">
+  <meta property="og:url" content="{{ $page->getUrl() }}">
+  <meta property="og:title" content="{{ $page->title ?? 'LibreCode - Cooperativa de Software Livre' }}">
+  <meta property="og:description" content="{{ $page->description }}">
   @if (!empty($og_image))
     <meta property="og:image" content="{{ $og_image }}"/>
   @else
     <meta property="og:image" content="{{ $page->baseUrl }}assets/images/logo.png"/>
   @endif
-  <meta property="og:url" content="{{ $page->getUrl() }}">
-  <meta property="og:type" content="website">
-  <meta property="og:title" content="LibreCode">
-  <meta property="og:description" content="{{ $page->description }}">
+  
+  <!-- Twitter -->
+  <meta property="twitter:card" content="summary_large_image">
+  <meta property="twitter:url" content="{{ $page->getUrl() }}">
+  <meta property="twitter:title" content="{{ $page->title ?? 'LibreCode' }}">
+  <meta property="twitter:description" content="{{ $page->description }}">
+  <meta property="twitter:image" content="{{ $page->baseUrl }}assets/images/logo.png">
 
   <link rel="canonical" href="{{ $page->getUrl() }}">
-  <meta name="description" content="{{ $page->description }}">
+
+  <!-- Schema.org JSON-LD -->
+  <script type="application/ld+json">
+  {
+    "@@context": "https://schema.org",
+    "@@type": "Organization",
+    "name": "LibreCode",
+    "legalName": "LibreCode Cooperativa de Tecnologia",
+    "url": "https://librecode.coop",
+    "logo": "{{ $page->baseUrl }}assets/images/logo/librecode.png",
+    "description": "Cooperativa de tecnologia da informação especializada em desenvolvimento de soluções com licença livre",
+    "foundingDate": "2018",
+    "address": {
+      "@@type": "PostalAddress",
+      "addressCountry": "BR"
+    },
+    "contactPoint": {
+      "@@type": "ContactPoint",
+      "contactType": "customer support",
+      "availableLanguage": ["Portuguese", "English"]
+    },
+    "sameAs": [
+      "https://github.com/librecodecoop",
+      "https://www.linkedin.com/company/librecodecoop",
+      "https://t.me/LibreCodeCoop",
+      "https://www.instagram.com/librecodecoop/",
+      "https://www.facebook.com/librecodecoop/"
+    ],
+    "serviceType": [
+      "Software Development",
+      "Cloud Hosting",
+      "IT Consulting",
+      "Digital Signature Solutions",
+      "CRM Solutions",
+      "Marketing Automation"
+    ]
+  }
+  </script>
 
   <!-- Favicons -->
   <link href="{{ $page->baseUrl }}assets/images/favico.png" rel="icon">
@@ -40,5 +89,22 @@
     @include('_layouts.header')
     @yield('body')
     @include('_layouts.footer')
+
+    <!-- Chatwoot widget -->
+    <script>
+      (function(d,t) {
+        var BASE_URL="https://chatwoot.librecode.coop";
+        var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
+        g.src=BASE_URL+"/packs/js/sdk.js";
+        g.async = true;
+        s.parentNode.insertBefore(g,s);
+        g.onload=function(){
+          window.chatwootSDK.run({
+            websiteToken: '1FWLmSUAXnZd8qhUB5rsPCdq',
+            baseUrl: BASE_URL
+          })
+        }
+      })(document,"script");
+    </script>
 </body>
 </html>
diff --git a/source/assets/images/solucoes/akaunting.png b/source/assets/images/solucoes/akaunting.png
new file mode 100644
index 00000000..cef65c49
Binary files /dev/null and b/source/assets/images/solucoes/akaunting.png differ
diff --git a/source/assets/images/solucoes/kimai.png b/source/assets/images/solucoes/kimai.png
new file mode 100644
index 00000000..a0335a09
Binary files /dev/null and b/source/assets/images/solucoes/kimai.png differ
diff --git a/source/assets/images/solucoes/limesurvey.png b/source/assets/images/solucoes/limesurvey.png
new file mode 100644
index 00000000..3d9528d2
Binary files /dev/null and b/source/assets/images/solucoes/limesurvey.png differ
diff --git a/source/assets/images/solucoes/suitecrm.png b/source/assets/images/solucoes/suitecrm.png
new file mode 100644
index 00000000..b6aa720e
Binary files /dev/null and b/source/assets/images/solucoes/suitecrm.png differ
diff --git a/source/assets/images/solucoes/yourls.png b/source/assets/images/solucoes/yourls.png
new file mode 100644
index 00000000..91fc1507
Binary files /dev/null and b/source/assets/images/solucoes/yourls.png differ
diff --git a/source/index.blade.php b/source/index.blade.php
index 15616ee1..4e2cf120 100644
--- a/source/index.blade.php
+++ b/source/index.blade.php
@@ -6,9 +6,37 @@
   ============================-->
   <section id="intro" class="clearfix">
     <div class="container">
-        <div class="intro-info">
-          <h2>Tecnologia com <br> <span>transparência</span> e <span>liberdade</span></h2>
-          <p>Somos uma cooperativa digital de especialistas em desenvolvimento de software livre</p>
+      <div class="row justify-content-center">
+        <div class="col-lg-8">
+          <div class="intro-info">
+            <div class="intro-badge mb-3">
+              <i class="fa fa-users"></i> Cooperativa de especialistas
+            </div>
+            <h2>Simplifique sua gestão com <br><span>tecnologia segura</span>, <span>ética</span> e livre de amarras.</h2>
+            <p>Do armazenamento em nuvem à assinatura eletrônica: ferramentas completas que colocam sua empresa no controle, com o suporte humanizado de uma cooperativa.</p>
+            <div class="intro-cta">
+              <a class="btn btn-primary btn-lg mr-2 mb-2" href="#why-us">
+                Conheça nossas Soluções <i class="fa fa-arrow-right ml-2"></i>
+              </a>
+              <a class="btn btn-outline-primary btn-lg mb-2" href="#about">Por que Software Livre?</a>
+            </div>
+            <ul class="intro-features mt-4">
+              <li><i class="fa fa-check-circle"></i> Equipe dedicada ao seu projeto</li>
+              <li><i class="fa fa-check-circle"></i> Metodologia ágil e transparente</li>
+              <li><i class="fa fa-check-circle"></i> Suporte contínuo pós-entrega</li>
+            </ul>
+            <div class="intro-lead-form mt-4 pt-4">
+              <p class="lead-form-title">Ou deixe seu contato para falar com um especialista:</p>
+              <form action="#contact" method="get" class="lead-form">
+                <div class="form-group-inline">
+                  <input type="email" class="form-control" placeholder="Seu melhor e-mail" required>
+                  <button type="submit" class="btn btn-primary">Enviar</button>
+                </div>
+                <p class="lead-form-note">Resposta em até 24h. Sem compromisso.</p>
+              </form>
+            </div>
+          </div>
+        </div>
       </div>
     </div>
   </section>
@@ -22,9 +50,9 @@
         <div class="row about-container">
             <div class="col-lg-6 icon-box wow fadeInUp">
               <div class="icon">
-                <img src="{{ $page->baseUrl }}assets/images/coop.png" class="img-fluid" alt="">
+                <img loading="lazy" src="{{ $page->baseUrl }}assets/images/coop.png" class="img-fluid" alt="Ícone representando cooperativismo e trabalho em equipe">
               </div>
-              <h4 class="title"><a href="">Por que uma cooperativa?</a></h4>
+              <h2 class="title"><a href="">Por que uma cooperativa?</a></h2>
               <p class="description">Cooperativas são organizações democráticas, cujas decisões são tomadas de forma coletiva e transparente e onde os cooperados contribuem equitativamente dentro de um princípio de intercooperação e trabalho em conjunto que potencializam a qualidade, produtividade e a economia de escala nos serviços.
                 <br>
                 O movimento cooperativista trabalha para o desenvolvimento sustentável da comunidade na qual está inserido.</p>
@@ -32,10 +60,10 @@
             <div class="col-lg-6 icon-box wow fadeInUp" data-wow-delay="0.2s">
               <div class="icon">
                 <i>
-                  <img src="{{ $page->baseUrl }}assets/images/gnu.png" class="img-fluid" alt="">
+                  <img loading="lazy" src="{{ $page->baseUrl }}assets/images/gnu.png" class="img-fluid" alt="Logo do projeto GNU representando software livre">
                 </i>
               </div>
-              <h4 class="title"><a href="">Por que software livre (SL)?</a></h4>
+              <h2 class="title"><a href="">Por que software livre (SL)?</a></h2>
               <p class="description">
                 Um projeto de licença livre é construído colaborativamente, de modo que está em constante crescimento e sendo constantemente testado e corrigido em suas atualizações.
                 Por ser aberto, o código de um SL é 100% auditável, permitindo identificar a existência de qualquer erro ou falha de segurança em seu interior que possa deixar vulnerável os dados trafegados no sistema.
@@ -45,35 +73,243 @@
         </div>
       </div>
     </section>
+    <!--==========================
+      Why Choose LibreCode Section
+    ============================-->
+    <section id="diferenciais" class="section-bg">
+      <div class="container">
+        <header class="section-header">
+          <h2>Por que escolher a LibreCode?</h2>
+          <p>Combinamos expertise técnica com valores cooperativistas para entregar soluções que fazem a diferença</p>
+        </header>
+        <div class="row mt-4">
+          <div class="col-lg-4 col-md-6 mb-4">
+            <div class="diferencial-box wow fadeInUp">
+              <div class="diferencial-icon">
+                <i class="fa fa-server" style="font-size: 48px; color: #e5332a;"></i>
+              </div>
+              <h4>Hospedagem em Servidores Próprios</h4>
+              <p>Infraestrutura brasileira com total controle e privacidade. Seus dados permanecem no Brasil, garantindo soberania digital e conformidade legal.</p>
+            </div>
+          </div>
+          <div class="col-lg-4 col-md-6 mb-4">
+            <div class="diferencial-box wow fadeInUp" data-wow-delay="0.1s">
+              <div class="diferencial-icon">
+                <i class="fa fa-users" style="font-size: 48px; color: #e5332a;"></i>
+              </div>
+              <h4>Suporte Técnico Especializado</h4>
+              <p>Time de especialistas que fala sua língua e entende suas necessidades. Atendimento personalizado, ágil e focado em resultados.</p>
+            </div>
+          </div>
+          <div class="col-lg-4 col-md-6 mb-4">
+            <div class="diferencial-box wow fadeInUp" data-wow-delay="0.2s">
+              <div class="diferencial-icon">
+                <i class="fa fa-cogs" style="font-size: 48px; color: #e5332a;"></i>
+              </div>
+              <h4>Customização Sob Demanda</h4>
+              <p>Adaptamos cada solução às suas necessidades específicas. Desenvolvimento personalizado para atender exatamente o que seu negócio precisa.</p>
+            </div>
+          </div>
+          <div class="col-lg-4 col-md-6 mb-4">
+            <div class="diferencial-box wow fadeInUp" data-wow-delay="0.3s">
+              <div class="diferencial-icon">
+                <i class="fa fa-lock" style="font-size: 48px; color: #e5332a;"></i>
+              </div>
+              <h4>Dados Sob Seu Controle</h4>
+              <p>Você é o proprietário dos seus dados. Sem vendor lock-in, com liberdade para migrar quando quiser e transparência total sobre onde seus dados estão.</p>
+            </div>
+          </div>
+          <div class="col-lg-4 col-md-6 mb-4">
+            <div class="diferencial-box wow fadeInUp" data-wow-delay="0.4s">
+              <div class="diferencial-icon">
+                <i class="fa fa-shield" style="font-size: 48px; color: #e5332a;"></i>
+              </div>
+              <h4>100% LGPD Compliance</h4>
+              <p>Soluções desenvolvidas com privacidade desde o design. Conformidade total com a Lei Geral de Proteção de Dados e regulamentações internacionais.</p>
+            </div>
+          </div>
+          <div class="col-lg-4 col-md-6 mb-4">
+            <div class="diferencial-box wow fadeInUp" data-wow-delay="0.5s">
+              <div class="diferencial-icon">
+                <i class="fa fa-unlock-alt" style="font-size: 48px; color: #e5332a;"></i>
+              </div>
+              <h4>Sem Dependência de Big Techs</h4>
+              <p>Independência tecnológica com software livre. Sem taxas abusivas, sem bloqueios arbitrários, sem surpresas no contrato.</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
     <!--==========================
       Why Us Section
     ============================-->
     <section id="why-us" class="wow fadeIn">
       <div class="container">
         <header class="section-header">
-          <h3>Soluções</h3>
-          <p>Todas as nossas soluções podem ser customizadas e adaptadas às necessidades de cada cliente.Confira!</p>
+          <h2>Soluções</h2>
+          <p>Todas as nossas soluções podem ser customizadas e adaptadas às necessidades de cada cliente. Confira!</p>
         </header>
-        <div class="row row-eq-height justify-content-center">
-          <div class="col-lg-6 mb-6">
-            <div class="card wow bounceInUp pr-5 pl-5">
-              <img class="rounded mx-auto d-block mt-3" src="{{ $page->baseUrl }}assets/images/nextcloud/logo.png" alt="nextcloud logo" width="150px">
-              <p class="mb-4 mt-2 h4">Sua nuvem privada para armazenamento de documentos e colaboração eficiente para equipes de qualquer tamanho.</p>
-              <div class="card-body">
-                <a href="{{ $page->baseUrl }}nextcloud" class="btn btn-secondary btn-lg btn-block">Conheça!</a>
+
+        <!-- Gestão e Produtividade -->
+        <div class="row mt-4">
+          <div class="col-12">
+            <h4 class="text-center mb-4">📊 Gestão e Produtividade</h4>
+          </div>
+        </div>
+        <div class="row row-eq-height justify-content-center mb-5">
+          <div class="col-lg-4 mb-4">
+            <div class="card wow bounceInUp h-100 px-4">
+              <img loading="lazy" class="rounded mx-auto d-block mt-3" src="{{ $page->baseUrl }}assets/images/nextcloud/logo.png" alt="Logo do Nextcloud - plataforma de nuvem privada" width="120px">
+              <h5 class="text-center mt-3">Nextcloud</h5>
+              <p class="mb-4">Sua nuvem privada para armazenamento de documentos e colaboração eficiente para equipes de qualquer tamanho.</p>
+              <div class="card-body pb-3 mt-auto">
+                <a href="https://t.me/LibreCodeCoop" target="_blank" class="btn btn-secondary btn-block">Saiba mais</a>
+              </div>
+            </div>
+          </div>
+          <div class="col-lg-4 mb-4">
+            <div class="card wow bounceInUp h-100 px-4" data-wow-delay="0.1s">
+              <img loading="lazy" class="rounded mx-auto d-block mt-3" src="{{ $page->baseUrl }}assets/images/solucoes/kimai.png" alt="Logo do Kimai - software de controle de tempo" width="120px">
+              <h5 class="text-center mt-3">Kimai</h5>
+              <p class="mb-4">Controle de horas e gestão de tempo para projetos. Acompanhe o tempo investido em cada atividade e melhore a produtividade.</p>
+              <div class="card-body pb-3 mt-auto">
+                <a href="https://t.me/LibreCodeCoop" target="_blank" class="btn btn-secondary btn-block">Saiba mais</a>
               </div>
             </div>
           </div>
-          <div class="col-lg-6 mb-6">
-            <div class="card wow bounceInUp pr-5 pl-5">
-               <img class="rounded mx-auto d-block mt-3" src="{{ $page->baseUrl }}assets/images/logo/libresign.png" alt="libresign logo" width="150px">
-               <p class="mt-5 mb-4 h4">Plataforma completa para assinatura digital de documentos, com praticidade e segurança e validade jurídica.</p>
-              <div class="card-body">
-                <a href="https://libresign.coop/" class="btn btn-secondary btn-lg btn-block" target=“_blank”>Conheça!</a>
+          <div class="col-lg-4 mb-4">
+            <div class="card wow bounceInUp h-100 px-4" data-wow-delay="0.2s">
+              <img loading="lazy" class="rounded mx-auto d-block mt-3" src="{{ $page->baseUrl }}assets/images/solucoes/akaunting.png" alt="Logo do Akaunting - software de gestão financeira" width="120px">
+              <h5 class="text-center mt-3">Akaunting</h5>
+              <p class="mb-4">Software de gestão financeira completo. Controle receitas, despesas, faturamento e tenha visão total das finanças da sua organização.</p>
+              <div class="card-body pb-3 mt-auto">
+                <a href="https://t.me/LibreCodeCoop" target="_blank" class="btn btn-secondary btn-block">Saiba mais</a>
               </div>
             </div>
           </div>
         </div>
+
+        <!-- Assinaturas e Documentos -->
+        <div class="row mt-5">
+          <div class="col-12">
+            <h4 class="text-center mb-4">📝 Assinaturas e Documentos</h4>
+          </div>
+        </div>
+        <div class="row row-eq-height justify-content-center mb-5">
+          <div class="col-lg-4 mb-4">
+            <div class="card wow bounceInUp h-100 px-4">
+              <img loading="lazy" class="rounded mx-auto d-block mt-3" src="{{ $page->baseUrl }}assets/images/logo/libresign.png" alt="Logo do LibreSign - plataforma de assinatura digital" width="120px">
+              <h5 class="text-center mt-3">LibreSign</h5>
+              <p class="mb-4">Plataforma completa para assinatura digital de documentos, com praticidade, segurança e validade jurídica.</p>
+              <div class="card-body pb-3 mt-auto">
+                <a href="https://libresign.coop/" class="btn btn-secondary btn-block" target="_blank">Conheça!</a>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- Analytics e Dados -->
+        <div class="row mt-5">
+          <div class="col-12">
+            <h4 class="text-center mb-4">📈 Analytics e Dados</h4>
+          </div>
+        </div>
+        <div class="row row-eq-height justify-content-center mb-5">
+          <div class="col-lg-4 mb-4">
+            <div class="card wow bounceInUp h-100 px-4">
+              <img loading="lazy" class="rounded mx-auto d-block mt-3" src="{{ $page->baseUrl }}assets/images/solucoes/matomo.png" alt="Logo do Matomo - plataforma de analytics com privacidade" width="120px">
+              <h5 class="text-center mt-3">Matomo</h5>
+              <p class="mb-4">Analytics web com total privacidade. Alternativa ética ao Google Analytics, 100% LGPD compliance e dados sob seu controle.</p>
+              <div class="card-body pb-3 mt-auto">
+                <a href="https://t.me/LibreCodeCoop" target="_blank" class="btn btn-secondary btn-block">Saiba mais</a>
+              </div>
+            </div>
+          </div>
+          <div class="col-lg-4 mb-4">
+            <div class="card wow bounceInUp h-100 px-4" data-wow-delay="0.1s">
+              <img loading="lazy" class="rounded mx-auto d-block mt-3" src="{{ $page->baseUrl }}assets/images/solucoes/limesurvey.png" alt="Logo do LimeSurvey - plataforma de pesquisas e formulários" width="120px">
+              <h5 class="text-center mt-3">LimeSurvey</h5>
+              <p class="mb-4">Crie pesquisas e formulários profissionais. Colete dados, analise respostas e tome decisões baseadas em informações concretas.</p>
+              <div class="card-body pb-3 mt-auto">
+                <a href="https://t.me/LibreCodeCoop" target="_blank" class="btn btn-secondary btn-block">Saiba mais</a>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- CRM e Relacionamento -->
+        <div class="row mt-5">
+          <div class="col-12">
+            <h4 class="text-center mb-4">🤝 CRM e Relacionamento</h4>
+          </div>
+        </div>
+        <div class="row row-eq-height justify-content-center mb-5">
+          <div class="col-lg-4 mb-4">
+            <div class="card wow bounceInUp h-100 px-4">
+              <img loading="lazy" class="rounded mx-auto d-block mt-3" src="{{ $page->baseUrl }}assets/images/solucoes/suitecrm.png" alt="Logo do SuiteCRM - sistema de gestão de relacionamento com clientes" width="120px">
+              <h5 class="text-center mt-3">SuiteCRM</h5>
+              <p class="mb-4">Gestão completa de relacionamento com clientes. Organize vendas, marketing e atendimento em uma única plataforma integrada.</p>
+              <div class="card-body pb-3 mt-auto">
+                <a href="https://t.me/LibreCodeCoop" target="_blank" class="btn btn-secondary btn-block">Saiba mais</a>
+              </div>
+            </div>
+          </div>
+          <div class="col-lg-4 mb-4">
+            <div class="card wow bounceInUp h-100 px-4" data-wow-delay="0.1s">
+              <img loading="lazy" class="rounded mx-auto d-block mt-3" src="{{ $page->baseUrl }}assets/images/solucoes/mautic.png" alt="Logo do Mautic - plataforma de automação de marketing" width="120px">
+              <h5 class="text-center mt-3">Mautic</h5>
+              <p class="mb-4">Automação de marketing open-source. Crie campanhas personalizadas, gerencie leads e automatize comunicações para maximizar conversões.</p>
+              <div class="card-body pb-3 mt-auto">
+                <a href="https://t.me/LibreCodeCoop" target="_blank" class="btn btn-secondary btn-block">Saiba mais</a>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- Ferramentas Web -->
+        <div class="row mt-5">
+          <div class="col-12">
+            <h4 class="text-center mb-4">🔗 Ferramentas Web</h4>
+          </div>
+        </div>
+        <div class="row row-eq-height justify-content-center mb-5">
+          <div class="col-lg-4 mb-4">
+            <div class="card wow bounceInUp h-100 px-4">
+              <img loading="lazy" class="rounded mx-auto d-block mt-3" src="{{ $page->baseUrl }}assets/images/solucoes/yourls.png" alt="Logo do Yourls - encurtador de URLs personalizado" width="120px">
+              <h5 class="text-center mt-3">Yourls</h5>
+              <p class="mb-4">Encurtador de URLs personalizado. Crie links curtos com sua própria marca e tenha controle total sobre estatísticas de acesso.</p>
+              <div class="card-body pb-3 mt-auto">
+                <a href="https://t.me/LibreCodeCoop" target="_blank" class="btn btn-secondary btn-block">Saiba mais</a>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- Publicação Acadêmica -->
+        <div class="row mt-5">
+          <div class="col-12">
+            <h4 class="text-center mb-4">📚 Publicação Acadêmica</h4>
+          </div>
+        </div>
+        <div class="row row-eq-height justify-content-center mb-5">
+          <div class="col-lg-4 mb-4">
+            <div class="card wow bounceInUp h-100 px-4">
+              <img loading="lazy" class="rounded mx-auto d-block mt-3" src="{{ $page->baseUrl }}assets/images/solucoes/ojs.png" alt="Logo do OJS (Open Journal Systems) - sistema de publicação científica" width="120px">
+              <h5 class="text-center mt-3">OJS</h5>
+              <p class="mb-4">Open Journal Systems - Plataforma completa para publicação de periódicos científicos com fluxo editorial profissional.</p>
+              <div class="card-body pb-3 mt-auto">
+                <a href="https://t.me/LibreCodeCoop" target="_blank" class="btn btn-secondary btn-block">Saiba mais</a>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div class="row mt-5">
+          <div class="col-12 text-center">
+            <p class="h5 text-muted">Precisa de uma solução específica ou integração personalizada?</p>
+            <a href="#contact" class="btn btn-primary btn-lg mt-3">Entre em contato</a>
+          </div>
+        </div>
       </div>
     </section>
     <!--==========================
@@ -88,42 +324,42 @@
         <div class="row no-gutters clients-wrap clearfix wow fadeInUp">
           <div class="col-lg-3 col-md-4 col-xs-6">
             <div class="client-logo">
-              <img src="{{ $page->baseUrl }}assets/images/clients/prefeitura-nikiti.png" class="img-fluid" alt="">
+              <img loading="lazy" src="{{ $page->baseUrl }}assets/images/clients/prefeitura-nikiti.png" class="img-fluid" alt="Logo da Prefeitura de Nikiti">
             </div>
           </div>
           <div class="col-lg-3 col-md-4 col-xs-6">
             <div class="client-logo">
-              <img src="{{ $page->baseUrl }}assets/images/clients/client-2.png" class="img-fluid" alt="">
+              <img loading="lazy" src="{{ $page->baseUrl }}assets/images/clients/client-2.png" class="img-fluid" alt="Logo de cliente parceiro">
             </div>
           </div>
           <div class="col-lg-3 col-md-4 col-xs-6">
             <div class="client-logo">
-              <img src="{{ $page->baseUrl }}assets/images/clients/client-3.png" class="img-fluid" alt="">
+              <img loading="lazy" src="{{ $page->baseUrl }}assets/images/clients/client-3.png" class="img-fluid" alt="Logo de cliente parceiro">
             </div>
           </div>
           <div class="col-lg-3 col-md-4 col-xs-6">
             <div class="client-logo">
-              <img src="{{ $page->baseUrl }}assets/images/clients/client-4.jpg" class="img-fluid" alt="">
+              <img loading="lazy" src="{{ $page->baseUrl }}assets/images/clients/client-4.jpg" class="img-fluid" alt="Logo de cliente parceiro">
             </div>
           </div>
           <div class="col-lg-3 col-md-4 col-xs-6">
             <div class="client-logo">
-              <img src="{{ $page->baseUrl }}assets/images/clients/client-5.png" class="img-fluid" alt="">
+              <img loading="lazy" src="{{ $page->baseUrl }}assets/images/clients/client-5.png" class="img-fluid" alt="Logo de cliente parceiro">
             </div>
           </div>
           <div class="col-lg-3 col-md-4 col-xs-6">
             <div class="client-logo">
-              <img src="{{ $page->baseUrl }}assets/images/clients/client-6.png" class="img-fluid" alt="">
+              <img loading="lazy" src="{{ $page->baseUrl }}assets/images/clients/client-6.png" class="img-fluid" alt="Logo de cliente parceiro">
             </div>
           </div>
           <div class="col-lg-3 col-md-4 col-xs-6">
             <div class="client-logo">
-              <img src="{{ $page->baseUrl }}assets/images/clients/nicbr.png" class="img-fluid" alt="">
+              <img loading="lazy" src="{{ $page->baseUrl }}assets/images/clients/nicbr.png" class="img-fluid" alt="Logo do NIC.br - N00facleo de Informa00e700e3o e Coordena00e700e3o">
             </div>
           </div>
           <div class="col-lg-3 col-md-4 col-xs-6">
             <div class="client-logo">
-              <img src="{{ $page->baseUrl }}assets/images/clients/amperj.jpg" class="img-fluid" alt="">
+              <img loading="lazy" src="{{ $page->baseUrl }}assets/images/clients/amperj.jpg" class="img-fluid" alt="Logo da AMPERJ - Associa00e700e3o do Minist00e9rio P00fablico do Estado do Rio de Janeiro">
             </div>
           </div>
         </div>