Skip to content

improve landing page UI visibility and accessibility#1478

Open
Rashi1404 wants to merge 28 commits into
Priyanshu-byte-coder:mainfrom
Rashi1404:fix/landing-page-ui-improvements
Open

improve landing page UI visibility and accessibility#1478
Rashi1404 wants to merge 28 commits into
Priyanshu-byte-coder:mainfrom
Rashi1404:fix/landing-page-ui-improvements

Conversation

@Rashi1404
Copy link
Copy Markdown

@Rashi1404 Rashi1404 commented May 29, 2026

Description

This PR improves the overall UI/UX and accessibility of the landing page while preserving the existing futuristic design aesthetic.

Changes Made

  • Fixed cursor visibility issue by improving cursor contrast and glow visibility.
  • Updated navbar branding (DEVTRACK) with darker styling for better readability.
  • Improved hero section text contrast and visibility.
  • Enhanced button accessibility with better hover and focus states.
  • Improved spacing and visual balance across the landing page.
  • Added smoother UI interactions and transitions.
  • Maintained responsiveness across different screen sizes.

UI Improvements

  • Better visual hierarchy
  • Improved readability
  • Cleaner accessibility support
  • More polished landing page experience

Type of Change

UI Improvement

Accessibility Enhancement

Responsive Design Fix

Bug Fix

Screenshots

before

Screenshot 2026-05-28 at 22 25 43

after
Screenshot 2026-05-29 at 12 53 18

Notes

The existing design language and layout structure were preserved while improving visibility, accessibility, and user experience.

@vercel
Copy link
Copy Markdown

vercel Bot commented May 29, 2026

@Rashi1404 is attempting to deploy a commit to the PRIYANSHU DOSHI's projects Team on Vercel.

A member of the Team first needs to authorize it.

@github-actions github-actions Bot added gssoc26 GSSoC 2026 contribution type:accessibility GSSoC type bonus: accessibility (+15 pts) type:design GSSoC type bonus: UI/design (+10 pts) labels May 29, 2026
@github-actions
Copy link
Copy Markdown

github-actions Bot commented May 29, 2026

GSSoC Label Checklist 🏷️

@Priyanshu-byte-coder — please apply the appropriate labels before merging:

Difficulty (pick one):

  • level:beginner — 20 pts
  • level:intermediate — 35 pts
  • level:advanced — 55 pts
  • level:critical — 80 pts

Quality (optional):

  • quality:clean — ×1.2 multiplier
  • quality:exceptional — ×1.5 multiplier

Validation (required to score):

  • gssoc:approved — counts for points
  • gssoc:invalid / gssoc:spam / gssoc:ai-slop — does not score

Type labels (type:*) are auto-detected from files and title. Review and adjust if needed.
Points formula: (difficulty × quality_multiplier) + type_bonus

@Priyanshu-byte-coder Priyanshu-byte-coder added gssoc:approved GSSoC: PR approved for scoring level:intermediate GSSoC: Intermediate difficulty (35 pts) labels May 29, 2026
Priyanshu-byte-coder
Priyanshu-byte-coder requested changes May 29, 2026
View reviewed changes
Copy link
Copy Markdown
Owner

@Priyanshu-byte-coder Priyanshu-byte-coder left a comment

Choose a reason for hiding this comment

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

PR includes pnpm-lock.yaml. Project uses npm — committing pnpm lockfiles causes Vercel to switch package managers and fail builds with ERR_PNPM_OUTDATED_LOCKFILE. Remove pnpm-lock.yaml (and pnpm-workspace.yaml if present), run npm install to update package-lock.json, then rebase on main.

