export const SECTION_ITEMS = [
  { id: 'what-cards-are', label: 'What Cards are' },
  { id: 'cards-vs-other-formats', label: 'Cards vs other formats' },
  { id: 'how-to-create', label: 'How to create a Card' },
  { id: 'publishing-and-ownership', label: 'Publishing and ownership' },
  { id: 'personal-and-group-workflows', label: 'Personal and Group workflows' },
  { id: 'best-practices', label: 'Best practices' },
  { id: 'common-mistakes', label: 'Common mistakes' },
  { id: 'faq', label: 'FAQ' },
  { id: 'troubleshooting', label: 'Troubleshooting' },
  { id: 'related-help', label: 'Related help' },
]

export const HERO_METRICS = [
  {
    label: 'Format role',
    value: 'Visual communication format',
    note: 'Cards are best when you want a designed message, presentation, or editorial visual rather than a straightforward artwork upload.',
  },
  {
    label: 'Best for',
    value: 'Short, styled ideas',
    note: 'Use Cards for quote designs, promo visuals, themed statements, highlight pieces, and compact presentation content.',
  },
  {
    label: 'Golden rule',
    value: 'Match the message to the format',
    note: 'Choose Cards when design and presentation are part of the message, not just decoration added afterward.',
  },
]

export const WHAT_CARDS_ARE_ITEMS = [
  {
    title: 'Cards are designed content units',
    body: 'A Card is a creative format built for presentation, visual storytelling, and styled communication. It is meant to carry an idea clearly, not just display a raw asset.',
  },
  {
    title: 'Cards are flexible, not vague',
    body: 'They can be visual statements, promo pieces, quote graphics, short editorial concepts, or support content around a wider project or collection.',
  },
  {
    title: 'Cards are not a replacement for everything',
    body: 'Some ideas should stay artworks, some should be posts, and some belong inside collections. Cards work best when presentation and message need to live together in one polished format.',
  },
]

export const FORMAT_SIGNAL_ITEMS = [
  'Use Cards when layout, typography, or composition are part of the meaning.',
  'Use Cards when you want a clean public-facing visual without turning it into a full artwork upload.',
  'Use Cards when a post feels too plain but a collection feels too large for the idea you want to publish.',
]

export const COMPARISON_COLUMNS = [
  { key: 'topic', label: 'Topic' },
  { key: 'cards', label: 'Cards' },
  { key: 'artworks', label: 'Artworks' },
  { key: 'posts', label: 'Posts' },
  { key: 'collections', label: 'Collections' },
]

export const COMPARISON_ROWS = [
  {
    id: 'primary-job',
    topic: 'Primary job',
    cards: 'Designed visual communication, editorial presentation, or compact storytelling.',
    artworks: 'A main creative work or finished visual creation published as its own piece.',
    posts: 'Updates, announcements, status sharing, or direct communication.',
    collections: 'Grouping related items into a bigger curated set or presentation.',
  },
  {
    id: 'best-when',
    topic: 'Best when',
    cards: 'The look, message, and layout all matter together.',
    artworks: 'The work itself is the central thing being shown.',
    posts: 'You need clarity and speed more than designed presentation.',
    collections: 'You want to organize multiple related works into one structured view.',
  },
  {
    id: 'audience-expectation',
    topic: 'Audience expectation',
    cards: 'A polished visual statement or concise editorial piece.',
    artworks: 'A primary artwork worthy of direct viewing and appreciation.',
    posts: 'A message, update, or announcement to read quickly.',
    collections: 'A curated journey through more than one item.',
  },
  {
    id: 'scale',
    topic: 'Typical scale',
    cards: 'One focused idea, concept, or promo moment.',
    artworks: 'One major visual work.',
    posts: 'One update or communication moment.',
    collections: 'Multiple related works or references gathered together.',
  },
  {
    id: 'common-misuse',
    topic: 'Common misuse',
    cards: 'Turning every message into a design exercise even when a post would be clearer.',
    artworks: 'Uploading presentation graphics that are not really artworks.',
    posts: 'Using posts when the message needs stronger visual presentation.',
    collections: 'Making a collection when one good Card or one good artwork would communicate faster.',
  },
]

