Skip to content

Latest commit

 

History

History
70 lines (47 loc) · 2.67 KB

README.md

File metadata and controls

70 lines (47 loc) · 2.67 KB

Brand Page

Welcome to the brand page project! This responsive React website showcases our latest collections, features, and more.

Table of Contents

About

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.

Note

  • 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 i and 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.

Features

  • Responsive navigation bar with brand logo
  • Hero section
  • Footer with quick links and social media icons

Preview

Screenshot (130)

How to Use

  1. Clone this repository to your local machine.
  2. Navigate to the project directory in your terminal.
  3. Run npm install to install the necessary dependencies.
  4. Run npm start to start the development server.
  5. Open your browser and visit http://localhost:5173 to view the website.

Customization

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.js to match your brand.
  • Update the content in the React components to reflect your shoe collections and brand information.

Responsive Design

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

Connect With Us

For any questions or suggestions, feel free to reach out:

Enjoy exploring and customizing the Stride Shoes brand page! Step into style! 👟✨