{/* TITLE */}
  <h1 className="text-3xl md:text-4xl font-bold mb-4">
    HSRP नंबर प्लेट: कैसे बनवाएं, क्यों जरूरी है और जुर्माने से कैसे बचें?
  </h1>

  <p className="text-gray-600 mb-6">
    अगर आपकी गाड़ी में अभी तक HSRP नंबर प्लेट नहीं लगी है, तो यह गाइड आपके लिए बहुत जरूरी है।
  </p>

  {/* FEATURE IMAGE */}
  <Image
    src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5ZXMFDEBUhPlKup3-xZ9Ah2AvW4EnT3iMaM1W4ThxFBT_dHsjS_wf7M0LYeC9lkiQlffoc9Ka8QGmnhawNXjhwve0kV_XgO1mbU1kEnuycFXXK9vFprNKlKiJ87Gl9Wp_OZfK2dUoQ4eCtaocFEl1rNqp-qtbHPGMA3G69Q2uNgcGUCB1Qq5yl9oFs3gf/s2048/1000096126.jpg"
    alt="HSRP number plate online apply guide"
    width={800}
    height={400}
    className="rounded-xl mb-8"
  />

  {/* TOC */}
  <div className="bg-gray-100 p-4 rounded-lg mb-8">
    <h2 className="font-bold mb-2">📑 विषय सूची</h2>
    <ul className="list-disc pl-5 space-y-1">
      <li><a href="#hsrp">HSRP क्या है</a></li>
      <li><a href="#apply">HSRP कैसे बनवाएं</a></li>
      <li><a href="#online">Online Apply Steps</a></li>
      <li><a href="#offline">CSC से आवेदन</a></li>
    </ul>
  </div>

  {/* SECTION 1 */}
  <section id="hsrp">
    <h2 className="text-2xl font-bold mt-10 mb-4">
      HSRP नंबर प्लेट क्या है?
    </h2>

    <p>
      HSRP (High Security Registration Plate) एक सुरक्षित नंबर प्लेट है जिसमें hologram और laser code होता है।
    </p>

    <ul className="list-disc pl-5 mt-4 space-y-2">
      <li>छेड़छाड़ रोकने वाला hologram</li>
      <li>Unique laser code</li>
      <li>Windshield sticker</li>
    </ul>

    <div className="bg-red-50 p-4 rounded-lg mt-6">
      🚨 बिना HSRP के ₹5000–₹10000 तक जुर्माना हो सकता है
    </div>
  </section>

  {/* SECTION 2 */}
  <section id="apply">
    <h2 className="text-2xl font-bold mt-10 mb-4">
      HSRP नंबर प्लेट कैसे बनवाएं?
    </h2>

    <p>
      आप HSRP के लिए online और CSC दोनों तरीकों से आवेदन कर सकते हैं।
    </p>
  </section>

  {/* ONLINE */}
  <section id="online">
    <h2 className="text-2xl font-bold mt-10 mb-4">
      Online Apply करने का तरीका
    </h2>

    <ol className="list-decimal pl-5 space-y-2">
      <li>
        आधिकारिक वेबसाइट पर जाएं:{" "}
        <a
          href="https://bookmyhsrp.com/"
          target="_blank"
          className="text-blue-600 underline"
        >
          bookmyhsrp.com
        </a>
      </li>
      <li>Vehicle details भरें</li>
      <li>Dealer appointment चुनें</li>
      <li>Online payment करें</li>
    </ol>

    <div className="bg-yellow-50 p-4 rounded-lg mt-6">
      ⚠️ केवल official website से ही apply करें, fraud sites से बचें
    </div>
  </section>

  {/* OFFLINE */}
  <section id="offline">
    <h2 className="text-2xl font-bold mt-10 mb-4">
      CSC / MPOnline से आवेदन
    </h2>

    <p>
      आप अपने नजदीकी CSC या MPOnline center से भी आवेदन कर सकते हैं।
    </p>
  </section>

  {/* INTERNAL LINKING */}
  <div className="bg-blue-50 p-4 rounded-lg mt-10">
    👉 यह भी पढ़ें:{" "}
    <Link href="/posts/rte-mp-admission-2026" className="text-blue-600 underline">
      RTE Admission 2026 Guide
    </Link>
  </div>

  {/* FAQ */}
  <section className="mt-12">
    <h2 className="text-2xl font-bold mb-4">FAQ</h2>

    <details className="mb-3">
      <summary className="font-semibold cursor-pointer">
        HSRP लगवाना जरूरी है?
      </summary>
      <p className="mt-2 text-gray-700">
        हाँ, यह अब अनिवार्य है और न लगवाने पर जुर्माना लगता है।
      </p>
    </details>

    <details>
      <summary className="font-semibold cursor-pointer">
        HSRP कितने दिन में लगती है?
      </summary>
      <p className="mt-2 text-gray-700">
        Appointment के बाद लगभग 10–15 मिनट में लग जाती है।
      </p>
    </details>
  </section>

</article>

); }