function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#010101] flex flex-col items-center justify-center p-4", __source: { fileName: "", lineNumber: 3, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "w-full text-center py-8", __source: { fileName: "", lineNumber: 4, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-6xl font-bold text-[#FFFFFF] font-roboto", __source: { fileName: "", lineNumber: 5, columnNumber: 17 }, __self: this }, "Dr.Freak"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl text-[#9d9d9d] font-roboto mt-2", __source: { fileName: "", lineNumber: 6, columnNumber: 17 }, __self: this }, "Artist / Mega Producer")), /*#__PURE__*/ React.createElement("main", { className: "flex flex-col items-center justify-between gap-10 w-full max-w-4xl", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full flex flex-col items-center", __source: { fileName: "", lineNumber: 9, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-5xl text-[#FFFFFF] font-bold font-roboto mb-6", __source: { fileName: "", lineNumber: 10, columnNumber: 21 }, __self: this }, "Latest Releases"), /*#__PURE__*/ React.createElement("img", { src: "/images/dr-freak-release.jpg", alt: "Dr.Freak's breakthrough album cover", className: "w-[350px] md:w-[500px] h-auto rounded-lg shadow-xl", __source: { fileName: "", lineNumber: 11, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("a", { href: "#", className: "bg-[#ff007c] text-white px-10 py-3 rounded-full font-roboto font-bold mt-4 hover:bg-[#ff4c9a] transition duration-300", __source: { fileName: "", lineNumber: 16, columnNumber: 21 }, __self: this }, "Listen Now")), /*#__PURE__*/ React.createElement("div", { className: "w-full flex flex-col items-center", __source: { fileName: "", lineNumber: 23, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-5xl text-[#FFFFFF] font-bold font-roboto mb-6", __source: { fileName: "", lineNumber: 24, columnNumber: 21 }, __self: this }, "Upcoming Shows"), /*#__PURE__*/ React.createElement("ul", { className: "text-white space-y-4 font-roboto", __source: { fileName: "", lineNumber: 25, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "flex items-center justify-between w-full max-w-md px-6 py-3 rounded-lg bg-[#1E1E1E]", __source: { fileName: "", lineNumber: 26, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 27, columnNumber: 29 }, __self: this }, "Oasis Festival"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 28, columnNumber: 29 }, __self: this }, "May 30, 2023")), /*#__PURE__*/ React.createElement("li", { className: "flex items-center justify-between w-full max-w-md px-6 py-3 rounded-lg bg-[#1E1E1E]", __source: { fileName: "", lineNumber: 30, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 31, columnNumber: 29 }, __self: this }, "Electric Zoo"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 32, columnNumber: 29 }, __self: this }, "Aug 29, 2023")), /*#__PURE__*/ React.createElement("li", { className: "flex items-center justify-between w-full max-w-md px-6 py-3 rounded-lg bg-[#1E1E1E]", __source: { fileName: "", lineNumber: 34, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 35, columnNumber: 29 }, __self: this }, "Tomorrowland"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 36, columnNumber: 29 }, __self: this }, "Jul 20, 2023"))), /*#__PURE__*/ React.createElement("a", { href: "#", className: "bg-[#ff007c] text-white px-10 py-3 rounded-full font-roboto font-bold mt-4 hover:bg-[#ff4c9a] transition duration-300", __source: { fileName: "", lineNumber: 39, columnNumber: 21 }, __self: this }, "Buy Tickets"))), /*#__PURE__*/ React.createElement("footer", { className: "w-full text-center py-8 mt-10", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#9d9d9d] font-roboto", __source: { fileName: "", lineNumber: 48, columnNumber: 17 }, __self: this }, "© ", new Date().getFullYear(), " Dr.Freak. All rights reserved."))); }