Block Team

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

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

{% block content %}
<twig:block-team
    :members="[
        {
            name: 'John Doe',
            role: 'Fundador',
            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'
                }
            ]
        }
    ]"
    :cols="1"
    margin_bottom="4"
/>

<twig:block-team
    :members="[
        {
            name: 'John Doe',
            role: 'Fundador',
            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-Fundadora',
            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'
                }
            ]
        }
    ]"
    :cols="2"
    margin_top="2"
    margin_bottom="3"
/>

<twig:block-team
    :members="[
        {
            name: 'John Doe',
            role: 'Fundador',
            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-Fundadora',
            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: 'Desarrollador',
            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'
                }
            ]
        }
    ]"
    :cols="3"
    margin_top="0"
/>

<twig:block-team
    :members="[
        {
            name: 'John Doe',
            role: 'Fundador',
            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-Fundadora',
            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'
                }
            ]
        }
    ]"
    :cols="4"
    margin="2"
/>
{% endblock %}