Mockup approved. Ready to build in Astro and deploy.
Mockup
mockup.html in this directory. Open from disk (not dev server) to preview.
Note: image paths use relative ../../../public/ prefix for local file viewing. When converting to Astro, switch back to /images/msp-nights/ absolute paths.
Event Details
Event: MSP Night Houston
Date: Wednesday, June 24, 2026
Time: 6:00 PM to 8:00 PM
Venue: The Shop Club Houston, 13150 Breton Ridge St, Houston, TX 77070
Parking: Available onsite (mentioned in FAQ only, not in details card)
Format: Invite-only, no presentations, food and drinks provided
Page Structure (from mockup)
Nav - Dark/transparent, white Monjur logo + phone (214) 999-0080. Conversion variant.
Hero - Lounge photo background (lounge.jpg) with navy gradient overlay. Title, 2-3 line description, event meta (date/time/venue), tagline. Form card on right.
Venue strip - Three photo cards flush below hero. No header ribbon.
“Good Company” / food.jpg - “Food and drinks are on us. Come hungry, leave connected.”
“Great Cars” / cars.jpg - “A private members club set against a world-class automotive collection.”
“No Agenda” / crowd.jpg - “No presentations. No pressure. Just MSP owners and operators from the area.”
Cards have min-height on paragraph text so all three align at the bottom.
About section - “Built for the people running the business.” Copy on left, event details card on right (car collection photo background with navy overlay). Details: date, time, venue with address. No parking row.
FAQ section - “Before you ask” with 8 collapsible items. Cheeky/honest tone. Key FAQ: “Is this a sales pitch in disguise?” has the carefully worded honest answer.
CTA band - “Ready to join us?” with scroll-to-top button that focuses the form.
Footer - Simple copyright.
Images
All in /public/images/msp-nights/:
food.jpg (84KB) - Overhead food/drinks shot from The Derby
cars.jpg (1.5MB) - Showroom floor, red Alfa Romeo
crowd.jpg (218KB) - Event crowd under ring lights
lounge.jpg (1.5MB) - Leather couches, bar, pendant lights (hero bg)
Production optimization: cars.jpg and lounge.jpg need compression/resizing. Both are 1.5MB+.
Form Fields
First name (required)
Last name (required)
Company name (required)
Email address (required)
How many total attendees? (required, select dropdown: 1-4)
Dietary requirements (optional, text input, placeholder: “None, vegetarian, etc.”)
All fields are full-width except first/last name which are side-by-side.
HubSpot Integration
Form Setup
Portal ID: 22570801
Create new form in HubSpot for this event (do not reuse demo request form)
Form name suggestion: “MSP Night Houston - June 2026 Registration”
Include hidden fields for UTM parameters (use existing _mjGetUtmFields() / _mjGetUtm() pattern from demo request page)
Campaign Attribution
Hapily Event Record ID: 56547197313
Campaign: MSP Nights - June 2026
Ensure form submissions are attributed to this campaign
If using Hapily, associate form submitters to the event record via workflow
Submission Handling
Follow the same pattern as /msa-review/ and /request-a-demo/: submit to HubSpot API + /api/partial-capture
On success: show a confirmation message in the form card (replace form with thank-you state)
Email Sequence (HubSpot Workflow)
All emails are built in HubSpot, not in Astro. But the copy is ready:
Confirmation - Fires immediately on form submission. Subject: “You’re confirmed - MSP Night Houston, June 24”
Week-out reminder - Send June 17. Subject: “One week away - MSP Night Houston, June 24”
Day-out reminder - Send June 23. Subject: “MSP Night is tomorrow - Houston”
Full email copy is in Johnny’s original brief (stored in conversation context). Key details for all emails:
Venue: The Shop Club Houston, 13150 Breton Ridge St, Houston, TX 77070
Date: Tuesday June 24 (NOTE: emails say Tuesday but the calendar says Wednesday - needs confirmation before building)