diff --git a/src/components/sections/Contact.svelte b/src/components/sections/Contact.svelte index 6af7514..984556f 100644 --- a/src/components/sections/Contact.svelte +++ b/src/components/sections/Contact.svelte @@ -21,7 +21,38 @@ let fieldErrors = $state>>({}); let isCalendlyReady = $state(false); let calendlyInlineContainer = $state(null); + let messageField = $state(null); const calendlyEmbedUrl = 'https://calendly.com/jaysonknight?background_color=0d1117&text_color=e2e8f0&primary_color=00d4ff&hide_gdpr_banner=1'; + const quickStartItems = [ + { + title: 'Visual Refresh Sprint', + brief: 'I want a visual refresh sprint focused on hierarchy, spacing, motion polish, and premium UI consistency.', + }, + { + title: 'Structural IA Overhaul', + brief: 'I want to restructure the site architecture so services, proof, and outcomes are easier to navigate and convert.', + }, + { + title: 'Feature Expansion Build', + brief: 'I want to add interactive case studies, downloadable assets, and smarter intake flows for higher-quality leads.', + }, + { + title: 'Technical Hardening Pass', + brief: 'I want Core Web Vitals optimization, accessibility QA automation, and schema/SEO technical hardening.', + }, + ] as const; + + function applyQuickStart(brief: string) { + form.message = brief; + state = 'idle'; + errorMessage = ''; + fieldErrors.message = ''; + + requestAnimationFrame(() => { + messageField?.focus(); + messageField?.scrollIntoView({ behavior: 'smooth', block: 'center' }); + }); + } async function handleSubmit(e: SubmitEvent) { e.preventDefault(); @@ -122,6 +153,28 @@ or want to ship something that's never been built — I'm interested.

+
+

+ Fast-Track Website Upgrades +

+

+ Choose one to prefill the contact form and launch immediately. +

+
+ {#each quickStartItems as item} + + {/each} +
+
+