@extends('layouts.safe2')
@section('content')
<style>
    .mob-card svg {
        margin-top: -2px !important;
        margin-left: 15px !important;
    }

    .only-mob {
        display: none;
    }

    @media only screen and (max-width: 768px) {
        .only-mob {
            display: block;
        }

        .nav-tabs li {
            width: 50% !important;

        }

        .nav-tabs button {
            width: 100%;
            padding: 10px 8px !important;
        }

        .nav-tabs {
            max-width: 100% !important;
            justify-content: start;
        }
    }

    .tab-content .tab-pane {
        display: none;
    }

    .tab-content .active {
        display: block;
    }

    .nav-tabs button {
        color: #333 !important;
        background-color: inherit;
        border: 0px;
        padding: 10px 20px;
        transition: 0.2s;
        border-radius: 14px;
    }

    .nav-tabs button:hover {
        background-color: #FFDFC7;
    }

    .nav-tabs .active {
        background-color: #FF5D00 !important;
        color: white !important;
    }

    .nav-tabs {
        background-color: #f2f6f9 !important;
        padding: 7px;
        max-width: fit-content;
        justify-content: start;
        border-radius: 20px;
    }

    .card-icon.tik {
        margin-top: 15px;
        background: rgb(0, 234, 227);
        background: linear-gradient(90deg, rgba(0, 234, 227, 1) 0%, rgb(255 196 214) 50%, rgba(247, 0, 77, 1) 100%);
        padding: 0 5px;
        border-radius: 25px;
    }

    .text-orange {
        color: #FF5D00;
    }

    .btn-bub,
    .btn-bub strong {
        position: relative;

    }

    .btn-bub {
        display: -moz-inline-box;
        display: inline-flex;
        -moz-box-pack: center;
        justify-content: center;
        -moz-box-align: center;
        align-items: center;
        color: #fff;
        height: 3rem;
        padding: 0 2.2rem;
        background-color: #ff553c;
        cursor: pointer;
        text-decoration: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 3px solid #ff553c;
        border-radius: 0.6rem;
        overflow: hidden;
        -webkit-transition-duration: .4s;
        -moz-transition-duration: .4s;
        transition-duration: .4s;
        -webkit-transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        -webkit-transition-property: color, border, background;
        -moz-transition-property: color, border, background;
        transition-property: color, border, background;
        font-size: 1rem;

    }

    .btn-bub:hover {
        color: #ff553c;
    }

    .btn-bub:hover span {
        -webkit-transform: translateY(0) scale(2);
        -moz-transform: translateY(0) scale(2);
        transform: translateY(0) scale(2);
    }

    .btn-bub span:first-child {
        --n: 1;
    }

    .btn-bub span:nth-child(2) {
        --n: 2;
    }

    .btn-bub span:nth-child(3) {
        --n: 3;
    }

    .btn-bub span {
        position: absolute;
        width: 33.3334%;
        padding-bottom: 33.3334%;
        background-color: #fff;
        -webkit-transform: translateY(150%);
        -moz-transform: translateY(150%);
        transform: translateY(150%);
        border-radius: 50%;
        pointer-events: none;
        left: -moz-calc((var(--n) - 1)*33.3334%);
        left: calc((var(--n) - 1)*33.3334%);
        -webkit-transition: .5s;
        -moz-transition: .5s;
        transition: .5s;
        -webkit-transition-delay: calc((var(--n) - 1)*.1s);
        -moz-transition-delay: -moz-calc((var(--n) - 1)*.1s);
        transition-delay: calc((var(--n) - 1)*.1s);
    }

    @media only screen and (max-width: 768px) {
        .button-act {
            margin: 0 auto;
        }
    }
