Design imp #1079
Open
Design imp #1079
Conversation
This file contains 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
Rounded Hero Design, because it looks modern and neat.
Rounded Cards look more neat
Added a scroll to top button, haven't styled it because I don't know how to add it to the main file, typically named App.jsx in react projects. This is my first time working in TypeScript and Next.js
|
|
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.
Description
I enhanced the UI of the Hero section and cards and added a ScrollToTopButton component. Below is a breakdown of the changes:
Centered the Hero Section: The Hero section is now centered for a more balanced and aesthetically pleasing layout.
Added Rounded Borders: Rounded the borders of both the Hero section and the cards to create a softer visual effect.
Glow Effect: Added a subtle glow effect to the cards to make them stand out and add a modern touch.
Scroll-to-Top Button: Created a ScrollToTopButton component (in ScrollToTopButton.jsx) that smoothly scrolls to the top of the page. This component has not yet been added to the main layout file.
Notes
Let me know if any further adjustments or explanations are needed!