services.tsx

import { Section } from '@/components/section'
import { Heading } from '@/components/heading'
import { Grid } from '@/components/grid'
import { Card2 } from '@/components/card-2'

export default function Services() {
  return (
    <Section className="py-16 md:py-24 bg-gradient-to-b from-body to-body-light">
      <Heading
        as="h2"
        margin="mb-16"
        textAlign="text-center"
      >
        Our Services
      </Heading>
      <Grid gap="gap-10">
        <Card2
          name="Residential Design"
          description="Transform your home into a personal sanctuary"
          href="/residential"