function Input({ title }) { return /*#__PURE__*/ React.createElement("h3", { className: "text-xl text-white mt-2", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, title); } function InputStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Input, { title: "Building Resilient Communities", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this })); } function MainComponent() { const [step, setStep] = useState(0); const [isVisible, setIsVisible] = useState(true); const [email, setEmail] = useState(""); const [isBetaTester, setIsBetaTester] = useState(false); const [message, setMessage] = useState(""); const [isSubmitting, setIsSubmitting] = useState(false); const [showToast, setShowToast] = useState(false); const [currentProposition, setCurrentProposition] = useState(0); const [showTribe, setShowTribe] = useState(false); const valuePropositions = [ "Connect Through Wellness", "Find Your Wellness Tribe", "Move. Connect. Thrive.", "Wellness × Community", "Build Meaningful Connections" ]; useEffect(()=>{ const interval = setInterval(()=>{ setStep((prev)=>(prev + 1) % 6); }, 500); const propositionInterval = setInterval(()=>{ setCurrentProposition((prev)=>(prev + 1) % valuePropositions.length); }, 3000); const visibilityInterval = setInterval(()=>{ setIsVisible((prev)=>!prev); }, 2000); const tribeInterval = setInterval(()=>{ setShowTribe((prev)=>!prev); }, 3000); return ()=>{ clearInterval(interval); clearInterval(visibilityInterval); clearInterval(propositionInterval); clearInterval(tribeInterval); }; }, []); const handleSubmit = async (e)=>{ e.preventDefault(); setIsSubmitting(true); try { const response = await fetch("/api/waitlist", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ email, is_beta_tester: isBetaTester }) }); const data = await response.json(); if (data.error) { throw new Error(data.error); } setMessage("Successfully joined the waitlist!"); setEmail(""); setIsBetaTester(false); } catch (error) { setMessage(error.message); } setShowToast(true); setIsSubmitting(false); setTimeout(()=>setShowToast(false), 3000); }; return /*#__PURE__*/ React.createElement("div", { className: "w-full min-h-screen bg-[#F9F8F6] relative", __source: { fileName: "", lineNumber: 66, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "w-full py-4 md:py-6 px-4 md:px-8 flex justify-between items-center relative z-10", __source: { fileName: "", lineNumber: 67, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[#1A1A1A] text-xl md:text-2xl font-inter font-black", __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this }, "SENTIER"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 71, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ const form = document.getElementById("waitlist-form"); form?.scrollIntoView({ behavior: "smooth" }); }, className: "px-4 md:px-6 py-2 border border-[#1A1A1A]/20 rounded-full text-[#1A1A1A] text-sm md:text-base hover:bg-[#1A1A1A]/5 transition-all", __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this }, "Join Waitlist"))), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-[url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjUiPgo8cmVjdCB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSIjZmZmIj48L3JlY3Q+CjxwYXRoIGQ9Ik0wIDVMNSAwWk02IDRMNCA2Wk0tMSAxTDEgLTFaIiBzdHJva2U9IiNlZWUiIHN0cm9rZS13aWR0aD0iMSI+PC9wYXRoPgo8L3N2Zz4=')] opacity-[0.05]", __source: { fileName: "", lineNumber: 83, columnNumber: 1 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-gradient-to-tr from-[#6366F1]/5 via-[#EC4899]/5 to-[#BADC92]/5", __source: { fileName: "", lineNumber: 84, columnNumber: 1 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 py-20 text-center relative", __source: { fileName: "", lineNumber: 86, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative mb-8 px-4", __source: { fileName: "", lineNumber: 87, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-[clamp(2.5rem,8vw,4.5rem)] leading-[1.1] font-clash text-[#1A1A1A] mb-4 md:mb-6 relative", __source: { fileName: "", lineNumber: 88, columnNumber: 11 }, __self: this }, "WELLNESS", /*#__PURE__*/ React.createElement("span", { className: "inline-block mx-2 md:mx-4 text-[0.8em]", __source: { fileName: "", lineNumber: 90, columnNumber: 13 }, __self: this }, "×"), "COMMUNITY"), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-gradient-to-r from-[#6366F1]/10 via-[#EC4899]/10 to-[#BADC92]/10 blur-2xl -z-10", __source: { fileName: "", lineNumber: 93, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "text-lg md:text-xl text-[#1A1A1A]/80 max-w-2xl mx-auto mb-8 md:mb-12 px-4", __source: { fileName: "", lineNumber: 95, columnNumber: 1 }, __self: this }, valuePropositions[currentProposition]), /*#__PURE__*/ React.createElement("div", { className: "relative mb-8 md:mb-12", __source: { fileName: "", lineNumber: 98, columnNumber: 1 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row justify-center items-center relative px-4", __source: { fileName: "", lineNumber: 99, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-gradient-to-r from-[#6366F1]/10 via-[#EC4899]/10 to-[#BADC92]/10 blur-2xl", __source: { fileName: "", lineNumber: 100, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h1", { className: "font-inter text-[clamp(2rem,6vw,8rem)] font-black tracking-tighter text-[#1A1A1A] text-center relative", __source: { fileName: "", lineNumber: 101, columnNumber: 13 }, __self: this }, "SENTIER"), /*#__PURE__*/ React.createElement("div", { className: `transition-all duration-1000 ${showTribe ? "opacity-100 translate-x-0" : "opacity-0 translate-x-4"}`, __source: { fileName: "", lineNumber: 104, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-inter text-[clamp(2rem,6vw,8rem)] font-black tracking-tighter text-center", __source: { fileName: "", lineNumber: 111, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#1A1A1A] relative mx-2 md:mx-4", __source: { fileName: "", lineNumber: 112, columnNumber: 17 }, __self: this }, "×"), /*#__PURE__*/ React.createElement("span", { className: "text-[#BADC92] relative", __source: { fileName: "", lineNumber: 113, columnNumber: 17 }, __self: this }, "TRIBE")))), /*#__PURE__*/ React.createElement("div", { className: `absolute top-0 left-0 w-full h-full flex items-center justify-center transition-all duration-1000 ${isVisible ? "opacity-100" : "opacity-0"}`, __source: { fileName: "", lineNumber: 118, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "letter-animation", __source: { fileName: "", lineNumber: 123, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 flex items-center justify-center", __source: { fileName: "", lineNumber: 124, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[1px] h-[80%] bg-gradient-to-b from-[#6366F1]/40 via-[#EC4899]/40 to-[#BADC92]/40 transform rotate-[25deg] animate-line", __source: { fileName: "", lineNumber: 125, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "w-[1px] h-[80%] bg-gradient-to-b from-[#BADC92]/40 via-[#EC4899]/40 to-[#6366F1]/40 transform -rotate-[25deg] animate-line-reverse", __source: { fileName: "", lineNumber: 126, columnNumber: 17 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "relative w-full overflow-hidden mb-12 px-4", __source: { fileName: "", lineNumber: 131, columnNumber: 1 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-center", __source: { fileName: "", lineNumber: 132, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 133, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4 md:mb-6", __source: { fileName: "", lineNumber: 134, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-mono text-base md:text-xl font-thin text-[#1A1A1A] tracking-wider transition-all duration-500 fade-in", __source: { fileName: "", lineNumber: 135, columnNumber: 17 }, __self: this }, valuePropositions[currentProposition])), /*#__PURE__*/ React.createElement("p", { className: "font-inter text-sm md:text-base lg:text-lg text-[#1A1A1A]/80 max-w-lg mx-auto text-center leading-relaxed", __source: { fileName: "", lineNumber: 139, columnNumber: 15 }, __self: this }, "Where individuals build authentic connections through shared wellness experiences")))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6 md:gap-8 px-4 md:px-8 py-12 md:py-20", __source: { fileName: "", lineNumber: 146, columnNumber: 1 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white/80 backdrop-blur-lg p-6 md:p-8 rounded-xl border border-[#1A1A1A]/10 shadow-sm", __source: { fileName: "", lineNumber: 147, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-light fa-chart-line text-[#6366F1] text-2xl md:text-3xl mb-4", __source: { fileName: "", lineNumber: 148, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl md:text-2xl font-clash text-[#1A1A1A] mb-4", __source: { fileName: "", lineNumber: 149, columnNumber: 13 }, __self: this }, "Tribe Health Score"), /*#__PURE__*/ React.createElement("p", { className: "text-sm md:text-base text-[#1A1A1A]/70", __source: { fileName: "", lineNumber: 152, columnNumber: 13 }, __self: this }, "Track your Tribe's wellness journey together")), /*#__PURE__*/ React.createElement("div", { className: "bg-white/80 backdrop-blur-lg p-6 md:p-8 rounded-xl border border-[#1A1A1A]/10 shadow-sm", __source: { fileName: "", lineNumber: 156, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-light fa-handshake text-[#EC4899] text-2xl md:text-3xl mb-4", __source: { fileName: "", lineNumber: 157, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl md:text-2xl font-clash text-[#1A1A1A] mb-4", __source: { fileName: "", lineNumber: 158, columnNumber: 13 }, __self: this }, "Wellness Assists"), /*#__PURE__*/ React.createElement("p", { className: "text-sm md:text-base text-[#1A1A1A]/70", __source: { fileName: "", lineNumber: 161, columnNumber: 13 }, __self: this }, "Support and get support from your local wellness tribe")), /*#__PURE__*/ React.createElement("div", { className: "bg-white/80 backdrop-blur-lg p-6 md:p-8 rounded-xl border border-[#1A1A1A]/10 shadow-sm", __source: { fileName: "", lineNumber: 165, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-light fa-calendar-check text-[#BADC92] text-2xl md:text-3xl mb-4", __source: { fileName: "", lineNumber: 166, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl md:text-2xl font-clash text-[#1A1A1A] mb-4", __source: { fileName: "", lineNumber: 167, columnNumber: 13 }, __self: this }, "Community Huddles"), /*#__PURE__*/ React.createElement("p", { className: "text-sm md:text-base text-[#1A1A1A]/70", __source: { fileName: "", lineNumber: 170, columnNumber: 13 }, __self: this }, "Join wellness activities with your Tribe")))), /*#__PURE__*/ React.createElement("div", { className: "py-20 bg-gradient-to-tr from-[#6366F1]/5 via-[#EC4899]/5 to-[#BADC92]/5", __source: { fileName: "", lineNumber: 177, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { id: "waitlist-form", className: "max-w-md mx-auto px-4", __source: { fileName: "", lineNumber: 178, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-inter font-black tracking-tighter text-[#1A1A1A] mb-8 text-center", __source: { fileName: "", lineNumber: 179, columnNumber: 5 }, __self: this }, "Join the Waitlist"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-8", __source: { fileName: "", lineNumber: 180, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative group", __source: { fileName: "", lineNumber: 184, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", value: email, onChange: (e)=>setEmail(e.target.value), placeholder: "Enter your email", className: "w-full bg-white/80 backdrop-blur-lg border-b border-[#1A1A1A]/20 text-[#1A1A1A] px-4 py-4 focus:outline-none transition-all duration-300 font-mono text-base md:text-lg placeholder:text-[#1A1A1A]/40 rounded-lg", required: true, __source: { fileName: "", lineNumber: 185, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("label", { className: "flex items-start md:items-center space-x-3 text-[#1A1A1A]/80 cursor-pointer group", __source: { fileName: "", lineNumber: 196, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 197, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", name: "beta_tester", checked: isBetaTester, onChange: (e)=>setIsBetaTester(e.target.checked), className: "absolute opacity-0 w-6 h-6", __source: { fileName: "", lineNumber: 198, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "w-6 h-6 border border-[#1A1A1A]/20 bg-white/80 backdrop-blur-lg transition-colors duration-300 group-hover:border-[#EC4899] flex items-center justify-center rounded", __source: { fileName: "", lineNumber: 205, columnNumber: 11 }, __self: this }, isBetaTester && /*#__PURE__*/ React.createElement("div", { className: "w-4 h-4 bg-gradient-to-r from-[#6366F1] to-[#EC4899] transform scale-0 transition-transform duration-300 scale-100 rounded", __source: { fileName: "", lineNumber: 207, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("span", { className: "font-mono text-sm group-hover:text-[#1A1A1A] transition-colors duration-300 flex-1", __source: { fileName: "", lineNumber: 211, columnNumber: 9 }, __self: this }, "Join Early Access - Be part of our growing wellness community")), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: isSubmitting, className: "w-full bg-[#1A1A1A] text-white px-6 py-4 font-mono text-base md:text-lg transition-all duration-300 hover:bg-[#1A1A1A]/90 disabled:opacity-50 relative overflow-hidden group rounded-lg", __source: { fileName: "", lineNumber: 216, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "relative z-10 transition-transform duration-300 group-hover:scale-105", __source: { fileName: "", lineNumber: 221, columnNumber: 9 }, __self: this }, isSubmitting ? "Joining..." : "Join Waitlist")))), /*#__PURE__*/ React.createElement("div", { className: `fixed bottom-8 left-1/2 transform -translate-x-1/2 bg-[#1A1A1A] text-white px-6 py-3 font-mono text-sm transition-all duration-300 rounded-lg shadow-lg ${showToast ? "opacity-100 translate-y-0" : "opacity-0 translate-y-4"}`, __source: { fileName: "", lineNumber: 227, columnNumber: 3 }, __self: this }, message)), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 236, columnNumber: 7 }, __self: this }, ` @keyframes lineMove { 0% { height: 0%; opacity: 0; transform: translateY(-50%) scale(0.95); } 50% { height: 80%; opacity: 1; transform: translateY(0) scale(1); } 100% { height: 0%; opacity: 0; transform: translateY(50%) scale(0.95); } } @keyframes lineMoveReverse { 0% { height: 80%; opacity: 1; transform: translateY(-50%) scale(0.95); } 100% { height: 0%; opacity: 0; transform: translateY(50%) scale(1); } } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } @keyframes formAppear { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes gradientFlow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .animate-line { animation: lineMove 2s infinite cubic-bezier(0.4, 0, 0.2, 1); background-size: 200% 200%; animation: gradientFlow 6s ease infinite; } .animate-line-reverse { animation: lineMoveReverse 2s infinite cubic-bezier(0.4, 0, 0.2, 1); background-size: 200% 200%; animation: gradientFlow 6s ease infinite; } .letter-animation { position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: difference; } .fade-in { animation: fadeIn 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards; } .animate-form-appear { animation: formAppear 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards; animation-delay: 0.3s; } @media (hover: hover) { .hover-scale { transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .hover-scale:hover { transform: scale(1.05); } } `)); }

WELLNESS×COMMUNITY

SENTIER

×TRIBE

Tribe Health Score

Wellness Assists

Community Huddles

Join the Waitlist