Prioritize Google Play Store official launch

[AnthonyRonning]

Changes

This PR updates the downloads and marketing pages to feature the official Google Play Store launch prominently.

Updates:

• ✅ Add Google Play Store badge to marketing page hero section alongside App Store
• ✅ Feature official Play Store link prominently on downloads page with store badge
• ✅ Make beta testing and APK download secondary options with smaller, minimal styling
• ✅ Update Desktop button on marketing page to match store badge styling and size
• ✅ Remove platform-specific subtitle text to reflect multi-platform availability

Screenshots:

See mobile apps section on downloads page - Android section now leads with the official Play Store badge, with beta testing presented as an optional secondary choice similar to iOS TestFlight.

Marketing page hero now shows Desktop, App Store, and Google Play Store badges in a consistent style.

Summary by CodeRabbit

• New Features

  • Added Google Play badge as a download option alongside existing app store links.

• Style

  • Enhanced call-to-action button styling with improved dark-mode compatibility.
  • Increased icon sizes for improved visual prominence.
  • Redesigned Android download experience with badge presentation and direct APK download option.

[coderabbitai]

Walkthrough

Frontend UI updates to download-related components: Desktop CTA button styling enhanced with dark-mode support, icon sizes increased, and Google Play badge added to Marketing component. Android beta CTA on downloads page replaced with Google Play Badge link and direct APK download option.

Changes

Cohort / File(s)	Summary
Desktop CTA and Badge Updates frontend/src/components/Marketing.tsx	Dark-mode aware desktop CTA button styling with updated background/text colors and borders; icon size increased from h-4 w-4 to h-5 w-5; Google Play badge link added alongside existing App Store badge
Android Download CTA Replacement frontend/src/routes/downloads.tsx	Android beta CTA block replaced: removed "Join our beta program" text and old APK download link; added Google Play Badge linking to store page and secondary "download APK directly" text link; adjusted container layout and subtitle text

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

• Verify dark-mode color contrast and styling consistency for CTA button
• Confirm Google Play badge image paths and link URLs are correct in both files
• Check alignment and spacing of new badge elements and secondary links in downloads page layout

Possibly related PRs

• Add download page #52: Modifies the same Marketing.tsx and downloads.tsx files to add/adjust download-related badges and CTAs
• Make Android APK downloads use dynamic GitHub release URLs #264: Updates downloads.tsx to wire dynamic androidApk URL into the direct APK download link introduced here
• Add direct APK download link to Android section #259: Replaces Android download UI in downloads.tsx with Google Play Badge and direct APK download in the same section

Poem

🐰 A button styled in darkest hue,
With Google Play's badge shining through,
Icons grow bold, the badges align,
Download pathways now intertwine,
One hop closer to app stores divine! 🎯

Pre-merge checks and finishing touches

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	You can run @coderabbitai generate docstrings to improve docstring coverage.

✅ Passed checks (2 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The PR title 'Prioritize Google Play Store official launch' directly reflects the main changes: adding Google Play Store badges prominently across marketing and downloads pages while demoting beta testing to secondary options.

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch google-play-store-launch

---

📜 Recent review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between c5c0af3 and 4b3e8f7.

📒 Files selected for processing (2)

• frontend/src/components/Marketing.tsx (2 hunks)
• frontend/src/routes/downloads.tsx (1 hunks)

🧰 Additional context used

📓 Path-based instructions (2)

**/*.{ts,tsx,js,jsx}

📄 CodeRabbit inference engine (CLAUDE.md)

**/*.{ts,tsx,js,jsx}: Use 2-space indentation, double quotes, and a 100-character line limit for formatting
Use camelCase for variable and function names
Use try/catch with specific error types for error handling

Files:

• frontend/src/routes/downloads.tsx
• frontend/src/components/Marketing.tsx

**/*.{ts,tsx}

📄 CodeRabbit inference engine (CLAUDE.md)

Use strict TypeScript typing and avoid any when possible

Files:

• frontend/src/routes/downloads.tsx
• frontend/src/components/Marketing.tsx

⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (5)

• GitHub Check: build-linux
• GitHub Check: build-macos (universal-apple-darwin)
• GitHub Check: build-android
• GitHub Check: build-ios
• GitHub Check: Cloudflare Pages

🔇 Additional comments (4)

frontend/src/components/Marketing.tsx (2)

330-337: LGTM! Desktop button styling is well-implemented.

The dark-mode aware styling is consistent with other buttons in the component, and the increased icon size (h-5 w-5) properly aligns with the adjacent App Store and Google Play badges.

---

350-357: Google Play badge implementation verified.

The image asset exists at frontend/public/google-play-badge.png. The implementation has proper security attributes and accessibility considerations.

frontend/src/routes/downloads.tsx (2)

241-251: LGTM! Consistent with iOS section structure.

The Google Play badge implementation mirrors the App Store badge above, maintaining visual consistency. The updated descriptive text clearly explains the beta program option.

---

253-273: LGTM! Clear hierarchy aligns with PR objectives.

The two-tier approach effectively prioritizes the Google Play Beta program while keeping direct APK download as a secondary option. The visual styling clearly communicates this hierarchy through button prominence vs. minimal text link styling.

---

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

[greptile-apps]

Greptile Overview

Greptile Summary

Updated marketing and downloads pages to prominently feature the official Google Play Store launch. The Google Play Store badge now appears alongside the App Store badge in the marketing hero section, and leads the Android section on the downloads page. Beta testing and APK download options remain available but are presented as secondary options with minimal styling. Desktop button styling was updated to match store badges for visual consistency.

Confidence Score: 5/5

• This PR is safe to merge with minimal risk
• The changes are purely presentational UI updates that reorganize existing elements and add a new badge image. No logic changes, no security concerns, and all URLs are consistent. The Google Play badge asset exists in the public folder.
• No files require special attention

Important Files Changed

File Analysis

Filename	Score	Overview
frontend/src/components/Marketing.tsx	5/5	Added Google Play Store badge to hero section alongside App Store and Desktop buttons, updated Desktop button styling to match store badge appearance
frontend/src/routes/downloads.tsx	5/5	Reorganized Android section to feature official Play Store prominently, moved beta testing and APK download to secondary position, removed platform-specific subtitle

Sequence Diagram

sequenceDiagram
    participant User
    participant Browser
    participant MarketingPage as Marketing Page
    participant DownloadsPage as Downloads Page
    participant PlayStore as Google Play Store

    User->>Browser: Visit marketing page
    Browser->>MarketingPage: Load hero section
    MarketingPage->>Browser: Display Desktop, App Store & Play Store badges
    Note over MarketingPage: Desktop button now matches<br/>store badge styling
    
    User->>Browser: Click Play Store badge
    Browser->>PlayStore: Redirect to Play Store listing
    Note over PlayStore: Official app launch<br/>id: cloud.opensecret.maple
    
    User->>Browser: Visit downloads page
    Browser->>DownloadsPage: Load mobile apps section
    DownloadsPage->>Browser: Display Android section
    Note over DownloadsPage: Play Store badge shown first<br/>Beta/APK options secondary
    
    User->>Browser: Click "Join Google Play Beta" (optional)
    Browser->>PlayStore: Redirect to beta testing program

Loading

[greptile-apps]

_{2 files reviewed, no comments}

_{Edit Code Review Agent Settings | Greptile}