src/Front/Modules/Page/Templates/Page/aboutUs.html.twig line 1

  1. {% extends 'Front/Templates/layouts/main.html.twig' %}
  3. {% block content %}
  6. <style>
  7. .feature-card {padding:1rem; border:solid 1px #efefef; border-radius: 1rem;}
  8.        .feature-card:hover {
  9.            transform: translateY(-5px);
  10.            box-shadow: 0 10px 20px rgba(0,0,0,0.05);
  11.        }
  12.        .icon-box {
  13.            width: 50px;
  14.            height: 50px;
  15.            display: flex;
  16.            align-items: center;
  17.            justify-content: center;
  18.            border-radius: 10px;
  19.            margin-bottom: 20px;
  20.            font-size: 1.25rem;
  21.            color:#fff !important;
  22.        }
  23.        .team-member-img {
  24.            aspect-ratio: 3/4;
  25.            background-color: #e2e8f0;
  26.            border-radius: 16px;
  27.            display: flex;
  28.            align-items: center;
  29.            justify-content: center;
  30.            color: #94a3b8;
  31.            margin-bottom: 15px;
  32.            overflow: hidden;
  33.        }
  34.        .step-number {
  35.            width: 60px;
  36.            height: 60px;
  37.            background-color: var(--primary-color) !important;
  38.            color: #fff;
  39.            border-radius: 50%;
  40.            display: flex;
  41.            align-items: center;
  42.            justify-content: center;
  43.            font-size: 1.5rem;
  44.            font-weight: 700;
  45.            margin: 0 auto 20px;
  46.            box-shadow: 0 4px 10px rgba(13, 110, 253, 0.3);
  47.        }
  48.    </style>
  51.    <!-- Sekcja #about -->
  52.    <section id="about">
  54.         <div class="text-center mb-5">
  55.             <h1 class="fw-black display-6 text-dark mb-3">O nas</h1>
  56.             <p class="text-muted mx-auto" style="max-width: 600px;">
  57.               Nasz zespół ekspertów dba o to, by księgowość była nie tylko obowiązkiem, ale realnym wsparciem w rozwoju Twojego biznesu.
  58.             </p>
  59.         </div>
  62.        <!-- 1. Kinga Rembiałkowska-Doumbouya -->
  63.        <div class="container section-padding mb-4">
  64.            <div class="row align-items-center g-5 flex-row">
  65.                <div class="col-lg-6 order-lg-1 order-2 pe-lg-5">
  66.                    
  67.                    <h2 class="fw-bold mb-2">Kinga Rembiałkowska-Doumbouya</h2>
  68.                    <h5 class="text-primary fw-bold text-uppercase mb-3">Dyrektor Finansowy | Ekspert Strategii Podatkowej i Biznesowej | CEO międzynarodowych spółek</h5>
  69.                    <p class="mb-3">
  70.                        Dyrektor Finansowy Kancelarii Doradztwa Podatkowego Rembiałkowski Sp. z o.o., z ponad 23-letnim doświadczeniem w księgowości, doradztwie podatkowym, kadrach i płacach oraz w strukturach międzynarodowych. Ekspertka w zakresie rozwoju, finansowania i optymalizacji działalności firm na rynku polskim i zagranicznym.
  71.                    </p>
  72.                    <div class="mb-2 fw-semibold"><b>CEO i współwłaścicielka spółek:</b></div>
  73.                    <ul class="mb-3 ps-3">
  74.                        <li>Azur Finance Sp. z o.o.</li>
  75.                        <li>Smart Finance Sp. z o.o.</li>
  76.                        <li>REM GROUP Ltd (Malta) – Dyrektor Operacyjny</li>
  77.                        <li>KDP GROUP OU (Estonia) – Dyrektor Operacyjny</li>
  78.                        <li>Omida Ltd.Co (Anglia) – Właścicielka</li>
  79.                        <li>Prokurent w Gotia Sp. z o.o.</li>
  80.                    </ul>
  81.                </div>
  82.                <div class="col-lg-6 order-lg-2 order-1 text-center">
  83.                    <img src="/assets/about.jpg" class="rounded-4 shadow-lg bg-light" 
  84.                    style="width:100%;   border-radius:1rem;" alt="Kinga Rembiałkowska-Doumbouya"/>
  85.                </div>
  86.            </div>
  87.        </div>
  89.        <!-- 2. Mohamed Doumbouya -->
  90.        <div class="container section-padding mb-4">
  91.            <div class="row align-items-center g-5 flex-row-reverse-">
  92.                <div class="col-lg-6 order-lg-2 order-2 ps-lg-5">
  93.                    <h2 class="fw-bold mb-2">Mohamed Doumbouya</h2>
  94.                    <h5 class="text-primary fw-bold text-uppercase mb-3">CUSTOMER SERVICE MANAGER</h5>
  95.                    <p class="mb-3">
  96.                        Instruktor sportu i trener piłki nożnej od 2019 roku. Organizuje indywidualne i grupowe treningi sportowe. Agent/Rekruter pośredniczący w pozyskiwaniu miejsc pracy na terenie Polski, wspomagający formalności przygotowawcze do pozwoleń na pracę czy wizy.
  97.                    </p>
  98.                    <p>
  99.                        Swoimi umiejętnościami lingwistycznymi razem z żoną wspiera organizacje oraz zapewnienie kompletne informacji o rynku nieruchomości na terenie Hiszpanii.
  100.                    </p>
  101.                </div>
  102.                <div class="col-lg-6 order-lg-1 order-1 text-center">
  103.                    <img src="/assets/about.jpg" class="rounded-4 shadow-lg bg-light" 
  104.                    style="width:100%;   border-radius:1rem;" alt="Mohamed Doumbouya"/>
  105.                </div>
  106.            </div>
  107.        </div>
  112.        <!-- 2. Zalety (Grid) -->
  113.        <div id="zalety" class="bg-light-subtle-blue section-padding pt-3 pt-lg-5">
  114.            <div class="container">
  115.               
  117.                <div class="text-center mb-5">
  118.                     <span class="h1 fw-black display-6 text-dark mb-3 d-block">Dlaczego nasz system to "gamechanger"?</span>
  119.                     <p class="text-muted mx-auto" style="max-width: 600px;">
  120.                        Innowacja, która zmienia podejście do finansów Twojej firmy.
  121.                     </p>
  122.                 </div>
  124.                <div class="row g-4">
  125.        <div class="col-md-6 col-lg-4">
  126.            <div class="feature-card">
  127.                <div class="icon-box bg-primary bg-opacity-10 text-primary">
  128.                    <i class="bi bi-lightning-fill"></i>
  129.                </div>
  130.                <h5 class="fw-bold">Błyskawiczny start</h5>
  131.                <p class="text-muted small">Wybierasz pakiet, zamawiasz online i w 15 minut jesteś gotowy do pracy. Bez zbędnej papierologii.</p>
  132.            </div>
  133.        </div>
  134.        <div class="col-md-6 col-lg-4">
  135.            <div class="feature-card">
  136.                <div class="icon-box bg-success bg-opacity-10 text-success">
  137.                    <i class="bi bi-clock-fill"></i>
  138.                </div>
  139.                <h5 class="fw-bold">Dostęp 24/7</h5>
  140.                <p class="text-muted small">Twoje finanse są w chmurze. Sprawdzasz stan podatków o dowolnej porze z poziomu smartfona.</p>
  141.            </div>
  142.        </div>
  143.        <div class="col-md-6 col-lg-4">
  144.            <div class="feature-card">
  145.                <div class="icon-box bg-info bg-opacity-10 text-info">
  146.                    <i class="bi bi-shield-lock-fill"></i>
  147.                </div>
  148.                <h5 class="fw-bold">Bezpieczeństwo</h5>
  149.                <p class="text-muted small">Szyfrowanie klasy bankowej gwarantuje, że Twoje dane są bezpieczniejsze niż w tradycyjnej poczcie.</p>
  150.            </div>
  151.        </div>
  152.        <div class="col-md-6 col-lg-4">
  153.            <div class="feature-card">
  154.                <div class="icon-box bg-warning bg-opacity-10 text-warning">
  155.                    <i class="bi bi-cash-coin"></i>
  156.                </div>
  157.                <h5 class="fw-bold">Przejrzystość kosztów</h5>
  158.                <p class="text-muted small">Brak ukrytych opłat. Stały abonament i pełna kontrola nad wydatkami na księgowość.</p>
  159.            </div>
  160.        </div>
  161.        <div class="col-md-6 col-lg-4">
  162.            <div class="feature-card">
  163.                <div class="icon-box bg-danger bg-opacity-10 text-danger">
  164.                    <i class="bi bi-robot"></i>
  165.                </div>
  166.                <h5 class="fw-bold">Automatyzacja</h5>
  167.                <p class="text-muted small">System przypomni Ci o terminach płatności VAT i ZUS. Ty rozwijasz biznes, my pilnujemy dat.</p>
  168.            </div>
  169.        </div>
  170.        <div class="col-md-6 col-lg-4">
  171.            <div class="feature-card text-white border-0 d-flex flex-column justify-content-center text-center"
  172.            style="background-image: linear-gradient(135deg, var(--finance-green) 0%, var(--finance-orange) 100%);">
  173.                <h5 class="fw-bold mb-3">Zacznij już teraz</h5>
  174.                <p class=" mb-4 px-lg-3"  >Dołącz do grona nowoczesnych firm rozliczanych online.</p>
  175.                <a href="https://smartfinance.business/kontakt" class="btn btn-light text-primary fw-bold">Skontaktuj się</a>
  176.            </div>
  177.        </div>
  178.    </div>
  183.            </div>
  184.        </div>
  188.  
  190.    </section>
  196. {% endblock %}