A modern, responsive fitness gym website built with Astro, featuring a clean design and comprehensive information about gym facilities, classes, pricing, and more.

• Modern Design: Clean, responsive UI built with Tailwind CSS
• Fast Performance: Static site generation with Astro for optimal loading speeds
• Comprehensive Content:
  • Homepage with hero section, features, statistics, and testimonials
  • About page with gym history and trainer profiles
  • Classes page with detailed class information and schedules
  • Pricing page with membership plans
  • Contact page with form and location information
• Responsive Layout: Mobile-first design that works on all devices
• Accessible: Built with accessibility best practices
• SEO Optimized: Proper meta tags and semantic HTML

• Node.js 18+ and npm (or yarn/pnpm)

1. Clone the repository:

git clone https://github.com/yourusername/astro-gym-fitness-website.git
cd astro-gym-fitness-website

2. Install dependencies:

npm install

3. Start the development server:

npm run dev

4. Open your browser and navigate to http://localhost:4321

/
├── public/
│   └── favicon.svg          # Site favicon
├── src/
│   ├── assets/              # Images and static assets
│   ├── components/          # Astro components
│   │   ├── Classes.astro
│   │   ├── ClassSchedule.astro
│   │   ├── ContactForm.astro
│   │   ├── Facilities.astro
│   │   ├── FAQ.astro
│   │   ├── Features.astro
│   │   ├── Footer.astro
│   │   ├── Header.astro
│   │   ├── Hero.astro
│   │   ├── PricingPlans.astro
│   │   ├── Statistics.astro
│   │   ├── SuccessStories.astro
│   │   └── Testimonials.astro
│   ├── data/
│   │   └── siteData.ts      # Site configuration and data
│   ├── layouts/
│   │   └── Layout.astro     # Main layout component
│   ├── pages/               # Route pages
│   │   ├── index.astro      # Homepage
│   │   ├── about.astro      # About page
│   │   ├── classes.astro    # Classes page
│   │   ├── contact.astro    # Contact page
│   │   ├── pricing.astro    # Pricing page
│   │   └── 404.astro        # 404 error page
│   └── styles/
│       └── global.css       # Global styles
├── astro.config.mjs         # Astro configuration
├── package.json             # Project dependencies
└── tsconfig.json            # TypeScript configuration

Edit src/data/siteData.ts to customize:

• Gym name and tagline
• Contact information (address, phone, email)
• Social media links
• Navigation menu
• Features, classes, pricing plans
• Testimonials and success stories
• FAQs and schedules

The project uses Tailwind CSS for styling. You can:

• Modify src/styles/global.css for global styles
• Use Tailwind utility classes directly in components
• Customize Tailwind configuration (if needed)

1. Create a new .astro file in src/pages/
2. The file name becomes the route (e.g., services.astro → /services)
3. Import and use the Layout component from src/layouts/Layout.astro

npm run build

This creates a dist/ folder with your static site ready for deployment.

Vercel:

npm i -g vercel
vercel

Netlify:

• Connect your repository to Netlify
• Set build command: npm run build
• Set publish directory: dist

GitHub Pages:

• Update astro.config.mjs with your base URL
• Use GitHub Actions or deploy manually

Other Platforms:

• Any static hosting service (Cloudflare Pages, AWS S3, etc.)

• Astro - Web framework for building fast, content-focused websites
• Tailwind CSS - Utility-first CSS framework
• TypeScript - Typed JavaScript
• Remix Icon - Icon library

This project is licensed under the MIT License - see the LICENSE file for details.

Contributions are welcome! Please read our Code of Conduct first, then:

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

If you discover a security vulnerability, please see our Security Policy for information on how to report it.

For questions or support, please contact:

• Email: info@fitzonegym.com
• Website: [Your Website URL]

• Astro team for the amazing framework
• Tailwind CSS for the utility-first CSS framework
• Remix Icon for the beautiful icons
• All contributors and users of this project

Made with ❤️ for fitness enthusiasts