Onboarding: Add DIFM landing page #7434465

Proposed Changes

Context: pdh1Xd-T9-p2#comment-1169

• Adds a reusable landing page for DIFM.
• Deletes the choose-service step which was present in the website-design-services flow.
• Adds a difmStartingPoint step to the Stepper flow. This was required to make the Skip button work correctly with the selected intent/goals on the goals step.

Testing Instructions

Starting from Goals step

• Go to /start. Select a free domain and plan and proceed to the goals step.
• Click on the DIFM intent (“Hire our experts to create your dream site”).
• The next step should match the screen below.

• The slideshow should cycle between 5 images with a fade animation.
• On smaller screens, the slideshow should not be visible.
• Click on the “Show Frequently Asked Questions” button to expand the FAQ section, it should scroll the window so that the FAQ section is in view.
• Click on the button again to hide the FAQ section.
• Clicking on “Hire a Professional” should allow you to proceed through the flow till checkout.

Starting from Goals step (testing Skip & Back behaviour)

• Go to /setup/goals?siteSlug=<siteslug>
• Click on the DIFM intent (“Hire our experts to create your dream site”).
• Click on “Skip for now”. It should navigate to the verticals step (if enabled) and then to the design setup step.
• Check the “back” behaviour on different steps.

Starting from the landing page

• Go to /start/do-it-for-me.
• Test both New Site and Existing Site flows.

Fixes Automattic/martech#835