</style>
<header class="header section app-landing-2-header" style="background-color:white !important;">
    <div class="shapes-container">

    </div>
    <div class="container">
        <div class="row gap-y align-items-center header-main" style="pading-left:10px; padding-right:10px;">
            <div class="col-12 only-mob text-center"
                style="padding:10px; margin-top:-30px; margin-bottom:-40px; display:none;">
                <img src="/obrazek3.webp" class="social-image aos-init aos-animate" alt="hhh" data-aos-delay="800"
                    data-aos="zoom-in" style="max-width:100%; margin:0 auto;">
            </div>
            <div class="col-lg-6 col-xl-6 text-center text-lg-start">
                <h1 class="font-md display-md-4 nadpisek" style="margin-top:20px; color:#313336; font-weight:600;">
                    Zdobądź fanów z Polski tylko u nas 🇵🇱
                </h1>
                <p class="lead my-4" style="font-size:17px; color:#3d3d3d;">
                    Zostańcie sławni w ciągu kilku minut. Najlepsza usługa w Polsce. Dożywotnia gwarancja.
                    Natychmiastowa realizacja.</p>
                <style>
                    .price-badge {
                        background-color: #FFDFC7;
                        border-radius: 20px;
                        font-size: 14px;
                        color: #791600;
                        font-weight: 500;
                        padding: 2px 15px;
                        width: fit-content;
                        margin: 0 auto;
                        margin-top: 5px;
                        margin-bottom: 25px;

                    }

                    .splide__pagination {
                        bottom: -3em;
                    }

                    .splide__pagination__page.is-active {
                        background: #FFDFC7;
                    }

                    .product-show {
                        margin-top: 10px;
                    }

                    .product-detail {
                        margin: 5px 5px 12px 5px;
                        border-radius: 10px;
                        border: 1px solid #ededed;
                        cursor: pointer;
                        box-shadow: 0 2px 11px 0 rgb(0 0 0/4%);
                        transition: 0.2s;
                    }

                    .kroky-block {
                        border-radius: 10px;
                        border: 1px solid #ededed;
                        box-shadow: 0 2px 11px 0 rgb(0 0 0/4%);
                    }

                    .product-detail:hover {
                        box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
                    }

                    .product-image {
                        max-width: 100%;
                        text-align: center;
                        margin-top: 15px;

                    }

                    .product-image img {
                        max-width: 90%;
                        margin: 0 auto;
                    }

                    .product-show .slick-list {
                        padding: 0 15% 0 0 !important;
                    }

                    .top1 {
                        width: fit-content;
                        text-align: left;
                        margin: 0 auto;
                    }

                    .info-b {
                        display: block;
                        background: #fff;
                        border: 1px solid #ededed;
                        border-radius: 10px;
                        min-height: 150px;
                        margin-top: 50px;
                        padding: 25px 20px;
                        text-align: left;
                        box-shadow: 0 2px 11px 0 rgb(0 0 0/4%);
                        margin-bottom: -40px;
                        color: #676767;
                    }

                    .info-b ul {
                        list-style-type: none;
                        padding-left: 15px;
                    }

                    .footerino {
                        background-color: #f9fafc;
                        border-radius: 12px;
                        padding: 30px;
                        text-align: center;
                    }

                    .footerino h2 {
                        font-weight: 700;
                    }
                </style>
                <h2 style="text-align:left; font-size:19px; font-weight:700; margin-top:30px; margin-bottom:15px;">🎁
                    Tylko DZISIAJ 50% zniżki</h2>
                <div class="product-show splide">
                    <div class="splide__track">
                        <ul class="splide__list">
                            <li class="splide__slide">
                                <div class="product-detail">
                                    <form action="/forms/igf.php" method="POST">
                                        <input type="hidden" name="name" value="igf">
                                        <a onclick="this.closest('form').submit();return false;" type="submit">
                                            <div class="product-image"><img src="/land/igs.webp" alt=""></div>
                                            <div style="width:100%;">
                                                <div class="price-badge">od 7,99 zł<i class="fas fa-angle-right"
                                                        style=" margin-left:1px; top:1px;" aria-hidden="true"></i></div>
                                            </div>
                                        </a>
                                    </form>
                                </div>
                            </li>
                            <li class="splide__slide">
                                <div class="product-detail">
                                    <form action="/forms/igf.php" method="POST">
                                        <input type="hidden" name="name" value="igpl">
                                        <a onclick="this.closest('form').submit();return false;" type="submit">
                                            <div class="product-image"><img src="/land/igpl.webp" alt=""></div>
                                            <div style="width:100%;">
                                                <div class="price-badge">od 34,99 zł<i class="fas fa-angle-right"
                                                        style=" margin-left:1px; top:1px;" aria-hidden="true"></i></div>
                                            </div>
                                        </a>
                                    </form>
                                </div>
                            </li>
                            <li class="splide__slide">
                                <div class="product-detail">
                                    <form action="/forms/igf.php" method="POST">
                                        <input type="hidden" name="name" value="igl">
                                        <a onclick="this.closest('form').submit();return false;" type="submit">
                                            <div class="product-image"><img src="/land/igl1.webp" alt=""></div>
                                            <div style="width:100%;">
                                                <div class="price-badge">od 7,99 zł<i class="fas fa-angle-right"
                                                        style=" margin-left:1px; top:1px;" aria-hidden="true"></i></div>
                                            </div>
                                        </a>
                                    </form>
                                </div>
                            </li>
                            <li class="splide__slide">
                                <div class="product-detail">
                                    <form action="/forms/igf.php" method="POST">
                                        <input type="hidden" name="name" value="igv">
                                        <a onclick="this.closest('form').submit();return false;" type="submit">
                                            <div class="product-image"><img src="/land/igv1.webp" alt=""></div>
                                            <div style="width:100%;">
                                                <div class="price-badge">od 7,99 zł<i class="fas fa-angle-right"
                                                        style=" margin-left:1px; top:1px;" aria-hidden="true"></i></div>
                                            </div>
                                        </a>
                                    </form>
                                </div>
                            </li>
                            <li class="splide__slide">
                                <div class="product-detail">
                                    <form action="/forms/igf.php" method="POST">
                                        <input type="hidden" name="name" value="fbs">
                                        <a onclick="this.closest('form').submit();return false;" type="submit">
                                            <div class="product-image"><img src="/land/fbs2.webp" alt="">
                                            </div>
                                            <div style="width:100%;">
                                                <div class="price-badge">od 12,99 zł<i class="fas fa-angle-right"
                                                        style=" margin-left:1px; top:1px;" aria-hidden="true"></i>
                                                </div>
                                            </div>
                                        </a>
                                    </form>
                                </div>
                            </li>
                            <li class="splide__slide">
                                <div class="product-detail">
                                    <form action="/forms/igf.php" method="POST">
                                        <input type="hidden" name="name" value="fbl">
                                        <a onclick="this.closest('form').submit();return false;" type="submit">
                                            <div class="product-image"><img src="/land/fbl1.webp" alt="">
                                            </div>
                                            <div style="width:100%;">
                                                <div class="price-badge">od 7,99 zł<i class="fas fa-angle-right"
                                                        style=" margin-left:1px; top:1px;" aria-hidden="true"></i>
                                                </div>
                                            </div>
                                        </a>
                                    </form>
                                </div>
                            </li>
                            <li class="splide__slide">
                                <div class="product-detail">
                                    <form action="/forms/igf.php" method="POST">
                                        <input type="hidden" name="name" value="ytz">
                                        <a onclick="this.closest('form').submit();return false;" type="submit">
                                            <div class="product-image"><img src="/land/ytv.webp" alt=""></div>
                                            <div style="width:100%;">
                                                <div class="price-badge">od 19,99 zł<i class="fas fa-angle-right"
                                                        style=" margin-left:1px; top:1px;" aria-hidden="true"></i>
                                                </div>
                                            </div>
                                        </a>
                                    </form>
                                </div>
                            </li>
                            <li class="splide__slide">
                                <div class="product-detail">
                                    <form action="/forms/igf.php" method="POST">
                                        <input type="hidden" name="name" value="yto">
                                        <a onclick="this.closest('form').submit();return false;" type="submit">
                                            <div class="product-image"><img src="/land/yts.webp" alt=""></div>
                                            <div style="width:100%;">
                                                <div class="price-badge">od 19,99 zł<i class="fas fa-angle-right"
                                                        style=" margin-left:1px; top:1px;" aria-hidden="true"></i>
                                                </div>
                                            </div>
                                        </a>
                                    </form>
                                </div>
                            </li>
                            <li class="splide__slide">
                                <div class="product-detail">
                                    <form action="/forms/igf.php" method="POST">
                                        <input type="hidden" name="name" value="ytl">
                                        <a onclick="this.closest('form').submit();return false;" type="submit">
                                            <div class="product-image"><img src="/land/ytp.webp" alt=""></div>
                                            <div style="width:100%;">
                                                <div class="price-badge">od 7,99 zł<i class="fas fa-angle-right"
                                                        style=" margin-left:1px; top:1px;" aria-hidden="true"></i>
                                                </div>
                                            </div>
                                        </a>
                                    </form>
                                </div>
                            </li>
                            <li class="splide__slide">
                                <div class="product-detail">
                                    <form action="/forms/igf.php" method="POST">
                                        <input type="hidden" name="name" value="ttf">
                                        <a onclick="this.closest('form').submit();return false;" type="submit">
                                            <div class="product-image"><img src="/land/ttf1.webp" alt="">
                                            </div>
                                            <div style="width:100%;">
                                                <div class="price-badge">od 9,99 zł<i class="fas fa-angle-right"
                                                        style=" margin-left:1px; top:1px;" aria-hidden="true"></i>
                                                </div>
                                            </div>
                                        </a>
                                    </form>
                                </div>
                            </li>
                            <li class="splide__slide">
                                <div class="product-detail">
                                    <form action="/forms/igf.php" method="POST">
                                        <input type="hidden" name="name" value="ttl">
                                        <a onclick="this.closest('form').submit();return false;" type="submit">
                                            <div class="product-image"><img src="/land/ttl1.webp" alt="">
                                            </div>
                                            <div style="width:100%;">
                                                <div class="price-badge">od 7,99 zł<i class="fas fa-angle-right"
                                                        style=" margin-left:1px; top:1px;" aria-hidden="true"></i>
                                                </div>
                                            </div>
                                        </a>
                                    </form>
                                </div>
                            </li>
                            <li class="splide__slide">
                                <div class="product-detail">
                                    <form action="/forms/igf.php" method="POST">
                                        <input type="hidden" name="name" value="ttv">
                                        <a onclick="this.closest('form').submit();return false;" type="submit">
                                            <div class="product-image"><img src="/land/ttv1.webp" alt="">
                                            </div>
                                            <div style="width:100%;">
                                                <div class="price-badge">od 7,99 zł<i class="fas fa-angle-right"
                                                        style=" margin-left:1px; top:1px;" aria-hidden="true"></i>
                                                </div>
                                            </div>
                                        </a>
                                    </form>
                                </div>
                            </li>

                        </ul>
                    </div>


                </div>
                <div style="width:fit-content; margin:0 auto; margin-top:-25px;">
                    <lottie-player src="/swipe.json" background="Transparent" speed="1"
                        style="width: 60px; height: 60px" direction="1" mode="normal" loop autoplay></lottie-player>
                </div>
                <div class="info-b">
                    <h3 style="color:#222222; font-size:18px;">Nasze korzyści
                    </h3>
                    <div style="margin-top:13px;">
                        <ul style="margin-bottom:0px;">
                            <li><span style="top:-1px; position:relative;"><svg class="svg-icon svg-icon--check"
                                        width="14" height="14" viewBox="0 0 14 14" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path
                                            d="M14 7.00082C14 6.3602 13.4832 5.84168 12.8427 5.83852C13.136 5.71484 13.3532 5.48492 13.4657 5.21216C13.5799 4.93784 13.5894 4.61912 13.4657 4.32259C13.2216 3.73115 12.5447 3.44888 11.9518 3.69148C12.1753 3.46473 12.2878 3.1698 12.2878 2.87326C12.2878 2.57516 12.1737 2.27863 11.947 2.05189C11.4952 1.59837 10.7612 1.59837 10.3078 2.04872C10.4283 1.75378 10.4187 1.43666 10.3062 1.1639C10.192 0.889576 9.97329 0.658076 9.67682 0.534382C9.08551 0.290187 8.40857 0.569266 8.16126 1.15755C8.15968 0.838832 8.02968 0.550242 7.82042 0.340926C7.60957 0.130032 7.31946 0 6.99923 0C6.35875 0 5.84035 0.516927 5.83719 1.15755C5.71354 0.864203 5.48367 0.646971 5.21098 0.532787C4.93672 0.418619 4.61807 0.409105 4.32161 0.532787C3.7303 0.778568 3.44809 1.45405 3.69064 2.04712C3.46394 1.82196 3.16908 1.71095 2.87261 1.71095C2.57458 1.71095 2.27811 1.82512 2.05142 2.05188C1.5996 2.5038 1.59801 3.23795 2.04825 3.69147C1.75338 3.57096 1.43789 3.58047 1.16363 3.69305C0.889374 3.80722 0.657926 4.02604 0.53426 4.32257C0.290121 4.91401 0.569137 5.59111 1.15728 5.83847C0.838641 5.84006 0.550117 5.97008 0.340848 6.1794C0.130002 6.39029 0 6.68046 0 7.00077C0 7.64139 0.516809 8.15991 1.15569 8.16307C0.862411 8.28676 0.645229 8.51667 0.532666 8.78943C0.418523 9.06534 0.410598 9.38247 0.532666 9.679C0.778391 10.2704 1.45372 10.5527 2.04665 10.3101C1.82154 10.5369 1.71056 10.8318 1.71056 11.1283C1.71056 11.4264 1.8247 11.723 2.05141 11.9497C2.50323 12.4016 3.23722 12.4032 3.69063 11.9529C3.57015 12.2478 3.57966 12.5649 3.69221 12.8377C3.80636 13.112 4.02512 13.3435 4.32159 13.4672C4.9129 13.713 5.59143 13.4323 5.83873 12.8425C5.84032 13.1612 5.97032 13.4498 6.17958 13.6591C6.39043 13.87 6.68054 14 7.00077 14C7.64125 14 8.15965 13.4831 8.16281 12.8425C8.28646 13.1358 8.51633 13.353 8.78902 13.4672C9.06328 13.5814 9.38193 13.5893 9.67839 13.4672C10.2697 13.223 10.5519 12.5459 10.3094 11.9529C10.5361 12.1765 10.8309 12.289 11.1274 12.289C11.4254 12.289 11.7219 12.1749 11.9486 11.9481C12.402 11.4946 12.402 10.762 11.9517 10.3085C12.2466 10.429 12.5637 10.4195 12.8364 10.3069C13.1106 10.1928 13.3421 9.97396 13.4657 9.67743C13.7115 9.08598 13.4309 8.40889 12.8427 8.16153C13.1614 8.15994 13.4499 8.02992 13.6592 7.8206C13.87 7.61129 14 7.3211 14 7.00082V7.00082ZM10.208 5.89877C10.0891 6.0177 9.9702 6.13662 9.85129 6.25556C9.22827 6.87872 8.60525 7.50189 7.98379 8.12349C7.58111 8.52626 7.17845 8.929 6.77418 9.33337C6.43017 9.67746 5.8864 9.66635 5.53764 9.33971C5.48374 9.28897 5.43142 9.23982 5.37752 9.19066C4.85121 8.69751 4.32489 8.20436 3.79854 7.7128C3.45135 7.38614 3.46404 6.80737 3.7922 6.47598C4.13462 6.1303 4.68157 6.14457 5.02874 6.46964C5.08264 6.5188 5.13496 6.56954 5.18886 6.61869C5.50275 6.91363 5.81823 7.20857 6.13212 7.50192C6.6727 6.95962 7.2149 6.41889 7.75548 5.87818C8.15816 5.47541 8.56081 5.07267 8.96509 4.6683C9.30275 4.33056 9.86237 4.32581 10.2016 4.66196C10.5393 4.99494 10.5456 5.56104 10.208 5.89878L10.208 5.89877Z"
                                            fill="#ff5d00"></path>
                                    </svg></span>
                                <span style="margin-left:4px;">U nas kupują influencerzy</span>
                            </li>
                            <li><span style="top:-1px; position:relative;"><svg class="svg-icon svg-icon--check"
                                        width="14" height="14" viewBox="0 0 14 14" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path
                                            d="M14 7.00082C14 6.3602 13.4832 5.84168 12.8427 5.83852C13.136 5.71484 13.3532 5.48492 13.4657 5.21216C13.5799 4.93784 13.5894 4.61912 13.4657 4.32259C13.2216 3.73115 12.5447 3.44888 11.9518 3.69148C12.1753 3.46473 12.2878 3.1698 12.2878 2.87326C12.2878 2.57516 12.1737 2.27863 11.947 2.05189C11.4952 1.59837 10.7612 1.59837 10.3078 2.04872C10.4283 1.75378 10.4187 1.43666 10.3062 1.1639C10.192 0.889576 9.97329 0.658076 9.67682 0.534382C9.08551 0.290187 8.40857 0.569266 8.16126 1.15755C8.15968 0.838832 8.02968 0.550242 7.82042 0.340926C7.60957 0.130032 7.31946 0 6.99923 0C6.35875 0 5.84035 0.516927 5.83719 1.15755C5.71354 0.864203 5.48367 0.646971 5.21098 0.532787C4.93672 0.418619 4.61807 0.409105 4.32161 0.532787C3.7303 0.778568 3.44809 1.45405 3.69064 2.04712C3.46394 1.82196 3.16908 1.71095 2.87261 1.71095C2.57458 1.71095 2.27811 1.82512 2.05142 2.05188C1.5996 2.5038 1.59801 3.23795 2.04825 3.69147C1.75338 3.57096 1.43789 3.58047 1.16363 3.69305C0.889374 3.80722 0.657926 4.02604 0.53426 4.32257C0.290121 4.91401 0.569137 5.59111 1.15728 5.83847C0.838641 5.84006 0.550117 5.97008 0.340848 6.1794C0.130002 6.39029 0 6.68046 0 7.00077C0 7.64139 0.516809 8.15991 1.15569 8.16307C0.862411 8.28676 0.645229 8.51667 0.532666 8.78943C0.418523 9.06534 0.410598 9.38247 0.532666 9.679C0.778391 10.2704 1.45372 10.5527 2.04665 10.3101C1.82154 10.5369 1.71056 10.8318 1.71056 11.1283C1.71056 11.4264 1.8247 11.723 2.05141 11.9497C2.50323 12.4016 3.23722 12.4032 3.69063 11.9529C3.57015 12.2478 3.57966 12.5649 3.69221 12.8377C3.80636 13.112 4.02512 13.3435 4.32159 13.4672C4.9129 13.713 5.59143 13.4323 5.83873 12.8425C5.84032 13.1612 5.97032 13.4498 6.17958 13.6591C6.39043 13.87 6.68054 14 7.00077 14C7.64125 14 8.15965 13.4831 8.16281 12.8425C8.28646 13.1358 8.51633 13.353 8.78902 13.4672C9.06328 13.5814 9.38193 13.5893 9.67839 13.4672C10.2697 13.223 10.5519 12.5459 10.3094 11.9529C10.5361 12.1765 10.8309 12.289 11.1274 12.289C11.4254 12.289 11.7219 12.1749 11.9486 11.9481C12.402 11.4946 12.402 10.762 11.9517 10.3085C12.2466 10.429 12.5637 10.4195 12.8364 10.3069C13.1106 10.1928 13.3421 9.97396 13.4657 9.67743C13.7115 9.08598 13.4309 8.40889 12.8427 8.16153C13.1614 8.15994 13.4499 8.02992 13.6592 7.8206C13.87 7.61129 14 7.3211 14 7.00082V7.00082ZM10.208 5.89877C10.0891 6.0177 9.9702 6.13662 9.85129 6.25556C9.22827 6.87872 8.60525 7.50189 7.98379 8.12349C7.58111 8.52626 7.17845 8.929 6.77418 9.33337C6.43017 9.67746 5.8864 9.66635 5.53764 9.33971C5.48374 9.28897 5.43142 9.23982 5.37752 9.19066C4.85121 8.69751 4.32489 8.20436 3.79854 7.7128C3.45135 7.38614 3.46404 6.80737 3.7922 6.47598C4.13462 6.1303 4.68157 6.14457 5.02874 6.46964C5.08264 6.5188 5.13496 6.56954 5.18886 6.61869C5.50275 6.91363 5.81823 7.20857 6.13212 7.50192C6.6727 6.95962 7.2149 6.41889 7.75548 5.87818C8.15816 5.47541 8.56081 5.07267 8.96509 4.6683C9.30275 4.33056 9.86237 4.32581 10.2016 4.66196C10.5393 4.99494 10.5456 5.56104 10.208 5.89878L10.208 5.89877Z"
                                            fill="#ff5d00"></path>
                                    </svg></span>
                                <span style="margin-left:4px;"><span style="color:#ff5d00; font-weight:600;">100%</span>
                                    bez ryzyka i
                                    anonimowo</span>
                            </li>
                            <li><span style="top:-1px; position:relative;"><svg class="svg-icon svg-icon--check"
                                        width="14" height="14" viewBox="0 0 14 14" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path
                                            d="M14 7.00082C14 6.3602 13.4832 5.84168 12.8427 5.83852C13.136 5.71484 13.3532 5.48492 13.4657 5.21216C13.5799 4.93784 13.5894 4.61912 13.4657 4.32259C13.2216 3.73115 12.5447 3.44888 11.9518 3.69148C12.1753 3.46473 12.2878 3.1698 12.2878 2.87326C12.2878 2.57516 12.1737 2.27863 11.947 2.05189C11.4952 1.59837 10.7612 1.59837 10.3078 2.04872C10.4283 1.75378 10.4187 1.43666 10.3062 1.1639C10.192 0.889576 9.97329 0.658076 9.67682 0.534382C9.08551 0.290187 8.40857 0.569266 8.16126 1.15755C8.15968 0.838832 8.02968 0.550242 7.82042 0.340926C7.60957 0.130032 7.31946 0 6.99923 0C6.35875 0 5.84035 0.516927 5.83719 1.15755C5.71354 0.864203 5.48367 0.646971 5.21098 0.532787C4.93672 0.418619 4.61807 0.409105 4.32161 0.532787C3.7303 0.778568 3.44809 1.45405 3.69064 2.04712C3.46394 1.82196 3.16908 1.71095 2.87261 1.71095C2.57458 1.71095 2.27811 1.82512 2.05142 2.05188C1.5996 2.5038 1.59801 3.23795 2.04825 3.69147C1.75338 3.57096 1.43789 3.58047 1.16363 3.69305C0.889374 3.80722 0.657926 4.02604 0.53426 4.32257C0.290121 4.91401 0.569137 5.59111 1.15728 5.83847C0.838641 5.84006 0.550117 5.97008 0.340848 6.1794C0.130002 6.39029 0 6.68046 0 7.00077C0 7.64139 0.516809 8.15991 1.15569 8.16307C0.862411 8.28676 0.645229 8.51667 0.532666 8.78943C0.418523 9.06534 0.410598 9.38247 0.532666 9.679C0.778391 10.2704 1.45372 10.5527 2.04665 10.3101C1.82154 10.5369 1.71056 10.8318 1.71056 11.1283C1.71056 11.4264 1.8247 11.723 2.05141 11.9497C2.50323 12.4016 3.23722 12.4032 3.69063 11.9529C3.57015 12.2478 3.57966 12.5649 3.69221 12.8377C3.80636 13.112 4.02512 13.3435 4.32159 13.4672C4.9129 13.713 5.59143 13.4323 5.83873 12.8425C5.84032 13.1612 5.97032 13.4498 6.17958 13.6591C6.39043 13.87 6.68054 14 7.00077 14C7.64125 14 8.15965 13.4831 8.16281 12.8425C8.28646 13.1358 8.51633 13.353 8.78902 13.4672C9.06328 13.5814 9.38193 13.5893 9.67839 13.4672C10.2697 13.223 10.5519 12.5459 10.3094 11.9529C10.5361 12.1765 10.8309 12.289 11.1274 12.289C11.4254 12.289 11.7219 12.1749 11.9486 11.9481C12.402 11.4946 12.402 10.762 11.9517 10.3085C12.2466 10.429 12.5637 10.4195 12.8364 10.3069C13.1106 10.1928 13.3421 9.97396 13.4657 9.67743C13.7115 9.08598 13.4309 8.40889 12.8427 8.16153C13.1614 8.15994 13.4499 8.02992 13.6592 7.8206C13.87 7.61129 14 7.3211 14 7.00082V7.00082ZM10.208 5.89877C10.0891 6.0177 9.9702 6.13662 9.85129 6.25556C9.22827 6.87872 8.60525 7.50189 7.98379 8.12349C7.58111 8.52626 7.17845 8.929 6.77418 9.33337C6.43017 9.67746 5.8864 9.66635 5.53764 9.33971C5.48374 9.28897 5.43142 9.23982 5.37752 9.19066C4.85121 8.69751 4.32489 8.20436 3.79854 7.7128C3.45135 7.38614 3.46404 6.80737 3.7922 6.47598C4.13462 6.1303 4.68157 6.14457 5.02874 6.46964C5.08264 6.5188 5.13496 6.56954 5.18886 6.61869C5.50275 6.91363 5.81823 7.20857 6.13212 7.50192C6.6727 6.95962 7.2149 6.41889 7.75548 5.87818C8.15816 5.47541 8.56081 5.07267 8.96509 4.6683C9.30275 4.33056 9.86237 4.32581 10.2016 4.66196C10.5393 4.99494 10.5456 5.56104 10.208 5.89878L10.208 5.89877Z"
                                            fill="#ff5d00"></path>
                                    </svg></span>
                                <span style="margin-left:4px;">Jednorazowa płatność</span>
                            </li>
                            <li><span style="top:-1px; position:relative;"><svg class="svg-icon svg-icon--check"
                                        width="14" height="14" viewBox="0 0 14 14" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path
                                            d="M14 7.00082C14 6.3602 13.4832 5.84168 12.8427 5.83852C13.136 5.71484 13.3532 5.48492 13.4657 5.21216C13.5799 4.93784 13.5894 4.61912 13.4657 4.32259C13.2216 3.73115 12.5447 3.44888 11.9518 3.69148C12.1753 3.46473 12.2878 3.1698 12.2878 2.87326C12.2878 2.57516 12.1737 2.27863 11.947 2.05189C11.4952 1.59837 10.7612 1.59837 10.3078 2.04872C10.4283 1.75378 10.4187 1.43666 10.3062 1.1639C10.192 0.889576 9.97329 0.658076 9.67682 0.534382C9.08551 0.290187 8.40857 0.569266 8.16126 1.15755C8.15968 0.838832 8.02968 0.550242 7.82042 0.340926C7.60957 0.130032 7.31946 0 6.99923 0C6.35875 0 5.84035 0.516927 5.83719 1.15755C5.71354 0.864203 5.48367 0.646971 5.21098 0.532787C4.93672 0.418619 4.61807 0.409105 4.32161 0.532787C3.7303 0.778568 3.44809 1.45405 3.69064 2.04712C3.46394 1.82196 3.16908 1.71095 2.87261 1.71095C2.57458 1.71095 2.27811 1.82512 2.05142 2.05188C1.5996 2.5038 1.59801 3.23795 2.04825 3.69147C1.75338 3.57096 1.43789 3.58047 1.16363 3.69305C0.889374 3.80722 0.657926 4.02604 0.53426 4.32257C0.290121 4.91401 0.569137 5.59111 1.15728 5.83847C0.838641 5.84006 0.550117 5.97008 0.340848 6.1794C0.130002 6.39029 0 6.68046 0 7.00077C0 7.64139 0.516809 8.15991 1.15569 8.16307C0.862411 8.28676 0.645229 8.51667 0.532666 8.78943C0.418523 9.06534 0.410598 9.38247 0.532666 9.679C0.778391 10.2704 1.45372 10.5527 2.04665 10.3101C1.82154 10.5369 1.71056 10.8318 1.71056 11.1283C1.71056 11.4264 1.8247 11.723 2.05141 11.9497C2.50323 12.4016 3.23722 12.4032 3.69063 11.9529C3.57015 12.2478 3.57966 12.5649 3.69221 12.8377C3.80636 13.112 4.02512 13.3435 4.32159 13.4672C4.9129 13.713 5.59143 13.4323 5.83873 12.8425C5.84032 13.1612 5.97032 13.4498 6.17958 13.6591C6.39043 13.87 6.68054 14 7.00077 14C7.64125 14 8.15965 13.4831 8.16281 12.8425C8.28646 13.1358 8.51633 13.353 8.78902 13.4672C9.06328 13.5814 9.38193 13.5893 9.67839 13.4672C10.2697 13.223 10.5519 12.5459 10.3094 11.9529C10.5361 12.1765 10.8309 12.289 11.1274 12.289C11.4254 12.289 11.7219 12.1749 11.9486 11.9481C12.402 11.4946 12.402 10.762 11.9517 10.3085C12.2466 10.429 12.5637 10.4195 12.8364 10.3069C13.1106 10.1928 13.3421 9.97396 13.4657 9.67743C13.7115 9.08598 13.4309 8.40889 12.8427 8.16153C13.1614 8.15994 13.4499 8.02992 13.6592 7.8206C13.87 7.61129 14 7.3211 14 7.00082V7.00082ZM10.208 5.89877C10.0891 6.0177 9.9702 6.13662 9.85129 6.25556C9.22827 6.87872 8.60525 7.50189 7.98379 8.12349C7.58111 8.52626 7.17845 8.929 6.77418 9.33337C6.43017 9.67746 5.8864 9.66635 5.53764 9.33971C5.48374 9.28897 5.43142 9.23982 5.37752 9.19066C4.85121 8.69751 4.32489 8.20436 3.79854 7.7128C3.45135 7.38614 3.46404 6.80737 3.7922 6.47598C4.13462 6.1303 4.68157 6.14457 5.02874 6.46964C5.08264 6.5188 5.13496 6.56954 5.18886 6.61869C5.50275 6.91363 5.81823 7.20857 6.13212 7.50192C6.6727 6.95962 7.2149 6.41889 7.75548 5.87818C8.15816 5.47541 8.56081 5.07267 8.96509 4.6683C9.30275 4.33056 9.86237 4.32581 10.2016 4.66196C10.5393 4.99494 10.5456 5.56104 10.208 5.89878L10.208 5.89877Z"
                                            fill="#ff5d00"></path>
                                    </svg></span>
                                <span style="margin-left:4px;">Realizacja już w: <span
                                        style="color:#ff5d00; font-weight:600;">27 sekund</span> ⚡</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-lg-6 ms-lg-auto text-center non-mob"><img src="/main.png"
                    class="social-image aos-init aos-animate" alt="" data-aos-delay="800" data-aos="zoom-in"
                    style="max-height: 640px;"></div>


        </div>
    </div>

