<section class="py-12 bg-white">
<div class="container px-4 mx-auto">
<div class="max-w-6xl mx-auto">
<div class="flex flex-wrap items-center -mx-4 -mb-12">
<div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-12">
<div class="text-center">
<span class="inline-block mb-2">
<svg width="32" height="32" viewbox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M28.6667 20.6667C29.04 20.6667 29.3333 20.9601 29.3333 21.3334V22.6667C29.3333 24.8801 27.5467 26.6667 25.3333 26.6667C25.3333 24.4667 23.5333 22.6667 21.3333 22.6667C19.1333 22.6667 17.3333 24.4667 17.3333 26.6667H14.6667C14.6667 24.4667 12.8667 22.6667 10.6667 22.6667C8.46666 22.6667 6.66666 24.4667 6.66666 26.6667C4.45333 26.6667 2.66666 24.8801 2.66666 22.6667V20.0001C2.66666 19.2667 3.26666 18.6667 4 18.6667H16.6667C18.5067 18.6667 20 17.1734 20 15.3334V8.00008C20 7.26675 20.6 6.66675 21.3333 6.66675H22.4533C23.4133 6.66675 24.2933 7.18675 24.7733 8.01342L25.6267 9.50675C25.7467 9.72008 25.5867 10.0001 25.3333 10.0001C23.4933 10.0001 22 11.4934 22 13.3334V17.3334C22 19.1734 23.4933 20.6667 25.3333 20.6667H28.6667Z" fill="#C6FF53"></path>
<path d="M10.6667 29.3333C12.1394 29.3333 13.3333 28.1394 13.3333 26.6667C13.3333 25.1939 12.1394 24 10.6667 24C9.19391 24 8 25.1939 8 26.6667C8 28.1394 9.19391 29.3333 10.6667 29.3333Z" fill="#C6FF53"></path>
<path d="M21.3333 29.3333C22.8061 29.3333 24 28.1394 24 26.6667C24 25.1939 22.8061 24 21.3333 24C19.8606 24 18.6667 25.1939 18.6667 26.6667C18.6667 28.1394 19.8606 29.3333 21.3333 29.3333Z" fill="#C6FF53"></path>
<path d="M29.3333 16.7067V18.6667H25.3333C24.6 18.6667 24 18.0667 24 17.3333V13.3333C24 12.6 24.6 12 25.3333 12H27.0533L28.9867 15.3867C29.2133 15.7867 29.3333 16.24 29.3333 16.7067Z" fill="#C6FF53"></path>
<path d="M17.44 2.66675H7.58666C4.86666 2.66675 2.66666 4.86675 2.66666 7.58675V16.0934C2.66666 16.8267 3.26666 17.4267 4 17.4267H16.2C17.56 17.4267 18.6667 16.3201 18.6667 14.9601V3.89341C18.6667 3.21341 18.12 2.66675 17.44 2.66675ZM13.4267 9.42675L10.64 12.1201C10.44 12.3067 10.1867 12.4001 9.94666 12.4001C9.69333 12.4001 9.44 12.3067 9.25333 12.1201L7.90666 10.8401C7.50666 10.4534 7.49333 9.81341 7.88 9.41341C8.25333 9.01341 8.89333 9.01341 9.29333 9.38675L9.94666 10.0134L12.04 7.98675C12.44 7.60008 13.0667 7.61341 13.4533 8.01341C13.84 8.41341 13.8267 9.04008 13.4267 9.42675Z" fill="#C6FF53"></path>
</svg>
</span>
<h4 class="font-bold">Free Standard Shipping</h4>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-12">
<div class="text-center">
<span class="inline-block mb-2">
<svg width="32" height="32" viewbox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M25 10.6667V13.4667C24.4133 13.3867 23.7467 13.3467 23 13.3334V10.6667C23 6.46675 21.8133 3.66675 16 3.66675C10.1867 3.66675 9 6.46675 9 10.6667V13.3334C8.25333 13.3467 7.58667 13.3867 7 13.4667V10.6667C7 6.80008 7.93333 1.66675 16 1.66675C24.0667 1.66675 25 6.80008 25 10.6667Z" fill="#C6FF53"></path>
<path d="M25 13.4666C24.4133 13.3866 23.7467 13.3466 23 13.3333H8.99999C8.25332 13.3466 7.58666 13.3866 6.99999 13.4666C3.59999 13.8799 2.66666 15.5466 2.66666 19.9999V22.6666C2.66666 27.9999 3.99999 29.3333 9.33332 29.3333H22.6667C28 29.3333 29.3333 27.9999 29.3333 22.6666V19.9999C29.3333 15.5466 28.4 13.8799 25 13.4666ZM11.6133 22.2799C11.36 22.5199 11.0133 22.6666 10.6667 22.6666C10.4933 22.6666 10.32 22.6266 10.16 22.5599C9.98666 22.4933 9.85332 22.3999 9.71999 22.2799C9.47999 22.0266 9.33332 21.6799 9.33332 21.3333C9.33332 21.1599 9.37332 20.9866 9.43999 20.8266C9.50666 20.6666 9.59999 20.5199 9.71999 20.3866C9.85332 20.2666 9.98666 20.1733 10.16 20.1066C10.6533 19.8933 11.24 20.0133 11.6133 20.3866C11.7333 20.5199 11.8267 20.6666 11.8933 20.8266C11.96 20.9866 12 21.1599 12 21.3333C12 21.6799 11.8533 22.0266 11.6133 22.2799ZM17.2267 21.8399C17.16 21.9999 17.0667 22.1466 16.9467 22.2799C16.6933 22.5199 16.3467 22.6666 16 22.6666C15.64 22.6666 15.3067 22.5199 15.0533 22.2799C14.9333 22.1466 14.84 21.9999 14.7733 21.8399C14.7067 21.6799 14.6667 21.5066 14.6667 21.3333C14.6667 20.9733 14.8133 20.6399 15.0533 20.3866C15.5467 19.8933 16.44 19.8933 16.9467 20.3866C17.1867 20.6399 17.3333 20.9733 17.3333 21.3333C17.3333 21.5066 17.2933 21.6799 17.2267 21.8399ZM22.28 22.2799C22.0267 22.5199 21.68 22.6666 21.3333 22.6666C20.9867 22.6666 20.64 22.5199 20.3867 22.2799C20.1467 22.0266 20 21.6933 20 21.3333C20 20.9733 20.1467 20.6399 20.3867 20.3866C20.8933 19.8933 21.7867 19.8933 22.28 20.3866C22.3333 20.4533 22.3867 20.5199 22.44 20.5999C22.4933 20.6666 22.5333 20.7466 22.56 20.8266C22.6 20.9066 22.6267 20.9866 22.64 21.0666C22.6533 21.1599 22.6667 21.2533 22.6667 21.3333C22.6667 21.6799 22.52 22.0266 22.28 22.2799Z" fill="#C6FF53"></path>
</svg>
</span>
<h4 class="font-bold">Secure Shopping Guarantee</h4>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-12">
<div class="text-center">
<span class="inline-block mb-2">
<svg width="32" height="32" viewbox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.1866 24.6532V11.1066C11.1866 10.5732 11.3466 10.0532 11.64 9.61322L15.28 4.19989C15.8533 3.33322 17.28 2.71989 18.4933 3.17322C19.8 3.61322 20.6666 5.07989 20.3866 6.38655L19.6933 10.7466C19.64 11.1466 19.7466 11.5066 19.9733 11.7866C20.2 12.0399 20.5333 12.1999 20.8933 12.1999H26.3733C27.4266 12.1999 28.3333 12.6266 28.8666 13.3732C29.3733 14.0932 29.4666 15.0266 29.1333 15.9732L25.8533 25.9599C25.44 27.6132 23.64 28.9599 21.8533 28.9599H16.6533C15.76 28.9599 14.5066 28.6532 13.9333 28.0799L12.2266 26.7599C11.5733 26.2666 11.1866 25.4799 11.1866 24.6532Z" fill="#C6FF53"></path>
<path d="M6.94669 8.50659H5.57335C3.50669 8.50659 2.66669 9.30659 2.66669 11.2799V24.6933C2.66669 26.6666 3.50669 27.4666 5.57335 27.4666H6.94669C9.01335 27.4666 9.85335 26.6666 9.85335 24.6933V11.2799C9.85335 9.30659 9.01335 8.50659 6.94669 8.50659Z" fill="#C6FF53"></path>
</svg>
</span>
<h4 class="font-bold">100% Customer Satisfaction</h4>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-12">
<div class="text-center">
<span class="inline-block mb-2">
<svg width="32" height="32" viewbox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 2.66675C8.65335 2.66675 2.66669 8.65341 2.66669 16.0001C2.66669 23.3467 8.65335 29.3334 16 29.3334C23.3467 29.3334 29.3334 23.3467 29.3334 16.0001C29.3334 8.65341 23.3467 2.66675 16 2.66675ZM22.3734 12.9334L14.8134 20.4934C14.6267 20.6801 14.3734 20.7867 14.1067 20.7867C13.84 20.7867 13.5867 20.6801 13.4 20.4934L9.62669 16.7201C9.24002 16.3334 9.24002 15.6934 9.62669 15.3067C10.0134 14.9201 10.6534 14.9201 11.04 15.3067L14.1067 18.3734L20.96 11.5201C21.3467 11.1334 21.9867 11.1334 22.3734 11.5201C22.76 11.9067 22.76 12.5334 22.3734 12.9334Z" fill="#AFFF0F"></path>
</svg>
</span>
<h4 class="font-bold">Product Guarantee</h4>
</div>
</div>
</div>
</div>
</div>
</section>Framework
All Frameworks
UI Library
All Libraries
Components
- Advanced inputs 18
- Alert 271
- Application 231
- Banners 101
- Benefits 16
- Blog 289
- Breadcrumbs 27
- Call to action 412
- Cards 43
- Careers 44
- Confirmation 6
- Contact 194
- Content 217
- Cookies 193
- Dashboards 13
- Download 5
- Dropdowns 4
- E-commerce (orders) 63
- E-commerce (products) 120
- Empty state 4
- FAQ 189
- Features 526
- Footers 269
- Forms 9
- Gallery 5
- Graphs 85
- HTTP codes 216
- Hero section 355
- How it works 231
- Instagram photos 5
- Integrations 5
- Logo clouds 348
- Modals 48
- Navbar 308
- Navigation (horizontal) 441
- Navigation (vertical) 28
- Newsletter 222
- Notifications 11
- Paginations 12
- Portfolio 184
- Pricing 227
- Product info 5
- Projects 15
- Reviews 42
- Rich text 6
- Sign in / Sign up 343
- Snackbars 10
- Stats 292
- Steps 7
- Tables 174
- Tabs 2
- Team 212
- Testimonials 251
- Users 59
Component #1
Component #2
Component #3
Component #4
Component #5
Component #6
Component #7
Component #8
Component #9
Component #10
Benefits Components by Shuffle
Choose from 16 variations of Benefits 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!
