Skip to content

Remove gradient styling from homepage landing visuals#58

Draft
Copilot wants to merge 3 commits intomainfrom
copilot/improve-homepage-no-gradients
Draft

Remove gradient styling from homepage landing visuals#58
Copilot wants to merge 3 commits intomainfrom
copilot/improve-homepage-no-gradients

Conversation

Copy link
Copy Markdown
Contributor

Copilot AI commented Apr 5, 2026

The homepage needed to align with the updated design direction by removing gradient usage. This change updates landing-page visual treatments to use solid fills only, without altering structure or behavior.

  • Homepage visual cleanup (no gradients)

    • Replaced decorative background gradient in feature visual containers with a solid slate fill.
    • Replaced VDOT progress-bar gradient fill with a solid blue fill.
    • Replaced founder image overlay gradient with a solid dark overlay.
  • Scope

    • Updated only vite-project/src/components/layout/Landing.tsx.
    • No routing, copy, component composition, or interaction logic changes.
// Before
<div className="absolute inset-0 bg-gradient-to-br from-slate-100 to-slate-200 opacity-50" />
<div className="absolute inset-y-0 left-0 w-[50%] bg-gradient-to-r from-emerald-400 via-blue-500 to-purple-500 rounded-full" />
<div className="absolute inset-0 bg-gradient-to-t from-slate-900 via-transparent to-transparent z-10 opacity-60" />

// After
<div className="absolute inset-0 bg-slate-200 opacity-50" />
<div className="absolute inset-y-0 left-0 w-[50%] bg-blue-500 rounded-full" />
<div className="absolute inset-0 bg-slate-900 z-10 opacity-60" />

@netlify
Copy link
Copy Markdown

netlify bot commented Apr 5, 2026

Deploy Preview for trainpace ready!

Name Link
🔨 Latest commit a115bd2
🔍 Latest deploy log https://app.netlify.com/projects/trainpace/deploys/69d1ac8056eab400080cf79c
😎 Deploy Preview https://deploy-preview-58--trainpace.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
1 paths audited
Performance: 80
Accessibility: 89
Best Practices: 100
SEO: 100
PWA: 60
View the detailed breakdown and full score reports

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

@vercel
Copy link
Copy Markdown

vercel bot commented Apr 5, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
trainpace Ready Ready Preview, Comment Apr 5, 2026 0:28am

@codacy-production
Copy link
Copy Markdown

codacy-production bot commented Apr 5, 2026

Up to standards ✅

🟢 Issues 0 issues

Results:
0 new issues

View in Codacy

🟢 Metrics 0 complexity · 0 duplication

Metric Results
Complexity 0
Duplication 0

View in Codacy

TIP This summary will be updated as you push new changes. Give us feedback

Agent-Logs-Url: https://github.com/aleexwong/trainpace/sessions/7787828d-a62e-436c-90c0-c31169e9cc13

Co-authored-by: aleexwong <65264501+aleexwong@users.noreply.github.com>
Copilot AI changed the title [WIP] Update homepage design by removing gradients Remove gradient styling from homepage landing visuals Apr 5, 2026
Copilot AI requested a review from aleexwong April 5, 2026 00:29
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants