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

---
type: block
category: "services"
title: "Services 6"
description: "A sticky sidebar provides context while the service cards scroll into view."
---

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

<Services6Block
  badge="Studio work"
  title="Use a side description with overlay cards when the offer should feel premium"
  description="A sticky sidebar provides context while the service cards scroll into view."
  buttons={[
    { label: "Start a project", href: "#", variant: "default" },
    { label: "View work", href: "#", variant: "outline" },
  ]}
  services={[
    {
      image: { src: PlaceholderImage, alt: "Strategy workshops" },
      title: "Strategy workshops",
      description:
        "Guide teams through product discovery and service definition.",
      href: "#",
    },
    {
      image: { src: PlaceholderImage, alt: "Component audits" },
      title: "Component audits",
      description:
        "Review existing systems and recommend improvements for scale.",
      href: "#",
    },
    {
      image: { src: PlaceholderImage, alt: "Section implementation" },
      title: "Section implementation",
      description: "Translate designs into production-ready section layouts.",
      href: "#",
    },
    {
      image: { src: PlaceholderImage, alt: "Launch support" },
      title: "Launch support",
      description:
        "Hands-on support for shipping day and the first week after.",
      href: "#",
    },
  ]}
/>
```