{% import 'app/_inc/macros.html.twig' as m %}<section id="software_homepage" class="software"> <div class="ct"> <h2 class="h2">{{ 'Create and tell stories, simply.'|trans|raw }}</h2> <div class="swiper" data-swiper="large"> {{ m.SwiperPagination('large') }} <div class="swiper-wrapper"> {# La suite #} <div class="swiper-slide"> <div class="content_software" data-a-up> <div data-a-up class="large bloc-video"> {% if app.request.locale == 'fr' %} {{ m.img(asset('img/homepage/suiteFR.png')) }} {% else %} {{ m.img(asset('img/homepage/suiteEN.png')) }} {% endif %} </div> <div class="bloc-description"> <h3 class="h4">{{ 'Merge creation and narration.'|trans|raw }}</h3> <ul> <li class="card_icon"> <div> {{ m.icon('home/software_1') }} <h4><strong>{{ 'Organize and navigate easily'|trans|raw }}</strong></h4> </div> <p>{{ 'Simplify the management of your content with categories and visually distinct tags.'|trans|raw }}</p> </li> <li class="card_icon"> <div> {{ m.icon('home/software_2') }} <h4><strong>{{ 'Your creative space, reinvented'|trans|raw }}</strong></h4> </div> <p>{{ 'Access all your information on a single screen with a tabbed workspace.'|trans|raw }}</p> </li> <li class="card_icon"> <div> {{ m.icon('home/software_3') }} <h4><strong>{{ 'Multi-platform compatibility'|trans|raw }}</strong></h4> </div> <p>{{ 'Windows, Apple or Linux: our suite adapts to your environment.'|trans|raw }}</p> </li> </ul> <div class="icons_system"> {{ m.icon('home/windows') }} {{ m.icon('home/mac') }} {{ m.icon('home/linux') }} </div> <div class="bottom"> <div> {% if app.request.locale == 'fr' %} {{ m.btn('icons-ollam/contact', 'Acheter dès maintenant', path('shop'), {class:'btn btn-cta-secondary'}) }} {% else %} {{ m.btn('icons-ollam/contact', 'Buy now', path('shop'), {class:'btn btn-cta-secondary'}) }} {% endif %} </div> <p class="small">{{ 'Software available in <strong>English</strong> and <strong>French</strong>'|trans|raw }}</p> </div> </div> </div> </div> {# Lore #} <div class="swiper-slide"> <div class="content_software" data-a-up> <div data-a-up class="large bloc-video"> {% if app.request.locale == 'fr' %} {{ m.img(asset('img/homepage/loreFR.png')) }} {% else %} {{ m.img(asset('img/homepage/loreEN.png')) }} {% endif %} </div> <div class="bloc-description"> <h3 class="h4">{{ 'Create rich, detailed universes'|trans|raw }}</h3> <ul> <li class="card_icon"> <div> {{ m.icon('home/software_4') }} <h4><strong>{{ 'Centralize and save time'|trans|raw }}</strong></h4> </div> <p>{{ 'Create and organize your worlds intuitively with customized templates.'|trans|raw }}</p> </li> <li class="card_icon"> <div> {{ m.icon('home/software_5') }} <h4><strong>{{ 'Express your creativity without limits'|trans|raw }}</strong></h4> </div> <p>{{ 'Design rich, detailed game universes and establish a coherent framework for your players.'|trans|raw }}</p> </li> <li class="card_icon"> <div> {{ m.icon('home/software_6') }} <h4><strong>{{ 'Automate and simplify' }}</strong></h4> </div> <p>{{ 'Automate blocks to quickly fill in and maintain consistency across pages.'|trans|raw }}</p> </li> </ul> <div class="icons_system"> {{ m.icon('home/windows') }} {{ m.icon('home/mac') }} {{ m.icon('home/linux') }} </div> <div class="bottom"> <div> {{ m.btn('icons-ollam/contact', 'Learn more about Lore', path('software-lore'), {class:'btn'}) }} </div> <p class="small">{{ 'Software available in <strong>English</strong> and <strong>French</strong>'|trans|raw }}</p> </div> </div> </div> </div> {# Tome #} <div class="swiper-slide"> <div class="content_software" data-a-up> <div data-a-up class="large bloc-video"> {% if app.request.locale == 'fr' %} {{ m.img(asset('img/homepage/tomeFR.png')) }} {% else %} {{ m.img(asset('img/homepage/tomeEN.png')) }} {% endif %} </div> <div class="bloc-description"> <h3 class="h4">{{ 'Tell memorable stories'|trans|raw }}</h3> <ul> <li class="card_icon"> <div> {{ m.icon('home/software_7') }} <h4><strong>{{ 'Track player choices'|trans|raw }}</strong></h4> </div> <p>{{ 'Keep track of your players’ decisions in real-time to enrich your story.'|trans|raw }}</p> </li> <li class="card_icon"> <div> {{ m.icon('home/software_8') }} <h4><strong>{{ 'World-Story Connection'|trans|raw }}</strong></h4> </div> <p>{{ 'Tell stories based on the universe you have created.'|trans|raw }}</p> </li> <li class="card_icon"> <div> {{ m.icon('home/software_9') }} <h4><strong>{{ 'Non-linear stories'|trans|raw }}</strong></h4> </div> <p>{{ 'Offer challenges and choices for an enriching gaming experience.'|trans|raw }}</p> </li> </ul> <div class="icons_system"> {{ m.icon('home/windows') }} {{ m.icon('home/mac') }} {{ m.icon('home/linux') }} </div> <div class="bottom"> <div> {{ m.btn('icons-ollam/contact', 'Learn more about Tome', path('software-tome'), {class:'btn'}) }} </div> <p class="small">{{ 'Software available in <strong>English</strong> and <strong>French</strong>'|trans|raw }}</p> </div> </div> </div> </div> </div> </div> </div></section>