function MainComponent() { const infoSections = [ { title: "Overview", description: "The National Pension Scheme (NPS) is a government-sponsored pension scheme for Indian citizens." }, { title: "Eligibility", description: "All citizens of India between the age of 18 and 60 can join NPS." }, { title: "Benefits", description: "NPS provides retirement income and has tax benefits under Sec 80C and 80CCD(1B)." }, { title: "How to Enroll", description: "You can enroll online via the eNPS Portal or through registered Point of Presence-Service Providers (POP-SPs)." } ]; const handleCheckDetails = (event)=>{ event.preventDefault(); const uniqueId = event.target.uniqueId.value; if (uniqueId === "11419640873") { alert("Total Deposit: ₹150,000\nAmount in Process: ₹10,000 on 15-06-2024\nRemoved: ₹25,000\nEnding Amount: ₹1,25,000"); } else { alert("Unique ID not found."); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 font-roboto", __source: { fileName: "", lineNumber: 21, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#002147] text-white p-4", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, "National Pension Scheme")), /*#__PURE__*/ React.createElement("main", { className: "p-4 space-y-6", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, infoSections.map((section, index)=>{ const { title, description } = section; return /*#__PURE__*/ React.createElement("section", { key: index, className: "bg-white p-6 rounded shadow-md", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold text-[#002147]", __source: { fileName: "", lineNumber: 30, columnNumber: 15 }, __self: this }, title), /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-lg", __source: { fileName: "", lineNumber: 33, columnNumber: 15 }, __self: this }, description)); }), /*#__PURE__*/ React.createElement("section", { className: "bg-white p-6 rounded shadow-md", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold text-[#002147]", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, "Check NPS Details"), /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-lg", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, "Use your unique ID to check the details of your NPS account."), /*#__PURE__*/ React.createElement("form", { className: "mt-4 space-y-4", onSubmit: handleCheckDetails, __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "uniqueId", className: "block text-lg font-medium text-gray-700", __source: { fileName: "", lineNumber: 42, columnNumber: 15 }, __self: this }, "Unique ID"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "uniqueId", name: "uniqueId", className: "mt-1 p-2 block w-full border border-gray-300 rounded-md", __source: { fileName: "", lineNumber: 43, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full p-2 bg-[#002147] text-white rounded-md hover:bg-[#00112e]", __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this }, "Check Details")))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#002147] text-white p-4 mt-6", __source: { fileName: "", lineNumber: 54, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-center", __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }, "© 2023 National Pension Scheme. All rights reserved."))); }