function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#000000] font-roboto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, ` @keyframes pulseAnimation { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } `), /*#__PURE__*/ React.createElement("nav", { className: "flex items-center justify-between p-6 bg-[#121212] shadow-lg", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-xl text-white font-bold", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, "Gaming World"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#blog", className: "px-3 py-2 text-white rounded-md hover:bg-[#007bff] transition duration-300 ease-in-out", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, "Blog"), /*#__PURE__*/ React.createElement("a", { href: "#about", className: "px-3 py-2 text-white rounded-md hover:bg-[#007bff] transition duration-300 ease-in-out", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("a", { href: "#subscribe", className: "px-3 py-2 text-white rounded-md hover:bg-[#007bff] transition duration-300 ease-in-out", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, "Subscribe"))), /*#__PURE__*/ React.createElement("header", { className: "text-center p-12 bg-[#121212] shadow-xl", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl text-white font-bold", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, "Stay Updated with the Latest in Gaming"), /*#__PURE__*/ React.createElement("p", { className: "mt-4 text-lg text-white", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, "Explore the world of games with us!")), /*#__PURE__*/ React.createElement("main", { __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { id: "blog", className: "p-6", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1A1A1A] p-4 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full h-[250px] overflow-hidden rounded-md", __source: { fileName: "", lineNumber: 30, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "path/to/your/image.jpg", alt: "Latest Game Review", className: "object-cover w-full h-full", __source: { fileName: "", lineNumber: 31, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("h2", { className: "mt-4 text-xl font-bold text-white", __source: { fileName: "", lineNumber: 33, columnNumber: 15 }, __self: this }, "A Journey through the Latest RPG"), /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-white", __source: { fileName: "", lineNumber: 34, columnNumber: 15 }, __self: this }, "Explore the rich and vibrant world of our latest RPG game review.")))), /*#__PURE__*/ React.createElement("section", { id: "about", className: "py-12 bg-[#121212] text-center shadow-inner", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold text-white", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, "About Gaming World"), /*#__PURE__*/ React.createElement("p", { className: "mt-4 text-white", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, "We are a blog dedicated to bringing you the latest and greatest in the gaming world. Join us on our mission to explore every corner of the gaming universe.")), /*#__PURE__*/ React.createElement("section", { id: "subscribe", className: "p-6 bg-[#121212] text-center shadow-2xl", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl text-white font-bold", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, "Stay in the Loop"), /*#__PURE__*/ React.createElement("p", { className: "mt-4 text-white", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, "Subscribe to our newsletter for the latest game reviews, news, and trends."), /*#__PURE__*/ React.createElement("div", { className: "mt-6 flex flex-col md:flex-row justify-center items-center space-y-2 md:space-y-0 md:space-x-2", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { name: "email", type: "email", placeholder: "Enter your email", className: "px-4 py-2 border-[#007bff] rounded-md text-white bg-transparent", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-4 py-2 bg-[#007bff] text-white rounded-md shadow hover:bg-blue-500 transition duration-300 ease-in-out", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, "Subscribe")))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#121212] text-center p-6 shadow", __source: { fileName: "", lineNumber: 51, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-white", __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }, "© 2023 Gaming World. All rights reserved."), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center space-x-4 mt-4", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://twitter.com", className: "text-[#1DA1F2]", style: { animation: "pulseAnimation 2s infinite" }, __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-twitter", __source: { fileName: "", lineNumber: 54, columnNumber: 119 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://facebook.com", className: "text-[#4267B2]", style: { animation: "pulseAnimation 2s infinite" }, __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-facebook-f", __source: { fileName: "", lineNumber: 55, columnNumber: 120 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://instagram.com", className: "text-[#E1306C]", style: { animation: "pulseAnimation 2s infinite" }, __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-instagram", __source: { fileName: "", lineNumber: 56, columnNumber: 121 }, __self: this }))))); }