<script lang="ts">
    import {
        whatIHelpTeamsFixIntro,
        whatIHelpTeamsFixItems,
    } from '$lib/data/home/content';
</script>

<section id="what-i-help-fix" class="section" aria-labelledby="what-i-help-fix-heading">
    <div class="container">
        <h2 id="what-i-help-fix-heading" class="section-title">What I Help Teams Fix</h2>
        <p class="what-fix-intro">{whatIHelpTeamsFixIntro}</p>
        <ul class="content-list">
            {#each whatIHelpTeamsFixItems as item (item)}
                <li>{item}</li>
            {/each}
        </ul>
    </div>
</section>

<style>
    .what-fix-intro {
        max-width: var(--max-text-width);
        margin: 0 auto var(--space-lg) auto;
    }
</style>
