1<!DOCTYPE html> 2<html lang="en"> 3<head>
vendor: 68 bytes, lines 3-4
3 4 <script async src="https://www.googletagmanager.com/gtag/js?id=
4G-GQJ2JFFPYS
vendor: 16 bytes, lines 4-5
4"></script> 5
5<script> 6
vendor: 176 bytes, lines 6-13
6window.dataLayer = window.dataLayer || []; 7 8 function gtag() { 9 dataLayer.push(arguments); 10 } 11 gtag('js', new Date()); 12 13 gtag('config', '
13G-GQJ2JFFPYS
vendor: 8 bytes, lines 13-14
13'); 14
14</script>
14 15 16
16<script>window.lemonSqueezyAffiliateConfig = { store: "pagedone" };</script>
16 17
17<script src="https://lmsqueezy.com/affiliate.js" defer></script>
17 18 19 <title>Tailwind CSS component library - Pagedone</title> 20 <meta charset="UTF-8"> 21 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 22 <link rel="canonical" href="https://pagedone.io"> 23 <meta name="description" content="Largest open-source library of interactive Tailwind CSS Components and ready-made Tailwind Blocks."> 24 <meta property="og:title" content="Tailwind CSS component library - Pagedone"> 25 <meta property="og:description" content="Largest open-source library of interactive Tailwind CSS Components and ready-made Tailwind Blocks."> 26 <meta property="og:url" content="https://pagedone.io" /> 27 <meta name="twitter:title" content="Tailwind CSS component library - Pagedone"> 28 <meta name="twitter:description" content="Largest open-source library of interactive Tailwind CSS Components and ready-made Tailwind Blocks."> 29 <meta name="robots" content="index, follow"> 30 <meta property="og:image" content="https://pagedone.io/asset/uploads/1705665181.jpg" /> 31 <meta property="og:type" content="article"> 32 <meta name="twitter:image" content="https://pagedone.io/asset/uploads/1705665181.jpg"> 33 <meta name="twitter:card" content="summary"> 34 <meta name="twitter:site" content="@"> 35 <meta name="twitter:creator" content="@"> 36 <link href="https://pagedone.io/asset/css/styles-output.css" rel="stylesheet"> 37 <link rel="apple-touch-icon" sizes="180x180" href="https://pagedone.io/asset/images/favicon/apple-touch-icon.png"> 38 <link rel="icon" type="image/png" sizes="32x32" href="https://pagedone.io/asset/images/favicon/favicon-32x32.png"> 39 <link rel="icon" type="image/png" sizes="16x16" href="https://pagedone.io/asset/images/favicon/favicon-16x16.png"> 40 <link rel="manifest" href="https://pagedone.io/asset/images/favicon/manifest.json"> 41 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"> 42 <link rel="stylesheet" href="https://pagedone.io/asset/css/pagedone-slider.css"> 43 <meta name="csrf-token" content="4qCgxQIiSstaeI3le899a6uL2dpCANEiT1KhvtZS"> 44 <link href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css" rel="stylesheet"> 45 46 47 48 49</head> 50 51<body class="font-inter m-0"> 52 <div class="page-container "> 53 <!----------Navbar Start----------> 54 <nav class="navbar"> 55 <div class="xl:px-12 lg:px-8 px-5"> 56 <div class="w-full flex flex-col lg:flex-row"> 57 <div class=" flex justify-between items-center lg:flex-row"> 58 <div class="flex items-center"> 59 <a href="https://pagedone.io" class="flex items-center"> 60 <svg width="140" height="28.17" viewBox="0 0 164 33" fill="none" 61 xmlns="http://www.w3.org/2000/svg"> 62 <path 63 d="M47 24.7231V7H54.4171C54.5916 7 54.816 7.00821 55.0903 7.02462C55.3645 7.03282 55.618 7.05744 55.8507 7.09846C56.8895 7.25436 57.7455 7.59487 58.4186 8.12C59.1001 8.64513 59.6029 9.30974 59.927 10.1138C60.2594 10.9097 60.4256 11.7959 60.4256 12.7723C60.4256 13.7405 60.2594 14.6267 59.927 15.4308C59.5945 16.2267 59.0876 16.8872 58.4061 17.4123C57.733 17.9374 56.8812 18.2779 55.8507 18.4338C55.618 18.4667 55.3604 18.4913 55.0778 18.5077C54.8035 18.5241 54.5833 18.5323 54.4171 18.5323H50.0042V24.7231H47ZM50.0042 15.7631H54.2925C54.4587 15.7631 54.6457 15.7549 54.8534 15.7385C55.0612 15.7221 55.2523 15.6892 55.4268 15.64C55.9255 15.5169 56.3161 15.2995 56.5986 14.9877C56.8895 14.6759 57.0931 14.3231 57.2094 13.9292C57.3341 13.5354 57.3964 13.1497 57.3964 12.7723C57.3964 12.3949 57.3341 12.0092 57.2094 11.6154C57.0931 11.2133 56.8895 10.8564 56.5986 10.5446C56.3161 10.2328 55.9255 10.0154 55.4268 9.89231C55.2523 9.84308 55.0612 9.81436 54.8534 9.80615C54.6457 9.78974 54.4587 9.78154 54.2925 9.78154H50.0042V15.7631Z" 64 fill="#101828"></path> 65 <path 66 d="M66.0975 25.0923C65.1252 25.0923 64.3024 24.9118 63.6293 24.5508C62.9561 24.1815 62.445 23.6933 62.096 23.0862C61.7553 22.479 61.5849 21.8103 61.5849 21.08C61.5849 20.44 61.6929 19.8656 61.909 19.3569C62.1251 18.84 62.4575 18.3969 62.9063 18.0277C63.355 17.6503 63.9368 17.3426 64.6515 17.1046C65.1917 16.9323 65.8233 16.7764 66.5463 16.6369C67.2776 16.4974 68.0671 16.3703 68.9148 16.2554C69.7707 16.1323 70.6641 16.001 71.5949 15.8615L70.5228 16.4646C70.5311 15.5456 70.3234 14.8687 69.8995 14.4338C69.4757 13.999 68.761 13.7815 67.7554 13.7815C67.1488 13.7815 66.5629 13.921 65.9978 14.2C65.4327 14.479 65.0379 14.959 64.8135 15.64L62.0711 14.7908C62.4035 13.6667 63.0351 12.7641 63.9659 12.0831C64.9049 11.4021 66.1681 11.0615 67.7554 11.0615C68.9522 11.0615 70.0034 11.2544 70.9093 11.64C71.8234 12.0256 72.5007 12.6574 72.9412 13.5354C73.1822 14.0031 73.3276 14.4831 73.3775 14.9754C73.4274 15.4595 73.4523 15.9887 73.4523 16.5631V24.7231H70.822V21.8431L71.2583 22.3108C70.6517 23.2708 69.9411 23.9764 69.1267 24.4277C68.3206 24.8708 67.3108 25.0923 66.0975 25.0923ZM66.6959 22.7292C67.3773 22.7292 67.9591 22.6103 68.4411 22.3723C68.9231 22.1344 69.3054 21.8431 69.5879 21.4985C69.8788 21.1538 70.0741 20.8297 70.1738 20.5262C70.3317 20.1487 70.419 19.7179 70.4356 19.2338C70.4605 18.7415 70.473 18.3436 70.473 18.04L71.3954 18.3108C70.4896 18.4503 69.7126 18.5733 69.0643 18.68C68.4161 18.7867 67.8593 18.8892 67.3939 18.9877C66.9286 19.0779 66.5172 19.1805 66.1598 19.2954C65.8108 19.4185 65.5158 19.5621 65.2748 19.7262C65.0338 19.8903 64.8468 20.079 64.7138 20.2923C64.5891 20.5056 64.5268 20.7559 64.5268 21.0431C64.5268 21.3713 64.6099 21.6626 64.7761 21.9169C64.9423 22.1631 65.1833 22.36 65.4991 22.5077C65.8233 22.6554 66.2222 22.7292 66.6959 22.7292Z" 67 fill="#101828"></path> 68 <path 69 d="M82.1078 31C81.3598 31 80.641 30.8851 79.9512 30.6554C79.2698 30.4256 78.6548 30.0933 78.1063 29.6585C77.5578 29.2318 77.109 28.7149 76.76 28.1077L79.5274 26.7538C79.785 27.2379 80.1465 27.5949 80.6119 27.8246C81.0856 28.0626 81.5884 28.1815 82.1203 28.1815C82.7435 28.1815 83.3003 28.0708 83.7907 27.8492C84.281 27.6359 84.6591 27.3159 84.925 26.8892C85.1993 26.4708 85.3281 25.9456 85.3115 25.3138V21.5354H85.6855V11.4308H88.3157V25.3631C88.3157 25.6995 88.2991 26.0195 88.2659 26.3231C88.2409 26.6349 88.1952 26.9385 88.1287 27.2338C87.9293 28.0954 87.547 28.801 86.9819 29.3508C86.4168 29.9087 85.7145 30.3231 84.8752 30.5938C84.0441 30.8646 83.1217 31 82.1078 31ZM81.846 25.0923C80.6077 25.0923 79.5274 24.7846 78.6049 24.1692C77.6825 23.5538 76.9678 22.7169 76.4608 21.6585C75.9539 20.6 75.7004 19.4062 75.7004 18.0769C75.7004 16.7313 75.9539 15.5333 76.4608 14.4831C76.9761 13.4246 77.7032 12.5918 78.6423 11.9846C79.5814 11.3692 80.6867 11.0615 81.9582 11.0615C83.238 11.0615 84.3101 11.3692 85.1744 11.9846C86.047 12.5918 86.7076 13.4246 87.1564 14.4831C87.6052 15.5415 87.8296 16.7395 87.8296 18.0769C87.8296 19.3979 87.6052 20.5918 87.1564 21.6585C86.7076 22.7169 86.0387 23.5538 85.1494 24.1692C84.2602 24.7846 83.1591 25.0923 81.846 25.0923ZM82.3072 22.4338C83.1134 22.4338 83.7616 22.2533 84.2519 21.8923C84.7505 21.5231 85.112 21.0103 85.3364 20.3538C85.5691 19.6974 85.6855 18.9385 85.6855 18.0769C85.6855 17.2072 85.5691 16.4482 85.3364 15.8C85.112 15.1436 84.7588 14.6349 84.2768 14.2738C83.7948 13.9046 83.1715 13.72 82.407 13.72C81.6008 13.72 80.936 13.9169 80.4124 14.3108C79.8889 14.6964 79.5024 15.2215 79.2531 15.8862C79.0038 16.5426 78.8792 17.2728 78.8792 18.0769C78.8792 18.8892 78.9997 19.6277 79.2407 20.2923C79.49 20.9487 79.8681 21.4697 80.375 21.8554C80.882 22.241 81.5261 22.4338 82.3072 22.4338Z" 70 fill="#101828"></path> 71 <path
72 d="M97.6827 25.0923C96.3198 25.0923 95.1231 24.801 94.0926 24.2185C93.0621 23.6359 92.256 22.8277 91.6743 21.7938C91.1008 20.76 90.8141 19.5703 90.8141 18.2246C90.8141 16.7723 91.0967 15.5128 91.6618 14.4462C92.2269 13.3713 93.0122 12.5385 94.0178 11.9477C95.0234 11.3569 96.1869 11.0615 97.5082 11.0615C98.9044 11.0615 100.089 11.3856 101.061 12.0338C102.042 12.6738 102.769 13.5805 103.242 14.7538C103.716 15.9272 103.895 17.3097 103.778 18.9015H100.799V17.8185C100.791 16.3744 100.533 15.32 100.026 14.6554C99.5194 13.9908 98.7216 13.6585 97.6329 13.6585C96.4029 13.6585 95.4888 14.0359 94.8904 14.7908C94.2921 15.5374 93.9929 16.6328 93.9929 18.0769C93.9929 19.4226 94.2921 20.4646 94.8904 21.2031C95.4888 21.9415 96.3614 22.3108 97.5082 22.3108C98.2479 22.3108 98.8836 22.1508 99.4155 21.8308C99.9557 21.5026 100.371 21.0308 100.662 20.4154L103.629 21.3015C103.114 22.4995 102.316 23.4308 101.235 24.0954C100.163 24.76 98.9792 25.0923 97.6827 25.0923ZM93.0455 18.9015V16.6615H102.308V18.9015H93.0455Z" 73 fill="#101828"></path> 74 <path 75 d="M111.708 25.0923C110.47 25.0923 109.39 24.7846 108.467 24.1692C107.545 23.5538 106.83 22.7169 106.323 21.6585C105.816 20.6 105.563 19.4062 105.563 18.0769C105.563 16.7313 105.816 15.5333 106.323 14.4831C106.838 13.4246 107.565 12.5918 108.505 11.9846C109.444 11.3692 110.549 11.0615 111.82 11.0615C113.1 11.0615 114.172 11.3692 115.037 11.9846C115.909 12.5918 116.57 13.4246 117.019 14.4831C117.467 15.5415 117.692 16.7395 117.692 18.0769C117.692 19.3979 117.467 20.5918 117.019 21.6585C116.57 22.7169 115.901 23.5538 115.012 24.1692C114.122 24.7846 113.021 25.0923 111.708 25.0923ZM112.169 22.4338C112.976 22.4338 113.624 22.2533 114.114 21.8923C114.613 21.5231 114.974 21.0103 115.199 20.3538C115.431 19.6974 115.548 18.9385 115.548 18.0769C115.548 17.2072 115.431 16.4482 115.199 15.8C114.974 15.1436 114.621 14.6349 114.139 14.2738C113.657 13.9046 113.034 13.72 112.269 13.72C111.463 13.72 110.798 13.9169 110.275 14.3108C109.751 14.6964 109.365 15.2215 109.115 15.8862C108.866 16.5426 108.741 17.2728 108.741 18.0769C108.741 18.8892 108.862 19.6277 109.103 20.2923C109.352 20.9487 109.73 21.4697 110.237 21.8554C110.744 22.241 111.388 22.4338 112.169 22.4338ZM115.548 24.7231V15.3938H115.174V7H118.203V24.7231H115.548Z" 76 fill="#101828"></path> 77 <path 78 d="M127.395 25.0923C126.049 25.0923 124.873 24.7928 123.867 24.1938C122.861 23.5949 122.08 22.7703 121.523 21.72C120.975 20.6615 120.701 19.4472 120.701 18.0769C120.701 16.6821 120.983 15.4595 121.548 14.4092C122.113 13.359 122.899 12.5385 123.904 11.9477C124.91 11.3569 126.073 11.0615 127.395 11.0615C128.749 11.0615 129.93 11.361 130.935 11.96C131.941 12.559 132.722 13.3877 133.279 14.4462C133.835 15.4964 134.114 16.7067 134.114 18.0769C134.114 19.4554 133.831 20.6738 133.266 21.7323C132.709 22.7826 131.928 23.6072 130.923 24.2062C129.917 24.7969 128.741 25.0923 127.395 25.0923ZM127.395 22.3108C128.592 22.3108 129.481 21.9169 130.062 21.1292C130.644 20.3415 130.935 19.3241 130.935 18.0769C130.935 16.7887 130.64 15.7631 130.05 15C129.46 14.2287 128.575 13.8431 127.395 13.8431C126.589 13.8431 125.924 14.0236 125.4 14.3846C124.885 14.7374 124.503 15.2338 124.253 15.8738C124.004 16.5056 123.879 17.24 123.879 18.0769C123.879 19.3651 124.174 20.3949 124.765 21.1662C125.363 21.9292 126.24 22.3108 127.395 22.3108Z" 79 fill="#101828"></path> 80 <path 81 d="M145.923 24.7231V18.3231C145.923 17.9046 145.894 17.441 145.836 16.9323C145.778 16.4236 145.64 15.9354 145.424 15.4677C145.217 14.9918 144.901 14.6021 144.477 14.2985C144.061 13.9949 143.496 13.8431 142.782 13.8431C142.399 13.8431 142.021 13.9046 141.647 14.0277C141.273 14.1508 140.933 14.3641 140.625 14.6677C140.326 14.9631 140.085 15.3733 139.902 15.8985C139.719 16.4154 139.628 17.08 139.628 17.8923L137.845 17.1415C137.845 16.0092 138.065 14.9836 138.506 14.0646C138.955 13.1456 139.611 12.4154 140.475 11.8738C141.34 11.3241 142.403 11.0492 143.667 11.0492C144.664 11.
810492 145.487 11.2133 146.135 11.5415C146.783 11.8697 147.298 12.2882 147.681 12.7969C148.063 13.3056 148.345 13.8472 148.528 14.4215C148.711 14.9959 148.827 15.5415 148.877 16.0585C148.936 16.5672 148.965 16.9815 148.965 17.3015V24.7231H145.923ZM136.586 24.7231V11.4308H139.266V15.5538H139.628V24.7231H136.586Z" 82 fill="#101828"></path> 83 <path 84 d="M157.87 25.0923C156.507 25.0923 155.31 24.801 154.28 24.2185C153.249 23.6359 152.443 22.8277 151.861 21.7938C151.288 20.76 151.001 19.5703 151.001 18.2246C151.001 16.7723 151.284 15.5128 151.849 14.4462C152.414 13.3713 153.199 12.5385 154.205 11.9477C155.21 11.3569 156.374 11.0615 157.695 11.0615C159.091 11.0615 160.276 11.3856 161.248 12.0338C162.229 12.6738 162.956 13.5805 163.43 14.7538C163.903 15.9272 164.082 17.3097 163.966 18.9015H160.986V17.8185C160.978 16.3744 160.72 15.32 160.213 14.6554C159.706 13.9908 158.909 13.6585 157.82 13.6585C156.59 13.6585 155.676 14.0359 155.078 14.7908C154.479 15.5374 154.18 16.6328 154.18 18.0769C154.18 19.4226 154.479 20.4646 155.078 21.2031C155.676 21.9415 156.548 22.3108 157.695 22.3108C158.435 22.3108 159.071 22.1508 159.603 21.8308C160.143 21.5026 160.558 21.0308 160.849 20.4154L163.816 21.3015C163.301 22.4995 162.503 23.4308 161.423 24.0954C160.351 24.76 159.166 25.0923 157.87 25.0923ZM153.233 18.9015V16.6615H162.495V18.9015H153.233Z" 85 fill="#101828"></path> 86 <path 87 d="M24.5473 11.8941C25.1905 12.5063 25.2068 13.5149 24.5837 14.1468L18.7585 20.054C18.1354 20.686 17.1087 20.702 16.4654 20.0898C15.8222 19.4776 15.8059 18.469 16.429 17.8371L22.2542 11.9299C22.8773 11.2979 23.904 11.2819 24.5473 11.8941Z" 88 fill="url(#paint0_linear_6727_44729-1)"></path> 89 <path fill-rule="evenodd" clip-rule="evenodd" 90 d="M0 4.54673C0 2.03564 2.07211 0 4.62819 0H21.5399V0.00124069C28.9908 0.0998525 35 6.06429 35 13.4075C35 20.8123 28.8897 26.8151 21.3523 26.8151C18.6648 26.8151 16.1587 26.052 14.0463 24.7342L6.58815 31.9057C4.13431 34.2652 0 32.5573 0 29.1841V4.54673ZM11.5194 22.7055C9.15709 20.295 7.70452 17.0179 7.70452 13.4075C7.70452 12.5277 8.43056 11.8144 9.32619 11.8144C10.2218 11.8144 10.9479 12.5277 10.9479 13.4075C10.9479 19.0526 15.6061 23.6288 21.3523 23.6288C27.0985 23.6288 31.7567 19.0526 31.7567 13.4075C31.7567 7.76248 27.0985 3.18626 21.3523 3.18626H4.62819C3.86336 3.18626 3.24334 3.79536 3.24334 4.54673V29.1841C3.24334 29.7351 3.91866 30.014 4.31948 29.6286L11.5194 22.7055Z" 91 fill="url(#paint1_linear_6727_44729-1)"></path> 92 <defs> 93 <linearGradient id="paint0_linear_6727_44729-1" x1="31.5325" y1="2.21268" 94 x2="1.00231" y2="33.2898" gradientUnits="userSpaceOnUse"> 95 <stop stop-color="#9038FF"></stop> 96 <stop offset="0.993738" stop-color="#5551FF"></stop> 97 </linearGradient> 98 <linearGradient id="paint1_linear_6727_44729-1" x1="31.5325" y1="2.21268" 99 x2="1.00231" y2="33.2898" gradientUnits="userSpaceOnUse"> 100 <stop stop-color="#9038FF"></stop> 101 <stop offset="0.993738" stop-color="#5551FF"></stop> 102 </linearGradient> 103 </defs> 104 </svg> 105 </a> 106 107 </div> 108 109 <a href="https://pagedone.io/user-login" class="btn btn-secondary ml-auto block lg:hidden">Login</a> 110 <button data-collapse-toggle="navbar-default" type="button" id="toggleButton" 111 class="inline-flex items-center p-2 text-sm text-gray-500 rounded-lg lg:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600" 112 aria-controls="navbar-default" aria-expanded="false">
113 <span class="sr-only">Open main menu</span> 114 <svg class="w-6 h-6" aria-hidden="true" fill="currentColor" viewBox="0 0 20 20" 115 xmlns="http://www.w3.org/2000/svg"> 116 <path fill-rule="evenodd" 117 d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" 118 clip-rule="evenodd"></path> 119 </svg> 120 </button> 121 </div> 122 <div class="hidden w-full lg:flex lg:pl-11 max-h-96 overflow-auto lg:max-h-none lg:overflow-visible" id="navbar-default"> 123 <ul class="flex lg:items-center flex-col mt-4 lg:mt-0 lg:flex-row ml-auto"> 124 <li class="lg:mb-0 mb-4"> 125 <a href="/docs/installation" class="nav-link ">Components</a> 126 </li> 127 <li class="relative lg:mb-0 mb-4"> 128 <a href="/blocks" class="nav-link ">Blocks</a> 129 </li> 130 <li class="relative lg:mb-0 mb-4"> 131 <a href="/figma" class="nav-link ">Figma</a> 132 </li> 133 <li class="relative lg:mb-0 mb-4"> 134 <a href="/icons" class="nav-link ">Icons</a> 135 </li> 136 <li class="relative lg:mb-0 mb-4"> 137 <a href="/templates" class="nav-link ">Templates</a> 138 </li> 139 <li class="lg:mb-0 mb-4"> 140 <a href="/tools" class="nav-link">Tools</a> 141 </li> 142 <li class="lg:mb-0 mb-4"> 143 <a href="/plan-list" class="nav-link">Pricing</a> 144 </li> 145 <li class="lg:mb-0 mb-4"> 146 <a href="/affiliate" class="nav-link">Affiliate</a> 147 </li> 148 </ul> 149 <div class="flex items-center ml-auto justify-center"> 150 <a href="https://pagedone.io/user-login" class="btn btn-secondary">Login 151 </a> 152 <a href="https://pagedone.io/user-signup" class="btn-primary"> Sign up </a> 153 </div> 154 </div> 155 </div> 156 </div> 157</nav> 158 <!----------Hero Start----------> 159 <section class="hero"> 160 <div 161 class="relative pt-[100px] overflow-hidden pb-[0px] bg-gradient-to-b from-white via-white to-[#F4F9FF] border-b border-gray-200"> 162 <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"> 163 <div class="max-w-4xl mx-auto relative z-30 text-center"> 164 165 <!-- badge --> 166 <p 167 class="block py-3 px-5 bg-indigo-50 border border-indigo-100 rounded-full w-fit mx-auto mb-2.5 text-sm text-indigo-600 font-medium"> 168 <span class="text-transparent bg-clip-text bg-gradient-to-br from-purple-600 to-indigo-700"> 169 Tailwind CSS Component Library 170 </span> 171 </p> 172 <h1 173 class="font-manrope font-semibold text-[42px] md:text-[52px] leading-[72px] md:leading-[82px] tracking-[-1.56px] mb-5 max-w-[800px] mx-auto "> 174 The Best Tailwind CSS Components Library 175 </h1> 176 <p class="pb-8 text-base font-normal leading-8 text-gray-500 text-center w-full max-w-[820px] mx-auto"> 177 Get lifetime access of our Tailwind CSS library featuring 1000+ UI components, sections, contemporary and 178 stunning pages built on Tailwind CSS. 179 </p> 180 <div class="flex flex-col md:flex-row gap-4 md:gap-3.5 justify-center mb-10"> 181 <a href="https://pagedone.io/blocks" 182 class="py-3 pr-[17px] pl-[15px] flex items-center justify-center gap-2.5 rounded-full bg-indigo-600 shadow-[0px_1px_2px_rgba(16,24,40,0.05)] text-sm font-semibold text-white leading-[22px] transition-all duration-500 hover:bg-indigo-700"> 183 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"> 184 <rect width="20" height="20" rx="5" fill="white" /> 185 <path fill-rule="evenodd" clip-rule="evenodd" 186 d="M10.0026 5.92188C8.22483 5.92188 7.11372 6.82722 6.66927 8.63792C7.33594 7.73257 8.11372 7.39307 9.0026 7.61941C9.50976 7.74842 9.87223 8.12338 10.2735 8.53808C10.927 9.21383 11.6836 9.99595 13.3359 9.99595C15.1137 9.99595 16.2248 9.0906 16.6693 7.2799C16.0026 8.18525 15.2248 8.52476 14.3359 8.29842C13.8288 8.16941 13.4663 7.79444 13.0651 7.37974C12.4115 6.704 11.6549 5.92188 10.0026 5.92188ZM6.66927 9.99595C4.89149 9.99595 3.78038 10.9013 3.33594 12.712C4.0026 11.8066 4.78038 11.4671 5.66927 11.6935C6.17643 11.8227 6.5389 12.1975 6.94013 12.6122C7.59372 13.2879 8.35026 14.07 10.0026 14.07C11.7804 14.07 12.8915 13.1647 13.3359 11.354C12.6693 12.2593 11.8915 12.5988 11.0026 12.3725C10.4954 12.2435 10.133 11.8685 9.73174 11.4538C9.07816 10.7781 8.32162 9.99595 6.66927 9.99595Z" 187 fill="#4F46E5" /> 188 </svg> 189 Explore Tailwind CSS Blocks 190 </a> 191 <a href="https://pagedone.io/docs" 192 class="flex items-center justify-center text-sm text-[#181C40] gap-2.5 py-3 px-4 roun
192ded-full border border-indigo-100 bg-white shadow-[16px_9px_13px_0px_rgba(0,0,0,0.02)] transition-all duration-500 hover:bg-indigo-100"> 193 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"> 194 <rect width="20" height="20" rx="5" fill="#071C28" /> 195 <path fill-rule="evenodd" clip-rule="evenodd" 196 d="M10.0026 5.92188C8.22483 5.92188 7.11372 6.82722 6.66927 8.63792C7.33594 7.73257 8.11372 7.39307 9.0026 7.61941C9.50976 7.74842 9.87223 8.12338 10.2735 8.53808C10.927 9.21383 11.6836 9.99595 13.3359 9.99595C15.1137 9.99595 16.2248 9.0906 16.6693 7.2799C16.0026 8.18525 15.2248 8.52476 14.3359 8.29842C13.8288 8.16941 13.4663 7.79444 13.0651 7.37974C12.4115 6.704 11.6549 5.92188 10.0026 5.92188ZM6.66927 9.99595C4.89149 9.99595 3.78038 10.9013 3.33594 12.712C4.0026 11.8066 4.78038 11.4671 5.66927 11.6935C6.17643 11.8227 6.5389 12.1975 6.94013 12.6122C7.59372 13.2879 8.35026 14.07 10.0026 14.07C11.7804 14.07 12.8915 13.1647 13.3359 11.354C12.6693 12.2593 11.8915 12.5988 11.0026 12.3725C10.4954 12.2435 10.133 11.8685 9.73174 11.4538C9.07816 10.7781 8.32162 9.99595 6.66927 9.99595Z" 197 fill="#38BDF8" /> 198 </svg> 199 Explore Tailwind CSS Components 200 </a> 201 </div> 202 <p class="text-base leading-[31px] text-gray-500 text-center font-medium mb-5 w-full max-w-[266px] mx-auto"> 203 Trusted by 1000+ Designer and Developer 204 worldwide</p> 205 <div class="flex items-center justify-center relative center-slider w-52 mx-auto py-5"> 206 <div class="!w-11 h-11 item"><img src="https://pagedone.io/asset/uploads/1701858001.jpg" alt="image" 207 class="w-full h-full rounded-full border-2 border-white object-cover" /></div> 208 <div class="!w-11 h-11 item"><img src="https://pagedone.io/asset/uploads/1701928836.jpg" alt="image" 209 class="w-full h-full rounded-full border-2 border-white object-cover" /></div> 210 <div class="!w-11 h-11 item"><img src="https://pagedone.io/asset/uploads/1703652413.png" alt="image" 211 class="w-full h-full rounded-full border-2 border-white object-cover" /></div> 212 <div class="!w-11 h-11 item"><img src="https://pagedone.io/asset/uploads/1703590007.png" alt="image" 213 class="w-full h-full rounded-full border-2 border-white object-cover" /></div> 214 <div class="!w-11 h-11 item"><img src="https://pagedone.io/asset/uploads/1701928883.jpg" alt="image" 215 class="w-full h-full rounded-full border-2 border-white object-cover" /></div> 216 <div class="!w-11 h-11 item"><img src="https://pagedone.io/asset/uploads/1701928898.jpg" alt="image" 217 class="w-full h-full rounded-full border-2 border-white object-cover" /></div> 218 <div class="!w-11 h-11 item"><img src="https://pagedone.io/asset/uploads/1701928910.jpg" alt="image" 219 class="w-full h-full rounded-full border-2 border-white object-cover" /></div> 220 <div class="!w-11 h-11 item"><img src="https://pagedone.io/asset/uploads/1701929129.jpg" alt="image" 221 class="w-full h-full rounded-full border-2 border-white object-cover" /></div> 222 <div class="!w-11 h-11 item"><img src="https://pagedone.io/asset/uploads/1763456421.png" alt="image" 223 class="w-full h-full rounded-full border-2 border-white object-cover" /></div> 224 <div class="!w-11 h-11 item"><img src="https://pagedone.io/asset/uploads/1702029587.jpg" alt="image" 225 class="w-full h-full rounded-full border-2 border-white object-cover" /></div> 226 </div> 227 228 <div class="lg:flex items-center justify-center overflow-visible hidden"> 229 <img src="https://pagedone.io/asset/uploads/1747215446.png" alt="image" 230 class="w-max max-w-[289px] shadow-[0px_15px_40px_-4px_rgba(16,24,40,0.04)]"> 231 </div> 232 </div> 233 </div> 234 <!-- absolute cards --> 235 <div 236 class="absolute bottom-0 left-1/2 -translate-x-1/2 w-full max-w-[1690px] h-auto hidden sm:flex items-end justify-between"> 237 <div class="hidden items-start flex-col gap-12 h-full pb-12 overflow-visible 2xl:flex"> 238 <img src="https://pagedone.io/asset/uploads/1747215533.png" alt="image" 239 class="w-max max-w-[289px] shadow-[0px_15px_40px_-4px_rgba(16,24,40,0.04)]"> 240 <img src="https://pagedone.io/asset/uploads/1747215550.png" alt="image" 241 class="w-max max-w-[289px] shadow-[0px_15px_40px_-4px_rgba(16,24,40,0.04)]"> 242 </div> 243 <div class="hidden lg:flex flex-col justify-end gap-12 h-full overflow-visible"> 244 <img src="https://pagedone.io/asset/uploads/1747215559.png" alt="image" 245 class="w-max max-w-[289px] shadow-[0px_15px_40px_-4px_rgba(16,24,40,0.04)]"> 246 <img src="https://pagedone.io/asset/uploads/1747215571.png" alt="image" 247 class="w-max max-w-[289px] shadow-[0px_15px_40px_-4px_rgba(16,24,40,0.04)]"> 248 </div> 249 <div class="flex flex-col justify-end gap-12 h-full opacity-0 overflow-visible"> 250 <img src="https://pagedone.io/asset/uploads/1747215446.png" alt="image" 251 class="w-max max-w-[289px] shadow-[0px_15px_40px_-4px_rgba(16,24,40,0.04)]"> 252 </div> 253 <div class="hidden lg:flex flex-col justify-end gap-12 h-full overflow-visible"> 254 <img src="https://pagedone.io/asset/uploads/1747215582.png" alt="image" 255 class="w-max max-w-[289px] shadow-[0px_15px_40px_-4px_rgba(16,24,40,0.04)]"> 256 <img src="https://pagedone.io/asset/uploads/1747215592.png" alt="image" 257 class="w-max max-w-[289px] shadow-[0px_15px_40px_-4px_rgba(16,24,40,0.04)]"> 258 259 </div> 260 <div class="hidden items-start flex-col gap-12 h-full pb-12 overflow-visible 2xl:flex"> 261 <img src="https://pagedone.io/asset/uploads/1747215603.png" alt="image" 262 class="w-max max-w-[289px] shadow-[0px_15px_40px_-4px_rgba(16,24,40,0.04)]"> 263 <img src="https://pagedone.io/asset/uploads/1747215613.png" alt="image" 264 class="w-max max-w-[289px] shadow-[0px_15px_40px_-4px_rgba(16,24,40,0.04)]"> 265 266 </div> 267 </div> 268 </div> 269 </section> 270 <!----------Navbar End----------> 271 <main> 272 <!-- tailwind components --> 273 <div class="py-20 md:py-36"> 274 <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8" id="counter"> 275 <div class="block mb-16"> 276 <h2 class="page-heading max-w-lg text-center mx-auto mb-8"> 277 All Tailwind CSS Components 278 in one Library 279 </h2> 280 <p class="page-paragraph"> 281 Save yourself from investing thousands of hours in building projects from the ground up and recreating 282 identical elements. Pagedone provides all the Tailwind CSS Resources for crafting contemporary and 283 stunning UI and web designs. 284 </p> 285 </div> 286 <div class="grid grid-cols-12 gap-8 "> 287 <div class="col-span-12 lg:col-span-7 overflow-x-hidden"> 288 <div 289 class="bg-card group max-lg:max-w-2xl max-lg:mx-auto flex flex-col lg:flex-row items-end gap-11 pt-11 px-8 md:px-11 rounded-3xl border border-gray-300 w-full transition-all duration-500 hover:border-indigo-500"> 290 <div class="data max-w-full lg:max-w-xs "> 291 <p class="font-normal mb-2 text-xl leading-8 text-gray-900"> 292 Components, Icons, Variants, 293 Color shades and many more... 294 </p> 295 <h1 296 class="font-manrope font-extrabold text-6xl leading-normal mb-3 bg-gradient-to-r from-indigo-600 to-purple-500 bg-clip-text text-transparent "> 297 12000+</h1> 298 <p class="font-normal text-lg leading-8 text-gray-500 mb-11"> 299 Components, Icons, Variants, 300 Color shades and many more... 301 </p> 302 <a href="https://pagedone.io/figma" 303 class="w-52 flex items-center justify-between py-3 px-7 rounded-full border border-gray-300 mb-11 font-semibold text-base leading-7 text-gray-900 transition-all duration-500 bg-white group-hover:bg-indigo-600 group-hover:text-white "> 304 Preview Figma 305 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" 306 class="stroke-gray-900 group-hover:stroke-white"> 307 <path 308 d="M7.5 15L11.0858 11.4142C11.7525 10.7475 12.0858 10.4142 12.0858 10C12.0858 9.58579 11.7525 9.25245 11.0858 8.58579L7.5 5" 309 stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> 310 </svg> 311 312 </a> 313 </div> 314 315 <div class="flex flex-col sm:flex-row items-center lg:items-end gap-6 h-full md:w-auto w-full"> 316 <div 317 class="p-2.5 rounded-t-3xl bg-gradient-to-b from-gray-100 to-transparent flex flex-row items-center sm:flex-col gap-4">
318 <span class=""> 319 <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg"> 320 <rect class="fill-white transition-all duration-500 group-hover:fill-black" width="64" 321 height="64" rx="15" fill=""></rect> 322 <g filter="url(#filter0_d_2895_1449)"> 323 <path 324 d="M26.5882 48.9412C29.8346 48.9412 32.4693 46.4113 32.4693 43.2941V37.6471H26.5882C23.3417 37.6471 20.707 40.177 20.707 43.2941C20.707 46.4113 23.3417 48.9412 26.5882 48.9412Z" 325 fill="#0DD688"></path> 326 <path 327 d="M20.707 32C20.707 28.8828 23.3417 26.3529 26.5882 26.3529H32.4693V37.6471H26.5882C23.3417 37.6471 20.707 35.1172 20.707 32Z" 328 fill="#C465FF"></path> 329 <path 330 d="M20.7061 20.7058C20.7061 17.5886 23.3408 15.0587 26.5872 15.0587H32.4684L32.4693 26.3529H26.5882C23.3417 26.3529 20.7061 23.823 20.7061 20.7058Z" 331 fill="#FF6032"></path> 332 <path 333 d="M32.4698 15.0588H38.351C41.5974 15.0588 44.2322 17.5887 44.2322 20.7059C44.2322 23.8231 41.5974 26.3529 38.351 26.3529L32.4693 26.3529L32.4698 15.0588Z" 334 fill="#FF8C7E"></path> 335 <path 336 d="M44.2322 32C44.2322 35.1172 41.5974 37.6471 38.351 37.6471C35.1046 37.6471 32.4698 35.1172 32.4698 32C32.4698 28.8828 35.1046 26.3529 38.351 26.3529C41.5974 26.3529 44.2322 28.8828 44.2322 32Z" 337 fill="#03D6F3"></path> 338 </g> 339 <defs> 340 <filter id="filter0_d_2895_1449" x="13.7061" y="7.05872" width="41.5261" height="51.8825" 341 filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> 342 <feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood> 343 <feColorMatrix in="SourceAlpha" type="matrix" 344 values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix> 345 <feOffset dx="2" dy="1"></feOffset> 346 <feGaussianBlur stdDeviation="4.5"></feGaussianBlur> 347 <feComposite in2="hardAlpha" operator="out"></feComposite> 348 <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0"> 349 </feColorMatrix> 350 <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2895_1449"> 351 </feBlend> 352 <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2895_1449" result="shape"> 353 </feBlend> 354 </filter> 355 </defs> 356 </svg> 357 </span> 358 <span 359 class="p-4 rounded-lg bg-white flex items-center justify-center transition-all duration-500 group-hover:bg-indigo-600"> 360 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 361 <path class="fill-gray-800 group-hover:fill-white" fill-rule="evenodd" clip-rule="evenodd" 362 d="M6.75067 5.25067L7.69333 6.19333L11.0573 9.55733L12 10.5L12.9427 9.55733L16.3067 6.19333L17.2493 5.25067L16.3067 4.30667L12.9427 0.942667L12 0L11.0573 0.942667L7.69333 4.30667L6.75067 5.25067ZM6.75067 18.7493L7.69333 19.6933L11.0573 23.0573L12 24L12.9427 23.0573L16.3067 19.6933L17.2493 18.7507L16.3067 17.8067L12.9427 14.4427L12 13.5L11.0573 14.4427L7.69333 17.8067L6.75067 18.7493ZM0.942667 12.9427L0 12L0.942667 11.0573L4.30667 7.69333L5.25067 6.75067L6.19333 7.69333L9.55733 11.0573L10.5 12L9.55733 12.9427L6.19333 16.3067L5.25067 17.2493L4.30667 16.3067L0.942667 12.9427ZM13.5 12L14.4427 12.9427L17.8067 16.3067L18.7493 17.2493L19.6933 16.3067L23.0573 12.9427L24 12L23.0573 11.0573L19.6933 7.69333L18.7507 6.75067L17.8067 7.69333L14.4427 11.0573L13.5 12Z" 363 fill=""></path> 364 </svg> 365 </span>
366 <span class="p-4 rounded-lg bg-white flex items-center justify-center"> 367 <svg width="22" height="24" viewBox="0 0 22 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 368 <path 369 d="M17.1111 23L17.1111 12.9949M17.1111 12.9949C14.9633 12.9949 13.2222 11.2538 13.2222 9.10606C13.2222 6.95829 14.9633 5.21717 17.1111 5.21717M17.1111 12.9949C19.2589 12.9949 21 11.2538 21 9.10606C21 6.95829 19.2589 5.21717 17.1111 5.21717M17.1111 5.21717L17.1111 1M4.88889 23L4.88889 19.1061M4.88889 19.1061C2.74111 19.1061 0.999999 17.3649 0.999999 15.2172C0.999999 13.0694 2.74111 11.3283 4.88889 11.3283M4.88889 19.1061C7.03666 19.1061 8.77778 17.3649 8.77778 15.2172C8.77778 13.0694 7.03666 11.3283 4.88889 11.3283M4.88889 11.3283L4.88889 1" 370 stroke="#4B5563" stroke-width="1.6" stroke-miterlimit="10" stroke-linecap="round" 371 stroke-linejoin="round"></path> 372 </svg> 373 374 </span> 375 <span class="p-4 rounded-lg bg-white flex items-center justify-center"> 376 <svg width="24" height="20" viewBox="0 0 24 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 377 <path 378 d="M1.50146 11.9795C0.832846 10.7463 0.832845 9.25142 1.50146 8.0182C3.52601 4.28409 7.46832 1.75 12 1.75C16.5317 1.75 20.474 4.28409 22.4985 8.0182C23.1672 9.25142 23.1672 10.7463 22.4985 11.9795C20.474 15.7136 16.5317 18.2477 12 18.2477C7.46832 18.2477 3.52601 15.7136 1.50146 11.9795Z" 379 stroke="#4B5563" stroke-width="1.6"></path> 380 <path 381 d="M15.3135 9.94944C15.3135 11.7717 13.8362 13.249 12.014 13.249C10.1917 13.249 8.71443 11.7717 8.71443 9.94944C8.71443 8.12715 10.1917 6.6499 12.014 6.6499C13.8362 6.6499 15.3135 8.12715 15.3135 9.94944Z" 382 stroke="#4B5563" stroke-width="1.6"></path> 383 </svg> 384 385 </span> 386 </div> 387 <div 388 class=" border-gray-300/30 border rounded-t-3xl bg-gradient-to-b from-gray-100 via-gray-50 to-white pt-6 px-6 group-hover:border-indigo-500 border-b-0 hover:border-indigo-500"> 389 <div 390 class="border border-dashed border-gray-600 bg-white p-6 rounded-2xl transition-all duration-500 group-hover:bg-indigo-100"> 391 <div class="flex flex-col gap-6"> 392 <div class="flex items-center gap-6"> 393 <div 394 class="w-16 h-16 rounded-lg bg-gray-100 transition-all duration-700 group-hover:bg-white"> 395 </div> 396 <div 397 class="w-16 h-16 rounded-lg bg-gray-400 transition-all duration-700 group-hover:bg-indigo-600"> 398 </div> 399 </div> 400 <div class="flex items-center gap-6"> 401 <div 402 class="w-16 h-16 rounded-lg bg-gray-100 transition-all duration-500 group-hover:bg-white"> 403 </div> 404 <div 405 class="w-16 h-16 rounded-lg bg-gray-100 transition-all duration-500 group-hover:bg-white"> 406 </div> 407 </div> 408 <div class="flex items-center gap-6"> 409 <div 410 class="w-16 h-16 rounded-lg bg-gray-100 transition-all duration-300 group-hover:bg-white"> 411 </div> 412 <div 413 class="w-16 h-16 rounded-lg bg-gray-100 transition-all duration-300 group-hover:bg-white"> 414 </div> 415 </div> 416 </div> 417 </div> 418 <div 419 class="mt-6 border border-dashed border-gray-600 bg-white p-6 rounded-t-2xl border-b-0 group-hover:bg-indigo-100"> 420 </div> 421 </div> 422 </div> 423 </div> 424 </div> 425 <div class="col-span-12 lg:col-span-5"> 426 <div 427 class="bg-card group max-lg:max-w-2xl max-lg:mx-auto flex items-start justify-between flex-col pt-9 px-8 md:px-11 w-full border border-gray-300 rounded-3xl overflow-hidden transition-all duration-500 h-full hover:border-indigo-500"> 428 <div class="data-1 w-full"> 429 <p class="font-manrope font-normal text-xl leading-8 text-gray-900 mb-2"> 430 Tailwind base components library with different examples 431 </p> 432 <h1 433 class="font-manrope font-extrabold text-6xl leading-normal bg-gradient-to-r from-indigo-600 to-purple-500 bg-clip-text text-transparent"> 434 700+</h1> 435 </div> 436 437 <div class="flex flex-col sm:flex-row items-center lg:items-end gap-6 h-full w-full"> 438 439 <svg class="relative -bottom-3" xmlns="http://www.w3.org/2000/svg" width="84" height="168"
440 viewBox="0 0 84 168" fill="none"> 441 <path calss="fill-gray-gd transiyion-all duration-500 fill-indigo-gd" 442 d="M0.5 25C0.5 11.469 11.469 0.5 25 0.5H59C72.531 0.5 83.5 11.469 83.5 25V167.5H0.5V25Z" 443 fill="url(#paint0_linear_3051_4737)" stroke="url(#paint1_linear_3051_4737)"></path> 444 <rect class="fill-white transition-all duration-500 group-hover:fill-indigo-600" x="15" y="89" 445 width="54" height="54" rx="10" fill="white"></rect> 446 <path class="stroke-gray-900 transition-all duration-500 group-hover:stroke-white" 447 d="M44 107.5L39.3333 124.5M34.6667 110.9L30 115.66L34.6667 120.42M49.3333 110.9L54 115.66L49.3333 120.42" 448 stroke="#4B5563" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path> 449 <rect x="15.5" y="158.5" width="53" height="53" rx="9.5" fill="url(#paint2_linear_3051_4737)" 450 stroke="url(#paint3_linear_3051_4737)"></rect> 451 <rect x="10" y="10" width="64" height="64" rx="15" fill="#071C28"></rect> 452 <path fill-rule="evenodd" clip-rule="evenodd" 453 d="M42 31C37.2 31 34.2 33.4444 33 38.3333C34.8 35.8889 36.9 34.9722 39.3 35.5833C40.6693 35.9317 41.648 36.9441 42.7313 38.0638C44.496 39.8883 46.5387 42 51 42C55.8 42 58.8 39.5556 60 34.6667C58.2 37.1111 56.1 38.0278 53.7 37.4167C52.3307 37.0683 51.352 36.0559 50.2687 34.9362C48.504 33.1117 46.4613 31 42 31ZM33 42C28.2 42 25.2 44.4444 24 49.3333C25.8 46.8889 27.9 45.9722 30.3 46.5833C31.6693 46.9323 32.648 47.9441 33.7313 49.0638C35.496 50.8883 37.5387 53 42 53C46.8 53 49.8 50.5556 51 45.6667C49.2 48.1111 47.1 49.0278 44.7 48.4167C43.3307 48.0683 42.352 47.0559 41.2687 45.9362C39.504 44.1117 37.4613 42 33 42Z" 454 fill="#38BDF8"></path> 455 <defs> 456 <linearGradient id="paint0_linear_3051_4737" x1="42" y1="89" x2="42" y2="168" 457 gradientUnits="userSpaceOnUse"> 458 <stop stop-color="#F3F4F6"></stop> 459 <stop offset="1" stop-color="white"></stop> 460 </linearGradient> 461 <linearGradient id="paint1_linear_3051_4737" x1="42" y1="89" x2="42" y2="168" 462 gradientUnits="userSpaceOnUse"> 463 <stop stop-color="#E5E7EB"></stop> 464 <stop offset="1" stop-color="white"></stop> 465 </linearGradient> 466 <linearGradient id="paint2_linear_3051_4737" x1="42" y1="158" x2="42" y2="212" 467 gradientUnits="userSpaceOnUse"> 468 <stop stop-color="#F3F4F6"></stop> 469 <stop offset="1" stop-color="#F8F8F8"></stop> 470 </linearGradient> 471 <linearGradient id="paint3_linear_3051_4737" x1="42" y1="158" x2="42" y2="212" 472 gradientUnits="userSpaceOnUse"> 473 <stop stop-color="#EEEFF1"></stop> 474 <stop offset="1" stop-color="#F3F4F6" stop-opacity="0"></stop> 475 </linearGradient> 476 </defs> 477 </svg> 478 <div 479 class="rounded-t-[20px] border border-gray-100 bg-gradient-to-b from-gray-50 to-white pt-8 w-full relative bottom-0 pb-1.5 border-b-0 transition-all duration-500 group-hover:border-indigo-600 "> 480 <div class="flex items-center justify-center mb-8"> 481 <button 482 class="py-3 px-4 border border-gray-300 rounded-l-3xl bg-white transition-all duration-300 "> 483 <svg width="50" height="44" viewBox="0 0 50 44" fill="none" xmlns="http://www.w3.org/2000/svg"> 484 <rect width="50" height="44" fill="transparent"></rect> 485 <path d="M27.2502 26.4999L22.75 21.9997L27.2528 17.4969" stroke="#9CA3AF" stroke-width="1.6" 486 stroke-linecap="round" stroke-linejoin="round"></path> 487 <path d="M27.2502 26.4999L22.75 21.9997L27.2528 17.4969" stroke="black" stroke-opacity="0.2" 488 stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path> 489 <path d="M27.2502 26.4999L22.75 21.9997L27.2528 17.4969" stroke="black" stroke-opacity="0.2" 490 stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path> 491 </svg> 492 493 </button> 494 <button 495 class="py-3 px-4 border border-gray-300 rounded-r-3xl bg-white transition-all duration-300 group-hover:bg-indigo-100"> 496 <svg width="50" height="44" viewBox="0 0 50 44" fill="none" xmlns="http://www.w3.org/2000/svg"> 497 <rect width="50" height="44" fill=""></rect> 498 <path d="M22.7529 17.4968L27.2531 21.997L22.7502 26.4998" stroke="#111827" stroke-width="1.6" 499 stroke-linecap="round" stroke-linejoin="round"></path> 500 </svg> 501 </button> 502 </div> 503 504 <svg class="mx-auto" width="160" height="99" viewBox="0 0 160 99" fill="none" 505 xmlns="http://www.w3.org/2000/svg"> 506 <path class="stroke-gray-100 transition-all duration-500 group-hover:stroke-indigo-100" 507 d="M153 80C153 70.4135 151.112 60.9209 147.443 52.0641C143.775 43.2073 138.397 35.1599 131.619 28.3812C124.84 21.6025 116.793 16.2254 107.936 12.5568C99.0791 8.8882 89.5865 7 80 7C70.4135 7 60.9209 8.8882 52.0641 12.5568C43.2073 16.2254 35.1599 21.6025 28.3812 28.3812C21.6025 35.1599 16.2254 43.2073 12.5568 52.0641C8.8882 60.9209 7 70.4135 7 80" 508 stroke="#F3F4F6" stroke-width="14" stroke-linecap="round" stroke-linejoin="round"></path> 509 <path class="stroke-gray-600 transition-all duration-500 group-hover:stroke-indigo-600" 510 d="M7 80C7 64.5839 11.8804 49.5636 20.9418 37.0917" stroke="#4B5563" stroke-width="14" 511 stroke-linecap="round" stroke-linejoin="round"></path> 512 <path class="fill-gray-900 transition-all duration-500 group-hover:fill-indigo-600" 513 d="M49.918 86.985L49.933 84.585L59.518 75.96C60.318 75.24 60.853 74.56 61.123 73.92C61.403 73.27 61.543 72.605 61.543 71.925C61.543 71.095 61.353 70.345 60.973 69.675C60.593 69.005 60.073 68.475 59.413 68.085C58.763 67.695 58.023 67.5 57.193 67.5C56.333 67.5 55.568 67.705 54.898 68.115C54.228 68.515 53.698 69.05 53.308 69.72C52.928 70.39 52.743 71.12 52.753 71.91H50.023C50.023 70.55 50.338 69.35 50.968 68.31C51.598 67.26 52.453 66.44 53.533 65.85C54.623 65.25 55.858 64.95 57.238 64.95C58.578 64.95 59.778 65.26 60.838 65.88C61.898 66.49 62.733 67.325 63.343 68.385C63.963 69.435 64.273 70.
513625 64.273 71.955C64.273 72.895 64.153 73.71 63.913 74.4C63.683 75.09 63.323 75.73 62.833 76.32C62.343 76.9 61.728 77.52 60.988 78.18L53.023 85.335L52.678 84.435H64.273V86.985H49.918ZM75.1517 87.45C73.7517 87.45 72.5017 87.135 71.4017 86.505C70.3117 85.865 69.4467 85 68.8067 83.91C68.1767 82.81 67.8617 81.56 67.8617 80.16V72.24C67.8617 70.84 68.1767 69.59 68.8067 68.49C69.4467 67.39 70.3117 66.525 71.4017 65.895C72.5017 65.265 73.7517 64.95 75.1517 64.95C76.5517 64.95 77.8017 65.265 78.9017 65.895C80.0017 66.525 80.8667 67.39 81.4967 68.49C82.1267 69.59 82.4417 70.84 82.4417 72.24V80.16C82.4417 81.56 82.1267 82.81 81.4967 83.91C80.8667 85 80.0017 85.865 78.9017 86.505C77.8017 87.135 76.5517 87.45 75.1517 87.45ZM75.1517 84.885C76.0017 84.885 76.7717 84.68 77.4617 84.27C78.1517 83.86 78.7017 83.31 79.1117 82.62C79.5217 81.92 79.7267 81.15 79.7267 80.31V72.075C79.7267 71.225 79.5217 70.455 79.1117 69.765C78.7017 69.075 78.1517 68.525 77.4617 68.115C76.7717 67.705 76.0017 67.5 75.1517 67.5C74.3117 67.5 73.5417 67.705 72.8417 68.115C72.1517 68.525 71.6017 69.075 71.1917 69.765C70.7817 70.455 70.5767 71.225 70.5767 72.075V80.31C70.5767 81.15 70.7817 81.92 71.1917 82.62C71.6017 83.31 72.1517 83.86 72.8417 84.27C73.5417 84.68 74.3117 84.885 75.1517 84.885ZM89.041 87L87.241 85.2L107.071 65.4L108.871 67.2L89.041 87ZM104.371 87.45C103.381 87.45 102.476 87.21 101.656 86.73C100.846 86.24 100.196 85.59 99.706 84.78C99.216 83.96 98.971 83.05 98.971 82.05C98.971 81.07 99.221 80.17 99.721 79.35C100.221 78.53 100.881 77.875 101.701 77.385C102.521 76.895 103.411 76.65 104.371 76.65C105.361 76.65 106.266 76.895 107.086 77.385C107.906 77.865 108.556 78.515 109.036 79.335C109.526 80.145 109.771 81.05 109.771 82.05C109.771 83.05 109.526 83.96 109.036 84.78C108.556 85.59 107.906 86.24 107.086 86.73C106.266 87.21 105.361 87.45 104.371 87.45ZM104.371 85.095C104.921 85.095 105.426 84.955 105.886 84.675C106.356 84.395 106.726 84.025 106.996 83.565C107.276 83.105 107.416 82.6 107.416 82.05C107.416 81.5 107.276 80.995 106.996 80.535C106.726 80.065 106.356 79.695 105.886 79.425C105.426 79.145 104.921 79.005 104.371 79.005C103.821 79.005 103.316 79.145 102.856 79.425C102.396 79.695 102.026 80.065 101.746 80.535C101.466 80.995 101.326 81.5 101.326 82.05C101.326 82.6 101.466 83.105 101.746 83.565C102.026 84.025 102.396 84.395 102.856 84.675C103.316 84.955 103.821 85.095 104.371 85.095ZM91.741 75.75C90.751 75.75 89.846 75.51 89.026 75.03C88.206 74.54 87.551 73.89 87.061 73.08C86.581 72.26 86.341 71.35 86.341 70.35C86.341 69.37 86.591 68.47 87.091 67.65C87.591 66.83 88.251 66.175 89.071 65.685C89.891 65.195 90.781 64.95 91.741 64.95C92.731 64.95 93.631 65.195 94.441 65.685C95.261 66.165 95.916 66.815 96.406 67.635C96.896 68.445 97.141 69.35 97.141 70.35C97.141 71.35 96.896 72.26 96.406 73.08C95.916 73.89 95.261 74.54 94.441 75.03C93.631 75.51 92.731 75.75 91.741 75.75ZM91.741 73.395C92.291 73.395 92.796 73.255 93.256 72.975C93.726 72.695 94.096 72.325 94.366 71.865C94.646 71.405 94.786 70.9 94.786 70.35C94.786 69.8 94.646 69.295 94.366 68.835C94.096 68.365 93.726 67.995 93.256 67.725C92.796 67.445 92.291 67.305 91.741 67.305C91.191 67.305 90.686 67.445 90.226 67.725C89.766 67.995 89.396 68.365 89.116 68.835C88.836 69.295 88.696 69.8 88.696 70.35C88.696 70.9 88.836 71.405 89.116 71.865C89.396 72.325 89.766 72.695 90.226 72.975C90.686 73.255 91.191 73.395 91.741 73.395Z" 514 fill="#111827"></path> 515 </svg> 516 517 518 </div> 519 520 </div> 521 </div> 522 </div> 523 <div 524 class="col-span-12 lg:col-span-4 group flex flex-col justify-between bg-card max-lg:max-w-2xl w-full h-full max-lg:mx-auto rounded-3xl pt-11 transition-all duration-500 overflow-hidden border border-gray-300 hover:border-indigo-600"> 525 <div class=""> 526 <p class="font-normal text-xl mb-2 leading-8 px-11 text-gray-900 "> 527 Ready-to-use blocks in Figma and Tailwind CSS 528 </p> 529 <h1 530 class="font-manrope font-extrabold px-11 text-6xl leading-normal mb-11 bg-gradient-to-r from-indigo-600 to-purple-500 bg-clip-text text-transparent "> 531 310+ 532 </h1> 533 </div> 534 535 <svg class="max-lg:mx-auto relative -bottom-5 w-full" width="406" height="156" viewB
535ox="0 0 406 156" 536 fill="none" xmlns="http://www.w3.org/2000/svg"> 537 <rect 538 class="stroke-gray-200 fill-gray-50 transition-all duration-500 group-hover:stroke-indigo-300 group-hover:fill-white" 539 x="64.5" y="0.5" width="277" height="180" rx="19.5" fill="" stroke=""></rect> 540 <rect 541 class="fill-gray-50 stroke-gray-100 transition-all duration-500 group-hover:fill-white group-hover:stroke-indigo-300" 542 x="-233.5" y="20.5" width="277" height="180" rx="19.5" fill="url(#paint2_linear_2865_1633)" 543 stroke="url(#paint3_linear_2865_1633)"></rect> 544 <rect 545 class="fill-gray-50 stroke-gray-100 transition-all duration-500 group-hover:fill-white group-hover:stroke-indigo-300" 546 x="362.5" y="20.5" width="277" height="180" rx="19.5" fill="" stroke="url(#paint5_linear_2865_1633)"> 547 </rect> 548 <rect class="fill-white transition-all duration-500 group-hover:fill-indigo-50" x="88" y="24" 549 width="230" height="150" rx="10" fill="white"></rect> 550 <circle class="fill-gray-200 transition-all duration-500 group-hover:fill-indigo-200" cx="3" cy="3" 551 r="3" transform="matrix(1 0 0 -1 98 40)" fill="#E2E8F0"></circle> 552 <circle class="fill-gray-400 transition-all duration-500 group-hover:fill-indigo-600" cx="3" cy="3" 553 r="3" transform="matrix(1 0 0 -1 109 40)" fill="#94A3B8"></circle> 554 <circle class="fill-gray-200 transition-all duration-500 group-hover:fill-indigo-200" cx="3" cy="3" 555 r="3" transform="matrix(1 0 0 -1 120 40)" fill="#E2E8F0"></circle> 556 <circle class="fill-gray-200 transition-all duration-500 group-hover:fill-indigo-200" cx="3" cy="3" 557 r="3" transform="matrix(1 0 0 -1 302 40)" fill="#E2E8F0"></circle> 558 <rect class="fill-gray-200 transition-all duration-500 group-hover:fill-indigo-200" width="40" 559 height="6" rx="3" transform="matrix(1 0 0 -1 131 40)" fill="#E2E8F0"></rect> 560 <rect class="fill-gray-200 transition-all duration-500 group-hover:fill-indigo-200" x="106.956" 561 y="69.4944" width="123.846" height="55.6044" rx="6.31868" fill="#F1F5F9"></rect> 562 <rect class="fill-gray-400 transition-all duration-500 group-hover:fill-indigo-600" x="243.439" 563 y="69.4944" width="55.6044" height="55.6044" rx="6.31868" fill="#94A3B8"></rect> 564 <defs> 565 <linearGradient id="paint0_linear_2865_1633" x1="203" y1="5.39422e-06" x2="203" y2="156" 566 gradientUnits="userSpaceOnUse"> 567 <stop stop-color="#F3F4F6"></stop> 568 <stop offset="1" stop-color="white"></stop> 569 </linearGradient> 570 <linearGradient id="paint1_linear_2865_1633" x1="203" y1="0" x2="203" y2="181" 571 gradientUnits="userSpaceOnUse"> 572 <stop stop-color="#E5E7EB"></stop> 573 <stop offset="1" stop-color="white"></stop> 574 </linearGradient> 575 <linearGradient id="paint2_linear_2865_1633" x1="-95" y1="20" x2="-95" y2="201" 576 gradientUnits="userSpaceOnUse"> 577 <stop stop-color="#F3F4F6"></stop> 578 <stop offset="1" stop-color="white"></stop> 579 </linearGradient> 580 <linearGradient id="paint3_linear_2865_1633" x1="-95" y1="20" x2="-95" y2="201" 581 gradientUnits="userSpaceOnUse"> 582 <stop stop-color="#E5E7EB"></stop> 583 <stop offset="1" stop-color="white"></stop> 584 </linearGradient> 585 <linearGradient id="paint4_linear_2865_1633" x1="501" y1="20" x2="501" y2="201" 586 gradientUnits="userSpaceOnUse"> 587 <stop stop-color="#F3F4F6"></stop> 588 <stop offset="1" stop-color="white"></stop> 589 </linearGradient> 590 <linearGradient id="paint5_linear_2865_1633" x1="501" y1="20" x2="501" y2="201" 591 gradientUnits="userSpaceOnUse"> 592 <stop stop-color="#E5E7EB"></stop> 593 <stop offset="1" stop-color="white"></stop> 594 </linearGradient> 595 </defs> 596 </svg> 597 </div> 598 <div 599 class="col-span-12 lg:col-span-8 group bg-card max-lg:max-w-2xl w-full max-lg:mx-auto rounded-3xl border border-gray-300 pt-11 transition-all duration-500 overflow-hidden shadow-md shadow-gray-100 hover:border-indigo-600"> 600 <p class="font-normal text-xl mb-2 leading-8 px-11 text-gray-900 "> 601 GitHub lifetime open source library 602 </p> 603 <h1 604 class="font-manrope font-extrabold px-11 text-6xl leading-normal mb-11 bg-gradient-to-r from-indigo-600 to-purple-500 bg-clip-text text-transparent "> 605 Free</h1> 606 607 <svg class=" max-lg:mx-auto lg:ml-auto " width="580" height="232" viewBox="0 0 580 232" fill="none" 608 xmlns="http://www.w3.org/2000/svg"> 609 <path class="fill-gray-50 transition-all duration-500 group-hover:fill-indigo-50" 610 d="M248.5 20C248.5 9.23045 257.23 0.5 268 0.5H579.5V231.5H248.5V20Z" 611 fill="url(#paint0_linear_2871_1723)" stroke="url
611(#paint1_linear_2871_1723)"></path> 612 <rect class="fill-gray-200 transition-all duration-500 group-hover:fill-white" y="84" width="64" 613 height="64" rx="15" fill="#E5E7EB"></rect> 614 <g clip-path="url(#clip0_2871_1723)"> 615 <path class="fill-gray-500 transition-all duration-500 group-hover:fill-indigo-500" 616 fill-rule="evenodd" clip-rule="evenodd" 617 d="M32 99C22.6075 99 15 106.608 15 116C15 123.523 19.8662 129.876 26.6237 132.129C27.4737 132.278 27.7925 131.768 27.7925 131.321C27.7925 130.918 27.7713 129.579 27.7713 128.155C23.5 128.941 22.395 127.114 22.055 126.158C21.8637 125.669 21.035 124.16 20.3125 123.756C19.7175 123.438 18.8675 122.651 20.2913 122.63C21.63 122.609 22.5862 123.863 22.905 124.373C24.435 126.944 26.8788 126.221 27.8563 125.775C28.005 124.67 28.4513 123.926 28.94 123.501C25.1575 123.076 21.205 121.61 21.205 115.108C21.205 113.259 21.8637 111.729 22.9475 110.539C22.7775 110.114 22.1825 108.371 23.1175 106.034C23.1175 106.034 24.5413 105.588 27.7925 107.776C29.1525 107.394 30.5975 107.203 32.0425 107.203C33.4875 107.203 34.9325 107.394 36.2925 107.776C39.5438 105.566 40.9675 106.034 40.9675 106.034C41.9025 108.371 41.3075 110.114 41.1375 110.539C42.2213 111.729 42.88 113.238 42.88 115.108C42.88 121.631 38.9062 123.076 35.1238 123.501C35.74 124.033 36.2712 125.053 36.2712 126.646C36.2712 128.92 36.25 130.748 36.25 131.321C36.25 131.768 36.5688 132.299 37.4188 132.129C44.1338 129.876 49 123.501 49 116C49 106.608 41.3925 99 32 99Z" 618 fill="#4B5563"></path> 619 </g> 620 <path class="stroke-gray-300 transition-all duration-500 group-hover:stroke-indigo-300" 621 d="M32 74L75.637 44.3268C79.783 41.5075 84.681 40 89.6948 40H238" stroke=""></path> 622 <path class="stroke-gray-300 transition-all duration-500 group-hover:stroke-indigo-300" 623 d="M32 158L75.637 187.673C79.783 190.492 84.681 192 89.6948 192H238" stroke=""></path> 624 <path class="stroke-gray-300 transition-all duration-500 group-hover:stroke-indigo-300" 625 d="M74 104H107.333C111.661 104 115.871 102.596 119.333 100L148.667 78C152.129 75.4036 156.339 74 160.667 74H238" 626 stroke=""></path> 627 <path class="stroke-gray-300 transition-all duration-500 group-hover:stroke-indigo-300" 628 d="M74 128H107.333C111.661 128 115.871 129.404 119.333 132L148.667 154C152.129 156.596 156.339 158 160.667 158H238" 629 stroke=""></path> 630 <path class="fill-gray-400 transition-all duration-500 group-hover:fill-indigo-400" 631 d="M296.119 26.8182H297.983L301.224 34.733H301.344L304.585 26.8182H306.45V37H304.988V29.6321H304.893L301.891 36.9851H300.678L297.675 29.6271H297.58V37H296.119V26.8182ZM309.503 39.8636C309.281 39.8636 309.079 39.8454 308.897 39.8089C308.715 39.7758 308.579 39.7393 308.489 39.6996L308.847 38.4815C309.119 38.5545 309.361 38.5859 309.573 38.576C309.785 38.5661 309.972 38.4865 310.135 38.3374C310.3 38.1882 310.446 37.9446 310.572 37.6065L310.756 37.0994L307.962 29.3636H309.553L311.487 35.2898H311.567L313.501 29.3636H315.096L311.949 38.0192C311.804 38.4169 311.618 38.7533 311.393 39.0284C311.167 39.3068 310.899 39.5156 310.587 39.6548C310.276 39.794 309.914 39.8636 309.503 39.8636ZM320.058 29.3636V30.5568H315.887V29.3636H320.058ZM317.006 27.5341H318.492V34.7578C318.492 35.0462 318.535 35.2633 318.621 35.4091C318.707 35.5516 318.818 35.6494 318.954 35.7024C319.094 35.7521 319.244 35.777 319.407 35.777C319.526 35.777 319.631 35.7687 319.72 35.7521C319.809 35.7356 319.879 35.7223 319.929 35.7124L320.197 36.9403C320.111 36.9735 319.988 37.0066 319.829 37.0398C319.67 37.0762 319.471 37.0961 319.233 37.0994C318.842 37.1061 318.477 37.0365 318.139 36.8906C317.801 36.7448 317.528 36.5194 317.319 36.2145C317.11 35.9096 317.006 35.5268 317.006 35.0661V27.5341ZM323.353 32.4659V37H321.866V26.8182H323.333V30.6065H323.428C323.607 30.1955 323.88 29.8691 324.248 29.6271C324.616 29.3852 325.096 29.2642 325.69 29.2642C326.213 29.2642 326.671 29.3719 327.062 29.5874C327.456 29.8028 327.761 30.1243 327.977 30.5518C328.195 30.9761 328.305 31.5064 328.305 32.1428V37H326.818V32.3217C326.818 31.7616 326.674 31.3274 326.386 31.0192C326.097 30.7076 325.696 30.5518 325.183 30.5518C324.831 30.5518 324.516 30.6264 324.238 30.7756C323.963 30.9247 323.746 31.1435 323.587 31.4318C323.431 31.7169 323.353 32.0616 323.353 32.4659ZM330.288 37V29.3636H331.775V37H330.288ZM331.039 28.1854C330.781 28.1854 330.558 28.0992 330.373 27.9268C330.191 27.7512 330.099 27.5424 330.099 27.3004C330.099 27.0552 330.191 26.8464 330.373 26.674C330.558 26.4983 330.781 26.4105 331.039 26.4105C331.298 26.4105 331.518 26.4983 331.7 26.674C331.886 26.8464 331.979 27.0552 331.979 27.3004C331.979 27.5424 331.886 27.7512 331.7 27.9268C331.518 28.0992 331.298 28.1854 331.039 28.1854ZM336.991 37.1541C336.252 37.1541 335.616 36.9867 335.082 36.652C334.552 36.3139 334.144 35.8482 333.859 35.255C333.574 34.6617 333.432 33.9822 333.432 33.2166C333.432 32.4411 333.577 31.7566 333.869 31.1634C334.161 30.5668 334.572 30.1011 335.102 29.7663C335.632 29.4316 336.257 29.2642 336.976 29.2642C337.556 29.2642 338.073 29.3719 338.528 29.5874C338.982 29.7995 339.348 30.0978 339.626 30.4822C339.908 30.8667 340.075 31.3158 340.128 31.8295H338.682C338.602 31.4716 338.42 31.1634 338.135 30.9048
631C337.853 30.6463 337.475 30.517 337.001 30.517C336.587 30.517 336.224 30.6264 335.912 30.8452C335.604 31.0606 335.364 31.3688 335.192 31.7699C335.019 32.1676 334.933 32.6383 334.933 33.1818C334.933 33.7386 335.018 34.2192 335.187 34.6236C335.356 35.0279 335.594 35.3411 335.903 35.5632C336.214 35.7853 336.58 35.8963 337.001 35.8963C337.283 35.8963 337.538 35.8449 337.767 35.7422C337.999 35.6361 338.193 35.4853 338.349 35.2898C338.508 35.0942 338.619 34.8589 338.682 34.5838H340.128C340.075 35.0777 339.915 35.5185 339.646 35.9062C339.378 36.294 339.018 36.599 338.567 36.821C338.12 37.0431 337.595 37.1541 336.991 37.1541ZM347.44 31.228L346.093 31.4666C346.037 31.2943 345.947 31.1302 345.825 30.9744C345.705 30.8187 345.543 30.6911 345.337 30.5916C345.132 30.4922 344.875 30.4425 344.567 30.4425C344.146 30.4425 343.795 30.5369 343.513 30.7259C343.231 30.9115 343.09 31.1518 343.09 31.4467C343.09 31.7019 343.185 31.9074 343.374 32.0632C343.563 32.219 343.867 32.3466 344.288 32.446L345.501 32.7244C346.204 32.8868 346.728 33.1371 347.072 33.4751C347.417 33.8132 347.589 34.2524 347.589 34.7926C347.589 35.25 347.457 35.6577 347.192 36.0156C346.93 36.3703 346.564 36.6487 346.093 36.8509C345.626 37.053 345.084 37.1541 344.467 37.1541C343.612 37.1541 342.915 36.9718 342.374 36.6072C341.834 36.2393 341.503 35.7173 341.38 35.0412L342.817 34.8224C342.906 35.197 343.09 35.4804 343.369 35.6726C343.647 35.8615 344.01 35.956 344.457 35.956C344.945 35.956 345.334 35.8549 345.
631626 35.6527C345.917 35.4472 346.063 35.197 346.063 34.902C346.063 34.6634 345.974 34.4628 345.795 34.3004C345.619 34.138 345.349 34.0154 344.984 33.9325L343.692 33.6491C342.979 33.4867 342.452 33.2282 342.111 32.8736C341.773 32.5189 341.604 32.0698 341.604 31.5263C341.604 31.0755 341.73 30.6811 341.982 30.343C342.233 30.005 342.581 29.7415 343.026 29.5526C343.47 29.3603 343.978 29.2642 344.552 29.2642C345.377 29.2642 346.027 29.4432 346.501 29.8011C346.975 30.1558 347.288 30.6314 347.44 31.228ZM352.639 37H349.343V26.8182H352.744C353.741 26.8182 354.598 27.022 355.314 27.4297C356.03 27.834 356.579 28.4157 356.96 29.1747C357.344 29.9304 357.536 30.8369 357.536 31.8942C357.536 32.9548 357.343 33.8662 356.955 34.6286C356.57 35.3909 356.013 35.9775 355.284 36.3885C354.555 36.7962 353.673 37 352.639 37ZM350.879 35.6577H352.555C353.33 35.6577 353.975 35.5118 354.489 35.2202C355.003 34.9252 355.387 34.4993 355.642 33.9425C355.897 33.3823 356.025 32.6996 356.025 31.8942C356.025 31.0954 355.897 30.4176 355.642 29.8608C355.39 29.304 355.014 28.8814 354.514 28.593C354.013 28.3047 353.392 28.1605 352.649 28.1605H350.879V35.6577ZM362.619 37.1541C361.866 37.1541 361.218 36.9934 360.675 36.6719C360.134 36.3471 359.717 35.8913 359.422 35.3047C359.13 34.7147 358.984 34.0237 358.984 33.2315C358.984 32.4493 359.13 31.7599 359.422 31.1634C359.717 30.5668 360.128 30.1011 360.655 29.7663C361.185 29.4316 361.805 29.2642 362.514 29.2642C362.945 29.2642 363.363 29.3355 363.767 29.478C364.171 29.6205 364.534 29.8442 364.856 30.1491C365.177 30.4541 365.431 30.8501 365.616 31.3374C365.802 31.8213 365.895 32.4096 365.895 33.1023V33.6293H359.825V32.5156H364.438C364.438 32.1245 364.359 31.7782 364.2 31.4766C364.04 31.1716 363.817 30.9313 363.528 30.7557C363.243 30.58 362.909 30.4922 362.524 30.4922C362.107 30.4922 361.742 30.5949 361.43 30.8004C361.122 31.0026 360.884 31.2678 360.714 31.5959C360.549 31.9207 360.466 32.2737 360.466 32.6548V33.5249C360.466 34.0353 360.555 34.4695 360.734 34.8274C360.917 35.1854 361.17 35.4588 361.495 35.6477C361.82 35.8333 362.199 35.9261 362.634 35.9261C362.915 35.9261 363.172 35.8864 363.404 35.8068C363.636 35.724 363.837 35.6013 364.006 35.4389C364.175 35.2765 364.304 35.076 364.393 34.8374L365.8 35.0909C365.688 35.5052 365.486 35.8681 365.194 36.1797C364.906 36.4879 364.543 36.7282 364.105 36.9006C363.671 37.0696 363.175 37.1541 362.619 37.1541ZM373.267 31.228L371.919 31.4666C371.863 31.2943 371.773 31.1302 371.651 30.9744C371.531 30.8187 371.369 30.6911 371.164 30.5916C370.958 30.4922 370.701 30.4425 370.393 30.4425C369.972 30.4425 369.621 30.5369 369.339 30.7259C369.057 30.9115 368.916 31.1518 368.916 31.4467C368.916 31.7019 369.011 31.9074 369.2 32.0632C369.389 32.219 369.694 32.3466 370.115 32.446L371.328 32.7244C372.03 32.8868 372.554 33.1371 372.899 33.4751C373.243 33.8132 373.416 34.2524 373.416 34.7926C373.416 35.25 373.283 35.6577 373.018 36.0156C372.756 36.3703 372.39 36.6487 371.919 36.8509C371.452 37.053 370.91 37.1541 370.294 37.1541C369.438 37.1541 368.741 36.9718 368.2 36.6072C367.66 36.2393 367.329 35.7173 367.206 35.0412L368.643 34.8224C368.732 35.197 368.916 35.4804 369.195 35.6726C369.473 35.8615 369.836 35.956 370.284 35.956C370.771 35.956 371.16 35.8549 371.452 35.6527C371.744 35.4472 371.889 35.197 371.889 34.902C371.889 34.6634 371.8 34.4628 371.621 34.3004C371.445 34.138 371.175 34.0154 370.811 33.9325L369.518 33.6491C368.805 33.4867 368.278 33.2282 367.937 32.8736C367.599 32.5189 367.43 32.0698 367.43 31.5263C367.43 31.0755 367.556 30.6811 367.808 30.343C368.06 30.005 368.408 29.7415 368.852 29.5526C369.296 29.3603 369.805 29.2642 370.378 29.2642C371.203 29.2642 371.853 29.4432 372.327 29.8011C372.801 30.1558 373.114 30.6314 373.267 31.228ZM375.05 37V29.3636H376.537V37H375.05ZM375.801 28.1854C375.542 28.1854 375.32 28.0992 375.135 27.9268C374.952 27.7512 374.861 27.5424 374.861 27.3004C374.861 27.0552 374.952 26.8464 375.135 26.674C375.32 26.4983 375.542 26.4105 375.801 26.4105C376.059 26.4105 376.28 26.4983 376.462 26.674C376.648 26.8464 376.74 27.0552 376.74 27.3004C376.74 27.5424 376.648 27.7512 376.462 27.9268C376.28 28.0992 376.059 28.1854 375.801 28.1854ZM381.738 40.0227C381.132 40.0227 380.61 39.9432 380.172 39.7841C379.738 39.625 379.383 39.4145 379.108 39.1527C378.833 38.8909 378.628 38.6042 378.492 38.2926L379.769 37.7656C379.859 37.9115 379.978 38.0656 380.127 38.228C380.28 38.3937 380.485 38.5346 380.744 38.6506C381.006 38.7666 381.342 38.8246 381.753 38.8246C382.316 38.8246 382.782 38.687 383.15 38.4119C383.518 38.1402 383.702 37.706 383.702 37.1094V35.608H383.607C383.518 35.7704 383.389 35.951 383.22 36.1499C383.054 36.3487 382.825 36.5211 382.534 36.6669C382.242 36.8127 381.862 36.8857 381.395 36.8857C38
6310.792 36.8857 380.248 36.7448 379.764 36.4631C379.284 36.178 378.903 35.7588 378.621 35.2053C378.343 34.6484 378.203 33.964 378.203 33.152C378.203 32.34 378.341 31.6439 378.616 31.0639C378.894 30.4839 379.276 30.0398 379.759 29.7315C380.243 29.42 380.792 29.2642 381.405 29.2642C381.879 29.2642 382.262 29.3438 382.553 29.5028C382.845 29.6586 383.072 29.8409 383.235 30.0497C383.4 30.2585 383.528 30.4425 383.617 30.6016H383.727V29.3636H385.183V37.169C385.183 37.8253 385.031 38.3639 384.726 38.7848C384.421 39.2057 384.008 39.5173 383.488 39.7195C382.971 39.9216 382.388 40.0227 381.738 40.0227ZM381.723 35.6527C382.151 35.6527 382.512 35.5533 382.807 35.3544C383.105 35.1522 383.331 34.8639 383.483 34.4893C383.639 34.1115 383.717 33.6591 383.717 33.1321C383.717 32.6184 383.641 32.166 383.488 31.7749C383.336 31.3838 383.112 31.0788 382.817 30.8601C382.522 30.638 382.157 30.527 381.723 30.527C381.276 30.527 380.903 30.643 380.605 30.875C380.306 31.1037 380.081 31.4152 379.928 31.8097C379.779 32.2041 379.705 32.6449 379.705 33.1321C379.705 33.6326 379.781 34.0717 379.933 34.4496C380.086 34.8274 380.311 35.1224 380.61 35.3345C380.911 35.5466 381.282 35.6527 381.723 35.6527ZM388.664 32.4659V37H387.177V29.3636H388.604V30.6065H388.698C388.874 30.2022 389.149 29.8774 389.524 29.6321C389.901 29.3868 390.377 29.2642 390.95 29.2642C391.471 29.2642 391.927 29.3736 392.318 29.5923C392.709 29.8078 393.012 30.1293 393.227 30.5568C393.443 30.9844 393.551 31.513 393.551 32.1428V37H392.064V32.3217C392.064 31.7682 391.92 31.3357 391.632 31.0241C391.343 30.7093 390.947 30.5518 390.443 30.5518C390.099 30.5518 389.792 30.6264 389.524 30.7756C389.258 30.9247 389.048 31.1435 388.892 31.4318C388.74 31.7169 388.664 32.0616 388.664 32.4659Z" 632 fill="#9CA3AF"></path> 633 <path class="fill-gray-400 transition-all duration-500 group-hover:fill-indigo-400" 634 d="M403.127 26.3409L399.846 38.5312H398.518L401.8 26.3409H403.127Z" fill="#D1D5DB"></path> 635 <path class="fill-gray-500 transition-all duration-500 group-hover:fill-indigo-500" 636 d="M408.214 37V26.8182H411.844C412.636 26.8182 413.292 26.9624 413.812 27.2507C414.333 27.5391 414.722 27.9335 414.981 28.4339C415.239 28.9311 415.368 29.4912 415.368 30.1143C415.368 30.7408 415.238 31.3042 414.976 31.8047C414.717 32.3018 414.326 32.6963 413.802 32.9879C413.282 33.2763 412.627 33.4205 411.839 33.4205H409.343V32.1179H411.699C412.2 32.1179 412.606 32.0317 412.917 31.8594C413.229 31.6837 413.458 31.4451 413.604 31.1435C413.749 30.8419 413.822 30.4988 413.822 30.1143C413.822 29.7299 413.749 29.3885 413.604 29.0902C413.458 28.7919 413.227 28.5582 412.912 28.3892C412.601 28.2202 412.19 28.1357 411.68 28.1357H409.751V37H408.214ZM419.204 37.169C418.72 37.169 418.283 37.0795 417.892 36.9006C417.5 36.7183 417.191 36.4548 416.962 36.1101C416.736 35.7654 416.624 35.3428 416.624 34.8423C416.624 34.4115 416.707 34.0568 416.872 33.7784C417.038 33.5 417.262 33.2796 417.544 33.1172C417.825 32.9548 418.14 32.8321 418.488 32.7493C418.836 32.6664 419.191 32.6035 419.552 32.5604C420.009 32.5073 420.381 32.4643 420.666 32.4311C420.951 32.3946 421.158 32.3366 421.287 32.2571C421.416 32.1776 421.481 32.0483 421.481 31.8693V31.8345C421.481 31.4003 421.358 31.0639 421.113 30.8253C420.871 30.5866 420.51 30.4673 420.029 30.4673C419.529 30.4673 419.134 30.5784 418.846 30.8004C418.561 31.0192 418.364 31.2628 418.254 31.5312L416.857 31.2131C417.023 30.7491 417.265 30.3745 417.583 30.0895C417.905 29.8011 418.274 29.5923 418.692 29.4631C419.11 29.3305 419.549 29.2642 420.009 29.2642C420.314 29.2642 420.637 29.3007 420.979 29.3736C421.324 29.4432 421.645 29.5724 421.943 29.7614C422.245 29.9503 422.492 30.2204 422.684 30.5717C422.876 30.9197 422.972 31.3722 422.972 31.929V37H421.521V35.956H421.461C421.365 36.1482 421.221 36.3371 421.029 36.5227C420.836 36.7083 420.589 36.8625 420.288 36.9851C419.986 37.1077 419.625 37.169 419.204 37.169ZM419.527 35.9759C419.938 35.9759 420.289 35.8946 420.581 35.7322C420.876 35.5698 421.1 35.3577 421.252 35.0959C421.408 34.8307 421.486 34.5473 421.486 34.2457V33.2614C421.433 33.3144 421.33 33.3641 421.178 33.4105C421.029 33.4536 420.858 33.4917 420.666 33.5249C420.473 33.5547 420.286 33.5829 420.104 33.6094C419.922 33.6326 419.769 33.6525 419.646 33.669C419.358 33.7055 419.095 33.7668 418.856 33.853C418.621 33.9392 418.432 34.0634 418.289 34.2259C418.15 34.3849 418.08 34.5971 418.08 34.8622C418.08 35.2301 418.216 35.5085 418.488 35.6974C418.76 35.883 419.106 35.9759 419.527 35.9759ZM428.154 40.0227C427.548 40.0227 427.026 39.9432 426.588 39.7841C426.154 39.625 425.799 39.4145 425.524 39.1527C425.249 38.8909 425.044 38.6042 424.908 38.2926L426.185 37.7656C426.275 37.9115 426.394 38.0656 426.543 38.228C426.696 38.3937 426.901 38.5346 427.16 38.6506C427.422 38.7666 427.758 38.8246 428.169 38.8246C428.732 38.8246 429.198 38.687 429.566 38.4119C429.934 38.1402 430.118 37.706 430.118 37.1094V35.608H430.023C429.934 35.7704 429.805 35.951 429.636 36.1499C429.47 36.3487 429.241 36.5211 428.95 36.6669C428.658 36.8127 428.278 36.8857 427.811 36.8857C427.208 36.8857 426.664 36.7448 426.18 36.4631C425.7 36.178 425.319 35.7588 425.037 35.2053C424.759 34.6484 424.619 33.964 424.619 33.152C424.619 32.34 424.757 31.6439 425.032 31.0639C425.31 30.4839 425.692 30.0398 426.175 29.7315C426.659 29.42 427.208 29.2642 427.821 29.2642C428.295 29.2642 428.678 29.3438 428.969 29.5028C429.261 29.6586 429.488 29.8409 429.651 30.0497C429.816 30.2585 429.944 30.4425 430.033 30.6016H430.143V29.3636H431.599V37.169C431.599 37.8253 431.447 38.3639 431.142 38.7848C430.837 39.2057 430.424 39.5173 429.904 39.7195C429.387 39.9216 428.804 40.0227 428.154 40.0227ZM428.139 35.6527C428.567 35.6527 428.928 35.5533 429.223 35.3544C429.521 35.1522 429.747 34.8639 429.899 34.4893C430.055 34.1115 430.133 33.6591 430.133 33.1321C430.133 32.6184 430.057 32.166 429.904 31.7749C429.752 31.3838 429.528 31.0788 429.233 30.8601C428.938 30.638 428.573 30.527 428.139 30.527C427.692 30.527 427.319 30.643 427.021 30.875C426.722 31.1037 426.497 31.4152 426.344 31.8097C426.195 32.2041 426.121 32.6449 426.121 33.1321C426.121 33.6326 426.197 34.0717 426.349 34.4496C426.502 34.8274 426.727 35.1224 427.026 35.3345C427.327 35.5466 427.698 35.6527 428.139 35.6527ZM436.884 37.1541C436.132 37.1541 435.484 36.9934 434.94 36.6719C434.4 36.3471 433.982 35.8913 433.688 35.3047C433.396 34.7147 433.25 34.0237 433.25 33.2315C433.25 32.4493 433.396 3
6361.7599 433.688 31.1634C433.982 30.5668 434.393 30.1011 434.92 29.7663C435.451 29.4316 436.071 29.2642 436.78 29.2642C437.211 29.2642 437.628 29.3355 438.033 29.478C438.437 29.6205 438.8 29.8442 439.121 30.1491C439.443 30.4541 439.696 30.8501 439.882 31.3374C440.068 31.8213 440.161 32.4096 440.161 33.1023V33.6293H434.09V32.5156H438.704C438.704 32.1245 438.624 31.7782 438.465 31.4766C438.306 31.1716 438.082 30.9313 437.794 30.7557C437.509 30.58 437.174 30.4922 436.79 30.4922C436.372 30.4922 436.008 30.5949 435.696 30.8004C435.388 31.0026 435.149 31.2678 434.98 31.5959C434.814 31.9207 434.732 32.2737 434.732 32.6548V33.5249C434.732 34.0353 434.821 34.4695 435 34.8274C435.182 35.1854 435.436 35.4588 435.761 35.6477C436.085 35.8333 436.465 35.9261 436.899 35.9261C437.181 35.9261 437.438 35.8864 437.67 35.8068C437.902 35.724 438.102 35.6013 438.271 35.4389C438.44 35.2765 438.57 35.076 438.659 34.8374L440.066 35.0909C439.953 35.5052 439.751 35.8681 439.46 36.1797C439.171 36.4879 438.808 36.7282 438.371 36.9006C437.937 37.0696 437.441 37.1541 436.884 37.1541ZM444.669 37.1491C444.052 37.1491 443.502 36.9917 443.018 36.6768C442.537 36.3587 442.16 35.9062 441.884 35.3196C441.613 34.7296 441.477 34.022 441.477 33.1967C441.477 32.3714 441.614 31.6655 441.889 31.0788C442.168 30.4922 442.549 30.0431 443.033 29.7315C443.517 29.42 444.065 29.2642 444.678 29.2642C445.152 29.2642 445.534 29.3438 445.822 29.5028C446.114 29.6586 446.339 29.8409 446.498 30.0497C446.66 30.2585 446.786 30.4425 446.876 30.6016H446.965V26.8182H448.452V37H447V35.8118H446.876C446.786 35.9742 446.657 36.1598 446.488 36.3686C446.322 36.5774 446.094 36.7597 445.802 36.9155C445.51 37.0713 445.133 37.1491 444.669 37.1491ZM444.997 35.8814C445.424 35.8814 445.785 35.7687 446.08 35.5433C446.379 35.3146 446.604 34.9981 446.757 34.5938C446.912 34.1894 446.99 33.7187 446.99 33.1818C446.99 32.6515 446.914 32.1875 446.762 31.7898C446.609 31.392 446.385 31.0821 446.09 30.8601C445.795 30.638 445.431 30.527 444.997 30.527C444.549 30.527 444.176 30.643 443.878 30.875C443.58 31.107 443.354 31.4235 443.202 31.8246C443.053 32.2256 442.978 32.678 442.978 33.1818C442.978 33.6922 443.054 34.1513 443.207 34.5589C443.359 34.9666 443.585 35.2898 443.883 35.5284C444.185 35.7637 444.556 35.8814 444.997 35.8814ZM453.79 37.1541C453.074 37.1541 452.449 36.9901 451.916 36.6619C451.382 36.3338 450.968 35.8748 450.673 35.2848C450.378 34.6948 450.23 34.0054 450.23 33.2166C450.23 32.4245 450.378 31.7318 450.673 31.1385C450.968 30.5452 451.382 30.0845 451.916 29.7564C452.449 29.4283 453.074 29.2642 453.79 29.2642C454.506 29.2642 455.131 29.4283 455.664 29.7564C456.198 30.0845 456.612 30.5452 456.907 31.1385C457.202 31.7318 457.35 32.4245 457.35 33.2166C457.35 34.0054 457.202 34.6948 456.907 35.2848C456.612 35.8748 456.198 36.3338 455.664 36.6619C455.131 36.9901 454.506 37.1541 453.79 37.1541ZM453.795 35.9062C454.259 35.9062 454.644 35.7836 454.949 35.5384C455.253 35.2931 455.479 34.9666 455.625 34.5589C455.774 34.1513 455.848 33.7022 455.848 33.2116C455.848 32.7244 455.774 32.277 455.625 31.8693C455.479 31.4583 455.253 31.1286 454.949 30.88C454.644 30.6314 454.259 30.5071 453.795 30.5071C453.328 30.5071 452.94 30.6314 452.632 30.88C452.327 31.1286 452.1 31.4583 451.951 31.8693C451.805 32.277 451.732 32.7244 451.732 33.2116C451.732 33.7022 451.805 34.1513 451.951 34.5589C452.1 34.9666 452.327 35.2931 452.632 35.5384C452.94 35.7836 453.328 35.9062 453.795 35.9062ZM460.496 32.4659V37H459.009V29.3636H460.436V30.6065H460.53C460.706 30.2022 460.981 29.8774 461.356 29.6321C461.733 29.3868 462.209 29.2642 462.782 29.2642C463.303 29.2642 463.759 29.3736 464.15 29.5923C464.541 29.8078 464.844 30.1293 465.059 30.5568C465.275 30.9844 465.383 31.513 465.383 32.1428V37H463.896V32.3217C463.896 31.7682 463.752 31.3357 463.464 31.0241C463.175 30.7093 462.779 30.5518 462.275 30.5518C461.931 30.5518 461.624 30.6264 461.356 30.7756C461.09 30.9247 460.88 31.1435 460.724 31.4318C460.572 31.7169 460.496 32.0616 460.496 32.4659ZM470.667 37.1541C469.915 37.1541 469.267 36.9934 468.724 36.6719C468.183 36.3471 467.766 35.8913 467.471 35.3047C467.179 34.7147 467.033 34.0237 467.033 33.2315C467.033 32.4493 467.179 31.7599 467.471 31.1634C467.766 30.5668 468.177 30.1011 468.704 29.7663C469.234 29.4316 469.854 29.2642 470.563 29.2642C470.994 29.2642 471.412 29.3355 471.816 29.478C472.22 29.6205 472.583 29.8442 472.905 30.1491C473.226 30.4541 473.48 30.8501 473.665 31.3374C473.851 31.8213 473.944 32.4096 473.944 33.1023V33.6293H467.873V32.5156H472.487C472.487 32.1245 472.407 31.7782 472.248 31.4766C472.089 31.1716 471.866 30.9313 471.577 30.7557C471.292 30.58 470.957 30.4922 470.573 30.4922C470.155 30.4922 469.791 30.5949 469.479 30.8004C469.171 31.0026 468.932 31.2678 468.763 31.5959C468.598 31.9207 468.515 32.2737 468.515 32.6548V33.5249C468.515 34.0353 468.604 34.4695 468.783 34.8274C468.965 35.1854 469.219 35.4588 469.544 35.6477C469.869 35.8333 470.248 35.9261 470.682 35.9261C470.964 35.9261 471.221 35.8864 471.453 35.8068C471.685 35.724 471.885 35.6013 472.055 35.4389C472.224 35.2765 472.353 35.076 472.442 34.8374L473.849 35.0909C473.737 35.5052 473.534 35.8681 473.243 36.1797C472.954 36.4879 472.591 36.7282 472.154 36.9006C471.72 37.0696 471.224 37.1541 470.667 37.1541Z" 637 fill="#4B5563"></path> 638 <path class="fill-gray-400 transition-all duration-500 group-hover:fill-indigo-400" 639 d="M270 25.1746C270 24.3326 270.351 23.5252 270.976 22.9298C271.601 22.3345 272.449 22 273.333 22H285C285.265 22 285.52 22.1003 285.707 22.2789C285.895 22.4576 286 22.6998 286 22.9524V38.8254C286 39.078 285.895 39.3202 285.707 39.4988C285.52 39.6774 285.265 39.7778 285 39.7778H281.667C281.401 39.7778 281.147 39.6774 280.96 39.4988C280.772 39.3202 280.667 39.078 280.667 38.8254C280.667 38.5728 280.772 38.3306 280.96 38.152C281.147 37.9734 281.401 37.873 281.667 37.873H284V35.3333H273.333C273.071 35.3334 272.814 35.4072 272.595 35.5457C272.377 35.6841 272.206 35.8809 272.104 36.1115C272.003 36.342 271.975 36.596 272.024 36.8416C272.073 37.0872 272.198 37.3135 272.381 37.4921C272.473 37.5814 272.546 37.6872 272.595 37.8033C272.644 37.9194 272.668 38.0435 272.667 38.1686C272.666 38.2937 272.638 38.4173 272.587 38.5324C272.535 38.6475 272.461 38.7518 272.367 38.8394C272.273 38.9269 272.162 38.996 272.04 39.0427C271.918 39.0894 271.788 39.1127 271.656 39.1114C271.525 39.1101 271.395 39.0842 271.274 39.0351C271.153 38.986 271.044 38.9148 270.952 38.8254C270.341 38.2322 269.999 37.4342 270 36.6032V25.1746ZM284 23.9048H273.333C272.98 23.9048 272.641 24.0385 272.391 24.2767C272.14 24.5148 272 24.8378 272 25.1746V33.6927C272.42 33.5177 272.874 33.4278 273.333 33.4286H284V23.9048ZM274 37.5556C274 37.4714 274.035 37.3906 274.098 37.3311C274.16 37.2715 274.245 37.2381 274.333 37.2381H279C279.088 37.2381 279.173 37.2715 279.236 37.3311C279.298 37.3906 279.333 37.4714 279.333 37.5556V41.6825C279.333 41.7415 279.316 41.7993 279.284 41.8494C279.251 41.8996 279.204 41.9401 279.149 41.9665C279.094 41.9929 279.032 42.004 278.97 41.9987C278.908 41.9934 278.85 41.9719 278.8 41.9365L276.867 40.5562C276.809 40.5148 276.739 40.4924 276.667 40.4924C276.594 40.4924 276.524 40.5148 276.467 40.5562L274.533 41.9365C274.484 41.9719 274.425 41.9934 274.363 41.9987C274.302 42.004 274.24 41.9929 274.184 41.9665C274.129 41.9401 274.082 41.8996 274.05 41.8494C274.017 41.7993 274 41.7415 274 41.6825V37.5556Z" 640 fill="#9CA3AF"></path> 641 <rect class="fill-gray-500 transition-all duration-500 group-hover:fill-indigo-600" x="536" y="20" 642 width="24" height="24" rx="5" fill="#4B5563"></rect> 643 <path 644 d="M550.716 30.4089C550.937 30.6204 550.942 30.9688 550.729 31.1871L548.732 33.2278C548.518 33.4461 548.166 33.4517 547.945 33.2402C547.725 33.0287 547.719 32.6803 547.933 32.4619L549.93 30.4213C550.144 30.203 550.496 30.1974 550.716 30.4089Z" 645 fill="white"></path> 646 <path fill-rule="evenodd" clip-rule="evenodd" 647 d="M542.3 27.8707C542.3 27.0033 543.01 26.3 543.887 26.3H549.685V26.3005C552.24 26.3345 554.3 28.395 554.3 30.9317C554.3 33.4898 552.205 35.5634 549.621 35.5634C548.699 35.5634 547.84 35.2998 547.116 34.8446L544.559 37.322C543.718 38.1371 542.3 37.5471 542.3 36.3818V27.8707ZM546.25 34.1438C545.44 33.311 544.942 32.179 544.942 30.9317C544.942 30.6278 545.191 30.3814 545.498 30.3814C545.805 30.3814 546.054 30.6278 546.054 30.9317C546.054 32.8819 547.651 34.4627 549.621 34.4627C551.591 34.4627 553.188 32.8819 553.188 30.9317C553.188 28.9816 551.591 27.4008 549.621 27.4008H543.887C543.625 27.4008 543.412 27.6112 543.412 27.8707V36.3818C543.412 36.5722 543.644 36.6685 543.781 36.5354L546.25 34.1438Z" 648 fill="white"></path> 649 <rect class="fill-gray-400 transition-all duration-500 group-hover:fill-indigo-400" width="20" 650 height="6" rx="3" transform="matrix(1 0 0 -1 268 70)" fill="#94A3B8"></rect> 651 <rect class="fill-gray-100 transition-all duration-500 group-hover:fill-indigo-100" width="20" 652 height="6" rx="3" transform="matrix(1 0 0 -1 293 70)" fill="#E2E8F0"></rect> 653 <rect class="fill-gray-100 transition-all duration-500 group-hover:fill-indigo-100" width="20" 654 height="6" rx="3" transform="matrix(1 0 0 -1 318 70)" fill="#E2E8F0"></rect> 655 <rect class="fill-gray-100 transition-all duration-500 group-hover:fill-indigo-100" width="20" 656 height="6" rx="3" transform="matrix(1 0 0 -1 343 70)" fill="#E2E8F0"></rect> 657 <rect x="268" y="80" width="292" height="132" rx="5" fill="white"></rect> 658 <defs> 659 <linearGradient id="paint0_linear_2871_1723" x1="248" y1="0" x2="565.063" y2="250.878" 660 gradientUnits="userSpaceOnUse"> 661 <stop stop-color="#F3F4F6"></stop> 662 <stop offset="1" stop-color="white"></stop> 663 </linearGradient> 664 <linearGradient id="paint0_linear_2886_1414" x1="207" y1="30.4917" x2="1" y2="30.4917" 665 gradientUnits="userSpaceOnUse"> 666 <stop stop-color="#7C3AED"></stop> 667 <stop offset="1" stop-color="#4F46E5" stop-opacity="0.05"></stop> 668 </linearGradient> 669 <linearGradient id="paint1_linear_2871_1723" x1="248" y1="0" x2="565.063" y2="250.878" 670 gradientUnits="userSpaceOnUse"> 671 <stop stop-color="#E5E7EB"></stop> 672 <stop offset="1" stop-color="white"></stop> 673 </linearGradient> 674 <linearGradient id="paint2_linear_2871_1723" x1="32" y1="74" x2="258" y2="74" 675 gradientUnits="userSpaceOnUse"> 676 <stop stop-color="#F3F4F6"></stop> 677 <stop offset="1" stop-color="#E5E7EB"></stop> 678 </linearGradient> 679 <linearGradient id="paint3_linear_2871_1723" x1="32" y1="192" x2="258" y2="192" 680 gradientUnits="userSpaceOnUse"> 681 <stop stop-color="#F3F4F6"></stop> 682 <stop offset="1" stop-color="#E5E7EB"></stop> 683 </linearGradient> 684 <linearGradient id="paint4_linear_2871_1723" x1="74" y1="104" x2="258" y2="104" 685 gradientUnits="userSpaceOnUse"> 686 <stop stop-color="#F3F4F6"></stop> 687 <stop offset="1" stop-color="#E5E7EB"></stop> 688 </linearGradient> 689 <linearGradient id="paint5_linear_2871_1723" x1="74" y1="128" x2="258" y2="128" 690 gradientUnits="userSpaceOnUse"> 691 <stop stop-color="#F3F4F6"></stop> 692 <stop offset="1" stop-color="#E5E7EB"></stop> 693 </linearGradient> 694 <clipPath id="clip0_2871_1723"> 695 <rect width="34" height="34" fill="white" transform="translate(15 99)"></rect> 696 </clipPath> 697 </defs> 698 </svg> 699 700 </div> 701 </div> 702 </div> 703 </div> 704 <!-- whatever you're building --> 705 <div class="pb-20 md:pb-36"> 706 <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"> 707 <div class="block mb-8 w-full max-w-6xl mx-auto"> 708 <h2 class="page-heading mb-8"> 709 Whatever youâre building <br> 710 Pagedone got you covered with Tailwind CSS Components 711 </h2> 712 <p class="page-paragraph"> 713 Enhance your website with over 500+ responsive and expertly crafted Tailwind CSS Components with a wide
714 range of options available, from buttons to navigation menus and beyond. You can customize these elements 715 to fit your brand and design requirements. 716 </p> 717 </div> 718 </div> 719 <div 720 class="relative overflow-x-hidden pt-0 border-b border-gray-300 bg-gradient-to-b from-[#FBFDFF] to-[#F4F9FF]"> 721 <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"> 722 <img src="https://pagedone.io/asset/uploads/1747215672.png" alt="image"> 723 </div> 724 </div> 725 </div> 726 <!-- testimonials --> 727 <div class="relative"> 728 <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"> 729 <div class="block mb-16"> 730 <h2 class="page-heading max-w-[590px] mx-auto mb-8"> 731 Words of trust for Pagedone 732 Tailwind CSS Components Library 733 </h2> 734 <p class="page-paragraph max-w-[900px] mx-auto"> 735 The unwavering support of our amazing design community is a constant source of amazement and inspiration 736 for us. 737 We invite you to join and shower your words of trust! 738 </p> 739 </div> 740 <div class=""> 741 <div class="columns-1 md:columns-2 xl:columns-3 !gap-8 page-library"> 742 <div class="rounded-3xl bg-gray-50 p-6 mb-8"> 743 <div class="flex items-center justify-between"> 744 <div class="flex items-center gap-5"> 745 <div class="block"> 746 <img src="https://pagedone.io/asset/uploads/1703142716.png" alt="image" 747 class="rounded-full w-14 h-14" /> 748 </div> 749 <div class="relative"> 750 <h6 class="card-heading">Daniel</h6> 751 <p class="card-tag">@oxtuggs</p> 752 </div> 753 </div> 754 <a href="https://x.com/oxtuggs/status/1735810149208506793?s=20" target="_blank" class="block"> 755 <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"> 756 <rect width="30" height="30" rx="5" fill="black"></rect> 757 <path 758 d="M16.3319 13.928L21.5437 8H20.3087L15.7833 13.1472L12.1688 8H8L13.4657 15.7835L8 22H9.2351L14.0141 16.5643L17.8312 22H22L16.3316 13.928H16.3319ZM14.6403 15.8521L14.0865 15.077L9.68013 8.90978H11.5772L15.1331 13.887L15.6869 14.662L20.3093 21.1316H18.4122L14.6403 15.8524V15.8521Z" 759 fill="white"></path> 760 </svg> 761 </a> 762 </div> 763 764 <p class="card-para"><span>@pagedone</span> 765 is a game-changer for our agency. It's super intuitive, making us work faster and better. A must-have for any designer or agency serious about efficiency.</p> 766 <!-- <p class="text-sm leading-[22px] text-gray-500">08:10 PM | 23 Mar 2022</p> --> 767 </div> 768 <div class="rounded-3xl bg-gray-50 p-6 mb-8"> 769 <div class="flex items-center justify-between"> 770 <div class="flex items-center gap-5"> 771 <div class="block"> 772 <img src="https://pagedone.io/asset/uploads/1702367184.jpg" alt="image" 773 class="rounded-full w-14 h-14" /> 774 </div> 775 <div class="relative"> 776 <h6 class="card-heading">Vivek Vyas</h6> 777 <p class="card-tag">@VivekVyang</p> 778 </div> 779 </div> 780 <a href="https://twitter.com/VivekVyang/status/1734476206094139669?s=20" target="_blank" class="block"> 781 <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"> 782 <rect width="30" height="30" rx="5" fill="black"></rect> 783 <path 784 d="M16.3319 13.928L21.5437 8H20.3087L15.7833 13.1472L12.1688 8H8L13.4657 15.7835L8 22H9.2351L14.0141 16.5643L17.8312 22H22L16.3316 13.928H16.3319ZM14.6403 15.8521L14.0865 15.077L9.68013 8.90978H11.5772L15.1331 13.887L15.6869 14.662L20.3093 21.1316H18.4122L14.6403 15.8524V15.8521Z" 785 fill="white"></path> 786 </svg> 787 </a> 788 </div> 789 <p class="card-para"><a href="https://twitter.com/pagedone" target="_blank" class="text-indigo-600">@pagedone</a> 790 you beauty. The world will now witness the easiest tools to design websites. Designing is a child's play now. Thank y
790ou for the wonderful product.</p> 791 <!-- <p class="text-sm leading-[22px] text-gray-500">08:10 PM | 23 Mar 2022</p> --> 792 </div> 793 794 <div class="rounded-3xl bg-gray-50 p-6 mb-8"> 795 <div class="flex items-center justify-between"> 796 <div class="flex items-center gap-5"> 797 <div class="block"> 798 <img src="https://pagedone.io/asset/uploads/1703142716.png" alt="image" 799 class="rounded-full w-14 h-14" /> 800 </div> 801 <div class="relative"> 802 <h6 class="card-heading">BerryB</h6> 803 <p class="card-tag">@BerryB777</p> 804 </div> 805 </div> 806 <a href="https://twitter.com/BerryB777/status/1736642580086161613?s=20" target="_blank" class="block"> 807 <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"> 808 <rect width="30" height="30" rx="5" fill="black"></rect> 809 <path 810 d="M16.3319 13.928L21.5437 8H20.3087L15.7833 13.1472L12.1688 8H8L13.4657 15.7835L8 22H9.2351L14.0141 16.5643L17.8312 22H22L16.3316 13.928H16.3319ZM14.6403 15.8521L14.0865 15.077L9.68013 8.90978H11.5772L15.1331 13.887L15.6869 14.662L20.3093 21.1316H18.4122L14.6403 15.8524V15.8521Z" 811 fill="white"></path> 812 </svg> 813 </a> 814 </div> 815 816 <p class="card-para"><span>@pagedone</span> 817 has become our go-to tool for UI/UX projects. It's like having a secret weapon in our design arsenal! Amazing work, team.</p> 818 <!-- <p class="text-sm leading-[22px] text-gray-500">08:10 PM | 23 Mar 2022</p> --> 819 </div> 820 <div class="rounded-3xl bg-gray-50 p-6 mb-8"> 821 <div class="flex items-center justify-between"> 822 <div class="flex items-center gap-5"> 823 <div class="block"> 824 <img src="https://pagedone.io/asset/uploads/1702366325.jpg" alt="image" 825 class="rounded-full w-14 h-14" /> 826 </div> 827 <div class="relative"> 828 <h6 class="card-heading">Vivek Sancheti</h6> 829 <p class="card-tag">@VivekSancheti91</p> 830 </div> 831 </div> 832 <a href="https://twitter.com/VivekSancheti91/status/1734472093918724511?fbclid=IwAR0BZ7YanAzaVWYkdQDPQ6_UCx5KMF89tbiddVoojti7KaW9Y67jsIu6G-8" target="_blank" class="block"> 833 <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"> 834 <rect width="30" height="30" rx="5" fill="black"></rect> 835 <path 836 d="M16.3319 13.928L21.5437 8H20.3087L15.7833 13.1472L12.1688 8H8L13.4657 15.7835L8 22H9.2351L14.0141 16.5643L17.8312 22H22L16.3316 13.928H16.3319ZM14.6403 15.8521L14.0865 15.077L9.68013 8.90978H11.5772L15.1331 13.887L15.6869 14.662L20.3093 21.1316H18.4122L14.6403 15.8524V15.8521Z" 837 fill="white"></path> 838 </svg> 839 </a> 840 </div> 841 842 <p class="card-para">Just had an amazing experience using <a href="https://twitter.com/pagedone" target="_blank" class="text-indigo-600">@pagedone</a> 843 with our team! This tool has revolutionized our product UI design process, making it faster and more efficient than ever.</p> 844 <!-- <p class="text-sm leading-[22px] text-gray-500">08:10 PM | 23 Mar 2022</p> --> 845 </div> 846 <div class="rounded-3xl bg-gray-50 p-6"> 847 <div class="flex items-center justify-between"> 848 <div class="flex items-center gap-5"> 849 <div class="block"> 850 <img src="https://pagedone.io/asset/uploads/1703143063.jpg" alt="image" 851 class="rounded-full w-14 h-14" /> 852 </div> 853 <div class="relative"> 854 <h6 class="card-heading"> 855 Latent - An Alpha OBS LLP Venture</h6> 856 <p class="card-tag">@LatentHQ</p> 857 </div> 858 </div> 859 <a href="https://twitter.com/oxtuggs/status/1735810149208506793?s=20" target="_blank" class="block"> 860 <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"> 861 <rect width="30" height="30" rx="5" fill="black"></rect> 862 <path 863 d="M16.3319 13.928L21.5437 8H20.3087L15.7833 13.1472L12.1688 8H8L13.4657 15.7835L8 22H9.2351L14.0141 16.5643L17.8312 22H22L16.3316 13.928H16.3319ZM14.6403 15.8521L14.0865 15.077L9.68013 8.90978H11.5772L15.1331 13.887L15.6869 14.662L20.3093 21.1316H18.4122L14.6403 15.8524V15.8521Z" 864 fill="white"></path> 865 </svg> 866 </a> 867 </div> 868 869 <p class="card-para">Elevate your design game with
870 <span>@Pagedone</span> 871 ! ð¨ Swift, intuitive, and packed with modern UI/UX elements. Crafting stunning interfaces has never been this fast and easy! ðâ¨</p> 872 <!-- <p class="text-sm leading-[22px] text-gray-500">08:10 PM | 23 Mar 2022</p> --> 873 </div> 874 <div class="rounded-3xl bg-gray-50 p-6 mb-8"> 875 <div class="flex items-center justify-between"> 876 <div class="flex items-center gap-5"> 877 <div class="block"> 878 <img src="https://pagedone.io/asset/uploads/1703143052.jpg" alt="image" 879 class="rounded-full w-14 h-14" /> 880 </div> 881 <div class="relative"> 882 <h6 class="card-heading">Inverse Studio</h6> 883 <p class="card-tag">@inverse_hq</p> 884 </div> 885 </div> 886 <a href="https://twitter.com/inverse_hq/status/1737722721092657632?s=20" target="_blank" class="block"> 887 <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"> 888 <rect width="30" height="30" rx="5" fill="black"></rect> 889 <path 890 d="M16.3319 13.928L21.5437 8H20.3087L15.7833 13.1472L12.1688 8H8L13.4657 15.7835L8 22H9.2351L14.0141 16.5643L17.8312 22H22L16.3316 13.928H16.3319ZM14.6403 15.8521L14.0865 15.077L9.68013 8.90978H11.5772L15.1331 13.887L15.6869 14.662L20.3093 21.1316H18.4122L14.6403 15.8524V15.8521Z" 891 fill="white"></path> 892 </svg> 893 </a> 894 </div> 895 896 <p class="card-para"><span>@pagedone</span> is a game-changer for our agency. It's super intuitive, making us work faster and better. A must-have for any designer or agency serious about efficiency.</p> 897 <!-- <p class="text-sm leading-[22px] text-gray-500">08:10 PM | 23 Mar 2022</p> --> 898 </div> 899 900 </div> 901 902 </div> 903 </div> 904 </div> 905 <!-- pricing-plan section start --> 906 <div class="py-9 lg:py-[75px] bg-white relative z-0"> 907 <div class="w-full max-w-7xl px-4 lg:px-6 mx-auto"> 908 <div class="bg-indigo-50 px-3.5 rounded-full py-2 w-max mx-auto mb-3"> 909 <span 910 class="text-sm font-medium leading-[18px] text-transparent bg-gradient-to-tr from-[#7C3AED] to-[#4F46E5] bg-clip-text"> 911 Endless Access 912 </span> 913 </div> 914 <h2 class="font-manrope text-3xl leading-[42px] sm:text-4xl sm:leading-[52px] font-bold text-gray-900 text-center mb-8 max-w-[900px] mx-auto"> 915 300+ Components, 1100+ Blocks, 15+ Templates 916in Single Tailwind CSS Library 917 </h2> 918 919 <!-- pricing card --> 920 <div class="relative pt-[50px] bg-[linear-gradient(270deg,rgba(79,70,229,0.00)_0%,rgba(79,70,229,0.20)_50%,rgba(79,70,229,0.00)_100%);] md:h-[650px] before:content-[' '] before:absolute before:bg-[radial-gradient(50%_50%_at_50%_50%,rgba(255,255,255,0.00)_0%,rgba(255,255,255,0.00)_50%,#FFF_100%)] before:h-full before:w-full before:top-0 before:z-10"> 921 922 <div class="w-full max-w-7xl mx-auto px-4 lg:px-8 relative z-10 overflow-hidden"> 923 924 <h2 class="text-4xl leading-[48px] sm:text-[52px] font-semibold font-manrope sm:leading-[70px] tracking-[-1.56px] max-w-2xl mx-auto text-center text-gray-900 mb-5"> 925 Purchase Pagedone <span class="text-transparent bg-clip-text bg-gradient-to-r from-indigo-600 via-purple-500 to-indigo-600">Developer Plus</span> 926 </h2> 927 <p class="text-base font-medium leading-8 text-center text-[#111827] mb-5 max-w-lg mx-auto">Gain access to all Pagedone features and build your next Tailwind project. New Tailwind components are updated each month.</p> 928 <div class="flex flex-col min-[460px]:flex-row items-center justify-center gap-3.5 mb-[50px]"> 929 <a href="https://pagedone.io/plan-list" class="py-3 px-6 rounded-full bg-indigo-600 shadow-[0px_1px_2px_0px_rgba(16,24,40,0.05)] text-sm font-semibold text-white transition-all duration-500 hover:drop-shadow-xl"> 930 Purchase Now 931 </a> 932 933 </div> 934 </div> 935 <div class="flex items-start flex-col gap-12 absolute left-0 bottom-8 z-0"> 936 <img src="https://pagedone.io/asset/uploads/1747215719.png" alt="image" class="hidden md:block xl:max-w-max md:max-w-[250px]"> 937 <img src="https://pagedone.io/asset/uploads/1747215729.png" alt="image" class="ml-12 hidden md:block xl:max-w-max md:max-w-[250px]"> 938 </div> 939 <div class="flex items-end flex-col gap-12 absolute right-0 bottom-0 z-0"> 940 <img src="https://pagedone.io/asset/uploads/1747215747.png" alt="image" class=" hidden md:block xl:max-w-max md:max-w-[250px]"> 941 <img src="https://pagedone.io/asset/uploads/1747215760.png" alt="image" class="mr-12 hidden md:block xl:max-w-max md:max-w-[250px]"> 942 </div> 943 <img src="https://pagedone.io/asset/uploads/1747215738.png" alt="image" class="absolute left-1/2 max-sm:w-[60%] -translate-x-1/2 bottom-0 z-0 xl:max-w-max md:max-w-[250px] hidden lg:block"> 944 </div> 945 </div> 946 </div> 947 <!-- FAQ --> 948 <div class="py-20 md:py-36"> 949 <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"> 950 <div class="block mb-16"> 951 <h2 class="page-heading max-w-[590px] mx-auto mb-8"> 952 Frequently Asked Questions 953 </h2> 954 <p class="page-paragraph max-w-[900px] mx-auto"> 955 Everything you need to know about Pagedone Tailwind CSS Components Library 956 </p> 957 </div> 958 <div class="accordion-group" data-accordion="default-accordion"> 959 <div class="accordion pb-8 border-b border-solid border-gray-200 active" 960 id="basic-heading-one-with-arrow-always-open"> 961 <button 962 class="accordion-toggle group inline-flex items-center justify-between text-xl leading-8 font-medium text-gray-900 w-full transition duration-500 hover:text-indigo-600 accordion-active-text-indigo-600 always-open" 963 aria-controls="basic-collapse-one-with-arrow-always-open"> 964 <h5 class="lg:text-xl text-base text-left">What is Pagedone?</h5> 965 <svg 966 class="text-gray-900 transition duration-500 group-hover:text-indigo-600 accordion-active-text-indigo-600 accordion-active-rotate-180" 967 width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 968 <path 969 d="M16.5 8.25L12.4142 12.3358C11.7475 13.0025 11.4142 13.3358 11 13.3358C10.5858 13.3358 10.2525 13.0025 9.58579 12.3358L5.5 8.25" 970 stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path> 971 </svg> 972 </button> 973 <div id="basic-collapse-one-with-arrow-always-open" 974 class="accordion-content w-full px-0 overflow-hidden pr-4 active" style="max-height: 90px" 975 aria-labelledby="basic-heading-one-with-arrow-always-open"> 976 <p class="lg:text-base text-sm text-gray-900 font-normal leading-[26px]"> 977 Pagedone is open-source library of Tailwind CSS components, blocks, sections and pages designed to 978 accelerate your web development workflow. 979 </p> 980 </div> 981 </div> 982 <div class="accordion py-8 border-b border-solid border-gray-200" 983 id="basic-heading-two-with-arrow-always-open"> 984 <button 985 class="accordion-toggle group inline-flex items-center justify-between text-xl leading-8 font-medium text-gray-900 w-full transition duration-500 hover:text-indigo-600 accordion-active-text-indigo-600" 986 aria-controls="basic-collapse-two-with-arrow-always-open"> 987 <h5 class="lg:text-xl text-base text-left ">What version of Tailwind CSS is used?</h5> 988 <svg 989 class="text-gray-900 transition duration-500 group-hover:text-indigo-600 accordion-active-text-indigo-600 accordion-active-rotate-180" 990 width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 991 <path 992 d="M16.5 8.25L12.4142 12.3358C11.7475 13.0025 11.4142 13.3358 11 13.3358C10.5858 13.3358 10.2525 13.0025 9.58579 12.3358L5.5 8.25" 993 stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path> 994 </svg> 995 </button> 996 <div id="basic-collapse-two-with-arrow-always-open" 997 class="accordion-content w-full px-0 overflow-hidden pr-4" 998 aria-labelledby="basic-heading-two-with-arrow-always-open" style=""> 999 <p class="lg:text-base text-sm text-gray-900 font-normal leading-[26px]"> 1000 Everything in Pagedone Tailwind CSS Library is designed and developed for the latest version of 1001 Tailwind CSS, which is currently Tailwind CSS v4.1. 1002 </p> 1003 </div> 1004 </div> 1005 <div class="accordion py-8 border-b border-solid border-gray-200" 1006 id="basic-heading-three-with-arrow-always-open"> 1007 <button 1008 class="accordion-toggle group inline-flex items-center justify-between text-xl leading-8 font-medium text-gray-900 w-full transition duration-500 hover:text-indigo-600 accordion-active-text-indigo-600" 1009 aria-controls="basic-collapse-three-with-arrow-always-open"> 1010 <h5 class="lg:text-xl text-base text-left ">What browsers are supported?</h5> 1011 <svg 1012 class="text-gray-900 transition duration-500 group-hover:text-indigo-600 accordion-active-text-indigo-600 accordion-active-rotate-180" 1013 width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 1014 <path 1015 d="M16.5 8.25L12.4142 12.3358C11.7475 13.0025 11.4142 13.3358 11 13.3358C10.5858 13.3358 10.2525 13.0025 9.58579 12.3358L5.5 8.25" 1016 stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path> 1017 </svg> 1018 </button> 1019 <div id="basic-collapse-three-with-arrow-always-open" 1020 class="accordion-content w-full px-0 overflow-hidden pr-4" 1021 aria-labelledby="basic-heading-three-with-arrow-always-open"> 1022 <p class="lg:text-base text-sm text-gray-900 font-normal leading-[26px]"> 1023 The components and templates in Pagedone Tailwind CSS Library are designed to work in the latest, 1024 stable releases of all major browsers, including Chrome, Firefox, Safari, and Edge. 1025 </p> 1026 </div> 1027 </div> 1028 <div class="accordion py-8 border-b border-solid border-gray-200" 1029 id="basic-heading-four-with-arrow-always-open"> 1030 <button 1031 class="accordion-toggle group inline-flex items-center justify-between text-xl leading-8 font-medium text-gray-900 w-full transition duration-500 hover:text-indigo-600 accordion-active-text-indigo-600" 1032 aria-controls="basic-collapse-four-with-arrow-always-open"> 1033 <h5 class="lg:text-xl text-base text-left ">How do I use Pagedone Tailwind CSS components?</h5> 1034 <svg 1035 class="text-gray-900 transition duration-500 group-hover:text-indigo-600 accordion-active-text-indigo-600 accordion-active-rotate-180" 1036 width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 1037 <path 1038 d="M16.5 8.25L12.4142 12.3358C11.7475 13.0025 11.4142 13.3358 11 13.3358C10.5858 13.3358 10.2525 13.0025 9.58579 12.3358L5.5 8.25" 1039 stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path> 1040 </svg> 1041 </button> 1042 <div id="basic-collapse-four-with-arrow-always-open" 1043 class="accordion-content w-full px-0 overflow-hidden pr-4" 1044 aria-labelledby="basic-heading-four-with-arrow-always-open"> 1045 <p class="lg:text-base text-sm text-gray-900 font-normal leading-[26px]"> 1046 Using Pagedone Tailwind CSS Library is straightforward: browse our collection, find a component you 1047 need, copy the code, and paste it directly into your project. 1048 </p> 1049 </div> 1050 </div> 1051 1052 <div class="accordion py-8 border-b border-solid border-gray-200" 1053 id="basic-heading-six-with-arrow-always-open"> 1054 <button 1055 class="accordion-toggle group inline-flex items-center justify-between text-xl leading-8 font-medium text-gray-900 w-full transition duration-500 hover:text-indigo-600 accordion-active-text-indigo-600" 1056 aria-controls="basic-collapse-six-with-arrow-always-open"> 1057 <h5 class="lg:text-xl text-base text-left ">Can I use Pagedone Tailwind CSS Library for my own commercial projects?</h5> 1058 <svg 1059 class="text-gray-900 transition duration-500 group-hover:text-indigo-600 accordion-active-text-indigo-600 accordion-active-rotate-180" 1060 width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 1061 <path 1062 d="M16.5 8.25L12.4142 12.3358C11.7475 13.0025 11.4142 13.3358 11 13.3358C10.5858 13.3358 10.2525 13.0025 9.58579 12.3358L5.5 8.25" 1063 stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path> 1064 </svg> 1065 </button> 1066 <div id="basic-collapse-six-with-arrow-always-open" 1067 class="accordion-content w-full px-0 overflow-hidden pr-4" 1068 aria-labelledby="basic-heading-six-with-arrow-always-open"> 1069 <p class="lg:text-base text-sm text-gray-900 font-normal leading-[26px]"> 1070 Absolutely! Your license gives you permission to build as many of your own projects as you like, 1071 whether those are simple public websites or SaaS applications that end users need to pay to access. 1072 </p> 1073 <p class="lg:text-base text-sm text-gray-900 font-normal leading-[26px] mt-4"> 1074 As long as what youâre building isnât a website builder or other tool that customers can use to create 1075 their own sites using elements that originate from Pagedone Tailwind CSS Library, youâre good to go. 1076 </p> 1077 </div> 1078 </div> 1079 <div class="accordion py-8 border-b border-solid border-gray-200" 1080 id="basic-heading-seven-with-arrow-always-open"> 1081 <button 1082 class="accordion-toggle group inline-flex items-center justify-between text-xl leading-8 font-medium text-gray-900 w-full transition duration-500 hover:text-indigo-600 accordion-active-text-indigo-600" 1083 aria-controls="basic-collapse-seven-with-arrow-always-open"> 1084 <h5 class="lg:text-xl text-bas
1084e text-left ">Can I use Pagedone Tailwind CSS Library in open source projects?</h5> 1085 <svg 1086 class="text-gray-900 transition duration-500 group-hover:text-indigo-600 accordion-active-text-indigo-600 accordion-active-rotate-180" 1087 width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 1088 <path 1089 d="M16.5 8.25L12.4142 12.3358C11.7475 13.0025 11.4142 13.3358 11 13.3358C10.5858 13.3358 10.2525 13.0025 9.58579 12.3358L5.5 8.25" 1090 stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path> 1091 </svg> 1092 </button> 1093 <div id="basic-collapse-seven-with-arrow-always-open" 1094 class="accordion-content w-full px-0 overflow-hidden pr-4" 1095 aria-labelledby="basic-heading-seven-with-arrow-always-open"> 1096 <p class="lg:text-base text-sm text-gray-900 font-normal leading-[26px]"> 1097 Yes! As long as what you're building is some sort of actual website and not a derivative component 1098 library, theme builder, or other product where the primary purpose is clearly to repackage and 1099 redistribute our components, it's totally okay for that project to be open source. 1100 </p> 1101 </div> 1102 </div> 1103 <div class="accordion pt-8 pb-1 " id="basic-heading-five-with-arrow-always-open"> 1104 <button 1105 class="accordion-toggle group inline-flex items-center justify-between text-xl leading-8 font-medium text-gray-900 w-full transition duration-500 hover:text-indigo-600 accordion-active-text-indigo-600" 1106 aria-controls="basic-collapse-five-with-arrow-always-open"> 1107 <h5 class="lg:text-xl text-base text-left ">Can I sell templates/themes I build with Pagedone Tailwind CSS Library?</h5> 1108 <svg 1109 class="text-gray-900 transition duration-500 group-hover:text-indigo-600 accordion-active-text-indigo-600 accordion-active-rotate-180" 1110 width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 1111 <path 1112 d="M16.5 8.25L12.4142 12.3358C11.7475 13.0025 11.4142 13.3358 11 13.3358C10.5858 13.3358 10.2525 13.0025 9.58579 12.3358L5.5 8.25" 1113 stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path> 1114 </svg> 1115 </button> 1116 <div id="basic-collapse-five-with-arrow-always-open" 1117 class="accordion-content w-full px-0 overflow-hidden pr-4" 1118 aria-labelledby="basic-heading-five-with-arrow-always-open"> 1119 <p class="lg:text-base text-sm text-gray-900 font-normal leading-[26px]"> 1120 No, you cannot use Pagedone Tailwind CSS Library to create derivative products like themes, UI kits, 1121 page builders, or anything else where you would be repackaging and redistributing our components or 1122 templates for someone else to use to build their own sites. 1123 </p> 1124 </div> 1125 </div> 1126 </div> 1127 </div> 1128 </div> 1129 </main> 1130 <!----------Hero Start----------> 1131 1132 <footer class="text-center md:text-left relative pt-16 pb-6 bg-gradient-to-b from-indigo-50/60 to-white border-t border-gray-200"> 1133 <div class="w-full max-w-7xl mx-auto px-6 sm:px-4 md:px-4"> 1134 <div class="block md:grid grid-flow-dense md:grid-flow-col gap-7 pb-16"> 1135 <div class="ft-logo w-full lg:w-64"> 1136 <a href="# " class="lg:block flex justify-center"> 1137 <svg xmlns="http://www.w3.org/2000/svg" width="178" height="36" viewBox="0 0 178 36" fill="none"> 1138 <path d="M51.0835 26.8896V7.72949H59.1187C59.3078 7.72949 59.5508 7.73836 59.8479 7.7561C60.145 7.76497 60.4196 7.79159 60.6717 7.83594C61.7971 8.00447 62.7244 8.3726 63.4537 8.9403C64.1919 9.50801 64.7366 10.2265 65.0877 11.0958C65.4478 11.9562 65.6279 12.9142 65.6279 13.9698C65.6279
113815.0165 65.4478 15.9745 65.0877 16.8438C64.7276 17.7043 64.1784 18.4183 63.4402 18.986C62.7109 19.5537 61.7881 19.9219 60.6717 20.0904C60.4196 20.1259 60.1405 20.1525 59.8344 20.1702C59.5373 20.188 59.2988 20.1968 59.1187 20.1968H54.3381V26.8896H51.0835ZM54.3381 17.2031H58.9837C59.1637 17.2031 59.3663 17.1942 59.5914 17.1765C59.8164 17.1587 60.0235 17.1233 60.2126 17.07C60.7527 16.937 61.1759 16.7019 61.482 16.3648C61.7971 16.0278 62.0177 15.6463 62.1437 15.2206C62.2788 14.7948 62.3463 14.3779 62.3463 13.9698C62.3463 13.5618 62.2788 13.1449 62.1437 12.7191C62.0177 12.2844 61.7971 11.8986 61.482 11.5615C61.1759 11.2244 60.7527 10.9894 60.2126 10.8563C60.0235 10.8031 59.8164 10.772 59.5914 10.7632C59.3663 10.7454 59.1637 10.7366 58.9837 10.7366H54.3381V17.2031Z" fill="#101828"></path> 1139 <path d="M71.7725 27.2887C70.7191 27.2887 69.8278 27.0936 69.0986 26.7033C68.3693 26.3041 67.8156 25.7763 67.4375 25.1199C67.0684 24.4635 66.8838 23.7406 66.8838 22.9511C66.8838 22.2592 67.0009 21.6383 67.2349 21.0883C67.469 20.5295 67.8291 20.0505 68.3153 19.6513C68.8015 19.2433 69.4317 18.9106 70.2059 18.6534C70.7911 18.4671 71.4754 18.2986 72.2586 18.1478C73.0509 17.997 73.9062 17.8595 74.8245 17.7353C75.7518 17.6023 76.7196 17.4603 77.728 17.3095L76.5666 17.9615C76.5756 16.968 76.3505 16.2362 75.8913 15.7661C75.4322 15.2959 74.6579 15.0609 73.5686 15.0609C72.9113 15.0609 72.2766 15.2117 71.6644 15.5133C71.0522 15.8149 70.6246 16.3338 70.3815 17.07L67.4105 16.1519C67.7706 14.9367 68.4548 13.961 69.4632 13.2247C70.4805 12.4885 71.849 12.1203 73.5686 12.1203C74.865 12.1203 76.0039 12.3288 76.9852 12.7457C77.9755 13.1626 78.7093 13.8456 79.1865 14.7948C79.4475 15.3004 79.6051 15.8193 79.6591 16.3515C79.7131 16.8749 79.7401 17.447 79.7401 18.068V26.8896H76.8907V23.7761L77.3633 24.2817C76.7061 25.3195 75.9364 26.0824 75.0541 26.5702C74.1808 27.0492 73.0869 27.2887 71.7725 27.2887ZM72.4207 24.7341C73.1589 24.7341 73.7891 24.6054 74.3113 24.3482C74.8335 24.091 75.2476 23.7761 75.5537 23.4035C75.8688 23.0309 76.0804 22.6806 76.1884 22.3524C76.3595 21.9443 76.454 21.4786 76.472 20.9553C76.499 20.423 76.5126 19.9928 76.5126 19.6646L77.5119 19.9573C76.5306 20.1081 75.6888 20.2412 74.9865 20.3565C74.2843 20.4718 73.6811 20.5827 73.1769 20.6892C72.6728 20.7867 72.2271 20.8976 71.84 21.0218C71.4619 21.1549 71.1422 21.3101 70.8812 21.4875C70.6201 21.6649 70.4175 21.8689 70.2735 22.0996C70.1384 22.3302 70.0709 22.6007 70.0709 22.9112C70.0709 23.266 70.1609 23.5809 70.341 23.8559C70.521 24.122 70.7821 24.3349 71.1242 24.4946C71.4754 24.6542 71.9075 24.7341 72.4207 24.7341Z" fill="#101828"></path> 1140 <path d="M89.1169 33.6754C88.3067 33.6754 87.5279 33.5513 86.7806 33.3029C86.0424 33.0545 85.3762 32.6953 84.782 32.2251C84.1878 31.7639 83.7016 31.205 83.3235 30.5486L86.3215 29.085C86.6006 29.6084 86.9922 29.9942 87.4964 30.2426C88.0096 3
11400.4998 88.5542 30.6285 89.1304 30.6285C89.8057 30.6285 90.4089 30.5087 90.94 30.2692C91.4712 30.0386 91.8809 29.6926 92.169 29.2314C92.4661 28.779 92.6056 28.2113 92.5876 27.5282V23.4434H92.9927V12.5195H95.8422V27.5815C95.8422 27.9452 95.8242 28.2911 95.7882 28.6193C95.7612 28.9564 95.7117 29.2846 95.6396 29.6039C95.4236 30.5353 95.0094 31.2982 94.3972 31.8925C93.785 32.4957 93.0242 32.9436 92.1149 33.2364C91.2146 33.5291 90.2153 33.6754 89.1169 33.6754ZM88.8333 27.2887C87.4919 27.2887 86.3215 26.9561 85.3222 26.2908C84.3228 25.6255 83.5486 24.7208 82.9994 23.5765C82.4502 22.4322 82.1756 21.1415 82.1756 19.7045C82.1756 18.2498 82.4502 16.9547 82.9994 15.8193C83.5576 14.675 84.3453 13.7747 85.3627 13.1183C86.38 12.453 87.5774 12.1203 88.9549 12.1203C90.3413 12.1203 91.5027 12.453 92.439 13.1183C93.3844 13.7747 94.1001 14.675 94.5863 15.8193C95.0724 16.9636 95.3155 18.2587 95.3155 19.7045C95.3155 21.1327 95.0724 22.4233 94.5863 23.5765C94.1001 24.7208 93.3754 25.6255 92.412 26.2908C91.4487 26.9561 90.2558 27.2887 88.8333 27.2887ZM89.333 24.4147C90.2063 24.4147 90.9085 24.2196 91.4397 23.8293C91.9799 23.4301 92.3715 22.8757 92.6146 22.1661C92.8667 21.4564 92.9927 20.6359 92.9927 19.7045C92.9927 18.7643 92.8667 17.9438 92.6146 17.243C92.3715 16.5334 91.9889 15.9834 91.4667 15.5931C90.9445 15.1939 90.2693 14.9944 89.441 14.9944C88.5677 14.9944 87.8475 15.2072 87.2803 15.633C86.7131 16.0499 86.2945 16.6176 86.0244 17.3361C85.7543 18.0458 85.6193 18.8352 85.6193 19.7045C85.6193 20.5827 85.7498 21.3811 86.0109 22.0996C86.281 22.8092 86.6906 23.3725 87.2398 23.7894C87.789 24.2063 88.4867 24.4147 89.333 24.4147Z" fill="#101828"></path> 1141 <path d="M105.99 27.2887C104.513 27.2887 103.217 26.9738 102.1 26.344C100.984 25.7142 100.111 24.8405 99.4806 23.7228C98.8594 22.6052 98.5488 21.319 98.5488 19.8642C98.5488 18.2941 98.8549 16.9325 99.4671 15.7794C100.079 14.6174 100.93 13.717 102.019 13.0783C103.109 12.4397 104.369 12.1203 105.801 12.1203C107.313 12.1203 108.596 12.4707 109.65 13.1715C110.712 13.8634 111.5 14.8436 112.013 16.112C112.526 17.3805 112.72 18.8752 112.594 20.596H109.366V19.4251C109.357 17.8639 109.078 16.7241 108.529 16.0056C107.979 15.2871 107.115 14.9278 105.936 14.9278C104.603 14.9278 103.613 15.3359 102.965 16.1519C102.317 16.9592 101.992 18.1434 101.992 19.7045C101.992 21.1593 102.317 22.2858 102.965 23.0842C103.613 23.8825 104.558 24.2817 105.801 24.2817C106.602 24.2817 107.291 24.1087 107.867 23.7628C108.452 23.4079 108.902 22.8979 109.217 22.2326L112.431 23.1906C111.873 24.4857 111.009 25.4925 109.839 26.211C108.677 26.9295 107.394 27.2887 105.99 27.2887ZM100.966 20.596V18.1744H111V20.596H100.966Z" fill="#101828"></path> 1142 <path d="M121.184 27.2887C119.843 27.2887 118.672 26.9561 117.673 26.2908C116.674 25.6255 115.899 24.7208 115.35 23.5765C114.801 22.4322 114.526 21.1415 114.526 19.7045C114.526 18.2498 114.801 16.9547 115.35 15.8193C115.908 14.675 116.696 13.7747 117.713 13.1183C118.731 12.453 119.928 12.1203 121.306 12.1203C122.692 12.1203 123.854 12.453 124.79 13.1183C125.735 13.7747 126.451 14.675 126.937 15.8193C127.423 16.9636 127.666 18.2587 127.666 19.7045C127.666 21.1327 127.423 22.4233 126.937 23.5765C126.451 24.7208 125.726 25.6255 124.763 26.2908C123.799 26.9561 122.607 27.2887 121.184 27.2887ZM121.684 24.4147C122.557 24.4147 123.259 24.2196 123.79 23.8293C124.331 23.4301 124.722 22.8757 124.965 22.1661C125.217 21.4564 125.344 20.6359 125.344 19.7045C125.344 18.7643 125.217 17.9438 124.965 17.243C124.722 16.5334 124.34 15.9834 123.817 15.5931C123.295 15.1939 122.62 14.9944 121.792 14.9944C120.919 14.9944 120.198 15.2072 119.631 15.633C119.064 16.0499 118.645 16.6176 118.375 17.3361C118.105 18.0458 117.97 18.8352 117.97 19.7045C117.97 20.5827 118.101 21.3811 118.362 22.0996C118.632 22.8092 119.041 23.3725 119.591 23.7894C120.14 24.2063 120.837 24.4147 121.684 24.4147ZM125.344 26.8896V16.8039H124.938V7.72949H128.22V26.8896H125.344Z" fill="#101828"></path> 1143 <path d="M138.178 27.2887C136.719 27.2887 135.445 26.965 134.356 26.3174C133.267 25.6699 132.42 24.7784 131.817 23.643C131.223 22.4987 130.926 21.1859 130.926 19.7045C130.926 18.1966 131.232 16.8749 131.844 15.7395C132.456 14.6041 133.307 13.717 134.397 13.0783C135.486 12.4397 136.746 12.1203 138.178 12.1203C139.645 12.1203 140.924 12.4441 142.013 13.0917C143.103 13.7392 143.949 14.6351 144.552 15.7794C145.155 16.9148 145.457 18.2232 145.457 19.7045C145.457 21.1948 145.151 22.512 144.539 23.6563C143.935 24.7917 143.089 25.6832 142 26.3307C140.91 26.9694 139.636 27.2887 138.178 27.2887ZM138.178 24.2817C139.474 24.2817 140.438 23.8559 141.068 23.0043C14
11431.698 22.1528 142.013 21.0528 142.013 19.7045C142.013 18.3119 141.694 17.2031 141.054 16.3781C140.415 15.5443 139.456 15.1274 138.178 15.1274C137.305 15.1274 136.584 15.3226 136.017 15.7129C135.459 16.0943 135.045 16.6309 134.775 17.3228C134.505 18.0059 134.37 18.7998 134.37 19.7045C134.37 21.0972 134.689 22.2104 135.328 23.0443C135.977 23.8692 136.926 24.2817 138.178 24.2817Z" fill="#101828"></path> 1144 <path d="M158.25 26.8896V19.9707C158.25 19.5183 158.219 19.0171 158.156 18.4671C158.093 17.9172 157.944 17.3894 157.71 16.8838C157.485 16.3693 157.143 15.9479 156.684 15.6197C156.233 15.2915 155.621 15.1274 154.847 15.1274C154.433 15.1274 154.023 15.1939 153.618 15.327C153.213 15.4601 152.844 15.6907 152.511 16.0189C152.187 16.3382 151.925 16.7817 151.727 17.3495C151.529 17.9083 151.43 18.6268 151.43 19.505L149.499 18.6933C149.499 17.4692 149.738 16.3604 150.215 15.3669C150.701 14.3734 151.412 13.584 152.349 12.9985C153.285 12.4042 154.437 12.107 155.806 12.107C156.886 12.107 157.777 12.2844 158.48 12.6393C159.182 12.9941 159.74 13.4465 160.154 13.9964C160.568 14.5464 160.874 15.1318 161.073 15.7528C161.271 16.3737 161.397 16.9636 161.451 17.5224C161.514 18.0724 161.545 18.5203 161.545 18.8663V26.8896H158.25ZM148.135 26.889
11446V12.5195H151.039V16.9769H151.43V26.8896H148.135Z" fill="#101828"></path> 1145 <path d="M171.192 27.2887C169.716 27.2887 168.42 26.9738 167.303 26.344C166.187 25.7142 165.314 24.8405 164.683 23.7228C164.062 22.6052 163.751 21.319 163.751 19.8642C163.751 18.2941 164.058 16.9325 164.67 15.7794C165.282 14.6174 166.133 13.717 167.222 13.0783C168.312 12.4397 169.572 12.1203 171.003 12.1203C172.516 12.1203 173.799 12.4707 174.852 13.1715C175.915 13.8634 176.702 14.8436 177.216 16.112C177.729 17.3805 177.922 18.8752 177.796 20.596H174.569V19.4251C174.56 17.8639 174.281 16.7241 173.731 16.0056C173.182 15.2871 172.318 14.9278 171.138 14.9278C169.806 14.9278 168.816 15.3359 168.167 16.1519C167.519 16.9592 167.195 18.1434 167.195 19.7045C167.195 21.1593 167.519 22.2858 168.167 23.0842C168.816 23.8825 169.761 24.2817 171.003 24.2817C171.805 24.2817 172.493 24.1087 173.07 23.7628C173.655 23.4079 174.105 22.8979 174.42 22.2326L177.634 23.1906C177.076 24.4857 176.212 25.4925 175.041 26.211C173.88 26.9295 172.597 27.2887 171.192 27.2887ZM166.169 20.596V18.1744H176.203V20.596H166.169Z" fill="#101828"></path> 1146 <path d="M26.7596 13.0206C27.4565 13.6824 27.4741 14.7728 26.799 15.456L20.4885 21.8422C19.8134 22.5253 18.7012 22.5427 18.0043 21.8808C17.3074 21.219 17.2898 20.1286 17.9649 19.4454L24.2754 13.0592C24.9505 12.3761 26.0627 12.3587 26.7596 13.0206Z" fill="url(#paint0_linear_3138_2004)"></path> 1147 <path fill-rule="evenodd" clip-rule="evenodd" d="M0.166748 5.0775C0.166748 2.36281 2.41153 0.162109 5.18062 0.162109H23.5016V0.163451C31.5735 0.270058 38.0834 6.7181 38.0834 14.6568C38.0834 22.6619 31.4639 29.1514 23.2984 29.1514C20.3869 29.1514 17.672 28.3264 15.3836 26.9018L7.30391 34.6547C4.64558 37.2055 0.166748 35.3592 0.166748 31.7124V5.0775ZM12.6461 24.7086C10.0869 22.1026 8.51331 18.5598 8.51331 14.6568C8.51331 13.7056 9.29986 12.9345 10.2701 12.9345C11.2404 12.9345 12.0269 13.7056 12.0269 14.6568C12.0269 20.7595 17.0733 25.7068 23.2984 25.7068C29.5234 25.7068 34.5698 20.7595 34.5698 14.6568C34.5698 8.55398 29.5234 3.60671 23.2984 3.60671H5.18062C4.35205 3.60671 3.68037 4.26521 3.68037 5.0775V31.7124C3.68037 32.3081 4.41196 32.6097 4.84619 32.1931L12.6461 24.7086Z" fill="url(#paint1_linear_3138_2004)"></path> 1148 <defs> 1149 <linearGradient id="paint0_linear_3138_2004" x1="34.3269" y1="2.55419" x2="1.32264" y2="36.2197" gradientUnits="userSpaceOnUse"> 1150 <stop stop-color="#9038FF"></stop> 1151 <stop offset="0.993738" stop-color="#5551FF"></stop> 1152 </linearGradient> 1153 <linearGradient id="paint1_linear_3138_2004" x1="34.3269" y1="2.55419" x2="1.32264" y2="36.2197" gradientUnits="userSpaceOnUse"> 1154 <stop stop-color="#9038FF"></stop> 1155 <stop offset="0.993738" stop-color="#5551FF"></stop> 1156 </linearGradient> 1157 </defs> 1158 </svg> 1159 </a> 1160 <p class="font-normal text-base leading-9 text-gray-900 mt-7">Lightning fast modern designs for your 1161 next 1162 project</p> 1163 </div> 1164 <div class="block col-span-5"> 1165 <div class="grid grid-col-1 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-4"> 1166 <div class=""> 1167 <h5 class="font-medium text-lg leading-8 text-gray-900 mb-3">Pagedone</h5> 1168 <ul class="mb-8 "> 1169 <li class=""><a href="https://pagedone.io/plan-list" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Buy 1170 Designer Plus</a></li> 1171 <li class=""><a href="https://pagedone.io/plan-list" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Buy 1172 Developer Plus</a></li> 1173 <li class=""><a href="https://pagedone.io/plan-list" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Pricing</a> 1174 </li> 1175 <li class=""><a href="https://pagedone.io/about-us" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">About 1176 Us</a></li> 1177 <li class=""><a href="https://pagedone.io/tools" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Tools</a></li> 1178 <li class=""><a href="https://pagedone.io/faq" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">FAQs</a> 1179 </li> 1180 <li class=""><a href="https://pagedone.io/blog/" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Blog</a> 1181 </li> 1182 1183 </ul> 1184 </div> 1185 <div class=""> 1186 <h5 class="font-medium text-lg leading-8 text-gray-900 mb-3">Product</h5> 1187 <ul class="mb-8 "> 1188 <li class=""><a href="https://pagedone.io/docs/installation" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Documentation</a> 1189 </li> 1190 <li class=""><a href="https://pagedone.io/icons" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Icons</a> 1191 </li> 1192 <li class=""><a href="https://pagedone.io/figma" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Figma 1193 Design System</a></li> 1194 <li class=""><a href="https://pagedone.io/colors" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Tailwind 1195 Colors</a></li> 1196 <li class=""><a href="https://pagedone.io/blocks" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Tailwind 1197 Blocks</a></li> 1198 <li class=""><a href="https://pagedone.io/templates" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Tailwind 1199 Templates </a></li> 1200 </ul> 1201 </div> 1202 <div class=""> 1203 <h5 class="font-medium text-lg leading-8 text-gray-900 mb-3">Legal</h5> 1204 <ul class="mb-8 "> 1205 <li class=""><a href="https://pagedone.io/license" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Licence</a> 1206 </li> 1207 <li class=""><a href="https://pagedone.io/privacy-policy" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Privacy 1208 Policy</a></li> 1209 <li class=""><a href="https://pagedone.io/terms-and-condition" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Terms 1210 & Conditions</a></li> 1211 1212 </ul> 1213 </div> 1214 <div class=""> 1215 <h5 class="font-medium text-lg leading-8 text-gray-900 mb-3">Support Center</h5> 1216 <ul class="mb-8 "> 1217 <!--<li class=""><a href="http://pagedone.freshdesk.com/" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Support</a></li>--> 1218 <li class=""><a href="https://pagedone.io/contact-us" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Contact 1219 Us & Support</a></li> 1220 </ul> 1221 </div> 1222 </div> 1223 <div class="block border-t border-gray-200 pt-8"> 1224 <div class="mb-8"> 1225 <h5 class="font-medium text-lg leading-8 text-gray-900 mb-3">Tailwind Components</h5> 1226 <ul class="grid grid-col-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5 "> 1227 <li class=""><a href="https://pagedone.io/docs/grids" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Grids</a></li> 1228 <li class=""><a href="https://pagedone.io/docs/flex" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">FlexBox</a></li> 1229 <li class=""><a href="https://pagedone.io/docs/columns" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Columns</a></li> 1230 <li class=""><a href="https://pagedone.io/docs/containers" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Containers</a></li> 1231 <li class=""><a href="https://pagedone.io/docs/typography" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Typography</a> 1232 </li> 1233 <li class=""><a href="https://pagedone.io/docs/shadows-blurs" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Shadows & Blurs</a> 1234 </li> 1235 <li class=""><a href="https://pagedone.io/docs/accordion" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Accordion</a> 1236 </li> 1237 <li class=""><a href="https://pagedone.io/docs/alerts" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Alerts</a> 1238 </li> 1239 <li class=""><a href="https://pagedone.io/docs/avatar" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">
1239Avatar</a> 1240 </li> 1241 <li class=""><a href="https://pagedone.io/docs/badge" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Badge</a> 1242 </li> 1243 <li class=""><a href="https://pagedone.io/docs/banner" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Banner</a></li> 1244 <li class=""><a href="https://pagedone.io/docs/breadcrumb" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Breadcrumb</a> 1245 </li> 1246 <li class=""><a href="https://pagedone.io/docs/buttons" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Buttons</a> 1247 </li> 1248 <li class=""><a href="https://pagedone.io/docs/countdown" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 "> 1249 Countdown</a></li> 1250 <li class=""><a href="https://pagedone.io/docs/button-group" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Button Group</a></li> 1251 <li class=""><a href="https://pagedone.io/docs/card" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Card</a></li> 1252 <li class=""><a href="https://pagedone.io/docs/drawer" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Drawer</a></li> 1253 <li class=""><a href="https://pagedone.io/docs/footer" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Footer</a> 1254 </li> 1255 <li class=""><a href="https://pagedone.io/docs/forms" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Forms</a></li> 1256 <li class=""><a href="https://pagedone.io/docs/gallery" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Gallery</a></li> 1257 <li class=""><a href="https://pagedone.io/docs/indicators" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Indicators</a></li> 1258 <li class=""><a href="https://pagedone.io/docs/kbd" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">KBD</a></li> 1259 <li class=""><a href="https://pagedone.io/docs/list-group" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">List Group</a></li> 1260 <li class=""><a href="https://pagedone.io/docs/mega-menu" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Mega menu</a></li> 1261 <li class=""><a href="https://pagedone.io/docs/modal" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Modal</a> 1262 </li> 1263 <li class=""><a href="https://pagedone.io/docs/navbar" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Navbar</a></li> 1264 <li class=""><a href="https://pagedone.io/docs/pagination" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Pagination</a> 1265 </li> 1266 <li class=""><a href="https://pagedone.io/docs/popover" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Popover</a> 1267 </li> 1268 <li class=""><a href="https://pagedone.io/docs/progress" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Progress</a></li> 1269 <li class=""><a href="https://pagedone.io/docs/rating" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Rating</a></li> 1270 <li class=""><a href="https://pagedone.io/docs/sidebar" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Sidebar</a></li> 1271 <li class=""><a href="https://pagedone.io/docs/social-media-icons" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Social Media Icons</a> 1272 </li> 1273 <li class=""><a href="https://pagedone.io/docs/skeleton" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Skeleton</a> 1274 </li> 1275 <li class=""><a href="https://pagedone.io/docs/speed-dial" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Speed Dial</a> 1276 </li> 1277 <li class=""><a href="https://pagedone.io/docs/spinner" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Loading Spinner</a></li> 1278 <li class=""><a href="https://pagedone.io/docs/stepper" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Stepper</a></li> 1279 <li class=""><a href="https://pagedone.io/docs/tables" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Tables</a></li> 1280 <li class=""><a href="https://pagedone.io/docs/tabs" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Tabs</a> 1281 </li> 1282 <li class=""><a href="https://pagedone.io/docs/toast" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Toast</a> 1283 </li> 1284 <li class=""><a href="https://pagedone.io/docs/tooltips" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Tooltips</a> 1285 </li> 1286 <li class="">
1286<a href="https://pagedone.io/docs/carousel" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Carousel</a> 1287 </li> 1288 <li class=""><a href="https://pagedone.io/docs/video-player" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Video Player</a></li> 1289 <li class=""><a href="https://pagedone.io/docs/dividers" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Dividers</a> 1290 </li> 1291 <li class=""><a href="https://pagedone.io/docs/activity-feeds" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Activity Feeds</a></li> 1292 <li class=""><a href="https://pagedone.io/docs/inline-ctas" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Inline CTAs</a></li> 1293 <li class=""><a href="https://pagedone.io/docs/empty-states" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Empty States</a></li> 1294 <li class=""><a href="https://pagedone.io/docs/datepicker" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Datepicker</a> 1295 </li> 1296 <li class=""><a href="https://pagedone.io/docs/confetti-animation" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Confetti Animation</a></li> 1297 <li class=""><a href="https://pagedone.io/docs/map" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Maps</a></li> 1298 <li class=""><a href="https://pagedone.io/docs/drag-and-drop" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Drag and Drop</a></li> 1299 <li class=""><a href="https://pagedone.io/docs/charts" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Charts</a> 1300 </li> 1301 <li class=""><a href="https://pagedone.io/docs/input" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Input</a> 1302 </li> 1303 <li class=""><a href="https://pagedone.io/docs/file-input" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">File Input</a></li> 1304 <li class=""><a href="https://pagedone.io/docs/select" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Select</a></li> 1305 <li class=""><a href="https://pagedone.io/docs/checkbox" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Checkbox</a></li> 1306 <li class=""><a href="https://pagedone.io/docs/radio" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Radio</a> 1307 </li> 1308 <li class=""><a href="https://pagedone.io/docs/toggle" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Toggle</a></li> 1309 <li class=""><a href="https://pagedone.io/docs/animation" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Animation</a> 1310 </li> 1311 <li class=""><a href="https://pagedone.io/docs/background-image" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Background Image</a></li> 1312 <li class=""><a href="https://pagedone.io/docs/borders" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Borders</a> 1313 </li> 1314 <li class=""><a href="https://pagedone.io/docs/gradient" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Gradient</a></li> 1315 <li class=""><a href="https://pagedone.io/docs/hover-effect" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Hover Effect</a> 1316 </li> 1317 <li class=""><a href="https://pagedone.io/docs/image" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Image</a> 1318 </li> 1319 <li class=""><a href="https://pagedone.io/docs/letter-spacing" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Letter Spacing</a> 1320 </li> 1321 <li class=""><a href="https://pagedone.io/docs/overflow" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Overflow</a></li> 1322 <li class=""><a href="https://pagedone.io/docs/opacity" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Opacity</a> 1323 </li> 1324 <li class=""><a href="https://pagedone.io/docs/positions" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">positions</a> 1325 </li> 1326 <li class=""><a href="https://pagedone.io/docs/word-break" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Word Break</a></li> 1327 <li class=""><a href="https://pagedone.io/docs/z-index" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Z-index</a></li> 1328 <li class=""><a href="https://pagedone.io/docs/text-shadow" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Text Shadow</a></li> 1329 <li class=""><a href="https://pagedone.io/docs/filter" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Filter</a> 1330 </li> 1331 <li class=""><a href="https://pagedone.io/docs/visibility" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Visibility</a></li> 1332 <li class=""><a href="https://pagedone.io/docs/float" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Float</a> 1333 </li> 1334 <li class=""><a href="https://pagedone.io/docs/display" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Display</a></li> 1335 <li class=""><a href="https://pagedone.io/docs/margin" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Margin</a></li> 1336 <li class=""><a href="https://pagedone.io/docs/padding" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Padding</a></li> 1337 <li class=""><a href="https://pagedone.io/docs/space-between" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Space Between</a></li> 1338 <li class=""><a href="https://pagedone.io/docs/transform" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Transform</a></li> 1339 <li class=""><a href="https://pagedone.io/docs/clear" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Clear</a></li> 1340 <li class=""><a href="https://pagedone.io/docs/transition" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Transition</a></li> 1341 </ul> 1342 </div> 1343 </div> 1344 <div class="block border-t border-gray-200 pt-8"> 1345 <div class="mb-8"> 1346 <h5 class="font-medium text-lg leading-8 text-gray-900 mb-3">Tailwind Blocks</h5> 1347 <ul class="grid grid-col-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5 "> 1348 <li class=""><a href="https://pagedone.io/blocks/marketing/hero-section" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Hero 1349 Sections</a></li> 1350 <li class=""><a href="https://pagedone.io/blocks/marketing/features" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Features</a> 1351 </li> 1352 <li class=""><a href="https://pagedone.io/blocks/marketing/testimonial" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Testimonial</a> 1353 </li> 1354 <li class=""><a href="https://pagedone.io/blocks/marketing/faq" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">FAQ</a> 1355 </li> 1356 <li class=""><a href="https://pagedone.io/blocks/marketing/pricing-plans" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Pricing 1357 Plans</a></li> 1358 <li class=""><a href="https://pagedone.io/blocks/marketing/team" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Team</a> 1359 </li> 1360 <li class=""><a href="https://pagedone.io/blocks/marketing/footer" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Footer 1361 </a></li> 1362 <li class=""><a href="https://pagedone.io/blocks/marketing/cta" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">CTA 1363 </a></li> 1364 <li class=""><a href="https://pagedone.io/blocks/marketing/stats" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Stats 1365 </a></li> 1366 <li class=""><a href="https://pagedone.io/blocks/marketing/blogs-news" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Blogs 1367 & News</a></li> 1368 <li class=""><a href="https://pagedone.io/blocks/marketing/contact-form" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Contact 1369 Us</a></li> 1370 <li class=""><a href="https://pagedone.io/blocks/marketing/clients" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Clients 1371 </a></li> 1372 <li class=""><a href="https://pagedone.io/blocks/e-commerce/product-overview" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Product 1373 Overview</a></li> 1374 <li class=""><a href="https://pagedone.io/blocks/e-commerce/product-list" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 "> 1375 Product list 1376 </a></li> 1377 <li class=""><a href="https://pagedone.io/blocks/e-commerce/shopping-cart" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Shopping 1378 Cart</a></li> 1379 <li class=""><a href="https://pagedone.io/blocks/e-commerce/product-review" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Reviews 1380 </a></li> 1381 <li class=""><a href="https://pagedone.io/blocks/e-commerce/order-summaries" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Order 1382 summaries 1383 </a></li> 1384 <li class=""><a href="https://pagedone.io/blocks/e-commerce/incentives" class="font-normal text-sm leading-9 text-gray-600 transition-all duration-300 hover:text-indigo-600 ">Incentives</a> 1385 </li> 1386 </ul> 1387 </div> 1388 </div> 1389 1390 </div> 1391 1392 </div> 1393 </div> 1394 <div class="border-t border-gray-200"> 1395 <div class="w-full max-w-7xl mx-auto px-6 sm:px-4 lg:px-2"> 1396 <div class="flex flex-col lg:flex-row gap-y-4 items-center justify-between py-8 border-b border-gray-200"> 1397 <div class="flex flex-col sm:flex-row items-center gap-5"> 1398 <a href="#" class="py-1.5 px-0.5"> 1399 <svg xmlns="http://www.w3.org/2000/svg" width="164" height="33" viewBox="0 0 164 33" fill="none"> 1400 <path d="M47 24.7231V7H54.4171C54.5916 7 54.816 7.00821 55.0903 7.02462C55.3645 7.03282 55.618 7.05744 55.8507 7.09846C56.8895 7.25436 57.7455 7.59487 58.4186 8.12C59.1001 8.64513 59.6029 9.30974 59.927 10.1138C60.2594 10.9097 60.4256 11.7959 60.4256 12.7723C60.4256 13.7405 60.2594 14.6267 59.927 15.4308C59.5945 16.2267 59.0876 16.8872 58.4061 17.4123C57.733 17.9374 56.8812 18.2779 55.8507 18.4338C55.618 18.4667 55.3604 18.4913 55.0778 18.5077C54.8035 18.5241 54.5833 18.5323 54.4171 18.5323H50.0042V24.7231H47ZM50.0042 15.7631H54.2925C54.4587 15.7631 54.6457 15.7549 54.8534 15.7385C55.0612 15.7221 55.2523 15.6892 55.4268 15.64C55.9255 15.5169 56.3161 15.2995 56.5986 14.9877C56.8895 14.6759 57.0931 14.3231 57.2094 13.9292C57.3341 13.5354 57.3964 13.1497 57.3964 12.7723C57.3964 12.3949 57.3341 12.0092 57.2094 11.6154C57.0931 11.2133 56.8895 10.8564 56.5986 10.5446C56.3161 10.2328 55.9255 10.0154 55.4268 9.89231C55.2523 9.84308 55.0612 9.81436 54.8534 9.80615C54.6457 9.78974 54.4587 9.78154 54.2925 9.78154H50.0042V15.7631Z" fill="#111827"></path> 1401 <path d="M66.0975 25.0923C65.1252 25.0923 64.3024 24.9118 63.6293 24.5508C62.9561 24.1815 62.445 23.6933 62.096 23.0862C61.7553 22.479 61.5849 21.8103 61.5849 21.08C61.5849 20.44 61.6929 19.8656 61.909 19.3569C62.1251 18.84 62.4575 18.3969 62.9063 18.0277C63.355 17.6503 63.9368 17.3426 64.6515 17.1046C65.1917 16.9323 65.8233 16.7764 66.5463 16.6369C67.2776 16.4974 68.0671 16.3703 68.9148 16.2554C69.7707 16.1323 70.6641 16.001 71.5949 15.8615L70.5228 16.4646C70.5311 15.5456 70.3234 14.8687 69.8995 14.4338C69.4757 13.999 68.761 13.7815 67.7554 13.7815C67.1488 13.7815 66.5629 13.921 65.9978 14.2C65.4327 14.479 65.0379 14.959 64.8135 15.64L62.0711 14.7908C62.4035 13.6667 63.0351 12.7641 63.9659 12.0831C64.9049 11.4021 66.1681 11.0615 67.7554 11.0615C68.9522 11.0615 70.0034 11.2544 70.9093 11.64C71.8234 12.0256 72.5007 12.6574 72.9412 13.5354C73.1822 14.0031 73.3276 14.4831 73.3775 14.9754C73.4274 15.4595 73.4523 15.9887 73.4523 16.5631V24.7231H70.822V21.8431L71.2583 22.3108C70.6517 23.2708 69.9411 23.9764 69.1267 24.4277C68.3206 24.8708 67.3108 25.0923 66.0975 25.0923ZM66.6959 22.7292C67.3773 22.7292 67.9591 22.6103 68.4411 22.3723C68.9231 22.1344 69.3054 21.8431 69.5879 21.4985C69.8788 21.1538 70.0741 20.8297 70.1738 20.5262C70.3317 20.1487 70.419 19.7179 70.4356 19.2338C70.4605 18.7415 70.473 18.3436 70.473 18.04L71.3954 18.3108C70.4896 18.4503 69.7126 18.5733 69.0643 18.68C68.4161 18.7867 67.8593 18.8892 67.3939 18.9877C66.9286 19.0779 66.5172 19.1805 66.1598 19.2954C65.8108 19.4185 65.5158 19.5621 65.2748 19.7262C65.0338 19.8903 64.8468 20.079 64.7138 20.2923C64.5891 20.5056 64.5268 20.7559 64.5268 21.0431C64.5268 21.3713 64.6099 21.6626 64.7761 21.9169C64.9423 22.1631 65.1833 22.36 65.4991 22.5077C65.8233 22.6554 66.2222 22.7292 66.6959 22.7292Z" fill="#111827"></path> 1402 <path d="M82.1078 31C81.3598 31 80.641 30.8851 79.9512 30.6554C79.2698 30.4256 78.6548 30.0933 78.1063 29.6585C77.5578 29.2318 77.109 28.7149 76.76 28.1077L79.5274 26.7538C79.785 27.2379 80.1465 27.5949 8
14020.6119 27.8246C81.0856 28.0626 81.5884 28.1815 82.1203 28.1815C82.7435 28.1815 83.3003 28.0708 83.7907 27.8492C84.281 27.6359 84.6591 27.3159 84.925 26.8892C85.1993 26.4708 85.3281 25.9456 85.3115 25.3138V21.5354H85.6855V11.4308H88.3157V25.3631C88.3157 25.6995 88.2991 26.0195 88.2659 26.3231C88.2409 26.6349 88.1952 26.9385 88.1287 27.2338C87.9293 28.0954 87.547 28.801 86.9819 29.3508C86.4168 29.9087 85.7145 30.3231 84.8752 30.5938C84.0441 30.8646 83.1217 31 82.1078 31ZM81.846 25.0923C80.6077 25.0923 79.5274 24.7846 78.6049 24.1692C77.6825 23.5538 76.9678 22.7169 76.4608 21.6585C75.9539 20.6 75.7004 19.4062 75.7004 18.0769C75.7004 16.7313 75.9539 15.5333 76.4608 14.4831C76.9761 13.4246 77.7032 12.5918 78.6423 11.9846C79.5814 11.3692 80.6867 11.0615 81.9582 11.0615C83.238 11.0615 84.3101 11.3692 85.1744 11.9846C86.047 12.5918 86.7076 13.4246 87.1564 14.4831C87.6052 15.5415 87.8296 16.7395 87.8296 18.0769C87.8296 19.3979 87.6052 20.5918 87.1564 21.6585C86.7076 22.7169 86.0387 23.5538 85.1494 24.1692C84.2602 24.7846 83.1591 25.0923 81.846 25.0923ZM82.3072 22.4338C83.1134 22.4338 83.7616 22.2533 84.2519 21.8923C84.7505 21.5231 85.112 21.0103 85.3364 20.3538C85.5691 19.6974 85.6855 18.9385 85.6855 18.0769C85.6855 17.2072 85.5691 16.4482 85.3364 15.8C85.112 15.1436 84.7588 14.6349 84.2768 14.2738C83.7948 13.9046 83.1715 13.72 82.407 13.72C81.6008 13.72 80.936 13.9169 80.4124 14.3108C79.8889 14.6964 79.5024 15.2215 79.2531 15.8862C79.0038 16.5426 78.8792 17.2728 78.8792 18.0769C78.8792 18.8892 78.9997 19.6277 79.2407 20.2923C79.49 20.9487 79.8681 21.4697 80.375 21.8554C80.882 22.241 81.5261 22.4338 82.3072 22.4338Z" fill="#111827"></path> 1403 <path d="M97.6827 25.0923C96.3198 25.0923 95.1231 24.801 94.0926 24.2185C93.0621 23.6359 92.256 22.8277 91.6743 21.7938C91.1008 20.76 90.8141 19.5703 90.8141 18.2246C90.8141 16.7723 91.0967 15.5128 91.6618 14.4462C92.2269 13.3713 93.0122 12.5385 94.0178 11.9477C95.0234 11.3569 96.1869 11.0615 97.5082 11.0615C98.9044 11.0615 100.089 11.3856 101.061 12.0338C102.042 12.6738 102.769 13.5805 103.242 14.7538C103.716 15.9272 103.895 17.3097 103.778 18.9015H100.799V17.8185C100.791 16.3744 100.533 15.32 100.026 14.6554C99.5194 13.9908 98.7216 13.6585 97.6329 13.6585C96.4029 13.6585 95.4888 14.0359 94.8904 14.7908C94.2921 15.5374 93.9929 16.6328 93.9929 18.0769C93.9929 19.4226 94.2921 20.4646 94.8904 21.2031C95.4888 21.9415 96.3614 22.3108 97.5082 22.3108C98.2479 22.3108 98.8836 22.1508 99.4155 21.8308C99.9557 21.5026 100.371 21.0308 100.662 20.4154L103.629 21.3015C103.114 22.4995 102.316 23.4308 101.235 24.0954C100.163 24.76 98.9792 25.0923 97.6827 25.0923ZM93.0455 18.9015V16.6615H102.308V18.9015H93.0455Z" fill="#111827"></path> 1404 <path d="M111.708 25.0923C110.47 25.0923 109.39 24.7846 108.467 24.1692C107.545 23.5538 106.83 22.7169 106.323 21.6585C105.816 20.6 105.563 19.4062 105.563 18.0769C105.563 16.7313 105.816 15.5333 106.323 14.4831C106.838 13.4246 107.565 12.5918 108.505 11.9846C109.444 11.3692 110.549 11.0615 111.82 11.0615C113.1 11.0615 114.172 11.3692 115.037 11.9846C115.909 12.5918 116.57 13.4246 117.019 14.4831C117.467 15.5415 117.692 16.7395 117.692 18.0769C117.692 19.3979 117.467 20.5918 117.019 21.6585C116.57 22.7169 115.901 23.5538 115.012 24.1692C114.122 24.7846 113.021 25.0923 111.708 25.0923ZM112.169 22.4338C112.976 22.4338 113.624 22.2533 114.114 21.8923C114.613 21.5231 114.974 21.0103 115.199 20.3538C115.431 19.6974 115.548 18.9385 115.548 18.0769C115.548 17.2072 115.431 16.4482 115.199 15.8C114.974 15.1436 114.621 14.6349 114.139 14.2738C113.657 13.9046 113.034 13.72 112.269 13.72C111.463 13.72 110.798 13.9169 110.275 14.3108C109.751 14.6964 109.365 15.2215 109.115 15.8862C108.866 16.5426 108.741 17.2728 108.741 18.0769C108.741 18.8892 108.862 19.6277 109.103 20.2923C109.352 20.9487 109.73 21.4697 110.237 21.8554C110.744 22.241 111.388 22.4338 112.169 22.4338ZM115.548 24.7231V15.3938H115.174V7H118.203V24.7231H115.548Z" fill="#111827"></path> 1405 <path d="M127.395 25.0923C126.049 25.0923 124.873 24.7928 123.867 24.1938C122.861 23.5949 122.08 22.7703 121.523 21.72C120.975 20.6615 120.701 19.4472 120.701 18.0769C120.701 16.6821 120.983 15.4595 121.548 14.4092C122.113 13.359 122.899 12.5385 123.904 11.9477C124.91 11.3569 126.073 11.0615 127.395 11.0615C128.749 11.0615 129.93 11.361 130.935 11.96C131.941 12.559 132.722
140513.3877 133.279 14.4462C133.835 15.4964 134.114 16.7067 134.114 18.0769C134.114 19.4554 133.831 20.6738 133.266 21.7323C132.709 22.7826 131.928 23.6072 130.923 24.2062C129.917 24.7969 128.741 25.0923 127.395 25.0923ZM127.395 22.3108C128.592 22.3108 129.481 21.9169 130.062 21.1292C130.644 20.3415 130.935 19.3241 130.935 18.0769C130.935 16.7887 130.64 15.7631 130.05 15C129.46 14.2287 128.575 13.8431 127.395 13.8431C126.589 13.8431 125.924 14.0236 125.4 14.3846C124.885 14.7374 124.503 15.2338 124.253 15.8738C124.004 16.5056 123.879 17.24 123.879 18.0769C123.879 19.3651 124.174 20.3949 124.765 21.1662C125.363 21.9292 126.24 22.3108 127.395 22.3108Z" fill="#111827"></path> 1406 <path d="M145.923 24.7231V18.3231C145.923 17.9046 145.894 17.441 145.836 16.9323C145.778 16.4236 145.64 15.9354 145.424 15.4677C145.217 14.9918 144.901 14.6021 144.477 14.2985C144.061 13.9949 143.496 13.8431 142.782 13.8431C142.399 13.8431 142.021 13.9046 141.647 14.0277C141.273 14.1508 140.933 14.3641 140.625 14.6677C140.326 14.9631 140.085 15.3733 139.902 15.8985C139.719 16.4154 139.628 17.08 139.628 17.8923L137.845 17.1415C137.845 16.0092 138.065 14.9836 138.506 14.0646C138.955 13.1456 139.611 12.4154 140.475 11.8738C141.34 11.3241 142.403 11.0492 143.667 11.0492C144.664 11.0492 145.487 11.2133 146.135 11.5415C146.783 11.8697 147.298 12.2882
1406147.681 12.7969C148.063 13.3056 148.345 13.8472 148.528 14.4215C148.711 14.9959 148.827 15.5415 148.877 16.0585C148.936 16.5672 148.965 16.9815 148.965 17.3015V24.7231H145.923ZM136.586 24.7231V11.4308H139.266V15.5538H139.628V24.7231H136.586Z" fill="#111827"></path> 1407 <path d="M157.87 25.0923C156.507 25.0923 155.31 24.801 154.28 24.2185C153.249 23.6359 152.443 22.8277 151.861 21.7938C151.288 20.76 151.001 19.5703 151.001 18.2246C151.001 16.7723 151.284 15.5128 151.849 14.4462C152.414 13.3713 153.199 12.5385 154.205 11.9477C155.21 11.3569 156.374 11.0615 157.695 11.0615C159.091 11.0615 160.276 11.3856 161.248 12.0338C162.229 12.6738 162.956 13.5805 163.43 14.7538C163.903 15.9272 164.082 17.3097 163.966 18.9015H160.986V17.8185C160.978 16.3744 160.72 15.32 160.213 14.6554C159.706 13.9908 158.909 13.6585 157.82 13.6585C156.59 13.6585 155.676 14.0359 155.078 14.7908C154.479 15.5374 154.18 16.6328 154.18 18.0769C154.18 19.4226 154.479 20.4646 155.078 21.2031C155.676 21.9415 156.548 22.3108 157.695 22.3108C158.435 22.3108 159.071 22.1508 159.603 21.8308C160.143 21.5026 160.558 21.0308 160.849 20.4154L163.816 21.3015C163.301 22.4995 162.503 23.4308 161.423 24.0954C160.351 24.76 159.166 25.0923 157.87 25.0923ZM153.233 18.9015V16.6615H162.495V18.9015H153.233Z" fill="#111827"></path> 1408 <path d="M24.5473 11.8941C25.1905 12.5063 25.2068 13.5149 24.5837 14.1468L18.7585 20.054C18.1354 20.686 17.1087 20.702 16.4654 20.0898C15.8222 19.4776 15.8059 18.469 16.429 17.8371L22.2542 11.9299C22.8773 11.2979 23.904 11.2819 24.5473 11.8941Z" fill="url(#paint0_linear_3319_1002)"></path> 1409 <path fill-rule="evenodd" clip-rule="evenodd" d="M0 4.54673C0 2.03564 2.07211 0 4.62819 0H21.5399V0.00124069C28.9908 0.0998525 35 6.06429 35 13.4075C35 20.8123 28.8897 26.8151 21.3523 26.8151C18.6648 26.8151 16.1587 26.052 14.0463 24.7342L6.58815 31.9057C4.13431 34.2652 0 32.5573 0 29.1841V4.54673ZM11.5194 22.7055C9.15709 20.295 7.70452 17.0179 7.70452 13.4075C7.70452 12.5277 8.43056 11.8144 9.32619 11.8144C10.2218 11.8144 10.9479 12.5277 10.9479 13.4075C10.9479 19.0526 15.6061 23.6288 21.3523 23.6288C27.0985 23.6288 31.7567 19.0526 31.7567 13.4075C31.7567 7.76248 27.0985 3.18626 21.3523 3.18626H4.62819C3.86336 3.18626 3.24334 3.79536 3.24334 4.54673V29.1841C3.24334 29.7351 3.91866 30.014 4.31948 29.6286L11.5194 22.7055Z" fill="url(#paint1_linear_3319_1002)"></path> 1410 <defs> 1411 <linearGradient id="paint0_linear_3319_1002" x1="35" y1="1.89063" x2="1.11152" y2="33.4573" gradientUnits="userSpaceOnUse"> 1412 <stop stop-color="#7C3AED"></stop> 1413 <stop offset="0.993738" stop-color="#4F46E5"></stop> 1414 </linearGradient> 1415 <linearGradient id="paint1_linear_3319_1002" x1="35" y1="1.89063" x2="1.11152" y2="33.4573" gradientUnits="userSpaceOnUse"> 1416 <stop stop-color="#7C3AED"></stop> 1417 <stop offset="0.993738" stop-color="#4F46E5"></stop> 1418 </linearGradient> 1419 </defs> 1420 </svg> 1421 </a> 1422 1423 </div> 1424 <p class="font-normal text-sm leading-6 text-gray-900">© 2026 Pagedone. All rights reserved.</p> 1425 <div class="flex items-center gap-4 "> 1426 <a href="https://twitter.com/pagedone" target="_blank" class="group w-9 h-9 flex items-center justify-center rounded-full p-2 border border-gray-300 transition-all duration-500 hover:border-indigo-600"> 1427 <svg class="fill-gray-800 transition-all duration-500 group-hover:fill-indigo-600" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"> 1428 <path d="M7.14163 5.08118L11.6089 0H10.5503L6.67137 4.41192L3.57328 0H0L4.68492 6.6716L0 12H1.05866L5.15491 7.34086L8.42672 12H12L7.14137 5.08118H7.14163ZM5.69165 6.73038L5.21697 6.06604L1.44011 0.779808H3.06615L6.11412 5.04596L6.5888 5.71031L10.5508 11.2557H8.92476L5.69165 6.73063V6.73038Z" fill=""></path> 1429 </svg> 1430 </a> 1431 <a href="https://dribbble.com/search/pagedone" target="_blank" class="group w-9 h-9 flex items-center justify-center rounded-full p-2 border border-gray-300 transition-all duration-500 hover:border-indigo-600"> 1432 <svg class="fill-gray-800 transition-all duration-500 group-hover:fill-indigo-600" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"> 1433 <path d="M10.1042 15.64C6.94573 15.64 4.375 13.0692 4.375 9.91081C4.375 6.75237 6.94573 4.18164 10.1042 4.18164C13.2626 4.18164 15.8333 6.75237 15.8333 9.91081C15.8333 13.0692 13.2626 15.64 10.1042 15.64ZM10.1042 5.1057C7.45397 5.1057 5.29906 7.26061 5.29906 9.91081C5.29906 12.561 7.45397 14.7159 10.1042 14.7159C12.7544 14.7159 14.9093 12.561 14.9093 9.91081C14.9093 7.26061 12.7544 5.1057 10.1042 5.1057Z" fill=""></path> 1434 <path d="M8.4411 9.34712C7.3581 9.34712 6.18639 9.18633 4.93707 8.86106C4.68942 8.79638 4.54157 8.54503 4.60625 8.29738C4.67094 8.04974 4.92228 7.90189 5.16993 7.96657C8.95488 8.94977 11.9174 8.32695 13.736 6.16835C13.9004 5.9743 14.1924 5.94843 14.3865 6.11291C14.5824 6.27739 14.6064 6.56939 14.4419 6.76345C12.9986 8.47665 10.9582 9.34712 8.4411 9.34712Z" fill=""></path> 1435 <path d="M6.13111 13.8306C6.02392 13.8306 5.91858 13.7937 5.83171 13.7198C5.63766 13.5534 5.61548 13.2614 5.77997 13.0674C8.48192 9.90894 11.9786 9.1586 15.3735 11.0123C15.5972 11.1342 15.6803 11.4152 15.5584 11.6388C15.4364 11.8624 15.1555 11.9456 14.9318 11.8236C10.8549 9.6003 7.88867 12.025 6.48225 13.6699C6.39169 13.7752 6.26233 13.8306 6.13111 13.8306Z" fill=""></path> 1436 <path d="M11.6178 15.4183C11.6011 15.4183 11.5845 15.4183 11.5679 15.4165C11.3147 15.3887 11.1317 15.1614 11.1594 14.9064C11.5198 11.602 10.6697 8.2698 8.63491 4.99863C8.5 4.7824 8.56653 4.49779 8.78276 4.36288C8.99899 4.22796 9.2836 4.2945 9.41851 4.51073C11.566 7.96116 12.4605 11.4929 12.078 15.008C12.0502 15.2446 11.8506 15.4183 11.6178 15.4183Z" fill=""></path> 1437 </svg> 1438 </a> 1439 1440 <a href="https://github.com/Pagedone" target="_blank" class="group w-9 h-9 flex items-center justify-center rounded-full p-2 border border-gray-300 transition-all duration-500 hover:border-indigo-600"> 1441 <svg class="fill-gray-800 transition-all duration-500 group-hover:fill-indigo-600" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> 1442 <path fill-rule="evenodd" clip-rule="evenodd" d="M11.9938 5.50488C8.26362 5.50488 5.24231 8.5115 5.24231 12.2236C5.24231 15.1966 7.17493 17.7077 9.85866 18.5979C10.1962 18.6567 10.3228 18.4552 10.3228 18.2788C10.3228 18.1192 10.3144 17.5901 10.3144 17.0275C8.61807 17.3382 8.17922 16.6159 8.04419 16.238C7.96824 16.
14420448 7.6391 15.4486 7.35216 15.289C7.11586 15.163 6.77828 14.8523 7.34372 14.8439C7.8754 14.8355 8.25518 15.331 8.38177 15.5325C8.98941 16.5487 9.95994 16.2632 10.3481 16.0868C10.4072 15.6501 10.5845 15.3562 10.7786 15.1882C9.27635 15.0202 7.70662 14.4408 7.70662 11.8709C7.70662 11.1402 7.96824 10.5355 8.39865 10.0652C8.33113 9.89723 8.09483 9.20857 8.46616 8.28474C8.46616 8.28474 9.0316 8.10838 10.3228 8.97341C10.863 8.82224 11.4368 8.74666 12.0107 8.74666C12.5846 8.74666 13.1585 8.82224 13.6986 8.97341C14.9898 8.09998 15.5553 8.28474 15.5553 8.28474C15.9266 9.20857 15.6903 9.89723 15.6228 10.0652C16.0532 10.5355 16.3148 11.1318 16.3148 11.8709C16.3148 14.4492 14.7366 15.0202 13.2344 15.1882C13.4792 15.3982 13.6902 15.8013 13.6902 16.4312C13.6902 17.3298 13.6817 18.0521 13.6817 18.2788C13.6817 18.4552 13.8083 18.6651 14.1459 18.5979C16.8127 17.7077 18.7454 15.1882 18.7454 12.2236C18.7454 8.5115 15.7241 5.50488 11.9938 5.50488Z" fill=""></path> 1443 </svg> 1444 </a> 1445 <a href="https://www.figma.com/file/YBqck5B0b4Xw2nncyvvr2B/Pagedone-Designer-Plus-Preview?type=design&node-id=13898%3A93787&mode=design&t=G9rLD8fjUj9hdswu-1" target="_blank" class="group w-9 h-9 flex items-center justify-center rounded-full p-2 border border-gray-300 bg-white transition-all duration-500 hover:border-indigo-600"> 1446 <svg xmlns="http://www.w3.org/2000/svg" width="10" height="14" viewBox="0 0 10 14" fill="none"> 1447 <g clip-path="url(#clip0_3144_2170)"> 1448 <path d="M2.66671 13.9997C3.95471 13.9997 5.00004 12.9543 5.00004 11.6663V9.33301H2.66671C1.37871 9.33301 0.333374 10.3783 0.333374 11.6663C0.333374 12.9543 1.37871 13.9997 2.66671 13.9997Z" fill="#0ACF83"></path> 1449 <path d="M0.333374 7.00033C0.333374 5.71233 1.37871 4.66699 2.66671 4.66699H5.00004V9.33366H2.66671C1.37871 9.33366 0.333374 8.28833 0.333374 7.00033Z" fill="#A259FF"></path> 1450 <path d="M0.333374 2.33333C0.333374 1.04533 1.37871 0 2.66671 0H5.00004V4.66667H2.66671C1.37871 4.66667 0.333374 3.62133 0.333374 2.33333Z" fill="#F24E1E"></path> 1451 <path d="M5 0H7.33333C8.62133 0 9.66667 1.04533 9.66667 2.33333C9.66667 3.62133 8.62133 4.66667 7.33333 4.66667H5V0Z" fill="#FF7262"></path> 1452 <path d="M9.66667 7.00033C9.66667 8.28833 8.62133 9.33366 7.33333 9.33366C6.04533 9.33366 5 8.28833 5 7.00033C5 5.71233 6.04533 4.66699 7.33333 4.66699C8.62133 4.66699 9.66667 5.71233 9.66667 7.00033Z" fill="#1ABCFE"></path> 1453 </g> 1454 <defs> 1455 <clipPath id="clip0_3144_2170"> 1456 <rect width="9.3352" height="14" fill="white" transform="translate(0.332397)"></rect> 1457 </clipPath> 1458 </defs> 1459 </svg> 1460 </a> 1461 </div> 1462 </div> 1463 <div class="flex item-center justify-between pt-6 md:flex-row flex-col"> 1464 <div class="block xl:max-w-[900px] lg:max-w-[700px] md:max-w-[500px] pb-5 md:pb-0"> 1465 <p class="text-gray-900 text-xs text-center md:text-left"><a href="https://pagedone.io/" class="text-indigo-600">Pagedone</a> equips you with ever growing library of UI blocks of Tailwind and 1466 Figma which lets you make your development faster, offers unified design and high level of accuracy and 1467 technical effectiveness. 1468 <a href="https://pagedone.io/" class="text-indigo-600">Pagedone</a> is neither associated with figma and 1469 Tailwind nor supported by, or sponsored by Figma and Tailwind. 1470 </p> 1471 </div> 1472 <!-- <div class=" flex items-center justify-center gap-2"> 1473 <p class="font-normal text-sm text-gray-900">Crafted with</p> 1474 <img src="https://pagedone.io/asset/uploads/1699268349.png" alt="image"> 1475 <span class="font-normal text-sm text-gray-900">in India</span> 1476 </div> --> 1477 <div class=" flex flex-col items-center justify-center gap-2"> 1478 <p class="font-normal text-sm text-[#272627]">You might also like </p> 1479 <div class="flex items-center gap-4"> 1480 <a href="https://glima.ai/" class="text-black text-base font-semibold flex items-center gap-1.5 " target="_blank">
1480<svg width="50" height="16" viewBox="0 0 50 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 1481<rect width="15.8079" height="15.8079" rx="3.35563" fill="#C6FF00"></rect> 1482<path d="M48.7183 6.22663H50.0007V12.1638H48.7183V11.3088C48.2671 11.9382 47.5665 12.3181 46.6403 12.3181C45.0254 12.3181 43.6836 10.9526 43.6836 9.1952C43.6836 7.42593 45.0254 6.07227 46.6403 6.07227C47.5665 6.07227 48.2671 6.45224 48.7183 7.0697V6.22663ZM46.8421 11.0951C47.9108 11.0951 48.7183 10.2995 48.7183 9.1952C48.7183 8.09089 47.9108 7.29532 46.8421 7.29532C45.7735 7.29532 44.966 8.09089 44.966 9.1952C44.966 10.2995 45.7735 11.0951 46.8421 11.0951Z" fill="black"></path> 1483<path d="M40.3974 6.07227C41.7392 6.07227 42.6417 6.99846 42.6417 8.48274V12.1638H41.3592V8.56586C41.3592 7.73466 40.908 7.27157 40.2074 7.27157C39.4475 7.27157 38.9131 7.75841 38.9131 8.83897V12.1638H37.6307V8.56586C37.6307 7.73466 37.2151 7.27157 36.5145 7.27157C35.7902 7.27157 35.1965 7.75841 35.1965 8.83897V12.1638H33.9141V6.22663H35.1965V6.93909C35.5765 6.35725 36.1583 6.07227 36.8945 6.07227C37.6663 6.07227 38.2363 6.41662 38.5806 7.01033C38.9725 6.39287 39.6018 6.07227 40.3974 6.07227Z" fill="black"></path> 1484<path d="M31.7881 5.33591C31.3369 5.33591 30.9688 4.95594 30.9688 4.51659C30.9688 4.06537 31.3369 3.69727 31.7881 3.69727C32.2393 3.69727 32.6074 4.06537 32.6074 4.51659C32.6074 4.95594 32.2393 5.33591 31.7881 5.33591ZM31.1469 12.1636V6.22649H32.4293V12.1636H31.1469Z" fill="black"></path> 1485<path d="M28.3711 12.1643V3.49609H29.6535V12.1643H28.3711Z" fill="black"></path> 1486<path d="M27.2051 7.86513V8.4351C27.2051 10.7031 25.5665 12.318 23.1322 12.318C20.5436 12.318 18.7031 10.3944 18.7031 8.00763C18.7031 5.6209 20.5674 3.69727 23.061 3.69727C24.6403 3.69727 25.9821 4.49284 26.6826 5.66839L25.5071 6.34523C25.0796 5.5734 24.1534 5.02718 23.061 5.02718C21.3036 5.02718 20.0687 6.32148 20.0687 8.0195C20.0687 9.69377 21.2798 10.9881 23.1441 10.9881C24.6521 10.9881 25.5783 10.2044 25.8277 9.08818H23.0491V7.86513H27.2051Z" fill="black"></path> 1487<path d="M5.74981 6.98785L3.40234 6.98646L3.40322 8.76498L5.67016 8.76631C5.91611 8.76622 6.14312 8.63516 6.26533 8.42269L7.54389 6.20747C7.66695 5.99451 7.66647 5.73254 7.54308 5.51881L6.40797 3.55275L4.86903 4.44125L6.04445 6.47714C6.17656 6.70399 6.01245 6.98721 5.74981 6.98785Z" fill="black"></path> 1488<path d="M9.74647 6.47351L10.9214 4.44124L9.38072 3.55273L8.2461 5.5153C8.1232 5.72835 8.1232 5.99048 8.2461 6.20254L9.52525 8.41742C9.64815 8.63047 9.87527 8.76104 10.1221 8.76104H12.3923V6.98403H10.0414C9.77892 6.98502 9.61571 6.70128 9.74647 6.47351Z" fill="black"></path> 1489<path d="M8.14183 10.2207L9.31437 12.2543L10.8542 11.3643L9.72185 9.40041C9.5988 9.18745 9.37179 9.05639 9.12668 9.05679L6.56897 9.05712C6.32301 9.05704 6.09637 9.18844 5.97298 9.40216L4.83787 11.3682L6.37681 12.2567L7.55223 10.2208C7.68263 9.99301 8.00996 9.99353 8.14183 10.2207Z" fill="black"></path> 1490</svg> 1491</a> 1492 <a href="https://kiwiform.com/" class="text-black text-base font-semibold flex items-center gap-1.5 " target="_blank"> 1493 <svg class="w-16 h-5" xmlns="http://www.w3.org/2000/svg" display="block" role="presentation" viewBox="0 0 144 34"><defs><linearGradient id="jLqaiV9Bf-241285896-linear-gradient" x1="0.28294222283904363" x2="0.7170577771609563" y1="0" y2="1"><stop offset="0" stop-color="rgba(24, 60, 26, 0.25)"/><stop offset="1" stop-color="rgba(24, 60, 26, 0)"/></linearGradient></defs><g d="M 45.19 20.526 C 44.827 19.884 44.324 19.828 43.822 20.331 L 41.699 22.538 L 41.699 26.308 L 38.319 26.308 L 38.319 6.755 L 41.699 6.755 L 41.699 18.46 L 47.593 12.203 L 51.727 12.203 L 47.76 16.393 C 47.286 16.896 47.23 17.371 47.537 17.929 L 52.147 26.309 L 48.263 26.309 L 45.19 20.527 Z M 53.568 26.309 L 53.568 12.174 L 57.144 12.174 L 57.144 26.309 Z M 55.356 10.106 C 54.099 10.106 53.177 9.24 53.177 8.067 C 53.177 6.922 54.099 6 55.356 6 C 56.613 6 57.535 6.922 57.535 8.067 C 57.535 9.24 56.613 10.107 55.355 10.107 Z M 62.86 26.309 L 58.67 12.174 L 62.357 12.174 L 64.704 21.448 L 64.927 21.448 L 67.33 12.174 L 70.822 12.174 L 73.224 21.448 L 73.42 21.448 L 7
14935.766 12.174 L 79.481 12.174 L 75.291 26.309 L 71.464 26.309 L 69.118 17.342 L 69.006 17.342 L 66.687 26.309 Z M 81.012 26.309 L 81.012 12.174 L 84.588 12.174 L 84.588 26.309 Z M 82.8 10.106 C 81.543 10.106 80.621 9.24 80.621 8.067 C 80.621 6.922 81.543 6 82.8 6 C 84.057 6 84.979 6.922 84.979 8.067 C 84.979 9.24 84.057 10.107 82.799 10.107 Z M 88.685 26.309 L 88.685 15.135 L 86.087 15.135 L 86.059 12.174 L 87.847 12.174 C 88.378 12.174 88.629 11.894 88.685 11.392 L 88.685 10.917 C 88.909 8.766 90.305 6.754 93.685 6.754 L 95.222 6.754 L 95.222 9.715 L 92.959 9.715 C 92.345 9.715 92.093 9.967 92.093 10.553 L 92.093 12.173 L 94.971 12.173 L 94.971 15.135 L 92.149 15.135 L 92.149 26.309 Z M 102.967 26.756 C 98.441 26.756 95.564 23.766 95.564 19.241 C 95.564 14.716 98.441 11.727 102.967 11.727 C 107.436 11.727 110.314 14.716 110.314 19.241 C 110.314 23.767 107.436 26.756 102.967 26.756 Z M 102.967 23.711 C 105.202 23.711 106.682 21.951 106.682 19.241 C 106.682 16.531 105.202 14.744 102.967 14.744 C 100.704 14.744 99.224 16.532 99.224 19.241 C 99.224 21.951 100.704 23.711 102.967 23.711 Z M 112.11 15.75 C 112.11 13.43 113.367 12.174 115.769 12.174 L 120.35 12.174 L 120.35 15.191 L 115.685 15.191 L 115.685 26.309 L 112.11 26.309 L 112.11 15.749 Z M 121.742 26.309 L 121.742 12.174 L 124.982 12.174 L 124.982 14.213 C 125.848 12.565 127.329 11.727 129.256 11.727 C 131.379 11.727 132.888 12.732 133.642 14.492 C 134.452 12.704 136.016 11.727 138.084 11.727 C 141.128 11.727 143 13.822 143 17.257 L 143 26.309 L 139.424 26.309 L 139.424 17.844 C 139.424 15.805 138.67 14.827 137.19 14.827 C 135.569 14.827 134.173 16.113 134.173 19.102 L 134.173 26.309 L 130.597 26.309 L 130.597 17.844 C 130.597 15.805 129.843 14.827 128.362 14.827 C 126.658 14.827 125.317 16.197 125.317 19.102 L 125.317 26.309 Z M 0 16 C 0 7.163 7.163 0 16 0 C 24.837 0 32 7.163 32 16 C 32 24.837 24.837 32 16 32 C 7.163 32 0 24.837 0 16 Z M 15.899 1.5 C 16.931 1.5 17.936 1.609 18.905 1.815 C 20.205 2.091 21.02 3.315 21.02 4.644 L 21.02 9.18 C 21.02 10.064 21.736 10.78 22.62 10.78 L 27.156 10.78 C 28.484 10.78 29.708 11.595 29.985 12.894 C 30.191 13.864 30.3 14.869 30.3 15.9 C 30.3 23.853 23.852 30.3 15.9 30.3 C 7.947 30.3 1.5 23.853 1.5 15.9 C 1.5 7.947 7.947 1.5 15.899 1.5 Z M 21.5 10.5 L 30.323 10.98 L 30.593 14.707 C 30.637 15.314 30.621 15.924 30.546 16.528 L 30.428 17.485 C 30.358 18.054 30.236 18.615 30.063 19.161 L 29.715 20.26 L 25.843 15.46 Z M 12 16.106 C 12 13.838 13.838 12 16.106 12 C 18.374 12 20.212 13.838 20.212 16.106 C 20.212 18.374 18.374 20.212 16.106 20.212 C 13.838 20.212 12 18.374 12 16.106 Z M 15.5 23.274 C 15.5 22.57 15.881 22 16.35 22 C 16.819 22 17.2 22.57 17.2 23.274 C 17.2 23.978 16.819 24.548 16.35 24.548 C 15.881 24.548 15.5 23.978 15.5 23.274 Z M 15.5 8.274 C 15.5 7.57 15.881 7 16.35 7 C 16.819 7 17.2 7.57 17.2 8.274 C 17.2 8.978 16.819 9.548 16.35 9.548 C 15.881 9.548 15.5 8.978 15.5 8.274 Z M 19.237 22.608 C 18.886 21.998 18.93 21.314 19.336 21.079 C 19.743 20.845 20.358 21.148 20.71 21.758 C 21.061 22.367 21.017 23.051 20.61 23.286 C 20.204 23.521 19.589 23.217 19.237 22.608 Z M 11.737 10.108 C 11.386 9.498 11.43 8.814 11.836 8.579 C 12.243 8.345 12.858 8.648 13.21 9.258 C 13.561 9.867 13.517 10.551 13.11 10.786 C 12.704 11.021 12.089 10.717 11.737 10.108 Z M 22.258 20.21 C 21.648 19.858 21.345 19.243 21.579 18.836 C 21.814 18.43 22.498 18.386 23.108 18.737 C 23.717 19.089 24.021 19.704 23.786 20.11 C 23.551 20.517 22.867 20.561 22.258 20.21 Z M 9.258 12.71 C 8.648 12.358 8.345 11.743 8.579 11.336 C 8.814 10.93 9.498 10.886 10.108 11.237 C 10.717 11.589 11.021 12.204 10.786 12.61 C 10.551 13.017 9.867 13.061 9.258 12.71 Z M 23.774 16.7 C 23.07 16.7 22.5 16.319 22.5 15.85 C 22.5 15.381 23.07 15 23.774 15 C 24.478 15 25.048 15.381 25.048 15.85 C 25.048 16.319 24.478 16.7 23.774 16.7 Z M 8.774 16.7 C 8.07 16.7 7.5 16.319 7.5 15.85 C 7.5 15.381 8.07 15 8.774 15 C 9.478 15 10.048 15.381 10.048 15.85 C 10.048 16.319 9.478 16.7 8.774 16.7 Z M 10.108 20.21 C 9.498 20.561 8.814 20.517 8.579 20.11 C 8.345 19.704 8.648 19.089 9.258 18.737 C 9.867 18.386 10.551 18.43 10.786 18.836 C 11.021 19.243 10.717 19.858 10.108 20.21 Z M 13.21 22.608 C 12.858 23.217 12.243 23.521 11.836 23.286 C 11.43 23.051 11.386 22.367 11.737 21.758 C 12.089 21.148 12.704 20.845 13.11 21.079 C 13.517 21.314 13.561 21.998 13.21 22.608 Z" fill="transparent" height="32px" id="f9r_iB2Do" transform="translate(1 1)" width="142.9999967651367px"><path d="M 45.19 20.526 C 44.827 19.884 44.324 19.828 43.822 20.331 L 41.699 22.538 L 41.699 26.308 L 38.319 26.308 L 38.319 6.755 L 41.699 6.755 L 41.699 18.46 L 47.593 12.203 L 51.727 12.203 L 47.76 16.393 C 47.286 16.896 47.23 17.371 47.537 17.929 L 52.147 26.309 L 48.263 26.309 L 45.19 20.527 Z M 53.568 26.309 L 53.568 12.174 L 57.144 12.174 L 57.144 26.309 Z M 55.356 10.106 C 54.099 10.106 53.177 9.24 53.177 8.067 C 53.177 6.922 54.099 6 55.356 6 C 56.613 6 57.535 6.922 57.535 8.067 C 57.535 9.24 56.613 10.107 55.355 10.
1493107 Z M 62.86 26.309 L 58.67 12.174 L 62.357 12.174 L 64.704 21.448 L 64.927 21.448 L 67.33 12.174 L 70.822 12.174 L 73.224 21.448 L 73.42 21.448 L 75.766 12.174 L 79.481 12.174 L 75.291 26.309 L 71.464 26.309 L 69.118 17.342 L 69.006 17.342 L 66.687 26.309 Z M 81.012 26.309 L 81.012 12.174 L 84.588 12.174 L 84.588 26.309 Z M 82.8 10.106 C 81.543 10.106 80.621 9.24 80.621 8.067 C 80.621 6.922 81.543 6 82.8 6 C 84.057 6 84.979 6.922 84.979 8.067 C 84.979 9.24 84.057 10.107 82.799 10.107 Z M 88.685 26.309 L 88.685 15.135 L 86.087 15.135 L 86.059 12.174 L 87.847 12.174 C 88.378 12.174 88.629 11.894 88.685 11.392 L 88.685 10.917 C 88.909 8.766 90.305 6.754 93.685 6.754 L 95.222 6.754 L 95.222 9.715 L 92.959 9.715 C 92.345 9.715 92.093 9.967 92.093 10.553 L 92.093 12.173 L 94.971 12.173 L 94.971 15.135 L 92.149 15.135 L 92.149 26.309 Z M 102.967 26.756 C 98.441 26.756 95.564 23.766 95.564 19.241 C 95.564 14.716 98.441 11.727 102.967 11.727 C 107.436 11.727 110.314 14.716 110.314 19.241 C 110.314 23.767 107.436 26.756 102.967 26.756 Z M 102.967 23.711 C 105.202 23.711 106.682 21.951 106.682 19.241 C 106.682 16.531 105.202 14.744 102.967 14.744 C 100.704 14.744 99.224 16.532 99.224 19.241 C 99.224 21.951 100.704 23.711 102.967 23.711 Z M 112.11 15.75 C 112.11 13.43 113.367 12.174 115.769 12.174 L 120.35 12.174 L 120.35 15.191 L 115.685 15.191 L 115.685 26.309 L 112.11 26.309 L 112.11 15.749 Z M 121.742 26.309 L 121.742 12.174 L 124.982 12.174 L 124.982 14.213 C 125.848 12.565 127.329 11.727 129.256 11.727 C 131.379 11.727 132.888 12.732 133.642 14.492 C 134.452 12.704 136.016 11.727 138.084 11.727 C 141.128 11.727 143 13.822 143 17.257 L 143 26.309 L 139.424 26.309 L 139.424 17.844 C 139.424 15.805 138.67 14.827 137.19 14.827 C 135.569 14.827 134.173 16.113 134.173 19.102 L 134.173 26.309 L 130.597 26.309 L 130.597 17.844 C 130.597 15.805 129.843 14.827 128.362 14.827 C 126.658 14.827 125.317 16.197 125.317 19.102 L 125.317 26.309 Z M 0 16 C 0 7.163 7.163 0 16 0 C 24.837 0 32 7.163 32 16 C 32 24.837 24.837 32 16 32 C 7.163 32 0 24.837 0 16 Z" fill="rgb(24, 60, 26)" height="32px" id="BHUehZv4c" width="142.9999967651367px"/><path d="M 14.399 0 C 15.431 0 16.436 0.109 17.405 0.315 C 18.705 0.591 19.52 1.815 19.52 3.144 L 19.52 7.68 C 19.52 8.564 20.236 9.28 21.12 9.28 L 25.656 9.28 C 26.984 9.28 28.208 10.095 28.485 11.394 C 28.691 12.364 28.8 13.369 28.8 14.4 C 28.8 22.353 22.352 28.8 14.4 28.8 C 6.447 28.8 0 22.353 0 14.4 C 0 6.447 6.447 0 14.399 0 Z" fill="rgb(184, 221, 47)" height="28.799999999999997px" id="rHP_ZjTLH" transform="translate(1.5 1.5)" width="28.80000000000001px"/><path d="M 0 0 L 8.823 0.48 L 9.093 4.207 C 9.137 4.814 9.121 5.424 9.046 6.028 L 8.928 6.985 C 8.858 7.554 8.736 8.115 8.563 8.661 L 8.215 9.76 L 4.343 4.96 Z" fill="url(#jLqaiV9Bf-241285896-linear-gradient)" height="9.759999999999998px" id="jLqaiV9Bf" transform="translate(21.5 10.5)" width="9.117100880687865px"/><path d="M 0 4.106 C 0 1.838 1.838 0 4.106 0 C 6.374 0 8.212 1.838 8.212 4.106 C 8.212 6.374 6.374 8.212 4.106 8.212 C 1.838 8.212 0 6.374 0 4.106 Z" fill="rgb(242, 243, 181)" height="8.212000000000003px" id="XnjST1yQn" transform="translate(12 12)" width="8.212000000000003px"/><path d="M 0 1.274 C 0 0.57 0.381 0 0.85 0 C 1.319 0 1.7 0.57 1.7 1.274 C 1.7 1.978 1.319 2.548 0.85 2.548 C 0.381 2.548 0 1.978 0 1.274 Z" fill="rgb(24, 60, 26)" height="2.548000000000002px" id="U6Zu1T674" transform="translate(15.5 22)" width="1.7000000000000028px"/><path d="M 0 1.274 C 0 0.57 0.381 0 0.85 0 C 1.319 0 1.7 0.57 1.7 1.274 C 1.7 1.978 1.319 2.548 0.85 2.548 C 0.381 2.548 0 1.978 0 1.274 Z" fill="rgb(24, 60, 26)" height="2.5479999999999983px" id="kdwSdb5B7" transform="translate(15.5 7)" width="1.7000000000000028px"/><path d="M 0.237 1.608 C -0.114 0.998 -0.07 0.314 0.336 0.079 C 0.743 -0.155 1.358 0.148 1.71 0.758 C 2.061 1.367 2.017 2.051 1.61 2.286 C 1.204 2.521 0.589 2.217 0.237 1.608 Z" fill="rgb(24, 60, 26)" height="2.3653205253492473px" id="xb6rEk_Gc" transform="translate(19 21)" width="1.946971340689899px"/><path d="M 0.237 1.608 C -0.114 0.998 -0.07 0.314 0.336 0.079 C 0.743 -0.155 1.358 0.148 1.71 0.758 C 2.061 1.367 2.017 2.051 1.61 2.286 C 1.204 2.521 0.589 2.217 0.237 1.608 Z" fill="rgb(24, 60, 26)" height="2.3653205253492455px" id="JO1dSepCV" transform="translate(11.5 8.5)" width="1.9469713406898919px"/><path d="M 0.758 1.71 C 0.148 1.358 -0.155 0.743 0.079 0.336 C 0.314 -0.07 0.998 -0.114 1.608 0.237 C 2.217 0.589 2.521 1.204 2.286 1.61 C 2.051 2.017 1.367 2.061 0.758 1.71 Z" fill="rgb(24, 60, 26)" height="1.946971340689899px" id="n0Q233o6y" transform="translate(21.5 18.5)" width="2.3653205253492544px"/><path d="M 0.758 1.71 C 0.148 1.358 -0.155 0.743 0.079 0.336 C 0.314 -0.07 0.998 -0.114 1.608 0.237 C 2.217 0.589 2.521 1.204 2.286 1.61 C 2.051 2.017 1.367 2.061 0.758 1.71 Z" fill="rgb(24, 60, 26)" height="1.9469713406898954px" id="kyCEdr8_v" transform="translate(8.5 11)" width="2.3653205253492473px"/><path d="M 1.274 1.7 C 0.57 1.7 0 1.319 0 0.85 C 0 0.381 0.57 0 1.274 0 C 1.978 0 2.548 0.381 2.548 0.85 C 2.548 1.319 1.978 1.7 1.274 1.7 Z" fill="rgb(24, 60, 26)" height="1.7000000000000028px" id="ku4X6ePEc" transform="translate(22.5 15)" width="2.548000000000002px"/><path d="M 1.274 1.7 C 0.57 1.7 0 1.319 0 0.85 C 0 0.381 0.57 0 1.274 0 C 1.978 0 2.548 0.381 2.548 0.85 C 2.548 1.319 1.978 1.7 1.274 1.7 Z" fill="rgb(24, 60, 26)" height="1.6999999999999993px" id="QwHXkqSJh" transform="translate(7.5 15)" width="2.548000000000002px"/><path d="M 1.608 1.71 C 0.998 2.061 0.314 2.017 0.079 1.61 C -0.155 1.204 0.148 0.589 0.758 0.237 C 1.367 -0.114 2.051 -0.07 2.286 0.336 C 2.521 0.743 2.217 1.358 1.608 1.71 Z" fill="rgb(24, 60, 26)" height="1.9469713406898954px" id="RuRBzAYym" transform="translate(8.5 18.5)" width="2.3653205253492473px"/><path d="M 1.71 1.608 C 1.358 2.217 0.743 2.521 0.336 2.286 C -0.07 2.051 -0.114 1.367 0.237 0.758 C 0.589 0.148 1.204 -0.155 1.61 0.079 C 2.017 0.314 2.061 0.998 1.71 1.608 Z" fill="rgb(24, 60, 26)" height="2.3653205253492473px" id="FqTlDih9f" transform="translate(11.5 21)" width="1.946971340689899px"/></g></svg> 1494</a> 1495 </div> 1496 </div> 1497 </div> 1498 </div> 1499 </div> 1500 </footer> 1501 1502 1503 1504 1505 1506 </div> 1507 <!--
1507<script src="https://cdn.jsdelivr.net/npm/choices.js/public/assets/scripts/choices.min.js"></script>
1507 1508
1508<script> 1509 const select = new Choices('.select', { 1510 searchEnabled: false, 1511 itemSelectText: '', 1512 classNames: { 1513 containerOuter: 'choices select-choices', 1514 }, 1515 }); 1516 </script>
1516 --> 1517
1517<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
1517 1518
1518<script src="https://pagedone.io/asset/js/pagedone-slider.js"></script>
1518 1519 1520
1520<script src="https://code.jquery.com/jquery-3.6.4.min.js" 1521 integrity="sha256-oP6HI9z1XaZNBrJURtCoUT5SUnxFr8s3BzRl+cbzUq8=" crossorigin="anonymous"></script>
1521 1522
1522<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
1522 1523
1523<script src="https://pagedone.io/asset/js/jquery.paroller.js"></script>
1523 1524
1524<script> 1525 $('.icon-slider-two').slick({ 1526 slidesToShow: 14, 1527 slidesToScroll: 1, 1528 autoplay: true, 1529 autoplaySpeed: 0, 1530 speed: 8000, 1531 pauseOnHover: false, 1532 prevArrow: false, 1533 nextArrow: false, 1534 cssEase: 'linear', 1535 rtl: true, 1536 responsive: [{ 1537 breakpoint: 1500, 1538 settings: { 1539 slidesToShow: 7, 1540 } 1541 }, 1542 { 1543 breakpoint: 1200, 1544 settings: { 1545 slidesToShow: 9, 1546 } 1547 }, 1548 { 1549 breakpoint: 1000, 1550 settings: { 1551 slidesToShow: 6, 1552 } 1553 }, 1554 { 1555 breakpoint: 800, 1556 settings: { 1557 slidesToShow: 5, 1558 } 1559 }, 1560 { 1561 breakpoint: 600, 1562 settings: { 1563 slidesToShow: 3, 1564 } 1565 }, 1566 ] 1567 1568 }); 1569 1570 // $('.component-list-slider').slick({ 1571 // slidesToShow: 7, 1572 // slidesToScroll: 1, 1573 // autoplay: true, 1574 // autoplaySpeed: 0, 1575 // speed: 8000, 1576 // pauseOnHover: false, 1577 // cssEase: 'linear', 1578 // responsive: [{ 1579 // breakpoint: 1500, 1580 // settings: { 1581 // slidesToShow: 3, 1582 // } 1583 // }, 1584 // { 1585 // breakpoint: 1000, 1586 // settings: { 1587 // slidesToShow: 2, 1588 // } 1589 // }, 1590 // { 1591 // breakpoint: 500, 1592 // settings: { 1593 // slidesToShow: 1, 1594 // } 1595 // }, 1596 // ] 1597 // }); 1598 $('.block-slider').slick({ 1599 slidesToShow: 5, 1600 slidesToScroll: 1, 1601 autoplay: true, 1602 autoplaySpeed: 0, 1603 speed: 8000, 1604 pauseOnHover: false, 1605 adaptiveHeight: true,
1606 prevArrow: false, 1607 nextArrow: false, 1608 cssEase: 'linear', 1609 responsive: [{ 1610 breakpoint: 1500, 1611 settings: { 1612 slidesToShow: 3, 1613 } 1614 }, 1615 { 1616 breakpoint: 1000, 1617 settings: { 1618 slidesToShow: 2, 1619 } 1620 }, 1621 { 1622 breakpoint: 500, 1623 settings: { 1624 slidesToShow: 1, 1625 } 1626 }, 1627 ] 1628 }); 1629 $('.icon-slider-one').slick({ 1630 slidesToShow: 14, 1631 slidesToScroll: 1, 1632 autoplay: true, 1633 autoplaySpeed: 0, 1634 prevArrow: false, 1635 nextArrow: false, 1636 speed: 8000, 1637 pauseOnHover: false, 1638 cssEase: 'linear', 1639 responsive: [{ 1640 breakpoint: 1500, 1641 settings: { 1642 slidesToShow: 7, 1643 } 1644 }, 1645 { 1646 breakpoint: 1200, 1647 settings: { 1648 slidesToShow: 9, 1649 } 1650 }, 1651 { 1652 breakpoint: 1000, 1653 settings: { 1654 slidesToShow: 6, 1655 } 1656 }, 1657 { 1658 breakpoint: 800, 1659 settings: { 1660 slidesToShow: 5, 1661 } 1662 }, 1663 { 1664 breakpoint: 600, 1665 settings: { 1666 slidesToShow: 3, 1667 } 1668 }, 1669 ] 1670 }); 1671 // center slider start 1672 1673 // $('.center-slider').on('init', () => { 1674 // $('.slick-slide[data-slick-index="-2"]').addClass('lt2'); 1675 // $('.slick-slide[data-slick-index="-1"]').addClass('lt1'); 1676 // $('.slick-slide[data-slick-index="1"]').addClass('gt1'); 1677 // $('.slick-slide[data-slick-index="2"]').addClass('gt2'); 1678 // }).slick({ 1679 // centerMode: true, 1680 // centerPadding: 0, 1681 // infinite: true, 1682 // centerPadding: '0px', 1683 // speed: 300, 1684 // autoplaySpeed: 2000, 1685 // autoplay: true, 1686 // arrows: false, 1687 // dots: false, 1688 // slidesToShow: 5 1689 // }).on('beforeChange', (event, slick, current, next) => { 1690 // $('.slick-slide.gt2').removeClass('gt2'); 1691 // $('.slick-slide.gt1').removeClass('gt1'); 1692 // $('.slick-slide.lt1').removeClass('lt1'); 1693 // $('.slick-slide.lt2').removeClass('lt2'); 1694 1695 // const lt2 = (current < next && current > 0) ? current - 1 : next - 2; 1696 // const lt1 = (current < next && current > 0) ? current : next - 1; 1697 // const gt1 = (current < next || next === 0) ? next + 1 : current; 1698 // const gt2 = (current < next || next === 0) ? next + 2 : current + 1; 1699 1700 // $(`.slick-slide[data-slick-index="${lt2}"]`).addClass('lt2'); 1701 // $(`.slick-slide[data-slick-index="${lt1}"]`).addClass('lt1'); 1702 // $(`.slick-slide[data-slick-index="${gt1}"]`).addClass('gt1'); 1703 // $(`.slick-slide[data-slick-index="${gt2}"]`).addClass('gt2'); 1704 1705 // // Clone processing when moving from 5 to 0 1706 // if (current === 5 && next === 0) { 1707 // $(`.slick-slide[data-slick-index="${current - 1}"]`).addClass('lt2'); 1708 // $(`.slick-slide[data-slick-index="${current}"]`).addClass('lt1'); 1709 // $(`.slick-slide[data-slick-index="${current + 2}"]`).addClass('gt1'); 1710 // $(`.slick-slide[data-slick-index="${current + 3}"]`).addClass('gt2'); 1711 // } 1712 1713 // // Clone processing when moving from 0 to 5 1714 // if (current === 0 && next === 5) { 1715 // $(`.slick-slide[data-slick-index="${current - 1}"]`).addClass('gt2'); 1716 // $(`.slick-slide[data-slick-index="${current}"]`).addClass('gt1'); 1717 // $(`.slick-slide[data-slick-index="${current - 2}"]`).addClass('lt1'); 1718 // $(`.slick-slide[data-slick-index="${current - 3}"]`).addClass('lt2'); 1719 // } 1720 1721 // console.log('beforeChange', current, ':', lt2, lt1, next, gt1, gt2); 1722 // }); 1723 1724 //center slider close 1725 $('.top-card').addClass('active'); 1726 1727 // Add active class on hover for the bottom card 1728 $('.bottom-card').hover( 1729 function() { 1730 $(this).addClass('active'); 1731 $('.top-card').removeClass('active'); 1732 }, 1733 function() { 1734 $(this).removeClass('active'); 1735 } 1736 ); 1737 $('.top-card').hover( 1738 function() { 1739 $(this).addClass('active'); 1740 $('.bottom-card').removeClass('active'); 1741 }, 1742 ); 1743 1744 $('.right-wrapper').on('mouseleave', () => { 1745 $('.top-card').addClass('active'); 1746 }); 1747 </script>
1747 1748
1748<script> 1749 $('.component-list-slider').slick({ 1750 slidesToShow: 7, 1751 slidesToScroll: 1, 1752 autoplay: true, 1753 autoplaySpeed: 0, 1754 speed: 8000, 1755 prevArrow: false, 1756 nextArrow: false, 1757 pauseOnHover: false, 1758 cssEase: 'linear', 1759 responsive: [{ 1760 breakpoint: 1700, 1761 settings: { 1762 slidesToShow: 5, 1763 } 1764 }, 1765 { 1766 breakpoint: 1500, 1767 settings: { 1768 slidesToShow: 4.9, 1769 } 1770 }, 1771 { 1772 breakpoint: 1370, 1773 settings: { 1774 slidesToShow: 4.5, 1775 } 1776 }, 1777 { 1778 breakpoint: 1100, 1779 settings: { 1780 slidesToShow: 4, 1781 } 1782 }, 1783 { 1784 breakpoint: 900, 1785 settings: { 1786 slidesToShow: 3, 1787 } 1788 }, 1789 { 1790 breakpoint: 500, 1791 settings: { 1792 slidesToShow: 1.5, 1793 } 1794 }, 1795 { 1796 breakpoint: 400, 1797 settings: { 1798 slidesToShow: 1.3, 1799 } 1800 }, 1801 ] 1802 }); 1803 $(document).ready(function() { 1804 $('.center-slider') 1805 .on('init', () => { 1806 $('.center-slider .slick-slide[data-slick-index="-2"]').addClass('lt2'); 1807 $('.center-slider .slick-slide[data-slick-index="-1"]').addClass('lt1'); 1808 $('.center-slider .slick-slide[data-slick-index="1"]').addClass('gt1'); 1809 $('.center-slider .slick-slide[data-slick-index="2"]').addClass('gt2'); 1810 }) 1811 .slick({ 1812 centerMode: true, 1813 centerPadding: 0, 1814 infinite: true, 1815 centerPadding: '0px', 1816 speed: 300, 1817 autoplaySpeed: 2000, 1818 autoplay: true,
1819 prevArrow: false, 1820 nextArrow: false, 1821 arrows: false, 1822 dots: false, 1823 slidesToShow: 5 1824 }).on('beforeChange', (event, slick, current, next) => { 1825 $('.center-slider .slick-slide.gt2').removeClass('gt2'); 1826 $('.center-slider .slick-slide.gt1').removeClass('gt1'); 1827 $('.center-slider .slick-slide.lt1').removeClass('lt1'); 1828 $('.center-slider .slick-slide.lt2').removeClass('lt2'); 1829 1830 const lt2 = (current < next && current > 0) ? current - 1 : next - 2; 1831 const lt1 = (current < next && current > 0) ? current : next - 1; 1832 const gt1 = (current < next || next === 0) ? next + 1 : current; 1833 const gt2 = (current < next || next === 0) ? next + 2 : current + 1; 1834 1835 $(`.center-slider .slick-slide[data-slick-index="${lt2}"]`).addClass('lt2'); 1836 $(`.center-slider .slick-slide[data-slick-index="${lt1}"]`).addClass('lt1'); 1837 $(`.center-slider .slick-slide[data-slick-index="${gt1}"]`).addClass('gt1'); 1838 $(`.center-slider .slick-slide[data-slick-index="${gt2}"]`).addClass('gt2'); 1839 1840 // Clone processing when moving from 5 to 0 1841 if (current === 5 && next === 0) { 1842 $(`.center-slider .slick-slide[data-slick-index="${current - 1}"]`).addClass('lt2'); 1843 $(`.center-slider .slick-slide[data-slick-index="${current}"]`).addClass('lt1'); 1844 $(`.center-slider .slick-slide[data-slick-index="${current + 2}"]`).addClass('gt1'); 1845 $(`.center-slider .slick-slide[data-slick-index="${current + 3}"]`).addClass('gt2'); 1846 } 1847 1848 // Clone processing when moving from 0 to 5 1849 if (current === 0 && next === 5) { 1850 $(`.center-slider .slick-slide[data-slick-index="${current - 1}"]`).addClass('gt2'); 1851 $(`.center-slider .slick-slide[data-slick-index="${current}"]`).addClass('gt1'); 1852 $(`.center-slider .slick-slide[data-slick-index="${current - 2}"]`).addClass('lt1'); 1853 $(`.center-slider .slick-slide[data-slick-index="${current - 3}"]`).addClass('lt2'); 1854 } 1855 1856 console.log('beforeChange', current, ':', lt2, lt1, next, gt1, gt2); 1857 }); 1858 1859 }); 1860 </script>
1860 1861
1861<script> 1862 document.addEventListener('DOMContentLoaded', () => { 1863 const defaultAccordionGroups = document.querySelectorAll( 1864 '.accordion-group[data-accordion="default-accordion"]'); 1865 const alwaysOpenAccordionGroup = document.querySelector( 1866 '.accordion-group[data-accordion="always-open-accordion"]'); 1867 1868 if (defaultAccordionGroups) { 1869 defaultAccordion(defaultAccordionGroups); 1870 } 1871 if (alwaysOpenAccordionGroup) { 1872 alwaysOpenAccordion(alwaysOpenAccordionGroup); 1873 } 1874 1875 }); 1876 1877 1878 function defaultAccordion(defaultAccordionGroups) { 1879 defaultAccordionGroups.forEach(defaultAccordionGroup => { 1880 const accordionButtons = defaultAccordionGroup.querySelectorAll('.accordion-toggle'); 1881 accordionButtons.forEach(button => { 1882 button.addEventListener('click', () => { 1883 const accordion = button.parentElement; 1884 const content = button.nextElementSibling; 1885 const isOpen = content.style.maxHeight !== ''; 1886 1887 if (isOpen) { 1888 close(button); 1889 content.style.maxHeight = ''; 1890 accordion.classList.remove('active'); 1891 } else { 1892 content.style.maxHeight = content.scrollHeight + 'px'; 1893 accordion.classList.add('active'); 1894 accordionButtons.forEach(otherButton => { 1895 if (otherButton !== button) { 1896 const otherAccordion = otherButton.parentElement; 1897 otherAccordion.classList.remove('active'); 1898 close(otherButton); 1899 } 1900 }); 1901 } 1902 }); 1903 }); 1904 }); 1905 } 1906 1907 function close(element, accordion) { 1908 const content = element.nextElementSibling; 1909 content.style.maxHeight = ''; 1910 } 1911 1912 function alwaysOpenAccordion(alwaysOpenAccordionGroup) { 1913 const accordionButtons = alwaysOpenAccordionGroup.querySelectorAll('.accordion-toggle'); 1914 console.log(accordionButtons.length); 1915 // var acc = document.getElementsByClassName("acc"); 1916 var i; 1917 1918 for (i = 0; i < accordionButtons.length; i++) { 1919 accordionButtons[i].addEventListener("click", function() { 1920 this.parentElement.classList.toggle("active"); 1921 var acc_panel = this.nextElementSibling; 1922 1923 if (acc_panel.style.maxHeight) { 1924 acc_panel.style.maxHeight = ''; 1925 } else { 1926 acc_panel.style.maxHeight = acc_panel.scrollHeight + "px"; 1927 } 1928 }); 1929 } 1930 } 1931 </script>
1931 1932
1932<script> 1933 $(document).ready(function() { 1934 var currentUrlSegment = window.location.pathname; 1935 var dropdownBtnShow = $('#dropdown-btn-show'); // Target div element 1936 1937 $('.dropdown-menu.items-dropdown a').each(function() { 1938 var href = $(this).attr('href'); 1939 var selectedItemHtml = $(this).html(); 1940 // console.log(href); 1941 // console.log(currentUrlSegment); 1942 // console.log(href.includes(currentUrlSegment)); 1943 let dynamicPart = $(this).attr('href').split('page-done-new.test')[1]; 1944 1945 if (currentUrlSegment.includes(dynamicPart) || currentUrlSegment.includes(href)) { 1946 // Extract SVG and h5 elements 1947 var svgElement = $(this).find('svg').clone(); 1948 var h5Element = $(this).find('span').clone(); 1949 1950 // Clear the target div and append the extracted elements 1951 $('#dropdown-btn-show').empty().append(svgElement, h5Element); 1952 } 1953 }); 1954 }); 1955 1956 //product menu dropdown 1957 // $(document).on('mouseenter', '.products-button', function() { 1958 // $('.products-dropdown').show(); 1959 // }); 1960 1961 // $(window).on('mouseover', function(e) { 1962 // if (!$(e.target).hasClass('products-button') && !$(e.target).hasClass('products-dropdown')) { 1963 // $('.products-dropdown').hide(); 1964 // } 1965 // }); 1966 1967 $(".products-button").click(function(event) { 1968 event.stopPropagation(); 1969 $(".products-dropdown").toggle(); 1970 }); 1971 $(".profile-dropdown-toggle").click(function(event) { 1972 event.stopPropagation(); 1973 $(".profile-menu").toggle(); 1974 }); 1975 $(document).click(function(event) { 1976 if (!$(event.target).closest(".products-dropdown").length) { 1977 $(".products-dropdown").hide(); 1978 $(".items-dropdown").hide(); 1979 } 1980 if (!$(event.target).closest(".profile-menu").length) { 1981 $(".profile-menu").hide(); 1982 } 1983 }); 1984 $(".items-button").click(function(event) { 1985 event.stopPropagation(); 1986 $(".items-dropdown").toggle(); 1987 }); 1988 1989 document.addEventListener('DOMContentLoaded', function() { 1990 var toggleButton = document.getElementById('toggleButton'); 1991 var navbar = document.getElementById('navbar-default'); 1992 1993 toggleButton.addEventListener('click', function() { 1994 if (navbar.classList.contains('hidden')) { 1995 navbar.classList.remove('hidden'); 1996 navbar.classList.add('show'); 1997 } else { 1998 navbar.classList.remove('show'); 1999 navbar.classList.add('hidden'); 2000 } 2001 }); 2002 }); 2003 // $(".figma-button").change(function() { 2004 // $(".figma-dropdown").hide(); 2005 // }); 2006 </script>
2006 2007
2007<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"7e2dc09b2fb0454bba2af24bfc42291c","r":1,"spa":2}' crossorigin="anonymous"></script>
2007 2008</body> 2009 2010</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.