function MetadataHead({ title = "Mr. E's House of Music", description = "Welcome to Mr. E's House of Music - Your destination for quality music education. We offer private lessons, group classes, and workshops for students of all ages and skill levels." }) { return /*#__PURE__*/ React.createElement("head", { __source: { fileName: "", lineNumber: 6, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("title", { __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, title), /*#__PURE__*/ React.createElement("meta", { name: "description", content: description, __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "icon", type: "image/x-icon", href: "https://ucarecdn.com/9b58ae57-376c-4607-aa8b-946e714386a8/-/format/auto/", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "icon", type: "image/png", sizes: "32x32", href: "https://ucarecdn.com/8ccb8ae1-1c50-423b-a665-d65b8a1c0684/-/format/auto/", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "icon", type: "image/png", sizes: "16x16", href: "https://ucarecdn.com/9b58ae57-376c-4607-aa8b-946e714386a8/-/format/auto/", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "icon", type: "image/png", sizes: "192x192", href: "https://ucarecdn.com/1d5a4be7-21b0-4b8e-9d7a-e4f70aa059c7/-/format/auto/", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "apple-touch-icon", sizes: "180x180", href: "https://ucarecdn.com/9b58ae57-376c-4607-aa8b-946e714386a8/-/resize/180x180/", __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "viewport", content: "width=device-width, initial-scale=1.0", __source: { fileName: "", lineNumber: 41, columnNumber: 7 }, __self: this })); } function MetadataHeadStory() { return /*#__PURE__*/ React.createElement("div", { className: "space-y-8", __source: { fileName: "", lineNumber: 48, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 49, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold mb-4", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, "Default Metadata"), /*#__PURE__*/ React.createElement(MetadataHead, { __source: { fileName: "", lineNumber: 51, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 54, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold mb-4", __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }, "Custom Title and Description"), /*#__PURE__*/ React.createElement(MetadataHead, { title: "Custom Page Title", description: "Custom page description for specific pages on Mr. E's House of Music website.", __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }))); } function ThirdPartyScripts({ googleAnalyticsId = "G-LV2VV6VQR4", googleSearchConsoleId = "cbAIhvrBAt7vtmD9Pn5F6gUrFyE6UlOd4xv0YwPQ2c0", cloudflareAnalyticsToken = "123456789", enableGoogleAnalytics = true, enableSearchConsole = true, enableCloudflare = false }) { React.useEffect(()=>{ if (typeof window === "undefined") return; if (enableGoogleAnalytics) { const script1 = document.createElement("script"); script1.src = `https://www.googletagmanager.com/gtag/js?id=${googleAnalyticsId}`; script1.async = true; document.head.appendChild(script1); const script2 = document.createElement("script"); script2.text = ` window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '${googleAnalyticsId}'); `; document.head.appendChild(script2); } if (enableCloudflare) { const script = document.createElement("script"); script.defer = true; script.src = "https://static.cloudflareinsights.com/beacon.min.js"; script.setAttribute("data-cf-beacon", `{"token": "${cloudflareAnalyticsToken}"}`); document.body.appendChild(script); } }, [ googleAnalyticsId, cloudflareAnalyticsToken, enableGoogleAnalytics, enableCloudflare ]); return /*#__PURE__*/ React.createElement(React.Fragment, null, enableSearchConsole && /*#__PURE__*/ React.createElement("meta", { name: "google-site-verification", content: googleSearchConsoleId, __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this })); } function ThirdPartyScriptsStory() { return /*#__PURE__*/ React.createElement("div", { className: "space-y-8 p-4", __source: { fileName: "", lineNumber: 51, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 52, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold mb-4", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, "Default Configuration"), /*#__PURE__*/ React.createElement(ThirdPartyScripts, { __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 57, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold mb-4", __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this }, "Google Analytics Only"), /*#__PURE__*/ React.createElement(ThirdPartyScripts, { enableSearchConsole: false, enableCloudflare: false, __source: { fileName: "", lineNumber: 59, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 65, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold mb-4", __source: { fileName: "", lineNumber: 66, columnNumber: 9 }, __self: this }, "All Features Enabled"), /*#__PURE__*/ React.createElement(ThirdPartyScripts, { googleAnalyticsId: "G-EXAMPLE123", googleSearchConsoleId: "example-verification-code", cloudflareAnalyticsToken: "example-token", enableGoogleAnalytics: true, enableSearchConsole: true, enableCloudflare: true, __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 77, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold mb-4", __source: { fileName: "", lineNumber: 78, columnNumber: 9 }, __self: this }, "All Features Disabled"), /*#__PURE__*/ React.createElement(ThirdPartyScripts, { enableGoogleAnalytics: false, enableSearchConsole: false, enableCloudflare: false, __source: { fileName: "", lineNumber: 79, columnNumber: 9 }, __self: this }))); } function MainComponent() { const [email, setEmail] = useState(""); const [success, setSuccess] = useState(false); const [error, setError] = useState(null); const [subscriberCount, setSubscriberCount] = useState(0); useEffect(()=>{ const fetchSubscriberCount = async ()=>{ try { const response = await fetch("/api/get-subscriber-count", { method: "POST" }); if (!response.ok) { throw new Error("Failed to fetch subscriber count"); } const data = await response.json(); setSubscriberCount(data.count); } catch (err) { console.error("Error fetching subscriber count:", err); } }; fetchSubscriberCount(); }, [ success ]); // Refetch when new subscription is successful const handleSubmit = async (e)=>{ e.preventDefault(); try { const response = await fetch("/api/save-subscriber", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ email }) }); if (!response.ok) { const data = await response.json(); throw new Error(data.error || "Failed to submit"); } setSuccess(true); setEmail(""); } catch (err) { console.error(err); setError("Failed to save your email. Please try again."); } }; return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(MetadataHead, { title: "Coming Soon | Mr. E's House of Music", description: "We're crafting a state-of-the-art digital platform to complement our renowned in-person instruction. Stay updated on our launch and be the first to experience our innovative approach to music education.", __source: { fileName: "", lineNumber: 52, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#0A0A0A] text-white flex flex-col", __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative flex-grow flex items-center justify-center", __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-gradient-to-b from-black/80 to-transparent", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "https://images.unsplash.com/photo-1511379938547-c1f69419868d?q=80", alt: "Music studio", className: "w-full h-full object-cover opacity-20", __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "relative w-full max-w-7xl mx-auto px-4 sm:px-6 py-12 sm:py-24", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-2 gap-8 md:gap-16 items-center", __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center space-y-6 md:space-y-8", __source: { fileName: "", lineNumber: 69, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 70, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute -inset-4 bg-white/5 blur-xl rounded-full", __source: { fileName: "", lineNumber: 71, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/8f8964d1-9b67-4d68-8901-cabac525a0c3/-/format/auto/", alt: "Melody Masters Academy Logo", className: "relative w-64 sm:w-72 md:w-[500px] mx-auto h-auto drop-shadow-2xl", __source: { fileName: "", lineNumber: 72, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center gap-4 sm:gap-6", __source: { fileName: "", lineNumber: 79, columnNumber: 17 }, __self: this }, [ { icon: "fab fa-facebook", url: "#" }, { icon: "fab fa-instagram", url: "#" }, { icon: "fab fa-youtube", url: "#" }, { icon: "fab fa-tiktok", url: "#" } ].map((social, index)=>/*#__PURE__*/ React.createElement("a", { key: index, href: social.url, className: "w-8 h-8 sm:w-10 sm:h-10 flex items-center justify-center rounded-full border border-white/10 text-zinc-400 hover:text-white hover:border-white/30 transition-colors", __source: { fileName: "", lineNumber: 86, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: social.icon, __source: { fileName: "", lineNumber: 91, columnNumber: 23 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "bg-white/5 backdrop-blur-lg rounded-2xl p-6 sm:p-8 md:p-12 space-y-6 md:space-y-8", __source: { fileName: "", lineNumber: 97, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-3 md:space-y-4", __source: { fileName: "", lineNumber: 98, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl sm:text-3xl md:text-4xl font-light", __source: { fileName: "", lineNumber: 99, columnNumber: 19 }, __self: this }, "Our New Digital Experience", /*#__PURE__*/ React.createElement("span", { className: "block font-medium mt-1", __source: { fileName: "", lineNumber: 101, columnNumber: 21 }, __self: this }, "Coming Soon")), /*#__PURE__*/ React.createElement("p", { className: "text-sm sm:text-base text-zinc-400 leading-relaxed", __source: { fileName: "", lineNumber: 103, columnNumber: 19 }, __self: this }, "We're crafting a state-of-the-art digital platform to complement our renowned in-person instruction. Stay updated on our launch and be the first to experience our innovative approach to music education.")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 111, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 112, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-zinc-300", __source: { fileName: "", lineNumber: 113, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-phone-alt text-sm", __source: { fileName: "", lineNumber: 114, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2 text-sm", __source: { fileName: "", lineNumber: 115, columnNumber: 23 }, __self: this }, "Contact Us")), /*#__PURE__*/ React.createElement("a", { href: "tel:7602222252", className: "block text-base sm:text-lg hover:text-zinc-300 transition-colors", __source: { fileName: "", lineNumber: 117, columnNumber: 21 }, __self: this }, "(760) 222-2252")), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 124, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-zinc-300", __source: { fileName: "", lineNumber: 125, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt text-sm", __source: { fileName: "", lineNumber: 126, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2 text-sm", __source: { fileName: "", lineNumber: 127, columnNumber: 23 }, __self: this }, "Visit Us")), /*#__PURE__*/ React.createElement("p", { className: "text-base sm:text-lg", __source: { fileName: "", lineNumber: 129, columnNumber: 21 }, __self: this }, "11223 11th Ave.", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 131, columnNumber: 23 }, __self: this }), "Hesperia, CA 92345"))), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 137, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-zinc-300", __source: { fileName: "", lineNumber: 138, columnNumber: 19 }, __self: this }, "Get Notified"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col sm:flex-row gap-3", __source: { fileName: "", lineNumber: 141, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", value: email, onChange: (e)=>setEmail(e.target.value), placeholder: "Enter your email", className: "flex-grow bg-black/30 border border-white/10 rounded-lg px-4 py-3 text-base placeholder:text-zinc-500 focus:outline-none focus:border-white/30 transition-colors", required: true, __source: { fileName: "", lineNumber: 142, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-white text-black px-6 py-3 rounded-lg font-medium hover:bg-zinc-200 transition-colors whitespace-nowrap", __source: { fileName: "", lineNumber: 150, columnNumber: 21 }, __self: this }, "Notify Me")), success && /*#__PURE__*/ React.createElement("p", { className: "text-emerald-400 text-sm", __source: { fileName: "", lineNumber: 158, columnNumber: 21 }, __self: this }, "Thank you for your interest. We'll be in touch soon."), error && /*#__PURE__*/ React.createElement("p", { className: "text-red-400 text-sm", __source: { fileName: "", lineNumber: 162, columnNumber: 29 }, __self: this }, error)), /*#__PURE__*/ React.createElement("div", { className: "pt-6 border-t border-white/10", __source: { fileName: "", lineNumber: 165, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 166, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex -space-x-2", __source: { fileName: "", lineNumber: 167, columnNumber: 21 }, __self: this }, [ 1, 2, 3 ].map((i)=>/*#__PURE__*/ React.createElement("div", { key: i, className: "w-6 h-6 sm:w-8 sm:h-8 rounded-full bg-zinc-800 border-2 border-black flex items-center justify-center text-xs", __source: { fileName: "", lineNumber: 169, columnNumber: 25 }, __self: this }, i))), /*#__PURE__*/ React.createElement("p", { className: "text-xs sm:text-sm text-zinc-400", __source: { fileName: "", lineNumber: 177, columnNumber: 21 }, __self: this }, "Join", " ", /*#__PURE__*/ React.createElement("span", { className: "text-white", __source: { fileName: "", lineNumber: 179, columnNumber: 23 }, __self: this }, subscriberCount, "+"), " ", "others waiting for launch"))))))), /*#__PURE__*/ React.createElement("footer", { className: "border-t border-white/5 py-4 sm:py-6 px-4 sm:px-6", __source: { fileName: "", lineNumber: 189, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto flex flex-col sm:flex-row justify-between items-center gap-3 sm:gap-4", __source: { fileName: "", lineNumber: 190, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-xs sm:text-sm text-zinc-500 text-center sm:text-left", __source: { fileName: "", lineNumber: 191, columnNumber: 13 }, __self: this }, "© 2025 Ágape Digital Solutions. All rights reserved."), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4 sm:gap-6", __source: { fileName: "", lineNumber: 194, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/privacy-policy", className: "text-xs sm:text-sm text-zinc-500 hover:text-zinc-300 transition-colors", __source: { fileName: "", lineNumber: 195, columnNumber: 15 }, __self: this }, "Privacy Policy"), /*#__PURE__*/ React.createElement("a", { href: "/terms-of-service", className: "text-xs sm:text-sm text-zinc-500 hover:text-zinc-300 transition-colors", __source: { fileName: "", lineNumber: 201, columnNumber: 15 }, __self: this }, "Terms of Service")))))); }

Our New Digital ExperienceComing Soon