Most students have content.
Very few have a system. Most Students Have Content.
Very Few Have A System.

Personal mentorship, daily targets, revision tracking and performance guidance — until selection. Daily targets, mentor guidance, revision tracking — until selection.

{HERO_POINTS.map((p) => ( {p.label} ))}

Built for SSC CGL, CHSL, MTS & GD aspirants who need guidance, consistency and accountability.

Your discipline deserves recognition.

Students who complete the mentorship program with consistency may receive a RUDRA SSC Completion Certificate.

{CERT_BENEFITS.map((b) => (

{b.title}

{b.sub}

))}

Certification reflects program completion — not an exam result or government affiliation.

{/* LEFT — explanation block */}

Get started

Start With a Free Mock Test + Mentorship Assessment

Take a short level-based mock test and share your details so the mentor can understand your current preparation level and guide the right batch path.

Your First Step Before Joining

Before choosing a batch, take a free mock test and request mentorship access. This helps the mentor understand your level, weak areas, consistency, and preparation needs.

{CTA_TRUST.map((t) => (

{t}

))}

No payment required to begin.

Completion Certificate

Completion certificate available for consistent students.

{/* RIGHT — premium form card */}

{submitted ? (

Request received

Our team will reach out on WhatsApp with your free mock test link and your mentorship assessment. No payment required to begin.

) : (

{ e.preventDefault(); if (valid) setSubmitted(true); }}>

Request Mentorship AccessApply For Mentorship Access

Mentorship-first — the free mock test is your assessment step.Take a free mock test and get batch guidance.

Student Name

Phone / WhatsApp Email

Target Exam Interested Batch

Current Preparation Level Yes, I want to take the free mock test Message

</label>
                </div>
                <div className="cta2-actions">
                  <button type="submit" className="btn btn-lg btn-cta btn-block" disabled={!valid}>Request Access <Icon name="arrow-right" size={18} /></button>
                  <a className="btn btn-lg cta2-wa btn-block" href="https://wa.me/919818487968" target="_blank" rel="noopener noreferrer"><Icon name="message-circle" size={18} /> <span className="desktop-copy">Talk on WhatsApp</span><span className="mobile-copy">WhatsApp Mentor</span></a>
                  <a className="telegram-cta" href="https://t.me/Rudrassc_mentor" target="_blank" rel="noopener noreferrer">
                    <span className="telegram-cta-icon"><Icon name="send" size={19} /></span>
                    <span className="telegram-cta-copy">
                      <strong>Join Telegram Community</strong>
                      <small>Get mentorship updates and preparation guidance</small>
                    </span>
                    <Icon name="arrow-up-right" size={18} />
                  </a>
                </div>
                <p className="cta2-fnote">After payment, share your screenshot on WhatsApp or Telegram. Access is activated after payment verification.</p>
              </form>
            )}
          </div>
        </div>
      </div>
    </section>
  );
}

function Footer() {
  return (
    <footer className="foot">
      <div className="wrap foot-inner">
        <a className="brand" href="#top">
          <BrandLogo />
        </a>
        <p className="foot-tag">Personal SSC mentorship until selection — daily guidance, revision discipline and accountability in one system.</p>
        <p className="foot-legal">Not affiliated with the Staff Selection Commission.</p>
      </div>
    </footer>
  );
}

/* ---- Batch detail modal -------------------------------------- */
function BatchModal({ batchKey, onClose }) {
  const b = BATCHES.find((x) => x.key === batchKey);
  const open = !!b;
  useEffect(() => { if (open && window.lucide) window.lucide.createIcons(); }, [open, batchKey]);
  if (!Dialog) return null;
  const m = b ? b.modal : null;
  return (
    <Dialog
      open={open}
      title={b ? b.name : ""}
      onClose={onClose}
      footer={b ? (
        <React.Fragment>
          <Button variant="ghost" onClick={onClose}>Close</Button>
          <a
            className="btn btn-md btn-cta"
            href={PAYMENT_LINKS[b.key]}
            target="_blank"
            rel="noopener noreferrer"
            onClick={onClose}
          >
            Join & Pay
          </a>
        </React.Fragment>
      ) : null}
    >
      {b && m && (
        <div>
          <div className="modal-hero">
            <span className="modal-badge">{m.badge}</span>
            <span className="modal-price">₹{b.price}<small> / month</small></span>
          </div>
          <p style={{ marginTop: 14, fontSize: 16, color: "var(--ink-2)", lineHeight: 1.55 }}>{m.sub}</p>
          <div className="modal-section-label">What's included</div>
          <div className="modal-list">
            {m.includes.map((it) => (<div className="modal-li" key={it}><span className="mc"><Icon name="check-circle-2" size={17} /></span>{it}</div>))}
          </div>
          {m.excludes.length > 0 && (
            <React.Fragment>
              <div className="modal-section-label">Not in this batch</div>
              <div className="modal-list">
                {m.excludes.map((it) => (<div className="modal-li no" key={it}><span className="mc"><Icon name="minus-circle" size={17} /></span>{it}</div>))}
              </div>
            </React.Fragment>
          )}
          <div className="modal-section-label">Best for</div>
          <div className="modal-list one">
            <div className="modal-li"><span className="mc"><Icon name="target" size={17} /></span>{m.best}</div>
          </div>
          <div className="modal-philosophy">"{m.philosophy}"</div>
        </div>
      )}
    </Dialog>
  );
}

