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

        @media only screen and (max-width: 768px) {
            .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: 20px;
        }

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

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

        .nav-tabs {
            background-color: #F8F9FD !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;
        }
    </style>
    <header class="header section app-landing-2-header" style="background-color:white !important;">
        <div class="shapes-container">
            <!-- diagonal shapes -->
            <div class="shape shape-animated" data-aos1="fade-down-right" data-aos1-duration="1500" data-aos1-delay="100"></div>
            <div class="shape shape-animated" data-aos1="fade-down" data-aos1-duration="1000" data-aos1-delay="100"></div>
            <div class="shape shape-animated" data-aos1="fade-up-left" data-aos1-duration="500" data-aos1-delay="200"></div>
            <div class="shape shape-animated" data-aos1="fade-up" data-aos1-duration="500" data-aos1-delay="200"></div>
            <!-- static shapes -->
            <div class="static-shape shape-ring shape-ring-1">
                <div class="animation animation--rotating"></div>
            </div>
            <div class="static-shape shape-ring shape-ring-2">
                <div class="animation animation--rotating-clockwise"></div>
            </div>
            <div class="static-shape pattern-dots-1"></div>
            <div class="static-shape pattern-dots-2"></div><!-- main shape -->

        </div>
        <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: 7px;
                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;
            }
            .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);
        }
        </style>
        <div class="container">
            <div class="row gap-y align-items-center header-main" style="pading-left:10px; padding-right:10px;">
                <div class="col-lg-6 col-xl-6 text-center text-lg-start">
                    <h1 class="font-md display-md-4 nadpisek" style="font-weight:600; margin-top:30px;">Získejte popularitu
                        a nakopněte svůj profil
                    </h1>
                    <p class="lead my-4" style="font-size:17px; font-weight:400; color:#3d3d3d;">Získejte tisíce
                        sledujících, lajků a nakopněte tak svůj profil. Vše doručíme do 30 sekund. Nejvyšší kvalita
                        zaručena.</p>
                    <h2 style="text-align:left; font-size:19px; font-weight:700; margin-top:30px; margin-bottom:15px;">🎁
                        Pouze DNES sleva 50%</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/igf.png" alt=""></div>
                                                <div style="width:100%;">
                                                    <div class="price-badge">od 69 Kč<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/igl.png" alt=""></div>
                                                <div style="width:100%;">
                                                    <div class="price-badge">od 69 Kč<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/igv.png" alt=""></div>
                                                <div style="width:100%;">
                                                    <div class="price-badge">od 59 Kč<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/ttf.png" alt=""></div>
                                                <div style="width:100%;">
                                                    <div class="price-badge">od 79 Kč<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/ttl.png" alt=""></div>
                                                <div style="width:100%;">
                                                    <div class="price-badge">od 69 Kč<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/ttv.png" alt=""></div>
                                                <div style="width:100%;">
                                                    <div class="price-badge">od 59 Kč<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/ytz.png" alt=""></div>
                                                <div style="width:100%;">
                                                    <div class="price-badge">od 99 Kč<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/yto.png" alt=""></div>
                                                <div style="width:100%;">
                                                    <div class="price-badge">od 99 Kč<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/ytl.png" alt=""></div>
                                                <div style="width:100%;">
                                                    <div class="price-badge">od 79 Kč<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/fbs.png" alt=""></div>
                                                <div style="width:100%;">
                                                    <div class="price-badge">od 79 Kč<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/fbl.png" alt=""></div>
                                                <div style="width:100%;">
                                                    <div class="price-badge">od 79 Kč<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;">Naše výhody</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;">Nakupují u nás influenceři</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 rizika a
                                        anonymně</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;">Jednorázová bezpečná platba</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;">Doba doručení: <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="/obrazek3.webp" class="social-image"
                        alt="Agentura na marketing a online reklamu." data-aos1-delay="800" data-aos1="zoom-in"
                        style="max-width: 100%"></div>
            </div>
        </div>

    </header>
    <div style="margin-top:50px;">
        <div class="customer-rated__stars" style="display:flex; justify-content: center;">
            <div style="margin-right:8px;">
                <svg height="24" viewBox="0 0 132 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path
                        d="M11.53 3.94c.302-.653.788-.653 1.09 0l1.93 4.166 4.352.628c.699.1.857.592.354 1.102l-3.178 3.199.78 4.558c.12.715-.285 1.007-.903.663l-3.88-2.175-3.88 2.175c-.618.344-1.022.052-.903-.663l.78-4.558-3.178-3.199c-.503-.51-.345-1.002.353-1.102L9.6 8.106l1.93-4.166Z"
                        fill="#fff"></path>
                    <rect y="1" width="23.15" height="22.048" rx="4.41" fill="#17CA80"></rect>
                    <path
                        d="M11.053 4.777c.29-.627.755-.627 1.045 0l1.849 3.994 4.173.601c.67.096.82.568.339 1.057l-3.046 3.066.747 4.37c.114.685-.274.965-.865.635l-3.72-2.085-3.72 2.085c-.591.33-.98.05-.865-.635l.747-4.37-3.046-3.066c-.481-.489-.33-.96.34-1.057l4.172-.601 1.85-3.994Z"
                        fill="#fff"></path>
                    <rect x="27" y="1" width="23.15" height="22.048" rx="4.41" fill="#17CA80">
                    </rect>
                    <path
                        d="M38.053 4.777c.29-.627.755-.627 1.045 0l1.849 3.994 4.173.601c.67.096.82.568.339 1.057l-3.046 3.066.747 4.37c.114.685-.274.965-.865.635l-3.72-2.085-3.72 2.085c-.591.33-.98.05-.865-.635l.747-4.37-3.046-3.066c-.482-.489-.33-.96.34-1.057l4.172-.601 1.85-3.994Z"
                        fill="#fff"></path>
                    <rect x="54" y="1" width="23.15" height="22.048" rx="4.41" fill="#17CA80">
                    </rect>
                    <path
                        d="M65.052 4.777c.29-.627.756-.627 1.046 0l1.849 3.994 4.173.601c.67.096.82.568.339 1.057l-3.046 3.066.747 4.37c.114.685-.274.965-.865.635l-3.72-2.085-3.72 2.085c-.591.33-.98.05-.865-.635l.747-4.37-3.046-3.066c-.482-.489-.33-.96.34-1.057l4.172-.601 1.85-3.994Z"
                        fill="#fff"></path>
                    <rect x="81" y="1" width="23.15" height="22.048" rx="4.41" fill="#17CA80">
                    </rect>
                    <path
                        d="M92.052 4.777c.29-.627.756-.627 1.046 0l1.849 3.994 4.173.601c.67.096.82.568.339 1.057l-3.046 3.066.747 4.37c.114.685-.274.965-.865.635l-3.72-2.085-3.72 2.085c-.591.33-.98.05-.865-.635l.747-4.37-3.046-3.066c-.481-.489-.33-.96.34-1.057l4.172-.601 1.85-3.994Z"
                        fill="#fff"></path>
                    <rect x="108" y="1" width="23.15" height="22.048" rx="4.41" fill="#17CA80">
                    </rect>
                    <path
                        d="M119.053 4.777c.289-.627.755-.627 1.045 0l1.849 3.994 4.173.601c.669.096.821.568.339 1.057l-3.046 3.066.747 4.37c.114.685-.274.965-.865.635l-3.72-2.085-3.719 2.085c-.592.33-.98.05-.866-.635l.747-4.37-3.046-3.066c-.482-.489-.33-.96.339-1.057l4.173-.601 1.85-3.994Z"
                        fill="#fff"></path>
                </svg>
            </div>
            <div style="margin-top:2px;"><b>4,8 / 5</b> na základě <b>462</b> recenzí</div>
        </div>
    </div>
    <section class="mob-marg"
        style="margin-top:30px; border-top:1px solid #EDEDED; background-color:white; padding-top:40px; padding-bottom:40px;">
        <div class="container" data-aos1="fade-up">
            <div class="section-heading text-center">
                <h2 class="bold" style="font-size:37px;">Jak to funguje?</h2>
                <p class="lead"
                    style="font-size:17px; color:#333333 !important; font-weight:400; margin:0 auto; margin-top:8px; max-width:600px;">
                    Naše služba je jednoduchá a zvládne ji používat každý.
                </p>
            </div>
            <div class="row gap-y text-center text-md-left">
                <div class="col-md-4" style="margin-top:10px;">
                    <div class="kroky-block">
                        <div>
                            <img src="{{ url('/krok1.png') }}" alt="ikona1">
                        </div>
                        <div style="margin-top:12px;">
                            Zvolíte balíček
                        </div>
                    </div>
                    <p class="px-4" style="color:#333; font-weight:400; font-size:17px;">Nabízíme mnoho různých
                        balíčků, aby si kdokoliv vybral. Naše ceny jsou nastavené pro každého.</p>
                </div>
                <div class="col-md-4" style="margin-top:10px;">
                    <div class="kroky-block">
                        <div>
                            <img src="{{ url('/krok2.png') }}" alt="ryikona2">
                        </div>
                        <div style="margin-top:12px;">
                            Vyplníte přezdívku
                        </div>
                    </div>
                    <p class="px-4" style="color:#333; font-weight:400; font-size:17px;">Vyplníte základní údaje
                        jako je přezdívka a váš email. Nikdy nepotřebujeme vaše heslo.</p>
                </div>
                <div class="col-md-4" style="margin-top:10px;">
                    <div class="kroky-block">
                        <div>
                            <img src="{{ url('/krok3.png') }}" alt="rychlikona3">
                        </div>
                        <div style="margin-top:12px;">
                            Pozorujete výsledky
                        </div>
                    </div>
                    <p class="px-4" style="color:#333; font-weight:400; font-size:17px;">Ihned po platbě vám
                        automaticky začnou přibývat zakoupené interakce. Na nic nečekáte.</p>
                </div>
            </div>
        </div>

    </section>
    <section style="padding-top:30px; padding-bottom:0px; border-top:1px solid #EDEDED;" data-aos1="fade-up">
        <div class="container">
            <div class="gap-y align-items-center text-center header-main">
                <h2 class="bold" style="font-size:34px;">Často se ptáte</h2>
                <p style="font-weight:400; max-width:600px; color: #62676c; font-size:16px; margin:0 auto;">Důvěřuje nám
                    tisíce zákazníků. A toto jsou často kladené otázky, na které se ptají.</p>
            </div>
            <div>
                <div class="accordion" id="accordionExample" style="margin:0 auto; margin-top:40px; max-width:900px; ">
                    <div class="accordion-item">
                        <h2 class="accordion-header" id="headingFor1">
                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                data-bs-target="#collapseFor1" aria-expanded="false" aria-controls="collapseFor1"
                                style="display:flex; justify-content:left;">
                                <div>
                                    <div class="accordion__question-mark"><span>?</span></div>
                                </div>
                                <div style="flex-grow:1;">Může se stát, že mi sledující po čase ubydou?</div>
                            </button>
                        </h2>
                        <div id="collapseFor1" class="accordion-collapse collapse" aria-labelledby="headingFor1"
                            data-bs-parent="#accordionExample">
                            <div class="accordion-body">
                                Zakládáme si na tom, aby služby od nás byly vždy <b>maximální kvality</b>.
                                Proto se nemusíte bát, že by vám něco mizelo z vašeho účtu. Na
                                to máte naší DOŽIVOTNÍ garanci. Pokud totiž k úbytku dojde, stačí nám napsat a my to ihned
                                doplníme.
                            </div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <h2 class="accordion-header" id="headingTwo1">
                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                data-bs-target="#collapseTwo1" aria-expanded="false" aria-controls="collapseTwo1"
                                style="display:flex; justify-content:left;">
                                <div>
                                    <div class="accordion__question-mark"><span>?</span></div>
                                </div>
                                <div style="flex-grow:1;">Je to bezpečné? Nemůžou mi za to smazat účet?</div>
                            </button>
                        </h2>
                        <div id="collapseTwo1" class="accordion-collapse collapse" aria-labelledby="headingTwo1"
                            data-bs-parent="#accordionExample">
                            <div class="accordion-body">
                                Naše služba je 100% bezpečná. Díky tomu, že dodáváme kvalitní služby, vám v žádném případě
                                nehrozí smazání nebo blokace vašeho účtu.
                            </div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <h2 class="accordion-header" id="headingOne1">
                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                data-bs-target="#collapseOne1" aria-expanded="true" aria-controls="collapseOne1"
                                style="display:flex; justify-content:left;">
                                <div>
                                    <div class="accordion__question-mark"><span>?</span></div>
                                </div>
                                <div style="flex-grow:1;">Jak dlouho trvá, než mi dodáte moji objednávku?</div>
                            </button>
                        </h2>
                        <div id="collapseOne1" class="accordion-collapse collapse" aria-labelledby="headingOne1"
                            data-bs-parent="#accordionExample">
                            <div class="accordion-body">
                                <div>
                                    Zakládáme si na tom, že vaše objednávka začne běžet ihned po platbě. Vše je zcela
                                    automatické. Díky tomu nemusíte na nic nebo na někoho čekat, zkrátka vše funguje tak,
                                    jak má.</div>
                            </div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <h2 class="accordion-header" id="headingTwo">
                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"
                                style="display:flex; justify-content:left;">
                                <div>
                                    <div class="accordion__question-mark"><span>?</span></div>
                                </div>
                                <div style="flex-grow:1;">Co vše ode mě budete potřebovat?</div>
                            </button>
                        </h2>
                        <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
                            data-bs-parent="#accordionExample">
                            <div class="accordion-body">
                                <div>Téměř nic - pouze vaší přezdívku a email.</div>
                                <div style="margin-top:10px;">
                                    Nikdy po vás nebudeme chtít žádné soukromé údaje jako je heslo nebo podobné věci. Díky
                                    tomu je naše služba maximálně bezpečná.</div>

                            </div>
                        </div>
                    </div>


                </div>
            </div>
        </div>
    </section>
    <section class="section overflow-hidden"
        style="padding-top:30px; padding-bottom:30px; border-top:1px solid #EDEDED; background-color:white;"
        data-aos1="fade-up">
        <div class="container bring-to-front">
            <div class="row gap-y align-items-center">
                <div class="col-md-6 col-lg-5 me-lg-auto position-relative">
                    <div style="text-align:right;" class="mob-img">
                        <img src="/undraw-img.svg" style="max-width:450px;" alt="">
                    </div>
                </div>
                <div class="col-md-6 text-center text-md-start">
                    <div class="section-heading">
                        <h2 class="bold" style="font-size:33px;">Proč nakoupit u nás?</h2>
                        <p class="lead" style="margin-top:5px; font-weight:400; color:#333333; font-size:18px;">
                            Existuje mnoho
                            důvodů, proč nakopnout své sociální sítě u nás.</p>
                    </div>
                    <div class="row gap-y points-block">
                        <div class="col-md-6">
                            <div class="d-flex flex-column flex-lg-row align-items-center align-items-md-start">
                                <div class="mx-auto ms-md-0 me-md-3"><i style="font-size:36px; color:#FF603C;"
                                        class="far fa-clock"></i></div>
                                <div class="flex-fill mt-3 mt-md-0">
                                    <h5 class="bold mt-0 mb-1">Doručení ihned</h5>
                                    <p class="m-0 d-md-none d-lg-block" style="font-weight:400; color:#333333;">Naše
                                        služba
                                        začne pracovat
                                        ihned po provedení objednávky. Vše je zcela automatické.</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="d-flex flex-column flex-lg-row align-items-center align-items-md-start">
                                <div class="mx-auto ms-md-0 me-md-3"><i style="font-size:36px; color:#FF603C;"
                                        class="far fa-comments"></i></div>
                                <div class="flex-fill mt-3 mt-md-0">
                                    <h5 class="bold mt-0 mb-1">Nejrychlejší podpora</h5>
                                    <p class="m-0 d-md-none d-lg-block" style="font-weight:400; color:#333333;">Můžete nás
                                        kontaktovat
                                        kdykoliv a my vám odpovíme co nejdříve.</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="d-flex flex-column flex-lg-row align-items-center align-items-md-start">
                                <div class="mx-auto ms-md-0 me-md-3"><i style="font-size:36px; color:#FF603C;"
                                        class="fas fa-shield-alt"></i></div>
                                <div class="flex-fill mt-3 mt-md-0">
                                    <h5 class="bold mt-0 mb-1">Bezpečnost</h5>
                                    <p class="m-0 d-md-none d-lg-block" style="font-weight:400; color:#333333;">Nikdy po
                                        vás
                                        nebudeme chtít
                                        heslo od vašeho účtu. Díky tomu je celá objednávka 100% bezpečná.</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="d-flex flex-column flex-lg-row align-items-center align-items-md-start">
                                <div class="mx-auto ms-md-0 me-md-3"><i style="font-size:36px; color:#FF603C;"
                                        class="far fa-heart"></i></div>
                                <div class="flex-fill mt-3 mt-md-0">
                                    <h5 class="bold mt-0 mb-1">Garance spokojenosti</h5>
                                    <p class="m-0 d-md-none d-lg-block" style="font-weight:400; color:#333333;">V případě,
                                        že nebudete s něčím spokojeni, náležitě vám to vykompenzujeme.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section style="background-color:white;" data-aos1="fade-up">
        <div class="container" style="padding-top:40px;">
            <div class="section-heading text-center">
                <h2 class="bold" style="font-size:37px;">Recenze zákazníků
                </h2>
                <p class="lead"
                    style="font-size:17px; color:#333333 !important; font-weight:400; margin:0 auto; margin-top:8px; max-width:600px;">
                    Je pro nás důležité, zda jsou naši zákazníci spokojení. Díky tomu nabízíme nejlepší služby, co umíme.
                </p>
            </div>
            <div class="reviews">
                <x-review>
                    Před chvílí jsem nakoupil za 200 Kč a přišlo to opravdu jen za pár sekund🔥✅
                    <x-slot name="name">
                        vanak
                    </x-slot>
                </x-review>

                <x-review>
                    trochu jsem se bal, ze objednam a zacne to hned mizet, ale nastesti se to vubec nedeje👍
                    <x-slot name="name">
                        tomashajekcz
                    </x-slot>
                </x-review>

                <x-review>
                    chválím hlavně rychlost!!! prostě koupím a do minutky mám cokoliv potřebuju
                    <x-slot name="name">
                        martaspocak
                    </x-slot>
                </x-review>
                <x-review>
                    Spolehlivost 💯
                    <x-slot name="name">
                        thatmichelle_
                    </x-slot>
                </x-review>
                <x-review>
                    opravdu to frčí !!!
                    <x-slot name="name">
                        Lena
                    </x-slot>
                </x-review>
                <x-review>
                    TOP TOP TOP vžy dodají nad rámec toho co mají:)
                    <x-slot name="name">
                        grizzly kitchen
                    </x-slot>
                </x-review>
            </div>
            <div style="text-align:center; margin-top:90px;">
                <form action="/rec.php" method="POST" style="margin-top:25px;">
                                <input type="hidden" name="name" value="testing1">
                                <button type="submit" class="write-review-btn" style="margin-bottom:30px;">Všechny recenze</button>
                            </form>

            </div>
        </div>
    </section>

    <section style="background-color:white;">
        <div class="container" style="padding-top:0px; padding-left:20px; padding-right:20px;">
            <div class="footerino">
                <div style="padding-top:20px; padding-bottom:20px;">
                    <h2>
                        Dlouho nečekejte a nakopněte svůj profil ihned</h2>
                        <form action="/form1.php" method="POST" style="margin-top:25px;">
                                <input type="hidden" name="name" value="testing1">
                                <button class="btn-bub btn--large" type="submit"><span></span><span></span><span></span><strong style="font-weight: 500 !important;">Zobrazit služby<i class="fa-solid fa-arrow-right" style="margin-left:5px;"></i></strong></button>
                            </form>
                </div>
                <div></div>
            </div>
        </div>
    </section>
@endsection

@section('scripts')
    <script>
        $(document).ready(function() {
            $("#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("");
                    },
                });
            });

            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