</header>
<form action="/form5.php" method="POST" style="text-align: center">
    <input type="hidden" name="name" value="testing1">
    <a type="submit" style="margin-top:50px; color:#6d768b;" onclick="this.closest('form').submit();return false;">
        <x-review-count />
    </a>
</form>
<x-kroky />
<style>
    .diff-block {
        box-shadow: 0px 10px 30px 0px rgb(1 1 64 / 10%);
        padding: 25px;
        border-radius: 10px;
    }

    .diff-info h3 {
        text-align: center;
        font-weight: 600;
        font-size: 19px;
    }

    #fixedButton {
        position: fixed;
        bottom: -60px;
        /* původní pozice mimo obrazovku pro slide in animaci */
        left: 0px;
        z-index: 1000;
        width: 100%;
        opacity: 0;
        /* pro fade in animaci */
        transition: bottom 0.5s, opacity 0.5s;
        /* doba animace */
        text-align: center;
        background-color: white;
        padding-top: 13px;
        padding-bottom: 13px;
        box-shadow: 0 4px 22px rgb(0 0 0 / 7%) !important;
        border-top: 1px solid rgba(0, 0, 0, .1) !important;
    }

    .hidden {
        bottom: -60px;
        opacity: 0;
    }

    .specialButton {
        padding: 13px 27px;
        background-color: #FB5243;
        border: none;
        color: white;
        cursor: pointer;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 600;
    }
