← All blocks

Alternating feature rows

feature-split · alternating-rows · feature-split-alternating

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

Default content

{
  "eyebrow": "Inside Wisplight",
  "title": "An assistant that already knows how your team works",
  "description": "Wisplight reads the docs, threads and tickets you point it at, then helps with the work in between: answering, drafting and following up.",
  "action": {
    "label": "Take the product tour",
    "href": "#",
    "variant": "secondary"
  },
  "items": [
    {
      "icon": "sparkles",
      "title": "Answers with the source attached",
      "text": "Ask about your policies, product or past decisions. Every answer links the paragraph it came from, so nobody takes it on faith.",
      "bullets": [
        "Searches docs, shared drives and chat history at once",
        "Cites the exact passage, with a link to open it",
        "Says plainly when it can't find an answer"
      ],
      "media": {
        "kind": "screen",
        "screen": {
          "product": "Wisplight",
          "nav": [
            "Inbox",
            "Assistant",
            "Library",
            "Automations",
            "Settings"
          ],
          "activeNav": 1,
          "title": "Assistant · this week",
          "kpis": [
            {
              "label": "Questions answered",
              "value": "1,284",
              "delta": "+18% vs last week"
            },
            {
              "label": "With a cited source",
              "value": "97%",
              "delta": "+4 pts"
            }
          ],
          "chart": {
            "title": "Questions per day",
            "points": [
              34,
              41,
              38,
              52,
              47,
              18,
              12,
              44,
              58,
              55,
              63,
              60,
              21,
              16
            ]
          },
          "rows": [
            {
              "name": "Refunds on annual plans",
              "detail": "Support handbook · 3 sources",
              "value": "4s",
              "status": "positive"
            },
            {
              "name": "Who owns the EU invoices?",
              "detail": "Finance wiki · 1 source",
              "value": "6s",
              "status": "positive"
            },
            {
              "name": "Q3 pricing experiment results",
              "detail": "No source found · flagged for review",
              "value": "—",
              "status": "neutral"
            }
          ]
        }
      }
    },
    {
      "icon": "users",
      "title": "Drafts that sound like your team",
      "text": "Wisplight learns tone from the replies you've already sent, so first drafts need a light edit instead of a rewrite.",
      "bullets": [
        "Picks up phrasing from your best past replies",
        "Keeps a separate voice for customers and colleagues",
        "Nothing is sent until someone on the team approves it"
      ],
      "media": {
        "kind": "image",
        "image": {
          "src": "https://images.unsplash.com/photo-1515378791036-0648a3ef77b2?auto=format&fit=crop&w=1400&h=1050&q=80",
          "alt": "Hands typing on a laptop at a wooden table, a mustard knit sleeve in view"
        },
        "caption": "Support leads at Mosswell review Wisplight drafts before the morning queue opens."
      }
    },
    {
      "icon": "workflow",
      "title": "Follow-ups that run themselves",
      "text": "Describe a recurring chore in plain words — a Monday digest, a nudge when a ticket goes quiet — and it runs on its own.",
      "bullets": [
        "Describe the routine once; Wisplight sets up the steps",
        "Runs on a schedule or when something changes",
        "Every run is logged and can be undone"
      ],
      "media": {
        "kind": "screen",
        "screen": {
          "product": "Wisplight",
          "nav": [
            "Inbox",
            "Assistant",
            "Library",
            "Automations",
            "Settings"
          ],
          "activeNav": 3,
          "title": "Automations · last 30 days",
          "kpis": [
            {
              "label": "Runs",
              "value": "312",
              "delta": "+40 this month"
            },
            {
              "label": "Hours saved",
              "value": "41 h",
              "delta": "+9 h"
            },
            {
              "label": "Undone",
              "value": "2",
              "delta": "of 312 runs"
            }
          ],
          "chart": {
            "title": "Runs per day",
            "points": [
              8,
              10,
              9,
              12,
              11,
              4,
              3,
              10,
              13,
              12,
              14,
              15,
              5,
              4
            ]
          },
          "rows": [
            {
              "name": "Monday customer digest",
              "detail": "Every Monday 08:00 · 5 recipients",
              "value": "4 runs",
              "status": "positive"
            },
            {
              "name": "Nudge quiet tickets",
              "detail": "When a ticket waits 48 h",
              "value": "61 runs",
              "status": "positive"
            },
            {
              "name": "Call summary to CRM",
              "detail": "After every sales call",
              "value": "247 runs",
              "status": "neutral"
            }
          ]
        }
      }
    }
  ],
  "mediaSide": "right"
}