saurabhbakolia / SCROLLME--ECOMMERCE-WEBSITE

ScrollMe is an open-source eCommerce platform built with JavaScript, React, Styled Components, Node.js (Express), and MongoDB. It offers a modern shopping experience with a scalable backend, perfect for contributors or those learning modern web development.
https://www.scrollme.online/
MIT License
19 stars 65 forks source link

feat: add modern carousel to hero section #75

Closed yakhilgithub closed 1 month ago

yakhilgithub commented 1 month ago

Fixes: #34 Enhance Hero Section with Modern Interactive Carousel

Description: The hero section has been upgraded by replacing the basic carousel with a modern, interactive, and fully responsive design. The new horizontally scrollable component provides a more engaging experience and improves the overall aesthetics of the landing page. Text and button styles have been updated for better readability and visual appeal, resulting in a more polished and user-friendly interface.

Changes Made: -Replaced the basic carousel with a modern HorizontalScrollSection component -Implemented horizontal scrolling for a dynamic, user-friendly experience -Optimized the design to ensure responsiveness across all device sizes -Improved typography for better readability and visual hierarchy -Redesigned buttons with hover and click animations for enhanced interactivity -Integrated Framer Motion for smooth, fluid animations -Used styled-components for scoped, maintainable styling

Checklist: -Code has been tested across various devices for responsive functionality -All code follows the project's standards and best practices -Assets and images have been optimized for performance

The updated hero section now includes: -A horizontally scrollable carousel with high-quality visuals -Enhanced typography for titles and descriptions -A redesigned "SHOP NOW" button with engaging hover and click effects -Smooth animations for a more polished and seamless user experience scrollme1

netlify[bot] commented 1 month ago

Deploy Preview for scrollme-ecommerce ready!

Name Link
Latest commit e1bcbe8e6981f615e68ed8dab8b94a41112b7214
Latest deploy log https://app.netlify.com/sites/scrollme-ecommerce/deploys/66ffc98870b51b000813eeac
Deploy Preview https://deploy-preview-75--scrollme-ecommerce.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

vercel[bot] commented 1 month ago

The latest updates on your projects. Learn more about Vercel for Git β†—οΈŽ

Name Status Preview Comments Updated (UTC)
scrollme-ecommerce-website ❌ Failed (Inspect) Oct 4, 2024 10:55am