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

---
type: block
category: "services"
title: "Services 1"
description: "Services 1 block example."
---

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

<Services1Block
  badge="What we do"
  title="A simple services section for agencies and internal platform teams"
  buttons={[{ label: "View all services", href: "#", variant: "outline" }]}
  services={[
    {
      image: { src: PlaceholderImage, alt: "Page strategy" },
      label: "Strategy",
      title: "Page strategy",
      description:
        "Describe the service in one or two sentences and let the next section handle process or case studies.",
      href: "#",
    },
    {
      image: { src: PlaceholderImage, alt: "Section implementation" },
      label: "Development",
      title: "Section implementation",
      description:
        "Describe the service in one or two sentences and let the next section handle process or case studies.",
      href: "#",
    },
    {
      image: { src: PlaceholderImage, alt: "Design system tuning" },
      label: "Design",
      title: "Design system tuning",
      description:
        "Describe the service in one or two sentences and let the next section handle process or case studies.",
      href: "#",
    },
    {
      image: { src: PlaceholderImage, alt: "Performance audits" },
      label: "Optimization",
      title: "Performance audits",
      description:
        "Describe the service in one or two sentences and let the next section handle process or case studies.",
      href: "#",
    },
  ]}
/>
```