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: "#" },
    },
  ]}
/>