quality.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 Quality() {
  return (
    <Section className="bg-body-light py-30">
      <Columns
        reverseColumns={false}
        align="items-start"
        gap="gap-10 lg:gap-20"
      >
        <Column>
          <Image
            src="/portfolio/houzlook/pexels-houzlook-3356416.jpg"
            alt="Quality assurance and inspection"
            className="w-full object-cover shadow-2xl max-w-lg mx-auto"