Priyanshu-byte-coder and others added 12 commits May 29, 2026 17:45
@Priyanshu-byte-coder
fix(a11y): improve accessibility for offline page (Priyanshu-byte-cod…
a0039b1 
…er#1493)
@Priyanshu-byte-coder
fix(cron): fail closed when CRON_SECRET unset in weekly-digest (Priya…
5674c01 
…nshu-byte-coder#1500)
@Priyanshu-byte-coder
fix(local-coding): surface stats query errors (Priyanshu-byte-coder#1495
961cac0 
)
@Priyanshu-byte-coder
perf: memoize PinnedRepos and TopRepos to prevent unnecessary re-rend…
1b60cf9 
…ers (Priyanshu-byte-coder#1503)
@Priyanshu-byte-coder
security(xss): sanitize AI summary with DOMPurify in AIMentorWidget (P…
8c78b27 
…riyanshu-byte-coder#1502)
@Rashi1404
chore: remove pnpm lockfile and update npm lockfile
fcd1aad
@Priyanshu-byte-coder
fix(ci-metrics): handle individual repo failures gracefully, extract …
23792d7 
…ci-analytics lib with tests (Priyanshu-byte-coder#1501)
@Priyanshu-byte-coder
feat: add PR status filter to PR Analytics and PRBreakdownChart (Priy…
2264d9a 
…anshu-byte-coder#1499)
@Priyanshu-byte-coder
test: add unit tests for user settings API + vitest config (Priyanshu…
3891db3 
…-byte-coder#1496)
@Priyanshu-byte-coder
fix: improve dark mode contrast for landing page and ContributionHeat…
0ee3813 
…map (Priyanshu-byte-coder#1454)
@Priyanshu-byte-coder
feat: add ParticleBackground and CustomCursor as opt-in visual compon…
e8f5b6b 
…ents (Priyanshu-byte-coder#1450)
@Priyanshu-byte-coder
test: add edge case tests for weekly AI productivity prompt (Priyansh…
46b126b 
…u-byte-coder#1449)
@Rashi1404
Copy link
Copy Markdown
Author

Rashi1404 commented May 29, 2026

@Priyanshu-byte-coder

i have Implemented the requested changes:

  • Removed pnpm-lock.yaml
  • Updated package-lock.json using npm
  • Rebases the branch with latest main

The PR has been updated successfully.

Priyanshu-byte-coder and others added 7 commits May 29, 2026 18:18
@Priyanshu-byte-coder
test: improve formatActivity test coverage (Priyanshu-byte-coder#1432)
96f3481
@Priyanshu-byte-coder
feat(a11y): add aria-labels to interactive buttons across components (P…
969dc04 
…riyanshu-byte-coder#1431)
@Priyanshu-byte-coder
fix: improve landing page visual polish, contrast, and Footer improve…
6f6b688 
…ments (Priyanshu-byte-coder#1448)
@Priyanshu-byte-coder
fix(types): export fetchPublicProfile, PublicLanguage from public-pro…
a2d079e 
…file-data; fix compare page type errors
@Rashi1404
Merge branch 'main' into fix/landing-page-ui-improvements
4bb9c96
@Priyanshu-byte-coder @claude
fix(ci): resolve duplicate aria-label props, add missing deps, fix Pu…
aa75430 
…blicLanguage.name TS error

- Remove duplicate `aria-label="Perform action"` from 10 components (settings page, AIMentorWidget, ContributionGraph, ContributionHeatmap, GoalTracker, KeyboardShortcuts, NotificationBell, StreakAtRiskBanner, StreakMilestoneBanner, WeeklySummaryCard)
- Add dompurify + @types/dompurify to deps, @testing-library/react + @testing-library/jest-dom to devDeps
- Fix compare page using PublicLanguage.name → PublicLanguage.language

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@Rashi1404
Merge branch 'main' into fix/landing-page-ui-improvements
157ad7e
@github-actions github-actions Bot added type:devops GSSoC type bonus: devops (+15 pts) type:security GSSoC type bonus: security (+20 pts) type:testing GSSoC type bonus: tests (+10 pts) labels May 29, 2026
@Rashi1404
Copy link
Copy Markdown
Author

Rashi1404 commented May 29, 2026

Hi @Priyanshu-byte-coder,
i have Implemented the requested changes. The PR has been updated successfully.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@Priyanshu-byte-coder Priyanshu-byte-coder Priyanshu-byte-coder requested changes

Assignees

@Rashi1404 Rashi1404

Labels

gssoc:approved GSSoC: PR approved for scoring gssoc26 GSSoC 2026 contribution level:intermediate GSSoC: Intermediate difficulty (35 pts) type:accessibility GSSoC type bonus: accessibility (+15 pts) type:design GSSoC type bonus: UI/design (+10 pts) type:devops GSSoC type bonus: devops (+15 pts) type:security GSSoC type bonus: security (+20 pts) type:testing GSSoC type bonus: tests (+10 pts)

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

2 participants

@Rashi1404 @Priyanshu-byte-coder