From 576844430540918ad92f837354993faad6537db9 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 17 Apr 2026 22:58:31 +0000
Subject: [PATCH 1/9] Initial plan


From 7f0c5c3c7851ac2d61288c763a5014bc8de25755 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 17 Apr 2026 23:06:15 +0000
Subject: [PATCH 2/9] feat: add Playwright E2E pipeline using Bun and
 @playwright/test@1.59.1

Agent-Logs-Url: https://github.com/podcodar/webapp/sessions/6eab9b84-8b76-456d-ace7-5e544f11970f

Co-authored-by: marco-souza <4452113+marco-souza@users.noreply.github.com>
---
 .github/workflows/playwright-e2e.yml | 130 +++++++++++++++++++++++++++
 e2e/blog.spec.ts                     |  67 ++++++++++++++
 e2e/site.spec.ts                     | 101 +++++++++++++++++++++
 package.json                         |   2 +
 4 files changed, 300 insertions(+)
 create mode 100644 .github/workflows/playwright-e2e.yml
 create mode 100644 e2e/blog.spec.ts
 create mode 100644 e2e/site.spec.ts

diff --git a/.github/workflows/playwright-e2e.yml b/.github/workflows/playwright-e2e.yml
new file mode 100644
index 0000000..f33194b
--- /dev/null
+++ b/.github/workflows/playwright-e2e.yml
@@ -0,0 +1,130 @@
+name: Playwright E2E
+
+on:
+  pull_request:
+    types: [opened, synchronize, reopened]
+  workflow_dispatch:
+
+concurrency:
+  group: e2e-${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  e2e:
+    timeout-minutes: 30
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      pull-requests: write  # needed for the PR comment step
+
+    steps:
+      - uses: actions/checkout@v4
+
+      # Astro requires Node >=22.12.0 (see .node-version / package.json engines)
+      - uses: actions/setup-node@v4
+        with:
+          node-version-file: ".node-version"
+
+      - uses: oven-sh/setup-bun@v2
+        with:
+          bun-version: latest
+
+      - name: Install dependencies
+        run: bun install --frozen-lockfile
+
+      # Install only Chromium in CI – matches playwright.config.ts project list
+      - name: Install Playwright browsers
+        run: bunx playwright install --with-deps chromium
+
+      # Build the Astro site and start the preview server on port 4321
+      - name: Build Astro site
+        run: bun run build
+
+      - name: Start Astro preview server
+        run: bunx astro preview --port 4321 &
+
+      # Give the preview server a moment to be ready
+      - name: Wait for preview server
+        run: |
+          for i in $(seq 1 30); do
+            curl -sf http://localhost:4321/ && echo "Server ready" && break
+            echo "Waiting for server... attempt $i"
+            sleep 2
+          done
+
+      - name: Run Playwright E2E tests
+        run: bunx playwright test
+        env:
+          CI: "true"
+          PLAYWRIGHT_BASE_URL: "http://localhost:4321"
+
+      # Always upload artifacts so failures can be investigated
+      - name: Upload Playwright report
+        if: always()
+        uses: actions/upload-artifact@v4
+        with:
+          name: playwright-report
+          path: playwright-report/
+          retention-days: 14
+
+      - name: Upload test results (traces, videos, screenshots)
+        if: always()
+        uses: actions/upload-artifact@v4
+        with:
+          name: playwright-results
+          path: test-results/
+          retention-days: 14
+
+      # Comment on the PR with run status and artifact links.
+      # Uses github-script so it works from fork PRs without leaking secrets
+      # (GITHUB_TOKEN is scoped to the target repo).
+      - name: Comment on PR
+        if: always() && github.event_name == 'pull_request'
+        uses: actions/github-script@v7
+        with:
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+          script: |
+            const { owner, repo } = context.repo;
+            const runId      = context.runId;
+            const runUrl     = `https://github.com/${owner}/${repo}/actions/runs/${runId}`;
+            const status     = '${{ job.status }}';
+            const emoji      = status === 'success' ? '✅' : '❌';
+            const statusText = status === 'success' ? 'All tests passed' : 'Some tests failed';
+
+            const body = [
+              `## ${emoji} Playwright E2E — ${statusText}`,
+              '',
+              `| Detail | Link |`,
+              `|--------|------|`,
+              `| Workflow run | [View run](${runUrl}) |`,
+              `| HTML report  | Download the **playwright-report** artifact from the run page above |`,
+              `| Traces & videos | Download the **playwright-results** artifact (attached when tests fail) |`,
+              '',
+              `> **How to view the HTML report locally:**`,
+              `> 1. Download and unzip the \`playwright-report\` artifact.`,
+              `> 2. Run \`bunx playwright show-report <path-to-report>\` to open it in your browser.`,
+              '',
+              `> Traces and videos are captured **on first retry** (failures only).`,
+            ].join('\n');
+
+            // Update existing comment if one already exists, otherwise create a new one
+            const { data: comments } = await github.rest.issues.listComments({
+              owner, repo,
+              issue_number: context.issue.number,
+            });
+            const existing = comments.find(
+              (c) => c.user?.type === 'Bot' && c.body?.includes('Playwright E2E')
+            );
+            if (existing) {
+              await github.rest.issues.updateComment({
+                owner, repo,
+                comment_id: existing.id,
+                body,
+              });
+            } else {
+              await github.rest.issues.createComment({
+                owner, repo,
+                issue_number: context.issue.number,
+                body,
+              });
+            }
diff --git a/e2e/blog.spec.ts b/e2e/blog.spec.ts
new file mode 100644
index 0000000..4b88b01
--- /dev/null
+++ b/e2e/blog.spec.ts
@@ -0,0 +1,67 @@
+import { expect, test } from "@playwright/test";
+
+// ──────────────────────────────────────────────────────────────────────────────
+// Blog
+// ──────────────────────────────────────────────────────────────────────────────
+
+test.describe("Blog", () => {
+  test("navigates to blog homepage via nav link", async ({ page }) => {
+    await page.goto("/");
+
+    // Primary nav has a "Blog" link
+    await page.getByRole("navigation", { name: "Primary" }).getByRole("link", { name: /^blog$/i }).click();
+
+    await expect(page).toHaveURL(/\/blog/);
+
+    // The blog index page should list at least one post
+    const postLinks = page.getByRole("link").filter({ hasText: /./u });
+    await expect(postLinks.first()).toBeVisible();
+  });
+
+  test("blog homepage lists posts", async ({ page }) => {
+    await page.goto("/blog");
+
+    await expect(page).toHaveTitle(/PodCodar/i);
+
+    // There should be at least one article/post link on the listing page
+    const firstPost = page.locator("ul li a").first();
+    await expect(firstPost).toBeVisible();
+  });
+
+  test("opens the first blog post from the listing", async ({ page }) => {
+    await page.goto("/blog");
+
+    // Click the very first post link in the listing
+    const firstPost = page.locator("ul li a").first();
+    await expect(firstPost).toBeVisible();
+
+    const postTitle = await firstPost.textContent();
+    await firstPost.click();
+
+    // We should be on a blog post URL
+    await expect(page).toHaveURL(/\/blog\/.+/);
+
+    // The post page should have a <h1> matching the post title text
+    if (postTitle) {
+      await expect(page.getByRole("heading", { level: 1 })).toBeVisible();
+    }
+  });
+
+  test("scrolls down the first blog post", async ({ page }) => {
+    await page.goto("/blog");
+
+    // Open the first post
+    await page.locator("ul li a").first().click();
+    await expect(page).toHaveURL(/\/blog\/.+/);
+
+    // Confirm the post heading is visible
+    await expect(page.getByRole("heading", { level: 1 })).toBeVisible();
+
+    // Scroll to the bottom of the post
+    await page.evaluate(() => window.scrollTo({ top: document.body.scrollHeight, behavior: "smooth" }));
+
+    // Footer should come into view
+    const footer = page.locator("footer");
+    await expect(footer).toBeInViewport();
+  });
+});
diff --git a/e2e/site.spec.ts b/e2e/site.spec.ts
new file mode 100644
index 0000000..c4202b8
--- /dev/null
+++ b/e2e/site.spec.ts
@@ -0,0 +1,101 @@
+import { expect, test } from "@playwright/test";
+
+// ──────────────────────────────────────────────────────────────────────────────
+// Homepage
+// ──────────────────────────────────────────────────────────────────────────────
+
+test.describe("Homepage", () => {
+  test("has page title and hero section", async ({ page }) => {
+    await page.goto("/");
+
+    // The document title should mention PodCodar
+    await expect(page).toHaveTitle(/PodCodar/i);
+
+    // Hero heading is visible
+    const heroHeading = page.locator("#hero-heading");
+    await expect(heroHeading).toBeVisible();
+  });
+
+  test("scrolls down the homepage", async ({ page }) => {
+    await page.goto("/");
+
+    // Confirm hero is visible before scrolling
+    await expect(page.locator("#hero-heading")).toBeVisible();
+
+    // Scroll to the bottom of the page
+    await page.evaluate(() => window.scrollTo({ top: document.body.scrollHeight, behavior: "smooth" }));
+
+    // Footer is now in view
+    const footer = page.locator("footer");
+    await expect(footer).toBeInViewport();
+  });
+});
+
+// ──────────────────────────────────────────────────────────────────────────────
+// Navigation: Contributing page (/contributing)
+// ──────────────────────────────────────────────────────────────────────────────
+
+test.describe("Contributing page", () => {
+  test("navigates to Contributing page via header CTA", async ({ page }) => {
+    await page.goto("/");
+
+    // The header CTA "Como posso ajudar?" links to /contributing
+    await page.getByRole("link", { name: /como posso ajudar/i }).first().click();
+
+    await expect(page).toHaveURL(/\/contributing/);
+    await expect(page.getByRole("heading", { name: /como posso ajudar/i, level: 1 })).toBeVisible();
+  });
+
+  test("can navigate directly to /contributing", async ({ page }) => {
+    await page.goto("/contributing");
+
+    await expect(page).toHaveTitle(/PodCodar/i);
+    await expect(page.getByRole("heading", { name: /como posso ajudar/i, level: 1 })).toBeVisible();
+  });
+});
+
+// ──────────────────────────────────────────────────────────────────────────────
+// Navigation: Join Us page (/join-us)
+// ──────────────────────────────────────────────────────────────────────────────
+
+test.describe("Join Us page", () => {
+  test("navigates to Join Us page via header CTA", async ({ page }) => {
+    await page.goto("/");
+
+    // The header primary CTA "Faça parte!" links to /join-us
+    await page.getByRole("link", { name: /faça parte/i }).first().click();
+
+    await expect(page).toHaveURL(/\/join-us/);
+    await expect(page.getByRole("heading", { name: /faça parte/i, level: 1 })).toBeVisible();
+  });
+
+  test("can navigate directly to /join-us", async ({ page }) => {
+    await page.goto("/join-us");
+
+    await expect(page).toHaveTitle(/PodCodar/i);
+    await expect(page.getByRole("heading", { name: /faça parte/i, level: 1 })).toBeVisible();
+  });
+});
+
+// ──────────────────────────────────────────────────────────────────────────────
+// Navigation: Contact page (/contact)
+// ──────────────────────────────────────────────────────────────────────────────
+
+test.describe("Contact page", () => {
+  test("navigates to Contact page via nav link", async ({ page }) => {
+    await page.goto("/");
+
+    // Primary nav has a "Contato" link
+    await page.getByRole("navigation", { name: "Primary" }).getByRole("link", { name: /contato/i }).click();
+
+    await expect(page).toHaveURL(/\/contact/);
+    await expect(page.getByRole("heading", { name: /contato|entre em contato/i })).toBeVisible();
+  });
+
+  test("can navigate directly to /contact", async ({ page }) => {
+    await page.goto("/contact");
+
+    await expect(page).toHaveTitle(/PodCodar/i);
+    await expect(page.getByRole("heading", { name: /contato|entre em contato/i })).toBeVisible();
+  });
+});
diff --git a/package.json b/package.json
index dc9465f..ec0bf2e 100644
--- a/package.json
+++ b/package.json
@@ -18,6 +18,7 @@
 		"typecheck": "astro sync",
 		"test": "vitest run",
 		"test:watch": "vitest",
+		"e2e": "playwright test",
 		"lefthook": "lefthook"
 	},
 	"dependencies": {
@@ -36,6 +37,7 @@
 	},
 	"devDependencies": {
 		"@biomejs/biome": "^2.4.12",
+		"@playwright/test": "^1.59.1",
 		"lefthook": "^2.1.6",
 		"vitest": "^4.1.4"
 	}

From 989d5298328012ecf1b1a48857ab9fa3cfaff841 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 17 Apr 2026 23:18:59 +0000
Subject: [PATCH 3/9] refactor: extract inline github-script JS to
 .github/workflows/comment-pr.js

Agent-Logs-Url: https://github.com/podcodar/webapp/sessions/86950002-82c3-463f-975f-c4ee807dd523

Co-authored-by: marco-souza <4452113+marco-souza@users.noreply.github.com>
---
 .github/workflows/comment-pr.js      | 51 ++++++++++++++++++++++++++++
 .github/workflows/playwright-e2e.yml | 48 ++------------------------
 2 files changed, 54 insertions(+), 45 deletions(-)
 create mode 100644 .github/workflows/comment-pr.js

diff --git a/.github/workflows/comment-pr.js b/.github/workflows/comment-pr.js
new file mode 100644
index 0000000..0519afd
--- /dev/null
+++ b/.github/workflows/comment-pr.js
@@ -0,0 +1,51 @@
+// Called by the "Comment on PR" step in playwright-e2e.yml via actions/github-script.
+// Required env vars (injected by the workflow):
+//   JOB_STATUS – the value of ${{ job.status }}
+
+const { owner, repo } = context.repo;
+const runId = context.runId;
+const runUrl = `https://github.com/${owner}/${repo}/actions/runs/${runId}`;
+const status = process.env.JOB_STATUS;
+const emoji = status === "success" ? "✅" : "❌";
+const statusText = status === "success" ? "All tests passed" : "Some tests failed";
+
+const body = [
+  `## ${emoji} Playwright E2E — ${statusText}`,
+  "",
+  `| Detail | Link |`,
+  `|--------|------|`,
+  `| Workflow run | [View run](${runUrl}) |`,
+  `| HTML report  | Download the **playwright-report** artifact from the run page above |`,
+  `| Traces & videos | Download the **playwright-results** artifact (attached when tests fail) |`,
+  "",
+  `> **How to view the HTML report locally:**`,
+  `> 1. Download and unzip the \`playwright-report\` artifact.`,
+  `> 2. Run \`bunx playwright show-report <path-to-report>\` to open it in your browser.`,
+  "",
+  `> Traces and videos are captured **on first retry** (failures only).`,
+].join("\n");
+
+// Update existing bot comment if one already exists, otherwise create a new one
+const { data: comments } = await github.rest.issues.listComments({
+  owner,
+  repo,
+  issue_number: context.issue.number,
+});
+const existing = comments.find(
+  (c) => c.user?.type === "Bot" && c.body?.includes("Playwright E2E"),
+);
+if (existing) {
+  await github.rest.issues.updateComment({
+    owner,
+    repo,
+    comment_id: existing.id,
+    body,
+  });
+} else {
+  await github.rest.issues.createComment({
+    owner,
+    repo,
+    issue_number: context.issue.number,
+    body,
+  });
+}
diff --git a/.github/workflows/playwright-e2e.yml b/.github/workflows/playwright-e2e.yml
index f33194b..1db8ba2 100644
--- a/.github/workflows/playwright-e2e.yml
+++ b/.github/workflows/playwright-e2e.yml
@@ -81,50 +81,8 @@ jobs:
       - name: Comment on PR
         if: always() && github.event_name == 'pull_request'
         uses: actions/github-script@v7
