Skip to content

Homepage build net CTA button#15513

Merged
wackerow merged 8 commits into
stagingfrom
homepage-build-CTA
May 29, 2025
Merged

Homepage build net CTA button#15513
wackerow merged 8 commits into
stagingfrom
homepage-build-CTA

Conversation

@nloureiro
Copy link
Copy Markdown
Contributor

@nloureiro nloureiro commented May 27, 2025

PR Description

Changes Made

This PR updates the Call-to-Action (CTA) buttons in the homepage hero section:

  1. Button Order Change

    • Swapped the positions of the "Networks" and "Dapps" buttons
    • New order: Find Wallet → Get ETH → Dapps → Build apps
  2. New "Build apps" Button

    • Replaced the "Networks" button with a new "Build apps" CTA
    • Added new translations:
      "page-index-cta-build-apps-label": "Build apps"
      "page-index-cta-build-apps-description": "Put your idea on chain"
    • Links to /developers/ section
    • Added a custom rocket/pen icon that matches the button's theme color using currentColor
  3. Cleanup

    • Removed unused translation strings:
      "page-index-cta-networks-label": "Choose a network"
      "page-index-cta-networks-description": "Enjoy minimal fees"

Visual Changes

  • The new "Build apps" button uses the same color scheme (text-accent-b hover:text-accent-b-hover)
  • Added a new SVG icon that inherits the button's text color
  • Maintains responsive layout (2x2 grid on mobile, single row on desktop)

Screenshots

[You might want to add before/after screenshots here]

Testing

Please verify:

  • All 4 CTAs are properly aligned and responsive
  • "Build apps" button links to /developers/
  • Icon color matches the text and changes on hover
  • Translations are working correctly

@netlify
Copy link
Copy Markdown

netlify Bot commented May 27, 2025

Deploy Preview for ethereumorg ready!

Name Link
🔨 Latest commit f01c1e5
🔍 Latest deploy log https://app.netlify.com/projects/ethereumorg/deploys/6838b0a19fc65b0008685733
😎 Deploy Preview https://deploy-preview-15513--ethereumorg.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
7 paths audited
Performance: 40 (🔴 down 19 from production)
Accessibility: 95 (🟢 up 1 from production)
Best Practices: 89 (🔴 down 10 from production)
SEO: 99 (🔴 down 1 from production)
PWA: 59 (🟢 up 1 from production)
View the detailed breakdown and full score reports

To edit notification comments on pull requests, go to your Netlify project configuration.

@github-actions github-actions Bot added content 🖋️ This involves copy additions or edits translation 🌍 This is related to our Translation Program labels May 27, 2025
Comment thread src/intl/en/page-index.json Outdated
Copy link
Copy Markdown
Member

@wackerow wackerow left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@lukassim if you could please update translations for the changed "Start building" string, then can pull this in

@lukassim
Copy link
Copy Markdown
Contributor

@lukassim if you could please update translations for the changed "Start building" string, then can pull this in

Done

@nloureiro nloureiro marked this pull request as ready for review May 29, 2025 08:15
@wackerow wackerow changed the base branch from dev to staging May 29, 2025 19:07
wackerow
wackerow previously approved these changes May 29, 2025
Comment thread src/intl/en/page-index.json Outdated
@wackerow wackerow merged commit a504139 into staging May 29, 2025
5 of 6 checks passed
@wackerow wackerow deleted the homepage-build-CTA branch May 29, 2025 19:08
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

content 🖋️ This involves copy additions or edits translation 🌍 This is related to our Translation Program

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants