Apex Gym – Elite Fitness Promotional Website

A high-performance, modern, and fully responsive promotional website developed for Apex Gym, a premium fitness brand.

Screenshots

Home Page

---

Project Overview

Apex Gym’s website focuses on delivering a premium digital experience through:

• Clean and modern UI design
• High-end branding (Obsidian + Gold theme)
• Smooth user interactions and animations
• Fully functional contact system

---

Live Links

• Live Demo: https://apex-gym-eta.vercel.app/
• Figma Design: https://www.figma.com/design/MqKxC7eXgy3XBh2E6PfxEk/Untitled
• GitHub Repository: https://github.com/Amandi2001/apex-gym

---

Tech Stack

Frontend:

• React.js (Functional Components & Hooks)

Styling:

• CSS3 (Flexbox, Grid, Glassmorphism)

Libraries:

• Lucide React
• EmailJS

Deployment:

• Vercel

---

Features

• Responsive UI design
• Services and trainers showcase
• Contact inquiry system
• EmailJS API integration
• Search & filter functionality
• Dark premium UI theme
• Form validation with success feedback
• Smooth animations and hover effects

---

Folder Structure

src/
│
├── assets/            # Images, icons, branding assets
├── components/        # Reusable components (Navbar, Hero, Cards, Footer)
├── pages/             # Page-level components
├── App.css            # CSS modules / styling files
├── App.js             # Main application logic
└── index.js           # Entry point

---

Setup Instructions

1. Clone the repository  
   git clone https://github.com/Amandi2001/apex-gym.git  

2. Navigate to project folder  
   cd apex-gym  

3. Install dependencies  
   npm install  

4. Run the project  
   npm start

---

Contact Form

Fields:

• Name
• Email
• Message

Includes validation and success feedback after submission.

---

Deployment

Deployed using Vercel
https://apex-gym-eta.vercel.app/

---