{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('assets/style/css/component_bworld.css') }}">
{% endblock %}


<!-- "Article sur B world"-->

<div class="bworld_block">

    <!-- Bref description -->
    <div class="w-50 bworld_desc">
        <h1 class="text_underline"> {{ 'b-worl-title' | trans ( [], 'home' , langue )  }}</h1>

        <p>{{ 'b-worl-description-r1' | trans ( [], 'home' , langue )  }}</p>

        <p>{{ 'b-worl-description-r2' | trans ( [], 'home' , langue )  }}</p>
    </div>

    {# Logo B-World #}
    <div class="bworld_svg p-3">
        <img  src="{{ asset('assets/images/home/logo_bworld.svg') }}" alt="logo B-world">
        <div class="bworld_gradient"></div>
    </div>

</div>


<!-- Bouton qui renvoie vers la page B-WORLD-->
<div class="container bworld_btn">
    <a href="{{ path('app_bworld') }}" class="btn_theme" title="{{ 'Learn Bworld' | trans ( [], 'messages' , langue )  }}" alt="{{ 'Learn Bworld btn' | trans ( [], 'messages' , langue )  }}">
        {{ 'Learn More' | trans ( [], 'messages' , langue )  }}
    </a>
</div>