about.tsx

import { Section } from '@/components/section'
import { Grid } from '@/components/grid'
import { Profile1 } from '@/components/profile-1'
import { Heading } from '@/components/heading'
import { Paragraph } from '@/components/paragraph'
import { IconText } from '@/components/icon-text'
import mapPinIcon from '@iconify/icons-heroicons/map-pin'
import academicCapIcon from '@iconify/icons-heroicons/academic-cap'

export default function About() {
  return (
    <Section className="mb-30 mt-30">
      <Grid cols="grid-cols-1 lg:grid-cols-2 xl:grid-cols-3">
        <Profile1
          aspect="aspect-[4/5]"
          img="/images/profiles/pexels-moose-photos-170195-1587009.jpg"
          cite="Sarah Mitchell"
        >
          <Heading
            as="h3"