phase-2.tsx

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

export default function Phase2() {
  return (
    <Section className="bg-body-light py-30">
      <Columns
        reverseColumns
        align="items-start"
        gap="gap-10 lg:gap-20"
      >
        <Column className="relative">
          <Image
            src="/portfolio/charlotte-may/pexels-charlotte-may-5824901.jpg"
            alt="Construction and renovation management"
            className="w-full object-cover shadow-2xl max-w-lg mx-auto"