{% extends 'base.html.twig' %}{% block body %} <div style="background-color: #eaf6ff;"> <div class="container py-5 text-center"> <h1>{{ 'Oszczędzaj czas korzystając z naszego produktu'|trans }}</h1> <p class="fs-5">{{ 'Podążaj pięcioma prostymi krokami procesu planowania i zlecania połączeń włókien, aby zawsze mieć aktualne informacje o światłowodach.'|trans }} </p> </div> </div> <div class="container py-5"> <div class="row featurette"> <div class="col-md-6"> <h2 class="featurette-heading fw-bold lh-1">1. {{ 'Wybierz kabel światłowodowy do spawania'|trans }}</h2> <p class="fs-5">{{ 'Wybierz punkt spawania, wybierz kabel.'|trans }}</p> </div> <div class="col-md-6"> <img alt="fibkit_fiber_management_software" class="d-block mx-lg-auto img-fluid shadow" src="{{ asset('images/device-4.png') }}"> <img alt="fibkit_splice_point_with_selected_osp_fiber" class="d-block mx-lg-auto img-fluid shadow" src="{{ asset('images/fibkit_splice_point_with_selected_osp_fiber.png') }}"> </div> </div> </div> <div class="container py-5"> <div class="row featurette"> <div class="col-md-6"> <h2 class="featurette-heading fw-bold lh-1">2. {{ 'Oznacz włókna do spawania'|trans }}</h2> <ul class="bullets fs-5"> <li>{{ 'Przewiń ekran, aby zobaczyć wybrane włókna.'| trans }}</li> <li> {{ 'Gdy włókno jest wybrane z strony A kabla, wprowadź numer włókna ze strony B kabla i wybierz kabel do połączenia z menu rozwijanego. W ustawieniach włókna wybierz opcję Oznacz do spawania.'| trans }} </li> <li> {{ 'Planowane połączenia są wyróżnione na czerwono dla łatwej identyfikacji.'| trans }} </li> </ul> </div> <div class="col-md-6"> <img alt="fibkit_fiber_management_software" class="d-block mx-lg-auto img-fluid shadow" src="{{ asset('images/device-4.png') }}"> <img alt="fibkit_mark_fibers_for_splicing" class="d-block mx-lg-auto img-fluid shadow" src="{{ asset('images/fibkit_mark_fibers_for_splicing.png') }}"> </div> </div> </div> <div class="container py-5"> <div class="row featurette"> <div class="col-md-6"> <h2 class="featurette-heading fw-bold lh-1">3. {{ 'Włókna przeznaczone do spawania'|trans }} <span class="badge text-bg-warning">{{'widok na komputerze'|trans}}</span></h2> <p class="fs-5">{{ 'Sprawdzamy na komputerze, czy są prawidłowo zaplanowane spawy włókien. Kliknij w nawigacji Planowane zadania, wyszukaj nazwę punktu spawania i kliknij w nią.'|trans }}</p> </div> <div class="col-md-6"> <img alt="fibkit_fiber_management_software" class="d-block mx-lg-auto img-fluid shadow" src="{{ asset('images/device-4.png') }}"> <img alt="fibkit_planed_splices_view" class="d-block mx-lg-auto img-fluid shadow" src="{{ asset('images/fibkit_planed_splices_view.png') }}"> </div> </div> </div> <div class="bg-body-tertiary"> <div class="container py-5"> <div class="row featurette"> <div class="col-md-6"> <h2 class="featurette-heading fw-bold lh-1">4. {{ 'Włókna przeznaczone do spawania'| trans }} <span class="badge text-bg-warning">{{'widok mobilny'|trans}}</span></h2> <p class="fs-5">{{ 'Nasza platforma oferuje unikalną funkcję: specjalistyczny widok do łączenia włókien, dostępny na urządzeniach mobilnych. Technicy mogą łatwo przeglądać wyznaczone włókna optyczne do łączenia i zaznaczać zakończenie zadania bezpośrednio na swoich smartfonach, zapewniając aktualizacje w czasie rzeczywistym i tworząc kompleksową historię aktywności.'| trans }}</p> </div> <div class="col-md-6"> <img alt="fibkit_fiber_cable_osp_managment_mobile_splicing" class="d-block mx-lg-auto img-fluid shadow" src="{{ asset('images/fibkit_fiber_cable_osp_managment_mobile_splicing.PNG') }}"> </div> </div> </div> </div> <div class="container py-5"> <div class="row featurette"> <div class="col-md-6"> <h2 class="featurette-heading fw-bold lh-1">5. {{ 'Dziennik aktywności'|trans }}</h2> <p class="fs-5">{{ 'Dziennik aktywności dostarcza szczegółowej historii działań i zmian związanych z połączeniami światłowodowymi, oferując użytkownikom wgląd w wcześniejsze operacje i modyfikacje.'|trans }}</p> </div> <div class="col-md-6"> <img alt="fibkit_activity_log_fiber_cable_splicing_records" class="d-block mx-lg-auto img-fluid shadow" src="{{ asset('images/device-4.png') }}"> <img alt="fibkit_planed_splices_view" class="d-block mx-lg-auto img-fluid shadow" src="{{ asset('images/fibkit_activity_log_fiber_cable_splicing_records.png') }}"> </div> </div> </div> <div class="bg-dark text-secondary px-4 py-5 text-center"> <div class="py-5"> <h1 class="display-5 fw-bold text-white">{{ 'Rozpocznij za darmo'|trans }}</h1> <div class="col-lg-6 mx-auto"> <p class="fs-5 mb-4">{{ 'Na dobry początek współpracy – wypróbuj naszą aplikację przez 14 dni bezpłatnie!'|trans }}</p> <div class="d-grid gap-2 d-sm-flex justify-content-sm-center"> <a class="btn btn-danger btn-lg px-4 fw-bold" href="{{ path('fos_user_registration_register') }}">{{ 'Wypróbuj za darmo przez 14 dni'|trans }}</a> <a class="btn btn-outline-light btn-lg px-4 fw-bold" href="{{ path('pricing') }}">{{ 'Cennik'|trans }}</a> </div> </div> </div> </div> {% endblock %}