← All blocks

Capability list beside a photograph

feature-split · ruled-list-beside-photo · feature-split-photo

npx shadcn@latest add @plus-ui/feature-split-photo

Default content

{
  "eyebrow": "How we work",
  "title": "Discovery happens in the room, with the people who will use it",
  "description": "Halftone Atelier starts every engagement with a week on site: we sit with your team, map the work as it really happens, and leave with a shared plan instead of a slide deck.",
  "items": [
    {
      "icon": "users",
      "title": "Your team at the table",
      "text": "Product, support and the people closest to customers shape the brief together, from day one."
    },
    {
      "icon": "layers",
      "title": "Prototypes by Thursday",
      "text": "We test clickable flows with real customers inside the first week, not after a month of wireframes."
    },
    {
      "icon": "clock",
      "title": "A plan you can ship in six weeks",
      "text": "Each workshop ends with scoped, sequenced work your engineers have already seen and estimated."
    }
  ],
  "action": {
    "label": "See how an engagement runs",
    "href": "#",
    "variant": "secondary"
  },
  "media": {
    "kind": "image",
    "image": {
      "src": "https://images.unsplash.com/photo-1552664730-d307ca884978?auto=format&fit=crop&w=1200&h=1500&q=80",
      "alt": "A designer arranging sticky notes on a wall while a client team works at laptops"
    },
    "caption": "Week one with the Brindlebay claims team: mapping a refund from first email to payout."
  },
  "mediaSide": "left"
}