<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Level Up Fitness Club | Surrey's Premier Fitness Gym Since 2001</title>
  <meta name="description" content="Surrey's premier fitness gym since 2001. Personal training, 24/7 gym access, nutrition coaching & meal prep. Join 2,500+ members transforming their fitness.">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700;900&family=Bebas+Neue&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
  <link rel="stylesheet" href="css/styles.css">
  <script src="https://unpkg.com/@phosphor-icons/web@2.1.1/src/index.js" defer></script>
</head>
<body>

  <!-- NAVIGATION -->
  <nav class="main-nav">
    <div class="nav-inner">
      <a href="/" class="nav-logo">Level Up Fitness Club</a>
      <button class="hamburger" aria-label="Menu"><i class="ph ph-list"></i></button>
      <div class="nav-menu">
        <a href="/About-Us/" class="nav-link">About Us</a>
        <a href="/Memberships/" class="nav-link">Memberships</a>
        <a href="/services/" class="nav-link">Fitness Programs</a>
        <a href="/Gallery/" class="nav-link">Before & After</a>
        <a href="/Contact/" class="nav-link">Contact Us</a>
      </div>
    </div>
  </nav>

  <!-- HERO -->
  <section class="page-hero" style="height:100vh;min-height:600px;">
    <div class="hero-bg" style="background-image:url('https://images.unsplash.com/photo-1534438327276-14e5300c3a48?w=1920&h=1080&fit=crop')"></div>
    <div class="hero-overlay"></div>
    <div class="hero-content" style="padding-top:72px;">
      <p class="hero-label" style="font-family:'Bebas Neue',sans-serif;font-size:16px;letter-spacing:4px;color:#FFCD4C;margin-bottom:16px;text-transform:uppercase;">Surrey's #1 Fitness Club</p>
      <h1 style="font-family:'Bebas Neue',sans-serif;font-size:clamp(64px,12vw,140px);color:#fff;line-height:0.9;letter-spacing:3px;margin-bottom:8px;">LEVEL UP<br><span style="color:#FFCD4C;">YOUR FITNESS</span></h1>
      <p style="font-family:'Montserrat',sans-serif;font-size:clamp(14px,2vw,20px);color:rgba(255,255,255,0.85);margin-bottom:40px;font-weight:400;">Surrey's Premier Fitness Gym Since 2001</p>
      <div style="display:flex;gap:16px;flex-wrap:wrap;justify-content:center;">
        <a href="/Contact/" class="btn btn-primary">GET STARTED TODAY</a>
        <a href="/services/" class="btn btn-secondary">VIEW PROGRAMS</a>
      </div>
      <div style="position:absolute;bottom:40px;left:50%;transform:translateX(-50%);">
        <i class="ph ph-caret-down" style="font-size:28px;color:rgba(255,255,255,0.5);animation:bounce 2s infinite;"></i>
      </div>
    </div>
  </section>

  <style>
    @keyframes bounce { 0%,100%{transform:translateY(0)} 50%{transform:translateY(8px)} }
  </style>

  <!-- STATS -->
  <section style="background:var(--navy);padding:40px 0;">
    <div class="container">
      <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:32px;text-align:center;">
        <div>
          <div class="counter" data-count="25">0</div>
          <div style="color:rgba(255,255,255,0.7);font-family:'Montserrat',sans-serif;font-size:14px;text-transform:uppercase;letter-spacing:1px;margin-top:4px;">Years Experience</div>
        </div>
        <div>
          <div class="counter" data-count="2500">0</div>
          <div style="color:rgba(255,255,255,0.7);font-family:'Montserrat',sans-serif;font-size:14px;text-transform:uppercase;letter-spacing:1px;margin-top:4px;">Happy Members</div>
        </div>
        <div>
          <div class="counter" data-count="15">0</div>
          <div style="color:rgba(255,255,255,0.7);font-family:'Montserrat',sans-serif;font-size:14px;text-transform:uppercase;letter-spacing:1px;margin-top:4px;">Expert Trainers</div>
        </div>
      </div>
    </div>
  </section>

  <!-- PROGRAMS -->
  <section class="section section-light" id="programs">
    <div class="container">
      <div style="text-align:center;margin-bottom:48px;">
        <span class="section-label">What We Offer</span>
        <h2 class="section-heading" style="margin-bottom:0;">Our Fitness Programs</h2>
      </div>
      <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;">
        <div class="program-card">
          <div class="program-icon"><i class="ph-bold ph-dumbbell"></i></div>
          <h3 class="program-title">Personal Training</h3>
          <p class="program-desc">One-on-one coaching tailored to your goals. Our certified trainers design custom workout plans to maximize your results.</p>
          <a href="/Personal-Training/" class="program-link">Learn More →</a>
        </div>
        <div class="program-card">
          <div class="program-icon"><i class="ph-bold ph-bowl-food"></i></div>
          <h3 class="program-title">Nutrition Coaching</h3>
          <p class="program-desc">Meal plans and expert guidance for lasting results. Our nutritionists help you build sustainable eating habits.</p>
          <a href="/Nutrition-Coaching/" class="program-link">Learn More →</a>
        </div>
        <div class="program-card">
          <div class="program-icon"><i class="ph-bold ph-clock"></i></div>
          <h3 class="program-title">24/7 Open Gym</h3>
          <p class="program-desc">Access our fully-equipped facility any time. State-of-the-art equipment available around the clock for your convenience.</p>
          <a href="/Open-Gym/" class="program-link">Learn More →</a>
        </div>
        <div class="program-card">
          <div class="program-icon"><i class="ph-bold ph-heart"></i></div>
          <h3 class="program-title">Memberships</h3>
          <p class="program-desc">Flexible plans for every lifestyle and budget. From basic access to unlimited personal training — we have you covered.</p>
          <a href="/Memberships/" class="program-link">Learn More →</a>
        </div>
      </div>
    </div>
  </section>

  <!-- TESTIMONIALS -->
  <section class="section section-dark" id="testimonials">
    <div class="container">
      <div style="text-align:center;margin-bottom:48px;">
        <span class="section-label">Testimonials</span>
        <h2 class="section-heading" style="color:#fff;margin-bottom:0;">What Our Members Say</h2>
      </div>
      <div class="swiper testimonial-slider">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <div class="testimonial-card">
              <div class="testimonial-stars">★★★★★</div>
              <p class="testimonial-quote">"Level Up completely changed my life. I lost 40 lbs in 6 months with personal training here. The trainers are incredible — knowledgeable, motivating, and really care about your progress."</p>
              <p class="testimonial-name">Sarah M.</p>
              <p class="testimonial-type">Member since 2022 — Personal Training</p>
            </div>
          </div>
          <div class="swiper-slide">
            <div class="testimonial-card">
              <div class="testimonial-stars">★★★★★</div>
              <p class="testimonial-quote">"Best gym in Surrey, hands down. The 24/7 access fits my shift schedule perfectly, and the equipment is always clean and well-maintained. The nutrition coaching was the missing piece I needed."</p>
              <p class="testimonial-name">James T.</p>
              <p class="testimonial-type">Member since 2020 — Open Gym + Nutrition</p>
            </div>
          </div>
          <div class="swiper-slide">
            <div class="testimonial-card">
              <div class="testimonial-stars">★★★★★</div>
              <p class="testimonial-quote">"The community here is what sets Level Up apart. It's not just a gym — it's a family. I've made lifelong friends and hit fitness goals I never thought possible."</p>
              <p class="testimonial-name">Priya K.</p>
              <p class="testimonial-type">Member since 2019 — Premium Membership</p>
            </div>
          </div>
        </div>
        <div class="swiper-pagination"></div>
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
      </div>
    </div>
  </section>

  <!-- CTA BANNER -->
  <section class="cta-banner">
    <div class="container">
      <h2>Ready to Transform Your Fitness?</h2>
      <p>Join Level Up Fitness Club today and reach your goals</p>
      <a href="/Contact/" class="btn btn-secondary">Contact Us Now</a>
    </div>
  </section>

  <!-- FOOTER -->
  <footer class="main-footer">
    <div class="footer-inner">
      <div class="footer-col">
        <div class="footer-logo">Level Up Fitness Club</div>
        <p class="footer-tagline">Surrey's premier fitness destination since 2001. Transform your body, transform your life.</p>
      </div>
      <div class="footer-col">
        <h4 class="footer-heading">Quick Links</h4>
        <a href="/About-Us/" class="footer-link">About Us</a>
        <a href="/services/" class="footer-link">Programs</a>
        <a href="/Gallery/" class="footer-link">Before & After</a>
        <a href="/Contact/" class="footer-link">Contact Us</a>
      </div>
      <div class="footer-col">
        <h4 class="footer-heading">Contact</h4>
        <p class="footer-text">15326 99th Ave, Surrey BC</p>
        <p class="footer-text">604-555-0123</p>
        <p class="footer-text">levelupfclub@gmail.com</p>
        <p class="footer-text">Mon-Fri: 5am-10pm | Sat-Sun: 7am-8pm</p>
      </div>
    </div>
    <div class="footer-bottom">
      <p>© 2026 Level Up Fitness Club. All Rights Reserved.</p>
      <a href="/privacy-policy/">Privacy Policy</a>
      <span>·</span>
      <a href="https://www.smartgeeks.ca" target="_blank" class="footer-credit">Websites Developed by Smart Geeks</a>
    </div>
  </footer>

  <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
  <script src="js/main.js"></script>
</body>
</html>
