function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "bg-[#1a1a2e] text-white min-h-screen p-4 md:p-8", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "text-center p-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-4xl md:text-6xl", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "My Portfolio"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-xl md:text-2xl mt-2", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, "Welcome to my personal space")), /*#__PURE__*/ React.createElement("main", { __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "my-8", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-3xl text-center mb-4", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "About Me"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-lg text-center mx-auto max-w-prose", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, "Passionate developer with a knack for building elegant and efficient web solutions. Lover of new technologies and continuous learning.")), /*#__PURE__*/ React.createElement("section", { className: "my-8", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-3xl text-center mb-4", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, "Projects"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-center gap-4", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#16213e] p-4 rounded-lg w-full md:w-[300px]", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-roboto text-xl", __source: { fileName: "", lineNumber: 20, columnNumber: 15 }, __self: this }, "Project 1"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-sm", __source: { fileName: "", lineNumber: 21, columnNumber: 15 }, __self: this }, "A cool project that does amazing things.")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#16213e] p-4 rounded-lg w-full md:w-[300px]", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-roboto text-xl", __source: { fileName: "", lineNumber: 24, columnNumber: 15 }, __self: this }, "Project 2"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-sm", __source: { fileName: "", lineNumber: 25, columnNumber: 15 }, __self: this }, "Another cool project with next-gen features.")))), /*#__PURE__*/ React.createElement("section", { className: "my-8", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-3xl text-center mb-4", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, "Contact"), /*#__PURE__*/ React.createElement("form", { className: "flex flex-col items-center gap-4", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { name: "name", type: "text", placeholder: "Your Name", className: "bg-[#0f3460] p-2 text-white w-full md:w-[300px] rounded", __source: { fileName: "", lineNumber: 32, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "email", type: "email", placeholder: "Your Email", className: "bg-[#0f3460] p-2 text-white w-full md:w-[300px] rounded", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { name: "message", placeholder: "Your Message", className: "bg-[#0f3460] p-2 text-white w-full md:w-[300px] rounded h-[100px]", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#e94560] text-white p-2 rounded w-full md:w-[150px]", __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, "Send")))), /*#__PURE__*/ React.createElement("footer", { className: "text-center mt-8", __source: { fileName: "", lineNumber: 39, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, "© 2023 My Portfolio Site"))); }