budget.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 Budget() {
  return (
    <Section className="bg-body py-30">
      <Columns
        reverseColumns
        align="items-start"
        gap="gap-10 lg:gap-20"
      >
        <Column>
          <Image
            src="/portfolio/falling4utah/pexels-falling4utah-1080696.jpg"
            alt="Budget management and financial control"
            className="w-full object-cover shadow-2xl max-w-lg mx-auto"