function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col min-h-screen", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#283593] p-4 text-white font-bold font-roboto text-2xl flex items-center", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "relative/path/to/ladybug.png", alt: "ladybug image in header", className: "w-[40px] h-[40px] mr-2", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }), "Nielsen's Heuristic Testing"), /*#__PURE__*/ React.createElement("main", { className: "flex flex-col items-center justify-center flex-grow p-4", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-xl mb-2 text-center", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, "Check the usability of your website"), /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-base mb-4 text-center", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, "The fastest way to check your website against Nielsen’s 10 Usability Heuristics"), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[600px] flex", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", className: "w-full p-2 border border-gray-300 rounded-l-lg", placeholder: "Enter website URL", name: "website-url", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: ()=>window.location.href = "/results", className: "p-2 bg-[#283593] text-white rounded-r-lg", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, "Check"))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#283593] text-white p-4 font-roboto text-sm", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-2", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://www.nngroup.com/articles/ten-usability-heuristics/#visibility-of-system-status", className: "hover:underline", __source: { fileName: "", lineNumber: 18, columnNumber: 15 }, __self: this }, "Visibility of system status")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://www.nngroup.com/articles/ten-usability-heuristics/#match-between-system-and-the-real-world", className: "hover:underline", __source: { fileName: "", lineNumber: 19, columnNumber: 15 }, __self: this }, "Match between system and the real world")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://www.nngroup.com/articles/ten-usability-heuristics/#user-control-and-freedom", className: "hover:underline", __source: { fileName: "", lineNumber: 20, columnNumber: 15 }, __self: this }, "User control and freedom")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://www.nngroup.com/articles/ten-usability-heuristics/#consistency-and-standards", className: "hover:underline", __source: { fileName: "", lineNumber: 21, columnNumber: 15 }, __self: this }, "Consistency and standards")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://www.nngroup.com/articles/ten-usability-heuristics/#error-prevention", className: "hover:underline", __source: { fileName: "", lineNumber: 22, columnNumber: 15 }, __self: this }, "Error prevention")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://www.nngroup.com/articles/ten-usability-heuristics/#recognition-rather-than-recall", className: "hover:underline", __source: { fileName: "", lineNumber: 23, columnNumber: 15 }, __self: this }, "Recognition rather than recall")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://www.nngroup.com/articles/ten-usability-heuristics/#flexibility-and-efficiency-of-use", className: "hover:underline", __source: { fileName: "", lineNumber: 24, columnNumber: 15 }, __self: this }, "Flexibility and efficiency of use")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://www.nngroup.com/articles/ten-usability-heuristics/#aesthetic-and-minimalist-design", className: "hover:underline", __source: { fileName: "", lineNumber: 25, columnNumber: 15 }, __self: this }, "Aesthetic and minimalist design")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://www.nngroup.com/articles/ten-usability-heuristics/#help-users-recognize-diagnose-and-recover-from-errors", className: "hover:underline", __source: { fileName: "", lineNumber: 26, columnNumber: 15 }, __self: this }, "Help users recognize, diagnose, and recover from errors")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://www.nngroup.com/articles/ten-usability-heuristics/#help-and-documentation", className: "hover:underline", __source: { fileName: "", lineNumber: 27, columnNumber: 15 }, __self: this }, "Help and documentation"))))); }