profile-4.tsx

import { Section } from '@/components/section'
import { Heading } from '@/components/heading'
import { Paragraph } from '@/components/paragraph'
import { Quote } from '@/components/quote'
import { Columns, Column } from '@/components/columns'
import { Image } from '@/components/image'

export default function Profile4() {
  return (
    <Section className="bg-body-light py-30">
      <Columns
        reverseColumns
        align="items-start"
        gap="gap-10 lg:gap-20"
      >
        <Column>
          <Image
            src="/images/profiles/pexels-maide-arslan-128712163-31750448.jpg"
            alt="Christopher Thompson - Color and Materials Specialist"
            className="w-full object-cover shadow-2xl max-w-lg mx-auto"