function MainComponent() { const questionList = [ { text: "How would you rate your organization's digital presence?", emoji: '💻' }, { text: "Does your organization leverage data analytics for decision-making?", emoji: '📊' }, { text: "How well does your organization integrate new technologies into existing processes?", emoji: '🔗' }, { text: "How proficient are your employees with digital tools and platforms?", emoji: '🛠️' }, { text: "How frequently does your organization undergo digital skills training?", emoji: '🏫' } ]; const questions = questionList.map((question, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "mb-4", __source: { fileName: "", lineNumber: 25, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: `question-${index}`, className: "block font-roboto text-lg text-[#121212] mb-2", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, question.text, " ", question.emoji), /*#__PURE__*/ React.createElement("select", { id: `question-${index}`, name: `question-${index}`, className: "block w-full border border-gray-300 rounded-md shadow-sm p-2 appearance-none", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, "Select an option"), /*#__PURE__*/ React.createElement("option", { value: "1", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, "Poor"), /*#__PURE__*/ React.createElement("option", { value: "2", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, "Fair"), /*#__PURE__*/ React.createElement("option", { value: "3", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, "Good"), /*#__PURE__*/ React.createElement("option", { value: "4", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, "Very Good"), /*#__PURE__*/ React.createElement("option", { value: "5", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, "Excellent")))); return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col justify-center items-center p-4 bg-[#f0f2f5] min-h-screen", __source: { fileName: "", lineNumber: 38, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-md shadow w-full max-w-2xl", __source: { fileName: "", lineNumber: 39, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-2xl text-[#121212] mb-6", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, "Digital Maturity Assessment ", /*#__PURE__*/ React.createElement("span", { role: "img", "aria-label": "assessment", __source: { fileName: "", lineNumber: 40, columnNumber: 94 }, __self: this }, "🔍")), /*#__PURE__*/ React.createElement("form", { action: "#", method: "POST", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, questions, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "mt-4 w-full bg-[#007bff] text-white font-roboto py-2 rounded-md transition duration-300 ease-in-out hover:bg-[#0056b3]", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, "Submit Assessment ", /*#__PURE__*/ React.createElement("span", { role: "img", "aria-label": "submit", __source: { fileName: "", lineNumber: 44, columnNumber: 31 }, __self: this }, "✅")))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 48, columnNumber: 7 }, __self: this }, ` @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes scaleIn { from { transform: scale(0.5); } to { transform: scale(1); } } .MainComponent div, .MainComponent h1, .MainComponent form { animation: fadeIn 1s ease-in, scaleIn 0.5s ease-in-out; } `)); }

Digital Maturity Assessment 🔍