Skip to content

Remove gradient styling from homepage landing visuals #58

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.

Sign up for GitHub

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

Draft
Copilot wants to merge 3 commits into
base: main
Choose a base branch
from
+3 −3
Draft

Remove gradient styling from homepage landing visuals #58

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
9eed2f0
Initial plan
Copilot Apr 5, 2026
7fe1dbd
style: remove homepage gradient effects
Copilot Apr 5, 2026
a115bd2
style: keep homepage overlays solid without gradients
Copilot Apr 5, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions vite-project/src/components/layout/Landing.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -363,7 +363,7 @@ const FeatureSection = ({
<div className="flex-1 w-full">
<div className="bg-slate-100 rounded-2xl p-8 aspect-[4/3] flex items-center justify-center relative overflow-hidden shadow-inner">
{/* Placeholder for Feature Visuals - In a real app these would be generic interactive components or screenshots */}
<div className="absolute inset-0 bg-gradient-to-br from-slate-100 to-slate-200 opacity-50"></div>
<div className="absolute inset-0 bg-slate-200 opacity-50"></div>
<div className="relative bg-white rounded-xl shadow-lg p-6 w-full max-w-sm border border-slate-200">
{badge === "Pace Calculator" && (
<div className="space-y-4">
Expand Down Expand Up @@ -463,7 +463,7 @@ const FeatureSection = ({
<span className="text-2xl font-bold text-blue-600">49.8</span>
</div>
<div className="relative h-3 bg-gray-200 rounded-full overflow-hidden">
<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-y-0 left-0 w-[50%] bg-blue-500 rounded-full" />
</div>
<div className="space-y-2 text-sm">
<div className="flex justify-between">
Expand Down Expand Up @@ -618,7 +618,7 @@ const FounderStory = () => {
<div className="relative lg:h-full flex items-center justify-center lg:justify-end mt-12 lg:mt-0">
{/* 1. The Runner Image (Anchors the design) */}
<div className="relative w-full max-w-md rounded-2xl overflow-hidden border border-slate-700/50 shadow-2xl rotate-2 hover:rotate-0 transition-all duration-500 group">
<div className="absolute inset-0 bg-gradient-to-t from-slate-900 via-transparent to-transparent z-10 opacity-60" />
<div className="absolute inset-0 bg-slate-900 z-10 opacity-60" />
<img
src="https://images.unsplash.com/photo-1452626038306-9aae5e071dd3?q=80&w=1000&auto=format&fit=crop"
alt="Alex running"
Expand Down