function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "bg-[#f0f2f5] dark:bg-gray-900", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "sticky top-0 z-50 backdrop-filter backdrop-blur-lg border-b border-gray-100/50 dark:border-gray-700/50", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container px-4 lg:px-8", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "flex items-center justify-between h-16", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { className: "flex items-center space-x-2 font-medium text-gray-900 dark:text-white hover:text-gray-700 dark:hover:text-gray-300", href: "#", __source: { fileName: "", lineNumber: 7, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-semibold text-xl", __source: { fileName: "", lineNumber: 9, columnNumber: 15 }, __self: this }, "WaveRadar")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-6", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { className: "font-semibold text-base tracking-wide uppercase hover:text-gray-600 dark:hover:text-gray-400", href: "#", __source: { fileName: "", lineNumber: 12, columnNumber: 15 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("a", { className: "font-semibold text-base tracking-wide uppercase hover:text-gray-600 dark:hover:text-gray-400", href: "#", __source: { fileName: "", lineNumber: 15, columnNumber: 15 }, __self: this }, "Gallery"), /*#__PURE__*/ React.createElement("a", { className: "font-semibold text-base tracking-wide uppercase hover:text-gray-600 dark:hover:text-gray-400", href: "#", __source: { fileName: "", lineNumber: 18, columnNumber: 15 }, __self: this }, "Blog"), /*#__PURE__*/ React.createElement("a", { className: "inline-flex items-center px-4 py-2 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-gray-800 hover:bg-gray-700", href: "#", __source: { fileName: "", lineNumber: 21, columnNumber: 15 }, __self: this }, "Sign in"))))), /*#__PURE__*/ React.createElement("main", { className: "min-h-screen py-12 lg:py-24", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mx-auto max-w-7xl px-4 lg:px-8", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "mb-20", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center space-y-6", __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-5xl font-bold text-gray-800 dark:text-gray-100", __source: { fileName: "", lineNumber: 32, columnNumber: 15 }, __self: this }, "Welcome to WaveRadar"), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-gray-600 dark:text-gray-400 max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 33, columnNumber: 15 }, __self: this }, "Your premier source for the latest in VOCALOID music, featuring innovative compositions from talented producers."))), /*#__PURE__*/ React.createElement("section", { className: "grid grid-cols-1 md:grid-cols-2 gap-8", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-4xl font-bold text-gray-800 dark:text-white", __source: { fileName: "", lineNumber: 40, columnNumber: 15 }, __self: this }, "Synthwave"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 dark:text-gray-400", __source: { fileName: "", lineNumber: 41, columnNumber: 15 }, __self: this }, "Immerse in the nostalgia with Synthwave's blend of analog synths and modern beats, leading you to a revival of the 80s culture."), /*#__PURE__*/ React.createElement("a", { className: "inline-flex items-center font-semibold text-gray-800 dark:text-white hover:underline", href: "#", __source: { fileName: "", lineNumber: 44, columnNumber: 15 }, __self: this }, "Read more")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center", __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { alt: "Synthwave inspired cover image depicting neon cityscape", className: "rounded-lg shadow-lg max-w-full h-auto", src: "/placeholder.svg", __source: { fileName: "", lineNumber: 50, columnNumber: 15 }, __self: this })))))); }