hero-with-image

ds.hero-with-image represents to a hero-section of the page, over here you can add the title for your page, followed by some image or cta-buttons, with some body.

Example:

Input

-- ds.hero-with-image: We transform ideas into digital outcomes.
link: landing/
cta-primary: Demo
cta-primary-link: landing/
cta-secondary: How it works
cta-secondary-link: landing/
image: $assets.files.static.landing.svg

We are an award-winning strategic design company that provides consultancy
services and help you create outstanding digital products.

Lang:

ftd

Output

We transform ideas into digital outcomes.

We are an award-winning strategic design company that provides consultancy services and help you create outstanding digital products.

Demo

How it works

Properties of `hero-with-image` component

title - type: caption It’s used to add title to hero-with-image component.
link - type: string It’s used to add link type to hero-with-image component.
cta-primary - type: string It’s used to add button text to hero-with-image component.
cta-primary-link - type: string It’s used to add button link url to hero-with-image component.
cta-secondary - type: string It’s used to add button text to hero-with-image component.
cta-secondary-link - type: string It’s used to add button link url to hero-with-image component.
body - type: body It’s used to add body content to hero-with-image component.
image - type: ftd.image-src It’s used to add image to hero-with-image component.

Example:

Properties of hero-with-image component

Properties of `hero-with-image` component