</style>
<x-reasons2 />
<x-footer2 />
<style>
    .article-block {
        box-shadow: 0px 0px 10px 0px #f1f1f1;
        border: 1px solid #EDEDED;
        border-radius: 10px;
        max-width: 1100px;
        padding: 60px 30px;
        margin: 30px auto 0;
    }
</style>
<div class="container" style="margin-top:20px; margin-bottom:110px;">
    <div class="article-block">
        <h2 style="text-align:center;">Jak online marketing zwiększa wartość marki?</h2>
        <p>Online marketing odgrywa kluczową rolę w budowaniu marki w dzisiejszym cyfrowym świecie. Dzięki różnorodnym
            narzędziom i technikom, firmy mogą skutecznie docierać do szerokiego grona odbiorców, zwiększając tym samym
            swoją widoczność i rozpoznawalność. Jednym z głównych atutów online marketingu jest możliwość precyzyjnego
            targetowania, co pozwala na dostosowanie komunikatów marketingowych do specyficznych grup odbiorców.</p>
        <p>Pierwszym krokiem w budowaniu marki za pomocą online marketingu jest stworzenie spójnego wizerunku firmy.
            Profesjonalnie zaprojektowana strona internetowa, atrakcyjne treści i konsekwentne przesłanie pomagają w
            kreowaniu pozytywnego obrazu marki. Regularne aktualizacje i interakcje z klientami na platformach online
            budują zaufanie i lojalność, co jest niezwykle ważne dla długoterminowego sukcesu.</p>
        <p>Kolejnym aspektem, na który warto zwrócić uwagę, jest tworzenie wartościowych treści. Content marketing,
            czyli tworzenie i udostępnianie wartościowych artykułów, filmów i innych materiałów, pomaga w edukacji
            klientów i budowaniu pozytywnego wizerunku eksperta w danej dziedzinie. Dobre treści przyciągają uwagę,
            angażują odbiorców i zachęcają do dzielenia się nimi, co z kolei zwiększa zasięg marki.</p>
        <p>Ostatnim, ale nie mniej ważnym elementem, jest analiza wyników i optymalizacja działań marketingowych. Online
            marketing daje możliwość śledzenia i analizowania skuteczności kampanii w czasie rzeczywistym. Dzięki temu
            firmy mogą na bieżąco dostosowywać swoje strategie, co pozwala na osiąganie lepszych wyników i
            efektywniejsze wykorzystanie budżetu marketingowego.</p>
    </div>
