Welcome to the brand page project! This responsive React website showcases our latest collections, features, and more.
This is a dynamic React-based website for Stride Shoes, designed to highlight our brand and showcase our latest shoe collections. The site is built using React for the frontend, with styled-components for styling, creating an interactive and visually appealing user experience.
- It is only a basic website having only home page and not navigation or any other pages because it was my first reactjs project.
- Keep all the images inside the public folder in the images section.
- Create a src folder and inside it paste all the .jsx files excluding the hero.jsx an navigation.jsx file.
- Put the hero.jsx and navigation.jsx file inside the components folder inside the src folder.
- Now run
npm iand install all the dependencies and the in the terminal head over to the project folder and hit npm run dev to run the application. - If you face any issues regarding the opening or running the application, feel free to contant me.
- Responsive navigation bar with brand logo
- Hero section
- Footer with quick links and social media icons
- Clone this repository to your local machine.
- Navigate to the project directory in your terminal.
- Run
npm installto install the necessary dependencies. - Run
npm startto start the development server. - Open your browser and visit
http://localhost:5173to view the website.
Feel free to customize the website to fit your needs:
- Replace placeholder images in the
src/assets/directory with your own. - Modify the color scheme in
src/styles/theme.jsto match your brand. - Update the content in the React components to reflect your shoe collections and brand information.
The website is designed to be responsive, adapting to different screen sizes:
- Desktop: Full layout with side-by-side sections
- Tablet: Adjusted layout for medium-sized screens
- Mobile: Stacked layout for easy viewing on smaller screens
For any questions or suggestions, feel free to reach out:
Enjoy exploring and customizing the Stride Shoes brand page! Step into style! 👟✨