ss_website/components/testimonials.tsx

193 lines
61 KiB
TypeScript
Raw Permalink Normal View History

2024-05-16 05:19:03 +00:00
import Image from 'next/image'
import TestimonialImage01 from '@/public/images/testimonial-01.jpg'
import TestimonialImage02 from '@/public/images/testimonial-02.jpg'
import TestimonialImage03 from '@/public/images/testimonial-03.jpg'
import TestimonialImage04 from '@/public/images/testimonial-04.jpg'
import TestimonialImage05 from '@/public/images/testimonial-05.jpg'
import TestimonialImage06 from '@/public/images/testimonial-06.jpg'
export default function Testimonials() {
return (
<section className="bg-slate-50">
<div className="max-w-6xl mx-auto px-4 sm:px-6">
<div className="py-12 md:py-20">
{/* Section header */}
<div className="max-w-3xl mx-auto text-center pb-12 md:pb-20">
<h2 className="h2 font-playfair-display text-slate-800">What our customers are saying about us</h2>
</div>
{/* Testimonials container */}
<div className="max-w-sm mx-auto sm:max-w-none grid gap-12 sm:grid-cols-2 md:grid-cols-3 sm:gap-x-6 sm:gap-y-8 items-start mb-12 md:mb-16" data-aos-id-testimonials>
{/* 1st Testimonial */}
<article className="h-full flex flex-col bg-white p-6 shadow-xl" data-aos="fade-up" data-aos-anchor="[data-aos-id-testimonials]">
<header>
<div className="flex items-center mb-4">
<div className="relative mr-5">
<Image className="rounded-full shrink-0" src={TestimonialImage01} width={48} height={48} alt="Testimonial 01" />
<div className="absolute top-0 right-0 -mr-2" aria-hidden="true">
<svg className="fill-blue-600" width="20" height="16" viewBox="0 0 20 16">
<path d="M2.76 16c2.577 0 5.154-3.219 5.154-5.996 0-1.357-.613-2.272-1.748-2.272s-2.27.726-3.283 1.64C3.16 6.439 5.613 3.346 9.571.885L9.233 0C3.466 2.903 0 7.732 0 12.213 0 14.517.828 16 2.76 16Zm10.43 0c2.577 0 5.154-3.219 5.154-5.996 0-1.357-.614-2.272-1.749-2.272-1.135 0-2.27.726-3.282 1.64.276-2.934 2.73-6.027 6.687-8.488L19.663 0c-5.767 2.903-9.234 7.732-9.234 12.213 0 2.304.829 3.787 2.761 3.787Z" />
</svg>
</div>
</div>
{/* Acme Inc. logo */}
<svg className="shrink-0" width="82" height="18">
<path d="M1.851 17.912c.044-.618.142-1.28.294-1.986.153-.705.352-1.411.6-2.117.217-.662.478-1.32.783-1.974.305-.655.632-1.313.98-1.975.45.015.911.033 1.383.055.472.023.915.04 1.329.056.414.014.787.033 1.121.055.334.022.603.04.806.055-.16 1-.272 1.97-.337 2.912a40.131 40.131 0 0 0-.098 2.78v.584c0 .183.007.37.021.562.044.088.156.191.338.309.181.118.4.224.653.32.254.095.516.176.784.242.269.067.505.1.708.1h.174a.191.191 0 0 0 .088-.022c-.03-.368-.044-.72-.044-1.06v-.992a37.49 37.49 0 0 1 .261-4.522c.305-2.368.69-4.4 1.155-6.1.464-1.698.936-2.973 1.415-3.826-.029-.103-.17-.232-.424-.386a8.024 8.024 0 0 0-.872-.453 8.228 8.228 0 0 0-1.001-.375C11.626.051 11.354 0 11.15 0c0 .03-.004.08-.011.154a6.536 6.536 0 0 1-.033.265c-.595.324-1.22.761-1.873 1.313a19.894 19.894 0 0 0-1.96 1.919 33.836 33.836 0 0 0-1.949 2.393A31.197 31.197 0 0 0 3.506 8.78c-.667.118-1.205.258-1.611.42-.407.161-.654.352-.74.573.188 0 .431.004.729.011.298.007.635.018 1.013.033-.45.809-.853 1.566-1.21 2.272a39.58 39.58 0 0 0-.914 1.93C.52 14.6.327 15.103.196 15.53c-.13.427-.196.758-.196.993 0 .309.134.566.403.772.269.206.751.412 1.448.618Zm3.42-9.353c.45-.735.918-1.43 1.404-2.085.487-.654.966-1.242 1.438-1.764s.929-.96 1.372-1.313c.443-.353.846-.596 1.209-.728-.073.397-.15.776-.23 1.136-.079.36-.148.644-.206.85-.16.632-.309 1.253-.447 1.863a51.69 51.69 0 0 0-.38 1.842c-1.554.03-2.94.096-4.16.199Zm11.97 8.316c.247-.044.534-.15.86-.32a9.454 9.454 0 0 0 2.015-1.423c.32-.294.602-.595.85-.904a.555.555 0 0 0-.066-.243.548.548 0 0 0-.153-.198 14.303 14.303 0 0 1-2.069 1.29c-.333.17-.646.305-.936.408-.29.103-.544.17-.762.199-.523-.235-.784-.949-.784-2.14a7.548 7.548 0 0 1 1.916-5.051 6.183 6.183 0 0 1 1.263-1.103c.436-.28.799-.42 1.09-.42.333 0 .5.214.5.64 0 .736-.486 1.552-1.459 2.449.116.176.265.32.447.43.181.11.359.165.533.165.203 0 .407-.077.61-.231.203-.155.381-.357.534-.607a3.602 3.602 0 0 0 .511-1.83c0-.707-.203-1.25-.61-1.633-.406-.382-.987-.574-1.742-.574-.77 0-1.513.188-2.232.563A6.931 6.931 0 0 0 15.64 7.82a7.486 7.486 0 0 0-1.35 2.095 6.067 6.067 0 0 0-.512 2.438c0 .573.09 1.125.272 1.654.182.53.429 1 .74 1.412.313.412.68.746 1.1 1.004.422.257.872.408 1.351.452Zm17.938.022c.378 0 .719-.077 1.024-.232.305-.154.602-.349.893-.584 0-.074-.008-.155-.022-.243a.327.327 0 0 0-.153-.22c-.072 0-.185.033-.337.099-.153.066-.316.1-.49.1a.476.476 0 0 1-.37-.144c-.088-.096-.131-.298-.131-.607 0-.53.12-1.125.36-1.787.239-.661.511-1.334.816-2.018.305-.684.606-1.335.904-1.952.297-.618.512-1.147.642-1.588a1.23 1.23 0 0 0-.533-.673 1.546 1.546 0 0 0-.817-.232c-.421 0-.868.155-1.34.463-.471.31-.983.75-1.535 1.324a26.323 26.323 0 0 0-1.764 2.062 92.457 92.457 0 0 0-2.004 2.68c.044-.308.196-.724.458-1.246.261-.522.544-1.062.85-1.621.304-.559.59-1.092.86-1.6.268-.507.439-.907.511-1.202-.014-.044-.08-.106-.196-.187a3.683 3.683 0 0 0-.435-.254 3.25 3.25 0 0 0-.567-.22 2.046 2.046 0 0 0-.566-.089c-.465 0-.987.236-1.568.706-.58.47-1.165 1.044-1.753 1.72a32.77 32.77 0 0 0-1.72 2.163 95.546 95.546 0 0 0-1.45 2.03 6.325 6.325 0 0 1 .545-1.788c.276-.588.581-1.161.915-1.72.334-.56.653-1.092.958-1.6.305-.507.53-.988.676-1.444-.363-.368-.708-.647-1.035-.839a3.726 3.726 0 0 0-1.1-.419 71.842 71.842 0 0 0-1.535 2.912 21.24 21.24 0 0 0-1.296 3.199 13.377 13.377 0 0 0-.403 1.632c-.094.53-.149.97-.163 1.323.072.398.181.758.326 1.081.146.324.407.625.784.905.16-.103.418-.441.774-1.015.355-.573.802-1.243 1.339-2.007a47.74 47.74 0 0 1 1.307-1.754c.464-.596.914-1.132 1.35-1.61a10.87 10.87 0 0 1 1.22-1.17c.377-.3.675-.459.893-.474-.45.647-.832 1.261-1.144 1.842a16.12 16.12 0 0 0-.784 1.666c-.21.53-.381 1.04-.512 1.533-.13.492-.232.967-.305 1.423.102.382.269.702.501.96.233.256.508.451.828.584.232-.28.515-.655.85-1.125.333-.47.693-.975 1.077-1.511a71.34 71.34 0 0 1 1.198-1.622c.414-.544.813-1.04 1.198-1.489.385-.448.744-.816 1.078-1.103.334-.286.617-.437.85-.452-.146.31-.32.658-.523 1.048s-.396.809-.577 1.257c-.182.449-.338.92-.469 1.412-.13.493-.196.99-.196 1.49 0 .308.03.595.088.86.058.264.16.5.304.705.146.206.33.368.556.486.225.117.512.176.86.176Zm6.744.199c.697-.162 1.433-.534
</svg>
</div>
</header>
<div className="grow mb-3">
<p className="text-slate-500 italic">Tidy has been the system to drive change in collaboration on content for our organisation.</p>
</div>
<footer className="text-sm font-medium">
<a className="text-slate-800 hover:text-blue-600 transition duration-150 ease-in-out" href="#0">Patrick Hills</a>
<span className="text-slate-300"> · </span>
<span className="text-slate-500">CEO, Acme Inc.</span>
</footer>
</article>
{/* 2nd Testimonial */}
<article className="h-full flex flex-col bg-white p-6 shadow-xl" data-aos="fade-up" data-aos-anchor="[data-aos-id-testimonials]" data-aos-delay="100">
<header>
<div className="flex items-center mb-4">
<div className="relative mr-5">
<Image className="rounded-full shrink-0" src={TestimonialImage02} width={48} height={48} alt="Testimonial 02" />
<div className="absolute top-0 right-0 -mr-2" aria-hidden="true">
<svg className="fill-blue-600" width="20" height="16" viewBox="0 0 20 16">
<path d="M2.76 16c2.577 0 5.154-3.219 5.154-5.996 0-1.357-.613-2.272-1.748-2.272s-2.27.726-3.283 1.64C3.16 6.439 5.613 3.346 9.571.885L9.233 0C3.466 2.903 0 7.732 0 12.213 0 14.517.828 16 2.76 16Zm10.43 0c2.577 0 5.154-3.219 5.154-5.996 0-1.357-.614-2.272-1.749-2.272-1.135 0-2.27.726-3.282 1.64.276-2.934 2.73-6.027 6.687-8.488L19.663 0c-5.767 2.903-9.234 7.732-9.234 12.213 0 2.304.829 3.787 2.761 3.787Z" />
</svg>
</div>
</div>
{/* Acme Inc. logo */}
<svg className="shrink-0" width="82" height="18">
<path d="M1.851 17.912c.044-.618.142-1.28.294-1.986.153-.705.352-1.411.6-2.117.217-.662.478-1.32.783-1.974.305-.655.632-1.313.98-1.975.45.015.911.033 1.383.055.472.023.915.04 1.329.056.414.014.787.033 1.121.055.334.022.603.04.806.055-.16 1-.272 1.97-.337 2.912a40.131 40.131 0 0 0-.098 2.78v.584c0 .183.007.37.021.562.044.088.156.191.338.309.181.118.4.224.653.32.254.095.516.176.784.242.269.067.505.1.708.1h.174a.191.191 0 0 0 .088-.022c-.03-.368-.044-.72-.044-1.06v-.992a37.49 37.49 0 0 1 .261-4.522c.305-2.368.69-4.4 1.155-6.1.464-1.698.936-2.973 1.415-3.826-.029-.103-.17-.232-.424-.386a8.024 8.024 0 0 0-.872-.453 8.228 8.228 0 0 0-1.001-.375C11.626.051 11.354 0 11.15 0c0 .03-.004.08-.011.154a6.536 6.536 0 0 1-.033.265c-.595.324-1.22.761-1.873 1.313a19.894 19.894 0 0 0-1.96 1.919 33.836 33.836 0 0 0-1.949 2.393A31.197 31.197 0 0 0 3.506 8.78c-.667.118-1.205.258-1.611.42-.407.161-.654.352-.74.573.188 0 .431.004.729.011.298.007.635.018 1.013.033-.45.809-.853 1.566-1.21 2.272a39.58 39.58 0 0 0-.914 1.93C.52 14.6.327 15.103.196 15.53c-.13.427-.196.758-.196.993 0 .309.134.566.403.772.269.206.751.412 1.448.618Zm3.42-9.353c.45-.735.918-1.43 1.404-2.085.487-.654.966-1.242 1.438-1.764s.929-.96 1.372-1.313c.443-.353.846-.596 1.209-.728-.073.397-.15.776-.23 1.136-.079.36-.148.644-.206.85-.16.632-.309 1.253-.447 1.863a51.69 51.69 0 0 0-.38 1.842c-1.554.03-2.94.096-4.16.199Zm11.97 8.316c.247-.044.534-.15.86-.32a9.454 9.454 0 0 0 2.015-1.423c.32-.294.602-.595.85-.904a.555.555 0 0 0-.066-.243.548.548 0 0 0-.153-.198 14.303 14.303 0 0 1-2.069 1.29c-.333.17-.646.305-.936.408-.29.103-.544.17-.762.199-.523-.235-.784-.949-.784-2.14a7.548 7.548 0 0 1 1.916-5.051 6.183 6.183 0 0 1 1.263-1.103c.436-.28.799-.42 1.09-.42.333 0 .5.214.5.64 0 .736-.486 1.552-1.459 2.449.116.176.265.32.447.43.181.11.359.165.533.165.203 0 .407-.077.61-.231.203-.155.381-.357.534-.607a3.602 3.602 0 0 0 .511-1.83c0-.707-.203-1.25-.61-1.633-.406-.382-.987-.574-1.742-.574-.77 0-1.513.188-2.232.563A6.931 6.931 0 0 0 15.64 7.82a7.486 7.486 0 0 0-1.35 2.095 6.067 6.067 0 0 0-.512 2.438c0 .573.09 1.125.272 1.654.182.53.429 1 .74 1.412.313.412.68.746 1.1 1.004.422.257.872.408 1.351.452Zm17.938.022c.378 0 .719-.077 1.024-.232.305-.154.602-.349.893-.584 0-.074-.008-.155-.022-.243a.327.327 0 0 0-.153-.22c-.072 0-.185.033-.337.099-.153.066-.316.1-.49.1a.476.476 0 0 1-.37-.144c-.088-.096-.131-.298-.131-.607 0-.53.12-1.125.36-1.787.239-.661.511-1.334.816-2.018.305-.684.606-1.335.904-1.952.297-.618.512-1.147.642-1.588a1.23 1.23 0 0 0-.533-.673 1.546 1.546 0 0 0-.817-.232c-.421 0-.868.155-1.34.463-.471.31-.983.75-1.535 1.324a26.323 26.323 0 0 0-1.764 2.062 92.457 92.457 0 0 0-2.004 2.68c.044-.308.196-.724.458-1.246.261-.522.544-1.062.85-1.621.304-.559.59-1.092.86-1.6.268-.507.439-.907.511-1.202-.014-.044-.08-.106-.196-.187a3.683 3.683 0 0 0-.435-.254 3.25 3.25 0 0 0-.567-.22 2.046 2.046 0 0 0-.566-.089c-.465 0-.987.236-1.568.706-.58.47-1.165 1.044-1.753 1.72a32.77 32.77 0 0 0-1.72 2.163 95.546 95.546 0 0 0-1.45 2.03 6.325 6.325 0 0 1 .545-1.788c.276-.588.581-1.161.915-1.72.334-.56.653-1.092.958-1.6.305-.507.53-.988.676-1.444-.363-.368-.708-.647-1.035-.839a3.726 3.726 0 0 0-1.1-.419 71.842 71.842 0 0 0-1.535 2.912 21.24 21.24 0 0 0-1.296 3.199 13.377 13.377 0 0 0-.403 1.632c-.094.53-.149.97-.163 1.323.072.398.181.758.326 1.081.146.324.407.625.784.905.16-.103.418-.441.774-1.015.355-.573.802-1.243 1.339-2.007a47.74 47.74 0 0 1 1.307-1.754c.464-.596.914-1.132 1.35-1.61a10.87 10.87 0 0 1 1.22-1.17c.377-.3.675-.459.893-.474-.45.647-.832 1.261-1.144 1.842a16.12 16.12 0 0 0-.784 1.666c-.21.53-.381 1.04-.512 1.533-.13.492-.232.967-.305 1.423.102.382.269.702.501.96.233.256.508.451.828.584.232-.28.515-.655.85-1.125.333-.47.693-.975 1.077-1.511a71.34 71.34 0 0 1 1.198-1.622c.414-.544.813-1.04 1.198-1.489.385-.448.744-.816 1.078-1.103.334-.286.617-.437.85-.452-.146.31-.32.658-.523 1.048s-.396.809-.577 1.257c-.182.449-.338.92-.469 1.412-.13.493-.196.99-.196 1.49 0 .308.03.595.088.86.058.264.16.5.304.705.146.206.33.368.556.486.225.117.512.176.86.176Zm6.744.199c.697-.162 1.433-.534
</svg>
</div>
</header>
<div className="grow mb-3">
<p className="text-slate-500 italic">Tidy has been the system to drive change in collaboration on content for our organisation.</p>
</div>
<footer className="text-sm font-medium">
<a className="text-slate-800 hover:text-blue-600 transition duration-150 ease-in-out" href="#0">Jeff Wong</a>
<span className="text-slate-300"> · </span>
<span className="text-slate-500">CEO, Acme Inc.</span>
</footer>
</article>
{/* 3rd Testimonial */}
<article className="h-full flex flex-col bg-white p-6 shadow-xl" data-aos="fade-up" data-aos-anchor="[data-aos-id-testimonials]" data-aos-delay="200">
<header>
<div className="flex items-center mb-4">
<div className="relative mr-5">
<Image className="rounded-full shrink-0" src={TestimonialImage03} width={48} height={48} alt="Testimonial 03" />
<div className="absolute top-0 right-0 -mr-2" aria-hidden="true">
<svg className="fill-blue-600" width="20" height="16" viewBox="0 0 20 16">
<path d="M2.76 16c2.577 0 5.154-3.219 5.154-5.996 0-1.357-.613-2.272-1.748-2.272s-2.27.726-3.283 1.64C3.16 6.439 5.613 3.346 9.571.885L9.233 0C3.466 2.903 0 7.732 0 12.213 0 14.517.828 16 2.76 16Zm10.43 0c2.577 0 5.154-3.219 5.154-5.996 0-1.357-.614-2.272-1.749-2.272-1.135 0-2.27.726-3.282 1.64.276-2.934 2.73-6.027 6.687-8.488L19.663 0c-5.767 2.903-9.234 7.732-9.234 12.213 0 2.304.829 3.787 2.761 3.787Z" />
</svg>
</div>
</div>
{/* Acme Inc. logo */}
<svg className="shrink-0" width="82" height="18">
<path d="M1.851 17.912c.044-.618.142-1.28.294-1.986.153-.705.352-1.411.6-2.117.217-.662.478-1.32.783-1.974.305-.655.632-1.313.98-1.975.45.015.911.033 1.383.055.472.023.915.04 1.329.056.414.014.787.033 1.121.055.334.022.603.04.806.055-.16 1-.272 1.97-.337 2.912a40.131 40.131 0 0 0-.098 2.78v.584c0 .183.007.37.021.562.044.088.156.191.338.309.181.118.4.224.653.32.254.095.516.176.784.242.269.067.505.1.708.1h.174a.191.191 0 0 0 .088-.022c-.03-.368-.044-.72-.044-1.06v-.992a37.49 37.49 0 0 1 .261-4.522c.305-2.368.69-4.4 1.155-6.1.464-1.698.936-2.973 1.415-3.826-.029-.103-.17-.232-.424-.386a8.024 8.024 0 0 0-.872-.453 8.228 8.228 0 0 0-1.001-.375C11.626.051 11.354 0 11.15 0c0 .03-.004.08-.011.154a6.536 6.536 0 0 1-.033.265c-.595.324-1.22.761-1.873 1.313a19.894 19.894 0 0 0-1.96 1.919 33.836 33.836 0 0 0-1.949 2.393A31.197 31.197 0 0 0 3.506 8.78c-.667.118-1.205.258-1.611.42-.407.161-.654.352-.74.573.188 0 .431.004.729.011.298.007.635.018 1.013.033-.45.809-.853 1.566-1.21 2.272a39.58 39.58 0 0 0-.914 1.93C.52 14.6.327 15.103.196 15.53c-.13.427-.196.758-.196.993 0 .309.134.566.403.772.269.206.751.412 1.448.618Zm3.42-9.353c.45-.735.918-1.43 1.404-2.085.487-.654.966-1.242 1.438-1.764s.929-.96 1.372-1.313c.443-.353.846-.596 1.209-.728-.073.397-.15.776-.23 1.136-.079.36-.148.644-.206.85-.16.632-.309 1.253-.447 1.863a51.69 51.69 0 0 0-.38 1.842c-1.554.03-2.94.096-4.16.199Zm11.97 8.316c.247-.044.534-.15.86-.32a9.454 9.454 0 0 0 2.015-1.423c.32-.294.602-.595.85-.904a.555.555 0 0 0-.066-.243.548.548 0 0 0-.153-.198 14.303 14.303 0 0 1-2.069 1.29c-.333.17-.646.305-.936.408-.29.103-.544.17-.762.199-.523-.235-.784-.949-.784-2.14a7.548 7.548 0 0 1 1.916-5.051 6.183 6.183 0 0 1 1.263-1.103c.436-.28.799-.42 1.09-.42.333 0 .5.214.5.64 0 .736-.486 1.552-1.459 2.449.116.176.265.32.447.43.181.11.359.165.533.165.203 0 .407-.077.61-.231.203-.155.381-.357.534-.607a3.602 3.602 0 0 0 .511-1.83c0-.707-.203-1.25-.61-1.633-.406-.382-.987-.574-1.742-.574-.77 0-1.513.188-2.232.563A6.931 6.931 0 0 0 15.64 7.82a7.486 7.486 0 0 0-1.35 2.095 6.067 6.067 0 0 0-.512 2.438c0 .573.09 1.125.272 1.654.182.53.429 1 .74 1.412.313.412.68.746 1.1 1.004.422.257.872.408 1.351.452Zm17.938.022c.378 0 .719-.077 1.024-.232.305-.154.602-.349.893-.584 0-.074-.008-.155-.022-.243a.327.327 0 0 0-.153-.22c-.072 0-.185.033-.337.099-.153.066-.316.1-.49.1a.476.476 0 0 1-.37-.144c-.088-.096-.131-.298-.131-.607 0-.53.12-1.125.36-1.787.239-.661.511-1.334.816-2.018.305-.684.606-1.335.904-1.952.297-.618.512-1.147.642-1.588a1.23 1.23 0 0 0-.533-.673 1.546 1.546 0 0 0-.817-.232c-.421 0-.868.155-1.34.463-.471.31-.983.75-1.535 1.324a26.323 26.323 0 0 0-1.764 2.062 92.457 92.457 0 0 0-2.004 2.68c.044-.308.196-.724.458-1.246.261-.522.544-1.062.85-1.621.304-.559.59-1.092.86-1.6.268-.507.439-.907.511-1.202-.014-.044-.08-.106-.196-.187a3.683 3.683 0 0 0-.435-.254 3.25 3.25 0 0 0-.567-.22 2.046 2.046 0 0 0-.566-.089c-.465 0-.987.236-1.568.706-.58.47-1.165 1.044-1.753 1.72a32.77 32.77 0 0 0-1.72 2.163 95.546 95.546 0 0 0-1.45 2.03 6.325 6.325 0 0 1 .545-1.788c.276-.588.581-1.161.915-1.72.334-.56.653-1.092.958-1.6.305-.507.53-.988.676-1.444-.363-.368-.708-.647-1.035-.839a3.726 3.726 0 0 0-1.1-.419 71.842 71.842 0 0 0-1.535 2.912 21.24 21.24 0 0 0-1.296 3.199 13.377 13.377 0 0 0-.403 1.632c-.094.53-.149.97-.163 1.323.072.398.181.758.326 1.081.146.324.407.625.784.905.16-.103.418-.441.774-1.015.355-.573.802-1.243 1.339-2.007a47.74 47.74 0 0 1 1.307-1.754c.464-.596.914-1.132 1.35-1.61a10.87 10.87 0 0 1 1.22-1.17c.377-.3.675-.459.893-.474-.45.647-.832 1.261-1.144 1.842a16.12 16.12 0 0 0-.784 1.666c-.21.53-.381 1.04-.512 1.533-.13.492-.232.967-.305 1.423.102.382.269.702.501.96.233.256.508.451.828.584.232-.28.515-.655.85-1.125.333-.47.693-.975 1.077-1.511a71.34 71.34 0 0 1 1.198-1.622c.414-.544.813-1.04 1.198-1.489.385-.448.744-.816 1.078-1.103.334-.286.617-.437.85-.452-.146.31-.32.658-.523 1.048s-.396.809-.577 1.257c-.182.449-.338.92-.469 1.412-.13.493-.196.99-.196 1.49 0 .308.03.595.088.86.058.264.16.5.304.705.146.206.33.368.556.486.225.117.512.176.86.176Zm6.744.199c.697-.162 1.433-.534
</svg>
</div>
</header>
<div className="grow mb-3">
<p className="text-slate-500 italic">Tidy has been the system to drive change in collaboration on content for our organisation.</p>
</div>
<footer className="text-sm font-medium">
<a className="text-slate-800 hover:text-blue-600 transition duration-150 ease-in-out" href="#0">Amy Tolinski</a>
<span className="text-slate-300"> · </span>
<span className="text-slate-500">CEO, Acme Inc.</span>
</footer>
</article>
{/* 4th Testimonial */}
<article className="h-full flex flex-col bg-white p-6 shadow-xl" data-aos="fade-up" data-aos-anchor="[data-aos-id-testimonials]" data-aos-delay="300">
<header>
<div className="flex items-center mb-4">
<div className="relative mr-5">
<Image className="rounded-full shrink-0" src={TestimonialImage04} width={48} height={48} alt="Testimonial 04" />
<div className="absolute top-0 right-0 -mr-2" aria-hidden="true">
<svg className="fill-blue-600" width="20" height="16" viewBox="0 0 20 16">
<path d="M2.76 16c2.577 0 5.154-3.219 5.154-5.996 0-1.357-.613-2.272-1.748-2.272s-2.27.726-3.283 1.64C3.16 6.439 5.613 3.346 9.571.885L9.233 0C3.466 2.903 0 7.732 0 12.213 0 14.517.828 16 2.76 16Zm10.43 0c2.577 0 5.154-3.219 5.154-5.996 0-1.357-.614-2.272-1.749-2.272-1.135 0-2.27.726-3.282 1.64.276-2.934 2.73-6.027 6.687-8.488L19.663 0c-5.767 2.903-9.234 7.732-9.234 12.213 0 2.304.829 3.787 2.761 3.787Z" />
</svg>
</div>
</div>
{/* Acme Inc. logo */}
<svg className="shrink-0" width="82" height="18">
<path d="M1.851 17.912c.044-.618.142-1.28.294-1.986.153-.705.352-1.411.6-2.117.217-.662.478-1.32.783-1.974.305-.655.632-1.313.98-1.975.45.015.911.033 1.383.055.472.023.915.04 1.329.056.414.014.787.033 1.121.055.334.022.603.04.806.055-.16 1-.272 1.97-.337 2.912a40.131 40.131 0 0 0-.098 2.78v.584c0 .183.007.37.021.562.044.088.156.191.338.309.181.118.4.224.653.32.254.095.516.176.784.242.269.067.505.1.708.1h.174a.191.191 0 0 0 .088-.022c-.03-.368-.044-.72-.044-1.06v-.992a37.49 37.49 0 0 1 .261-4.522c.305-2.368.69-4.4 1.155-6.1.464-1.698.936-2.973 1.415-3.826-.029-.103-.17-.232-.424-.386a8.024 8.024 0 0 0-.872-.453 8.228 8.228 0 0 0-1.001-.375C11.626.051 11.354 0 11.15 0c0 .03-.004.08-.011.154a6.536 6.536 0 0 1-.033.265c-.595.324-1.22.761-1.873 1.313a19.894 19.894 0 0 0-1.96 1.919 33.836 33.836 0 0 0-1.949 2.393A31.197 31.197 0 0 0 3.506 8.78c-.667.118-1.205.258-1.611.42-.407.161-.654.352-.74.573.188 0 .431.004.729.011.298.007.635.018 1.013.033-.45.809-.853 1.566-1.21 2.272a39.58 39.58 0 0 0-.914 1.93C.52 14.6.327 15.103.196 15.53c-.13.427-.196.758-.196.993 0 .309.134.566.403.772.269.206.751.412 1.448.618Zm3.42-9.353c.45-.735.918-1.43 1.404-2.085.487-.654.966-1.242 1.438-1.764s.929-.96 1.372-1.313c.443-.353.846-.596 1.209-.728-.073.397-.15.776-.23 1.136-.079.36-.148.644-.206.85-.16.632-.309 1.253-.447 1.863a51.69 51.69 0 0 0-.38 1.842c-1.554.03-2.94.096-4.16.199Zm11.97 8.316c.247-.044.534-.15.86-.32a9.454 9.454 0 0 0 2.015-1.423c.32-.294.602-.595.85-.904a.555.555 0 0 0-.066-.243.548.548 0 0 0-.153-.198 14.303 14.303 0 0 1-2.069 1.29c-.333.17-.646.305-.936.408-.29.103-.544.17-.762.199-.523-.235-.784-.949-.784-2.14a7.548 7.548 0 0 1 1.916-5.051 6.183 6.183 0 0 1 1.263-1.103c.436-.28.799-.42 1.09-.42.333 0 .5.214.5.64 0 .736-.486 1.552-1.459 2.449.116.176.265.32.447.43.181.11.359.165.533.165.203 0 .407-.077.61-.231.203-.155.381-.357.534-.607a3.602 3.602 0 0 0 .511-1.83c0-.707-.203-1.25-.61-1.633-.406-.382-.987-.574-1.742-.574-.77 0-1.513.188-2.232.563A6.931 6.931 0 0 0 15.64 7.82a7.486 7.486 0 0 0-1.35 2.095 6.067 6.067 0 0 0-.512 2.438c0 .573.09 1.125.272 1.654.182.53.429 1 .74 1.412.313.412.68.746 1.1 1.004.422.257.872.408 1.351.452Zm17.938.022c.378 0 .719-.077 1.024-.232.305-.154.602-.349.893-.584 0-.074-.008-.155-.022-.243a.327.327 0 0 0-.153-.22c-.072 0-.185.033-.337.099-.153.066-.316.1-.49.1a.476.476 0 0 1-.37-.144c-.088-.096-.131-.298-.131-.607 0-.53.12-1.125.36-1.787.239-.661.511-1.334.816-2.018.305-.684.606-1.335.904-1.952.297-.618.512-1.147.642-1.588a1.23 1.23 0 0 0-.533-.673 1.546 1.546 0 0 0-.817-.232c-.421 0-.868.155-1.34.463-.471.31-.983.75-1.535 1.324a26.323 26.323 0 0 0-1.764 2.062 92.457 92.457 0 0 0-2.004 2.68c.044-.308.196-.724.458-1.246.261-.522.544-1.062.85-1.621.304-.559.59-1.092.86-1.6.268-.507.439-.907.511-1.202-.014-.044-.08-.106-.196-.187a3.683 3.683 0 0 0-.435-.254 3.25 3.25 0 0 0-.567-.22 2.046 2.046 0 0 0-.566-.089c-.465 0-.987.236-1.568.706-.58.47-1.165 1.044-1.753 1.72a32.77 32.77 0 0 0-1.72 2.163 95.546 95.546 0 0 0-1.45 2.03 6.325 6.325 0 0 1 .545-1.788c.276-.588.581-1.161.915-1.72.334-.56.653-1.092.958-1.6.305-.507.53-.988.676-1.444-.363-.368-.708-.647-1.035-.839a3.726 3.726 0 0 0-1.1-.419 71.842 71.842 0 0 0-1.535 2.912 21.24 21.24 0 0 0-1.296 3.199 13.377 13.377 0 0 0-.403 1.632c-.094.53-.149.97-.163 1.323.072.398.181.758.326 1.081.146.324.407.625.784.905.16-.103.418-.441.774-1.015.355-.573.802-1.243 1.339-2.007a47.74 47.74 0 0 1 1.307-1.754c.464-.596.914-1.132 1.35-1.61a10.87 10.87 0 0 1 1.22-1.17c.377-.3.675-.459.893-.474-.45.647-.832 1.261-1.144 1.842a16.12 16.12 0 0 0-.784 1.666c-.21.53-.381 1.04-.512 1.533-.13.492-.232.967-.305 1.423.102.382.269.702.501.96.233.256.508.451.828.584.232-.28.515-.655.85-1.125.333-.47.693-.975 1.077-1.511a71.34 71.34 0 0 1 1.198-1.622c.414-.544.813-1.04 1.198-1.489.385-.448.744-.816 1.078-1.103.334-.286.617-.437.85-.452-.146.31-.32.658-.523 1.048s-.396.809-.577 1.257c-.182.449-.338.92-.469 1.412-.13.493-.196.99-.196 1.49 0 .308.03.595.088.86.058.264.16.5.304.705.146.206.33.368.556.486.225.117.512.176.86.176Zm6.744.199c.697-.162 1.433-.534
</svg>
</div>
</header>
<div className="grow mb-3">
<p className="text-slate-500 italic">Tidy has been the system to drive change in collaboration on content for our organisation.</p>
</div>
<footer className="text-sm font-medium">
<a className="text-slate-800 hover:text-blue-600 transition duration-150 ease-in-out" href="#0">Chris Mallard</a>
<span className="text-slate-300"> · </span>
<span className="text-slate-500">CEO, Acme Inc.</span>
</footer>
</article>
{/* 5th Testimonial */}
<article className="h-full flex flex-col bg-white p-6 shadow-xl" data-aos="fade-up" data-aos-anchor="[data-aos-id-testimonials]" data-aos-delay="400">
<header>
<div className="flex items-center mb-4">
<div className="relative mr-5">
<Image className="rounded-full shrink-0" src={TestimonialImage05} width={48} height={48} alt="Testimonial 05" />
<div className="absolute top-0 right-0 -mr-2" aria-hidden="true">
<svg className="fill-blue-600" width="20" height="16" viewBox="0 0 20 16">
<path d="M2.76 16c2.577 0 5.154-3.219 5.154-5.996 0-1.357-.613-2.272-1.748-2.272s-2.27.726-3.283 1.64C3.16 6.439 5.613 3.346 9.571.885L9.233 0C3.466 2.903 0 7.732 0 12.213 0 14.517.828 16 2.76 16Zm10.43 0c2.577 0 5.154-3.219 5.154-5.996 0-1.357-.614-2.272-1.749-2.272-1.135 0-2.27.726-3.282 1.64.276-2.934 2.73-6.027 6.687-8.488L19.663 0c-5.767 2.903-9.234 7.732-9.234 12.213 0 2.304.829 3.787 2.761 3.787Z" />
</svg>
</div>
</div>
{/* Acme Inc. logo */}
<svg className="shrink-0" width="82" height="18">
<path d="M1.851 17.912c.044-.618.142-1.28.294-1.986.153-.705.352-1.411.6-2.117.217-.662.478-1.32.783-1.974.305-.655.632-1.313.98-1.975.45.015.911.033 1.383.055.472.023.915.04 1.329.056.414.014.787.033 1.121.055.334.022.603.04.806.055-.16 1-.272 1.97-.337 2.912a40.131 40.131 0 0 0-.098 2.78v.584c0 .183.007.37.021.562.044.088.156.191.338.309.181.118.4.224.653.32.254.095.516.176.784.242.269.067.505.1.708.1h.174a.191.191 0 0 0 .088-.022c-.03-.368-.044-.72-.044-1.06v-.992a37.49 37.49 0 0 1 .261-4.522c.305-2.368.69-4.4 1.155-6.1.464-1.698.936-2.973 1.415-3.826-.029-.103-.17-.232-.424-.386a8.024 8.024 0 0 0-.872-.453 8.228 8.228 0 0 0-1.001-.375C11.626.051 11.354 0 11.15 0c0 .03-.004.08-.011.154a6.536 6.536 0 0 1-.033.265c-.595.324-1.22.761-1.873 1.313a19.894 19.894 0 0 0-1.96 1.919 33.836 33.836 0 0 0-1.949 2.393A31.197 31.197 0 0 0 3.506 8.78c-.667.118-1.205.258-1.611.42-.407.161-.654.352-.74.573.188 0 .431.004.729.011.298.007.635.018 1.013.033-.45.809-.853 1.566-1.21 2.272a39.58 39.58 0 0 0-.914 1.93C.52 14.6.327 15.103.196 15.53c-.13.427-.196.758-.196.993 0 .309.134.566.403.772.269.206.751.412 1.448.618Zm3.42-9.353c.45-.735.918-1.43 1.404-2.085.487-.654.966-1.242 1.438-1.764s.929-.96 1.372-1.313c.443-.353.846-.596 1.209-.728-.073.397-.15.776-.23 1.136-.079.36-.148.644-.206.85-.16.632-.309 1.253-.447 1.863a51.69 51.69 0 0 0-.38 1.842c-1.554.03-2.94.096-4.16.199Zm11.97 8.316c.247-.044.534-.15.86-.32a9.454 9.454 0 0 0 2.015-1.423c.32-.294.602-.595.85-.904a.555.555 0 0 0-.066-.243.548.548 0 0 0-.153-.198 14.303 14.303 0 0 1-2.069 1.29c-.333.17-.646.305-.936.408-.29.103-.544.17-.762.199-.523-.235-.784-.949-.784-2.14a7.548 7.548 0 0 1 1.916-5.051 6.183 6.183 0 0 1 1.263-1.103c.436-.28.799-.42 1.09-.42.333 0 .5.214.5.64 0 .736-.486 1.552-1.459 2.449.116.176.265.32.447.43.181.11.359.165.533.165.203 0 .407-.077.61-.231.203-.155.381-.357.534-.607a3.602 3.602 0 0 0 .511-1.83c0-.707-.203-1.25-.61-1.633-.406-.382-.987-.574-1.742-.574-.77 0-1.513.188-2.232.563A6.931 6.931 0 0 0 15.64 7.82a7.486 7.486 0 0 0-1.35 2.095 6.067 6.067 0 0 0-.512 2.438c0 .573.09 1.125.272 1.654.182.53.429 1 .74 1.412.313.412.68.746 1.1 1.004.422.257.872.408 1.351.452Zm17.938.022c.378 0 .719-.077 1.024-.232.305-.154.602-.349.893-.584 0-.074-.008-.155-.022-.243a.327.327 0 0 0-.153-.22c-.072 0-.185.033-.337.099-.153.066-.316.1-.49.1a.476.476 0 0 1-.37-.144c-.088-.096-.131-.298-.131-.607 0-.53.12-1.125.36-1.787.239-.661.511-1.334.816-2.018.305-.684.606-1.335.904-1.952.297-.618.512-1.147.642-1.588a1.23 1.23 0 0 0-.533-.673 1.546 1.546 0 0 0-.817-.232c-.421 0-.868.155-1.34.463-.471.31-.983.75-1.535 1.324a26.323 26.323 0 0 0-1.764 2.062 92.457 92.457 0 0 0-2.004 2.68c.044-.308.196-.724.458-1.246.261-.522.544-1.062.85-1.621.304-.559.59-1.092.86-1.6.268-.507.439-.907.511-1.202-.014-.044-.08-.106-.196-.187a3.683 3.683 0 0 0-.435-.254 3.25 3.25 0 0 0-.567-.22 2.046 2.046 0 0 0-.566-.089c-.465 0-.987.236-1.568.706-.58.47-1.165 1.044-1.753 1.72a32.77 32.77 0 0 0-1.72 2.163 95.546 95.546 0 0 0-1.45 2.03 6.325 6.325 0 0 1 .545-1.788c.276-.588.581-1.161.915-1.72.334-.56.653-1.092.958-1.6.305-.507.53-.988.676-1.444-.363-.368-.708-.647-1.035-.839a3.726 3.726 0 0 0-1.1-.419 71.842 71.842 0 0 0-1.535 2.912 21.24 21.24 0 0 0-1.296 3.199 13.377 13.377 0 0 0-.403 1.632c-.094.53-.149.97-.163 1.323.072.398.181.758.326 1.081.146.324.407.625.784.905.16-.103.418-.441.774-1.015.355-.573.802-1.243 1.339-2.007a47.74 47.74 0 0 1 1.307-1.754c.464-.596.914-1.132 1.35-1.61a10.87 10.87 0 0 1 1.22-1.17c.377-.3.675-.459.893-.474-.45.647-.832 1.261-1.144 1.842a16.12 16.12 0 0 0-.784 1.666c-.21.53-.381 1.04-.512 1.533-.13.492-.232.967-.305 1.423.102.382.269.702.501.96.233.256.508.451.828.584.232-.28.515-.655.85-1.125.333-.47.693-.975 1.077-1.511a71.34 71.34 0 0 1 1.198-1.622c.414-.544.813-1.04 1.198-1.489.385-.448.744-.816 1.078-1.103.334-.286.617-.437.85-.452-.146.31-.32.658-.523 1.048s-.396.809-.577 1.257c-.182.449-.338.92-.469 1.412-.13.493-.196.99-.196 1.49 0 .308.03.595.088.86.058.264.16.5.304.705.146.206.33.368.556.486.225.117.512.176.86.176Zm6.744.199c.697-.162 1.433-.534
</svg>
</div>
</header>
<div className="grow mb-3">
<p className="text-slate-500 italic">Tidy has been the system to drive change in collaboration on content for our organisation.</p>
</div>
<footer className="text-sm font-medium">
<a className="text-slate-800 hover:text-blue-600 transition duration-150 ease-in-out" href="#0">Cathie Wood</a>
<span className="text-slate-300"> · </span>
<span className="text-slate-500">CEO, Acme Inc.</span>
</footer>
</article>
{/* 6th Testimonial */}
<article className="h-full flex flex-col bg-white p-6 shadow-xl" data-aos="fade-up" data-aos-anchor="[data-aos-id-testimonials]" data-aos-delay="500">
<header>
<div className="flex items-center mb-4">
<div className="relative mr-5">
<Image className="rounded-full shrink-0" src={TestimonialImage06} width={48} height={48} alt="Testimonial 06" />
<div className="absolute top-0 right-0 -mr-2" aria-hidden="true">
<svg className="fill-blue-600" width="20" height="16" viewBox="0 0 20 16">
<path d="M2.76 16c2.577 0 5.154-3.219 5.154-5.996 0-1.357-.613-2.272-1.748-2.272s-2.27.726-3.283 1.64C3.16 6.439 5.613 3.346 9.571.885L9.233 0C3.466 2.903 0 7.732 0 12.213 0 14.517.828 16 2.76 16Zm10.43 0c2.577 0 5.154-3.219 5.154-5.996 0-1.357-.614-2.272-1.749-2.272-1.135 0-2.27.726-3.282 1.64.276-2.934 2.73-6.027 6.687-8.488L19.663 0c-5.767 2.903-9.234 7.732-9.234 12.213 0 2.304.829 3.787 2.761 3.787Z" />
</svg>
</div>
</div>
{/* Acme Inc. logo */}
<svg className="shrink-0" width="82" height="18">
<path d="M1.851 17.912c.044-.618.142-1.28.294-1.986.153-.705.352-1.411.6-2.117.217-.662.478-1.32.783-1.974.305-.655.632-1.313.98-1.975.45.015.911.033 1.383.055.472.023.915.04 1.329.056.414.014.787.033 1.121.055.334.022.603.04.806.055-.16 1-.272 1.97-.337 2.912a40.131 40.131 0 0 0-.098 2.78v.584c0 .183.007.37.021.562.044.088.156.191.338.309.181.118.4.224.653.32.254.095.516.176.784.242.269.067.505.1.708.1h.174a.191.191 0 0 0 .088-.022c-.03-.368-.044-.72-.044-1.06v-.992a37.49 37.49 0 0 1 .261-4.522c.305-2.368.69-4.4 1.155-6.1.464-1.698.936-2.973 1.415-3.826-.029-.103-.17-.232-.424-.386a8.024 8.024 0 0 0-.872-.453 8.228 8.228 0 0 0-1.001-.375C11.626.051 11.354 0 11.15 0c0 .03-.004.08-.011.154a6.536 6.536 0 0 1-.033.265c-.595.324-1.22.761-1.873 1.313a19.894 19.894 0 0 0-1.96 1.919 33.836 33.836 0 0 0-1.949 2.393A31.197 31.197 0 0 0 3.506 8.78c-.667.118-1.205.258-1.611.42-.407.161-.654.352-.74.573.188 0 .431.004.729.011.298.007.635.018 1.013.033-.45.809-.853 1.566-1.21 2.272a39.58 39.58 0 0 0-.914 1.93C.52 14.6.327 15.103.196 15.53c-.13.427-.196.758-.196.993 0 .309.134.566.403.772.269.206.751.412 1.448.618Zm3.42-9.353c.45-.735.918-1.43 1.404-2.085.487-.654.966-1.242 1.438-1.764s.929-.96 1.372-1.313c.443-.353.846-.596 1.209-.728-.073.397-.15.776-.23 1.136-.079.36-.148.644-.206.85-.16.632-.309 1.253-.447 1.863a51.69 51.69 0 0 0-.38 1.842c-1.554.03-2.94.096-4.16.199Zm11.97 8.316c.247-.044.534-.15.86-.32a9.454 9.454 0 0 0 2.015-1.423c.32-.294.602-.595.85-.904a.555.555 0 0 0-.066-.243.548.548 0 0 0-.153-.198 14.303 14.303 0 0 1-2.069 1.29c-.333.17-.646.305-.936.408-.29.103-.544.17-.762.199-.523-.235-.784-.949-.784-2.14a7.548 7.548 0 0 1 1.916-5.051 6.183 6.183 0 0 1 1.263-1.103c.436-.28.799-.42 1.09-.42.333 0 .5.214.5.64 0 .736-.486 1.552-1.459 2.449.116.176.265.32.447.43.181.11.359.165.533.165.203 0 .407-.077.61-.231.203-.155.381-.357.534-.607a3.602 3.602 0 0 0 .511-1.83c0-.707-.203-1.25-.61-1.633-.406-.382-.987-.574-1.742-.574-.77 0-1.513.188-2.232.563A6.931 6.931 0 0 0 15.64 7.82a7.486 7.486 0 0 0-1.35 2.095 6.067 6.067 0 0 0-.512 2.438c0 .573.09 1.125.272 1.654.182.53.429 1 .74 1.412.313.412.68.746 1.1 1.004.422.257.872.408 1.351.452Zm17.938.022c.378 0 .719-.077 1.024-.232.305-.154.602-.349.893-.584 0-.074-.008-.155-.022-.243a.327.327 0 0 0-.153-.22c-.072 0-.185.033-.337.099-.153.066-.316.1-.49.1a.476.476 0 0 1-.37-.144c-.088-.096-.131-.298-.131-.607 0-.53.12-1.125.36-1.787.239-.661.511-1.334.816-2.018.305-.684.606-1.335.904-1.952.297-.618.512-1.147.642-1.588a1.23 1.23 0 0 0-.533-.673 1.546 1.546 0 0 0-.817-.232c-.421 0-.868.155-1.34.463-.471.31-.983.75-1.535 1.324a26.323 26.323 0 0 0-1.764 2.062 92.457 92.457 0 0 0-2.004 2.68c.044-.308.196-.724.458-1.246.261-.522.544-1.062.85-1.621.304-.559.59-1.092.86-1.6.268-.507.439-.907.511-1.202-.014-.044-.08-.106-.196-.187a3.683 3.683 0 0 0-.435-.254 3.25 3.25 0 0 0-.567-.22 2.046 2.046 0 0 0-.566-.089c-.465 0-.987.236-1.568.706-.58.47-1.165 1.044-1.753 1.72a32.77 32.77 0 0 0-1.72 2.163 95.546 95.546 0 0 0-1.45 2.03 6.325 6.325 0 0 1 .545-1.788c.276-.588.581-1.161.915-1.72.334-.56.653-1.092.958-1.6.305-.507.53-.988.676-1.444-.363-.368-.708-.647-1.035-.839a3.726 3.726 0 0 0-1.1-.419 71.842 71.842 0 0 0-1.535 2.912 21.24 21.24 0 0 0-1.296 3.199 13.377 13.377 0 0 0-.403 1.632c-.094.53-.149.97-.163 1.323.072.398.181.758.326 1.081.146.324.407.625.784.905.16-.103.418-.441.774-1.015.355-.573.802-1.243 1.339-2.007a47.74 47.74 0 0 1 1.307-1.754c.464-.596.914-1.132 1.35-1.61a10.87 10.87 0 0 1 1.22-1.17c.377-.3.675-.459.893-.474-.45.647-.832 1.261-1.144 1.842a16.12 16.12 0 0 0-.784 1.666c-.21.53-.381 1.04-.512 1.533-.13.492-.232.967-.305 1.423.102.382.269.702.501.96.233.256.508.451.828.584.232-.28.515-.655.85-1.125.333-.47.693-.975 1.077-1.511a71.34 71.34 0 0 1 1.198-1.622c.414-.544.813-1.04 1.198-1.489.385-.448.744-.816 1.078-1.103.334-.286.617-.437.85-.452-.146.31-.32.658-.523 1.048s-.396.809-.577 1.257c-.182.449-.338.92-.469 1.412-.13.493-.196.99-.196 1.49 0 .308.03.595.088.86.058.264.16.5.304.705.146.206.33.368.556.486.225.117.512.176.86.176Zm6.744.199c.697-.162 1.433-.534
</svg>
</div>
</header>
<div className="grow mb-3">
<p className="text-slate-500 italic">Tidy has been the system to drive change in collaboration on content for our organisation.</p>
</div>
<footer className="text-sm font-medium">
<a className="text-slate-800 hover:text-blue-600 transition duration-150 ease-in-out" href="#0">Mary Duncan</a>
<span className="text-slate-300"> · </span>
<span className="text-slate-500">CEO, Acme Inc.</span>
</footer>
</article>
</div>
{/* See All Customers */}
<div className="text-center">
<button className="btn text-white bg-blue-600 hover:bg-blue-700 group">
See All Customers <span className="tracking-normal text-blue-300 group-hover:translate-x-0.5 transition-transform duration-150 ease-in-out ml-1">-&gt;</span>
</button>
</div>
</div>
</div>
</section>
)
}