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

---
type: block
category: "services"
title: "Services 7"
description: "This layout uses a larger featured card alongside smaller cards for a hierarchy-driven grid."
---

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

<Services7Block
  badge="High-touch offer"
  title="A featured layout where the first service takes center stage"
  description="This layout uses a larger featured card alongside smaller cards for a hierarchy-driven grid."
  buttons={[
    { label: "Start conversation", href: "#", variant: "default" },
    { label: "Read reviews", href: "#", variant: "outline" },
  ]}
  services={[
    {
      image: { src: PlaceholderImage, alt: "Brand strategy" },
      label: "Featured",
      title: "Brand strategy & identity",
      description:
        "A comprehensive service that covers positioning, visual identity, and brand guidelines for teams scaling fast.",
      href: "#",
    },
    {
      image: { src: PlaceholderImage, alt: "Design systems" },
      label: "Core",
      title: "Design systems",
      description: "Component libraries and tokens built for production scale.",
      href: "#",
    },
    {
      image: { src: PlaceholderImage, alt: "Development" },
      label: "Core",
      title: "Front-end development",
      description:
        "Production-ready code from responsive layouts to interactions.",
      href: "#",
    },
  ]}
/>
```