<section class="py-20 bg-black">
<div class="container px-4 mx-auto">
<div class="flex flex-wrap -mx-4">
<div class="w-full lg:w-4/12 xl:w-3/12 px-4">
<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 lg:grid-cols-1 gap-6 md:gap-2 lg:gap-6 px-4 lg:pt-28 pb-20 lg:pb-9">
<div>
<span class="inline-block font-bold text-transparent bg-clip-text bg-gradient-to-r from-yellow-500 via-green-300 to-blue-500 mb-5">Average Rating</span>
<div class="flex mb-2 items-center">
<input class="mr-3" type="checkbox">
<img src="vendia-assets/images/search/star-light-5.svg" alt="">
</div>
<div class="flex mb-2 items-center">
<input class="mr-3" type="checkbox" checked="">
<img src="vendia-assets/images/search/star-light-4.svg" alt="">
</div>
<div class="flex mb-2 items-center">
<input class="mr-3" type="checkbox">
<img src="vendia-assets/images/search/star-light-3.svg" alt="">
</div>
<div class="flex mb-2 items-center">
<input class="mr-3" type="checkbox">
<img src="vendia-assets/images/search/star-light-2.svg" alt="">
</div>
<div class="flex items-center">
<input class="mr-3" type="checkbox">
<img src="vendia-assets/images/search/star-light-1.svg" alt="">
</div>
</div>
<div>
<span class="inline-block font-bold text-transparent bg-clip-text bg-gradient-to-r from-yellow-500 via-green-300 to-blue-500 mb-5">Category</span>
<div class="flex mb-2 items-center">
<input class="mr-3" type="checkbox">
<span class="ms-3 font-medium text-gray-200">Women Clothing</span>
</div>
<div class="flex mb-2 items-center">
<input class="mr-3" type="checkbox">
<span class="ms-3 font-medium text-gray-200">Men Clothing</span>
</div>
<div class="flex mb-2 items-center">
<input class="mr-3" type="checkbox">
<span class="ms-3 font-medium text-gray-200">Kids Fashion</span>
</div>
<div class="flex mb-2 items-center">
<input class="mr-3" type="checkbox">
<span class="ms-3 font-medium text-gray-200">Sunglasses</span>
</div>
<div class="flex items-center">
<input class="mr-3" type="checkbox">
<span class="ms-3 font-medium text-gray-200">Perfume</span>
</div>
</div>
<div>
<span class="inline-block font-bold text-transparent bg-clip-text bg-gradient-to-r from-yellow-500 via-green-300 to-blue-500 mb-5">Brand</span>
<div class="flex mb-2 items-center">
<input class="mr-3" type="checkbox">
<span class="ml-3 font-medium text-gray-200">Nike</span>
</div>
<div class="flex mb-2 items-center">
<input class="mr-3" type="checkbox">
<span class="ml-3 font-medium text-gray-200">Louis Vuitton</span>
</div>
<div class="flex mb-2 items-center">
<input class="mr-3" type="checkbox">
<span class="ml-3 font-medium text-gray-200">Hermes</span>
</div>
<div class="flex items-center">
<input class="mr-3" type="checkbox">
<span class="ml-3 font-medium text-gray-200">Gucci</span>
</div>
</div>
<div>
<span class="inline-block font-bold text-transparent bg-clip-text bg-gradient-to-r from-yellow-500 via-green-300 to-blue-500 mb-5">Shipping</span>
<div class="flex items-center">
<input class="mr-3" type="checkbox">
<span class="ms-3 font-medium text-gray-200">Free Shipping</span>
</div>
</div>
</div>
</div>
<div class="w-full lg:w-8/12 xl:9/12 px-4">
<div class="flex flex-col sm:flex-row mb-8 sm:items-center">
<div class="mb-3 sm:mb-0 sm:mr-5">
<div class="relative border border-blueGray-800">
<span class="absolute top-1/2 right-0 mr-4 transform -translate-y-1/2">
<svg width="12" height="7" viewbox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.96967 0.71967C1.26256 0.426777 1.73744 0.426777 2.03033 0.71967L6 4.68934L9.96967 0.71967C10.2626 0.426777 10.7374 0.426777 11.0303 0.71967C11.3232 1.01256 11.3232 1.48744 11.0303 1.78033L6.53033 6.28033C6.23744 6.57322 5.76256 6.57322 5.46967 6.28033L0.96967 1.78033C0.676777 1.48744 0.676777 1.01256 0.96967 0.71967Z" fill="white"></path>
</svg>
</span>
<select class="relative w-full pl-6 pr-10 py-4 bg-transparent font-medium text-gray-400 outline-none appearance-none" name="" id="">
<option value="1">Sort by</option>
<option value="2">Price</option>
<option value="3">Ratings</option>
<option value="4">Popularity</option>
</select>
</div>
</div>
<div class="mb-3 sm:mb-0 sm:mr-5">
<div class="relative border border-blueGray-800">
<span class="absolute top-1/2 right-0 mr-4 transform -translate-y-1/2">
<svg width="12" height="7" viewbox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.96967 0.71967C1.26256 0.426777 1.73744 0.426777 2.03033 0.71967L6 4.68934L9.96967 0.71967C10.2626 0.426777 10.7374 0.426777 11.0303 0.71967C11.3232 1.01256 11.3232 1.48744 11.0303 1.78033L6.53033 6.28033C6.23744 6.57322 5.76256 6.57322 5.46967 6.28033L0.96967 1.78033C0.676777 1.48744 0.676777 1.01256 0.96967 0.71967Z" fill="white"></path>
</svg>
</span>
<select class="relative w-full pl-6 pr-10 py-4 bg-transparent font-medium text-gray-400 outline-none appearance-none" name="" id="">
<option value="1">Category</option>
<option value="2">Clothes</option>
<option value="3">Home</option>
<option value="4">Kids</option>
</select>
</div>
</div>
<div>
<div class="relative border border-blueGray-800">
<span class="absolute top-1/2 right-0 mr-4 transform -translate-y-1/2">
<svg width="12" height="7" viewbox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.96967 0.71967C1.26256 0.426777 1.73744 0.426777 2.03033 0.71967L6 4.68934L9.96967 0.71967C10.2626 0.426777 10.7374 0.426777 11.0303 0.71967C11.3232 1.01256 11.3232 1.48744 11.0303 1.78033L6.53033 6.28033C6.23744 6.57322 5.76256 6.57322 5.46967 6.28033L0.96967 1.78033C0.676777 1.48744 0.676777 1.01256 0.96967 0.71967Z" fill="white"></path>
</svg>
</span>
<select class="relative w-full pl-6 pr-10 py-4 bg-transparent font-medium text-gray-400 outline-none appearance-none" name="" id="">
<option value="1">Size</option>
<option value="2">S</option>
<option value="3">M</option>
<option value="4">XL</option>
</select>
</div>
</div>
</div>
<div class="flex flex-wrap mb-20">
<div class="w-full sm:w-1/2 xl:w-1/3">
<a class="block p-px bg-gradient-to-br from-blueGray-800 via-blueGray-800 to-blueGray-800 hover:from-yellow-500 hover:via-green-400 hover:to-blue-500" href="#">
<div class="bg-black p-5">
<img class="block w-full h-80 mb-8 object-cover" src="vendia-assets/images/item-cards/product-card1.png" alt="">
<div class="text-center">
<span class="font-bold text-transparent bg-clip-text bg-gradient-to-br from-yellow-400 via-green-300 to-blue-500">$149</span>
<h6 class="font-bold text-white mt-2 mb-5">Organize Basic Set (Walnut)</h6>
<div class="flex justify-center mb-3">
<svg width="108" height="17" viewbox="0 0 108 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.2935 6.73556C17.1828 6.39526 16.881 6.15434 16.5253 6.12216L11.674 5.68172L9.75675 1.19302C9.61519 0.863235 9.29311 0.650391 8.93461 0.650391C8.5761 0.650391 8.25389 0.863235 8.11323 1.19302L6.19597 5.68172L1.34389 6.12216C0.988209 6.15498 0.687022 6.3959 0.575728 6.73556C0.465074 7.07585 0.567265 7.4491 0.836269 7.68502L4.50347 10.9006L3.4222 15.663C3.34309 16.0131 3.479 16.3752 3.76954 16.5852C3.92572 16.6987 4.1092 16.7554 4.29332 16.7554C4.45154 16.7554 4.60989 16.7133 4.75132 16.6287L8.93461 14.1274L13.1171 16.6287C13.424 16.8121 13.8098 16.7953 14.0997 16.5852C14.3902 16.3752 14.5261 16.0131 14.447 15.663L13.3657 10.9006L17.0329 7.68502C17.3018 7.4491 17.4041 7.07662 17.2935 6.73556Z" fill="#F2FF5A"></path>
<path d="M39.7422 6.73556C39.6316 6.39526 39.3297 6.15434 38.9741 6.12216L34.1227 5.68172L32.2055 1.19302C32.0639 0.863235 31.7418 0.650391 31.3833 0.650391C31.0248 0.650391 30.7026 0.863235 30.562 1.19302L28.6447 5.68172L23.7926 6.12216C23.4369 6.15498 23.1358 6.3959 23.0245 6.73556C22.9138 7.07585 23.016 7.4491 23.285 7.68502L26.9522 10.9006L25.8709 15.663C25.7918 16.0131 25.9277 16.3752 26.2183 16.5852C26.3744 16.6987 26.5579 16.7554 26.7421 16.7554C26.9003 16.7554 27.0586 16.7133 27.2001 16.6287L31.3833 14.1274L35.5659 16.6287C35.8727 16.8121 36.2585 16.7953 36.5484 16.5852C36.8389 16.3752 36.9749 16.0131 36.8957 15.663L35.8145 10.9006L39.4817 7.68502C39.7505 7.4491 39.8529 7.07662 39.7422 6.73556Z" fill="#F2FF5A"></path>
<path d="M62.1909 6.73556C62.0803 6.39526 61.7785 6.15434 61.4228 6.12216L56.5715 5.68172L54.6542 1.19302C54.5127 0.863235 54.1906 0.650391 53.8321 0.650391C53.4736 0.650391 53.1514 0.863235 53.0107 1.19302L51.0934 5.68172L46.2414 6.12216C45.8857 6.15498 45.5845 6.3959 45.4732 6.73556C45.3625 7.07585 45.4647 7.4491 45.7337 7.68502L49.4009 10.9006L48.3197 15.663C48.2405 16.0131 48.3765 16.3752 48.667 16.5852C48.8232 16.6987 49.0067 16.7554 49.1908 16.7554C49.349 16.7554 49.5074 16.7133 49.6488 16.6287L53.8321 14.1274L58.0146 16.6287C58.3214 16.8121 58.7072 16.7953 58.9971 16.5852C59.2877 16.3752 59.4236 16.0131 59.3445 15.663L58.2632 10.9006L61.9304 7.68502C62.1993 7.4491 62.3016 7.07662 62.1909 6.73556Z" fill="#F2FF5A"></path>
<path d="M84.6397 6.73556C84.529 6.39526 84.2272 6.15434 83.8715 6.12216L79.0202 5.68172L77.1029 1.19302C76.9614 0.863235 76.6393 0.650391 76.2808 0.650391C75.9223 0.650391 75.6001 0.863235 75.4594 1.19302L73.5422 5.68172L68.6901 6.12216C68.3344 6.15498 68.0332 6.3959 67.9219 6.73556C67.8113 7.07585 67.9135 7.4491 68.1825 7.68502L71.8497 10.9006L70.7684 15.663C70.6893 16.0131 70.8252 16.3752 71.1157 16.5852C71.2719 16.6987 71.4554 16.7554 71.6395 16.7554C71.7977 16.7554 71.9561 16.7133 72.0975 16.6287L76.2808 14.1274L80.4633 16.6287C80.7701 16.8121 81.156 16.7953 81.4459 16.5852C81.7364 16.3752 81.8723 16.0131 81.7932 15.663L80.7119 10.9006L84.3791 7.68502C84.648 7.4491 84.7503 7.07662 84.6397 6.73556Z" fill="#F2FF5A"></path>
<path d="M107.088 6.73556C106.978 6.39526 106.676 6.15434 106.32 6.12216L101.469 5.68172L99.5517 1.19302C99.4101 0.863235 99.088 0.650391 98.7295 0.650391C98.371 0.650391 98.0488 0.863235 97.9082 1.19302L95.9909 5.68172L91.1388 6.12216C90.7831 6.15498 90.4819 6.3959 90.3706 6.73556C90.26 7.07585 90.3622 7.4491 90.6312 7.68502L94.2984 10.9006L93.2171 15.663C93.138 16.0131 93.2739 16.3752 93.5645 16.5852C93.7206 16.6987 93.9041 16.7554 94.0882 16.7554C94.2465 16.7554 94.4048 16.7133 94.5462 16.6287L98.7295 14.1274L102.912 16.6287C103.219 16.8121 103.605 16.7953 103.895 16.5852C104.185 16.3752 104.321 16.0131 104.242 15.663L103.161 10.9006L106.828 7.68502C107.097 7.4491 107.199 7.07662 107.088 6.73556Z" fill="#F2FF5A"></path>
</svg>
</div>
<span class="block text-sm font-medium text-gray-500">38 reviews</span>
</div>
</div>
</a>
</div>
<div class="w-full sm:w-1/2 xl:w-1/3">
<a class="block p-px bg-gradient-to-br from-blueGray-800 via-blueGray-800 to-blueGray-800 hover:from-yellow-500 hover:via-green-400 hover:to-blue-500" href="#">
<div class="bg-black p-5">
<img class="block w-full h-80 mb-8 object-cover" src="vendia-assets/images/item-cards/product-card2.png" alt="">
<div class="text-center">
<span class="font-bold text-transparent bg-clip-text bg-gradient-to-br from-yellow-400 via-green-300 to-blue-500">$149</span>
<h6 class="font-bold text-white mt-2 mb-5">Organize Basic Set (Walnut)</h6>
<div class="flex justify-center mb-3">
<svg width="108" height="17" viewbox="0 0 108 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.2935 6.73556C17.1828 6.39526 16.881 6.15434 16.5253 6.12216L11.674 5.68172L9.75675 1.19302C9.61519 0.863235 9.29311 0.650391 8.93461 0.650391C8.5761 0.650391 8.25389 0.863235 8.11323 1.19302L6.19597 5.68172L1.34389 6.12216C0.988209 6.15498 0.687022 6.3959 0.575728 6.73556C0.465074 7.07585 0.567265 7.4491 0.836269 7.68502L4.50347 10.9006L3.4222 15.663C3.34309 16.0131 3.479 16.3752 3.76954 16.5852C3.92572 16.6987 4.1092 16.7554 4.29332 16.7554C4.45154 16.7554 4.60989 16.7133 4.75132 16.6287L8.93461 14.1274L13.1171 16.6287C13.424 16.8121 13.8098 16.7953 14.0997 16.5852C14.3902 16.3752 14.5261 16.0131 14.447 15.663L13.3657 10.9006L17.0329 7.68502C17.3018 7.4491 17.4041 7.07662 17.2935 6.73556Z" fill="#F2FF5A"></path>
<path d="M39.7422 6.73556C39.6316 6.39526 39.3297 6.15434 38.9741 6.12216L34.1227 5.68172L32.2055 1.19302C32.0639 0.863235 31.7418 0.650391 31.3833 0.650391C31.0248 0.650391 30.7026 0.863235 30.562 1.19302L28.6447 5.68172L23.7926 6.12216C23.4369 6.15498 23.1358 6.3959 23.0245 6.73556C22.9138 7.07585 23.016 7.4491 23.285 7.68502L26.9522 10.9006L25.8709 15.663C25.7918 16.0131 25.9277 16.3752 26.2183 16.5852C26.3744 16.6987 26.5579 16.7554 26.7421 16.7554C26.9003 16.7554 27.0586 16.7133 27.2001 16.6287L31.3833 14.1274L35.5659 16.6287C35.8727 16.8121 36.2585 16.7953 36.5484 16.5852C36.8389 16.3752 36.9749 16.0131 36.8957 15.663L35.8145 10.9006L39.4817 7.68502C39.7505 7.4491 39.8529 7.07662 39.7422 6.73556Z" fill="#F2FF5A"></path>
<path d="M62.1909 6.73556C62.0803 6.39526 61.7785 6.15434 61.4228 6.12216L56.5715 5.68172L54.6542 1.19302C54.5127 0.863235 54.1906 0.650391 53.8321 0.650391C53.4736 0.650391 53.1514 0.863235 53.0107 1.19302L51.0934 5.68172L46.2414 6.12216C45.8857 6.15498 45.5845 6.3959 45.4732 6.73556C45.3625 7.07585 45.4647 7.4491 45.7337 7.68502L49.4009 10.9006L48.3197 15.663C48.2405 16.0131 48.3765 16.3752 48.667 16.5852C48.8232 16.6987 49.0067 16.7554 49.1908 16.7554C49.349 16.7554 49.5074 16.7133 49.6488 16.6287L53.8321 14.1274L58.0146 16.6287C58.3214 16.8121 58.7072 16.7953 58.9971 16.5852C59.2877 16.3752 59.4236 16.0131 59.3445 15.663L58.2632 10.9006L61.9304 7.68502C62.1993 7.4491 62.3016 7.07662 62.1909 6.73556Z" fill="#F2FF5A"></path>
<path d="M84.6397 6.73556C84.529 6.39526 84.2272 6.15434 83.8715 6.12216L79.0202 5.68172L77.1029 1.19302C76.9614 0.863235 76.6393 0.650391 76.2808 0.650391C75.9223 0.650391 75.6001 0.863235 75.4594 1.19302L73.5422 5.68172L68.6901 6.12216C68.3344 6.15498 68.0332 6.3959 67.9219 6.73556C67.8113 7.07585 67.9135 7.4491 68.1825 7.68502L71.8497 10.9006L70.7684 15.663C70.6893 16.0131 70.8252 16.3752 71.1157 16.5852C71.2719 16.6987 71.4554 16.7554 71.6395 16.7554C71.7977 16.7554 71.9561 16.7133 72.0975 16.6287L76.2808 14.1274L80.4633 16.6287C80.7701 16.8121 81.156 16.7953 81.4459 16.5852C81.7364 16.3752 81.8723 16.0131 81.7932 15.663L80.7119 10.9006L84.3791 7.68502C84.648 7.4491 84.7503 7.07662 84.6397 6.73556Z" fill="#F2FF5A"></path>
<path d="M107.088 6.73556C106.978 6.39526 106.676 6.15434 106.32 6.12216L101.469 5.68172L99.5517 1.19302C99.4101 0.863235 99.088 0.650391 98.7295 0.650391C98.371 0.650391 98.0488 0.863235 97.9082 1.19302L95.9909 5.68172L91.1388 6.12216C90.7831 6.15498 90.4819 6.3959 90.3706 6.73556C90.26 7.07585 90.3622 7.4491 90.6312 7.68502L94.2984 10.9006L93.2171 15.663C93.138 16.0131 93.2739 16.3752 93.5645 16.5852C93.7206 16.6987 93.9041 16.7554 94.0882 16.7554C94.2465 16.7554 94.4048 16.7133 94.5462 16.6287L98.7295 14.1274L102.912 16.6287C103.219 16.8121 103.605 16.7953 103.895 16.5852C104.185 16.3752 104.321 16.0131 104.242 15.663L103.161 10.9006L106.828 7.68502C107.097 7.4491 107.199 7.07662 107.088 6.73556Z" fill="#F2FF5A"></path>
</svg>
</div>
<span class="block text-sm font-medium text-gray-500">38 reviews</span>
</div>
</div>
</a>
</div>
<div class="w-full sm:w-1/2 xl:w-1/3">
<a class="block p-px bg-gradient-to-br from-blueGray-800 via-blueGray-800 to-blueGray-800 hover:from-yellow-500 hover:via-green-400 hover:to-blue-500" href="#">
<div class="bg-black p-5">
<img class="block w-full h-80 mb-8 object-cover" src="vendia-assets/images/item-cards/product-card3.png" alt="">
<div class="text-center">
<span class="font-bold text-transparent bg-clip-text bg-gradient-to-br from-yellow-400 via-green-300 to-blue-500">$149</span>
<h6 class="font-bold text-white mt-2 mb-5">Organize Basic Set (Walnut)</h6>
<div class="flex justify-center mb-3">
<svg width="108" height="17" viewbox="0 0 108 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.2935 6.73556C17.1828 6.39526 16.881 6.15434 16.5253 6.12216L11.674 5.68172L9.75675 1.19302C9.61519 0.863235 9.29311 0.650391 8.93461 0.650391C8.5761 0.650391 8.25389 0.863235 8.11323 1.19302L6.19597 5.68172L1.34389 6.12216C0.988209 6.15498 0.687022 6.3959 0.575728 6.73556C0.465074 7.07585 0.567265 7.4491 0.836269 7.68502L4.50347 10.9006L3.4222 15.663C3.34309 16.0131 3.479 16.3752 3.76954 16.5852C3.92572 16.6987 4.1092 16.7554 4.29332 16.7554C4.45154 16.7554 4.60989 16.7133 4.75132 16.6287L8.93461 14.1274L13.1171 16.6287C13.424 16.8121 13.8098 16.7953 14.0997 16.5852C14.3902 16.3752 14.5261 16.0131 14.447 15.663L13.3657 10.9006L17.0329 7.68502C17.3018 7.4491 17.4041 7.07662 17.2935 6.73556Z" fill="#F2FF5A"></path>
<path d="M39.7422 6.73556C39.6316 6.39526 39.3297 6.15434 38.9741 6.12216L34.1227 5.68172L32.2055 1.19302C32.0639 0.863235 31.7418 0.650391 31.3833 0.650391C31.0248 0.650391 30.7026 0.863235 30.562 1.19302L28.6447 5.68172L23.7926 6.12216C23.4369 6.15498 23.1358 6.3959 23.0245 6.73556C22.9138 7.07585 23.016 7.4491 23.285 7.68502L26.9522 10.9006L25.8709 15.663C25.7918 16.0131 25.9277 16.3752 26.2183 16.5852C26.3744 16.6987 26.5579 16.7554 26.7421 16.7554C26.9003 16.7554 27.0586 16.7133 27.2001 16.6287L31.3833 14.1274L35.5659 16.6287C35.8727 16.8121 36.2585 16.7953 36.5484 16.5852C36.8389 16.3752 36.9749 16.0131 36.8957 15.663L35.8145 10.9006L39.4817 7.68502C39.7505 7.4491 39.8529 7.07662 39.7422 6.73556Z" fill="#F2FF5A"></path>
<path d="M62.1909 6.73556C62.0803 6.39526 61.7785 6.15434 61.4228 6.12216L56.5715 5.68172L54.6542 1.19302C54.5127 0.863235 54.1906 0.650391 53.8321 0.650391C53.4736 0.650391 53.1514 0.863235 53.0107 1.19302L51.0934 5.68172L46.2414 6.12216C45.8857 6.15498 45.5845 6.3959 45.4732 6.73556C45.3625 7.07585 45.4647 7.4491 45.7337 7.68502L49.4009 10.9006L48.3197 15.663C48.2405 16.0131 48.3765 16.3752 48.667 16.5852C48.8232 16.6987 49.0067 16.7554 49.1908 16.7554C49.349 16.7554 49.5074 16.7133 49.6488 16.6287L53.8321 14.1274L58.0146 16.6287C58.3214 16.8121 58.7072 16.7953 58.9971 16.5852C59.2877 16.3752 59.4236 16.0131 59.3445 15.663L58.2632 10.9006L61.9304 7.68502C62.1993 7.4491 62.3016 7.07662 62.1909 6.73556Z" fill="#F2FF5A"></path>
<path d="M84.6397 6.73556C84.529 6.39526 84.2272 6.15434 83.8715 6.12216L79.0202 5.68172L77.1029 1.19302C76.9614 0.863235 76.6393 0.650391 76.2808 0.650391C75.9223 0.650391 75.6001 0.863235 75.4594 1.19302L73.5422 5.68172L68.6901 6.12216C68.3344 6.15498 68.0332 6.3959 67.9219 6.73556C67.8113 7.07585 67.9135 7.4491 68.1825 7.68502L71.8497 10.9006L70.7684 15.663C70.6893 16.0131 70.8252 16.3752 71.1157 16.5852C71.2719 16.6987 71.4554 16.7554 71.6395 16.7554C71.7977 16.7554 71.9561 16.7133 72.0975 16.6287L76.2808 14.1274L80.4633 16.6287C80.7701 16.8121 81.156 16.7953 81.4459 16.5852C81.7364 16.3752 81.8723 16.0131 81.7932 15.663L80.7119 10.9006L84.3791 7.68502C84.648 7.4491 84.7503 7.07662 84.6397 6.73556Z" fill="#F2FF5A"></path>
<path d="M107.088 6.73556C106.978 6.39526 106.676 6.15434 106.32 6.12216L101.469 5.68172L99.5517 1.19302C99.4101 0.863235 99.088 0.650391 98.7295 0.650391C98.371 0.650391 98.0488 0.863235 97.9082 1.19302L95.9909 5.68172L91.1388 6.12216C90.7831 6.15498 90.4819 6.3959 90.3706 6.73556C90.26 7.07585 90.3622 7.4491 90.6312 7.68502L94.2984 10.9006L93.2171 15.663C93.138 16.0131 93.2739 16.3752 93.5645 16.5852C93.7206 16.6987 93.9041 16.7554 94.0882 16.7554C94.2465 16.7554 94.4048 16.7133 94.5462 16.6287L98.7295 14.1274L102.912 16.6287C103.219 16.8121 103.605 16.7953 103.895 16.5852C104.185 16.3752 104.321 16.0131 104.242 15.663L103.161 10.9006L106.828 7.68502C107.097 7.4491 107.199 7.07662 107.088 6.73556Z" fill="#F2FF5A"></path>
</svg>
</div>
<span class="block text-sm font-medium text-gray-500">38 reviews</span>
</div>
</div>
</a>
</div>
<div class="w-full sm:w-1/2 xl:w-1/3">
<a class="block p-px bg-gradient-to-br from-blueGray-800 via-blueGray-800 to-blueGray-800 hover:from-yellow-500 hover:via-green-400 hover:to-blue-500" href="#">
<div class="bg-black p-5">
<img class="block w-full h-80 mb-8 object-cover" src="vendia-assets/images/item-cards/product-card4.png" alt="">
<div class="text-center">
<span class="font-bold text-transparent bg-clip-text bg-gradient-to-br from-yellow-400 via-green-300 to-blue-500">$149</span>
<h6 class="font-bold text-white mt-2 mb-5">Organize Basic Set (Walnut)</h6>
<div class="flex justify-center mb-3">
<svg width="108" height="17" viewbox="0 0 108 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.2935 6.73556C17.1828 6.39526 16.881 6.15434 16.5253 6.12216L11.674 5.68172L9.75675 1.19302C9.61519 0.863235 9.29311 0.650391 8.93461 0.650391C8.5761 0.650391 8.25389 0.863235 8.11323 1.19302L6.19597 5.68172L1.34389 6.12216C0.988209 6.15498 0.687022 6.3959 0.575728 6.73556C0.465074 7.07585 0.567265 7.4491 0.836269 7.68502L4.50347 10.9006L3.4222 15.663C3.34309 16.0131 3.479 16.3752 3.76954 16.5852C3.92572 16.6987 4.1092 16.7554 4.29332 16.7554C4.45154 16.7554 4.60989 16.7133 4.75132 16.6287L8.93461 14.1274L13.1171 16.6287C13.424 16.8121 13.8098 16.7953 14.0997 16.5852C14.3902 16.3752 14.5261 16.0131 14.447 15.663L13.3657 10.9006L17.0329 7.68502C17.3018 7.4491 17.4041 7.07662 17.2935 6.73556Z" fill="#F2FF5A"></path>
<path d="M39.7422 6.73556C39.6316 6.39526 39.3297 6.15434 38.9741 6.12216L34.1227 5.68172L32.2055 1.19302C32.0639 0.863235 31.7418 0.650391 31.3833 0.650391C31.0248 0.650391 30.7026 0.863235 30.562 1.19302L28.6447 5.68172L23.7926 6.12216C23.4369 6.15498 23.1358 6.3959 23.0245 6.73556C22.9138 7.07585 23.016 7.4491 23.285 7.68502L26.9522 10.9006L25.8709 15.663C25.7918 16.0131 25.9277 16.3752 26.2183 16.5852C26.3744 16.6987 26.5579 16.7554 26.7421 16.7554C26.9003 16.7554 27.0586 16.7133 27.2001 16.6287L31.3833 14.1274L35.5659 16.6287C35.8727 16.8121 36.2585 16.7953 36.5484 16.5852C36.8389 16.3752 36.9749 16.0131 36.8957 15.663L35.8145 10.9006L39.4817 7.68502C39.7505 7.4491 39.8529 7.07662 39.7422 6.73556Z" fill="#F2FF5A"></path>
<path d="M62.1909 6.73556C62.0803 6.39526 61.7785 6.15434 61.4228 6.12216L56.5715 5.68172L54.6542 1.19302C54.5127 0.863235 54.1906 0.650391 53.8321 0.650391C53.4736 0.650391 53.1514 0.863235 53.0107 1.19302L51.0934 5.68172L46.2414 6.12216C45.8857 6.15498 45.5845 6.3959 45.4732 6.73556C45.3625 7.07585 45.4647 7.4491 45.7337 7.68502L49.4009 10.9006L48.3197 15.663C48.2405 16.0131 48.3765 16.3752 48.667 16.5852C48.8232 16.6987 49.0067 16.7554 49.1908 16.7554C49.349 16.7554 49.5074 16.7133 49.6488 16.6287L53.8321 14.1274L58.0146 16.6287C58.3214 16.8121 58.7072 16.7953 58.9971 16.5852C59.2877 16.3752 59.4236 16.0131 59.3445 15.663L58.2632 10.9006L61.9304 7.68502C62.1993 7.4491 62.3016 7.07662 62.1909 6.73556Z" fill="#F2FF5A"></path>
<path d="M84.6397 6.73556C84.529 6.39526 84.2272 6.15434 83.8715 6.12216L79.0202 5.68172L77.1029 1.19302C76.9614 0.863235 76.6393 0.650391 76.2808 0.650391C75.9223 0.650391 75.6001 0.863235 75.4594 1.19302L73.5422 5.68172L68.6901 6.12216C68.3344 6.15498 68.0332 6.3959 67.9219 6.73556C67.8113 7.07585 67.9135 7.4491 68.1825 7.68502L71.8497 10.9006L70.7684 15.663C70.6893 16.0131 70.8252 16.3752 71.1157 16.5852C71.2719 16.6987 71.4554 16.7554 71.6395 16.7554C71.7977 16.7554 71.9561 16.7133 72.0975 16.6287L76.2808 14.1274L80.4633 16.6287C80.7701 16.8121 81.156 16.7953 81.4459 16.5852C81.7364 16.3752 81.8723 16.0131 81.7932 15.663L80.7119 10.9006L84.3791 7.68502C84.648 7.4491 84.7503 7.07662 84.6397 6.73556Z" fill="#F2FF5A"></path>
<path d="M107.088 6.73556C106.978 6.39526 106.676 6.15434 106.32 6.12216L101.469 5.68172L99.5517 1.19302C99.4101 0.863235 99.088 0.650391 98.7295 0.650391C98.371 0.650391 98.0488 0.863235 97.9082 1.19302L95.9909 5.68172L91.1388 6.12216C90.7831 6.15498 90.4819 6.3959 90.3706 6.73556C90.26 7.07585 90.3622 7.4491 90.6312 7.68502L94.2984 10.9006L93.2171 15.663C93.138 16.0131 93.2739 16.3752 93.5645 16.5852C93.7206 16.6987 93.9041 16.7554 94.0882 16.7554C94.2465 16.7554 94.4048 16.7133 94.5462 16.6287L98.7295 14.1274L102.912 16.6287C103.219 16.8121 103.605 16.7953 103.895 16.5852C104.185 16.3752 104.321 16.0131 104.242 15.663L103.161 10.9006L106.828 7.68502C107.097 7.4491 107.199 7.07662 107.088 6.73556Z" fill="#F2FF5A"></path>
</svg>
</div>
<span class="block text-sm font-medium text-gray-500">38 reviews</span>
</div>
</div>
</a>
</div>
<div class="w-full sm:w-1/2 xl:w-1/3">
<a class="block p-px bg-gradient-to-br from-blueGray-800 via-blueGray-800 to-blueGray-800 hover:from-yellow-500 hover:via-green-400 hover:to-blue-500" href="#">
<div class="bg-black p-5">
<img class="block w-full h-80 mb-8 object-cover" src="vendia-assets/images/item-cards/product-card5.png" alt="">
<div class="text-center">
<span class="font-bold text-transparent bg-clip-text bg-gradient-to-br from-yellow-400 via-green-300 to-blue-500">$149</span>
<h6 class="font-bold text-white mt-2 mb-5">Organize Basic Set (Walnut)</h6>
<div class="flex justify-center mb-3">
<svg width="108" height="17" viewbox="0 0 108 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.2935 6.73556C17.1828 6.39526 16.881 6.15434 16.5253 6.12216L11.674 5.68172L9.75675 1.19302C9.61519 0.863235 9.29311 0.650391 8.93461 0.650391C8.5761 0.650391 8.25389 0.863235 8.11323 1.19302L6.19597 5.68172L1.34389 6.12216C0.988209 6.15498 0.687022 6.3959 0.575728 6.73556C0.465074 7.07585 0.567265 7.4491 0.836269 7.68502L4.50347 10.9006L3.4222 15.663C3.34309 16.0131 3.479 16.3752 3.76954 16.5852C3.92572 16.6987 4.1092 16.7554 4.29332 16.7554C4.45154 16.7554 4.60989 16.7133 4.75132 16.6287L8.93461 14.1274L13.1171 16.6287C13.424 16.8121 13.8098 16.7953 14.0997 16.5852C14.3902 16.3752 14.5261 16.0131 14.447 15.663L13.3657 10.9006L17.0329 7.68502C17.3018 7.4491 17.4041 7.07662 17.2935 6.73556Z" fill="#F2FF5A"></path>
<path d="M39.7422 6.73556C39.6316 6.39526 39.3297 6.15434 38.9741 6.12216L34.1227 5.68172L32.2055 1.19302C32.0639 0.863235 31.7418 0.650391 31.3833 0.650391C31.0248 0.650391 30.7026 0.863235 30.562 1.19302L28.6447 5.68172L23.7926 6.12216C23.4369 6.15498 23.1358 6.3959 23.0245 6.73556C22.9138 7.07585 23.016 7.4491 23.285 7.68502L26.9522 10.9006L25.8709 15.663C25.7918 16.0131 25.9277 16.3752 26.2183 16.5852C26.3744 16.6987 26.5579 16.7554 26.7421 16.7554C26.9003 16.7554 27.0586 16.7133 27.2001 16.6287L31.3833 14.1274L35.5659 16.6287C35.8727 16.8121 36.2585 16.7953 36.5484 16.5852C36.8389 16.3752 36.9749 16.0131 36.8957 15.663L35.8145 10.9006L39.4817 7.68502C39.7505 7.4491 39.8529 7.07662 39.7422 6.73556Z" fill="#F2FF5A"></path>
<path d="M62.1909 6.73556C62.0803 6.39526 61.7785 6.15434 61.4228 6.12216L56.5715 5.68172L54.6542 1.19302C54.5127 0.863235 54.1906 0.650391 53.8321 0.650391C53.4736 0.650391 53.1514 0.863235 53.0107 1.19302L51.0934 5.68172L46.2414 6.12216C45.8857 6.15498 45.5845 6.3959 45.4732 6.73556C45.3625 7.07585 45.4647 7.4491 45.7337 7.68502L49.4009 10.9006L48.3197 15.663C48.2405 16.0131 48.3765 16.3752 48.667 16.5852C48.8232 16.6987 49.0067 16.7554 49.1908 16.7554C49.349 16.7554 49.5074 16.7133 49.6488 16.6287L53.8321 14.1274L58.0146 16.6287C58.3214 16.8121 58.7072 16.7953 58.9971 16.5852C59.2877 16.3752 59.4236 16.0131 59.3445 15.663L58.2632 10.9006L61.9304 7.68502C62.1993 7.4491 62.3016 7.07662 62.1909 6.73556Z" fill="#F2FF5A"></path>
<path d="M84.6397 6.73556C84.529 6.39526 84.2272 6.15434 83.8715 6.12216L79.0202 5.68172L77.1029 1.19302C76.9614 0.863235 76.6393 0.650391 76.2808 0.650391C75.9223 0.650391 75.6001 0.863235 75.4594 1.19302L73.5422 5.68172L68.6901 6.12216C68.3344 6.15498 68.0332 6.3959 67.9219 6.73556C67.8113 7.07585 67.9135 7.4491 68.1825 7.68502L71.8497 10.9006L70.7684 15.663C70.6893 16.0131 70.8252 16.3752 71.1157 16.5852C71.2719 16.6987 71.4554 16.7554 71.6395 16.7554C71.7977 16.7554 71.9561 16.7133 72.0975 16.6287L76.2808 14.1274L80.4633 16.6287C80.7701 16.8121 81.156 16.7953 81.4459 16.5852C81.7364 16.3752 81.8723 16.0131 81.7932 15.663L80.7119 10.9006L84.3791 7.68502C84.648 7.4491 84.7503 7.07662 84.6397 6.73556Z" fill="#F2FF5A"></path>
<path d="M107.088 6.73556C106.978 6.39526 106.676 6.15434 106.32 6.12216L101.469 5.68172L99.5517 1.19302C99.4101 0.863235 99.088 0.650391 98.7295 0.650391C98.371 0.650391 98.0488 0.863235 97.9082 1.19302L95.9909 5.68172L91.1388 6.12216C90.7831 6.15498 90.4819 6.3959 90.3706 6.73556C90.26 7.07585 90.3622 7.4491 90.6312 7.68502L94.2984 10.9006L93.2171 15.663C93.138 16.0131 93.2739 16.3752 93.5645 16.5852C93.7206 16.6987 93.9041 16.7554 94.0882 16.7554C94.2465 16.7554 94.4048 16.7133 94.5462 16.6287L98.7295 14.1274L102.912 16.6287C103.219 16.8121 103.605 16.7953 103.895 16.5852C104.185 16.3752 104.321 16.0131 104.242 15.663L103.161 10.9006L106.828 7.68502C107.097 7.4491 107.199 7.07662 107.088 6.73556Z" fill="#F2FF5A"></path>
</svg>
</div>
<span class="block text-sm font-medium text-gray-500">38 reviews</span>
</div>
</div>
</a>
</div>
<div class="w-full sm:w-1/2 xl:w-1/3">
<a class="block p-px bg-gradient-to-br from-blueGray-800 via-blueGray-800 to-blueGray-800 hover:from-yellow-500 hover:via-green-400 hover:to-blue-500" href="#">
<div class="bg-black p-5">
<img class="block w-full h-80 mb-8 object-cover" src="vendia-assets/images/item-cards/product-card4.png" alt="">
<div class="text-center">
<span class="font-bold text-transparent bg-clip-text bg-gradient-to-br from-yellow-400 via-green-300 to-blue-500">$149</span>
<h6 class="font-bold text-white mt-2 mb-5">Organize Basic Set (Walnut)</h6>
<div class="flex justify-center mb-3">
<svg width="108" height="17" viewbox="0 0 108 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.2935 6.73556C17.1828 6.39526 16.881 6.15434 16.5253 6.12216L11.674 5.68172L9.75675 1.19302C9.61519 0.863235 9.29311 0.650391 8.93461 0.650391C8.5761 0.650391 8.25389 0.863235 8.11323 1.19302L6.19597 5.68172L1.34389 6.12216C0.988209 6.15498 0.687022 6.3959 0.575728 6.73556C0.465074 7.07585 0.567265 7.4491 0.836269 7.68502L4.50347 10.9006L3.4222 15.663C3.34309 16.0131 3.479 16.3752 3.76954 16.5852C3.92572 16.6987 4.1092 16.7554 4.29332 16.7554C4.45154 16.7554 4.60989 16.7133 4.75132 16.6287L8.93461 14.1274L13.1171 16.6287C13.424 16.8121 13.8098 16.7953 14.0997 16.5852C14.3902 16.3752 14.5261 16.0131 14.447 15.663L13.3657 10.9006L17.0329 7.68502C17.3018 7.4491 17.4041 7.07662 17.2935 6.73556Z" fill="#F2FF5A"></path>
<path d="M39.7422 6.73556C39.6316 6.39526 39.3297 6.15434 38.9741 6.12216L34.1227 5.68172L32.2055 1.19302C32.0639 0.863235 31.7418 0.650391 31.3833 0.650391C31.0248 0.650391 30.7026 0.863235 30.562 1.19302L28.6447 5.68172L23.7926 6.12216C23.4369 6.15498 23.1358 6.3959 23.0245 6.73556C22.9138 7.07585 23.016 7.4491 23.285 7.68502L26.9522 10.9006L25.8709 15.663C25.7918 16.0131 25.9277 16.3752 26.2183 16.5852C26.3744 16.6987 26.5579 16.7554 26.7421 16.7554C26.9003 16.7554 27.0586 16.7133 27.2001 16.6287L31.3833 14.1274L35.5659 16.6287C35.8727 16.8121 36.2585 16.7953 36.5484 16.5852C36.8389 16.3752 36.9749 16.0131 36.8957 15.663L35.8145 10.9006L39.4817 7.68502C39.7505 7.4491 39.8529 7.07662 39.7422 6.73556Z" fill="#F2FF5A"></path>
<path d="M62.1909 6.73556C62.0803 6.39526 61.7785 6.15434 61.4228 6.12216L56.5715 5.68172L54.6542 1.19302C54.5127 0.863235 54.1906 0.650391 53.8321 0.650391C53.4736 0.650391 53.1514 0.863235 53.0107 1.19302L51.0934 5.68172L46.2414 6.12216C45.8857 6.15498 45.5845 6.3959 45.4732 6.73556C45.3625 7.07585 45.4647 7.4491 45.7337 7.68502L49.4009 10.9006L48.3197 15.663C48.2405 16.0131 48.3765 16.3752 48.667 16.5852C48.8232 16.6987 49.0067 16.7554 49.1908 16.7554C49.349 16.7554 49.5074 16.7133 49.6488 16.6287L53.8321 14.1274L58.0146 16.6287C58.3214 16.8121 58.7072 16.7953 58.9971 16.5852C59.2877 16.3752 59.4236 16.0131 59.3445 15.663L58.2632 10.9006L61.9304 7.68502C62.1993 7.4491 62.3016 7.07662 62.1909 6.73556Z" fill="#F2FF5A"></path>
<path d="M84.6397 6.73556C84.529 6.39526 84.2272 6.15434 83.8715 6.12216L79.0202 5.68172L77.1029 1.19302C76.9614 0.863235 76.6393 0.650391 76.2808 0.650391C75.9223 0.650391 75.6001 0.863235 75.4594 1.19302L73.5422 5.68172L68.6901 6.12216C68.3344 6.15498 68.0332 6.3959 67.9219 6.73556C67.8113 7.07585 67.9135 7.4491 68.1825 7.68502L71.8497 10.9006L70.7684 15.663C70.6893 16.0131 70.8252 16.3752 71.1157 16.5852C71.2719 16.6987 71.4554 16.7554 71.6395 16.7554C71.7977 16.7554 71.9561 16.7133 72.0975 16.6287L76.2808 14.1274L80.4633 16.6287C80.7701 16.8121 81.156 16.7953 81.4459 16.5852C81.7364 16.3752 81.8723 16.0131 81.7932 15.663L80.7119 10.9006L84.3791 7.68502C84.648 7.4491 84.7503 7.07662 84.6397 6.73556Z" fill="#F2FF5A"></path>
<path d="M107.088 6.73556C106.978 6.39526 106.676 6.15434 106.32 6.12216L101.469 5.68172L99.5517 1.19302C99.4101 0.863235 99.088 0.650391 98.7295 0.650391C98.371 0.650391 98.0488 0.863235 97.9082 1.19302L95.9909 5.68172L91.1388 6.12216C90.7831 6.15498 90.4819 6.3959 90.3706 6.73556C90.26 7.07585 90.3622 7.4491 90.6312 7.68502L94.2984 10.9006L93.2171 15.663C93.138 16.0131 93.2739 16.3752 93.5645 16.5852C93.7206 16.6987 93.9041 16.7554 94.0882 16.7554C94.2465 16.7554 94.4048 16.7133 94.5462 16.6287L98.7295 14.1274L102.912 16.6287C103.219 16.8121 103.605 16.7953 103.895 16.5852C104.185 16.3752 104.321 16.0131 104.242 15.663L103.161 10.9006L106.828 7.68502C107.097 7.4491 107.199 7.07662 107.088 6.73556Z" fill="#F2FF5A"></path>
</svg>
</div>
<span class="block text-sm font-medium text-gray-500">38 reviews</span>
</div>
</div>
</a>
</div>
</div>
<nav>
<ul class="flex items-center justify-center">
<li>
<a class="flex w-9 h-9 items-center justify-center border border-gray-800 text-gray-400 hover:text-yellow-300" href="#" aria-label="previous">
<svg width="7" height="12" viewbox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 10.6666L1.33333 5.99992L6 1.33325" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</li>
<li><a class="flex w-9 h-9 items-center justify-center border border-gray-800 text-gray-400 hover:text-yellow-300 font-bold" href="#">1</a></li>
<li><a class="flex w-9 h-9 items-center justify-center border border-gray-800 text-gray-400 hover:text-yellow-300 font-bold" href="#">2</a></li>
<li><a class="flex w-9 h-9 items-center justify-center bg-gradient-to-br from-yellow-500 via-green-300 to-blue-500 text-black font-bold" href="#">3</a></li>
<li><a class="flex w-9 h-9 items-center justify-center border border-gray-800 text-gray-400 hover:text-yellow-300 font-bold" href="#">4</a></li>
<li><a class="flex w-9 h-9 items-center justify-center border border-gray-800 text-gray-400 hover:text-yellow-300 font-bold" href="#">5</a></li>
<li>
<a class="flex w-9 h-9 items-center justify-center border border-gray-800 text-gray-400 hover:text-yellow-300" href="#" aria-label="next">
<svg width="7" height="12" viewbox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.33341L5.66667 6.00008L1 10.6667" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</section>Framework
All Frameworks
UI Library
All Libraries
Components
- About us 5
- Advanced inputs 18
- Alert 356
- Application 236
- Banners 106
- Benefits 16
- Blog 305
- Brands 3
- Breadcrumbs 31
- Call to action 445
- Cards 43
- Careers 50
- Contact 210
- Content 226
- Cookies 205
- Dashboards 13
- Download 10
- Dropdowns 4
- E-commerce (orders) 93
- E-commerce (products) 145
- Empty state 4
- FAQ 203
- Features 570
- Footers 292
- Forms 9
- Gallery 5
- Graph tiles 3
- Graphs 93
- HTTP codes 233
- Hero section 392
- How it works 237
- Instagram photos 9
- Integrations 8
- Logo clouds 353
- Modals 48
- Navbar 325
- Navigation (horizontal) 468
- Navigation (vertical) 32
- Newsletter 236
- Notifications 11
- Paginations 16
- Portfolio 184
- Pricing 245
- Product info 5
- Projects 26
- Reviews 46
- Rich text 6
- Search 3
- Services 5
- Sign in / Sign up 373
- Snackbars 10
- Stats 325
- Steps 12
- Tables 195
- Tabs 2
- Team 221
- Testimonials 272
- Toasts 6
- Users 67
Component #1
Component #2
Component #3
Components by Shuffle
Choose from 3 variations of UI components. Presented here are variants available in various UI libraries.
Get access to all UI components, code, and our visual editor. Try the demo for free!
