diff --git a/apps/website/pages/partners.vue b/apps/website/pages/partners.vue index ec9cca4..3fe9996 100644 --- a/apps/website/pages/partners.vue +++ b/apps/website/pages/partners.vue @@ -13,6 +13,48 @@ function toggleFaq(i: number) { openFaq.value = openFaq.value === i ? null : i } +// Partner application form — interim: composes a prefilled email to +// info@dezky.eu (no backend). Swap for a real intake/CRM later. +const pName = ref('') +const pCompany = ref('') +const pEmail = ref('') +const pWebsite = ref('') +const pType = ref('') +const pMessage = ref('') + +function submitPartner() { + const f = c.value.form + const subject = `Partner application — ${(pCompany.value || pName.value).trim()}` + const body = [ + `${f.nameLabel}: ${pName.value}`, + `${f.companyLabel}: ${pCompany.value}`, + `${f.emailLabel}: ${pEmail.value}`, + `${f.websiteLabel}: ${pWebsite.value}`, + `${f.typeLabel}: ${pType.value}`, + '', + pMessage.value, + ].join('\n') + window.location.href = `mailto:info@dezky.eu?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}` +} + +const formEyebrow = computed(() => ({ + fontFamily: '\'JetBrains Mono\', monospace', fontSize: '11px', color: t.value.fgDim, + letterSpacing: '0.12em', textTransform: 'uppercase' as const, +})) +const formH2 = computed(() => ({ + fontFamily: '\'Inter Tight\', sans-serif', fontWeight: 600, fontSize: 'clamp(28px, 3.6vw, 44px)', + letterSpacing: '-0.03em', lineHeight: 1.05, margin: '14px 0 0', color: t.value.fg, textWrap: 'balance' as const, +})) +const fieldLabel = computed(() => ({ + display: 'block', marginBottom: '8px', fontFamily: '\'JetBrains Mono\', monospace', + fontSize: '11px', color: t.value.fgMuted, letterSpacing: '0.06em', textTransform: 'uppercase' as const, +})) +const inputStyle = computed(() => ({ + width: '100%', padding: '12px 14px', border: `1px solid ${t.value.border}`, borderRadius: '4px', + background: t.value.bg, color: t.value.fg, fontFamily: '\'Inter\', sans-serif', fontSize: '15px', + boxSizing: 'border-box' as const, +})) + useHead({ title: () => `${copy.value.pages.partners.label} · dezky` }) @@ -143,9 +185,63 @@ useHead({ title: () => `${copy.value.pages.partners.label} · dezky` }) - + - {{ c.cta }} → +
+
+ +
+
{{ c.form.label }}
+

{{ c.form.heading }}

+

{{ c.form.lede }}

+ +
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ +