libs/design/hero/examples/src/hero-with-grid/hero-with-grid.component.html
<daff-hero color="theme">
<daff-container class="daff-hero-with-grid__grid">
<div class="daff-hero-with-grid__image">
<img src="/assets/design/callout/pwa-illustration.svg" alt="PWA Illustration">
</div>
<div class="daff-hero-with-grid__content-wrapper">
<div class="daff-hero-with-grid__icon" daffHeroIcon>
<fa-icon [icon]="faMobile"></fa-icon>
</div>
<p daffHeroTagline>Frontend framework for ecommerce PWAs</p>
<h3 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h3>
<div daffHeroSubtitle>
<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>
<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>
</div>
<div daffHeroBody>
<a href="https://www.daff.io" target="_blank" daff-button>Get Started</a>
</div>
</div>
</daff-container>
</daff-hero>