/* ========================= NDGMS V2 – CONVERSION OPTIMIZED SAAS WEBSITE Ultra Premium Multi Page Ready Structure ========================= */ /* ================= CSS (style.css) ================= */ :root{ --primary:#20292C; --secondary:#1A1C20; --accent:#00D4FF; } *{margin:0;padding:0;box-sizing:border-box;font-family:'Inter',sans-serif} body{ background:var(--secondary); color:#fff; } .container{ width:90%; max-width:1200px; margin:auto; } /* NAVBAR */ .navbar{ position:fixed; width:100%; top:0; display:flex; justify-content:space-between; padding:20px 5%; background:rgba(26,28,32,0.6); backdrop-filter:blur(12px); z-index:999; transition:.3s; } .navbar.scrolled{ background:#20292C; padding:12px 5%; } .nav-links a{ margin-left:25px; text-decoration:none; color:#fff; position:relative; } .nav-links a::after{ content:""; position:absolute; width:0; height:2px; bottom:-4px; left:0; background:var(--accent); transition:.3s; } .nav-links a:hover::after{width:100%} /* HERO */ .hero{ height:100vh; display:flex; align-items:center; justify-content:space-between; padding:0 5%; background:linear-gradient(135deg,#20292C,#42464F); } .hero-text{ max-width:600px; } .hero h1{ font-size:52px; line-height:1.2; } .hero p{ margin:20px 0; opacity:.8; } .btn{ padding:14px 28px; border-radius:10px; border:none; cursor:pointer; font-weight:600; margin-right:10px; transition:.3s; } .btn-primary{ background:var(--accent); color:#000; } .btn-outline{ border:1px solid #fff; background:transparent; color:#fff; } .btn:hover{ transform:translateY(-4px); box-shadow:0 10px 25px rgba(0,212,255,.3); } /* DASHBOARD MOCK */ .dashboard{ width:500px; background:rgba(255,255,255,0.05); border-radius:20px; padding:20px; backdrop-filter:blur(10px); transform:rotate(-3deg); transition:.5s; } .dashboard:hover{ transform:rotate(0deg) scale(1.05); } /* FLOATING ELEMENT */ .floating{ position:absolute; width:200px; height:200px; background:rgba(0,212,255,0.05); border-radius:50%; filter:blur(80px); animation:float 6s infinite alternate; } @keyframes float{ from{transform:translateY(0)} to{transform:translateY(-40px)} } /* SECTION */ .section{padding:100px 5%} /* GRID */ .grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:25px; } /* CARD */ .card{ background:rgba(255,255,255,0.05); padding:30px; border-radius:16px; backdrop-filter:blur(12px); transition:.4s; } .card:hover{ transform:translateY(-10px); box-shadow:0 15px 30px rgba(0,212,255,.2); } /* PRICING */ .price-card{ text-align:center; } .price-card.popular{ border:1px solid var(--accent); transform:scale(1.05); } /* CTA */ .cta{ text-align:center; background:linear-gradient(135deg,#20292C,#42464F); } /* FOOTER */ .footer{ text-align:center; padding:40px; background:#20292C; } /* ================= JS (script.js) ================= */ window.addEventListener("scroll",()=>{ document.querySelector(".navbar").classList.toggle("scrolled",window.scrollY>50); }); /* ================= HOME PAGE (index.html) ================= */ NDGMS V2

Stop Chasing Payments. Automate Your Gym.

NDGMS transforms your gym into a fully automated system — manage memberships, send WhatsApp reminders, track attendance, and scale your business effortlessly.

Dashboard Preview

Revenue ↑ 32%

Active Members: 312

Pending Payments: 18

Everything You Need to Run a Modern Gym

Automated Renewals

No more manual follow-ups. NDGMS automatically tracks and reminds clients.

WhatsApp Integration

Send unlimited reminders using your own WhatsApp number.

Biometric System

Track real-time attendance with seamless biometric integration.

Simple Pricing

Basic

₹999/mo

Pro

₹1999/mo

Enterprise

Custom

Ready to Automate Your Gym?

Book a Demo

/* ================= END ================= */