testimonial.tsx

import { Section } from '@/components/section'
import { Heading } from '@/components/heading'
import { Accent } from '@/components/accent'
import { Paragraph } from '@/components/paragraph'
import { Swiper } from '@/components/swiper'
import { CardTestimonial3 } from '@/components/card-testimonial-3'

export default function Testimonial() {
  return (
    <Section className="py-30 bg-linear-to-b from-body2 via-body-light to-body2 relative overflow-hidden">
      {/* Decorative elements */}
      <div className="absolute top-0 left-1/4 w-96 h-96 bg-accent2/10 rounded-full blur-3xl"></div>
      <div className="absolute bottom-0 right-1/4 w-96 h-96 bg-accent/10 rounded-full blur-3xl"></div>

      <div className="mx-auto max-w-4xl relative z-10">
        <div className="text-center max-w-3xl mx-auto mb-16">
          <Accent
            color="text-accent2"
            size="medium"
          >