Skip to content

Add consultation-specific CTA flow routing users to the contact form#260

Draft
Copilot wants to merge 2 commits intomainfrom
copilot/add-consultation-cta
Draft

Add consultation-specific CTA flow routing users to the contact form#260
Copilot wants to merge 2 commits intomainfrom
copilot/add-consultation-cta

Conversation

Copy link
Copy Markdown

Copilot AI commented Mar 24, 2026

The hero CTA triggered a generic alert (showMessage()) with no path to the contact form, and no consultation-specific entry points existed across the page. The contact form also had no way to capture inquiry intent.

index.html

  • Hero CTA: <button onclick="showMessage()">Get Started</button><a href="#contact" id="hero-cta">Request a Consultation</a>
  • Added secondary consultation CTAs in the About ("Schedule a Consultation") and Services ("Request a Consultation") sections
  • Added required Inquiry Type dropdown to the contact form as the first field (options: Consultation Request, General Inquiry, Support, Other)

main.js

  • Replaced showMessage() with initializeConsultationCTAs(): attaches click listeners to all three CTAs, logs each click to the audit trail, and auto-pre-selects "Consultation Request" in the dropdown when the form hasn't been touched yet
  • handleSubmit() now captures and logs the inquiry-type field

style.css

  • .cta-button updated: brand green #059669, display: inline-block (works for <a> elements), 44px min-height (WCAG touch target)
  • Added .cta-button--secondary (outlined green variant) and .section-cta centering wrapper
  • select added to .form-group styles; .secondary-link contrast fixed for dark hero background

Screenshots

Hero — primary CTA:
Hero CTA

About — secondary CTA:
About CTA

Contact form — "Consultation Request" auto-selected on CTA click:
Contact Form

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

  • googlechromelabs.github.io
    • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node node install.js (dns block)

If you need me to access, download, or install something from one of these locations, you can either:


✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

…opdown, and CTA tracking

Co-authored-by: danielmeppiel <51440732+danielmeppiel@users.noreply.github.com>
Agent-Logs-Url: https://github.com/danielmeppiel/corporate-website/sessions/ae6f4f11-f07c-4c3d-b86a-404d19135099
Copilot AI changed the title [WIP] Add call-to-action for consultation request and contact form Add consultation-specific CTA flow routing users to the contact form Mar 24, 2026
Copilot AI requested a review from danielmeppiel March 24, 2026 14:49
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add a call-to-action that funnels users to request a consultation and routes them to the contact form.

2 participants