Image Video Content Block Component
The Image Video Content Block component is a fully responsive and interactive UI section built with React, Next.js, and Tailwind CSS, designed to highlight the benefits and requirements of a local supplier program.
Text Content (Left on Desktop)
- Describes the Local Program in a clear and structured format.
- Lists key requirements for suppliers using a semantic bullet list.
- Encourages potential suppliers to engage if they meet the criteria.
Video Banner (Right on Desktop)
- Displays a thumbnail image for a promotional video.
- Clicking the thumbnail opens a modal popup with a YouTube video that plays automatically.
- Includes a play button overlay styled like a media icon.
- Modal supports proper accessibility with focus and close control, and stops video playback when closed.
Our Local Program allows local suppliers to grow at a sustainable pace within our network of stores. You can start out in less than five stores and work with our team
Local Program Requirements:
- Your products are made right here in Canada.
- You are locally producing items that will wow and excite our customers.
- Your products are regionally relevant in a local market.
- Your product is packaged and ready to be sold.
If you fit this criteria, we want to know more!
