From b2eff3d3be7ab753225028ab23d02005bbaaa470 Mon Sep 17 00:00:00 2001 From: Alejandro Veras Date: Fri, 16 Oct 2026 13:16:14 -0400 Subject: [PATCH] Only show the booking calendars after the lead form is sent /contact/book/ now needs ?submitted=1 (set in the GHL form redirect) to load the calendars; other visitors get a prompt that links to the form. The page is noindex and out of the sitemap, the contact page card points to the form, and visitors are sent back to the language they filled the form in. Co-Authored-By: Claude Opus 5.5 --- README.md | 2 +- build.mjs | 2 +- src/i18n/ar.json | 7 +++++-- src/i18n/es.json | 7 +++++-- src/layout.mjs | 5 ++--- src/pages/book.mjs | 40 +++++++++++++++++++++++++++++++++++----- src/pages/contact.mjs | 4 ++-- static/assets/book.js | 2 ++ static/assets/site.js | 2 ++ static/assets/styles.css | 1 + 10 files changed, 56 insertions(+), 16 deletions(-) diff --git a/README.md b/README.md index e9cf8b1..55b6179 100644 --- a/README.md +++ b/README.md @@ -61,4 +61,4 @@ Importa el repo en Vercel. `vercel.json` ya define el build (`npm run build`), l - **Press:** falta el link del artículo de Gulf Insider y confirmar su titular exacto (`FEATURE` en `src/pages/press.mjs`). - **Korrith:** falta el cargo de Dylan (el tercer campo, vacío, en `src/pages/portfolio.mjs`). - **Páginas fuera del alcance actual:** Playbook y Poetry no forman parte del sitio. Sus secciones se muestran sin botón; si se crean esas páginas, se añade el botón con su texto original del documento. -- **Formulario y agenda (GoHighLevel):** los IDs están en `SITE.ghl` (`src/layout.mjs`). En GoHighLevel, el formulario "Dylan – Lead Form" debe redirigir a `https://dylanmazzei.com/contact/book/` al enviarse. +- **Formulario y agenda (GoHighLevel):** los IDs están en `SITE.ghl` (`src/layout.mjs`). En GoHighLevel, el formulario "Dylan – Lead Form" debe redirigir a `https://dylanmazzei.com/contact/book/?submitted=1` al enviarse. Sin `?submitted=1`, `/contact/book/` muestra un aviso para llenar el formulario en vez de los calendarios (es solo un filtro en el navegador: los calendarios de GHL siguen siendo públicos, así que el cobro y la disponibilidad se controlan en GHL). La página no se indexa ni sale en el sitemap. diff --git a/build.mjs b/build.mjs index d4e90d9..7f9dcda 100644 --- a/build.mjs +++ b/build.mjs @@ -37,7 +37,7 @@ for (const name of pages) { await mkdir(dirname(file), { recursive: true }); await writeFile(file, fingerprint(html)); } - urls.push(def.path); + if (!def.noindex) urls.push(def.path); console.log('built', def.path); } for (const [l, set] of Object.entries(missing)) { diff --git a/src/i18n/ar.json b/src/i18n/ar.json index 91c313e..bc1dc14 100644 --- a/src/i18n/ar.json +++ b/src/i18n/ar.json @@ -1242,7 +1242,6 @@ "Give me enough context to understand what you’re working on, where things stand, and what you’d like to discuss.": "أعطني ما يكفي من السياق لأفهم ما تعمل عليه، وأين وصلت الأمور، وما الذي تود مناقشته.", "Dylan – Lead Form": "ديلان – نموذج التواصل", "Rather Put It on the Calendar?": "تفضّل حجز موعد مباشرة؟", - "If you already know a conversation makes sense, skip the back-and-forth and find a time that works.": "إن كنت تعرف بالفعل أن المحادثة منطقية، فتجاوز المراسلات المتبادلة واختر وقتًا يناسبك.", "NOT SURE WHERE TO START?": "لست متأكدًا من أين تبدأ؟", "See What I’m Working On First.": "اطّلع أولًا على ما أعمل عليه.", "If you want a little context before reaching out, explore the companies I operate today, see the businesses and exits that shaped my journey, or learn how I work with founders.": "إن أردت بعض السياق قبل التواصل، استكشف الشركات التي أديرها اليوم، أو اطّلع على الأعمال وصفقات التخارج التي شكّلت رحلتي، أو تعرّف على طريقة عملي مع المؤسسين.", @@ -1309,5 +1308,9 @@ "Building around new opportunities created by AI.": "البناء على الفرص الجديدة التي يخلقها الذكاء الاصطناعي.", "Creating technology designed for real classrooms.": "ابتكار تقنيات مصممة للفصول الدراسية الحقيقية.", "Solving security challenges for growing businesses.": "حل تحديات الأمن للشركات النامية.", - "Turning product ideas into businesses built around real customers.": "تحويل أفكار المنتجات إلى أعمال مبنية حول عملاء حقيقيين." + "Turning product ideas into businesses built around real customers.": "تحويل أفكار المنتجات إلى أعمال مبنية حول عملاء حقيقيين.", + "Send the form above and you’ll pick a time that works right after, no back-and-forth.": "أرسل النموذج أعلاه وستختار مباشرة بعده الوقت الذي يناسبك، دون مراسلات متبادلة.", + "Tell Me a Bit About You First.": "أخبرني قليلًا عن نفسك أولًا.", + "Send the short form on the contact page and you’ll pick a time for your call right after.": "أرسل النموذج القصير في صفحة التواصل وستختار موعد مكالمتك مباشرة بعده.", + "GO TO THE FORM": "انتقل إلى النموذج" } diff --git a/src/i18n/es.json b/src/i18n/es.json index 8f384b3..f4ae690 100644 --- a/src/i18n/es.json +++ b/src/i18n/es.json @@ -1242,7 +1242,6 @@ "Give me enough context to understand what you’re working on, where things stand, and what you’d like to discuss.": "Dame suficiente contexto para entender en qué estás trabajando, en qué punto están las cosas y de qué te gustaría hablar.", "Dylan – Lead Form": "Dylan – Formulario de contacto", "Rather Put It on the Calendar?": "¿Prefieres agendarlo directamente?", - "If you already know a conversation makes sense, skip the back-and-forth and find a time that works.": "Si ya sabes que una conversación tiene sentido, sáltate los mensajes de ida y vuelta y encuentra un horario que te funcione.", "NOT SURE WHERE TO START?": "¿NO SABES POR DÓNDE EMPEZAR?", "See What I’m Working On First.": "Mira primero en qué estoy trabajando.", "If you want a little context before reaching out, explore the companies I operate today, see the businesses and exits that shaped my journey, or learn how I work with founders.": "Si quieres un poco de contexto antes de escribir, explora las empresas que opero hoy, mira los negocios y ventas que marcaron mi camino o conoce cómo trabajo con fundadores.", @@ -1309,5 +1308,9 @@ "Building around new opportunities created by AI.": "Construyendo sobre las nuevas oportunidades que crea la IA.", "Creating technology designed for real classrooms.": "Creando tecnología pensada para aulas reales.", "Solving security challenges for growing businesses.": "Resolviendo retos de seguridad para negocios en crecimiento.", - "Turning product ideas into businesses built around real customers.": "Convirtiendo ideas de producto en negocios construidos alrededor de clientes reales." + "Turning product ideas into businesses built around real customers.": "Convirtiendo ideas de producto en negocios construidos alrededor de clientes reales.", + "Send the form above and you’ll pick a time that works right after, no back-and-forth.": "Envía el formulario de arriba y justo después eliges el horario que te funcione, sin mensajes de ida y vuelta.", + "Tell Me a Bit About You First.": "Primero cuéntame un poco sobre ti.", + "Send the short form on the contact page and you’ll pick a time for your call right after.": "Envía el formulario corto de la página de contacto y justo después eliges el horario de tu llamada.", + "GO TO THE FORM": "IR AL FORMULARIO" } diff --git a/src/layout.mjs b/src/layout.mjs index fb5d3b8..d5c4b05 100644 --- a/src/layout.mjs +++ b/src/layout.mjs @@ -7,8 +7,6 @@ export const SITE = { pressEmail: 'press@dylanmazzei.com', linkedin: 'https://www.linkedin.com/in/dylanmazzei/', instagram: 'https://www.instagram.com/thedylanmazzei', - // Replace with the real scheduling link (Calendly, Cal.com, etc.). - calendar: '/contact/book/', // GoHighLevel (LeadConnector) widgets. Contacts land in Dylan's GHL account. ghl: { form: 'xm10A7alZrxeKDtkMkD2', // "Dylan – Lead Form" @@ -281,5 +279,6 @@ ${scripts} export const GHL_SCRIPT = ''; export const ghlForm = (id, name) => ``; +// Calendars start without a src: book.js loads them once the visitor has sent the lead form. export const ghlCalendar = (id, title) => - ``; + ``; diff --git a/src/pages/book.mjs b/src/pages/book.mjs index e572a76..5f7afa1 100644 --- a/src/pages/book.mjs +++ b/src/pages/book.mjs @@ -1,6 +1,9 @@ import { icon, eyebrow, SITE, ghlCalendar, GHL_SCRIPT } from '../layout.mjs'; -// Step 2 of the GoHighLevel booking flow. The lead form redirects here after submit. +// Step 2 of the GoHighLevel booking flow. The lead form redirects here after submit, +// to /contact/book/?submitted=1. Visitors who did not come from the form see a prompt +// to fill it in instead of the calendars. This only hides the page: the calendars are +// still public GHL widgets, so the real limits (payment, availability) live in GHL. // Copy mirrors the "Book Your Call" step Gabriela built in GoHighLevel. const calls = [ { id: 'free', tag: 'FREE', h: 'Free 15-min intro call with Dylan’s team', p: 'Discover how we can support your business goals and see if we are the right match for your journey.', cta: 'Book free call', cal: SITE.ghl.freeCalendar, icon: 'users' }, @@ -9,6 +12,26 @@ const calls = [ export default { path: '/contact/book/', + noindex: true, + head: ``, title: 'Book Your Call | Dylan Mazzei', description: 'Book a free 15-minute intro call with Dylan Mazzei’s team or a 15-minute 1:1 session with Dylan.', scripts: GHL_SCRIPT + '\n', @@ -18,10 +41,17 @@ export default {
${eyebrow('BOOK YOUR CALL')} -

Thanks! Now choose your call.

-

Pick the option that fits you best.

+
+

Thanks! Now choose your call.

+

Pick the option that fits you best.

+
+
+

Tell Me a Bit About You First.

+

Send the short form on the contact page and you’ll pick a time for your call right after.

+ GO TO THE FORM${icon('arrow')} +
-
+
${calls .map( (c, i) => `
-
+
${calls .map( diff --git a/src/pages/contact.mjs b/src/pages/contact.mjs index 962cd68..dccb547 100644 --- a/src/pages/contact.mjs +++ b/src/pages/contact.mjs @@ -38,8 +38,8 @@ export default {
${ghlForm(SITE.ghl.form, 'Dylan – Lead Form')}
- -

Rather Put It on the Calendar?

If you already know a conversation makes sense, skip the back-and-forth and find a time that works.

+ +

Rather Put It on the Calendar?

Send the form above and you’ll pick a time that works right after, no back-and-forth.

${icon('calendar')}
diff --git a/static/assets/book.js b/static/assets/book.js index 36e0bdc..cd9345a 100644 --- a/static/assets/book.js +++ b/static/assets/book.js @@ -1,4 +1,6 @@ (function () { + if (document.documentElement.getAttribute('data-gate') !== 'open') return; + document.querySelectorAll('iframe[data-src]').forEach(function (f) { f.src = f.getAttribute('data-src'); }); var tabs = document.querySelectorAll('[data-call]'); var select = function (id, scroll) { tabs.forEach(function (t) { diff --git a/static/assets/site.js b/static/assets/site.js index a13738a..479248f 100644 --- a/static/assets/site.js +++ b/static/assets/site.js @@ -1,6 +1,8 @@ (function () { window.__site = true; var root = document.documentElement; + // The booking page uses this to keep visitors in the language they filled the form in. + if (!/\/contact\/book\//.test(location.pathname)) { try { sessionStorage.setItem('dm-lang', root.lang || 'en'); } catch (e) {} } // Translations for the current page's language, written into the page by the build. var T = function (s) { return (window.__i18n && window.__i18n[s]) || s; }; var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches; diff --git a/static/assets/styles.css b/static/assets/styles.css index 061f23d..a363445 100644 --- a/static/assets/styles.css +++ b/static/assets/styles.css @@ -1055,6 +1055,7 @@ h1, h2, h3, h4 { font-weight: 600; } .cal-panel { max-width: 980px; margin: 0 auto; border-radius: 24px; } @media (max-width: 760px) { .calls { grid-template-columns: 1fr; } .call { padding: 24px; } } #schedule .wrap { position: relative; } +[data-gate="locked"] .gate-open, [data-gate="open"] .gate-locked, html:not([data-gate]) .gate-locked { display: none !important; } .cal-panel[data-off] { position: absolute; left: -10000px; top: 0; width: min(980px, 100%); visibility: hidden; pointer-events: none; } .ghl-wrap-form { min-height: 460px; } .ghl-wrap-cal { min-height: 720px; }