Skip to content

A modern and dynamic website for a fictional gym, showcasing services, testimonials, pricing, and more. Built with React.js and React-Bootstrap for a responsive user experience.

Notifications You must be signed in to change notification settings

Musxeto/berserk-gym

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

67 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Berserk Gym Website

Introduction

Welcome to the Berserk Gym website project! This project is a personal endeavor to create a modern and dynamic website for a fictional gym, showcasing its services, testimonials, pricing, and much more.

Live Demo: https://berserkgym.vercel.app

Screenshots

2024-03-07 (4) 2024-03-07 (6)

2024-03-07 (5)

2024-03-07 (7)

Table of Contents

Features

  • Hero Section: A striking introduction section featuring a call-to-action button for a free trial pass.
  • Navigation: An easy-to-navigate menu bar with sections like Home, Why Us, Services, Gallery, Pricing, Testimonials, and a "Join Now" button.
  • Why Us Section: Highlights the unique features and benefits of choosing Berserk Gym.
  • Services Section: Describes various fitness services offered by the gym, each with its own card and details.
  • Gallery: An image gallery showcasing the gym's facilities and environment.
  • Pricing: Displays the gym's pricing plans, each with its details.
  • Testimonials: Real or fictional client testimonials presented in a dynamic slider.
  • Footer: Includes contact information, a newsletter subscription form, and social media links.
  • Modal: A sign-up modal for users interested in joining the gym.

Technologies Used

  • React: The project is built using React.js, a popular JavaScript library for building user interfaces.
  • React-Bootstrap: Utilized for responsive and customizable UI components.
  • Swiper: Integrated for creating a dynamic and responsive testimonial slider.
  • Email.js: Used for sending subscription and sign-up emails directly from the website.

How to Use

  1. Clone the repository: git clone https://github.com/musxeto/berserk-gym.git
  2. Navigate to the project directory: cd berserk-gym
  3. Install dependencies: npm install
  4. Start the development server: npm start
  5. Open your browser and visit https://localhost:3000 to view the Berserk Gym website.

Contributing

If you have ideas for improvement or find any issues, feel free to open an issue or submit a pull request. Contributions are welcome!

License

This project is licensed under the MIT License.

About

A modern and dynamic website for a fictional gym, showcasing services, testimonials, pricing, and more. Built with React.js and React-Bootstrap for a responsive user experience.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published