Skip to content

Change hero CTA to anchor linking to contact form#216

Draft
Copilot wants to merge 2 commits intomainfrom
copilot/update-cta-button-text
Draft

Change hero CTA to anchor linking to contact form#216
Copilot wants to merge 2 commits intomainfrom
copilot/update-cta-button-text

Conversation

Copy link
Copy Markdown

Copilot AI commented Feb 11, 2026

Hero section CTA was using <button onclick="showMessage()">Get Started</button> instead of linking to the contact form. Changed to anchor tag with updated text per Contoso Redesign requirements.

Changes

index.html

  • CTA button → <a href="#contact" class="cta-button">Request a consultation</a>

style.css

  • Added text-decoration: none and display: inline-block to .cta-button for anchor tag support

main.js

  • Removed unused showMessage() function and exports

Screenshot

Updated Hero CTA

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:

Original prompt

This section details on the original issue you should resolve

<issue_title>[Contoso Redesign] Primary CTA must be "Request a consultation" linking to the contact form.</issue_title>
<issue_description>## Description
CTA button text is 'Get Started' instead of 'Request a consultation', and the button uses onclick handler instead of linking to #contact. Need to change button to anchor tag with href='#contact' and update text.

Current State

The hero section in index.html:30 has a CTA button with text 'Get Started' that uses onclick='showMessage()' instead of linking to the contact form. The button is styled with class 'cta-button' (style.css:161). There is a separate secondary link 'Learn More' at index.html:31 that links to #contact.

Acceptance Criteria

  • The gap described above is fully addressed

Technical Details

  1. In index.html:30, change 'Get Started' to 'Request a consultation'. 2. Update style.css to ensure .cta-button styling works properly for anchor tags (add text-decoration: none and display: inline-block if not present). 3. Review if showMessage() function in main.js is still needed or can be removed.

Estimated Effort

5 minutes | Complexity: Low

Part of #214</issue_description>

Comments on the Issue (you are @copilot in this section)


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

Co-authored-by: danielmeppiel <51440732+danielmeppiel@users.noreply.github.com>
Copilot AI changed the title [WIP] Update CTA button to 'Request a consultation' Change hero CTA to anchor linking to contact form Feb 11, 2026
Copilot AI requested a review from danielmeppiel February 11, 2026 19:09
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.

[Contoso Redesign] Primary CTA must be "Request a consultation" linking to the contact form.

2 participants