+        env:
+          JOB_STATUS: ${{ job.status }}
         with:
           github-token: ${{ secrets.GITHUB_TOKEN }}
-          script: |
-            const { owner, repo } = context.repo;
-            const runId      = context.runId;
-            const runUrl     = `https://github.com/${owner}/${repo}/actions/runs/${runId}`;
-            const status     = '${{ job.status }}';
-            const emoji      = status === 'success' ? '✅' : '❌';
-            const statusText = status === 'success' ? 'All tests passed' : 'Some tests failed';
-
-            const body = [
-              `## ${emoji} Playwright E2E — ${statusText}`,
-              '',
-              `| Detail | Link |`,
-              `|--------|------|`,
-              `| Workflow run | [View run](${runUrl}) |`,
-              `| HTML report  | Download the **playwright-report** artifact from the run page above |`,
-              `| Traces & videos | Download the **playwright-results** artifact (attached when tests fail) |`,
-              '',
-              `> **How to view the HTML report locally:**`,
-              `> 1. Download and unzip the \`playwright-report\` artifact.`,
-              `> 2. Run \`bunx playwright show-report <path-to-report>\` to open it in your browser.`,
-              '',
-              `> Traces and videos are captured **on first retry** (failures only).`,
-            ].join('\n');
-
-            // Update existing comment if one already exists, otherwise create a new one
-            const { data: comments } = await github.rest.issues.listComments({
-              owner, repo,
-              issue_number: context.issue.number,
-            });
-            const existing = comments.find(
-              (c) => c.user?.type === 'Bot' && c.body?.includes('Playwright E2E')
-            );
-            if (existing) {
-              await github.rest.issues.updateComment({
-                owner, repo,
-                comment_id: existing.id,
-                body,
-              });
-            } else {
-              await github.rest.issues.createComment({
-                owner, repo,
-                issue_number: context.issue.number,
-                body,
-              });
-            }
+          script-path: .github/workflows/comment-pr.js

From 2b6a12014ca0ecb8ac6fcd0f8ee0ff221497dd16 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sat, 18 Apr 2026 12:43:41 +0000
Subject: [PATCH 4/9] fix: update bun lockfile with playwright, fix
 github-script, always post new PR comment

Agent-Logs-Url: https://github.com/podcodar/webapp/sessions/ac05ea3e-4555-4bf0-a32d-6b89506970cc

Co-authored-by: marco-souza <4452113+marco-souza@users.noreply.github.com>
---
 .github/workflows/comment-pr.js      | 63 +++++++++++-----------------
 .github/workflows/playwright-e2e.yml |  4 +-
 bun.lock                             |  7 ++++
 3 files changed, 34 insertions(+), 40 deletions(-)

diff --git a/.github/workflows/comment-pr.js b/.github/workflows/comment-pr.js
index 0519afd..0e4905c 100644
--- a/.github/workflows/comment-pr.js
+++ b/.github/workflows/comment-pr.js
@@ -2,50 +2,35 @@
 // Required env vars (injected by the workflow):
 //   JOB_STATUS – the value of ${{ job.status }}
 
-const { owner, repo } = context.repo;
-const runId = context.runId;
-const runUrl = `https://github.com/${owner}/${repo}/actions/runs/${runId}`;
-const status = process.env.JOB_STATUS;
-const emoji = status === "success" ? "✅" : "❌";
-const statusText = status === "success" ? "All tests passed" : "Some tests failed";
+module.exports = async ({ github, context }) => {
+  const { owner, repo } = context.repo;
+  const runId = context.runId;
+  const runUrl = `https://github.com/${owner}/${repo}/actions/runs/${runId}`;
+  const status = process.env.JOB_STATUS;
+  const emoji = status === "success" ? "✅" : "❌";
+  const statusText = status === "success" ? "All tests passed" : "Some tests failed";
 
-const body = [
-  `## ${emoji} Playwright E2E — ${statusText}`,
-  "",
-  `| Detail | Link |`,
-  `|--------|------|`,
-  `| Workflow run | [View run](${runUrl}) |`,
-  `| HTML report  | Download the **playwright-report** artifact from the run page above |`,
-  `| Traces & videos | Download the **playwright-results** artifact (attached when tests fail) |`,
-  "",
-  `> **How to view the HTML report locally:**`,
-  `> 1. Download and unzip the \`playwright-report\` artifact.`,
-  `> 2. Run \`bunx playwright show-report <path-to-report>\` to open it in your browser.`,
-  "",
-  `> Traces and videos are captured **on first retry** (failures only).`,
-].join("\n");
+  const body = [
+    `## ${emoji} Playwright E2E — ${statusText}`,
+    "",
+    `| Detail | Link |`,
+    `|--------|------|`,
+    `| Workflow run | [View run](${runUrl}) |`,
+    `| HTML report  | Download the **playwright-report** artifact from the run page above |`,
+    `| Traces & videos | Download the **playwright-results** artifact (attached when tests fail) |`,
+    "",
+    `> **How to view the HTML report locally:**`,
+    `> 1. Download and unzip the \`playwright-report\` artifact.`,
+    `> 2. Run \`bunx playwright show-report <path-to-report>\` to open it in your browser.`,
+    "",
+    `> Traces and videos are captured **on first retry** (failures only).`,
+  ].join("\n");
 
-// Update existing bot comment if one already exists, otherwise create a new one
-const { data: comments } = await github.rest.issues.listComments({
-  owner,
-  repo,
-  issue_number: context.issue.number,
-});
-const existing = comments.find(
-  (c) => c.user?.type === "Bot" && c.body?.includes("Playwright E2E"),
-);
-if (existing) {
-  await github.rest.issues.updateComment({
-    owner,
-    repo,
-    comment_id: existing.id,
-    body,
-  });
-} else {
+  // Always post a new comment so each commit push gets its own status entry
   await github.rest.issues.createComment({
     owner,
     repo,
     issue_number: context.issue.number,
     body,
   });
-}
+};
diff --git a/.github/workflows/playwright-e2e.yml b/.github/workflows/playwright-e2e.yml
index 1db8ba2..5e8c4b6 100644
--- a/.github/workflows/playwright-e2e.yml
+++ b/.github/workflows/playwright-e2e.yml
@@ -85,4 +85,6 @@ jobs:
           JOB_STATUS: ${{ job.status }}
         with:
           github-token: ${{ secrets.GITHUB_TOKEN }}
-          script-path: .github/workflows/comment-pr.js
+          script: |
+            const script = require('./.github/workflows/comment-pr.js')
+            await script({ github, context, core })
diff --git a/bun.lock b/bun.lock
index 28c7239..710df36 100644
--- a/bun.lock
+++ b/bun.lock
@@ -20,6 +20,7 @@
       },
       "devDependencies": {
         "@biomejs/biome": "^2.4.12",
+        "@playwright/test": "^1.59.1",
         "lefthook": "^2.1.6",
         "vitest": "^4.1.4",
       },
@@ -78,6 +79,8 @@
 
     "@biomejs/cli-win32-x64": ["@biomejs/cli-win32-x64@2.4.12", "", { "os": "win32", "cpu": "x64" }, "sha512-yMckRzTyZ83hkk8iDFWswqSdU8tvZxspJKnYNh7JZr/zhZNOlzH13k4ecboU6MurKExCe2HUkH75pGI/O2JwGA=="],
 
+    "@playwright/test": ["@playwright/test@1.59.1", "", { "dependencies": { "playwright": "1.59.1" }, "bin": { "playwright": "cli.js" } }, "sha512-PG6q63nQg5c9rIi4/Z5lR5IVF7yU5MqmKaPOe0HSc0O2cX1fPi96sUQu5j7eo4gKCkB2AnNGoWt7y4/Xx3Kcqg=="],
+
     "@capsizecss/unpack": ["@capsizecss/unpack@4.0.0", "", { "dependencies": { "fontkitten": "^1.0.0" } }, "sha512-VERIM64vtTP1C4mxQ5thVT9fK0apjPFobqybMtA1UdUujWka24ERHbRHFGmpbbhp73MhV+KSsHQH9C6uOTdEQA=="],
 
     "@clack/core": ["@clack/core@1.2.0", "", { "dependencies": { "fast-wrap-ansi": "^0.1.3", "sisteransi": "^1.0.5" } }, "sha512-qfxof/3T3t9DPU/Rj3OmcFyZInceqj/NVtO9rwIuJqCUgh32gwPjpFQQp/ben07qKlhpwq7GzfWpST4qdJ5Drg=="],
@@ -904,6 +907,10 @@
 
     "picomatch": ["picomatch@4.0.4", "", {}, "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A=="],
 
+    "playwright": ["playwright@1.59.1", "", { "dependencies": { "playwright-core": "1.59.1" }, "optionalDependencies": { "fsevents": "2.3.2" }, "bin": { "playwright": "cli.js" } }, "sha512-C8oWjPR3F81yljW9o5OxcWzfh6avkVwDD2VYdwIGqTkl+OGFISgypqzfu7dOe4QNLL2aqcWBmI3PMtLIK233lw=="],
+
+    "playwright-core": ["playwright-core@1.59.1", "", { "bin": { "playwright-core": "cli.js" } }, "sha512-HBV/RJg81z5BiiZ9yPzIiClYV/QMsDCKUyogwH9p3MCP6IYjUFu/MActgYAvK0oWyV9NlwM3GLBjADyWgydVyg=="],
+
     "pkg-types": ["pkg-types@2.3.0", "", { "dependencies": { "confbox": "^0.2.2", "exsolve": "^1.0.7", "pathe": "^2.0.3" } }, "sha512-SIqCzDRg0s9npO5XQ3tNZioRY1uK06lA41ynBC1YmFTmnY6FjUjVt6s4LoADmwoig1qqD0oK8h1p/8mlMx8Oig=="],
 
     "postcss": ["postcss@8.5.10", "", { "dependencies": { "nanoid": "^3.3.11", "picocolors": "^1.1.1", "source-map-js": "^1.2.1" } }, "sha512-pMMHxBOZKFU6HgAZ4eyGnwXF/EvPGGqUr0MnZ5+99485wwW41kW91A4LOGxSHhgugZmSChL5AlElNdwlNgcnLQ=="],

From 2e7a6568eb81e488da8117d065584ac1a2de798a Mon Sep 17 00:00:00 2001
From: Marco <ma.souza.junior@gmail.com>
Date: Sat, 18 Apr 2026 09:51:21 -0300
Subject: [PATCH 5/9] fix: run bun format

---
 .github/workflows/comment-pr.js |  56 +++++++-------
 e2e/blog.spec.ts                |  95 ++++++++++++-----------
 e2e/site.spec.ts                | 129 +++++++++++++++++---------------
 3 files changed, 148 insertions(+), 132 deletions(-)

diff --git a/.github/workflows/comment-pr.js b/.github/workflows/comment-pr.js
index 0e4905c..c8e48cf 100644
--- a/.github/workflows/comment-pr.js
+++ b/.github/workflows/comment-pr.js
@@ -3,34 +3,34 @@
 //   JOB_STATUS – the value of ${{ job.status }}
 
 module.exports = async ({ github, context }) => {
-  const { owner, repo } = context.repo;
-  const runId = context.runId;
-  const runUrl = `https://github.com/${owner}/${repo}/actions/runs/${runId}`;
-  const status = process.env.JOB_STATUS;
-  const emoji = status === "success" ? "✅" : "❌";
-  const statusText = status === "success" ? "All tests passed" : "Some tests failed";
+	const { owner, repo } = context.repo;
+	const runId = context.runId;
+	const runUrl = `https://github.com/${owner}/${repo}/actions/runs/${runId}`;
+	const status = process.env.JOB_STATUS;
+	const emoji = status === 'success' ? '✅' : '❌';
+	const statusText = status === 'success' ? 'All tests passed' : 'Some tests failed';
 
-  const body = [
-    `## ${emoji} Playwright E2E — ${statusText}`,
-    "",
-    `| Detail | Link |`,
-    `|--------|------|`,
-    `| Workflow run | [View run](${runUrl}) |`,
-    `| HTML report  | Download the **playwright-report** artifact from the run page above |`,
-    `| Traces & videos | Download the **playwright-results** artifact (attached when tests fail) |`,
-    "",
-    `> **How to view the HTML report locally:**`,
-    `> 1. Download and unzip the \`playwright-report\` artifact.`,
-    `> 2. Run \`bunx playwright show-report <path-to-report>\` to open it in your browser.`,
-    "",
-    `> Traces and videos are captured **on first retry** (failures only).`,
-  ].join("\n");
+	const body = [
+		`## ${emoji} Playwright E2E — ${statusText}`,
+		'',
+		`| Detail | Link |`,
+		`|--------|------|`,
+		`| Workflow run | [View run](${runUrl}) |`,
+		`| HTML report  | Download the **playwright-report** artifact from the run page above |`,
+		`| Traces & videos | Download the **playwright-results** artifact (attached when tests fail) |`,
+		'',
+		`> **How to view the HTML report locally:**`,
+		`> 1. Download and unzip the \`playwright-report\` artifact.`,
+		`> 2. Run \`bunx playwright show-report <path-to-report>\` to open it in your browser.`,
+		'',
+		`> Traces and videos are captured **on first retry** (failures only).`,
+	].join('\n');
 
-  // Always post a new comment so each commit push gets its own status entry
-  await github.rest.issues.createComment({
-    owner,
-    repo,
-    issue_number: context.issue.number,
-    body,
-  });
+	// Always post a new comment so each commit push gets its own status entry
+	await github.rest.issues.createComment({
+		owner,
+		repo,
+		issue_number: context.issue.number,
+		body,
+	});
 };
diff --git a/e2e/blog.spec.ts b/e2e/blog.spec.ts
index 4b88b01..e1bbe5d 100644
--- a/e2e/blog.spec.ts
+++ b/e2e/blog.spec.ts
@@ -1,67 +1,72 @@
-import { expect, test } from "@playwright/test";
+import { expect, test } from '@playwright/test';
 
 // ──────────────────────────────────────────────────────────────────────────────
 // Blog
 // ──────────────────────────────────────────────────────────────────────────────
 
