-
-
Notifications
You must be signed in to change notification settings - Fork 24
Enhance homepage with dark mode support and new components #753
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
Merged
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
…GitHub link - Introduces a HeroSection component for the homepage featuring motion-based animations, a call-to-action button for learning Java, and a link to the project's GitHub repository. - Enhances user engagement and navigability while maintaining accessibility standards.
… dark/light mode support and dynamic image handling - Introduces HomeTabs and UnderlineTabs components to enhance the home page with tab-based navigation. - The components support dynamic dark/light mode image handling and responsive design. - HomeTabs dynamically renders tabs for "Docs" and "Programs" with appropriate icons and previews based on the active theme. - UnderlineTabs provides reusable tab navigation with visual feedback, including a sliding underline indicator. - Enhances user experience with theme-aware visuals and improved navigation structure.
…ations and accessibility improvements
…ture cards and animations - Introduces a new FeaturesSection component to showcase key features with dark/light mode compatibility and reactive animations. - Includes memoized feature card data for efficiency, interactive elements, and responsive design to enhance the user experience.
…nimations - Introduces the VisionSection component to enhance the home page with engaging animations and hover effects, promoting the organization's vision. - Adds the reusable Ripple component for dynamic visual effects, supporting customization such as size, opacity, and circle count. - Improves interactivity and visual appeal, aligning with modern design practices.
…ards and responsive design - Introduces a new BentoGridSection component featuring animated cards with hover and tap interactions. - Highlights include responsive design, dynamic image rendering based on dark mode, and visually engaging badges. - Enhances user experience with modern, interactive UI elements.
…-action and responsive design - Introduces a CTASection component featuring motion-based animations and responsive design. - Includes a call-to-action encouraging users to start learning, with hover effects for enhanced interactivity. - Supports a visually engaging and user-friendly experience.
…oved UI interactions
…nd TabsContent for improved UI navigation
…nts for improved organization and readability - Reorganizes HomePage to utilize modular components, enhancing clarity, maintainability, and scalability. - Updates layout to integrate new sections for streamlined content presentation. - Simplifies logic by removing unused code and redundant features, focusing on a modular design approach. - Improves responsiveness and user experience while maintaining compatibility with the existing design system.
…ove styling for better layout and readability
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
…ility and performance - Removed unused `linkItems` import from `layout.tsx`. - Updated string literals to use HTML entities for apostrophes in `layout.tsx`. - Cleaned up style object formatting in `playground/layout.tsx`. - Standardized string quotes and formatting in `playground/page.tsx`. - Replaced `img` with `Image` component in `footer.tsx` for better optimization. - Enhanced type safety in `badge.tsx` by specifying `TargetAndTransition` for `hoverAnimation`. - Updated `useDebounce` function type parameters in `underline-tabs.tsx` for better type inference.
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.
Uh oh!
There was an error while loading. Please reload this page.