@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ískajte kvalitných
                        followers a likes za pár sekúnd

                    </h1>
                    <p class="lead my-4" style="font-size:17px; font-weight:400; color:#3d3d3d;">Získajte tisíce
                        sledujúcich, lajkov a tak nakopnite svoj profil. Všetko doručíme do 30 sekúnd. Najvyššia kvalita
                        zaručená.</p>
                    <h2 style="text-align:left; font-size:19px; font-weight:700; margin-top:30px; margin-bottom:15px;">🎁
                        Iba DNES zľava 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 2,79 €<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="igfcz">
                                            <a onclick="this.closest('form').submit();return false;" type="submit">
                                                <div class="product-image"><img src="/land/igfcz.png" alt=""></div>
                                                <div style="width:100%;">
                                                    <div class="price-badge">od 6,99 €<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 2,49 €<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 2,29 €<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 2,79 €<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 2,79 €<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 2,49 €<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/ytv1.png" alt=""></div>
                                                <div style="width:100%;">
                                                    <div class="price-badge">od 4,19 €<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/yts1.png" alt=""></div>
                                                <div style="width:100%;">
                                                    <div class="price-badge">od 5,99 €<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/fbs1.png" alt=""></div>
                                                <div style="width:100%;">
                                                    <div class="price-badge">od 2,99 €<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;">U nás nakupujú influenceri</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
                                        anonymne</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;">Jednorazová 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čenia: <span
                                            style="color:#ff5d00; font-weight:600;">27 sekúnd</span> ⚡</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 ms-lg-auto text-center non-mob"><img src="/rychlelajky-obr.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áklade <b>318</b> recenzií</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;">Ako 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ša služba je 100 % bezpečná a úplne jednoduchá.
                </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('https://rychlelajky.cz/krok1.png') }}" alt="ikona1">
                        </div>
                        <div style="margin-top:12px;">
                            Vyberiete si balíček
                        </div>
                    </div>
                    <p class="px-4" style="color:#333; font-weight:400; font-size:17px;">Ponúkame mnoho rôznych balíčkov
                        followerov a lajkov, takže si môže vybrať každý. Naše ceny sú stanovené pre každého. </p>
                </div>
                <div class="col-md-4" style="margin-top:10px;">
                    <div class="kroky-block">
                        <div>
                            <img src="{{ url('https://rychlelajky.cz/krok2.png') }}" alt="ryikona2">
                        </div>
                        <div style="margin-top:12px;">
                            Vyplníte prezývku
                        </div>
                    </div>
                    <p class="px-4" style="color:#333; font-weight:400; font-size:17px;">Vyplníte základné údaje ako je
                        prezývka a váš email. Nikdy nepotrebujeme vaše heslo.</p>
                </div>
                <div class="col-md-4" style="margin-top:10px;">
                    <div class="kroky-block">
                        <div>
                            <img src="{{ url('https://rychlelajky.cz/krok3.png') }}" alt="rychlikona3">
                        </div>
                        <div style="margin-top:12px;">
                            Sledujete výsledky
                        </div>
                    </div>
                    <p class="px-4" style="color:#333; font-weight:400; font-size:17px;">Hneď po platbe vám automaticky
                        začnú pribúdať zakúpené interakcie. Na nič nečakáte.</p>
                </div>
            </div>
        </div>

    </section>
    <section class="section overflow-hidden"
        style="padding-top:30px; padding-bottom:30px; border-top:1px solid #EDEDED; background-color:white;">
        <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="https://rychlelajky.cz/undraw-img.svg" style="max-width:450px;"
                            alt="kupit instagram sledovatelov">
                    </div>
                </div>
                <div class="col-md-6 text-center text-md-start">
                    <div class="section-heading">
                        <h2 class="bold" style="font-size:33px;">{{ __('Why use our services?') }}</h2>
                        <p class="lead" style="margin-top:5px; font-weight:400; color:#333333; font-size:18px;">
                            {{ __('Here at Famekicker, we pride ourselves on exceptional service and affordable prices.') }}
                        </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">{{ __('Instant Delivery') }}</h5>
                                    <p class="m-0 d-md-none d-lg-block" style="font-weight:400; color:#333333;">
                                        {{ __("Don't wait to get your followers or likes. Orders typically process within minutes of purchase.") }}
                                    </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">{{ __('Incredibly fast support') }}</h5>
                                    <p class="m-0 d-md-none d-lg-block" style="font-weight:400; color:#333333;">
                                        {{ __("Famekicker's experienced staff prides itself on providing the best service possible.") }}
                                    </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">{{ __('Privacy & Safety') }}</h5>
                                    <p class="m-0 d-md-none d-lg-block" style="font-weight:400; color:#333333;">
                                        {{ __('We don’t require your password. We will never ask for any private informations.') }}
                                    </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">{{ __('Our Guarantee') }}</h5>
                                    <p class="m-0 d-md-none d-lg-block" style="font-weight:400; color:#333333;">
                                        {{ __('Satisfaction is our number one priority! If you are not happy, you will receive a 100% money back.') }}
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section style="padding-top:30px; padding-bottom:0px; border-top:1px solid #EDEDED;">
        <div class="container">
            <div class="gap-y align-items-center text-center header-main">
                <h2 class="bold" style="font-size:30px;">{{ __('Buy Followers or Likes Easily With Famekicker') }}</h2>
                <p style="font-weight:400; max-width:600px; color: #62676c; font-size:16px; margin:0 auto;">
                    {{ __('Hundreds of customers trust us. And these are the most common questions they ask.') }}</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;">
                                    {{ __('Will my followers or likes disappear or decrease in time?') }}</div>
                            </button>
                        </h2>
                        <div id="collapseFor1" class="accordion-collapse collapse" aria-labelledby="headingFor1"
                            data-bs-parent="#accordionExample">
                            <div class="accordion-body">
                                {!! __(
                                    'The number of your followers or likes <b>will not decrease</b> and it is guaranteed. We give our promise that we will recompensate all possible decreases for 6 months after the purchase.',
                                ) !!}
                            </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;">{{ __('Can I get banned for buying followers or likes?') }}
                                </div>
                            </button>
                        </h2>
                        <div id="collapseTwo1" class="accordion-collapse collapse" aria-labelledby="headingTwo1"
                            data-bs-parent="#accordionExample">
                            <div class="accordion-body">
                                {{ __("Absolutely not. It's not different than asking for a friend to follow your account. No one of our customers came to us with a complaint regarding their account's status on Instagram. Our service is 100% safe and we will NEVER ask for your password.") }}
                            </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;">
                                    {{ __('How long will it take for me to receive my followers or likes?') }}</div>
                            </button>
                        </h2>
                        <div id="collapseOne1" class="accordion-collapse collapse" aria-labelledby="headingOne1"
                            data-bs-parent="#accordionExample">
                            <div class="accordion-body">
                                <div>
                                    {{ __("We take pride in the fact that your order will start running immediately after payment. Everything is completely automatic. This way you don't have to wait for anything or anyone. <p>The delivery time itself also depends on the number of followers purchased. Usually, it's all delivered within minutes. Likes are always delivered in seconds.</p>") }}
                                </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;">{{ __('What will you need from me?') }}</div>
                            </button>
                        </h2>
                        <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
                            data-bs-parent="#accordionExample">
                            <div class="accordion-body">
                                <div>{{ __('Almost nothing - just your username on targeted social platform.') }}</div>
                                <div style="margin-top:10px;">
                                    {{ __('We will never ask you for any private information such as passwords or similar things. This makes our service completely secure.') }}
                                </div>
                            </div>
                        </div>
                    </div>


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

    <section style="background-color:white;">
        <div class="container" style="padding-top:40px;">
            <div class="section-heading text-center">
                <h2 class="bold" style="font-size:37px;">{{ __('Customer Reviews') }}
                </h2>
                <p class="lead"
                    style="font-size:17px; color:#333333 !important; font-weight:400; margin:0 auto; margin-top:8px; max-width:600px;">
                    {{ __("It is important to us whether our customers are satisfied. That's why we offer the best services we can.") }} 
                </p>
            </div>
            <div class="reviews">
                <x-review>
                    {{ __('Pred chvíľou som si kúpil followers za 10 € a bolo to doručené asi za 3 minúty!!') }}
                    <x-slot name="name">
                        vanakulka
                    </x-slot>
                </x-review>

                <x-review>
                    {{ __("I expected followers to disappear quickly after purchase. I've had them for about 2 months now and nothing dissappeared, at least it they're not just bots.") }}
                    <x-slot name="name">
                        tomashajekcz
                    </x-slot>
                </x-review>

                <x-review>
                    {{ __('I praise especially the speed!!! just buy and within 5 minutes I have whatever I need') }}
                    <x-slot name="name">
                        martaspocak
                    </x-slot>
                </x-review>

                <x-review>
                    {{ __('Never any problem, I buy mainly likes and without any problem... They always arrive within a few minutes.') }}
                    <x-slot name="name">
                        marcelkacz12
                    </x-slot>
                </x-review>
                <x-review>
                    {{ __('takže teraz asi nebudem kupovať followers nikde inde :D nikde to nie je tak rýchle ako tu') }}
                    <x-slot name="name">
                        jirkagamering
                    </x-slot>
                </x-review>
            </div>
            <div style="text-align:center; margin-top:90px;">
                <a href="/recenzie" target="_blank" class="write-review-btn">{{ __('Všetky recenzie') }}</a>
            </div>
            <div>
                <div class="review-form">
                    <form id="reviewForm" action="/submit-review" method="POST">

                        <div class="row">
                            <div class="alert alert-success review-sent text-center">Vaše recenze byla odeslána.</div>
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="prezdivka" class="form-label">Vaše přezdívka</label>
                                    <input type="text" placeholder="Přezdívka..." class="form-control" id="prezdivka"
                                        required>
                                </div>
                                <div class="mb-3">
                                    <label for="email" class="form-label">Váš email</label>
                                    <input type="email" placeholder="jmeno@gmail.com" class="form-control"
                                        id="email" required>
                                </div>
                                <div class="mb-3" style="display:flex; justify-content:left;">
                                    <div style="margin-top:12px; margin-right:10px; font-size:14px;">Hodnocení</div>
                                    <div class="rating"><input type="radio" name="rating" value="5"
                                            id="5" required><label for="5">☆</label> <input type="radio"
                                            name="rating" value="4" id="4"><label for="4">☆</label>
                                        <input type="radio" name="rating" value="3" id="3"><label
                                            for="3">☆</label> <input type="radio" name="rating" value="2"
                                            id="2"><label for="2">☆</label> <input type="radio"
                                            name="rating" value="1" id="1"><label for="1">☆</label>
                                    </div>


                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="rate-text" class="form-label">Recenze</label>
                                    <textarea class="form-control" id="rate-text" style="height:150px;" rows="6" placeholder="Vaše recenze"
                                        required></textarea>
                                </div>
                                <div class="mb-3" style="text-align:center;">
                                    <button type="submit" class="btn btn-primary send-review">Odeslat recenzi</button>
                                </div>
                            </div>

                        </div>
                    </form>
                </div>
            </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>
                        Nečakajte dlho a nakopnite svoj profil ihneď</h2>
                    <button class="btn-bub btn--large" type="submit" onclick="window.location.href='/newland'"><span></span><span></span><span></span><strong
                            style="font-weight: 500 !important;">Zobraziť služby<i class="fa-solid fa-arrow-right"
                                style="margin-left:5px;"></i></strong></button>

                </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