function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-[#121212] bg-[#010101] min-h-screen p-5", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "text-center mb-10", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-6xl font-bold", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "Welcome to our Website"), /*#__PURE__*/ React.createElement("p", { className: "text-xl", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, "The perfect place to start your journey")), /*#__PURE__*/ React.createElement("section", { className: "flex flex-col md:flex-row justify-between items-center", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "md:w-[40%] mb-8 md:mb-0", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-semibold mb-4", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "About Us"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, "We are a team dedicated to bringing you the best online experience. Explore our site to learn more.")), /*#__PURE__*/ React.createElement("div", { className: "md:w-[40%]", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-semibold mb-4", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, "Contact Us"), /*#__PURE__*/ React.createElement("form", { __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "name", className: "block mb-2", __source: { fileName: "", lineNumber: 17, columnNumber: 15 }, __self: this }, "Name"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", id: "name", placeholder: "Enter your name", className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 18, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "block mb-2", __source: { fileName: "", lineNumber: 21, columnNumber: 15 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", id: "email", placeholder: "Enter your email", className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 22, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "message", className: "block mb-2", __source: { fileName: "", lineNumber: 25, columnNumber: 15 }, __self: this }, "Message"), /*#__PURE__*/ React.createElement("textarea", { name: "message", id: "message", rows: "4", placeholder: "Enter your message", className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 26, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full p-3 bg-blue-500 text-white rounded hover:bg-blue-600", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, "Send Message"))))); }