function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8 py-8", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "md:col-span-2", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-semibold text-[#121212] font-roboto", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, "Project Abstract"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, "Here's a brief overview of the project, highlighting the main objectives, challenges faced, and the solutions provided.")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { className: "w-full h-auto rounded-lg shadow-lg", src: "./poster.png", alt: "Project poster showcasing key features", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-right font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, "Discover Our Project"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, "Explore the innovative aspects of our project through this poster."))), /*#__PURE__*/ React.createElement("div", { className: "order-3 md:order-4 flex items-center", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-left font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }, "Demo Video"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, "Get a firsthand look at our project in action by watching the demo video."))), /*#__PURE__*/ React.createElement("div", { className: "order-4 md:order-3", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("video", { className: "w-full h-auto rounded-lg shadow-lg", controls: true, alt: "Demonstration video of the project", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("source", { src: "./demo.mp4", type: "video/mp4", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "md:col-span-2 text-center font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { className: "text-xl font-semibold text-blue-600 hover:text-blue-800", href: "https://github.com/yourusername/yourprojectrepo", target: "_blank", rel: "noopener noreferrer", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, "Visit GitHub Repository")))); }