✨ Key Features - Homepage Carousel

[joshbermanssw]

🩸 Pain

The current key features boxes arent the best looking, and they are located quite far down the page.

💡 Suggested Solution

Refer to the revamped homepage to implement the carousel styled key features box and move location up.

Figma Mockup

💼 Tasks

• [x] Create carousel styled component for the CMS
• [x] Ensure it is automatically scrolling vertically (look at react-slick)
• [x] Replace current feature boxes
• [x] Add GTM tags to each individual new feature block (refer to #1802)
• [ ] Implement and Test

✅ Acceptance Criteria

• [ ] Test passed by designers and product owner

➕ More Information

📸 Screenshots

Cc:

[bettybondoc]

@joshbermanssw

Additional Tasks:

• [x] Consult with Betty for the mobile view
• [ ] Get final copy/GIFs from Landon

Expected Behaviour (See https://webflow.com/)

• Desktop - Carousel will cycle through each item automatically. When a user hovers over an item, the carousel stops. Clicking on an item will open a new tab.
• Mobile - All the items will be displayed at once (no hovering).

Figure: Key Features

[joshbermanssw]

Awaiting GIFs still