services.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'
import { Accordion } from '@/components/accordion'
import { Li, List } from '@/components/list'

export default function Services() {
  return (
    <Section className="bg-body pt-30">
      <Columns
        className="mb-30"
        align="items-start"
        gap="gap-10 lg:gap-20"
      >
        <Column>
          <Image
            src="/layout-1/pexels-pavel-danilyuk-6925321-1.jpg"