about.tsx

import { Container } from '@/components/container'
import { Columns, Column } from '@/components/columns'
import { Image } from '@/components/image'
import { Heading } from '@/components/heading'
import { Paragraph } from '@/components/paragraph'
import { Label } from '@/components/label'
import { Span } from '@/components/span'

export default function About() {
  return (
    <Container className="my-24 md:my-32">
      <Columns
        cols="grid-cols-1 lg:grid-cols-2"
        gap="gap-16 lg:gap-24"
        reverseColumns={false}
      >
        {/* Image Column */}
        <Column className="relative">
          <div className="relative">
            <div className="relative z-10 rounded-2xl overflow-hidden">