Gymkhana is a responsive and interactive landing page for a fitness center, featuring a hero section with smooth scrolling, a contact footer, and a range of sections that describe the gym's features, testimonials, and programs. This landing page is built with React, TailwindCSS, and modern front-end development practices to provide a seamless user experience.
- Hero Section: Includes a prominent title, description, and call-to-action buttons like "Start Training" and "Watch Demo."
- Smooth Scrolling: Smooth navigation between different sections of the page, providing an intuitive user experience.
- Testimonials: Display real user feedback about the gym experience, adding credibility and social proof.
- Footer with Contact Info: Contains contact details and navigation links for easy access to other sections of the page.
- Programs Section: Features different fitness programs offered by the gym, with descriptions for each program.
Make sure you have the following tools installed:
-
Clone the repository:
git clone https://github.com/your-username/gymkhana.git cd gymkhana -
Install dependencies:
npm install
-
Start the development server:
npm start
-
Open the app in your browser at
http://localhost:3000. -
- Hero Section: The homepage features a hero section that includes a title, description, and two interactive buttons: "Start Training" and "Watch Demo."
- Smooth Scrolling: Use navigation links or buttons for a smooth scroll between sections on the page.
- Testimonials: Show real testimonials from gym members to give a personal touch.
- Programs: The page includes a section dedicated to the gym’s different fitness programs.
- Footer: The footer provides contact information and includes quick navigation links for user convenience.
This project is licensed under the MIT License - see the LICENSE file for details.