Services 4

---
import Services4Block from "@/components/blocks/services-4.astro"
import PlaceholderImage from "@/assets/placeholder.webp"
---

<Services4Block
  title="Clean cards when each service speaks for itself"
  description="A minimal approach where the image and title do the heavy lifting."
  buttons={[{ label: "Get started", href: "#", variant: "default" }]}
  services={[
    {
      image: { src: PlaceholderImage, alt: "Research" },
      title: "Research",
      description: "Understand the problem space before designing solutions.",
      href: "#",
    },
    {
      image: { src: PlaceholderImage, alt: "System design" },
      title: "System design",
      description: "Architect scalable systems that grow with your team.",
      href: "#",
    },
    {
      image: { src: PlaceholderImage, alt: "Build" },
      title: "Build",
      description: "Translate refined designs into production-ready code.",
      href: "#",
    },
    {
      image: { src: PlaceholderImage, alt: "Rollout" },
      title: "Rollout",
      description: "Deploy and support the launch across all environments.",
      href: "#",
    },
  ]}
/>