project-4.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 { Buttons } from '@/components/buttons'
import { Button } from '@/components/button'
import { Gallery } from '@/components/gallery'
import { GalleryItem } from '@/components/gallery-item'
import arrowRightIcon from '@iconify/icons-heroicons/arrow-right-20-solid'

export default function Project4() {
  return (
    <Section className="py-30 bg-body">
      <Columns reverseColumns={true}>
        <Column className="aspect-[6/8] relative">
          <Image
            src="/portfolio/fotoaibe/pexels-fotoaibe-1668860.jpg"
            alt="Occaecat duis consequat aute minim"
            className="absolute bottom-0 right-0 z-10 w-[75%] object-cover"