<section class="team-members-top">
    <div class="container">
        <div class="row">
            <div class="col">
                <h1>{{ headline }}</h1>
            </div>
        </div>
    </div>
</section>

<section class="team-members">
    <div class="container">
        <div class="row">
            <div class="col">
                <h2>{{ intro }}</h2>

                <div class="team-members-wrapper">
                    {{#each members}}
                    <div class="team-member">
                        <div class="d-flex gap-3">
                            <div class="left">
                                <img src="{{ thumbnail }}" alt="{{ title }}" />
                                <a href="mailto:{{ email }}">{{ email }}</a>
                                {{#if phone_1}}
                                    <a href="tel:{{ phone_1 }}">{{ phone_1 }}</a>
                                {{/if}}
                                {{#if phone_2}}
                                    <a href="tel:{{ phone_2 }}">{{ phone_2 }}</a>
                                {{/if}}
                                {{#if linkedin_url}}
                                    <a href="{{ linkedin_url }}"><img src="{{ ../linkedin_logo }}" alt="Follow me on LinkedIn" style="width: 39px" /></a>
                                {{/if}}
                            </div>

                            <div class="right">
                                <p class="name">{{ name }}</p>
                                <p class="position">{{ title }}</p>
                                <div class="excerpt">
                                    {{{ excerpt }}}
                                    <a href="{{ permalink }}">Read more &gt;</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    {{/each}}
                </div>
            </div>
        </div>
    </div>
</section>
