Funnel primary CTA to consultation request form

[Copilot]

The primary CTA (Get Started) triggered an alert instead of directing users to the contact form, and the contact form itself had no consultation-specific framing or fields.

Changes

index.html / main.js

• Replaced <button onclick="showMessage()"> with <a href="#contact" class="cta-button">Request Consultation</a> — removes the alert, adds anchor navigation
• Removed showMessage() and its window exports from main.js
• Secondary link repurposed to Our Services → #services to avoid duplicate #contact links
• Contact section heading: Contact Us → Request a Consultation
• Added Service Interest (4 service options) and Preferred Contact Method (Email / Phone / Video Call) dropdowns
• Submit button: Send Message → Request Consultation; success toast updated to match

src/components/ContactForm.tsx

• Added serviceInterest and preferredContact to form state and JSX, mirroring the HTML form options
• Submit button label updated to Request Consultation

src/api/contact.ts

• Extended ContactFormData interface with optional serviceInterest?: string and preferredContact?: string
• Added length/type validation for both new fields

tests/ContactForm.test.tsx

• Updated all button queries from /send message/i → /request consultation/i
• Added field presence assertions for the two new dropdowns

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:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)