A modern, high-performance landing page for Oxygen Gym built with Next.js and Tailwind CSS.
Oxygen Gym v2.0 is the completely revamped, modern web application for Oxygen Gym. Rebuilt from the ground up to provide a premium user experience, this version leverages the power of React Server Components, dynamic routing, and fluid animations.
It moves away from the legacy static architecture to a scalable, modular Next.js framework, ensuring blazing-fast load times, excellent SEO, and a highly responsive layout for all devices.
- 🚀 Next.js 14 Framework: Fast, optimized, and SEO-friendly routing.
- 🎨 Tailwind CSS: Utility-first styling for a sleek, dark-themed, and fully responsive UI.
- 🪄 Framer Motion: Smooth, physics-based micro-animations and page transitions.
- 🧱 Component-Driven: Highly modular architecture using React components.
- 🛡️ TypeScript Ready: Strongly typed codebase for better maintainability and fewer bugs.
To get a local copy up and running, follow these simple steps.
- Node.js (v18 or higher)
- npm, yarn, pnpm, or bun
-
Clone the repository: \\�ash git clone https://github.com/Husrocks/Oxygen-2.0.git cd Oxygen-2.0 \\
-
Install dependencies: \\�ash npm install \\
-
Start the development server: \\�ash npm run dev \\
-
View the application: Open http://localhost:3000 in your browser.
- **\�pp/**: Contains the Next.js App Router pages and layout files.
- **\components/**: Reusable React components (Navbar, Hero, Footer, etc.).
- **\�ssets/**: Static images and visual assets.
- **\ ailwind.config.js**: Custom design tokens and theme configuration.
Contributions, issues, and feature requests are welcome! Feel free to check the issues page.
- Designed and Developed by Hussnain Bashir.