about.tsx

import { Section } from '@/components/section'
import { Masonry } from '@/components/masonry'
import { CardTestimonial2 } from '@/components/card-testimonial-2'
import { Heading } from '@/components/heading'
import { Paragraph } from '@/components/paragraph'

export default function About() {
  return (
    <Section className="py-30">
      <Masonry
        breakpoints={{ default: 2, lg: 1, md: 1, sm: 1 }}
        gap={50}
        gapY={70}
      >
        <CardTestimonial2
          aspect="aspect-[4/5]"
          img="/images/profiles/pexels-dxaxoxfz-17555273.jpg"
          cite="Jordan Anderson"
        >
          <Heading as="h3">Jordan Anderson</Heading>