Skip to content

[FEAT] Improve landing page — feature showcase + sections #36

@Priyanshu-byte-coder

Description

@Priyanshu-byte-coder

Summary

The current landing page (src/app/page.tsx) is a minimal hero with two buttons. Needs a feature showcase to attract contributors and users.

What to build

  • Features section below the hero with 4 cards:
    • Commit streaks tracker, PR analytics, Weekly goals, Top repositories
    • Each card: icon, title, one-line description
  • How it works section: 3 steps (Sign in → View dashboard → Set goals)
  • Footer: links to GitHub, CONTRIBUTING.md, LICENSE, issues

Design notes

  • Keep dark slate theme consistent with dashboard
  • No external image dependencies — use inline SVG or emoji icons
  • Must be responsive (mobile-first)

Files to edit

src/app/page.tsx

Acceptance criteria

  • Features section with 4 cards
  • How it works section
  • Footer with correct links
  • Mobile responsive

Difficulty

Good first issue — pure UI, no API work.

Metadata

Metadata

Assignees

Labels

good first issueGood for newcomersgssoc26GSSoC 2026 contributionlevel1GSSoC Level 1 - Beginner (10 points)~2hEstimated 2 hours

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions