function MainComponent() { const handleFormSubmit = async (event)=>{ event.preventDefault(); }; return /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center h-screen bg-[#e0e0e0] p-4", __source: { fileName: "", lineNumber: 6, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-4xl", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-bold text-5xl mb-6 text-[#292524]", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, "Co-Design Your Gear"), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-[#7c7c7c]", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "Craft your unique style with an interactive fun and abstract art experience.")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 shadow-lg rounded-lg", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-bold text-3xl text-[#292524] mb-4", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, "Choose Your Base"), /*#__PURE__*/ React.createElement("ul", { className: "text-lg text-[#444] list-inside list-disc space-y-3", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 16, columnNumber: 15 }, __self: this }, "Shirts"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 17, columnNumber: 15 }, __self: this }, "Pants"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 18, columnNumber: 15 }, __self: this }, "Hats"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 19, columnNumber: 15 }, __self: this }, "Shoes"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 shadow-lg rounded-lg", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-bold text-3xl text-[#292524] mb-4", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }, "Decorate"), /*#__PURE__*/ React.createElement("ul", { className: "text-lg text-[#444] list-inside list-disc space-y-3", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 25, columnNumber: 15 }, __self: this }, "Patterns"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 26, columnNumber: 15 }, __self: this }, "Graphics"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 27, columnNumber: 15 }, __self: this }, "Text"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 28, columnNumber: 15 }, __self: this }, "Colors"))), /*#__PURE__*/ React.createElement("div", { className: "col-span-1 md:col-span-2 bg-white p-6 shadow-lg rounded-lg", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-bold text-3xl text-[#292524] mb-4", __source: { fileName: "", lineNumber: 32, columnNumber: 13 }, __self: this }, "Preview"), /*#__PURE__*/ React.createElement("div", { className: "w-full h-[400px] bg-gray-200 rounded-lg", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "col-span-1 md:col-span-2 bg-[#009688] hover:bg-[#00796b] text-white font-bold text-lg py-4 px-8 rounded transition-colors duration-300", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, "Let's Design")))); }