Create Need More Info? Let's Schedule Your Discovery Call section (last section before Sign UP and Footer)

[mariana-caldas]

What do we need to build?

Implement the Need More Info? Let's Schedule Your Discovery Call section based on the approved Services Page mockups.

This section serves as the final call to action before the newsletter and footer, encouraging visitors to schedule a discovery call.

The implementation should follow the approved design and reuse existing Design System components whenever possible.

---

SDD References

Before starting implementation, review the following documents:

• specs/services-page/specification.md
• specs/services-page/decisions.md
• specs/services-page/references.md

These documents are the source of truth for this initiative.

The approved Figma mockups define the intended layout and visual design, while the content documentation referenced in references.md contains the finalized copy for this section.

---

Technical details

Section Layout

Implement the section according to the approved Figma mockups, including:

• Background image.
• Overlay treatment.
• Heading.
• Supporting copy.
• Primary CTA button.
• Responsive desktop and mobile layouts.

---

Call to Action

Implement the Schedule Your Call button.

The CTA should link to the same Calendly booking flow used throughout the Services page.

The Calendly URL should be configurable and reused rather than duplicated across multiple components.

---

Implementation Notes

There are no known design or product dependencies for this section.

The implementation should follow the approved mockups and existing Design System.

---

Approach suggestions

• Reuse existing hero/banner and button components whenever possible.
• Keep the Calendly URL configurable so it can be updated from a single location.
• Ensure the background image and overlay maintain good text readability across different screen sizes.
• Maintain spacing and responsive behavior consistent with the rest of the Services page.

---

Deadline

Please keep in mind that once you assign this task to yourself, it should be completed within 10 days.

---

Acceptance criteria

Implementation

• Section matches the approved Figma mockups.
• Heading and supporting copy match the approved content.
• Background image and overlay are implemented.
• CTA button links to the configured Calendly booking flow.
• Desktop and mobile layouts are responsive.
• Calendly URL is configurable and reused rather than duplicated.

Validation

• Review implementation against specification.md.

• Review implementation against decisions.md.

• Review implementation against the approved Figma mockups.

• Verify CTA opens the correct Calendly booking flow.

• Verify responsive behavior.

• Verify browser compatibility (Chrome, Firefox, Edge, and Safari).

• Test the section across different screen sizes using the browser's inspection tools.

• Verify that changes do not negatively affect existing shared components or layouts.

• If build issues occur before submitting the Pull Request, run yarn build locally, resolve any errors, and commit the fixes.

• Update the CHANGELOG.md file if applicable.