approach.tsx

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

export default function Approach() {
  return (
    <Section className="py-30 bg-gradient-to-b from-body2 to-body-light">
      <Columns
        reverseColumns
        gap="gap-10 lg:gap-20"
      >
        <Column className="aspect-[8/7] relative">
          <Image
            src="/portfolio/fotoaibe/pexels-fotoaibe-1571468.jpg"
            alt="Luxurious bedroom design with sophisticated styling"
            className="absolute bottom-0 right-0 z-10 w-[75%] object-cover"
            size="large"