/* ---- Join / lead modal --------------------------------------- */
function JoinModal({ open, intent, onClose }) {
  const [submitted, setSubmitted] = useState(false);
  const [form, setForm] = useState({ name: "", phone: "", exam: "SSC CGL" });
  useEffect(() => { if (open) { setSubmitted(false); if (window.lucide) window.lucide.createIcons(); } }, [open, intent]);
  if (!Dialog) return null;
  const titles = { assessment: "Take a free test", mentor: "Talk to a mentor", whatsapp: "Connect on WhatsApp", join: "Join the mentorship program" };
  const ctas = { mentor: "Request a call", whatsapp: "Open WhatsApp", join: "Join program" };
  const title = titles[intent] || titles.join;
  const cta = ctas[intent] || ctas.join;
  const valid = form.name.trim() && form.phone.trim().length >= 8;
  return (
    <Dialog
      open={open}
      title={submitted ? "You're in the queue" : title}
      onClose={onClose}
      footer={submitted ? (
        <Button variant="primary" onClick={onClose}>Done</Button>
      ) : (
        <React.Fragment>
          <Button variant="ghost" onClick={onClose}>Cancel</Button>
          {intent === "assessment"
            ? <a className="btn btn-md btn-cta" href={FREE_TEST_URL}>Take Free Test</a>
            : <Button variant="accent" disabled={!valid} onClick={() => setSubmitted(true)}>{cta}</Button>}
        </React.Fragment>
      )}
    >
      {submitted ? (
        <div style={{ textAlign: "center", padding: "10px 0 6px" }}>
          <div style={{ width: 64, height: 64, margin: "0 auto 18px", borderRadius: "50%", display: "grid", placeItems: "center", color: "#178050", background: "var(--green-50)" }}><Icon name="check" size={30} /></div>
          <p style={{ fontSize: 17, color: "var(--navy)", fontWeight: 600 }}>Thanks, {form.name.split(" ")[0] || "aspirant"}.</p>
          <p style={{ marginTop: 8, fontSize: 15, color: "var(--ink-2)", lineHeight: 1.55 }}>Our team will reach out on {form.phone} within 24 hours to guide your next step.</p>
        </div>
      ) : (
        <div style={{ display: "flex", flexDirection: "column", gap: 16 }}>
          <p style={{ fontSize: 15, color: "var(--ink-2)", lineHeight: 1.55, marginTop: -2 }}>Share a few details and your mentor path begins. No payment required to start.</p>
          <label className="jf"><span className="jf-label">Full name</span>
            <input className="jf-input" placeholder="Anjali Verma" value={form.name} onChange={(e) => setForm({ ...form, name: e.target.value })} /></label>
          <label className="jf"><span className="jf-label">Mobile number</span>
            <input className="jf-input" type="tel" placeholder="98XXXXXXXX" value={form.phone} onChange={(e) => setForm({ ...form, phone: e.target.value })} /></label>
          <label className="jf"><span className="jf-label">Target exam</span>
            <select className="jf-input" value={form.exam} onChange={(e) => setForm({ ...form, exam: e.target.value })}>
              <option>SSC CGL</option><option>SSC CHSL</option><option>SSC MTS</option><option>SSC GD</option>
            </select></label>
        </div>
      )}
    </Dialog>
  );
}

/* ============================================================
   APP
   ============================================================ */
function App() {
  const [batchKey, setBatchKey] = useState(null);
  const [join, setJoin] = useState({ open: false, intent: "join" });

useEffect(() => { if (window.lucide) window.lucide.createIcons(); }, []);

const openJoin = useCallback((intent = "join") => {
    setJoin({ open: true, intent: typeof intent === "string" ? intent : "join" });
  }, []);

return (
    <React.Fragment>
      <Nav onJoin={openJoin} />
      <main>
        <Hero onJoin={openJoin} />
        <FeatureStrip />
        <MobileSystem />
        <JourneySection />
        <WhySection />
        <WhatSection />
        <CertificateSection />
        <BatchSection onView={setBatchKey} />
        <CtaBand onJoin={openJoin} />
      </main>
      <Footer />
      <BatchModal batchKey={batchKey} onClose={() => setBatchKey(null)} />
      <JoinModal open={join.open} intent={join.intent} onClose={() => setJoin({ ...join, open: false })} />
    </React.Fragment>
  );
}

ReactDOM.createRoot(document.getElementById("root")).render(<App />);

Most students have content.
Very few have a system. Most Students Have Content.
Very Few Have A System.

One path, followed every week

A mentor-led system

Everything a serious aspirant needs — held together by a mentor.

{f.title}