export const CREATION_STEPS = [
  {
    title: 'Open Studio',
    description: 'Start in Studio so you are working inside the creator workspace rather than trying to manage Cards from public pages.',
  },
  {
    title: 'Choose the Cards area',
    description: 'Move into the Cards workflow where you can create, edit, preview, and manage Card-specific content deliberately.',
  },
  {
    title: 'Create a new Card',
    description: 'Begin a new Card when you know the message, idea, or visual concept you want the format to carry.',
  },
  {
    title: 'Add title, content, and design choices',
    description: 'Fill in the content structure clearly. The best Cards feel intentional in both wording and presentation.',
  },
  {
    title: 'Preview the result',
    description: 'Check readability, balance, visual hierarchy, and whether the Card still communicates well outside the editor context.',
  },
  {
    title: 'Publish when the Card feels clear',
    description: 'Publish only when the message, design, and ownership context all feel correct for the public result you want.',
  },
]

export const OWNERSHIP_ITEMS = [
  {
    title: 'Personal Cards',
    body: 'Personal Cards are best for profile highlights, visual notes, branded self-presentation, concept pieces, and compact editorial content under your own creator identity.',
  },
  {
    title: 'Group Cards',
    body: 'Group Cards are best for shared promos, event graphics, announcements, release support visuals, and presentation content that belongs to the Group rather than one member alone.',
  },
]

export const OWNERSHIP_BULLETS = [
  'Check the active context before publishing so the Card goes live under the right identity.',
  'If a Card represents a shared campaign, promo, or announcement, Group ownership is often the better fit.',
  'Make authorship and contribution clear whenever more than one person shaped the final Card.',
  'Treat publishing context as part of quality control, not as a detail to fix later.',
]

export const WORKFLOW_EXAMPLES = [
  {
    title: 'Personal profile highlight Card',
    body: 'Use a Card to introduce a creator direction, showcase a visual theme, or present a compact statement that sits well beside your published work.',
  },
  {
    title: 'Group promo Card',
    body: 'Use a Group Card for launches, campaigns, member spotlights, collaborations, or audience-facing promo moments that need a shared identity.',
  },
  {
    title: 'Themed editorial Card',
    body: 'Use a Card when you want one designed visual to communicate a mood, concept, or mini editorial idea without building a larger collection first.',
  },
  {
    title: 'Announcement Card',
    body: 'If the message should feel polished and visual, a Card can carry an announcement more effectively than a plain post.',
  },
  {
    title: 'Quote or concept Card',
    body: 'Cards are a strong fit for text-led ideas where typography, color, and layout are part of the creative statement.',
  },
  {
    title: 'Collection support Card',
    body: 'Use a Card to frame, promote, or introduce a collection without turning the collection itself into a wall of explanation.',
  },
]

export const BEST_PRACTICES = [
  'Keep one Card focused on one clear message, theme, or visual purpose.',
  'Prioritize readability before decoration so the Card still works on smaller screens and quick scrolls.',
  'Use Cards when presentation adds value, not as a default replacement for artworks or posts.',
  'Keep branding, typography, and visual tone consistent when Cards support a wider project or Group identity.',
  'Publish fewer stronger Cards instead of flooding the feed with low-value variations.',
  'Preview the Card as a viewer would see it, not only as the creator sees it while editing.',
]

export const COMMON_MISTAKES = [
  'Using a Card when the content should really be a finished artwork.',
  'Using a Card when a plain post would communicate the message faster and more clearly.',
  'Adding too much text, too many visual ideas, or too many competing styles into one Card.',
  'Publishing under the wrong personal-or-Group context and creating avoidable ownership confusion.',
  'Treating Card design as decoration instead of making it support the message itself.',
  'Letting typography, spacing, or hierarchy become inconsistent enough that the Card feels cluttered.',
]

