function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#F5F7FA] flex flex-col items-center justify-center", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-6 bg-white rounded-lg shadow-lg w-full max-w-4xl", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-semibold text-center text-[#121212] mb-8 font-roboto", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "All-in-One AI Cleaning Assistant"), /*#__PURE__*/ React.createElement("form", { className: "space-y-6", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "roomPicture", className: "block text-lg font-medium text-[#121212] mb-2 font-roboto", __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }, "Upload a room picture for analysis"), /*#__PURE__*/ React.createElement("input", { type: "file", id: "roomPicture", name: "roomPicture", className: "block w-full text-md text-[#121212] file:mr-4 file:py-2 file:px-4 file:rounded-full file:border-0 file:text-sm file:font-semibold file:bg-[#4A90E2] file:text-white hover:file:bg-[#357ABD]", __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "py-3 px-6 bg-[#4A90E2] text-white font-medium rounded-full transition duration-300 ease-in-out hover:bg-[#357ABD] font-roboto", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, "Analyze and Recommend Products")))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, ` @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } body { animation: fadeIn 1s ease-in-out; } `)); }