VibeCoderzVibeCoderz
Telegram
All Prompts
Slider 5 preview
cardfeatureslidetailwindgradientresponsivesvgdecorative

Slider 5

Горизонтальный слайдер-карточка с заголовком, описанием и SVG. Адаптивный, с градиентным фоном. Для каруселей функций и секций преимуществ.

Prompt

<article data-slide=""
  class="snap-start min-w-[260px] sm:min-w-[300px] md:min-w-[320px] lg:min-w-[340px] xl:min-w-[360px] sm:h-[520px] overflow-hidden sm:p-8 text-white bg-gradient-to-b from-blue-700 to-blue-600 h-[480px] ring-black/5 ring-1 rounded-3xl pt-6 pr-6 pb-6 pl-6 relative"
  data-element-locator="html &gt; body:nth-of-type(1) &gt; main:nth-of-type(2) &gt; section:nth-of-type(1) &gt; div:nth-of-type(1) &gt; div:nth-of-type(1) &gt; article:nth-of-type(5)">
  <div class="z-10 relative">
    <h3 class="text-3xl sm:text-4xl tracking-tight font-semibold font-space-grotesk">Reliable Customer Support</h3>
    <p class="mt-3 text-sm sm:text-base text-white/80 max-w-xs font-geist">We’re always here to help. Contact us via
      email or social channels, and we’ll resolve issues quickly.</p>
  </div>
  <!-- Rings -->
  <div class="-bottom-10 w-90 h-90 absolute right-0" style="">
    <svg width="315" height="355" viewBox="0 0 315 355" fill="none" xmlns="http://www.w3.org/2000/svg" class=""
      stroke-width="2" data-icon-replaced="true" style="color: rgb(255, 255, 255); width: 315px; height: 355px;">
      <path
        d="M112.6 54.3789C129.431 49.9361 149.361 50.6004 165.385 56.3534C168.904 57.6196 172.242 59.1189 175.305 60.872C186.322 67.1798 191.826 75.4408 191.838 83.6714L191.849 92.4522C191.86 100.575 186.524 108.707 175.773 114.929C164.952 121.194 150.712 124.327 136.436 124.327C122.159 124.326 107.855 121.19 96.9096 114.927C85.824 108.579 80.3271 100.252 80.3852 91.9757L80.3815 91.9745L80.373 83.3478L80.376 82.9678C80.5257 74.9733 85.8655 66.9971 96.449 60.8717L96.4483 60.8705C101.256 58.0888 106.742 55.9274 112.6 54.3789Z"
        fill="#17235D" stroke="black" stroke-width="0.2" class=""></path>
      <path
        d="M135.796 60.2579C150.072 60.2581 164.374 63.3926 175.319 69.6568C186.266 75.9216 191.767 84.1193 191.849 92.2957C191.93 100.472 186.594 108.668 175.775 114.931C164.953 121.195 150.713 124.329 136.437 124.329C122.16 124.328 107.858 121.192 96.9121 114.927C85.9658 108.663 80.4645 100.466 80.3834 92.2906C80.3024 84.1153 85.6403 75.9186 96.4625 69.6541C107.282 63.3913 121.521 60.2576 135.796 60.2579Z"
        fill="#17235D" stroke="black" stroke-width="0.2" class=""></path>
      <path
        d="M165.521 56.4033C168.989 57.6566 172.28 59.1399 175.305 60.8714C186.323 67.1792 191.827 75.4403 191.838 83.6708L191.846 89.7154C190.752 82.3239 185.259 75.1137 175.42 69.4826C172.362 67.7327 169.036 66.2359 165.532 64.9737L165.521 56.4033Z"
        fill="#17235D" stroke="black" stroke-width="0.2" class=""></path>
      <path
        d="M112.489 62.9888C106.641 64.5378 101.166 66.6984 96.3614 69.4795C86.7718 75.0297 81.437 82.1169 80.3776 89.3968L80.3726 83.35L80.3728 83.3491C80.3579 75.2279 85.6976 67.0955 96.4488 60.873C101.222 58.1094 106.662 55.9582 112.478 54.4132L112.489 62.9888Z"
        fill="#17235D" stroke="black" stroke-width="0.2" class=""></path>
      <path
        d="M112.68 54.3595C129.469 49.9459 149.333 50.6073 165.322 56.3311L165.334 64.9027C149.332 59.1926 129.483 58.535 112.691 62.9361L112.68 54.3595Z"
        fill="#17235D" stroke="black" stroke-width="0.2" class=""></path>
      <path
        d="M102.945 61.6164C126.168 55.4865 153.665 56.4024 175.778 64.3405C180.634 66.0873 185.239 68.1568 189.467 70.5763C204.671 79.2811 212.274 90.6866 212.29 102.058L212.321 124.672C212.336 135.895 204.964 147.121 190.127 155.708C175.195 164.354 155.544 168.678 135.846 168.677C116.148 168.676 96.4127 164.349 81.3077 155.705C66.0091 146.945 58.414 135.449 58.4947 124.014L58.4897 124.014L58.461 101.612C58.4403 90.3916 65.8193 79.1631 80.6567 70.5754C87.2918 66.7364 94.8615 63.7525 102.945 61.6164Z"
        fill="#0D67AA" stroke="black" stroke-width="0.2" class=""></path>
      <path
        d="M134.965 80.2224C154.631 80.2227 174.336 84.5346 189.432 93.153L189.432 93.154L189.501 93.1937C204.607 101.839 212.207 113.156 212.32 124.452C212.433 135.748 205.06 147.065 190.13 155.708C175.195 164.352 155.545 168.677 135.847 168.676C116.149 168.675 96.4149 164.348 81.3097 155.704C66.2038 147.058 58.6044 135.742 58.4925 124.446C58.3807 113.151 65.7553 101.835 80.6902 93.1894C95.6206 84.5467 115.268 80.2221 134.965 80.2224Z"
        fill="#0D67AA" stroke="black" stroke-width="0.2" class=""></path>
      <path
        d="M135.053 93.7816C152.4 93.7852 169.776 97.503 182.725 104.924C189.183 108.605 193.937 112.879 196.511 117.275C196.902 117.944 197.231 118.597 197.499 119.231C196.726 123.255 194.138 126.796 191.139 129.675C188.51 132.2 185.572 134.21 183.289 135.588L182.353 136.14C169.54 143.562 152.233 147.273 134.88 147.272C117.799 147.271 100.685 143.674 87.7834 136.494L87.172 136.15C80.754 132.445 75.9994 128.171 73.4029 123.735C73.0348 123.105 72.7045 122.452 72.4139 121.778C73.2184 117.762 75.8141 114.233 78.8108 111.362C81.8138 108.485 85.2106 106.276 87.5843 104.911L87.6187 104.892L87.6193 104.89C100.429 97.4816 117.72 93.7779 135.053 93.7816Z"
        fill="#17235D" stroke="black" stroke-width="0.2" class=""></path>
      <path
        d="M197.64 119.587C199.96 125.391 197.957 130.561 194.586 134.743C191.156 139 186.32 142.218 183.234 144.004C170.423 151.422 153.119 155.132 135.77 155.128C118.421 155.124 101.039 151.406 88.0712 143.982C81.6384 140.303 76.8757 136.02 74.291 131.603C72.3217 128.238 71.8579 125.072 72.3522 122.153C72.6021 122.715 72.8945 123.285 73.2294 123.857C75.8381 128.313 80.6327 132.619 87.0766 136.31C100.085 143.755 117.506 147.477 134.88 147.481C152.255 147.485 169.596 143.773 182.448 136.335L182.449 136.335C184.824 134.957 188.242 132.729 191.264 129.828C194.205 127.005 196.777 123.536 197.64 119.587Z"
        fill="#17235D" stroke="black" stroke-width="0.2" class=""></path>
      <path
        d="M175.912 64.3891C180.718 66.1223 185.275 68.1765 189.467 70.5745L189.476 70.5804L189.478 70.581C204.675 79.2849 212.274 90.6876 212.29 102.056L212.317 121.465C211.01 111.088 203.418 100.927 189.601 93.0206C185.378 90.6038 180.785 88.5363 175.944 86.7935L175.912 64.3891Z"
        fill="#17235D" stroke="black" stroke-width="0.2" class=""></path>
      <path
        d="M102.855 84.0576C94.78 86.1939 87.2201 89.1773 80.5882 93.0151C67.1234 100.808 59.75 110.793 58.4846 121.013L58.4616 101.611C58.4409 90.3913 65.8189 79.1624 80.6561 70.5748C87.256 66.7538 94.7809 63.781 102.824 61.6482L102.855 84.0576Z"
        fill="#17235D" stroke="black" stroke-width="0.2" class=""></path>
      <path
        d="M103.024 61.595C126.203 55.494 153.637 56.4078 175.713 64.317L175.745 86.7236C153.657 78.8279 126.239 77.9179 103.056 84.0056L103.024 61.595Z"
        fill="#17235D" stroke="black" stroke-width="0.2" class=""></path>
      <path
        d="M103.597 213.745C126.82 207.615 154.317 208.531 176.429 216.469C181.286 218.216 185.89 220.286 190.118 222.705C205.322 231.41 212.926 242.816 212.941 254.187L212.972 276.8C212.988 288.024 205.616 299.249 190.779 307.837C175.846 316.483 156.196 320.807 136.498 320.806C116.8 320.805 97.0644 316.478 81.9593 307.834C66.6607 299.074 59.0656 287.578 59.1463 276.143L59.1413 276.143L59.1126 253.741C59.0919 242.521 66.4709 231.292 81.3083 222.704C87.9434 218.865 95.5131 215.881 103.597 213.745Z"
        fill="#0D67AA" stroke="black" stroke-width="0.2" class=""></path>
      <path
        d="M135.616 232.352C155.283 232.352 174.987 236.664 190.084 245.282L190.083 245.283L190.153 245.323C205.259 253.968 212.858 265.286 212.972 276.582C213.085 287.878 205.712 299.194 190.782 307.837C175.847 316.482 156.196 320.806 136.499 320.806C116.801 320.804 97.0666 316.478 81.9615 307.833C66.8556 299.188 59.2561 287.872 59.1442 276.576C59.0325 265.28 66.407 253.964 81.3419 245.319C96.2723 236.676 115.92 232.352 135.616 232.352Z"
        fill="#0D67AA" stroke="black" stroke-width="0.2" class=""></path>
      <path
        d="M176.563 216.519C181.369 218.252 185.926 220.306 190.117 222.704L190.127 222.71L190.129 222.711C205.325 231.415 212.925 242.818 212.94 254.186L212.967 273.595C211.66 263.218 204.068 253.057 190.252 245.15C186.029 242.734 181.436 240.666 176.595 238.923L176.563 216.519Z"
        fill="#17235D" stroke="black" stroke-width="0.2" class=""></path>
      <path
        d="M103.506 236.19C95.4313 238.326 87.8707 241.307 81.2389 245.145C67.7741 252.938 60.4004 262.924 59.135 273.144L59.1124 253.741C59.0916 242.521 66.4697 231.292 81.3069 222.705C87.9068 218.884 95.4317 215.911 103.474 213.778L103.506 236.19Z"
        fill="#17235D" stroke="black" stroke-width="0.2" class=""></path>
      <path
        d="M103.675 213.725C126.854 207.624 154.288 208.538 176.363 216.447L176.396 238.853C154.308 230.958 126.889 230.048 103.707 236.135L103.675 213.725Z"
        fill="#17235D" stroke="black" stroke-width="0.2" class=""></path>
      <path
        d="M113.416 244.539C130.247 240.097 150.177 240.761 166.202 246.514C169.721 247.78 173.058 249.279 176.121 251.032C187.138 257.34 192.642 265.601 192.654 273.832L192.665 282.613C192.676 290.736 187.34 298.867 176.589 305.09C165.769 311.354 151.529 314.488 137.252 314.487C122.975 314.486 108.671 311.351 97.7258 305.087C86.6395 298.739 81.1432 290.412 81.2014 282.136L81.1977 282.135L81.1891 273.508L81.1922 273.128C81.3418 265.134 86.6816 257.158 97.2651 251.032L97.2645 251.031C102.072 248.249 107.558 246.088 113.416 244.539Z"
        fill="#17235D" stroke="black" stroke-width="0.2" class=""></path>
      <path
        d="M136.612 250.418C150.888 250.419 165.19 253.553 176.135 259.817C187.082 266.082 192.583 274.28 192.664 282.456C192.746 290.632 187.41 298.829 176.591 305.091C165.769 311.355 151.529 314.49 137.252 314.489C122.976 314.488 108.674 311.352 97.7279 305.088C86.7816 298.823 81.2803 290.627 81.1992 282.451C81.1181 274.276 86.456 266.079 97.2783 259.815C108.097 253.552 122.336 250.418 136.612 250.418Z"
        fill="#17235D" stroke="black" stroke-width="0.2" class=""></path>
      <path
        d="M166.337 246.565C169.805 247.818 173.096 249.301 176.121 251.033C187.139 257.341 192.643 265.602 192.655 273.832L192.662 279.877C191.568 272.485 186.075 265.275 176.236 259.644C173.178 257.894 169.852 256.397 166.348 255.135L166.337 246.565Z"
        fill="#17235D" stroke="black" stroke-width="0.2" class=""></path>
      <path
        d="M113.305 253.15C107.457 254.699 101.981 256.86 97.1766 259.641C87.587 265.191 82.2522 272.278 81.1928 279.558L81.1877 273.511L81.188 273.51C81.1731 265.389 86.5128 257.257 97.264 251.034C102.037 248.271 107.477 246.12 113.293 244.575L113.305 253.15Z"
        fill="#17235D" stroke="black" stroke-width="0.2" class=""></path>
      <path
        d="M113.495 244.521C130.284 240.107 150.148 240.769 166.137 246.492L166.149 255.064C150.147 249.354 130.298 248.696 113.506 253.098L113.495 244.521Z"
        fill="#17235D" stroke="black" stroke-width="0.2" class=""></path>
      <path
        d="M127.893 268.277C135.223 266.343 143.903 266.632 150.881 269.137C152.414 269.689 153.866 270.341 155.199 271.104C159.994 273.849 162.376 277.437 162.381 280.999L162.391 288.149C162.396 291.665 160.086 295.196 155.407 297.904C150.699 300.63 144.498 301.996 138.278 301.995C132.058 301.995 125.83 300.628 121.067 297.902C116.242 295.14 113.863 291.524 113.889 287.942L113.887 287.941L113.877 280.858C113.871 277.353 116.171 273.831 120.825 271.126L120.862 271.104C122.954 269.894 125.342 268.952 127.893 268.277Z"
        fill="#0D67AA" stroke="black" stroke-width="0.2" class=""></path>
      <path
        d="M138 274.164C144.219 274.164 150.446 275.53 155.209 278.256C159.974 280.983 162.356 284.543 162.391 288.082C162.426 291.62 160.116 295.179 155.408 297.904C150.698 300.63 144.498 301.996 138.278 301.996C132.059 301.996 125.831 300.63 121.068 297.903C116.304 295.177 113.922 291.617 113.887 288.078C113.852 284.54 116.163 280.982 120.872 278.255C125.58 275.53 131.781 274.164 138 274.164Z"
        fill="#0D67AA" stroke="black" stroke-width="0.2" class=""></path>
      <path
        d="M138.036 277.908C142.59 277.908 147.15 278.908 150.635 280.903L150.645 280.909L150.647 280.91C154.126 282.904 155.859 285.503 155.885 288.081C155.91 290.661 154.226 293.261 150.781 295.256C147.335 297.25 142.795 298.25 138.241 298.25C133.687 298.25 129.128 297.25 125.642 295.255C122.156 293.259 120.419 290.658 120.394 288.077C120.368 285.498 122.052 282.897 125.499 280.902C128.943 278.908 133.482 277.908 138.036 277.908Z"
        fill="#17235D" stroke="black" stroke-width="0.2" class=""></path>
      <path
        d="M151.015 269.186C152.497 269.726 153.903 270.363 155.197 271.103L155.2 271.104C159.994 273.849 162.376 277.437 162.38 280.999L162.388 286.344C161.712 283.312 159.343 280.391 155.309 278.083C153.983 277.324 152.543 276.674 151.025 276.125L151.015 269.186Z"
        fill="#17235D" stroke="black" stroke-width="0.2" class=""></path>
      <path
        d="M127.779 275.256C125.24 275.932 122.861 276.871 120.771 278.08C116.844 280.354 114.542 283.222 113.885 286.204L113.878 280.857C113.871 277.342 116.182 273.811 120.861 271.104L120.862 271.103C122.919 269.912 125.263 268.983 127.769 268.312L127.779 275.256Z"
        fill="#17235D" stroke="black" stroke-width="0.2" class=""></path>
      <path
        d="M127.968 268.258C135.258 266.351 143.872 266.638 150.815 269.113L150.825 276.053C143.87 273.592 135.271 273.307 127.978 275.202L127.968 268.258Z"
        fill="#17235D" stroke="black" stroke-width="0.2" class=""></path>
      <path
        d="M183.224 54.0566C205.595 41.2451 225.862 40.1501 240.707 48.6281L269.219 64.856C283.958 73.2356 293.229 91.1037 293.65 116.538L293.664 117.754C293.764 143.672 284.72 172.387 270.035 197.834C255.351 223.28 235.03 245.448 212.587 258.275L174.925 279.771L146.386 263.567L146.314 252.885L183.976 231.39C203.886 219.994 221.901 200.329 234.911 177.775C247.922 155.221 255.933 129.769 255.828 106.789C255.774 92.0503 252.327 80.1655 246.463 71.4374L246.435 71.396L246.386 71.3932C236.064 70.8222 224.285 73.836 211.836 80.9412L206.028 84.2803C202.242 79.2216 196.74 74.5185 189.56 70.413L189.561 70.4133C186.776 68.7898 183.837 67.365 180.762 66.0713L180.763 66.0716C179.168 65.3757 177.517 64.7671 175.869 64.1593L175.868 64.159C173.694 63.3838 171.503 62.6688 169.223 62.0535L183.223 54.0563L183.224 54.0566Z"
        fill="#FF834E" stroke="black" stroke-width="0.2" class=""></path>
      <path
        d="M211.683 81.0287L206.028 84.281C202.361 79.381 197.083 74.8155 190.23 70.8027L189.56 70.4146C186.831 68.8237 183.954 67.4237 180.946 66.1508L183.222 64.8419L211.683 81.0287Z"
        fill="#FDA813" stroke="black" stroke-width="0.2" class=""></path>
      <path
        d="M183.422 64.7542C203.108 53.5541 220.984 52.5634 234.018 59.9744L259.443 74.4297C246.67 68.8644 230.02 70.5832 211.878 80.9333L183.422 64.7542Z"
        fill="#FDA813" stroke="black" stroke-width="0.2" class=""></path>
      <path d="M212.436 258.364L174.931 279.792L146.474 263.613L183.98 242.184L212.436 258.364Z" fill="#FDA813"
        stroke="black" stroke-width="0.2" class=""></path>
      <path
        d="M269.218 64.8511C284.143 73.3371 293.484 91.5922 293.637 117.575L265.181 101.395C265.065 77.302 257.067 59.7836 244.005 50.5139L269.218 64.8511Z"
        fill="#FDA813" stroke="black" stroke-width="0.2" class=""></path>
      <path
        d="M293.639 117.808C293.736 143.701 284.707 172.395 270.038 197.827C255.37 223.259 235.069 245.419 212.637 258.25L184.181 242.07C206.61 229.208 226.895 207.048 241.555 181.632C256.214 156.215 265.252 127.533 265.181 101.626L293.639 117.808Z"
        fill="#FDA813" stroke="black" stroke-width="0.2" class=""></path>
      <path
        d="M183.222 54.0593C205.665 41.2331 226.048 40.1529 240.843 48.7272C255.637 57.3017 264.879 75.5506 264.999 101.456C265.099 127.373 256.055 156.089 241.37 181.536C226.915 206.585 206.999 228.456 184.972 241.368L183.922 241.976L146.384 263.455L146.313 252.888L183.974 231.392C203.884 219.996 221.9 200.331 234.91 177.777C247.921 155.223 255.933 129.77 255.827 106.791C255.721 83.8113 247.527 67.5781 234.356 59.9395C221.186 52.301 203.074 53.2767 183.172 64.6404L183.172 64.6413L180.716 66.0525C179.135 65.365 177.501 64.7624 175.868 64.1604L175.867 64.1601C173.694 63.3852 171.504 62.6706 169.225 62.0554L183.222 54.0593Z"
        fill="#FF834E" stroke="black" stroke-width="0.2" class=""></path>
      <path
        d="M173.064 258.441C175.542 258.441 178.02 258.951 179.984 259.966L180.371 260.177C182.399 261.341 183.396 262.851 183.397 264.338L183.401 268.876L183.401 268.877C183.411 270.354 182.449 271.847 180.461 272.995L145.137 293.406C143.14 294.562 140.507 295.143 137.864 295.144C135.387 295.144 132.909 294.634 130.948 293.62L130.562 293.411C128.56 292.268 127.573 290.779 127.544 289.308L127.552 289.014C127.552 289.013 127.552 289.012 127.552 289.011L127.534 289.01L127.527 284.692C127.526 283.221 128.491 281.731 130.474 280.585L165.579 260.3L165.578 260.302L165.798 260.174C167.791 259.02 170.422 258.44 173.064 258.441Z"
        fill="#F7E0BE" stroke="black" stroke-width="0.2" class=""></path>
      <path
        d="M173.071 262.991C175.693 262.992 178.317 263.564 180.33 264.703L180.375 264.729C182.392 265.883 183.388 267.384 183.402 268.864C183.417 270.343 182.452 271.843 180.459 272.996L145.136 293.408C143.14 294.563 140.509 295.145 137.866 295.145C135.224 295.145 132.582 294.564 130.565 293.41C128.545 292.255 127.548 290.753 127.533 289.273C127.519 287.885 128.368 286.48 130.119 285.358L130.481 285.136L165.804 264.725C167.797 263.571 170.428 262.991 173.071 262.991Z"
        fill="#F7E0BE" stroke="black" stroke-width="0.2" class=""></path>
      <path
        d="M165.656 264.582L130.381 284.965C128.875 285.835 127.92 286.914 127.533 288.057L127.528 284.691C127.526 283.22 128.491 281.732 130.474 280.585L165.65 260.259L165.656 264.582Z"
        fill="#F7E0BE" stroke="black" stroke-width="0.2" class=""></path>
      <path
        d="M180.518 260.265C182.447 261.415 183.394 262.887 183.396 264.339L183.401 267.705C183.008 266.554 182.042 265.464 180.523 264.584L180.518 260.265Z"
        fill="#F7E0BE" stroke="black" stroke-width="0.2" class=""></path>
      <path
        d="M173.064 258.439C175.684 258.439 178.305 259.011 180.318 260.147L180.325 264.473C178.289 263.352 175.674 262.793 173.069 262.792C170.466 262.792 167.864 263.35 165.853 264.468L165.847 260.143C167.834 259.008 170.443 258.438 173.064 258.439Z"
        fill="#F7E0BE" stroke="black" stroke-width="0.2" class=""></path>
    </svg>

  </div>
</article>
All Prompts