export const FAQ_ITEMS = [
  {
    question: 'What are Cards used for?',
    answer: 'Cards are used for visual communication, styled presentation, compact editorial ideas, quote graphics, promos, announcements, and other creative content where layout and message belong together.',
  },
  {
    question: 'How are Cards different from artworks?',
    answer: 'Artworks are primary creative works presented on their own. Cards are presentation-oriented content units that combine message, design, and visual framing more like a polished communication format.',
  },
  {
    question: 'Can Groups create Cards?',
    answer: 'Yes. Groups can use Cards for shared promo pieces, announcements, release support visuals, and other communication that belongs under a Group identity.',
  },
  {
    question: 'Should I use a Card or a post?',
    answer: 'Use a post when a straightforward update is enough. Use a Card when design and presentation are part of what makes the message land properly.',
  },
  {
    question: 'Can I manage Cards in Studio?',
    answer: 'Yes. Studio is the main workspace for creating, editing, previewing, and managing Cards before and after publishing.',
  },
  {
    question: 'Are Cards public?',
    answer: 'Cards become public when you publish them. Until then, the creation and management workflow belongs in Studio rather than on public profile or browse pages.',
  },
  {
    question: 'How should I design a good Card?',
    answer: 'Start with one clear idea, keep the visual hierarchy readable, avoid clutter, and make sure typography, spacing, and composition all support the message instead of competing with it.',
  },
]

export const TROUBLESHOOTING_ITEMS = [
  {
    title: 'I can’t find Cards in Studio',
    body: 'Start by reopening the Cards workspace directly. If the workflow still feels missing, check whether you are in the right account state or creator context first.',
    linkKey: 'studio_cards',
    linkLabel: 'Open Cards workspace',
  },
  {
    title: 'I don’t know which content type to use',
    body: 'When the choice between Card, artwork, post, and collection still feels blurry, the wider Studio guide helps place each format inside the overall creator workflow.',
    linkKey: 'studio_help',
    linkLabel: 'Read Studio help',
  },
  {
    title: 'My Card looks cluttered',
    body: 'If the Card feels overloaded, simplify the message, reduce competing styles, and preview the result again before you publish or keep editing.',
    linkKey: 'create_card',
    linkLabel: 'Return to card creation',
  },
  {
    title: 'I published under the wrong context',
    body: 'Ownership confusion often comes from publishing under a personal context when the Card belongs to a Group, or the other way around. Use the Groups guide to correct the workflow deliberately.',
    linkKey: 'groups_help',
    linkLabel: 'Read Groups help',
  },
  {
    title: 'I can’t edit my Card',
    body: 'Go back through Studio rather than public pages. Cards are managed inside the workspace, so the edit path usually starts from Studio or the Cards area.',
    linkKey: 'open_studio',
    linkLabel: 'Open Studio',
  },
  {
    title: 'I expected Cards to behave like artworks',
    body: 'Cards are a different format with different goals. If the problem is really about publishing files, metadata, or the artwork draft flow, the upload guide is the better next step.',
    linkKey: 'upload_help',
    linkLabel: 'Read Upload help',
  },
]

export const RELATED_HELP_ITEMS = [
  {
    eyebrow: 'Live help',
    title: 'Studio help',
    body: 'Use the Studio guide when you want the wider workspace context around Cards, drafts, content management, and publishing decisions.',
    linkKey: 'studio_help',
    tone: 'sky',
  },
  {
    eyebrow: 'Live help',
    title: 'Groups help',
    body: 'Use the Groups guide when Cards are part of a shared identity, campaign, review flow, or contributor-credit conversation.',
    linkKey: 'groups_help',
    tone: 'amber',
  },
  {
    eyebrow: 'Live help',
    title: 'Upload help',
    body: 'Use the Upload guide if the real question is about artwork file publishing, drafts, metadata, or personal versus Group upload context.',
    linkKey: 'upload_help',
    tone: 'white',
  },
  {
    eyebrow: 'Live help',
    title: 'Profile help',
    body: 'Use the Profile guide if your Cards question is really about public identity, creator presentation, or how your personal presence should read to visitors.',
    linkKey: 'help_profile',
    tone: 'white',
  },
]