Block Team

{# derafu_twig:templates/pages/components/block-team.html.twig #}

{% extends 'layouts/default.html.twig' %}

{% block content %}

<twig:block-team
    class="my-4"
    :cols="1"
    :members="[
        {
            name: 'John Doe',
            role: 'Founder',
            image: '../../img/block-hero.jpeg',
            bio: 'Lorem ipsum dolor sit amet, consectetur adipiscing <a href=\'https://www.example.com/\' target=\'_blank\'>elit.</a href>',
            links: [
                {
                    icon: 'fa-brands fa-linkedin',
                    text: 'LinkedIn',
                    url: 'https://www.example.com'
                },
                {
                    icon: 'fa-brands fa-github',
                    text: 'GitHub',
                    url: 'https://www.example.com'
                }
            ]
        }
    ]"
/>

<twig:block-team
    class="my-4"
    :cols="2"
    :members="[
        {
            name: 'John Doe',
            role: 'Founder',
            image: '../../img/block-hero.jpeg',
            bio: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
            links: [
                {
                    icon: 'fa-brands fa-linkedin',
                    text: 'LinkedIn',
                    url: 'https://www.example.com'
                },
                {
                    icon: 'fa-brands fa-github',
                    text: 'GitHub',
                    url: 'https://www.example.com'
                }
            ]
        },
        {
            name: 'Jane Smith',
            role: 'Co-Founder',
            image: '../../img/block-hero.jpeg',
            bio: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
            links: [
                {
                    icon: 'fa-brands fa-linkedin',
                    text: 'LinkedIn',
                    url: 'https://www.example.com'
                }
            ]
        }
    ]"
/>

<twig:block-team
    class="my-4"
    :cols="3"
    :members="[
        {
            name: 'John Doe',
            role: 'Founder',
            image: '../../img/block-hero.jpeg',
            bio: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
            links: [
                {
                    icon: 'fa-brands fa-linkedin',
                    text: 'LinkedIn',
                    url: 'https://www.example.com'
                },
                {
                    icon: 'fa-brands fa-github',
                    text: 'GitHub',
                    url: 'https://www.example.com'
                }
            ]
        },
        {
            name: 'Jane Smith',
            role: 'Co-Founder',
            image: '../../img/block-hero.jpeg',
            bio: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
            links: [
                {
                    icon: 'fa-brands fa-linkedin',
                    text: 'LinkedIn',
                    url: 'https://www.example.com'
                }
            ]
        },
        {
            name: 'Mike Johnson',
            role: 'Developer',
            image: '../../img/block-hero.jpeg',
            bio: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
            links: [
                {
                    icon: 'fa-brands fa-github',
                    text: 'GitHub',
                    url: 'https://www.example.com'
                }
            ]
        }
    ]"
/>

<twig:block-team
    class="my-4"
    :cols="4"
    :members="[
        {
            name: 'John Doe',
            role: 'Founder',
            image: '../../img/block-hero.jpeg',
            bio: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
            links: [
                {
                    icon: 'fa-brands fa-linkedin',
                    text: 'LinkedIn',
                    url: 'https://www.example.com'
                }
            ]
        },
        {
            name: 'Jane Smith',
            role: 'Co-Founder',
            image: '../../img/block-hero.jpeg',
            bio: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
            links: [
                {
                    icon: 'fa-brands fa-github',
                    text: 'GitHub',
                    url: 'https://www.example.com'
                }
            ]
        },
        {
            name: 'Saul Goodman',
            role: 'HR',
            image: '../../img/block-hero.jpeg',
            bio: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
            links: [
                {
                    icon: 'fa-brands fa-linkedin',
                    text: 'LinkedIn',
                    url: 'https://www.example.com'
                }
            ]
        },
        {
            name: 'Mike Johnson',
            role: 'Developer',
            image: '../../img/block-hero.jpeg',
            bio: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
            links: [
                {
                    icon: 'fa-brands fa-github',
                    text: 'GitHub',
                    url: 'https://www.example.com'
                }
            ]
        }
    ]"
/>

{% endblock %}