spotlight.tsx

import { Section } from '@/components/section'
import { Columns, Column } from '@/components/columns'
import { Image } from '@/components/image'
import { Accent } from '@/components/accent'
import { Heading } from '@/components/heading'
import { Paragraph } from '@/components/paragraph'
import { Buttons } from '@/components/buttons'
import { Button } from '@/components/button'
import arrowRightIcon from '@iconify/icons-heroicons/arrow-right-20-solid'

export default function Spotlight() {
  return (
    <Section className="py-20 md:py-30 lg:pb-0 bg-body2 relative">
      <div className="absolute w-[44%] border-r border-b border-contrast-dark left-0 -top-30 bottom-auto h-[500px] sm:h-[600px] md:h-[700px] lg:bottom-60 lg:h-auto pointer-events-none"></div>
      <Columns reverseColumns={false}>
        <Column className="aspect-[8/9] relative lg:-mb-20">
          <Image
            src="/portfolio/pexels-pixabay-276724.jpg"
            alt="Lorem anim pariatur laborum eiusmod labore"
            className="absolute bottom-0 right-0 z-10 w-[75%] object-cover"