export function ClientTestimonialPartialSlider() {
return (
<section className="py-24">
<div className="px-5 lg:px-0 lg:pl-28">
<div className="flex w-full flex-col items-center justify-start gap-2.5 pb-10 lg:items-start lg:pb-12">
<h2 className="font-manrope text-center text-4xl leading-normal font-bold text-gray-900 lg:text-start">
Clients' Feedback on Our Work
</h2>
<p className="text-center text-base leading-relaxed font-normal text-gray-500 lg:text-start">
Explore the experiences of our clients with our work, showing our
dedication to delivering exceptional results.
</p>
</div>
<div className="swiper mySwiper">
<div className="swiper-wrapper">
<div className="swiper-slide">
<div className="inline-flex h-fit w-full flex-col items-start justify-between gap-6 rounded-lg border border-gray-200 bg-white pt-7">
<div className="inline-flex items-start justify-center gap-2.5 px-5">
<p className="text-center text-base leading-relaxed font-normal text-gray-500">
"This product stands out due to its exceptional blend of
high-quality craftsmanship & practical functionality.
making it a highly investment."
</p>
</div>
<div className="inline-flex w-full items-center justify-start gap-2.5 border-t border-gray-200 bg-gray-50 px-5 pt-2.5 pb-5">
<div className="flex w-full items-center justify-between gap-5">
<div className="flex max-h-10 max-w-10 items-center justify-center rounded-lg border-2 border-white bg-gray-100">
<img
className="max-h-[34px] max-w-[34px] object-cover"
src="https://pagedone.io/asset/uploads/1721039182.png"
alt="Testimonial avtar image"
/>
</div>
<div className="inline-flex w-full flex-col items-start justify-start gap-px">
<h6 className="text-sm leading-normal font-medium text-gray-900">
Arjun Desai
</h6>
<h6 className="text-xs leading-normal font-normal text-gray-500">
@arjun._11
</h6>
</div>
</div>
<div className="flex items-center justify-end gap-2.5">
<a className="group flex h-5 w-5 items-center justify-center">
{/* SVG removed */}
</a>
<a className="group flex h-5 w-5 items-center justify-center">
{/* SVG removed */}
</a>
<a className="group flex h-5 w-5 items-center justify-center">
{/* SVG removed */}
</a>
</div>
</div>
</div>
</div>
<div className="swiper-slide">
<div className="inline-flex h-fit w-full flex-col items-start justify-between gap-6 rounded-lg border border-gray-200 bg-white pt-7">
<div className="inline-flex items-start justify-center gap-2.5 px-5">
<p className="text-center text-base leading-relaxed font-normal text-gray-500">
“ I've been using this product for a few months now, and it
has made a significant difference. The design is sleek, and
it functions flawlessly. ”
</p>
</div>
<div className="inline-flex w-full items-center justify-start gap-2.5 border-t border-gray-200 bg-gray-50 px-5 pt-2.5 pb-5">
<div className="flex w-full items-center justify-between gap-5">
<div className="flex max-h-10 max-w-10 items-center justify-center rounded-lg border-2 border-white bg-gray-100">
<img
className="max-h-[34px] max-w-[34px] object-cover"
src="https://pagedone.io/asset/uploads/1721040410.png"
alt="Testimonial avtar image"
/>
</div>
<div className="inline-flex w-full flex-col items-start justify-start gap-px">
<h6 className="text-sm leading-normal font-medium text-gray-900">
Nisha Joshi
</h6>
<h6 className="text-xs leading-normal font-normal text-gray-500">
@__nisha
</h6>
</div>
</div>
<div className="flex items-center justify-end gap-2.5">
<a className="group flex h-5 w-5 items-center justify-center">
{/* SVG removed */}
</a>
<a className="group flex h-5 w-5 items-center justify-center">
{/* SVG removed */}
</a>
<a className="group flex h-5 w-5 items-center justify-center">
{/* SVG removed */}
</a>
</div>
</div>
</div>
</div>
<div className="swiper-slide">
<div className="inline-flex h-fit w-full flex-col items-start justify-between gap-6 rounded-lg border border-gray-200 bg-white pt-7">
<div className="inline-flex items-start justify-center gap-2.5 px-5">
<p className="text-center text-base leading-relaxed font-normal text-gray-500">
“ I am thoroughly impressed with this product. It delivers
exactly what it promises and has become an essential part of
my life. ”
</p>
</div>
<div className="inline-flex w-full items-center justify-start gap-2.5 border-t border-gray-200 bg-gray-50 px-5 pt-2.5 pb-5">
<div className="flex w-full items-center justify-between gap-5">
<div className="flex max-h-10 max-w-10 items-center justify-center rounded-lg border-2 border-white bg-gray-100">
<img
className="max-h-[34px] max-w-[34px] object-cover"
src="https://pagedone.io/asset/uploads/1721040421.png"
alt="Testimonial avtar image"
/>
</div>
<div className="inline-flex w-full flex-col items-start justify-start gap-px">
<h6 className="text-sm leading-normal font-medium text-gray-900">
Priya Patel
</h6>
<h6 className="text-xs leading-normal font-normal text-gray-500">
@__nisha
</h6>
</div>
</div>
<div className="flex items-center justify-end gap-2.5">
<a className="group flex h-5 w-5 items-center justify-center">
{/* SVG removed */}
</a>
<a className="group flex h-5 w-5 items-center justify-center">
{/* SVG removed */}
</a>
<a className="group flex h-5 w-5 items-center justify-center">
{/* SVG removed */}
</a>
</div>
</div>
</div>
</div>
<div className="swiper-slide">
<div className="inline-flex h-fit w-full flex-col items-start justify-between gap-6 rounded-lg border border-gray-200 bg-white pt-7">
<div className="inline-flex items-start justify-center gap-2.5 px-5">
<p className="text-center text-base leading-relaxed font-normal text-gray-500">
“ Their innovative approach has transformed our operations,
resulting in substantial improvements in our processes and
overall efficiency. ”
</p>
</div>
<div className="inline-flex w-full items-center justify-start gap-2.5 border-t border-gray-200 bg-gray-50 px-5 pt-2.5 pb-5">
<div className="flex w-full items-center justify-between gap-5">
<div className="flex max-h-10 max-w-10 items-center justify-center rounded-lg border-2 border-white bg-gray-100">
<img
className="max-h-[34px] max-w-[34px] object-cover"
src="https://pagedone.io/asset/uploads/1721040430.png"
alt="Testimonial avtar image"
/>
</div>
<div className="inline-flex w-full flex-col items-start justify-start gap-px">
<h6 className="text-sm leading-normal font-medium text-gray-900">
Jaswinder Singh
</h6>
<h6 className="text-xs leading-normal font-normal text-gray-500">
@_jaswinder_5
</h6>
</div>
</div>
<div className="flex items-center justify-end gap-2.5">
<a className="group flex h-5 w-5 items-center justify-center">
{/* SVG removed */}
</a>
<a className="group flex h-5 w-5 items-center justify-center">
{/* SVG removed */}
</a>
<a className="group flex h-5 w-5 items-center justify-center">
{/* SVG removed */}
</a>
</div>
</div>
</div>
</div>
<div className="swiper-slide">
<div className="inline-flex h-fit w-full flex-col items-start justify-between gap-6 rounded-lg border border-gray-200 bg-white pt-7">
<div className="inline-flex items-start justify-center gap-2.5 px-5">
<p className="text-center text-base leading-relaxed font-normal text-gray-500">
"This product stands out due to its exceptional blend of
high-quality craftsmanship & practical functionality.
making it a highly investment."
</p>
</div>
<div className="inline-flex w-full items-center justify-start gap-2.5 border-t border-gray-200 bg-gray-50 px-5 pt-2.5 pb-5">
<div className="flex w-full items-center justify-between gap-5">
<div className="flex max-h-10 max-w-10 items-center justify-center rounded-lg border-2 border-white bg-gray-100">
<img
className="max-h-[34px] max-w-[34px] object-cover"
src="https://pagedone.io/asset/uploads/1721039182.png"
alt="Testimonial avtar image"
/>
</div>
<div className="inline-flex w-full flex-col items-start justify-start gap-px">
<h6 className="text-sm leading-normal font-medium text-gray-900">
Arjun Desai
</h6>
<h6 className="text-xs leading-normal font-normal text-gray-500">
@arjun._11
</h6>
</div>
</div>
<div className="flex items-center justify-end gap-2.5">
<a className="group flex h-5 w-5 items-center justify-center">
{/* SVG removed */}
</a>
<a className="group flex h-5 w-5 items-center justify-center">
{/* SVG removed */}
</a>
<a className="group flex h-5 w-5 items-center justify-center">
{/* SVG removed */}
</a>
</div>
</div>
</div>
</div>
<div className="swiper-slide">
<div className="inline-flex h-fit w-full flex-col items-start justify-between gap-6 rounded-lg border border-gray-200 bg-white pt-7">
<div className="inline-flex items-start justify-center gap-2.5 px-5">
<p className="text-center text-base leading-relaxed font-normal text-gray-500">
“ I've been using this product for a few months now, and it
has made a significant difference. The design is sleek, and
it functions flawlessly. ”
</p>
</div>
<div className="inline-flex w-full items-center justify-start gap-2.5 border-t border-gray-200 bg-gray-50 px-5 pt-2.5 pb-5">
<div className="flex w-full items-center justify-between gap-5">
<div className="flex max-h-10 max-w-10 items-center justify-center rounded-lg border-2 border-white bg-gray-100">
<img
className="max-h-[34px] max-w-[34px] object-cover"
src="https://pagedone.io/asset/uploads/1721040410.png"
alt="Testimonial avtar image"
/>
</div>
<div className="inline-flex w-full flex-col items-start justify-start gap-px">
<h6 className="text-sm leading-normal font-medium text-gray-900">
Nisha Joshi
</h6>
<h6 className="text-xs leading-normal font-normal text-gray-500">
@__nisha
</h6>
</div>
</div>
<div className="flex items-center justify-end gap-2.5">
<a className="group flex h-5 w-5 items-center justify-center">
{/* SVG removed */}
</a>
<a className="group flex h-5 w-5 items-center justify-center">
{/* SVG removed */}
</a>
<a className="group flex h-5 w-5 items-center justify-center">
{/* SVG removed */}
</a>
</div>
</div>
</div>
</div>
<div className="swiper-slide">
<div className="inline-flex h-fit w-full flex-col items-start justify-between gap-6 rounded-lg border border-gray-200 bg-white pt-7">
<div className="inline-flex items-start justify-center gap-2.5 px-5">
<p className="text-center text-base leading-relaxed font-normal text-gray-500">
“ I am thoroughly impressed with this product. It delivers
exactly what it promises and has become an essential part of
my life. ”
</p>
</div>
<div className="inline-flex w-full items-center justify-start gap-2.5 border-t border-gray-200 bg-gray-50 px-5 pt-2.5 pb-5">
<div className="flex w-full items-center justify-between gap-5">
<div className="flex max-h-10 max-w-10 items-center justify-center rounded-lg border-2 border-white bg-gray-100">
<img
className="max-h-[34px] max-w-[34px] object-cover"
src="https://pagedone.io/asset/uploads/1721040421.png"
alt="Testimonial avtar image"
/>
</div>
<div className="inline-flex w-full flex-col items-start justify-start gap-px">
<h6 className="text-sm leading-normal font-medium text-gray-900">
Priya Patel
</h6>
<h6 className="text-xs leading-normal font-normal text-gray-500">
@__nisha
</h6>
</div>
</div>
<div className="flex items-center justify-end gap-2.5">
<a className="group flex h-5 w-5 items-center justify-center">
{/* SVG removed */}
</a>
<a className="group flex h-5 w-5 items-center justify-center">
{/* SVG removed */}
</a>
<a className="group flex h-5 w-5 items-center justify-center">
{/* SVG removed */}
</a>
</div>
</div>
</div>
</div>
<div className="swiper-slide">
<div className="inline-flex h-fit w-full flex-col items-start justify-between gap-6 rounded-lg border border-gray-200 bg-white pt-7">
<div className="inline-flex items-start justify-center gap-2.5 px-5">
<p className="text-center text-base leading-relaxed font-normal text-gray-500">
“ Their innovative approach has transformed our operations,
resulting in substantial improvements in our processes and
overall efficiency. ”
</p>
</div>
<div className="inline-flex w-full items-center justify-start gap-2.5 border-t border-gray-200 bg-gray-50 px-5 pt-2.5 pb-5">
<div className="flex w-full items-center justify-between gap-5">
<div className="flex max-h-10 max-w-10 items-center justify-center rounded-lg border-2 border-white bg-gray-100">
<img
className="max-h-[34px] max-w-[34px] object-cover"
src="https://pagedone.io/asset/uploads/1721040430.png"
alt="Testimonial avtar image"
/>
</div>
<div className="inline-flex w-full flex-col items-start justify-start gap-px">
<h6 className="text-sm leading-normal font-medium text-gray-900">
Jaswinder Singh
</h6>
<h6 className="text-xs leading-normal font-normal text-gray-500">
@_jaswinder_5
</h6>
</div>
</div>
<div className="flex items-center justify-end gap-2.5">
<a className="group flex h-5 w-5 items-center justify-center">
{/* SVG removed */}
</a>
<a className="group flex h-5 w-5 items-center justify-center">
{/* SVG removed */}
</a>
<a className="group flex h-5 w-5 items-center justify-center">
{/* SVG removed */}
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
)
}