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

[danielmeppiel]

Description

Missing consultation-specific CTA that: (1) Uses consultation-focused copy like 'Request a Consultation' instead of 'Get Started', (2) Directly links/scrolls to the contact form, (3) Optionally pre-fills or indicates consultation intent in the form. The contact form also lacks a field to specify inquiry type (consultation vs general).

Current State

The website has a hero section with a generic 'Get Started' CTA button (index.html:30) that calls showMessage() and a 'Learn More' link pointing to #contact. There's a contact form at #contact section (index.html:68-90) for general inquiries. The CTA button styling exists in style.css:161-172. However, no consultation-specific CTA exists - the current 'Get Started' button triggers a generic message, not a consultation flow.

Acceptance Criteria

• The gap described above is fully addressed

Technical Details

1. Modify hero CTA button in index.html to say 'Request a Consultation' and link to #contact section (change from onclick='showMessage()' to href='#contact'); 2. Add secondary CTA buttons in services and about sections for additional conversion points; 3. Optionally add 'Inquiry Type' dropdown to contact form with 'Consultation Request' as an option; 4. Update main.js to remove/modify showMessage() and add scroll tracking for consultation CTA clicks; 5. Ensure CTA styling uses dark green (#059669) per brand guidelines in AGENTS.md

Estimated Effort

1-2 hours | Complexity: Low

Part of #258