overview.tsx

import { Section } from '@/components/section'
import { Heading } from '@/components/heading'
import { Paragraph } from '@/components/paragraph'

export default function Overview() {
  return (
    <Section
      className="bg-body py-30"
      innerAlign="content"
    >
      <Heading
        as="h2"
        id="services"
        textAlign="text-center"
      >
        Comprehensive Commercial Design Solutions
      </Heading>
      <Paragraph>
        Our commercial design expertise spans multiple sectors, each with unique
        requirements and challenges. Whether you're creating a dynamic office