Skip to content

refactor: Revamp hero section and improve JS/CSS #5

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

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

lospoy
Copy link

@lospoy lospoy commented May 3, 2025

This PR introduces improvements to the landing page, focusing on the hero section, quick start, and refactoring.

Key Changes:

  • Hero Section Revamp:
    • Updated styling and marketing copy
  • Quick Start guide:
    • Updated styling, added an action button toggle
    • Added 'copy' button
  • Header Animation:
    • Added header shrinking animation on desktop
    • Added menu toggle animation on mobile
  • Code Refactoring:
    • Moved all inline JavaScript and CSS into separate index.js and index.css

Before changes:

pre.revamp.mp4

After changes:

mcp.web.hero.mp4

- Revamp hero section styling, including responsive font size for the title.
- Refactor inline JavaScript into external index.js.
- Improve CSS structure and resolve mobile navigation issues (toggle, animation, click-outside).
- Enhance header scroll animation.
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.

1 participant