Redesign landing page with modern, visually engaging layout #32
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This comprehensive redesign transforms the landing page from a basic layout to a modern, feature-rich experience: New Components: - GitHubStats: Displays real-time repository statistics - HeroCodePreview: Animated code snippet showcase in hero section - CodeShowcase: Tabbed interface showing real-world psake examples - QuickStartSteps: Interactive 3-step getting started guide - FeatureGrid: Enhanced feature cards with code examples Hero Section Updates: - Split layout with content on left and code preview on right - Multiple CTAs (Get Started, View on GitHub) - GitHub stats and PowerShell Gallery badges - Gradient background with subtle animation - Responsive design for all screen sizes Visual Enhancements: - Smooth animations and transitions - Dark mode optimization - Terminal-style code previews - Improved button styles with hover effects - Better scrollbar styling - Accessibility improvements (reduced motion support) The new design draws inspiration from modern developer tool sites, showcasing psake in action with real code examples while maintaining excellent usability and performance.
✅ Deploy Preview for psake ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
- Add psake logo next to the hero title - Change title and subtitle to white with text shadow for better readability - Center hero text content vertically for improved layout on wide screens - Make logo and title container responsive across all screen sizes - Logo scales appropriately: 80px (desktop), 60px (tablet), 50px (mobile), 40px (small mobile)
- Remove gradientShift animation for cleaner, less busy appearance - Keep static gradient background which provides visual interest - Removes background-size and animation properties - Improves performance by eliminating continuous animation
HeyItsGilbert
deleted the
claude/redesign-landing-page-017wsxMHvv3x8bVkyg2Wib7K
branch
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This comprehensive redesign transforms the landing page from a basic layout to a modern, feature-rich experience:
New Components:
Hero Section Updates:
Visual Enhancements:
The new design draws inspiration from modern developer tool sites, showcasing psake in action with real code examples while maintaining excellent usability and performance.