function MainComponent() { const [email, setEmail] = React.useState(""); const [showModal, setShowModal] = React.useState(false); return /*#__PURE__*/ React.createElement("div", { className: "bg-black text-white flex flex-col items-center", __source: { fileName: "", lineNumber: 6, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative w-full min-h-[100vh] overflow-hidden flex items-center justify-center", __source: { fileName: "", lineNumber: 8, 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.6) blur(4px)" }, __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative z-10 text-center px-4", __source: { fileName: "", lineNumber: 20, 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-full max-w-[500px] mx-auto mb-8", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("a", { href: "/presave", className: "bg-white text-black px-6 py-3 text-base tracking-[0.2em] hover:bg-opacity-90 inline-block", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, 'PRE-SAVE "EVERYTHING YOU WANT" NOW'))), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-4xl px-4 pt-12 pb-8", __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-16", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "aspect-w-16 aspect-h-9", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("iframe", { src: "https://www.youtube.com/embed/zqu5fED8PPo", className: "w-full h-[400px]", allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture", allowFullScreen: true, __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "mb-16", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-center text-2xl tracking-[0.2em] mb-8", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, "LISTEN"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center gap-8", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-white hover:text-[#40CDD3]", __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-spotify text-3xl", __source: { fileName: "", lineNumber: 53, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-white hover:text-[#40CDD3]", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-youtube text-3xl", __source: { fileName: "", lineNumber: 56, columnNumber: 15 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "mb-16", __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-center text-2xl tracking-[0.2em] mb-8", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }, "FOLLOW"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center gap-8", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://www.instagram.com/the.crosstones?igsh=MTZzNmU4ejBwY2J4cA==", target: "_blank", rel: "noopener noreferrer", className: "text-white hover:text-[#40CDD3]", __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-instagram text-3xl", __source: { fileName: "", lineNumber: 71, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://m.youtube.com/@thecrosstones", target: "_blank", rel: "noopener noreferrer", className: "text-white hover:text-[#40CDD3]", __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-youtube text-3xl", __source: { fileName: "", lineNumber: 79, columnNumber: 15 }, __self: this })))), /*#__PURE__*/ React.createElement("footer", { className: "text-center text-sm", __source: { fileName: "", lineNumber: 84, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 85, columnNumber: 11 }, __self: this }, "© 2025 The Crosstones. All Rights Reserved."))), showModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-90 flex items-center justify-center z-50 px-4", __source: { fileName: "", lineNumber: 91, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1a1a1a] p-8 rounded-lg max-w-md w-full relative", __source: { fileName: "", lineNumber: 92, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowModal(false), className: "absolute top-2 right-2 text-white text-xl", __source: { fileName: "", lineNumber: 93, columnNumber: 13 }, __self: this }, "×"), /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/1ff9aa7f-c9cf-470b-bcc4-b85def80b061/-/format/auto/", alt: "The Crosstones Logo", className: "w-48 mx-auto mb-6", __source: { fileName: "", lineNumber: 99, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-center mb-6", __source: { fileName: "", lineNumber: 104, columnNumber: 13 }, __self: this }, "SUBSCRIBE TO UPDATES"), /*#__PURE__*/ React.createElement("input", { type: "email", placeholder: "ENTER YOUR EMAIL*", className: "w-full bg-black p-3 rounded mb-4 text-center", value: email, onChange: (e)=>setEmail(e.target.value), __source: { fileName: "", lineNumber: 107, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-[#40CDD3] p-3 rounded font-bold hover:bg-[#3dbbc1] transition-colors", __source: { fileName: "", lineNumber: 114, columnNumber: 13 }, __self: this }, "SUBSCRIBE"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-center mt-4 text-gray-400", __source: { fileName: "", lineNumber: 117, columnNumber: 13 }, __self: this }, "* Required field")))); }