/*#__PURE__*/ React.createElement("div", { className: "flex flex-col min-h-screen bg-gradient-to-r from-[#1a202c] to-[#2d3748] dark:from-[#2d3748] dark:to-[#1a202c]", __source: { fileName: "", lineNumber: 1, columnNumber: 1 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-gradient-to-r from-[#1a2d3a] to-[#233f50] text-white py-4", __source: { fileName: "", lineNumber: 2, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto flex justify-between items-center px-6", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-quattrocento", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "Funkhopinc.Crypto Presents"), /*#__PURE__*/ React.createElement("nav", { __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:text-[#ff9800] text-lg", __source: { fileName: "", lineNumber: 9, columnNumber: 15 }, __self: this }, "Da Next Levels of Hot New Music")))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "search", placeholder: "Search", name: "search", className: "px-4 py-1 w-56 bg-white text-black", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "ml-2 text-white bg-[#ff9800] hover:bg-[#e68a00] p-2", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-search", __source: { fileName: "", lineNumber: 14, columnNumber: 81 }, __self: this }))))), /*#__PURE__*/ React.createElement("main", { className: "flex-grow container mx-auto px-6", __source: { fileName: "", lineNumber: 18, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center my-8", __source: { fileName: "", lineNumber: 19, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full lg:w-1/2", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-quattrocento text-[#ffffff] mb-3", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, "Featured Artist"), /*#__PURE__*/ React.createElement("p", { className: "font-questrial text-[#ffffff] mb-6", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, "Discover the best tunes from independent artists. Updated weekly."), /*#__PURE__*/ React.createElement("button", { className: "text-white bg-[#1a2d3a] hover:bg-[#ff9800] font-semibold py-2 px-6", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, "Funkhopinc.Crypto")), /*#__PURE__*/ React.createElement("div", { className: "hidden lg:block lg:w-1/2", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/featured-artist.jpg", alt: "Featured independent artist", className: "shadow-lg w-full h-auto", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }))), /*#__PURE__*/ React.createElement("section", { className: "my-10", __source: { fileName: "", lineNumber: 29, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-quattrocento text-[#ffffff] mb-4", __source: { fileName: "", lineNumber: 30, columnNumber: 7 }, __self: this }, "Latest Releases"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 lg:grid-cols-4 gap-6", __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "shadow p-4 space-y-4", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/286db6f5-2f09-47af-82ed-d2480dd788d7/-/scale_crop/600x600/center/-/quality/best/", alt: "High-quality album cover with artistic design", className: "w-full h-48", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-questrial text-lg text-[#D4AF37]", __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, "Funkhoptrapsoul"), /*#__PURE__*/ React.createElement("span", { className: "font-questrial text-sm text-[#666]", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, "Ron Datraxman Carter"), /*#__PURE__*/ React.createElement("button", { className: "mt-2 text-white bg-[#1a2d3a] hover:bg-[#ff9800] py-2 px-4 text-sm", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, "Play"))))), /*#__PURE__*/ React.createElement("section", { className: "my-10", __source: { fileName: "", lineNumber: 42, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-quattrocento text-[#ffffff] mb-4", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, "Explore Genres"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-6 overflow-x-auto", __source: { fileName: "", lineNumber: 44, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "min-w-max", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/a2d7dd20-54b2-48e0-a2af-b24c43d2c0a0/", alt: "Rock genre image", className: "w-32 h-32", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-r from-[#1a2d3a] to-[#233f50] text-white py-4", __source: { fileName: "", lineNumber: 51, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-6 flex justify-between items-center", __source: { fileName: "", lineNumber: 52, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-questrial", __source: { fileName: "", lineNumber: 53, columnNumber: 7 }, __self: this }, "© 2023 Funkhopinc.Crypto. All rights reserved."), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 54, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-white text-lg mx-1", __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-step-backward", __source: { fileName: "", lineNumber: 55, columnNumber: 53 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "text-white text-2xl mx-1", __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-play-circle", __source: { fileName: "", lineNumber: 56, columnNumber: 54 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "text-white text-lg mx-1", __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-step-forward", __source: { fileName: "", lineNumber: 57, columnNumber: 53 }, __self: this }))), /*#__PURE__*/ React.createElement("span", { className: "font-questrial", __source: { fileName: "", lineNumber: 59, columnNumber: 7 }, __self: this }, "Made with ", /*#__PURE__*/ React.createElement("i", { className: "fas fa-heart", __source: { fileName: "", lineNumber: 59, columnNumber: 50 }, __self: this }), " for music lovers"))));