graycoreio/daffodil

<daff-hero [textAlignment]="textAlignControl.value">
    <daff-container size="md">
        <div class="daff-hero-text-alignment__icon" daffHeroIcon>
            <fa-icon [icon]="faMobile"></fa-icon>
        </div>
        <p daffHeroTagline>Frontend framework for ecommerce PWAs</p>
        <h1 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h1>
        <h2 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>
        </h2>
        <div daffHeroBody>
            <a href="https://www.daff.io" target="_blank" daff-button>Get Started</a>
        </div>
    </daff-container>
</daff-hero>

<select [formControl]="textAlignControl">
    <option *ngFor="let option of options" [value]="option.value">{{ option.label }}</option>
</select>