EARLY LIST
Early List
.mf-early-wrap{max-width:560px;margin:48px auto;padding:0 16px;font-family:-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;color:#1a1a1a;line-height:1.65;}
.mf-early-wrap h1{font-size:28px;font-weight:600;letter-spacing:-0.01em;margin:0 0 16px;}
.mf-early-wrap .sub{font-size:16px;color:#444;margin:0 0 28px;line-height:1.6;}
.mf-early-wrap .pillars{font-size:14px;color:#666;margin:0 0 28px;}
.mf-early-wrap form{display:flex;flex-direction:column;gap:14px;background:#faf8f4;padding:24px;border-radius:4px;border:1px solid #e5e2d8;}
.mf-early-wrap input,.mf-early-wrap select{padding:12px 14px;border:1px solid #d4d0c4;border-radius:2px;font-size:15px;font-family:inherit;background:#fff;}
.mf-early-wrap input:focus,.mf-early-wrap select:focus{outline:2px solid #1a1a1a;outline-offset:-1px;border-color:#1a1a1a;}
.mf-early-wrap button{padding:14px 28px;background:#1a1a1a;color:#faf8f4;border:none;border-radius:2px;font-size:15px;font-weight:500;letter-spacing:0.04em;cursor:pointer;font-family:inherit;}
.mf-early-wrap button:hover{background:#333;}
.mf-early-wrap button:disabled{opacity:0.5;cursor:not-allowed;}
.mf-early-wrap .footnote{font-size:12px;color:#888;margin:16px 0 0;text-align:center;}
.mf-early-wrap .ok{background:#e8f3eb;border:1px solid #b4d4c0;padding:20px;border-radius:4px;color:#234e30;}
.mf-early-wrap .err{background:#fbe9e9;border:1px solid #e8b4b4;padding:14px;border-radius:4px;color:#7c2929;font-size:14px;}
join the early modest forever community
a brand that helps muslims keep their iman anchored in a fast world.
clothing as a reminder. community as the anchor. development within our own as the long game.
no spam, no clutter. we email when something real is happening.
what brings you here?
the clothing
community / events
development / iman work
honestly, just exploring
i'm in
you're in.
a welcome from mohamed will land in your inbox in a few minutes. shukran for stepping in early.
by joining, you agree to receive emails from modest forever. unsubscribe any time.
async function mfEarlyJoin(e){
e.preventDefault();
const btn = document.getElementById('mf-submit-btn');
const errBox = document.getElementById('mf-error');
errBox.style.display = 'none';
btn.disabled = true;
btn.textContent = 'joining...';
const email = document.getElementById('mf-email').value.trim().toLowerCase();
const first = document.getElementById('mf-first-name').value.trim();
const interest = document.getElementById('mf-bringing-here').value;
try{
const r = await fetch('https://a.klaviyo.com/client/subscriptions/?company_id=YnL3mx', {
method: 'POST',
headers: {'revision':'2024-10-15','Content-Type':'application/json'},
body: JSON.stringify({
data:{
type:'subscription',
attributes:{
custom_source:'Early List Landing Page',
profile:{data:{type:'profile',attributes:{
email: email,
first_name: first,
properties: { interest_in: interest, signup_source: 'early-list-page' }
}}}
},
relationships:{ list:{ data:{ type:'list', id:'TrdUBq' } } }
}
})
});
if(r.status === 202){
document.getElementById('mf-early-form').style.display='none';
document.getElementById('mf-success').style.display='block';
} else {
const t = await r.text();
errBox.textContent = 'something went wrong. try again, or email hello@modestforever.co — '+r.status;
errBox.style.display='block';
btn.disabled = false;
btn.textContent = "i'm in";
}
} catch(err){
errBox.textContent = 'connection error. try again in a sec.';
errBox.style.display='block';
btn.disabled = false;
btn.textContent = "i'm in";
}
return false;
}
