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

---
type: block
category: "services"
title: "Services 3"
description: "This style is useful for advisory or studio work where the offer should feel premium and deliberate."
---

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

<Services3Block
  badge="Consulting"
  title="Bold image overlays for when positioning matters"
  description="This style is useful for advisory or studio work where the offer should feel premium and deliberate."
  buttons={[
    { label: "Start a project", href: "#", variant: "default" },
    { label: "View case studies", href: "#", variant: "outline" },
  ]}
  services={[
    {
      image: { src: PlaceholderImage, alt: "Strategy workshops" },
      title: "Strategy workshops",
      description:
        "Guide teams through product discovery and service definition with structured facilitation.",
      button: { label: "Learn more", href: "#" },
    },
    {
      image: { src: PlaceholderImage, alt: "Component audits" },
      title: "Component audits",
      description:
        "Review existing design systems and recommend improvements for consistency and scale.",
      button: { label: "Learn more", href: "#" },
    },
    {
      image: { src: PlaceholderImage, alt: "Section implementation" },
      title: "Section implementation",
      description:
        "Translate designs into production-ready, responsive section layouts.",
      button: { label: "Learn more", href: "#" },
    },
    {
      image: { src: PlaceholderImage, alt: "Launch support" },
      title: "Launch support",
      description:
        "Dedicated hands-on support for shipping day and the critical first week.",
      button: { label: "Learn more", href: "#" },
    },
  ]}
/>
```