Vector Calculator IJ
Een gebruiksvriendelijk online hulpmiddel om vectorbewerkingen uit te voeren zoals optellen, aftrekken, scalar en kruisproducten voor studenten en professionals.
<desc>An icon representing vector calculations with arrows and axes, styled in blue and gray for clarity and modern aesthetic.</desc><circle cx="256" cy="256" r="200" fill="none" stroke="#007BFF" stroke-width="32" stroke-linecap="round" stroke-linejoin="round"/><line x1="256" y1="56" x2="256" y2="456" stroke="#6C757D" stroke-width="8" stroke-linecap="round"/><line x1="56" y1="256" x2="456" y2="256" stroke="#6C757D" stroke-width="8" stroke-linecap="round"/><path d="M256 256 L356 156" stroke="#007BFF" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/><path d="M256 256 L156 356" stroke="#007BFF" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/><circle cx="356" cy="156" r="12" fill="#007BFF"/><circle cx="156" cy="356" r="12" fill="#007BFF"/><rect x="410" y="156" width="80" height="80" fill="none" stroke="#6C757D" stroke-width="4" rx="8" ry="8"/><circle cx="256" cy="256" r="12" fill="#007BFF"/></svg>
</div>
<img class="w-48 md:w-64 absolute top-1/2 -translate-y-1/2 -right-32 xl:-right-12"
src="https://anyonlinetool.com/themes/tailwind/images/tool/mobile.png" alt="">
</div>
</div>
</div>
<div class="relative flex items-center w-full">
<div class="relative z-20 px-4 mx-auto xl:px-5 max-w-7xl w-full">
<div class="py-10 md:py-16">
<h2 class="text-3xl md:text-4xl font-semibold md:leading-tight leading-tight mb-12 text-center">
Controleer het zelf
</h2>
<div class="mb-6">
<script src="https://anyonlinetool.com/embed-bucket/aot.js" data-license-key=guest_user
data-lang="en-us"
data-tool-key="vector-calculator-ij"></script>
</div>
<div class="flex gap-4 flex-wrap md:flex-nowrap">
<a class="w-full md:w-1/3 flex justify-center items-center gap-2.5 text-lg md:text-xl font-medium border border-[#cacaca] rounded-xl h-[60px] md:h-[75px] px-10 transition-all duration-200 hover:border-transparent hover:shadow-wave"
href="#">
<svg class="w-auto md:w-11 h-8 md:h-11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45 44"
fill="none">
<path
d="M0 22L8.70116 13.4922L11.4885 16.2176L5.57473 22L11.4885 27.7824L8.70116 30.5078L0 22ZM13.7988 8.5078L22.5 0L31.2012 8.5078L28.4138 11.2332L22.5 5.45085L16.5862 11.2332L13.7988 8.5078ZM16.5862 32.7668L22.5 38.5492L28.4138 32.7668L31.2012 35.4922L22.5 44L13.7988 35.4922L16.5862 32.7668ZM20.5248 23.9313V20.0687H24.4752V23.9313H20.5248ZM33.5115 27.7824L39.4253 22L33.5115 16.2176L36.2988 13.4922L45 22L36.2988 30.5078L33.5115 27.7824Z"
fill="#F7869A" />
</svg>
<span>Call tool by api</span>
</a>
<a class="embed-tool w-full md:w-1/3 flex justify-center items-center gap-5 text-lg md:text-xl font-medium border border-[#cacaca] rounded-xl h-[60px] md:h-[75px] px-10 transition-all duration-200 hover:border-transparent hover:shadow-wave"
href="#">
<svg class="w-auto md:w-[58px] h-[22px] md:h-[34px]" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 58 34" fill="none">
<path
d="M38.1579 27.5347L42.7368 32.0496L58 17L42.7368 1.95043L38.1579 6.4653L48.8421 17L38.1579 27.5347ZM19.8421 6.4653L15.2632 1.95043L0 17L15.2632 32.0496L19.8421 27.5347L9.1579 17L19.8421 6.4653ZM31.9244 0L35.2365 0.890935L26.0786 34L22.7665 33.1091L31.9244 0Z"
fill="#50B4CC" />
</svg>
<span>Embed on your site</span>
</a>
<a class="w-full md:w-1/3 flex justify-center items-center gap-4 text-lg md:text-xl font-medium border border-[#cacaca] rounded-xl h-[60px] md:h-[75px] px-10 transition-all duration-200 hover:border-transparent hover:shadow-wave"
href="#">
<svg class="w-auto md:w-[39px] h-[23px] md:h-[35px]" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 39 35" fill="none">
<path
d="M20.6661 25.2778L14.4261 9.72222H10.5261L6.6261 19.4444V19.4483L4.28805 25.2778H8.48835L9.26835 23.3333H15.6838L16.4638 25.2778H20.6661ZM10.8264 19.4444L12.4781 15.3319L14.1258 19.4444H10.8264ZM29.25 9.72222H33.15V25.2778H27.3C25.7485 25.2778 24.2605 24.6632 23.1634 23.5692C22.0663 22.4753 21.45 20.9915 21.45 19.4444C21.45 17.8973 22.0663 16.4136 23.1634 15.3197C24.2605 14.2257 25.7485 13.6111 27.3 13.6111H29.25V9.72222ZM27.3 17.5C26.7828 17.5 26.2868 17.7049 25.9211 18.0695C25.5554 18.4342 25.35 18.9287 25.35 19.4444C25.35 19.9601 25.5554 20.4547 25.9211 20.8194C26.2868 21.184 26.7828 21.3889 27.3 21.3889H29.25V17.5H27.3ZM37.05 0H1.95C1.43283 0 0.936838 0.20486 0.571142 0.569515C0.205446 0.934169 0 1.42875 0 1.94444V33.0556C0 33.5713 0.205446 34.0658 0.571142 34.4305C0.936838 34.7951 1.43283 35 1.95 35H37.05C37.5672 35 38.0632 34.7951 38.4289 34.4305C38.7946 34.0658 39 33.5713 39 33.0556V1.94444C39 1.42875 38.7946 0.934169 38.4289 0.569515C38.0632 0.20486 37.5672 0 37.05 0ZM3.9 31.1111V3.88889H35.1V31.1111H3.9Z"
fill="#6D9CF6" />
</svg>
<span>Advertize here</span>
</a>
</div>
<div class="mt-16">
<h3 class="text-2xl leading-tight font-semibold mb-4 md:mb-6">About This Tool</h3>
<p class="text-[#717171] text-base font-normal mb-9 md:mb-14">
De Vector Calculator IJ biedt een uitgebreide oplossing voor het snel en nauwkeurig uitvoeren van essentiële vectorbewerkingen. Of je nu werkt aan natuurkunde-experimenten, technische ontwerpen of academische opdrachten, dit hulpmiddel stelt je in staat om vectorcomponenten in te voeren en direct resultaten te zien zoals optelling, aftrekking, scalar-multilicatie, scalar- en kruisproducten.<br/><br/>Door client-side berekeningen biedt het snelle responstijden zonder afhankelijkheid van servers. De gebruiksvriendelijke interface ondersteunt zowel 2D- als 3D-vectoren, met schakelaars om contexten te wisselen. Belangrijke functies zijn onder andere stapsgewijze uitleg, gedetailleerde resultaten en opties om berekeningen te kopiëren of te exporteren voor rapporten of presentaties.<br/><br/>Ontworpen voor studenten, docenten, ingenieurs en onderzoekers helpt de Vector Calculator IJ complexe vectorwiskunde te vereenvoudigen, de nauwkeurigheid te verbeteren en leren en productiviteit in diverse disciplines te stimuleren.
</p>
<div class="flex justify-center text-center">
<a href="https://anyonlinetool.com/register"
class="bg-text hover:bg-accent text-lg md:text-xl font-semibold leading-tight text-white py-3.5 px-6 md:py-5 md:px-10 rounded-lg inline-flex justify-center items-center gap-5 transition-colors duration-300">Sign in to see all your usage
<img class="w-3.5 rtl:rotate-180"
src="https://anyonlinetool.com/themes/tailwind/images/homepage/btn-arrow.png" alt="" /></a>
</div>
</div>
</div>
</div>
</div>
<div class="relative flex items-center w-full">
<div class="relative z-20 px-4 mx-auto xl:px-5 max-w-6xl w-full">
<div class="py-10 md:py-32">
<div class="flex flex-wrap md:flex-nowrap justify-center items-center gap-9">
<div class="w-full md:w-1/2">
<h2 class="text-3xl md:text-4xl leading-tight md:leading-tight font-semibold mb-4 md:mb-6">
How to Use
</h2>
<p class="text-[#717171] leading-relaxed tracking-wide">
1. Voer de componenten van je vectoren in de velden voor X, Y (en Z bij 3D) in.<br/>2. Kies de gewenste bewerking uit het menu.<br/>3. Bekijk direct het resultaat in het uitvoerpaneel.<br/>4. Gebruik extra opties voor uitleg, kopiëren of exporteren.<br/>5. Wissel indien nodig tussen 2D en 3D.
</p>
</div>
<div class="w-full md:w-1/2">
<img class="w-[549px] max-w-full"
src="https://anyonlinetool.com/themes/tailwind/images/tool/how-to-use.png"
alt="">
</div>
</div>
</div>
</div>
</div>
<div class="relative flex items-center w-full">
<div class="relative z-20 px-4 mx-auto xl:px-5 max-w-5xl w-full">
<div class="py-10 md:py-16">
<h2 class="text-3xl md:text-[42px] leading-tight md:leading-tight font-bold text-center mb-3 md:mb-4">
FAQs/Additional Resources
</h2>
<p class="text-[#656565] text-xl md:text-2xl font-medium text-center mb-10 md:mb-20">
Find Quick Answers
</p>
<div class="flex flex-col gap-4 md:gap-6 [&>[data-state=open]>div>svg]:rotate-0">
<div data-state="close"
class="group accordion border border-[#99999999] rounded-xl py-5 md:py-7 px-6 md:px-8 pr-14 md:pr-20 rtl:pr-6 md:rtl:pr-8 rtl:pl-14 md:rtl:pl-20 cursor-pointer relative">
<h3 class="text-lg md:text-xl leading-tight md:leading-tight font-semibold">
Hoe voer ik vectoroptelling uit in deze tool?
</h3>
<p
class="text-[#6E7072] font-base font-normal mt-3 leading-relaxed hidden transition-all duration-200 ease-out max-h-0 overflow-clip">
Voer de componenten van twee vectoren in, kies 'Optellen' als bewerking, en het apparaat toont onmiddellijk de resulterende vector.
</p>
<div
class="absolute top-6 md:top-8 right-9 md:right-12 rtl:right-auto rtl:left-9 md:rtl:left-12">
<svg class="absolute w-4 md:w-6 h-4 md:h-6" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 22 22" fill="none">
<g clip-path="url(#clip0_89_860)">
<path d="M3.4375 11H18.5625" stroke="#1B4464" stroke-width="3"
stroke-linecap="round" stroke-linejoin="round" />
</g>
<defs>
<clipPath id="clip0_89_860">
<rect width="22" height="22" fill="white" />
</clipPath>
</defs>
</svg>
<svg
class="absolute w-4 md:w-6 h-4 md:h-6 -rotate-90 transition-transform duration-200 ease-out"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" fill="none">
<g clip-path="url(#clip0_89_860)">
<path d="M3.4375 11H18.5625" stroke="#1B4464" stroke-width="3"
stroke-linecap="round" stroke-linejoin="round" />
</g>
<defs>
<clipPath id="clip0_89_860">
<rect width="22" height="22" fill="white" />
</clipPath>
</defs>
</svg>
</div>
</div>
<div data-state="close"
class="group accordion border border-[#99999999] rounded-xl py-5 md:py-7 px-6 md:px-8 pr-14 md:pr-20 rtl:pr-6 md:rtl:pr-8 rtl:pl-14 md:rtl:pl-20 cursor-pointer relative">
<h3 class="text-lg md:text-xl leading-tight md:leading-tight font-semibold">
Kan ik het kruisproduct van 2D-vectoren berekenen?
</h3>
<p
class="text-[#6E7072] font-base font-normal mt-3 leading-relaxed hidden transition-all duration-200 ease-out max-h-0 overflow-clip">
Ja, door over te schakelen naar 3D-modus (Z=0 voor 2D-vectoren), kun je het kruisproduct berekenen, dat een scalar oplevert loodrecht op het vlak.
</p>
<div
class="absolute top-6 md:top-8 right-9 md:right-12 rtl:right-auto rtl:left-9 md:rtl:left-12">
<svg class="absolute w-4 md:w-6 h-4 md:h-6" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 22 22" fill="none">
<g clip-path="url(#clip0_89_860)">
<path d="M3.4375 11H18.5625" stroke="#1B4464" stroke-width="3"
stroke-linecap="round" stroke-linejoin="round" />
</g>
<defs>
<clipPath id="clip0_89_860">
<rect width="22" height="22" fill="white" />
</clipPath>
</defs>
</svg>
<svg
class="absolute w-4 md:w-6 h-4 md:h-6 -rotate-90 transition-transform duration-200 ease-out"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" fill="none">
<g clip-path="url(#clip0_89_860)">
<path d="M3.4375 11H18.5625" stroke="#1B4464" stroke-width="3"
stroke-linecap="round" stroke-linejoin="round" />
</g>
<defs>
<clipPath id="clip0_89_860">
<rect width="22" height="22" fill="white" />
</clipPath>
</defs>
</svg>
</div>
</div>
<div data-state="close"
class="group accordion border border-[#99999999] rounded-xl py-5 md:py-7 px-6 md:px-8 pr-14 md:pr-20 rtl:pr-6 md:rtl:pr-8 rtl:pl-14 md:rtl:pl-20 cursor-pointer relative">
<h3 class="text-lg md:text-xl leading-tight md:leading-tight font-semibold">
Is dit hulpmiddel geschikt voor studenten in natuurkunde en engineering?
</h3>
<p
class="text-[#6E7072] font-base font-normal mt-3 leading-relaxed hidden transition-all duration-200 ease-out max-h-0 overflow-clip">
Absoluut. Het biedt precieze, directe berekeningen die studenten helpen hun werk te verifiëren en betere inzichten in vectorbewerking te krijgen.
</p>
<div
class="absolute top-6 md:top-8 right-9 md:right-12 rtl:right-auto rtl:left-9 md:rtl:left-12">
<svg class="absolute w-4 md:w-6 h-4 md:h-6" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 22 22" fill="none">
<g clip-path="url(#clip0_89_860)">
<path d="M3.4375 11H18.5625" stroke="#1B4464" stroke-width="3"
stroke-linecap="round" stroke-linejoin="round" />
</g>
<defs>
<clipPath id="clip0_89_860">
<rect width="22" height="22" fill="white" />
</clipPath>
</defs>
</svg>
<svg
class="absolute w-4 md:w-6 h-4 md:h-6 -rotate-90 transition-transform duration-200 ease-out"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" fill="none">
<g clip-path="url(#clip0_89_860)">
<path d="M3.4375 11H18.5625" stroke="#1B4464" stroke-width="3"
stroke-linecap="round" stroke-linejoin="round" />
</g>
<defs>
<clipPath id="clip0_89_860">
<rect width="22" height="22" fill="white" />
</clipPath>
</defs>
</svg>
</div>
</div>
<div data-state="close"
class="group accordion border border-[#99999999] rounded-xl py-5 md:py-7 px-6 md:px-8 pr-14 md:pr-20 rtl:pr-6 md:rtl:pr-8 rtl:pl-14 md:rtl:pl-20 cursor-pointer relative">
<h3 class="text-lg md:text-xl leading-tight md:leading-tight font-semibold">
Kan ik stapsgewijze uitleg van berekeningen bekijken?
</h3>
<p
class="text-[#6E7072] font-base font-normal mt-3 leading-relaxed hidden transition-all duration-200 ease-out max-h-0 overflow-clip">
Ja, door de uitlegmodus te activeren worden alle stappen van de geselecteerde vectorbewerking zichtbaar, wat het leren bevordert.
</p>
<div
class="absolute top-6 md:top-8 right-9 md:right-12 rtl:right-auto rtl:left-9 md:rtl:left-12">
<svg class="absolute w-4 md:w-6 h-4 md:h-6" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 22 22" fill="none">
<g clip-path="url(#clip0_89_860)">
<path d="M3.4375 11H18.5625" stroke="#1B4464" stroke-width="3"
stroke-linecap="round" stroke-linejoin="round" />
</g>
<defs>
<clipPath id="clip0_89_860">
<rect width="22" height="22" fill="white" />
</clipPath>
</defs>
</svg>
<svg
class="absolute w-4 md:w-6 h-4 md:h-6 -rotate-90 transition-transform duration-200 ease-out"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" fill="none">
<g clip-path="url(#clip0_89_860)">
<path d="M3.4375 11H18.5625" stroke="#1B4464" stroke-width="3"
stroke-linecap="round" stroke-linejoin="round" />
</g>
<defs>
<clipPath id="clip0_89_860">
<rect width="22" height="22" fill="white" />
</clipPath>
</defs>
</svg>
</div>
</div>
<div data-state="close"
class="group accordion border border-[#99999999] rounded-xl py-5 md:py-7 px-6 md:px-8 pr-14 md:pr-20 rtl:pr-6 md:rtl:pr-8 rtl:pl-14 md:rtl:pl-20 cursor-pointer relative">
<h3 class="text-lg md:text-xl leading-tight md:leading-tight font-semibold">
Ondersteunt het het berekenen van hoeken tussen vectoren?
</h3>
<p
class="text-[#6E7072] font-base font-normal mt-3 leading-relaxed hidden transition-all duration-200 ease-out max-h-0 overflow-clip">
Ja, de tool kan de hoek tussen twee vectoren in graden of radialen berekenen, nuttig voor diverse wetenschappelijke toepassingen.
</p>
<div
class="absolute top-6 md:top-8 right-9 md:right-12 rtl:right-auto rtl:left-9 md:rtl:left-12">
<svg class="absolute w-4 md:w-6 h-4 md:h-6" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 22 22" fill="none">
<g clip-path="url(#clip0_89_860)">
<path d="M3.4375 11H18.5625" stroke="#1B4464" stroke-width="3"
stroke-linecap="round" stroke-linejoin="round" />
</g>
<defs>
<clipPath id="clip0_89_860">
<rect width="22" height="22" fill="white" />
</clipPath>
</defs>
</svg>
<svg
class="absolute w-4 md:w-6 h-4 md:h-6 -rotate-90 transition-transform duration-200 ease-out"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" fill="none">
<g clip-path="url(#clip0_89_860)">
<path d="M3.4375 11H18.5625" stroke="#1B4464" stroke-width="3"
stroke-linecap="round" stroke-linejoin="round" />
</g>
<defs>
<clipPath id="clip0_89_860">
<rect width="22" height="22" fill="white" />
</clipPath>
</defs>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="relative flex items-center w-full">
<div class="relative z-20 px-4 mx-auto xl:px-5 max-w-6xl w-full">
<div class="py-10 md:py-16">
<h2 class="text-3xl md:text-[42px] leading-tight md:leading-tight font-bold text-center mb-3">
User Reviews
</h2>
<p class="text-[#656565] text-xl md:text-2xl font-medium text-center mb-7 md:mb-14">
See What Others Are Saying
</p>
<div class="swiper testimonial-swiper">
<div class="swiper-wrapper mb-12 md:mb-24">
<div class="swiper-slide">
<div
class="bg-white px-5 py-8 border rounded-3xl border-accent/20 transition-colors duration-300 hover:border-accent">
<div class="flex gap-8 items-center mb-5">
<img class="w-[72px] h-[72px] shrink-0" src="https://anyonlinetool.com/themes/tailwind/images/testimonial-1.png"
alt="John Doe">
<div class="flex-1 flex justify-start gap-2.5">
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
</div>
</div>
<h3
class="text-xl md:text-3xl leading-tight md:leading-tight font-medium mb-1.5 md:mb-2.5">
John Doe
</h3>
<p
class="text-base md:text-lg leading-tight md:leading-tight font-normal mb-2 md:mb-4">
CEO of Company
</p>
<p
class="text-sm md:text-base leading-relaxed md:leading-relaxed tracking-wide font-normal">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
<div class="swiper-slide">
<div
class="bg-white px-5 py-8 border rounded-3xl border-accent/20 transition-colors duration-300 hover:border-accent">
<div class="flex gap-8 items-center mb-5">
<img class="w-[72px] h-[72px] shrink-0" src="https://anyonlinetool.com/themes/tailwind/images/testimonial-2.png"
alt="John Doe">
<div class="flex-1 flex justify-start gap-2.5">
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
</div>
</div>
<h3
class="text-xl md:text-3xl leading-tight md:leading-tight font-medium mb-1.5 md:mb-2.5">
John Doe
</h3>
<p
class="text-base md:text-lg leading-tight md:leading-tight font-normal mb-2 md:mb-4">
CEO of Company
</p>
<p
class="text-sm md:text-base leading-relaxed md:leading-relaxed tracking-wide font-normal">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
<div class="swiper-slide">
<div
class="bg-white px-5 py-8 border rounded-3xl border-accent/20 transition-colors duration-300 hover:border-accent">
<div class="flex gap-8 items-center mb-5">
<img class="w-[72px] h-[72px] shrink-0" src="https://anyonlinetool.com/themes/tailwind/images/testimonial-3.png"
alt="John Doe">
<div class="flex-1 flex justify-start gap-2.5">
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
</div>
</div>
<h3
class="text-xl md:text-3xl leading-tight md:leading-tight font-medium mb-1.5 md:mb-2.5">
John Doe
</h3>
<p
class="text-base md:text-lg leading-tight md:leading-tight font-normal mb-2 md:mb-4">
CEO of Company
</p>
<p
class="text-sm md:text-base leading-relaxed md:leading-relaxed tracking-wide font-normal">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
<div class="swiper-slide">
<div
class="bg-white px-5 py-8 border rounded-3xl border-accent/20 transition-colors duration-300 hover:border-accent">
<div class="flex gap-8 items-center mb-5">
<img class="w-[72px] h-[72px] shrink-0" src="https://anyonlinetool.com/themes/tailwind/images/testimonial-4.png"
alt="John Doe">
<div class="flex-1 flex justify-start gap-2.5">
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
</div>
</div>
<h3
class="text-xl md:text-3xl leading-tight md:leading-tight font-medium mb-1.5 md:mb-2.5">
John Doe
</h3>
<p
class="text-base md:text-lg leading-tight md:leading-tight font-normal mb-2 md:mb-4">
CEO of Company
</p>
<p
class="text-sm md:text-base leading-relaxed md:leading-relaxed tracking-wide font-normal">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
<div class="swiper-slide">
<div
class="bg-white px-5 py-8 border rounded-3xl border-accent/20 transition-colors duration-300 hover:border-accent">
<div class="flex gap-8 items-center mb-5">
<img class="w-[72px] h-[72px] shrink-0" src="https://anyonlinetool.com/themes/tailwind/images/testimonial-5.png"
alt="John Doe">
<div class="flex-1 flex justify-start gap-2.5">
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
</div>
</div>
<h3
class="text-xl md:text-3xl leading-tight md:leading-tight font-medium mb-1.5 md:mb-2.5">
John Doe
</h3>
<p
class="text-base md:text-lg leading-tight md:leading-tight font-normal mb-2 md:mb-4">
CEO of Company
</p>
<p
class="text-sm md:text-base leading-relaxed md:leading-relaxed tracking-wide font-normal">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
<div class="swiper-slide">
<div
class="bg-white px-5 py-8 border rounded-3xl border-accent/20 transition-colors duration-300 hover:border-accent">
<div class="flex gap-8 items-center mb-5">
<img class="w-[72px] h-[72px] shrink-0" src="https://anyonlinetool.com/themes/tailwind/images/testimonial-6.png"
alt="John Doe">
<div class="flex-1 flex justify-start gap-2.5">
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
</div>
</div>
<h3
class="text-xl md:text-3xl leading-tight md:leading-tight font-medium mb-1.5 md:mb-2.5">
John Doe
</h3>
<p
class="text-base md:text-lg leading-tight md:leading-tight font-normal mb-2 md:mb-4">
CEO of Company
</p>
<p
class="text-sm md:text-base leading-relaxed md:leading-relaxed tracking-wide font-normal">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
<div class="swiper-slide">
<div
class="bg-white px-5 py-8 border rounded-3xl border-accent/20 transition-colors duration-300 hover:border-accent">
<div class="flex gap-8 items-center mb-5">
<img class="w-[72px] h-[72px] shrink-0" src="https://anyonlinetool.com/themes/tailwind/images/testimonial-7.png"
alt="John Doe">
<div class="flex-1 flex justify-start gap-2.5">
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
</div>
</div>
<h3
class="text-xl md:text-3xl leading-tight md:leading-tight font-medium mb-1.5 md:mb-2.5">
John Doe
</h3>
<p
class="text-base md:text-lg leading-tight md:leading-tight font-normal mb-2 md:mb-4">
CEO of Company
</p>
<p
class="text-sm md:text-base leading-relaxed md:leading-relaxed tracking-wide font-normal">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
<div class="swiper-slide">
<div
class="bg-white px-5 py-8 border rounded-3xl border-accent/20 transition-colors duration-300 hover:border-accent">
<div class="flex gap-8 items-center mb-5">
<img class="w-[72px] h-[72px] shrink-0" src="https://anyonlinetool.com/themes/tailwind/images/testimonial-8.png"
alt="John Doe">
<div class="flex-1 flex justify-start gap-2.5">
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
</div>
</div>
<h3
class="text-xl md:text-3xl leading-tight md:leading-tight font-medium mb-1.5 md:mb-2.5">
John Doe
</h3>
<p
class="text-base md:text-lg leading-tight md:leading-tight font-normal mb-2 md:mb-4">
CEO of Company
</p>
<p
class="text-sm md:text-base leading-relaxed md:leading-relaxed tracking-wide font-normal">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
<div class="swiper-slide">
<div
class="bg-white px-5 py-8 border rounded-3xl border-accent/20 transition-colors duration-300 hover:border-accent">
<div class="flex gap-8 items-center mb-5">
<img class="w-[72px] h-[72px] shrink-0" src="https://anyonlinetool.com/themes/tailwind/images/testimonial-9.png"
alt="John Doe">
<div class="flex-1 flex justify-start gap-2.5">
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
</div>
</div>
<h3
class="text-xl md:text-3xl leading-tight md:leading-tight font-medium mb-1.5 md:mb-2.5">
John Doe
</h3>
<p
class="text-base md:text-lg leading-tight md:leading-tight font-normal mb-2 md:mb-4">
CEO of Company
</p>
<p
class="text-sm md:text-base leading-relaxed md:leading-relaxed tracking-wide font-normal">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
</div>
<div class="flex justify-center gap-5">
<button
class="prev-btn py-3 px-6 md:py-4 md:px-8 border border-text rounded-lg transition-colors duration-300 hover:bg-text group">
<svg class="w-[23px] h-[18px] rtl:rotate-180" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 26 20" fill="none">
<path class="stroke-text transition-colors duration-300 group-hover:stroke-white"
d="M0.999718 10L24.1426 10M9.99972 19L0.999718 10L9.99972 19ZM0.999718 10L9.99972 0.999999L0.999718 10Z"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</button>
<button
class="next-btn py-3 px-6 md:py-4 md:px-8 border border-text rounded-lg transition-colors duration-300 hover:bg-text group">
<svg class="w-[23px] h-[18px] rtl:rotate-180" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 26 20" fill="none">
<path class="stroke-text transition-colors duration-300 group-hover:stroke-white"
d="M24.1429 10H1M15.1429 1L24.1429 10L15.1429 1ZM24.1429 10L15.1429 19L24.1429 10Z"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</button>
</div>
</div>
</div>
</div>
</div>
<div class="relative flex items-center w-full">
<div class="relative z-20 px-4 mx-auto xl:px-5 max-w-6xl w-full">
<div class="py-10 md:py-16">
<h2 class="text-3xl md:text-[42px] leading-tight md:leading-tight font-bold text-start mb-3">
Explore Related Tools
</h2>
<p class="text-[#656565] text-xl md:text-2xl font-medium text-start mb-7 md:mb-14">
More Solutions for Your Needs
</p>
<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 gap-x-8 gap-y-7">
<div class="bg-white rounded-xl shadow-wave px-5 py-8 flex flex-col gap-5 items-start relative">
<div class="w-[50px] h-[50px] flex items-center justify-center overflow-hidden">
<div class="w-[50px] h-[50px] max-w-[50px] max-h-[50px] flex items-center justify-center" style="max-width:50px;max-height:50px;">
<svg width="512" height="512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" aria-labelledby="title" role="img"><title>Cryptocurrency LTC Calculator Icon An SVG illustration representing a Litecoin calculator with a coin and calculator elements, styled in modern flat design.
Reken snel Litecoin (LTC) om, analyseer en schat de waarde met onze gratis online calculator, ideaal voor traders, investeerders en enthousiastelingen.
Norwegian
Danish
German
English
Spanish
French
Italian
Dutch
Portuguese
Swedish
Hebrew
Arabic
