@extends('layouts.layout')
@section('title') {{ __('Raportowanie') }} @stop
@section('content')
<style>
    .fs-text-1 {
        font-size: 2.5rem;
    }
    .fs-text-2 {
        font-size: 1.2rem;
    }
    .fs-text-3 {
        font-size: 1.55rem;
    }
    .fs-text-5 {
        font-size: 1.6rem;
    }
    .color-gold {
        color: var(--main-gold)
    }
    @media (min-width: 600px) {
        .fs-text-3 {
            font-size: 2.2rem;
        }
        .fs-text-4 {
            font-size: 1.4rem;
        }
        .fs-text-5 {
            font-size: 1.8rem;
        }
    }
    @media (min-width: 1200px) {
        .chart-bar {
            width: 85px;
            display: inline-block;
            margin: 0 8px;
            background-color: white;
        }
        .fs-text-1 {
            font-size: 2.7rem;
        }
        .fs-text-2 {
            font-size: 1.8rem;
        }
        .fs-text-3 {
            font-size: 2.8rem;
        }
        .fs-text-4 {
            font-size: 1.8rem;
        }
        .fs-text-5 {
            font-size: 2.8rem;
        }
    }
</style>
<main>
    <section class="container-fluid bg-main font-white pb-lg-5" style="margin-top: -1px">
        <div class="container py-3">
            <div class="row">
                <div class="col-lg-5 font-libre">
                    <p class="text-lg-start fs-text-1">The <span class="color-gold">Best</span> for your <span class="color-gold">Finance</span></p>
                    <p class="font-open-sans mt-5 mb-4 fs-text-2">{!! __('Sprawdź czym jest Business Intelligence i co może wnieść do <br> Twojej organizacji.') !!}</p>
                    <div class="row pt-3 d-lg-flex d-none">
                        <div class="col-6 pe-0 me-0">
                            <a href="/kontakt" class="btn btn-gold font-open-sans px-4 py-2">{{ __('Skontaktuj się') }}</a>
                        </div>
                        <div class="col-6 ps-0 ms-0">
                            <a target="_blank" href="https://app.powerbi.com/view?r=eyJrIjoiZjA0MzMwZWUtMDJjOC00Yzc4LTk5YzUtNWQxMmQzZTgzMGY0IiwidCI6IjAzNGNjMGNjLTcwMzctNGQ1Mi04MGVhLTIwNzIxNGE2Yjg0NCJ9" class="btn btn-outline-gold font-open-sans px-4 py-2" style="margin-left:-15px">{{ __('Zobacz raport') }}</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-7 pt-5 pt-lg-0 text-center d-flex mt-auto">
                    <img src="/images/thanks-from-mountain.webp" class="img img-fluid pe-3" alt="Mountains depicted as graphs">
                </div>
                <div class="row pt-5 pb-4 d-flex d-lg-none">
                    <div class="col-6">
                        <a href="/kontakt" class="btn btn-gold font-open-sans w-100" style="font-size:0.85rem">{{ __('Skontaktuj się') }}</a>
                    </div>
                    <div class="col-6">
                        <a target="_blank" href="https://app.powerbi.com/view?r=eyJrIjoiZjA0MzMwZWUtMDJjOC00Yzc4LTk5YzUtNWQxMmQzZTgzMGY0IiwidCI6IjAzNGNjMGNjLTcwMzctNGQ1Mi04MGVhLTIwNzIxNGE2Yjg0NCJ9" class="btn btn-outline-gold font-open-sans w-100" style="font-size:0.85rem">{{ __('Zobacz raport') }}</a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="container-fluid my-lg-5">
        <div class="container">
            <div class="row py-lg-5 py-4 mt-3">
                <div class="col-12">
                    <h1 class="fw-light font-libre text-center fs-text-3 px-2 py-1 mb-5">{{ __('Czym jest') }}&nbsp;<span class="golden-half">{{ __('Business Intelligence') }}</span>?</h1>
                    <article class="font-open-sans fs-text-4">
                        {!! __('Jest to <b>inteligentny sposób</b> na zrozumienie tego, <b>co dzieje się w organizacji</b>. To trochę jak <b>detektyw</b>, który bada dane ze <b>wszystkich działów firmy</b> sprzedaży, marketingu, finansów i zamienia je w <b>proste, jasne informacje</b>, które pomagają podejmować <b>trafne decyzje</b>. Zamiast <b>tracić czas</b> na domysły, kadra zarządzająca otrzymuje <b>czytelne wykresy, raporty</b> a ponadto rekomendacje, dzięki którym wie dokładnie, co się dzieje w biznesie i co można <b>usprawnić</b>.') !!}
                    </article>
                </div>
            </div>
        </div>
    </section>
    <section class="container-fluid mb-2 bg-main font-white">
        <div class="container">
            <div class="row">
                <div class="col-12 py-lg-4 justify-content-center">
                    <h1 class="fw-light font-libre text-center pt-5 fs-text-5 mb-5">{{ __('Zobacz przykładową realizację') }}</h1>
                    <div class="text-center my-4 py-2">
                        @include('components.report-iframe')
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="container-fluid mb-2 ">
        <div class="container py-5">
            <h1 class=" font-libre text-center fs-text-3 px-2 py-lg-5 mb-5"><span class="golden-half">{!! __('Zalety') !!}</span> {!! __('BI') !!}</h1>
            @include('components.expandable-4', [
                'key' => 'services-1',

                'title_1' => __('Integracja z różnorodnymi źródłami danych'),
                'text_1' => __('Połącz dane z plików Excel, baz SQL czy usług chmurowych w jednym, spójnym raporcie - bez konieczności ręcznego scalania. Dzięki temu zyskujesz pełen obraz sytuacji finansowej, co umożliwia szybsze podejmowanie decyzji i skuteczniejsze zarządzanie firmą.'),
                'image_path_1' => '/images/integracja.webp',

                'title_2' => __('Interaktywne wizualizacje'),
                'text_2' => __('Wykresy oraz panele nawigacyjne w Power BI są nie tylko czytelne, ale też w pełni interaktywne. Kliknij wybrany element raportu, by zgłębić szczegóły i odkryć zależności między danymi. Zrozumienie finansów firmy staje się dzięki temu znacznie łatwiejsze i bardziej intuicyjne.'),
                'image_path_2' => '/images/interaktywne.webp',

                'title_3' => __('Skalowalność i elastyczność'),
                'text_3' => __('Niezależnie od tego, czy zarządzasz małą firmą, czy wielkim przedsiębiorstwem, Power BI dopasuje się do Twoich potrzeb. Korzystaj z wersji desktop, rozwiązań w chmurze lub raportów mobilnych - wszystko po to, by dostarczyć właściwe informacje odpowiednim osobom we właściwym czasie.'),
                'image_path_3' => '/images/skalowalność.webp',

                'title_4' => __('Bezpieczeństwo i zgodność z przepisami'),
                'text_4' => __('Power BI zapewnia zaawansowane szyfrowanie oraz możliwość precyzyjnego zarządzania uprawnieniami, dzięki czemu Twoje dane finansowe pozostają w pełni chronione. Regularne aktualizacje narzędzia gwarantują zgodność z obowiązującymi normami (w tym RODO/GDPR), co pomaga utrzymać najwyższe standardy bezpieczeństwa i spełnić wymogi prawne.'),
                'image_path_4' => '/images/bezpieczeństwo i zgodność.webp',
            ])
        </div>
    </section>
    <section class="container mb-5">
        @include('components.bundles')
        <div class=" text-center mt-lg-5 mt-5 py-5">
        <a href="/kontakt" class="btn btn-gold font-open-sans px-4 py-2 text-center" style="font-size: 2rem">{{ __('Skontaktuj się') }}</a>
        </div>
    </section>
</main>
@stop