← All blocks

Capabilities accordion with media

feature-tabs · accordion-media · feature-tabs-accordion-media

npx shadcn@latest add @plus-ui/feature-tabs-accordion-media

Default content

{
  "eyebrow": "How Wisplight helps",
  "title": "An assistant that already knows how your team works",
  "description": "Wisplight reads the docs, threads and tickets you point it at, then helps where the work happens. No prompts to memorise.",
  "items": [
    {
      "label": "Drafts",
      "icon": "sparkles",
      "title": "First drafts in your team's voice",
      "text": "Ask for a proposal, a reply or release notes and get a draft built from your own past documents, with every source linked so you can check it.",
      "points": [
        "Cites the docs it used",
        "Learns your tone from past writing"
      ],
      "visual": {
        "kind": "image",
        "image": {
          "src": "https://images.unsplash.com/photo-1499750310107-5fef28a66643?auto=format&fit=crop&w=1200&h=900&q=80",
          "alt": "A laptop, notebook and coffee on a wooden desk in daylight"
        }
      }
    },
    {
      "label": "Memory",
      "icon": "database",
      "title": "One shared memory instead of ten open tabs",
      "text": "Decisions, customer notes and meeting summaries land in a memory the whole team can ask. New teammates get answers on day one.",
      "points": [
        "Answers with who decided and when",
        "Forgets anything you remove"
      ],
      "visual": {
        "kind": "screen",
        "screen": {
          "product": "Wisplight",
          "nav": [
            "Ask",
            "Memory",
            "Playbooks",
            "Sources",
            "Settings"
          ],
          "activeNav": 1,
          "title": "Team memory",
          "kpis": [
            {
              "label": "Sources connected",
              "value": "14",
              "delta": "+3 this week"
            },
            {
              "label": "Answers this week",
              "value": "1,286",
              "delta": "+18%"
            }
          ],
          "chart": {
            "title": "Questions answered per day",
            "points": [
              30,
              36,
              34,
              42,
              47,
              45,
              52,
              58,
              61,
              66
            ],
            "labels": [
              "Sep 2",
              "Sep 5",
              "Sep 8",
              "Sep 11"
            ]
          },
          "rows": [
            {
              "name": "Pricing change for Pellora",
              "detail": "Decided by Amara Diallo, Sep 12",
              "value": "Doc",
              "status": "positive"
            },
            {
              "name": "Onboarding checklist v3",
              "detail": "Updated by Kenji Watanabe",
              "value": "Playbook",
              "status": "neutral"
            },
            {
              "name": "Q3 renewal notes",
              "detail": "From 6 meeting summaries",
              "value": "Notes",
              "status": "positive"
            }
          ]
        }
      }
    },
    {
      "label": "Workspace",
      "icon": "users",
      "title": "Works where your team already talks",
      "text": "Mention Wisplight in Slack, Linear or your inbox. It answers in the thread, files the follow-up and tells you when it is unsure.",
      "points": [
        "Slack, Linear, Gmail and Notion",
        "Admins choose what it can read"
      ],
      "visual": {
        "kind": "image",
        "image": {
          "src": "https://images.unsplash.com/photo-1556761175-4b46a572b786?auto=format&fit=crop&w=1200&h=900&q=80",
          "alt": "An open-plan workspace with tall windows and long shared desks"
        }
      }
    },
    {
      "label": "Privacy",
      "icon": "lock",
      "title": "Private by default, all the way down",
      "text": "Your files are encrypted, never used to train models, and stay in the region you choose. Every answer is logged for admins to review.",
      "points": [
        "EU or US data residency",
        "Full audit log of answers"
      ],
      "link": {
        "label": "Read the security overview",
        "href": "#",
        "variant": "secondary"
      },
      "visual": {
        "kind": "image",
        "image": {
          "src": "https://images.unsplash.com/photo-1498050108023-c5249f4df085?auto=format&fit=crop&w=1200&h=900&q=80",
          "alt": "A white desk with a laptop showing code next to a plant and a lamp"
        }
      }
    }
  ]
}