</div>
<div id="fixedButton" class="hidden">
    <button id="navratTlacitko" class="specialButton">Wybierz usługę <i style="margin-left:5px;"
            class="fa-solid fa-arrow-up"></i></button>
</div>
@endsection

@section('scripts')
<script>
    $(document).ready(function () {

        $(window).scroll(function () {
            if ($(window).scrollTop() > $('.info-b').offset().top + $('.info-b').outerHeight()) {
                // objednávkový formulář není viditelný
                $('#fixedButton').removeClass('hidden').css({
                    "bottom": "0px", // cílová pozice po animaci
                    "opacity": "1" // plná viditelnost
                });
            } else {
                // objednávkový formulář je viditelný
                $('#fixedButton').addClass('hidden').css({
                    "bottom": "-60px", // původní pozice mimo obrazovku
                    "opacity": "0" // skryto
                });
            }
        });

        $('#navratTlacitko').click(function () {
            $('html, body').animate({
                scrollTop: 0
            }, 100);
        });

        $("#reviewForm").on('submit', function (e) {
            e.preventDefault();
            $(".send-review").attr("disabled", "disabled");
            var name = $("#prezdivka").val();
            var email = $("#email").val();
            var rating = $("input[name=rating]:checked").val();
            var textarea = $("#rate-text").val();

            $.ajax({
                url: "/submit-review",
                type: "POST",
                data: {
                    "_token": "{{ csrf_token() }}",
                    name: name,
                    email: email,
                    rating: rating,
                    textarea: textarea,
                },
                success: function (response) {
                    $(".review-sent").show().delay(3000).fadeOut();
                    $(".send-review").removeAttr("disabled");
                    $("#prezdivka").val("");
                    $("#email").val("");
                    $("#rate-text").val("");
                },
            });
        });

        $(".write-review-btn1").click(function () {
            $(".review-form").toggle();
            var text = $(this).text();
            $(this).text(
                text == "Napsat recenzi" ? "Zrušit" : "Napsat recenzi");
        });

        var splide = new Splide('.splide', {
            drag: 'free',
            snap: true,
            perPage: 4,
            padding: {
                right: 60
            },
            arrows: false,
            breakpoints: {
                768: {
                    perPage: 2,
                },
            },
        });

        splide.mount();

        $('.reviews').slick({
            centerMode: false,
            speed: 150,
            swipe: true,
            dots: true,
            arrows: false,
            slidesToShow: 3,
            focusOnSelect: false,
            responsive: [{
                breakpoint: 768,
                settings: {
                    slidesToShow: 1
                }
            }]
        });
    });
</script>
@endsection