-test.describe("Blog", () => {
-  test("navigates to blog homepage via nav link", async ({ page }) => {
-    await page.goto("/");
+test.describe('Blog', () => {
+	test('navigates to blog homepage via nav link', async ({ page }) => {
+		await page.goto('/');
 
-    // Primary nav has a "Blog" link
-    await page.getByRole("navigation", { name: "Primary" }).getByRole("link", { name: /^blog$/i }).click();
+		// Primary nav has a "Blog" link
+		await page
+			.getByRole('navigation', { name: 'Primary' })
+			.getByRole('link', { name: /^blog$/i })
+			.click();
 
-    await expect(page).toHaveURL(/\/blog/);
+		await expect(page).toHaveURL(/\/blog/);
 
-    // The blog index page should list at least one post
-    const postLinks = page.getByRole("link").filter({ hasText: /./u });
-    await expect(postLinks.first()).toBeVisible();
-  });
+		// The blog index page should list at least one post
+		const postLinks = page.getByRole('link').filter({ hasText: /./u });
+		await expect(postLinks.first()).toBeVisible();
+	});
 
-  test("blog homepage lists posts", async ({ page }) => {
-    await page.goto("/blog");
+	test('blog homepage lists posts', async ({ page }) => {
+		await page.goto('/blog');
 
-    await expect(page).toHaveTitle(/PodCodar/i);
+		await expect(page).toHaveTitle(/PodCodar/i);
 
-    // There should be at least one article/post link on the listing page
-    const firstPost = page.locator("ul li a").first();
-    await expect(firstPost).toBeVisible();
-  });
+		// There should be at least one article/post link on the listing page
+		const firstPost = page.locator('ul li a').first();
+		await expect(firstPost).toBeVisible();
+	});
 
-  test("opens the first blog post from the listing", async ({ page }) => {
-    await page.goto("/blog");
+	test('opens the first blog post from the listing', async ({ page }) => {
+		await page.goto('/blog');
 
-    // Click the very first post link in the listing
-    const firstPost = page.locator("ul li a").first();
-    await expect(firstPost).toBeVisible();
+		// Click the very first post link in the listing
+		const firstPost = page.locator('ul li a').first();
+		await expect(firstPost).toBeVisible();
 
-    const postTitle = await firstPost.textContent();
-    await firstPost.click();
+		const postTitle = await firstPost.textContent();
+		await firstPost.click();
 
-    // We should be on a blog post URL
-    await expect(page).toHaveURL(/\/blog\/.+/);
+		// We should be on a blog post URL
+		await expect(page).toHaveURL(/\/blog\/.+/);
 
-    // The post page should have a <h1> matching the post title text
-    if (postTitle) {
-      await expect(page.getByRole("heading", { level: 1 })).toBeVisible();
-    }
-  });
+		// The post page should have a <h1> matching the post title text
+		if (postTitle) {
+			await expect(page.getByRole('heading', { level: 1 })).toBeVisible();
+		}
+	});
 
-  test("scrolls down the first blog post", async ({ page }) => {
-    await page.goto("/blog");
+	test('scrolls down the first blog post', async ({ page }) => {
+		await page.goto('/blog');
 
-    // Open the first post
-    await page.locator("ul li a").first().click();
-    await expect(page).toHaveURL(/\/blog\/.+/);
+		// Open the first post
+		await page.locator('ul li a').first().click();
+		await expect(page).toHaveURL(/\/blog\/.+/);
 
-    // Confirm the post heading is visible
-    await expect(page.getByRole("heading", { level: 1 })).toBeVisible();
+		// Confirm the post heading is visible
+		await expect(page.getByRole('heading', { level: 1 })).toBeVisible();
 
-    // Scroll to the bottom of the post
-    await page.evaluate(() => window.scrollTo({ top: document.body.scrollHeight, behavior: "smooth" }));
+		// Scroll to the bottom of the post
+		await page.evaluate(() =>
+			window.scrollTo({ top: document.body.scrollHeight, behavior: 'smooth' })
+		);
 
-    // Footer should come into view
-    const footer = page.locator("footer");
-    await expect(footer).toBeInViewport();
-  });
+		// Footer should come into view
+		const footer = page.locator('footer');
+		await expect(footer).toBeInViewport();
+	});
 });
diff --git a/e2e/site.spec.ts b/e2e/site.spec.ts
index c4202b8..d2474bb 100644
--- a/e2e/site.spec.ts
+++ b/e2e/site.spec.ts
@@ -1,101 +1,112 @@
-import { expect, test } from "@playwright/test";
+import { expect, test } from '@playwright/test';
 
 // ──────────────────────────────────────────────────────────────────────────────
 // Homepage
 // ──────────────────────────────────────────────────────────────────────────────
 
-test.describe("Homepage", () => {
-  test("has page title and hero section", async ({ page }) => {
-    await page.goto("/");
+test.describe('Homepage', () => {
+	test('has page title and hero section', async ({ page }) => {
+		await page.goto('/');
 
-    // The document title should mention PodCodar
-    await expect(page).toHaveTitle(/PodCodar/i);
+		// The document title should mention PodCodar
+		await expect(page).toHaveTitle(/PodCodar/i);
 
-    // Hero heading is visible
-    const heroHeading = page.locator("#hero-heading");
-    await expect(heroHeading).toBeVisible();
-  });
+		// Hero heading is visible
+		const heroHeading = page.locator('#hero-heading');
+		await expect(heroHeading).toBeVisible();
+	});
 
-  test("scrolls down the homepage", async ({ page }) => {
-    await page.goto("/");
+	test('scrolls down the homepage', async ({ page }) => {
+		await page.goto('/');
 
-    // Confirm hero is visible before scrolling
-    await expect(page.locator("#hero-heading")).toBeVisible();
+		// Confirm hero is visible before scrolling
+		await expect(page.locator('#hero-heading')).toBeVisible();
 
-    // Scroll to the bottom of the page
-    await page.evaluate(() => window.scrollTo({ top: document.body.scrollHeight, behavior: "smooth" }));
+		// Scroll to the bottom of the page
+		await page.evaluate(() =>
+			window.scrollTo({ top: document.body.scrollHeight, behavior: 'smooth' })
+		);
 
-    // Footer is now in view
-    const footer = page.locator("footer");
-    await expect(footer).toBeInViewport();
-  });
+		// Footer is now in view
+		const footer = page.locator('footer');
+		await expect(footer).toBeInViewport();
+	});
 });
 
 // ──────────────────────────────────────────────────────────────────────────────
 // Navigation: Contributing page (/contributing)
 // ──────────────────────────────────────────────────────────────────────────────
 
-test.describe("Contributing page", () => {
-  test("navigates to Contributing page via header CTA", async ({ page }) => {
-    await page.goto("/");
+test.describe('Contributing page', () => {
+	test('navigates to Contributing page via header CTA', async ({ page }) => {
+		await page.goto('/');
 
-    // The header CTA "Como posso ajudar?" links to /contributing
-    await page.getByRole("link", { name: /como posso ajudar/i }).first().click();
+		// The header CTA "Como posso ajudar?" links to /contributing
+		await page
+			.getByRole('link', { name: /como posso ajudar/i })
+			.first()
+			.click();
 
-    await expect(page).toHaveURL(/\/contributing/);
-    await expect(page.getByRole("heading", { name: /como posso ajudar/i, level: 1 })).toBeVisible();
-  });
+		await expect(page).toHaveURL(/\/contributing/);
+		await expect(page.getByRole('heading', { name: /como posso ajudar/i, level: 1 })).toBeVisible();
+	});
 
-  test("can navigate directly to /contributing", async ({ page }) => {
-    await page.goto("/contributing");
+	test('can navigate directly to /contributing', async ({ page }) => {
+		await page.goto('/contributing');
 
-    await expect(page).toHaveTitle(/PodCodar/i);
-    await expect(page.getByRole("heading", { name: /como posso ajudar/i, level: 1 })).toBeVisible();
-  });
+		await expect(page).toHaveTitle(/PodCodar/i);
+		await expect(page.getByRole('heading', { name: /como posso ajudar/i, level: 1 })).toBeVisible();
+	});
 });
 
 // ──────────────────────────────────────────────────────────────────────────────
 // Navigation: Join Us page (/join-us)
 // ──────────────────────────────────────────────────────────────────────────────
 
-test.describe("Join Us page", () => {
-  test("navigates to Join Us page via header CTA", async ({ page }) => {
-    await page.goto("/");
+test.describe('Join Us page', () => {
+	test('navigates to Join Us page via header CTA', async ({ page }) => {
+		await page.goto('/');
 
-    // The header primary CTA "Faça parte!" links to /join-us
-    await page.getByRole("link", { name: /faça parte/i }).first().click();
+		// The header primary CTA "Faça parte!" links to /join-us
+		await page
+			.getByRole('link', { name: /faça parte/i })
+			.first()
+			.click();
 
-    await expect(page).toHaveURL(/\/join-us/);
-    await expect(page.getByRole("heading", { name: /faça parte/i, level: 1 })).toBeVisible();
-  });
+		await expect(page).toHaveURL(/\/join-us/);
+		await expect(page.getByRole('heading', { name: /faça parte/i, level: 1 })).toBeVisible();
+	});
 
-  test("can navigate directly to /join-us", async ({ page }) => {
-    await page.goto("/join-us");
+	test('can navigate directly to /join-us', async ({ page }) => {
+		await page.goto('/join-us');
 
-    await expect(page).toHaveTitle(/PodCodar/i);
-    await expect(page.getByRole("heading", { name: /faça parte/i, level: 1 })).toBeVisible();
-  });
+		await expect(page).toHaveTitle(/PodCodar/i);
+		await expect(page.getByRole('heading', { name: /faça parte/i, level: 1 })).toBeVisible();
+	});
 });
 
 // ──────────────────────────────────────────────────────────────────────────────
 // Navigation: Contact page (/contact)
 // ──────────────────────────────────────────────────────────────────────────────
 
-test.describe("Contact page", () => {
-  test("navigates to Contact page via nav link", async ({ page }) => {
-    await page.goto("/");
+test.describe('Contact page', () => {
+	test('navigates to Contact page via nav link', async ({ page }) => {
+		await page.goto('/');
 
-    // Primary nav has a "Contato" link
-    await page.getByRole("navigation", { name: "Primary" }).getByRole("link", { name: /contato/i }).click();
+		// Primary nav has a "Contato" link
+		await page
+			.getByRole('navigation', { name: 'Primary' })
+			.getByRole('link', { name: /contato/i })
+			.click();
 
-    await expect(page).toHaveURL(/\/contact/);
-    await expect(page.getByRole("heading", { name: /contato|entre em contato/i })).toBeVisible();
-  });
+		await expect(page).toHaveURL(/\/contact/);
+		await expect(page.getByRole('heading', { name: /contato|entre em contato/i })).toBeVisible();
+	});
 
-  test("can navigate directly to /contact", async ({ page }) => {
-    await page.goto("/contact");
+	test('can navigate directly to /contact', async ({ page }) => {
+		await page.goto('/contact');
 
-    await expect(page).toHaveTitle(/PodCodar/i);
-    await expect(page.getByRole("heading", { name: /contato|entre em contato/i })).toBeVisible();
-  });
+		await expect(page).toHaveTitle(/PodCodar/i);
+		await expect(page.getByRole('heading', { name: /contato|entre em contato/i })).toBeVisible();
+	});
 });

From e27a630e1ad70312d57cd1854673197ea1c7f99d Mon Sep 17 00:00:00 2001
From: Marco <ma.souza.junior@gmail.com>
Date: Sat, 18 Apr 2026 09:58:37 -0300
Subject: [PATCH 6/9] fix: formatted date types

---
 src/components/FormattedDate.astro | 4 ++--
 test-results/.last-run.json        | 4 ++++
 2 files changed, 6 insertions(+), 2 deletions(-)
 create mode 100644 test-results/.last-run.json

diff --git a/src/components/FormattedDate.astro b/src/components/FormattedDate.astro
index 4b77ad6..ad194a5 100644
--- a/src/components/FormattedDate.astro
+++ b/src/components/FormattedDate.astro
@@ -1,7 +1,7 @@
 ---
-interface Props {
+type Props = {
 	date: Date;
-}
+};
 
 const { date } = Astro.props;
 ---
diff --git a/test-results/.last-run.json b/test-results/.last-run.json
new file mode 100644
index 0000000..3120dd4
--- /dev/null
+++ b/test-results/.last-run.json
@@ -0,0 +1,4 @@
+{
+	"status": "failed",
+	"failedTests": []
+}

From 788cb181fa75f0ab0404fbfef2b3d263dc337828 Mon Sep 17 00:00:00 2001
From: Marco <ma.souza.junior@gmail.com>
Date: Sat, 18 Apr 2026 11:02:06 -0300
Subject: [PATCH 7/9] fix: run bun format

---
 .github/workflows/comment-pr.js      |  56 ++---
 .gitignore                           |   4 +
 biome.json                           |   1 +
 bun.lock                             |   9 +-
 e2e/blog.spec.ts                     |  96 ++++----
 e2e/site.spec.ts                     | 130 +++++------
 package.json                         |   3 +
 playwright.config.ts                 |  45 ++++
 src/components/FormattedDate.test.ts |  14 +-
 src/components/Logo.astro            |   6 +-
 src/components/marketing/Hero.astro  |  15 +-
 src/consts.ts                        |   2 +-
 src/content.config.ts                |  24 +-
 src/data/marketing.ts                | 320 +++++++++++++--------------
 src/data/social-links.ts             |  80 +++----
 src/i18n/ui.ts                       |  18 +-
 src/i18n/utils.ts                    |   8 +-
 src/lib/theme-cookie.ts              |  58 ++---
 src/pages/rss.xml.js                 |  20 +-
 test-results/.last-run.json          |   4 -
 tsconfig.json                        |   5 +-
 vitest.config.ts                     |   8 +-
 22 files changed, 487 insertions(+), 439 deletions(-)
 create mode 100644 playwright.config.ts
 delete mode 100644 test-results/.last-run.json

diff --git a/.github/workflows/comment-pr.js b/.github/workflows/comment-pr.js
index c8e48cf..e4bdc0c 100644
--- a/.github/workflows/comment-pr.js
+++ b/.github/workflows/comment-pr.js
@@ -3,34 +3,34 @@
 //   JOB_STATUS – the value of ${{ job.status }}
 
 module.exports = async ({ github, context }) => {
-	const { owner, repo } = context.repo;
-	const runId = context.runId;
-	const runUrl = `https://github.com/${owner}/${repo}/actions/runs/${runId}`;
-	const status = process.env.JOB_STATUS;
-	const emoji = status === 'success' ? '✅' : '❌';
-	const statusText = status === 'success' ? 'All tests passed' : 'Some tests failed';
+  const { owner, repo } = context.repo;
+  const runId = context.runId;
+  const runUrl = `https://github.com/${owner}/${repo}/actions/runs/${runId}`;
+  const status = process.env.JOB_STATUS;
+  const emoji = status === 'success' ? '✅' : '❌';
+  const statusText = status === 'success' ? 'All tests passed' : 'Some tests failed';
 
-	const body = [
-		`## ${emoji} Playwright E2E — ${statusText}`,
-		'',
-		`| Detail | Link |`,
-		`|--------|------|`,
-		`| Workflow run | [View run](${runUrl}) |`,
-		`| HTML report  | Download the **playwright-report** artifact from the run page above |`,
-		`| Traces & videos | Download the **playwright-results** artifact (attached when tests fail) |`,
-		'',
-		`> **How to view the HTML report locally:**`,
-		`> 1. Download and unzip the \`playwright-report\` artifact.`,
-		`> 2. Run \`bunx playwright show-report <path-to-report>\` to open it in your browser.`,
-		'',
-		`> Traces and videos are captured **on first retry** (failures only).`,
-	].join('\n');
+  const body = [
+    `## ${emoji} Playwright E2E — ${statusText}`,
+    '',
+    `| Detail | Link |`,
+    `|--------|------|`,
+    `| Workflow run | [View run](${runUrl}) |`,
+    `| HTML report  | Download the **playwright-report** artifact from the run page above |`,
+    `| Traces & videos | Download the **playwright-results** artifact (attached when tests fail) |`,
+    '',
+    `> **How to view the HTML report locally:**`,
+    `> 1. Download and unzip the \`playwright-report\` artifact.`,
+    `> 2. Run \`bunx playwright show-report <path-to-report>\` to open it in your browser.`,
+    '',
+    `> Traces and videos are captured **on first retry** (failures only).`,
+  ].join('\n');
 
-	// Always post a new comment so each commit push gets its own status entry
-	await github.rest.issues.createComment({
-		owner,
-		repo,
-		issue_number: context.issue.number,
-		body,
-	});
+  // Always post a new comment so each commit push gets its own status entry
+  await github.rest.issues.createComment({
+    owner,
+    repo,
+    issue_number: context.issue.number,
+    body,
+  });
 };
diff --git a/.gitignore b/.gitignore
index 30bfc78..400724f 100644
--- a/.gitignore
+++ b/.gitignore
@@ -25,3 +25,7 @@ pnpm-debug.log*
 
 # Maestro Setup
 .maestro/
+
+# E2E Tests - Playwright
+test-results/
+playwright-report/
diff --git a/biome.json b/biome.json
index 3f21f7e..23e01ac 100644
--- a/biome.json
+++ b/biome.json
@@ -22,6 +22,7 @@
 	},
 	"formatter": {
 		"enabled": true,
+		"useEditorconfig": true,
 		"indentStyle": "tab",
 		"indentWidth": 2,
 		"lineWidth": 100,
diff --git a/bun.lock b/bun.lock
index 710df36..f6852dd 100644
--- a/bun.lock
+++ b/bun.lock
@@ -22,6 +22,7 @@
         "@biomejs/biome": "^2.4.12",
         "@playwright/test": "^1.59.1",
         "lefthook": "^2.1.6",
+        "playwright": "^1.59.1",
         "vitest": "^4.1.4",
       },
     },
@@ -79,8 +80,6 @@
 
     "@biomejs/cli-win32-x64": ["@biomejs/cli-win32-x64@2.4.12", "", { "os": "win32", "cpu": "x64" }, "sha512-yMckRzTyZ83hkk8iDFWswqSdU8tvZxspJKnYNh7JZr/zhZNOlzH13k4ecboU6MurKExCe2HUkH75pGI/O2JwGA=="],
 
-    "@playwright/test": ["@playwright/test@1.59.1", "", { "dependencies": { "playwright": "1.59.1" }, "bin": { "playwright": "cli.js" } }, "sha512-PG6q63nQg5c9rIi4/Z5lR5IVF7yU5MqmKaPOe0HSc0O2cX1fPi96sUQu5j7eo4gKCkB2AnNGoWt7y4/Xx3Kcqg=="],
-
     "@capsizecss/unpack": ["@capsizecss/unpack@4.0.0", "", { "dependencies": { "fontkitten": "^1.0.0" } }, "sha512-VERIM64vtTP1C4mxQ5thVT9fK0apjPFobqybMtA1UdUujWka24ERHbRHFGmpbbhp73MhV+KSsHQH9C6uOTdEQA=="],
 
     "@clack/core": ["@clack/core@1.2.0", "", { "dependencies": { "fast-wrap-ansi": "^0.1.3", "sisteransi": "^1.0.5" } }, "sha512-qfxof/3T3t9DPU/Rj3OmcFyZInceqj/NVtO9rwIuJqCUgh32gwPjpFQQp/ben07qKlhpwq7GzfWpST4qdJ5Drg=="],
@@ -231,6 +230,8 @@
 
     "@oslojs/encoding": ["@oslojs/encoding@1.1.0", "", {}, "sha512-70wQhgYmndg4GCPxPPxPGevRKqTIJ2Nh4OkiMWmDAVYsTQ+Ta7Sq+rPevXyXGdzr30/qZBnyOalCszoMxlyldQ=="],
 
+    "@playwright/test": ["@playwright/test@1.59.1", "", { "dependencies": { "playwright": "1.59.1" }, "bin": { "playwright": "cli.js" } }, "sha512-PG6q63nQg5c9rIi4/Z5lR5IVF7yU5MqmKaPOe0HSc0O2cX1fPi96sUQu5j7eo4gKCkB2AnNGoWt7y4/Xx3Kcqg=="],
+
     "@rollup/pluginutils": ["@rollup/pluginutils@5.3.0", "", { "dependencies": { "@types/estree": "^1.0.0", "estree-walker": "^2.0.2", "picomatch": "^4.0.2" }, "peerDependencies": { "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0" }, "optionalPeers": ["rollup"] }, "sha512-5EdhGZtnu3V88ces7s53hhfK5KSASnJZv8Lulpc04cWO3REESroJXg73DFsOmgbU2BhwV0E20bu2IDZb3VKW4Q=="],
 
     "@rollup/rollup-android-arm-eabi": ["@rollup/rollup-android-arm-eabi@4.60.1", "", { "os": "android", "cpu": "arm" }, "sha512-d6FinEBLdIiK+1uACUttJKfgZREXrF0Qc2SmLII7W2AD8FfiZ9Wjd+rD/iRuf5s5dWrr1GgwXCvPqOuDquOowA=="],
@@ -907,12 +908,12 @@
 
     "picomatch": ["picomatch@4.0.4", "", {}, "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A=="],
 
+    "pkg-types": ["pkg-types@2.3.0", "", { "dependencies": { "confbox": "^0.2.2", "exsolve": "^1.0.7", "pathe": "^2.0.3" } }, "sha512-SIqCzDRg0s9npO5XQ3tNZioRY1uK06lA41ynBC1YmFTmnY6FjUjVt6s4LoADmwoig1qqD0oK8h1p/8mlMx8Oig=="],
+
     "playwright": ["playwright@1.59.1", "", { "dependencies": { "playwright-core": "1.59.1" }, "optionalDependencies": { "fsevents": "2.3.2" }, "bin": { "playwright": "cli.js" } }, "sha512-C8oWjPR3F81yljW9o5OxcWzfh6avkVwDD2VYdwIGqTkl+OGFISgypqzfu7dOe4QNLL2aqcWBmI3PMtLIK233lw=="],
 
     "playwright-core": ["playwright-core@1.59.1", "", { "bin": { "playwright-core": "cli.js" } }, "sha512-HBV/RJg81z5BiiZ9yPzIiClYV/QMsDCKUyogwH9p3MCP6IYjUFu/MActgYAvK0oWyV9NlwM3GLBjADyWgydVyg=="],
 
-    "pkg-types": ["pkg-types@2.3.0", "", { "dependencies": { "confbox": "^0.2.2", "exsolve": "^1.0.7", "pathe": "^2.0.3" } }, "sha512-SIqCzDRg0s9npO5XQ3tNZioRY1uK06lA41ynBC1YmFTmnY6FjUjVt6s4LoADmwoig1qqD0oK8h1p/8mlMx8Oig=="],
-
     "postcss": ["postcss@8.5.10", "", { "dependencies": { "nanoid": "^3.3.11", "picocolors": "^1.1.1", "source-map-js": "^1.2.1" } }, "sha512-pMMHxBOZKFU6HgAZ4eyGnwXF/EvPGGqUr0MnZ5+99485wwW41kW91A4LOGxSHhgugZmSChL5AlElNdwlNgcnLQ=="],
 
     "prettier": ["prettier@3.8.3", "", { "bin": { "prettier": "bin/prettier.cjs" } }, "sha512-7igPTM53cGHMW8xWuVTydi2KO233VFiTNyF5hLJqpilHfmn8C8gPf+PS7dUT64YcXFbiMGZxS9pCSxL/Dxm/Jw=="],
diff --git a/e2e/blog.spec.ts b/e2e/blog.spec.ts
index e1bbe5d..9235bfa 100644
--- a/e2e/blog.spec.ts
+++ b/e2e/blog.spec.ts
@@ -5,68 +5,68 @@ import { expect, test } from '@playwright/test';
 // ──────────────────────────────────────────────────────────────────────────────
 
 test.describe('Blog', () => {
-	test('navigates to blog homepage via nav link', async ({ page }) => {
-		await page.goto('/');
+  test('navigates to blog homepage via nav link', async ({ page }) => {
+    await page.goto('/');
 
-		// Primary nav has a "Blog" link
-		await page
-			.getByRole('navigation', { name: 'Primary' })
-			.getByRole('link', { name: /^blog$/i })
-			.click();
+    // Primary nav has a "Blog" link
+    await page
+      .getByRole('navigation', { name: 'Primary' })
+      .getByRole('link', { name: /^blog$/i })
+      .click();
 
-		await expect(page).toHaveURL(/\/blog/);
+    await expect(page).toHaveURL(/\/blog/);
 
-		// The blog index page should list at least one post
-		const postLinks = page.getByRole('link').filter({ hasText: /./u });
-		await expect(postLinks.first()).toBeVisible();
-	});
+    // The blog index page should list at least one post
+    const postLinks = page.getByRole('link').filter({ hasText: /./u });
+    await expect(postLinks.first()).toBeVisible();
+  });
 
-	test('blog homepage lists posts', async ({ page }) => {
-		await page.goto('/blog');
+  test('blog homepage lists posts', async ({ page }) => {
+    await page.goto('/blog');
 
-		await expect(page).toHaveTitle(/PodCodar/i);
+    await expect(page).toHaveTitle(/PodCodar/i);
 
-		// There should be at least one article/post link on the listing page
-		const firstPost = page.locator('ul li a').first();
-		await expect(firstPost).toBeVisible();
-	});
+    // There should be at least one article/post link on the listing page
+    const firstPost = page.locator('ul li a').first();
+    await expect(firstPost).toBeVisible();
+  });
 
-	test('opens the first blog post from the listing', async ({ page }) => {
-		await page.goto('/blog');
+  test('opens the first blog post from the listing', async ({ page }) => {
+    await page.goto('/blog');
 
-		// Click the very first post link in the listing
-		const firstPost = page.locator('ul li a').first();
-		await expect(firstPost).toBeVisible();
+    // Click the very first post link in the listing
+    const firstPost = page.locator('ul li a').first();
+    await expect(firstPost).toBeVisible();
 
-		const postTitle = await firstPost.textContent();
-		await firstPost.click();
+    const postTitle = await firstPost.textContent();
+    await firstPost.click();
 
-		// We should be on a blog post URL
-		await expect(page).toHaveURL(/\/blog\/.+/);
+    // We should be on a blog post URL
+    await expect(page).toHaveURL(/\/blog\/.+/);
 
-		// The post page should have a <h1> matching the post title text
-		if (postTitle) {
-			await expect(page.getByRole('heading', { level: 1 })).toBeVisible();
-		}
-	});
+    // The post page should have a <h1> matching the post title text
+    if (postTitle) {
+      await expect(page.getByRole('heading', { level: 1 })).toBeVisible();
+    }
+  });
 
-	test('scrolls down the first blog post', async ({ page }) => {
-		await page.goto('/blog');
+  test('scrolls down the first blog post', async ({ page }) => {
+    await page.goto('/blog');
 
-		// Open the first post
-		await page.locator('ul li a').first().click();
-		await expect(page).toHaveURL(/\/blog\/.+/);
+    // Open the first post
+    await page.locator('ul li a').first().click();
+    await expect(page).toHaveURL(/\/blog\/.+/);
 
-		// Confirm the post heading is visible
-		await expect(page.getByRole('heading', { level: 1 })).toBeVisible();
+    // Confirm the post heading is visible
+    await expect(page.getByRole('heading', { level: 1 })).toBeVisible();
 
-		// Scroll to the bottom of the post
-		await page.evaluate(() =>
-			window.scrollTo({ top: document.body.scrollHeight, behavior: 'smooth' })
-		);
+    // Scroll to the bottom of the post
+    await page.evaluate(() =>
+      window.scrollTo({ top: document.body.scrollHeight, behavior: 'smooth' })
+    );
 
-		// Footer should come into view
-		const footer = page.locator('footer');
-		await expect(footer).toBeInViewport();
-	});
+    // Footer should come into view
+    const footer = page.locator('footer');
+    await expect(footer).toBeInViewport();
+  });
 });
diff --git a/e2e/site.spec.ts b/e2e/site.spec.ts
index d2474bb..68f6a45 100644
--- a/e2e/site.spec.ts
+++ b/e2e/site.spec.ts
@@ -5,32 +5,32 @@ import { expect, test } from '@playwright/test';
 // ──────────────────────────────────────────────────────────────────────────────
 
 test.describe('Homepage', () => {
-	test('has page title and hero section', async ({ page }) => {
-		await page.goto('/');
+  test('has page title and hero section', async ({ page }) => {
+    await page.goto('/');
 
-		// The document title should mention PodCodar
-		await expect(page).toHaveTitle(/PodCodar/i);
+    // The document title should mention PodCodar
+    await expect(page).toHaveTitle(/PodCodar/i);
 
-		// Hero heading is visible
-		const heroHeading = page.locator('#hero-heading');
-		await expect(heroHeading).toBeVisible();
-	});
+    // Hero heading is visible
+    const heroHeading = page.locator('#hero-heading');
+    await expect(heroHeading).toBeVisible();
+  });
 
-	test('scrolls down the homepage', async ({ page }) => {
-		await page.goto('/');
+  test('scrolls down the homepage', async ({ page }) => {
+    await page.goto('/');
 
-		// Confirm hero is visible before scrolling
-		await expect(page.locator('#hero-heading')).toBeVisible();
+    // Confirm hero is visible before scrolling
+    await expect(page.locator('#hero-heading')).toBeVisible();
 
-		// Scroll to the bottom of the page
-		await page.evaluate(() =>
-			window.scrollTo({ top: document.body.scrollHeight, behavior: 'smooth' })
-		);
+    // Scroll to the bottom of the page
+    await page.evaluate(() =>
+      window.scrollTo({ top: document.body.scrollHeight, behavior: 'smooth' })
+    );
 
-		// Footer is now in view
-		const footer = page.locator('footer');
-		await expect(footer).toBeInViewport();
-	});
+    // Footer is now in view
+    const footer = page.locator('footer');
+    await expect(footer).toBeInViewport();
+  });
 });
 
 // ──────────────────────────────────────────────────────────────────────────────
@@ -38,25 +38,25 @@ test.describe('Homepage', () => {
 // ──────────────────────────────────────────────────────────────────────────────
 
 test.describe('Contributing page', () => {
-	test('navigates to Contributing page via header CTA', async ({ page }) => {
-		await page.goto('/');
+  test('navigates to Contributing page via header CTA', async ({ page }) => {
+    await page.goto('/');
 
-		// The header CTA "Como posso ajudar?" links to /contributing
-		await page
-			.getByRole('link', { name: /como posso ajudar/i })
-			.first()
-			.click();
+    // The header CTA "Como posso ajudar?" links to /contributing
+    await page
+      .getByRole('link', { name: /como posso ajudar/i })
+      .first()
+      .click();
 
-		await expect(page).toHaveURL(/\/contributing/);
-		await expect(page.getByRole('heading', { name: /como posso ajudar/i, level: 1 })).toBeVisible();
-	});
+    await expect(page).toHaveURL(/\/contributing/);
+    await expect(page.getByRole('heading', { name: /como posso ajudar/i, level: 1 })).toBeVisible();
+  });
 
-	test('can navigate directly to /contributing', async ({ page }) => {
-		await page.goto('/contributing');
+  test('can navigate directly to /contributing', async ({ page }) => {
+    await page.goto('/contributing');
 
-		await expect(page).toHaveTitle(/PodCodar/i);
-		await expect(page.getByRole('heading', { name: /como posso ajudar/i, level: 1 })).toBeVisible();
-	});
+    await expect(page).toHaveTitle(/PodCodar/i);
+    await expect(page.getByRole('heading', { name: /como posso ajudar/i, level: 1 })).toBeVisible();
+  });
 });
 
 // ──────────────────────────────────────────────────────────────────────────────
@@ -64,25 +64,25 @@ test.describe('Contributing page', () => {
 // ──────────────────────────────────────────────────────────────────────────────
 
 test.describe('Join Us page', () => {
-	test('navigates to Join Us page via header CTA', async ({ page }) => {
-		await page.goto('/');
+  test('navigates to Join Us page via header CTA', async ({ page }) => {
+    await page.goto('/');
 
-		// The header primary CTA "Faça parte!" links to /join-us
-		await page
-			.getByRole('link', { name: /faça parte/i })
-			.first()
-			.click();
+    // The header primary CTA "Faça parte!" links to /join-us
+    await page
+      .getByRole('link', { name: /faça parte/i })
+      .first()
+      .click();
 
-		await expect(page).toHaveURL(/\/join-us/);
-		await expect(page.getByRole('heading', { name: /faça parte/i, level: 1 })).toBeVisible();
-	});
+    await expect(page).toHaveURL(/\/join-us/);
+    await expect(page.getByRole('heading', { name: /faça parte/i, level: 1 })).toBeVisible();
+  });
 
-	test('can navigate directly to /join-us', async ({ page }) => {
-		await page.goto('/join-us');
+  test('can navigate directly to /join-us', async ({ page }) => {
+    await page.goto('/join-us');
 
-		await expect(page).toHaveTitle(/PodCodar/i);
-		await expect(page.getByRole('heading', { name: /faça parte/i, level: 1 })).toBeVisible();
-	});
+    await expect(page).toHaveTitle(/PodCodar/i);
+    await expect(page.getByRole('heading', { name: /faça parte/i, level: 1 })).toBeVisible();
+  });
 });
 
 // ──────────────────────────────────────────────────────────────────────────────
@@ -90,23 +90,23 @@ test.describe('Join Us page', () => {
 // ──────────────────────────────────────────────────────────────────────────────
 
 test.describe('Contact page', () => {
-	test('navigates to Contact page via nav link', async ({ page }) => {
-		await page.goto('/');
+  test('navigates to Contact page via nav link', async ({ page }) => {
+    await page.goto('/');
 
-		// Primary nav has a "Contato" link
-		await page
-			.getByRole('navigation', { name: 'Primary' })
-			.getByRole('link', { name: /contato/i })
-			.click();
+    // Primary nav has a "Contato" link
+    await page
+      .getByRole('navigation', { name: 'Primary' })
+      .getByRole('link', { name: /contato/i })
+      .click();
 
-		await expect(page).toHaveURL(/\/contact/);
-		await expect(page.getByRole('heading', { name: /contato|entre em contato/i })).toBeVisible();
-	});
+    await expect(page).toHaveURL(/\/contact/);
+    await expect(page.getByRole('heading', { name: /contato|entre em contato/i })).toBeVisible();
+  });
 
-	test('can navigate directly to /contact', async ({ page }) => {
-		await page.goto('/contact');
+  test('can navigate directly to /contact', async ({ page }) => {
+    await page.goto('/contact');
 
-		await expect(page).toHaveTitle(/PodCodar/i);
-		await expect(page.getByRole('heading', { name: /contato|entre em contato/i })).toBeVisible();
-	});
+    await expect(page).toHaveTitle(/PodCodar/i);
+    await expect(page.getByRole('heading', { name: /contato|entre em contato/i })).toBeVisible();
+  });
 });
diff --git a/package.json b/package.json
index ec0bf2e..0c9af00 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,8 @@
 		"build": "astro build",
 		"preview": "astro preview",
 		"astro": "astro",
+		"deps": "bun x playwright install-deps",
+		"postinstall": "lefthook install && playwright install",
 		"update": "bun update --all",
 		"lint": "biome check",
 		"lint:fix": "biome check --write && astro check --fix",
@@ -39,6 +41,7 @@
 		"@biomejs/biome": "^2.4.12",
 		"@playwright/test": "^1.59.1",
 		"lefthook": "^2.1.6",
+		"playwright": "^1.59.1",
 		"vitest": "^4.1.4"
 	}
 }
diff --git a/playwright.config.ts b/playwright.config.ts
new file mode 100644
index 0000000..7f581ee
--- /dev/null
+++ b/playwright.config.ts
@@ -0,0 +1,45 @@
+import { defineConfig, devices } from '@playwright/test';
+
+const targetUrl = 'http://localhost:4321';
+
+export default defineConfig({
+  // Look for test files in the "tests" directory, relative to this configuration file.
+  testDir: 'e2e',
+
+  // Run all tests in parallel.
+  fullyParallel: true,
+
+  // Fail the build on CI if you accidentally left test.only in the source code.
+  forbidOnly: !!process.env.CI,
+
+  // Retry on CI only.
+  retries: process.env.CI ? 2 : 0,
+
+  // Opt out of parallel tests on CI.
+  workers: process.env.CI ? 1 : undefined,
+
+  // Reporter to use
+  reporter: 'html',
+
+  use: {
+    // Base URL to use in actions like `await page.goto('/')`.
+    baseURL: targetUrl,
+
+    // Collect trace when retrying the failed test.
+    trace: 'on-first-retry',
+  },
+  // Configure projects for major browsers.
+  projects: [
+    {
+      name: 'chromium',
+      use: { ...devices['Desktop Chrome'] },
+    },
+  ],
+
+  // Run your local dev server before starting the tests.
+  webServer: {
+    command: 'bun run dev',
+    url: targetUrl,
+    reuseExistingServer: !process.env.CI,
+  },
+});
diff --git a/src/components/FormattedDate.test.ts b/src/components/FormattedDate.test.ts
index 506bf6b..d695ff2 100644
--- a/src/components/FormattedDate.test.ts
+++ b/src/components/FormattedDate.test.ts
@@ -3,12 +3,12 @@ import { expect, test } from 'vitest';
 import FormattedDate from './FormattedDate.astro';
 
 test('FormattedDate renders a <time> with ISO datetime', async () => {
-	const date = new Date('2024-06-15T12:00:00.000Z');
-	const container = await AstroContainer.create();
-	const result = await container.renderToString(FormattedDate, {
-		props: { date },
-	});
+  const date = new Date('2024-06-15T12:00:00.000Z');
+  const container = await AstroContainer.create();
+  const result = await container.renderToString(FormattedDate, {
+    props: { date },
+  });
 
-	expect(result).toContain('datetime="2024-06-15T12:00:00.000Z"');
-	expect(result).toMatch(/<time\b/);
+  expect(result).toContain('datetime="2024-06-15T12:00:00.000Z"');
+  expect(result).toMatch(/<time\b/);
 });
diff --git a/src/components/Logo.astro b/src/components/Logo.astro
index efc0660..0162e2d 100644
--- a/src/components/Logo.astro
+++ b/src/components/Logo.astro
@@ -3,7 +3,7 @@ import { SITE_TITLE } from '@/consts';
 
 interface Props {
 	/** Logo mark size (`nav` = 36px + bold title, same as podcodar.fly.dev navbar) */
-	size?: 'sm' | 'md' | 'lg' | 'nav';
+	size?: 'sm' | 'md' | 'lg' | 'nav' | 'full';
 	/** Show site title next to the mark */
 	showTitle?: boolean;
 	class?: string;
@@ -20,7 +20,9 @@ const markClass =
 			? 'h-14 w-14 min-h-14 min-w-14'
 			: size === 'nav'
 				? 'h-9 w-9 min-h-9 min-w-9'
-				: 'h-10 w-10 min-h-10 min-w-10';
+				: size === 'full'
+					? 'w-full'
+					: 'h-10 w-10 min-h-10 min-w-10';
 
 const titleClass =
 	size === 'nav'
diff --git a/src/components/marketing/Hero.astro b/src/components/marketing/Hero.astro
index cb39be8..6cd3c25 100644
--- a/src/components/marketing/Hero.astro
+++ b/src/components/marketing/Hero.astro
@@ -19,13 +19,14 @@ const { content } = Astro.props;
 		style="background-image: radial-gradient(circle at 20% 30%, oklch(55% 0.2 250) 0%, transparent 45%), radial-gradient(circle at 80% 70%, oklch(60% 0.15 160) 0%, transparent 40%);"
 	>
 	</div>
-	<div class="relative mx-auto flex max-w-6xl flex-col gap-10 px-4 py-16 md:flex-row md:items-center md:py-24 lg:gap-16">
-		<div class="min-w-0 flex-1">
+
+	<div class="relative mx-auto grid grid-cols-2 max-w-6xl gap-10 px-4 py-16 md:flex-row md:items-center md:py-24 lg:gap-16">
+		<div class="flex-1">
 			<p class="text-primary mb-3 text-sm font-semibold tracking-wide uppercase">{content.eyebrow}</p>
 			<h1 id="hero-heading" class="mb-5 text-4xl leading-tight font-bold tracking-tight md:text-5xl lg:text-6xl">
 				{content.headline}
 			</h1>
-			<p class="text-base-content/90 mb-8 max-w-xl text-lg leading-relaxed md:text-xl">
+			<p class="text-base-content/90 mb-8 text-lg leading-relaxed md:text-xl">
 				{content.subhead}
 			</p>
 			<div class="flex flex-wrap gap-3">
@@ -37,11 +38,7 @@ const { content } = Astro.props;
 				</a>
 			</div>
 		</div>
-		<div
-			class="border-base-300/80 bg-base-100/90 flex shrink-0 flex-col items-center justify-center rounded-3xl border p-10 shadow-lg backdrop-blur-sm md:p-12"
-		>
-			<Logo size="lg" showTitle={false} class="mb-4 scale-125" />
-			<p class="text-base-content/75 max-w-xs text-center text-sm leading-relaxed">{content.cardTagline}</p>
-		</div>
+
+    <Logo size="full" showTitle={false} class="mb-4 scale-scale"/>
 	</div>
 </section>
diff --git a/src/consts.ts b/src/consts.ts
index 705aaf1..01be460 100644
--- a/src/consts.ts
+++ b/src/consts.ts
@@ -3,7 +3,7 @@
 
 export const SITE_TITLE = 'PodCodar';
 export const SITE_DESCRIPTION =
-	'PodCodar — comunidade sem fins lucrativos que democratiza educação profissionalizante em tecnologia no Brasil. Mentoria, estudos em grupo e projetos reais.';
+  'PodCodar — comunidade sem fins lucrativos que democratiza educação profissionalizante em tecnologia no Brasil. Mentoria, estudos em grupo e projetos reais.';
 
 /** Pass to `<Layout mainClass={...}>` for full-width pages (landing, hero sections). */
 export const LAYOUT_MAIN_FULL_WIDTH = 'flex flex-1 flex-col';
diff --git a/src/content.config.ts b/src/content.config.ts
index 1f06368..f7d68b7 100644
--- a/src/content.config.ts
+++ b/src/content.config.ts
@@ -3,18 +3,18 @@ import { glob } from 'astro/loaders';
 import { z } from 'astro/zod';
 
 const blog = defineCollection({
-	// Load Markdown and MDX files in the `src/content/blog/` directory.
-	loader: glob({ base: './src/content/blog', pattern: '**/*.{md,mdx}' }),
-	// Type-check frontmatter using a schema
-	schema: ({ image }) =>
-		z.object({
-			title: z.string(),
-			description: z.string(),
-			// Transform string to Date object
-			pubDate: z.coerce.date(),
-			updatedDate: z.coerce.date().optional(),
-			heroImage: z.optional(image()),
-		}),
+  // Load Markdown and MDX files in the `src/content/blog/` directory.
+  loader: glob({ base: './src/content/blog', pattern: '**/*.{md,mdx}' }),
+  // Type-check frontmatter using a schema
+  schema: ({ image }) =>
+    z.object({
+      title: z.string(),
+      description: z.string(),
+      // Transform string to Date object
+      pubDate: z.coerce.date(),
+      updatedDate: z.coerce.date().optional(),
+      heroImage: z.optional(image()),
+    }),
 });
 
 export const collections = { blog };
diff --git a/src/data/marketing.ts b/src/data/marketing.ts
index ba91670..0fd3905 100644
--- a/src/data/marketing.ts
+++ b/src/data/marketing.ts
@@ -1,207 +1,207 @@
 /** User-facing copy for the landing and institutional pages (pt-BR strings). */
 
 export const hero = {
-	eyebrow: 'PodCodar',
-	headline: 'Educação em tecnologia, feita em comunidade',
-	subhead:
-		'Somos uma comunidade e organização sem fins lucrativos focada em transformar a vida de brasileiros por meio da educação profissionalizante em tecnologia — com mentoria, estudos em grupo e projetos reais.',
-	/** Short line in the hero side card */
-	cardTagline: 'Democratizar o acesso ao conhecimento. Estudar junto. Crescer com propósito.',
-	primaryCta: { label: 'Faça parte', href: '/join-us' },
-	secondaryCta: { label: 'Como posso ajudar?', href: '/contributing' },
+  eyebrow: 'PodCodar',
+  headline: 'Educação em tecnologia, feita em comunidade',
+  subhead:
+    'Somos uma comunidade e organização sem fins lucrativos focada em transformar a vida de brasileiros por meio da educação profissionalizante em tecnologia — com mentoria, estudos em grupo e projetos reais.',
+  /** Short line in the hero side card */
+  cardTagline: 'Democratizar o acesso ao conhecimento. Estudar junto. Crescer com propósito.',
+  primaryCta: { label: 'Faça parte', href: '/join-us' },
+  secondaryCta: { label: 'Como posso ajudar?', href: '/contributing' },
 } as const;
 
 export type HeroContent = typeof hero;
 
 export const mission = {
-	title: 'Missão',
-	body: [
-		'A PodCodar existe para democratizar o acesso à educação profissionalizante nas áreas de tecnologia. Acreditamos que qualificação e acesso ao conhecimento digital são motores de mudança de vida — e que, no Brasil, essa educação ainda costuma ser elitizada, limitada e cara.',
-		'Por isso guiamos e damos acesso a quem deseja se profissionalizar: em comunidade, com escuta e responsabilidade social.',
-		'Nosso foco de ensino inclui, entre outras frentes: software (front-end e back-end), infraestrutura, inteligência artificial, dados (incluindo engenharia e ciência de dados) e design (UI e UX).',
-	],
+  title: 'Missão',
+  body: [
+    'A PodCodar existe para democratizar o acesso à educação profissionalizante nas áreas de tecnologia. Acreditamos que qualificação e acesso ao conhecimento digital são motores de mudança de vida — e que, no Brasil, essa educação ainda costuma ser elitizada, limitada e cara.',
+    'Por isso guiamos e damos acesso a quem deseja se profissionalizar: em comunidade, com escuta e responsabilidade social.',
+    'Nosso foco de ensino inclui, entre outras frentes: software (front-end e back-end), infraestrutura, inteligência artificial, dados (incluindo engenharia e ciência de dados) e design (UI e UX).',
+  ],
 } as const;
 
 export type Activity = {
-	title: string;
-	description: string;
-	icon: 'interview' | 'career' | 'groups' | 'project' | 'cafe';
+  title: string;
+  description: string;
+  icon: 'interview' | 'career' | 'groups' | 'project' | 'cafe';
 };
 
 export const activities: Activity[] = [
-	{
-		title: 'Entrevistas simuladas',
-		description:
-			'Pratique processos seletivos com apoio da comunidade e feedback para ganhar confiança antes da entrevista de verdade.',
-		icon: 'interview',
-	},
-	{
-		title: 'Mentoria de carreira',
-		description:
-			'Conversas e orientação para transição, currículo, portfólio e próximos passos — do primeiro estágio à troca de área.',
-		icon: 'career',
-	},
-	{
-		title: 'Grupos de estudo',
-		description:
-			'Turmas e canais no WhatsApp e no Discord para tirar dúvidas, compartilhar materiais e manter o ritmo de estudo coletivo.',
-		icon: 'groups',
-	},
-	{
-		title: 'Assistência em projetos',
-		description:
-			'Mentoria em projetos práticos — da ideia ao repositório — com apoio de quem já passou por desafios parecidos.',
-		icon: 'project',
-	},
-	{
-		title: 'Café com Código',
-		description:
-			'Encontros para trocar experiência, apresentar o que você está construindo e conhecer a comunidade com calma (e café).',
-		icon: 'cafe',
-	},
+  {
+    title: 'Entrevistas simuladas',
+    description:
+      'Pratique processos seletivos com apoio da comunidade e feedback para ganhar confiança antes da entrevista de verdade.',
+    icon: 'interview',
+  },
+  {
+    title: 'Mentoria de carreira',
+    description:
+      'Conversas e orientação para transição, currículo, portfólio e próximos passos — do primeiro estágio à troca de área.',
+    icon: 'career',
+  },
+  {
+    title: 'Grupos de estudo',
+    description:
+      'Turmas e canais no WhatsApp e no Discord para tirar dúvidas, compartilhar materiais e manter o ritmo de estudo coletivo.',
+    icon: 'groups',
+  },
+  {
+    title: 'Assistência em projetos',
+    description:
+      'Mentoria em projetos práticos — da ideia ao repositório — com apoio de quem já passou por desafios parecidos.',
+    icon: 'project',
+  },
+  {
+    title: 'Café com Código',
+    description:
+      'Encontros para trocar experiência, apresentar o que você está construindo e conhecer a comunidade com calma (e café).',
+    icon: 'cafe',
+  },
 ] as const;
 
 export type Testimonial = {
-	id: number;
-	name: string;
-	role?: string;
-	avatarUrl: string;
-	profileUrl: string;
-	quote: string;
+  id: number;
+  name: string;
+  role?: string;
+  avatarUrl: string;
+  profileUrl: string;
+  quote: string;
 };
 
 export const testimonials: Testimonial[] = [
-	{
-		id: 1,
-		name: 'Giovanna Neves Damasceno',
-		avatarUrl: 'https://avatars.githubusercontent.com/u/18710340?v=4',
-		profileUrl: 'https://github.com/giovannand',
-		quote:
-			'A PodCodar juntou minha trajetória em tecnologia com o desejo de trabalhar com pessoas e ajudá-las a se desenvolver. É um projeto com propósito claro — amo fazer parte.',
-	},
-	{
-		id: 2,
-		name: 'Gilberto Ferreira Borges Júnior',
-		avatarUrl: 'https://avatars.githubusercontent.com/u/57193296?v=4',
-		profileUrl: 'https://github.com/borgesgfj',
-		quote:
-			'Com o apoio da comunidade fiz a transição da pesquisa e do ensino em física para engenharia de software. Hoje contribuir de volta é tão gratificante quanto aprender aqui.',
-	},
-	{
-		id: 3,
-		name: 'Filipe Barbosa',
-		avatarUrl: 'https://avatars.githubusercontent.com/u/65319425?v=4',
-		profileUrl: 'https://github.com/Filipe-barbosa',
-		quote:
-			'Pensei que programar não era pra mim — entrei na comunidade e, com o tempo, a confiança veio. Hoje sigo construindo carreira com a rede ao lado.',
-	},
-	{
-		id: 4,
-		name: 'Guilherme Barbosa',
-		avatarUrl: 'https://avatars.githubusercontent.com/u/73261443?v=4',
-		profileUrl: 'https://github.com/Guilherme-BS',
-		quote:
-			'A PodCodar mudou minha perspectiva: novas conversas, novos aprendizados e um lugar onde me sinto em casa na tecnologia.',
-	},
+  {
+    id: 1,
+    name: 'Giovanna Neves Damasceno',
+    avatarUrl: 'https://avatars.githubusercontent.com/u/18710340?v=4',
+    profileUrl: 'https://github.com/giovannand',
+    quote:
+      'A PodCodar juntou minha trajetória em tecnologia com o desejo de trabalhar com pessoas e ajudá-las a se desenvolver. É um projeto com propósito claro — amo fazer parte.',
+  },
+  {
+    id: 2,
+    name: 'Gilberto Ferreira Borges Júnior',
+    avatarUrl: 'https://avatars.githubusercontent.com/u/57193296?v=4',
+    profileUrl: 'https://github.com/borgesgfj',
+    quote:
+      'Com o apoio da comunidade fiz a transição da pesquisa e do ensino em física para engenharia de software. Hoje contribuir de volta é tão gratificante quanto aprender aqui.',
+  },
+  {
+    id: 3,
+    name: 'Filipe Barbosa',
+    avatarUrl: 'https://avatars.githubusercontent.com/u/65319425?v=4',
+    profileUrl: 'https://github.com/Filipe-barbosa',
+    quote:
+      'Pensei que programar não era pra mim — entrei na comunidade e, com o tempo, a confiança veio. Hoje sigo construindo carreira com a rede ao lado.',
+  },
+  {
+    id: 4,
+    name: 'Guilherme Barbosa',
+    avatarUrl: 'https://avatars.githubusercontent.com/u/73261443?v=4',
+    profileUrl: 'https://github.com/Guilherme-BS',
+    quote:
+      'A PodCodar mudou minha perspectiva: novas conversas, novos aprendizados e um lugar onde me sinto em casa na tecnologia.',
+  },
 ] as const;
 
 export type HelpPath = {
-	title: string;
-	description: string;
-	href: string;
-	cta: string;
+  title: string;
+  description: string;
+  href: string;
+  cta: string;
 };
 
 export const howToHelp: HelpPath[] = [
-	{
-		title: 'Doações',
-		description:
-			'Apoio financeiro de pessoas físicas e patrocínios ajudam a manter a PodCodar sustentável e a ampliar impacto — plataforma de ensino, oficinas e equipe.',
-		href: '/contact',
-		cta: 'Falar sobre doação',
-	},
-	{
-		title: 'Voluntariado',
-		description:
-			'Tempo e habilidades: mentoria, facilitação de estudos e eventos, revisão de código, design e comunicação — há espaço para o seu jeito de contribuir.',
-		href: '/contributing',
-		cta: 'Ver voluntariado',
-	},
-	{
-		title: 'Parcerias',
-		description:
-			'Empresas e fundos podem apoiar diversidade e educação em tecnologia — inclusive parcerias para contratação de pessoas qualificadas pela comunidade.',
-		href: '/contact',
-		cta: 'Propor parceria',
-	},
+  {
+    title: 'Doações',
+    description:
+      'Apoio financeiro de pessoas físicas e patrocínios ajudam a manter a PodCodar sustentável e a ampliar impacto — plataforma de ensino, oficinas e equipe.',
+    href: '/contact',
+    cta: 'Falar sobre doação',
+  },
+  {
+    title: 'Voluntariado',
+    description:
+      'Tempo e habilidades: mentoria, facilitação de estudos e eventos, revisão de código, design e comunicação — há espaço para o seu jeito de contribuir.',
+    href: '/contributing',
+    cta: 'Ver voluntariado',
+  },
+  {
+    title: 'Parcerias',
+    description:
+      'Empresas e fundos podem apoiar diversidade e educação em tecnologia — inclusive parcerias para contratação de pessoas qualificadas pela comunidade.',
+    href: '/contact',
+    cta: 'Propor parceria',
+  },
 ] as const;
 
 /** Core values (from the onboarding guide). */
 export const coreValues: { title: string; text: string }[] = [
-	{
-		title: 'Inclusão',
-		text: 'Garantir que a educação tecnológica seja acessível a todos, independentemente de origem, renda ou localização. Somos um espaço seguro e acolhedor.',
-	},
-	{
-		title: 'Colaboração',
-		text: 'Estudar junto é mais prazeroso e eficiente. Valorizamos o compartilhamento de conhecimento, discussões abertas e o apoio mútuo em projetos e estudos.',
-	},
-	{
-		title: 'Qualidade de ensino',
-		text: 'Foco em mentoria e conteúdo que prepare de fato a próxima geração de profissionais digitais para o mercado de trabalho.',
-	},
+  {
+    title: 'Inclusão',
+    text: 'Garantir que a educação tecnológica seja acessível a todos, independentemente de origem, renda ou localização. Somos um espaço seguro e acolhedor.',
+  },
+  {
+    title: 'Colaboração',
+    text: 'Estudar junto é mais prazeroso e eficiente. Valorizamos o compartilhamento de conhecimento, discussões abertas e o apoio mútuo em projetos e estudos.',
+  },
+  {
+    title: 'Qualidade de ensino',
+    text: 'Foco em mentoria e conteúdo que prepare de fato a próxima geração de profissionais digitais para o mercado de trabalho.',
+  },
 ];
 
 export const aboutCommunity = {
-	title: 'Cultura e organização',
-	lead: 'A comunidade se organiza para multiplicar impacto: núcleo pedagógico, guildas por área e iniciativas práticas dentro de cada uma.',
-	points: [
-		'Núcleo Pedagógico: centraliza visão, prioridades e alocação de pessoas e recursos para as iniciativas.',
-		'Guildas: núcleos por área de interesse ou entrega (projetos, eventos, design e outras frentes).',
-		'Iniciativas: programas concretos — mentorias, incubadora, Café com Código, meetups, workshops, Chá com Design e mais.',
-	],
+  title: 'Cultura e organização',
+  lead: 'A comunidade se organiza para multiplicar impacto: núcleo pedagógico, guildas por área e iniciativas práticas dentro de cada uma.',
+  points: [
+    'Núcleo Pedagógico: centraliza visão, prioridades e alocação de pessoas e recursos para as iniciativas.',
+    'Guildas: núcleos por área de interesse ou entrega (projetos, eventos, design e outras frentes).',
+    'Iniciativas: programas concretos — mentorias, incubadora, Café com Código, meetups, workshops, Chá com Design e mais.',
+  ],
 } as const;
 
 export type ProjectItem = {
-	name: string;
-	description: string;
-	href: string;
+  name: string;
+  description: string;
+  href: string;
 };
 
 export const projects: ProjectItem[] = [
-	{
-		name: 'Site e materiais PodCodar',
-		description: 'Este site e recursos da comunidade em evolução — contribuições são bem-vindas.',
-		href: 'https://github.com/podcodar/webapp',
-	},
-	{
-		name: 'Organização no GitHub',
-		description: 'Repositórios abertos da PodCodar — issues e PRs são um ótimo primeiro passo.',
-		href: 'https://github.com/podcodar',
-	},
+  {
+    name: 'Site e materiais PodCodar',
+    description: 'Este site e recursos da comunidade em evolução — contribuições são bem-vindas.',
+    href: 'https://github.com/podcodar/webapp',
+  },
+  {
+    name: 'Organização no GitHub',
+    description: 'Repositórios abertos da PodCodar — issues e PRs são um ótimo primeiro passo.',
+    href: 'https://github.com/podcodar',
+  },
 ] as const;
 
 export const eventsBlock = {
-	title: 'Eventos',
-	body: 'Café com Código, meetups e workshops são alguns dos formatos em que a comunidade se encontra ao vivo (muitas vezes no Google Meet). Novidades e convites circulam nos grupos e no Discord.',
-	externalLabel: 'Ver organização no GitHub',
-	externalHref: 'https://github.com/podcodar',
+  title: 'Eventos',
+  body: 'Café com Código, meetups e workshops são alguns dos formatos em que a comunidade se encontra ao vivo (muitas vezes no Google Meet). Novidades e convites circulam nos grupos e no Discord.',
+  externalLabel: 'Ver organização no GitHub',
+  externalHref: 'https://github.com/podcodar',
 } as const;
 
 /** Communication channels (onboarding guide). */
 export const communicationChannels: { channel: string; description: string }[] = [
-	{
-		channel: 'WhatsApp',
-		description:
-			'Comunicação do dia a dia: avisos rápidos, interação social e coordenação com a turma.',
-	},
-	{
-		channel: 'Discord',
-		description:
-			'Grupos de estudo, canais técnicos, mentorias e discussões — é o “quartel-general” assíncrono da PodCodar.',
-	},
-	{
-		channel: 'Google Meet',
-		description: 'Reuniões do núcleo pedagógico, workshops e encontros ao vivo com a comunidade.',
-	},
+  {
+    channel: 'WhatsApp',
+    description:
+      'Comunicação do dia a dia: avisos rápidos, interação social e coordenação com a turma.',
+  },
+  {
+    channel: 'Discord',
+    description:
+      'Grupos de estudo, canais técnicos, mentorias e discussões — é o “quartel-general” assíncrono da PodCodar.',
+  },
+  {
+    channel: 'Google Meet',
+    description: 'Reuniões do núcleo pedagógico, workshops e encontros ao vivo com a comunidade.',
+  },
 ];
diff --git a/src/data/social-links.ts b/src/data/social-links.ts
index 6945d21..3485ace 100644
--- a/src/data/social-links.ts
+++ b/src/data/social-links.ts
@@ -4,51 +4,51 @@
 export type SocialNetwork = 'github' | 'linkedin' | 'instagram' | 'youtube' | 'x' | 'discord';
 
 export type FooterSocialLink = {
-	href: string;
-	/** Screen reader label (pt-BR). */
-	label: string;
-	network: SocialNetwork;
+  href: string;
+  /** Screen reader label (pt-BR). */
+  label: string;
+  network: SocialNetwork;
 };
 
 /** Iconify ids for `astro-icon` + `@iconify-json/simple-icons`. */
 export const footerSocialIconify: Record<SocialNetwork, string> = {
-	github: 'simple-icons:github',
-	linkedin: 'simple-icons:linkedin',
-	instagram: 'simple-icons:instagram',
-	youtube: 'simple-icons:youtube',
-	x: 'simple-icons:x',
-	discord: 'simple-icons:discord',
+  github: 'simple-icons:github',
+  linkedin: 'simple-icons:linkedin',
+  instagram: 'simple-icons:instagram',
+  youtube: 'simple-icons:youtube',
+  x: 'simple-icons:x',
+  discord: 'simple-icons:discord',
 };
 
 export const footerSocialLinks: FooterSocialLink[] = [
-	{
-		network: 'github',
-		href: 'https://github.com/podcodar',
-		label: 'PodCodar no GitHub',
-	},
-	{
-		network: 'linkedin',
-		href: 'https://www.linkedin.com/company/podcodar/',
-		label: 'PodCodar no LinkedIn',
-	},
-	{
-		network: 'instagram',
-		href: 'https://www.instagram.com/podcodar/',
-		label: 'PodCodar no Instagram',
-	},
-	{
-		network: 'youtube',
-		href: 'https://www.youtube.com/@podcodar',
-		label: 'PodCodar no YouTube',
-	},
-	{
-		network: 'x',
-		href: 'https://x.com/podcodar',
-		label: 'PodCodar no X',
-	},
-	{
-		network: 'discord',
-		href: 'https://discord.com/invite/podcodar',
-		label: 'PodCodar no Discord',
-	},
+  {
+    network: 'github',
+    href: 'https://github.com/podcodar',
+    label: 'PodCodar no GitHub',
+  },
+  {
+    network: 'linkedin',
+    href: 'https://www.linkedin.com/company/podcodar/',
+    label: 'PodCodar no LinkedIn',
+  },
+  {
+    network: 'instagram',
+    href: 'https://www.instagram.com/podcodar/',
+    label: 'PodCodar no Instagram',
+  },
+  {
+    network: 'youtube',
+    href: 'https://www.youtube.com/@podcodar',
+    label: 'PodCodar no YouTube',
+  },
+  {
+    network: 'x',
+    href: 'https://x.com/podcodar',
+    label: 'PodCodar no X',
+  },
+  {
+    network: 'discord',
+    href: 'https://discord.com/invite/podcodar',
+    label: 'PodCodar no Discord',
+  },
 ];
diff --git a/src/i18n/ui.ts b/src/i18n/ui.ts
index 9130a06..0c11467 100644
--- a/src/i18n/ui.ts
+++ b/src/i18n/ui.ts
@@ -1,13 +1,13 @@
 export const defaultLang = 'pt-br' as const;
 
 export const ui = {
-	'pt-br': {
-		'nav.home': 'Início',
-		'nav.blog': 'Blog',
-		'nav.about': 'Sobre',
-		'nav.contact': 'Contato',
-		'nav.contributing': 'Como posso ajudar?',
-		'nav.join_us': 'Faça parte!',
-		'footer.copyright': 'Todos os direitos reservados.',
-	},
+  'pt-br': {
+    'nav.home': 'Início',
+    'nav.blog': 'Blog',
+    'nav.about': 'Sobre',
+    'nav.contact': 'Contato',
+    'nav.contributing': 'Como posso ajudar?',
+    'nav.join_us': 'Faça parte!',
+    'footer.copyright': 'Todos os direitos reservados.',
+  },
 } as const;
diff --git a/src/i18n/utils.ts b/src/i18n/utils.ts
index cf37b36..1957bbb 100644
--- a/src/i18n/utils.ts
+++ b/src/i18n/utils.ts
@@ -6,11 +6,11 @@ export type Lang = keyof typeof ui;
  * Idioma do site (pt-BR). Rotas em inglês foram removidas.
  */
 export function getLangFromUrl(_url: URL): Lang {
-	return defaultLang;
+  return defaultLang;
 }
 
 export function useTranslations(lang: Lang) {
-	return function t(key: keyof (typeof ui)[typeof defaultLang]) {
-		return ui[lang][key];
-	};
+  return function t(key: keyof (typeof ui)[typeof defaultLang]) {
+    return ui[lang][key];
+  };
 }
diff --git a/src/lib/theme-cookie.ts b/src/lib/theme-cookie.ts
index d85f125..734b402 100644
--- a/src/lib/theme-cookie.ts
+++ b/src/lib/theme-cookie.ts
@@ -4,45 +4,45 @@ export const THEME_COOKIE_NAME = 'podcodar-theme';
 export type ThemePreference = 'light' | 'dark' | 'system';
 
 function encodeCookieValue(value: string): string {
-	return encodeURIComponent(value);
+  return encodeURIComponent(value);
 }
 
 /** Read theme from `document.cookie` (client only). */
 export function getThemeFromCookie(): ThemePreference {
-	if (typeof document === 'undefined') return 'system';
-	const raw = `; ${document.cookie}`;
-	const part = raw.split(`; ${THEME_COOKIE_NAME}=`);
-	if (part.length !== 2) return 'system';
-	const v = part.pop()?.split(';').shift();
-	if (!v) return 'system';
-	const decoded = decodeURIComponent(v);
-	if (decoded === 'light' || decoded === 'dark') return decoded;
-	return 'system';
+  if (typeof document === 'undefined') return 'system';
+  const raw = `; ${document.cookie}`;
+  const part = raw.split(`; ${THEME_COOKIE_NAME}=`);
+  if (part.length !== 2) return 'system';
+  const v = part.pop()?.split(';').shift();
+  if (!v) return 'system';
+  const decoded = decodeURIComponent(v);
+  if (decoded === 'light' || decoded === 'dark') return decoded;
+  return 'system';
 }
 
 /** Persist theme. `system` clears the cookie so OS preference applies. */
 export function setThemeCookie(theme: ThemePreference): void {
-	if (typeof document === 'undefined') return;
-	const maxAge = 60 * 60 * 24 * 365;
-	const base = `path=/; max-age=${maxAge}; SameSite=Lax`;
-	if (theme === 'system') {
-		// biome-ignore lint/suspicious/noDocumentCookie: small cookie helper; Cookie Store API not universally available
-		document.cookie = `${THEME_COOKIE_NAME}=; path=/; max-age=0; SameSite=Lax`;
-		return;
-	}
-	// biome-ignore lint/suspicious/noDocumentCookie: small cookie helper; Cookie Store API not universally available
-	document.cookie = `${THEME_COOKIE_NAME}=${encodeCookieValue(theme)}; ${base}`;
+  if (typeof document === 'undefined') return;
+  const maxAge = 60 * 60 * 24 * 365;
+  const base = `path=/; max-age=${maxAge}; SameSite=Lax`;
+  if (theme === 'system') {
+    // biome-ignore lint/suspicious/noDocumentCookie: small cookie helper; Cookie Store API not universally available
+    document.cookie = `${THEME_COOKIE_NAME}=; path=/; max-age=0; SameSite=Lax`;
+    return;
+  }
+  // biome-ignore lint/suspicious/noDocumentCookie: small cookie helper; Cookie Store API not universally available
+  document.cookie = `${THEME_COOKIE_NAME}=${encodeCookieValue(theme)}; ${base}`;
 }
 
 /** Apply daisyUI theme on `<html>` and sync the cookie. */
 export function applyThemePreference(theme: ThemePreference): void {
-	const root = document.documentElement;
-	if (theme === 'system') {
-		setThemeCookie('system');
-		const resolved = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
-		root.setAttribute('data-theme', resolved);
-		return;
-	}
-	setThemeCookie(theme);
-	root.setAttribute('data-theme', theme);
+  const root = document.documentElement;
+  if (theme === 'system') {
+    setThemeCookie('system');
+    const resolved = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+    root.setAttribute('data-theme', resolved);
+    return;
+  }
+  setThemeCookie(theme);
+  root.setAttribute('data-theme', theme);
 }
diff --git a/src/pages/rss.xml.js b/src/pages/rss.xml.js
index b937a65..35cd029 100644
--- a/src/pages/rss.xml.js
+++ b/src/pages/rss.xml.js
@@ -3,14 +3,14 @@ import rss from '@astrojs/rss';
 import { SITE_DESCRIPTION, SITE_TITLE } from '@/consts';
 
 export async function GET(context) {
-	const posts = await getCollection('blog');
-	return rss({
-		title: SITE_TITLE,
-		description: SITE_DESCRIPTION,
-		site: context.site,
-		items: posts.map((post) => ({
-			...post.data,
-			link: `/blog/${post.id}/`,
-		})),
-	});
+  const posts = await getCollection('blog');
+  return rss({
+    title: SITE_TITLE,
+    description: SITE_DESCRIPTION,
+    site: context.site,
+    items: posts.map((post) => ({
+      ...post.data,
+      link: `/blog/${post.id}/`,
+    })),
+  });
 }
diff --git a/test-results/.last-run.json b/test-results/.last-run.json
deleted file mode 100644
index 3120dd4..0000000
--- a/test-results/.last-run.json
+++ /dev/null
@@ -1,4 +0,0 @@
-{
-	"status": "failed",
-	"failedTests": []
-}
diff --git a/tsconfig.json b/tsconfig.json
index 8b31178..a4c9cbf 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,12 +1,11 @@
 {
 	"extends": "astro/tsconfigs/strict",
 	"include": [".astro/types.d.ts", "**/*"],
-	"exclude": ["dist"],
+	"exclude": ["./dist"],
 	"compilerOptions": {
 		"strictNullChecks": true,
-		"baseUrl": ".",
 		"paths": {
-			"@/*": ["src/*"]
+			"@/*": ["./src/*"]
 		}
 	}
 }
diff --git a/vitest.config.ts b/vitest.config.ts
index d8b9ca1..9856f36 100644
--- a/vitest.config.ts
+++ b/vitest.config.ts
@@ -2,8 +2,8 @@
 import { getViteConfig } from 'astro/config';
 
 export default getViteConfig({
-	test: {
-		environment: 'node',
-		include: ['src/**/*.test.ts'],
-	},
+  test: {
+    environment: 'node',
+    include: ['src/**/*.test.ts'],
+  },
 });

From 1ea853d7adbb8f7134915bd3a2b3f8704a792b78 Mon Sep 17 00:00:00 2001
From: Marco <ma.souza.junior@gmail.com>
Date: Sat, 18 Apr 2026 11:23:21 -0300
Subject: [PATCH 8/9] fea: add custom theme

---
 .github/workflows/playwright-e2e.yml        |  12 --
 .opencode/learnings/registry.md             |   9 +
 .opencode/skills/daisyui-v5-themes/SKILL.md | 191 ++++++++++++++++++++
 lefthook.yml                                |  12 ++
 package.json                                |   4 +-
 src/styles/global.css                       | 130 ++++++++++++-
 6 files changed, 338 insertions(+), 20 deletions(-)
 create mode 100644 .opencode/skills/daisyui-v5-themes/SKILL.md

diff --git a/.github/workflows/playwright-e2e.yml b/.github/workflows/playwright-e2e.yml
index 5e8c4b6..f3e7990 100644
--- a/.github/workflows/playwright-e2e.yml
+++ b/.github/workflows/playwright-e2e.yml
@@ -40,18 +40,6 @@ jobs:
       - name: Build Astro site
         run: bun run build
 
-      - name: Start Astro preview server
-        run: bunx astro preview --port 4321 &
-
-      # Give the preview server a moment to be ready
-      - name: Wait for preview server
-        run: |
-          for i in $(seq 1 30); do
-            curl -sf http://localhost:4321/ && echo "Server ready" && break
-            echo "Waiting for server... attempt $i"
-            sleep 2
-          done
-
       - name: Run Playwright E2E tests
         run: bunx playwright test
         env:
diff --git a/.opencode/learnings/registry.md b/.opencode/learnings/registry.md
index a83bb03..79ffde9 100644
--- a/.opencode/learnings/registry.md
+++ b/.opencode/learnings/registry.md
@@ -38,4 +38,13 @@ All captured learnings from the AI Diamond Chain are registered here.
 - **Source:** User request for tmux skill for detached session control
 - **Summary:** Created tmux-automation skill with commands for creating detached sessions, sending keys programmatically, capturing output, and session management
 - **Location:** `.opencode/skills/tmux-automation/SKILL.md`
+- **Confidence:** 🟢 High
+
+---
+
+## 2026-04-18 - DaisyUI v5 Custom Theme Configuration
+- **Type:** skill
+- **Source:** Implementation Diamond - Custom theme creation for PodCodar brand
+- **Summary:** Learned DaisyUI v5's new `@plugin "daisyui/theme"` syntax with OKLCH color format, created light/dark theme pair with PodCodar brand colors (tech blues + warm amber accents), disabled default themes for clean implementation
+- **Location:** `.opencode/skills/daisyui-v5-themes/SKILL.md`, `src/styles/global.css`
 - **Confidence:** 🟢 High
\ No newline at end of file
diff --git a/.opencode/skills/daisyui-v5-themes/SKILL.md b/.opencode/skills/daisyui-v5-themes/SKILL.md
new file mode 100644
index 0000000..efee808
--- /dev/null
+++ b/.opencode/skills/daisyui-v5-themes/SKILL.md
@@ -0,0 +1,191 @@
+# DaisyUI v5 Custom Theme Configuration
+
+Creating custom themes in DaisyUI v5 (2026 best practices).
+
+## Overview
+
+DaisyUI v5 uses a new `@plugin` syntax for defining custom themes with OKLCH color format for better perceptual uniformity.
+
+## Important: Verify Brand Assets First!
+
+⚠️ **Always check actual brand assets (logos, mascots, brand guidelines) before defining colors.**
+
+Don't assume colors based on industry stereotypes (e.g., "tech company = blue"). Extract colors from:
+- Logo files (check for fill attributes or visual colors)
+- Brand mascot images
+- Existing brand guidelines
+- Official website colors
+
+**Example:** PodCodar is a tech community, but their llama mascot is **purple/violet**, not blue!
+
+## Syntax
+
+```css
+@import "tailwindcss";
+
+/* Disable default themes */
+@plugin "daisyui" {
+  themes: false;
+}
+
+/* Define custom theme */
+@plugin "daisyui/theme" {
+  name: "my-theme";
+  default: true;
+  prefersdark: false;
+  color-scheme: light;
+  
+  /* Colors */
+  --color-base-100: oklch(98% 0.005 260);
+  --color-base-200: oklch(96% 0.01 260);
+  --color-base-300: oklch(90% 0.015 260);
+  --color-base-content: oklch(20% 0.02 260);
+  
+  --color-primary: oklch(55% 0.18 250);
+  --color-primary-content: oklch(98% 0.005 260);
+  
+  --color-secondary: oklch(70% 0.15 70);
+  --color-secondary-content: oklch(20% 0.02 70);
+  
+  --color-accent: oklch(65% 0.18 195);
+  --color-accent-content: oklch(98% 0.005 260);
+  
+  --color-neutral: oklch(40% 0.03 260);
+  --color-neutral-content: oklch(98% 0.005 260);
+  
+  --color-info: oklch(70% 0.15 240);
+  --color-info-content: oklch(20% 0.02 240);
+  
+  --color-success: oklch(65% 0.15 145);
+  --color-success-content: oklch(98% 0.005 145);
+  
+  --color-warning: oklch(75% 0.15 85);
+  --color-warning-content: oklch(20% 0.02 85);
+  
+  --color-error: oklch(60% 0.18 25);
+  --color-error-content: oklch(98% 0.005 25);
+  
+  /* Design tokens */
+  --radius-selector: 0.5rem;
+  --radius-field: 0.375rem;
+  --radius-box: 0.75rem;
+  
+  --size-selector: 0.25rem;
+  --size-field: 0.25rem;
+  
+  --border: 1px;
+  --depth: 1;
+  --noise: 0;
+}
+```
+
+## Key Concepts
+
+### Color Format: OKLCH
+
+OKLCH is preferred over hex/RGB for:
+- Better perceptual uniformity
+- Easier to adjust lightness without changing perceived hue
+- Consistent contrast ratios across color wheel
+
+Format: `oklch(L% C H)` where:
+- L = Lightness (0-100%)
+- C = Chroma (0-0.4 typical range)
+- H = Hue (0-360 degrees)
+
+### Theme Properties
+
+| Property | Description |
+|----------|-------------|
+| `name` | Theme identifier (kebab-case) |
+| `default` | Set as default theme |
+| `prefersdark` | Auto-activate on `prefers-color-scheme: dark` |
+| `color-scheme` | Browser UI color (light/dark) |
+
+### Color Variables
+
+**Base Layers (Backgrounds)**
+- `--color-base-100`: Main background
+- `--color-base-200`: Secondary background (cards, hover)
+- `--color-base-300`: Tertiary background (borders, dividers)
+- `--color-base-content`: Primary text color
+
+**Semantic Colors**
+- `--color-primary`: Main brand color (buttons, links)
+- `--color-secondary`: Complementary accent
+- `--color-accent`: Highlight/CTA color
+- `--color-neutral`: Grayscale base
+
+**Status Colors**
+- `--color-info`: Informational states
+- `--color-success`: Success states
+- `--color-warning`: Warning states
+- `--color-error`: Error states
+
+Each semantic/status color has a `-content` variant for text/icons on that background.
+
+### Design Tokens
+
+| Token | Description |
+|-------|-------------|
+| `--radius-selector` | Checkboxes, toggles, badges |
+| `--radius-field` | Buttons, inputs, tabs |
+| `--radius-box` | Cards, modals, alerts |
+| `--size-selector` | Checkbox/toggle base size |
+| `--size-field` | Button/input base size |
+| `--border` | Global border width |
+| `--depth` | 3D depth effect (0-1) |
+| `--noise` | Noise texture overlay (0-1) |
+
+## Best Practices
+
+1. **Disable default themes** when using custom themes (`themes: false`)
+2. **Define both light and dark variants** for complete coverage
+3. **Use consistent hue families** across base layers (e.g., all blue-tinted)
+4. **Ensure contrast ratios** meet WCAG AA (4.5:1 for text)
+5. **Test with real components** using the DaisyUI theme generator
+6. **Keep chroma low** for base layers (0.005-0.03) to avoid color casts
+7. **Higher chroma** for primary/accent colors (0.15-0.25) for vibrancy
+
+## Dark Mode Pattern
+
+```css
+/* Light theme (default) */
+@plugin "daisyui/theme" {
+  name: "my-light";
+  default: true;
+  prefersdark: false;
+  color-scheme: light;
+  /* ... */
+}
+
+/* Dark theme (auto-switch) */
+@plugin "daisyui/theme" {
+  name: "my-dark";
+  default: false;
+  prefersdark: true;
+  color-scheme: dark;
+  /* Reverse base layers, adjust for dark */
+  --color-base-100: oklch(18% 0.02 260);
+  --color-base-200: oklch(23% 0.025 260);
+  --color-base-300: oklch(30% 0.03 260);
+  --color-base-content: oklch(95% 0.015 260);
+  /* Brighter primaries for dark mode */
+  --color-primary: oklch(70% 0.15 250);
+  /* ... */
+}
+```
+
+## Theme Generator Tool
+
+Use https://daisyui.com/theme-generator/ to:
+- Visually design themes
+- Export OKLCH values
+- Preview component variants
+- Copy-paste ready CSS
+
+## References
+
+- [DaisyUI Themes Docs](https://daisyui.com/docs/themes/)
+- [DaisyUI Theme Generator](https://daisyui.com/theme-generator/)
+- [OKLCH Color Picker](https://oklch.com/)
diff --git a/lefthook.yml b/lefthook.yml
index e19fd6c..cc7a68f 100644
--- a/lefthook.yml
+++ b/lefthook.yml
@@ -17,6 +17,18 @@ pre-commit:
       glob: "*.{js,mjs,cjs,ts,tsx,jsx,json,jsonc}"
       run: bunx biome format --staged -- {files}
 
+# Manual commands for working with staged files
+staged:
+  parallel: true
+  jobs:
+    - name: List staged files
+      run: git diff --cached --name-only --diff-filter=ACM
+
+    - name: Format staged files
+      files: git diff --cached --name-only --diff-filter=ACM
+      glob: "*.{js,mjs,cjs,ts,tsx,jsx,json,jsonc}"
+      run: bunx biome format --staged -- {files}
+
 # Pre-push hook runs before pushing to remote
 pre-push:
   parallel: true
diff --git a/package.json b/package.json
index 0c9af00..9f3c667 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,5 @@
 {
 	"name": "webapp",
-	"type": "module",
 	"version": "0.0.1",
 	"engines": {
 		"node": ">=22.12.0"
@@ -10,8 +9,7 @@
 		"build": "astro build",
 		"preview": "astro preview",
 		"astro": "astro",
-		"deps": "bun x playwright install-deps",
-		"postinstall": "lefthook install && playwright install",
+		"postinstall": "lefthook install",
 		"update": "bun update --all",
 		"lint": "biome check",
 		"lint:fix": "biome check --write && astro check --fix",
diff --git a/src/styles/global.css b/src/styles/global.css
index 6ba17b4..8cd0b51 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -1,17 +1,137 @@
 @import "tailwindcss";
-@plugin "daisyui";
+
+/* DaisyUI v5 with custom PodCodar themes - default themes disabled */
+@plugin "daisyui" {
+	themes: false;
+}
 
 /* Scan Astro pages, components, and content for class names */
 @source "../**/*.{astro,html,js,ts,mjs,md,mdx}";
 
 /*
   PodCodar uses the same stack as github.com/podcodar/webapp: Tailwind CSS v4 + daisyUI.
-  Semantic colors (primary, secondary, accent, base-*, etc.) come from daisyUI’s default
-  light/dark themes — aligned with podcodar.org.
-
-  Prefer Tailwind utilities in .astro files. This file only sets base typography via @apply.
+  Custom PodCodar themes based on the mascot llama colors: purple/violet primary,
+  lavender secondary, with white/cream base. Colors use OKLCH format.
 */
 
+/* PodCodar Light Theme (Default) - Based on mascot colors: purple/violet primary */
+@plugin "daisyui/theme" {
+	name: "podcodar-light";
+	default: true;
+	prefersdark: false;
+	color-scheme: light;
+
+	/* Background layers - Clean white with subtle purple tint */
+	--color-base-100: oklch(99% 0.002 300);
+	--color-base-200: oklch(96% 0.005 300);
+	--color-base-300: oklch(90% 0.01 300);
+	--color-base-content: oklch(25% 0.02 300);
+
+	/* Primary - Purple/Violet (from mascot outline) */
+	--color-primary: oklch(60% 0.2 285);
+	--color-primary-content: oklch(99% 0.005 300);
+
+	/* Secondary - Lavender/Lilac (lighter purple accent) */
+	--color-secondary: oklch(75% 0.12 290);
+	--color-secondary-content: oklch(30% 0.03 290);
+
+	/* Accent - Deep Purple (sunglasses lenses) */
+	--color-accent: oklch(50% 0.18 285);
+	--color-accent-content: oklch(99% 0.005 300);
+
+	/* Neutral - Warm Gray */
+	--color-neutral: oklch(45% 0.02 300);
+	--color-neutral-content: oklch(99% 0.005 300);
+
+	/* Semantic colors */
+	--color-info: oklch(70% 0.15 250);
+	--color-info-content: oklch(25% 0.03 250);
+
+	--color-success: oklch(65% 0.15 145);
+	--color-success-content: oklch(99% 0.005 145);
+
+	--color-warning: oklch(75% 0.15 85);
+	--color-warning-content: oklch(30% 0.03 85);
+
+	--color-error: oklch(60% 0.18 25);
+	--color-error-content: oklch(99% 0.005 25);
+
+	/* Radius tokens */
+	--radius-selector: 0.5rem;
+	--radius-field: 0.375rem;
+	--radius-box: 0.75rem;
+
+	/* Size tokens */
+	--size-selector: 0.25rem;
+	--size-field: 0.25rem;
+
+	/* Border */
+	--border: 1px;
+
+	/* Effects */
+	--depth: 1;
+	--noise: 0;
+}
+
+/* PodCodar Dark Theme - Deep purple-tinted dark theme */
+@plugin "daisyui/theme" {
+	name: "podcodar-dark";
+	default: false;
+	prefersdark: true;
+	color-scheme: dark;
+
+	/* Background layers - Deep dark with purple tint */
+	--color-base-100: oklch(20% 0.02 300);
+	--color-base-200: oklch(25% 0.025 300);
+	--color-base-300: oklch(32% 0.03 300);
+	--color-base-content: oklch(96% 0.015 300);
+
+	/* Primary - Bright Purple/Violet (glowing mascot style) */
+	--color-primary: oklch(70% 0.18 285);
+	--color-primary-content: oklch(20% 0.03 300);
+
+	/* Secondary - Soft Lavender (for dark mode harmony) */
+	--color-secondary: oklch(80% 0.1 290);
+	--color-secondary-content: oklch(25% 0.03 290);
+
+	/* Accent - Vibrant Purple */
+	--color-accent: oklch(65% 0.22 285);
+	--color-accent-content: oklch(99% 0.005 300);
+
+	/* Neutral - Purple-Gray */
+	--color-neutral: oklch(70% 0.03 300);
+	--color-neutral-content: oklch(20% 0.02 300);
+
+	/* Semantic colors */
+	--color-info: oklch(70% 0.12 250);
+	--color-info-content: oklch(20% 0.03 250);
+
+	--color-success: oklch(70% 0.12 145);
+	--color-success-content: oklch(20% 0.03 145);
+
+	--color-warning: oklch(75% 0.12 85);
+	--color-warning-content: oklch(25% 0.03 85);
+
+	--color-error: oklch(65% 0.15 25);
+	--color-error-content: oklch(99% 0.005 25);
+
+	/* Radius tokens */
+	--radius-selector: 0.5rem;
+	--radius-field: 0.375rem;
+	--radius-box: 0.75rem;
+
+	/* Size tokens */
+	--size-selector: 0.25rem;
+	--size-field: 0.25rem;
+
+	/* Border */
+	--border: 1px;
+
+	/* Effects */
+	--depth: 1;
+	--noise: 0;
+}
+
 @layer base {
 	html {
 		color-scheme: light dark;

From 093375248b2dd2abf472d71059935d4c1845ac1c Mon Sep 17 00:00:00 2001
From: Marco <ma.souza.junior@gmail.com>
Date: Sat, 18 Apr 2026 11:34:45 -0300
Subject: [PATCH 9/9] fix: correct blog post link selectors and contact page
 title in E2E tests

---
 e2e/blog.spec.ts        | 10 +++++-----
 src/pages/contact.astro |  4 ++--
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/e2e/blog.spec.ts b/e2e/blog.spec.ts
index 9235bfa..329e89a 100644
--- a/e2e/blog.spec.ts
+++ b/e2e/blog.spec.ts
@@ -27,7 +27,7 @@ test.describe('Blog', () => {
     await expect(page).toHaveTitle(/PodCodar/i);
 
     // There should be at least one article/post link on the listing page
-    const firstPost = page.locator('ul li a').first();
+    const firstPost = page.locator('section ul li a').first();
     await expect(firstPost).toBeVisible();
   });
 
@@ -35,7 +35,7 @@ test.describe('Blog', () => {
     await page.goto('/blog');
 
     // Click the very first post link in the listing
-    const firstPost = page.locator('ul li a').first();
+    const firstPost = page.locator('section ul li a').first();
     await expect(firstPost).toBeVisible();
 
     const postTitle = await firstPost.textContent();
@@ -46,7 +46,7 @@ test.describe('Blog', () => {
 
     // The post page should have a <h1> matching the post title text
     if (postTitle) {
-      await expect(page.getByRole('heading', { level: 1 })).toBeVisible();
+      await expect(page.getByRole('heading', { level: 1 }).first()).toBeVisible();
     }
   });
 
@@ -54,11 +54,11 @@ test.describe('Blog', () => {
     await page.goto('/blog');
 
     // Open the first post
-    await page.locator('ul li a').first().click();
+    await page.locator('section ul li a').first().click();
     await expect(page).toHaveURL(/\/blog\/.+/);
 
     // Confirm the post heading is visible
-    await expect(page.getByRole('heading', { level: 1 })).toBeVisible();
+    await expect(page.getByRole('heading', { level: 1 }).first()).toBeVisible();
 
     // Scroll to the bottom of the post
     await page.evaluate(() =>
diff --git a/src/pages/contact.astro b/src/pages/contact.astro
index 3f657f8..edf3765 100644
--- a/src/pages/contact.astro
+++ b/src/pages/contact.astro
@@ -1,10 +1,10 @@
 ---
-import { SITE_DESCRIPTION } from '@/consts';
+import { SITE_DESCRIPTION, SITE_TITLE } from '@/consts';
 import ogDefaultImage from '@/data/og-default';
 import Layout from '@/layouts/Layout.astro';
 ---
 
-<Layout title="Contato" description={SITE_DESCRIPTION} image={ogDefaultImage}>
+<Layout title={`Contato | ${SITE_TITLE}`} description={SITE_DESCRIPTION} image={ogDefaultImage}>
   <section class="py-36">
   	<h1>Entre em contato</h1>
     <p>Sinta-se livre para entrar em contato!</p>