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: "#",
    },
  ]}
/>