28 lines
587 B
Svelte
28 lines
587 B
Svelte
|
<script lang="ts">
|
||
|
|
import type { PromiseContent } from '$lib/types';
|
||
|
|
|
||
|
|
export let promise: PromiseContent;
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<section id="promise">
|
||
|
|
<div class="promise-inner">
|
||
|
|
<div class="promise-text">
|
||
|
|
<h2>
|
||
|
|
{promise.title}<br />
|
||
|
|
{promise.subtitle}
|
||
|
|
</h2>
|
||
|
|
|
||
|
|
<p>
|
||
|
|
{promise.body}
|
||
|
|
<strong>{promise.emphasis}</strong>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<a href={promise.cta.href} class="btn btn-green">{promise.cta.label}</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="promise-img">
|
||
|
|
<img src={promise.imageUrl} alt={promise.imageAlt} />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|