[codex] polish Capgo landing UI

[riderx]

Summary

Tiny landing-page UI polish for Capgo:

• removes emoji-prefixed command chips from the problem/solution timeline so the section feels cleaner and more developer-tool native
• adds a subtle shadow, hover color, pressed state, and focus-visible ring to the hero CTA
• fixes the w-autoo typo on the SOC 1 and GDPR badge images

Before / After

Before:

After:

Validation

• bunx prettier --write apps/web/src/components/Hero.astro apps/web/src/components/ProblemSolution.astro
• cd apps/web && bun run check

Summary by CodeRabbit

• Improvements
  • Enhanced call-to-action button with improved visual styling including shadow effects and interactive focus states
  • Added SOC1 compliance logo to the trust badges section
  • Updated workflow timeline to use text labels for improved readability with enhanced color-coding

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 49c94822-8c1e-402f-9bbe-468f8a522d3c

📥 Commits

Reviewing files that changed from the base of the PR and between c8754d1 and 1a68c40.

📒 Files selected for processing (2)

• apps/web/src/components/Hero.astro
• apps/web/src/components/ProblemSolution.astro

---

📝 Walkthrough

Walkthrough

Two separate Astro components receive UI updates: Hero gains enhanced CTA button styling and a new SOC1 compliance logo, while ProblemSolution replaces emoji-prefixed timeline labels with plain slash-based text labels and adjusted color emphasis.

Changes

CTA Button & Compliance Logos

Layer / File(s)	Summary
Button Styling Enhancement apps/web/src/components/Hero.astro (lines 199–204)	CTA button anchor class updated with shadow, hover state, and enhanced focus-visible ring styling while preserving locale-aware navigation href.
Compliance Logo Addition apps/web/src/components/Hero.astro (lines 345–351)	SOC1 logo block inserted between SOC2 and GDPR. Image class attributes corrected from typo (w-autoo) to consistent sizing (h-10 w-auto) for both SOC1 and GDPR icons.

Timeline Label Presentation

Layer / File(s)	Summary
Problem Card Timeline apps/web/src/components/ProblemSolution.astro (lines 47–53)	Five timeline spans converted from emoji-labeled items (👷dev, 📦build, 🚢submit, 👮review, ✅live) to slash-based plain text labels (/dev, /build, /submit, /review, /live) with adjusted color styling.
Solution Card Timeline apps/web/src/components/ProblemSolution.astro (lines 89–94)	Three timeline items converted from emoji-labeled to slash-based labels (/dev, /build, /live) with updated text color classes; blue emphasis for /submit and /review, green for /live.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~5 minutes

Poem

🐰 With buttons now styled and shadows so fine,
And SOC logos in a compliance line,
The timeline hops from emoji to slash—
A design refresh done in a dash! ✨

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title '[codex] polish Capgo landing UI' accurately reflects the main changes: UI polish to the Capgo landing page including CTA button styling, timeline emoji removal, and image fixes.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch codex/capgo-ui-polish

---

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[riderx]

@coderabbitai review

[coderabbitai]

✅ Actions performed

Review triggered.

Note: CodeRabbit is an incremental review system and does not re-review already reviewed commits. This command is applicable only when automatic reviews are paused.

[riderx]

@coderabbitai review

[coderabbitai]

✅ Actions performed

Review triggered.

Note: CodeRabbit is an incremental review system and does not re-review already reviewed commits. This command is applicable only when automatic reviews are paused.