Skip to content

Homepage build net CTA button #15513

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 8 commits into from
May 29, 2025
Merged

Homepage build net CTA button #15513

merged 8 commits into from
May 29, 2025

Conversation

nloureiro
Copy link
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

Copy link

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
Copy link
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
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
@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