Skip to content
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

[Feature Request + Bug] Improvements to Hero Section Alignment, Image Animations, and Sign-Up Page Styling #260

Closed
Palmistry2310 opened this issue Oct 10, 2024 · 1 comment

Comments

@Palmistry2310
Copy link

Bug Report: Hero Section Container Misalignment
Description: The hero section container on the homepage has shifted towards the left, resulting in an uneven layout where additional space appears on the right side. This affects the overall symmetry and user experience.
Expected Behavior: The hero section should be centrally aligned, ensuring equal spacing on both sides to maintain visual balance.

Feature Request: Add Floating Animation to Accessory Images
Description: Currently, the images of the gaming accessories are static. To enhance interactivity and aesthetics, I propose adding a floating/hover animation effect. This will improve the overall user experience by making the site feel more dynamic and engaging.
Proposed Implementation:

  • Implement subtle CSS keyframe animations for a smooth floating effect when users hover over the images.
  • Ensure that the animations don't impact page performance or slow down load times.
  • Add optional custom animations such as a slight scaling or shadow effect on hover.
    Complexity: This will require ensuring cross-browser compatibility and testing the animation performance across various devices to maintain a smooth user experience.

Feature Request: Improve the Styling of the "Home" Button on the Sign-Up Page
Description: The current design of the "Home" button on the sign-up page feels inconsistent with the rest of the website's modern aesthetic. Enhancing this button's design can improve the visual coherence and user flow.
Proposed Enhancements:

  • Update the button style with modern design elements such as rounded corners, soft gradients, and hover animations.
  • Ensure it follows the site's color scheme and typography to maintain consistency.
  • Improve the button's accessibility by adjusting its size, contrast, and padding for better usability.
    Screenshot 2024-10-10 124659

Impact : These enhancements will significantly improve the visual appeal and user experience, helping to maintain user engagement and improve navigation across the website.

@Palmistry2310
Copy link
Author

Palmistry2310 commented Oct 10, 2024

@swaraj-das can you please assign the level 3 label to this issue. I want to work on all the above three proposed sections. And i will also ensure cross-browser compatibility and testing the animation performance to maintain a smooth user experience with no noticeable lag or delay.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant