Services Page

[JoshuaVaneps]

Service Page Components

Description

We need to build out components for a service page. The main components required are a Hero Component and a Services Component.

Hero Component

• Display a visually appealing hero section at the top of the service page.
• Include a full-width image as the background.
• Add a message about our commitment to guaranteeing satisfaction.

Services Component

• Create a Services Component that maps through service cards.
• Each service card should:
  • Display a generic service image.
  • Have a button to request a quote, leading to an email form to allow users to detail their problem.
  • Include a button to view examples or see work, leading to the gallery for that specific service.

Requirements

• Design an aesthetically pleasing hero section with a prominent message.
• Implement a Services Component that provides a user-friendly interface.
• Ensure the quote button redirects to an email form for user inquiries.
• Integrate buttons in each service card for easy navigation to the relevant service gallery.

Tasks

1. Hero Component:

   • Design and implement the Hero Component for the service page.

2. Services Component:

   • Create the Services Component with the necessary features for each service card.

3. Quote Button Functionality:

   • Ensure the quote button redirects users to a form for detailing their problems via email.

4. Gallery Navigation Buttons:

   • Add buttons in each service card for easy navigation to the relevant service gallery.

Additional Information

• Focus on a clean and intuitive design for better user experience.
• Consider using responsive design principles to cater to various screen sizes.

Labels

• enhancement
• service-page
• hero-component
• services-component
• email-form

[JoshuaVaneps]

Reference Image: