Navigation: [/sitemap.md](/sitemap.md)

---
type: block
category: "services"
title: "Services 2"
description: "This layout pairs each service with an image, giving clients a clear picture of the deliverable."
---

```astro live props={{ name: 'services-2' }}
---
import Services2Block from "@/components/blocks/services-2.astro"
import PlaceholderImage from "@/assets/placeholder.webp"
---

<Services2Block
  badge="Our process"
  title="A horizontal layout for when each service needs visual context"
  description="This layout pairs each service with an image, giving clients a clear picture of the deliverable."
  services={[
    {
      image: { src: PlaceholderImage, alt: "Audit" },
      label: "Step 01",
      title: "Audit & discovery",
      description:
        "A process-led service section is useful when the offer is really a workflow rather than a product bundle.",
      button: { label: "Learn more", href: "#" },
    },
    {
      image: { src: PlaceholderImage, alt: "Refine" },
      label: "Step 02",
      title: "Refine & prototype",
      description:
        "A process-led service section is useful when the offer is really a workflow rather than a product bundle.",
      button: { label: "Learn more", href: "#" },
    },
    {
      image: { src: PlaceholderImage, alt: "Ship" },
      label: "Step 03",
      title: "Ship & iterate",
      description:
        "A process-led service section is useful when the offer is really a workflow rather than a product bundle.",
      button: { label: "Learn more", href: "#" },
    },
  ]}
/>
```