Primary CTA funnels users to request a consultation via contact form.

[danielmeppiel]

Description

The primary CTA does not funnel users to the contact form - it shows an alert instead. The CTA text 'Get Started' and behavior do not communicate consultation requests. The contact form itself lacks consultation-focused framing (e.g., 'Request a Consultation' heading, consultation-specific fields like preferred contact method, service interest, etc.).

Current State

The primary CTA in index.html (line 30) is a button labeled 'Get Started' with onclick='showMessage()' that simply displays an alert message ('Welcome! This site is built with APM dependencies...'). There is a contact form in the #contact section (lines 68-90) and a secondary link 'Learn More' that points to #contact. The contact form exists but asks for a generic 'Message' rather than being framed as a consultation request. The ContactForm.tsx React component has a similar generic 'Send Message' structure.

Acceptance Criteria

• The gap described above is fully addressed

Technical Details

1. Change the primary CTA button text from 'Get Started' to 'Request Consultation' or 'Book a Consultation'. 2. Change onclick handler from showMessage() to navigate to #contact section (href='#contact' or smooth scroll). 3. Update the contact section heading to 'Request a Consultation' or 'Schedule a Consultation'. 4. Consider adding consultation-specific form fields (optional): service interest dropdown, preferred contact method, or consultation type. 5. Update ContactForm.tsx to match if React version is used. 6. Update main.js to remove or repurpose showMessage() function.

Estimated Effort

1-2 hours | Complexity: Low

Part of #272