<section class="team-member-top" style="background-image: url({{ header_background_image }})">
    <div class="container">
        <div class="row">
            <div class="col">
                <h1>{{ header_text }}</h1>
            </div>
        </div>
    </div>
</section>

<section class="team-member">
    <div class="container">
        <div class="row">
            <div class="col">
                <div class="content-wrapper">
                    <div class="team-member-intro-bar">
                        <div class="text">
                            <h2>{{ name }}
                                <span>{{ title }}</span>
                            </h2>
                        </div>

                        <div class="image">
                            <img src="{{ thumbnail }}" alt="{{ name }}" />
                        </div>
                    </div>

                    <div class="d-flex gap-5 bio-wrapper">
                        <div class="left">
                            {{#if linkedin_url}}
                                <a href="{{ linkedin_url }}"><img src="{{ ../linkedin_logo }}" alt="Follow me on LinkedIn" style="width: 39px" /></a>
                            {{/if}}
                            <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}}
                        </div>

                        <div class="right">
                            <div class="content">
                                {{{ content }}}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
