function MainComponent() { const [selectedPlatform, setSelectedPlatform] = React.useState(null); const [error, setError] = React.useState(null); return /*#__PURE__*/ React.createElement("div", { className: "bg-black text-white min-h-screen flex flex-col", __source: { fileName: "", lineNumber: 6, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative w-full min-h-[100vh] flex flex-col items-center justify-center", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-cover bg-center bg-no-repeat", style: { backgroundImage: 'url("https://ucarecdn.com/dcc5649b-7719-468f-8b79-35c5c3a1d165/-/format/auto/")', filter: "brightness(0.4) blur(4px)" }, __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative z-10 flex flex-col items-center", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/e9c4ff9f-06d9-4ee3-be7f-2eda808a22aa/-/format/auto/", alt: "Everything You Want - Single Cover", className: "w-[250px] mb-12", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h1", { className: "text-3xl md:text-4xl tracking-[0.2em] mb-4", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "PRE-SAVE NOW"), /*#__PURE__*/ React.createElement("p", { className: "text-lg mb-12", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, "Choose your preferred music platform"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-12 mb-12", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedPlatform("Spotify"), className: "text-white hover:text-[#40CDD3] transition-colors", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-spotify text-4xl", __source: { fileName: "", lineNumber: 33, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedPlatform("YouTube Music"), className: "text-white hover:text-[#40CDD3] transition-colors", __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-youtube text-4xl", __source: { fileName: "", lineNumber: 39, columnNumber: 15 }, __self: this }))), error && /*#__PURE__*/ React.createElement("div", { className: "text-red-500 text-center mb-8", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, error), /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-[#40CDD3] hover:text-white", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, "← Back to Home")))); }