{
  "name": "StoreHub Web Kit manifest",
  "description": "Every component and section in the kit. Use route + anchor to view; file to import.",
  "count": 143,
  "entries": [
    {
      "name": "ArticleCard",
      "kind": "component",
      "category": "cards",
      "file": "src/components/components/cards/ArticleCard.astro",
      "route": "/components/cards",
      "anchor": "article-card",
      "tags": [
        "card",
        "article",
        "content"
      ],
      "description": "Previews practical F&B or retail advice with media, metadata, and a reading link.",
      "props": "category, title, excerpt, date, dateTime, readTime, href, imageSrc, imageAlt, headingLevel"
    },
    {
      "name": "ComparisonRow",
      "kind": "component",
      "category": "cards",
      "file": "src/components/components/cards/ComparisonRow.astro",
      "route": "/components/cards",
      "anchor": "comparison-row",
      "tags": [
        "card",
        "comparison",
        "pricing"
      ],
      "description": "Compares one StoreHub capability across two plans in an accessible responsive row.",
      "props": "feature, description, firstPlan, firstValue, firstIncluded, secondPlan, secondValue, secondIncluded, recommended, headingLevel"
    },
    {
      "name": "FeatureCard",
      "kind": "component",
      "category": "cards",
      "file": "src/components/components/cards/FeatureCard.astro",
      "route": "/components/cards",
      "anchor": "feature-card",
      "tags": [
        "card",
        "feature",
        "product"
      ],
      "description": "Highlights one StoreHub capability with an icon, supporting copy, and clear next step.",
      "props": "icon, eyebrow, title, description, linkLabel, linkHref, headingLevel"
    },
    {
      "name": "IconChip",
      "kind": "component",
      "category": "cards",
      "file": "src/components/components/cards/IconChip.astro",
      "route": "/components/cards",
      "anchor": "icon-chip",
      "tags": [
        "chip",
        "icon",
        "label"
      ],
      "description": "Labels a StoreHub capability with a compact Lucide icon and token-based tone.",
      "props": "label, icon, tone, size"
    },
    {
      "name": "PricingCard",
      "kind": "component",
      "category": "cards",
      "file": "src/components/components/cards/PricingCard.astro",
      "route": "/components/cards",
      "anchor": "pricing-card",
      "tags": [
        "card",
        "pricing",
        "plan"
      ],
      "description": "Presents a StoreHub plan with price, benefits, featured state, and primary action.",
      "props": "plan, description, price, currency, cadence, badge, features, ctaLabel, ctaHref, featured, headingLevel"
    },
    {
      "name": "StatCard",
      "kind": "component",
      "category": "cards",
      "file": "src/components/components/cards/StatCard.astro",
      "route": "/components/cards",
      "anchor": "stat-card",
      "tags": [
        "card",
        "stat",
        "metric"
      ],
      "description": "Summarises a merchant performance metric with context, visual tone, and trend.",
      "props": "label, value, detail, trend, trendLabel, icon, tone, headingLevel"
    },
    {
      "name": "TeamCard",
      "kind": "component",
      "category": "cards",
      "file": "src/components/components/cards/TeamCard.astro",
      "route": "/components/cards",
      "anchor": "team-card",
      "tags": [
        "card",
        "team",
        "profile"
      ],
      "description": "Introduces a StoreHub team member with role, location, biography, and contact action.",
      "props": "name, role, bio, location, email, imageSrc, imageAlt, headingLevel"
    },
    {
      "name": "TestimonialCard",
      "kind": "component",
      "category": "cards",
      "file": "src/components/components/cards/TestimonialCard.astro",
      "route": "/components/cards",
      "anchor": "testimonial-card",
      "tags": [
        "card",
        "testimonial",
        "social-proof"
      ],
      "description": "Shares a merchant quote, rating, business, and accessible customer identity.",
      "props": "quote, name, role, business, avatarSrc, avatarAlt, rating, headingLevel"
    },
    {
      "name": "Accordion",
      "kind": "component",
      "category": "data",
      "file": "src/components/components/data/Accordion.astro",
      "route": "/components/data",
      "anchor": "accordion",
      "tags": [
        "data",
        "accordion",
        "disclosure"
      ],
      "description": "Native disclosure list for product, payment, and support questions.",
      "props": "items, openIndex, ariaLabel"
    },
    {
      "name": "Avatar",
      "kind": "component",
      "category": "data",
      "file": "src/components/components/data/Avatar.astro",
      "route": "/components/data",
      "anchor": "avatar",
      "tags": [
        "data",
        "avatar",
        "identity"
      ],
      "description": "Merchant or team avatar with an initials fallback and presence status.",
      "props": "name, imageSrc, imageAlt, size, status, showStatus"
    },
    {
      "name": "AvatarGroup",
      "kind": "component",
      "category": "data",
      "file": "src/components/components/data/AvatarGroup.astro",
      "route": "/components/data",
      "anchor": "avatar-group",
      "tags": [
        "data",
        "avatar",
        "team"
      ],
      "description": "Overlapping team avatars with a configurable overflow count.",
      "props": "people, max, size, label"
    },
    {
      "name": "CheckList",
      "kind": "component",
      "category": "data",
      "file": "src/components/components/data/CheckList.astro",
      "route": "/components/data",
      "anchor": "check-list",
      "tags": [
        "data",
        "list",
        "features"
      ],
      "description": "Checked list for POS features, plan inclusions, or completed requirements.",
      "props": "title, items, icon, headingLevel, ariaLabel"
    },
    {
      "name": "Chip",
      "kind": "component",
      "category": "data",
      "file": "src/components/components/data/Chip.astro",
      "route": "/components/data",
      "anchor": "chip",
      "tags": [
        "data",
        "chip",
        "filter"
      ],
      "description": "Compact category or filter chip with an optional removal action.",
      "props": "label, tone, icon, removable, removeLabel"
    },
    {
      "name": "ProgressBar",
      "kind": "component",
      "category": "data",
      "file": "src/components/components/data/ProgressBar.astro",
      "route": "/components/data",
      "anchor": "progress-bar",
      "tags": [
        "data",
        "progress",
        "goal"
      ],
      "description": "Native progress indicator for sales, loyalty, or inventory goals.",
      "props": "id, label, value, max, helper, showValue, tone"
    },
    {
      "name": "ReviewBadge",
      "kind": "component",
      "category": "data",
      "file": "src/components/components/data/ReviewBadge.astro",
      "route": "/components/data",
      "anchor": "review-badge",
      "tags": [
        "data",
        "badge",
        "social-proof"
      ],
      "description": "Compact review proof badge for merchant ratings.",
      "props": "rating, reviewCount, source, tone"
    },
    {
      "name": "StarRating",
      "kind": "component",
      "category": "data",
      "file": "src/components/components/data/StarRating.astro",
      "route": "/components/data",
      "anchor": "star-rating",
      "tags": [
        "data",
        "rating",
        "reviews"
      ],
      "description": "Accessible star rating with a numeric score and review count.",
      "props": "rating, max, reviewCount, label, size"
    },
    {
      "name": "Stat",
      "kind": "component",
      "category": "data",
      "file": "src/components/components/data/Stat.astro",
      "route": "/components/data",
      "anchor": "stat",
      "tags": [
        "data",
        "metric",
        "analytics"
      ],
      "description": "Compact business metric with an icon, trend, and comparison context.",
      "props": "label, value, change, trend, helper, icon"
    },
    {
      "name": "Table",
      "kind": "component",
      "category": "data",
      "file": "src/components/components/data/Table.astro",
      "route": "/components/data",
      "anchor": "table",
      "tags": [
        "data",
        "table",
        "reporting"
      ],
      "description": "Responsive operational table for sales, inventory, or outlet reporting.",
      "props": "caption, columns, rows, compact, ariaLabel"
    },
    {
      "name": "Timeline",
      "kind": "component",
      "category": "data",
      "file": "src/components/components/data/Timeline.astro",
      "route": "/components/data",
      "anchor": "timeline",
      "tags": [
        "data",
        "timeline",
        "onboarding"
      ],
      "description": "Ordered rollout milestones with complete, current, and upcoming states.",
      "props": "title, events, headingLevel, ariaLabel"
    },
    {
      "name": "Checkbox",
      "kind": "component",
      "category": "forms",
      "file": "src/components/components/forms/Checkbox.astro",
      "route": "/components/forms",
      "anchor": "checkbox",
      "tags": [
        "form",
        "control",
        "checkbox"
      ],
      "description": "Accessible checkbox with a clear label and optional supporting description.",
      "props": "id, name, label, description, value, checked, required, disabled, class"
    },
    {
      "name": "FormComposite",
      "kind": "component",
      "category": "forms",
      "file": "src/components/components/forms/FormComposite.astro",
      "route": "/components/forms",
      "anchor": "form-composite",
      "tags": [
        "form",
        "composite",
        "outlet-setup"
      ],
      "description": "Full outlet setup form composed from fields, choices, a toggle, and a submit action.",
      "props": "title, description, submitLabel, action, method, idPrefix, headingLevel, class"
    },
    {
      "name": "InlineEmailCapture",
      "kind": "component",
      "category": "forms",
      "file": "src/components/components/forms/InlineEmailCapture.astro",
      "route": "/components/forms",
      "anchor": "inline-email-capture",
      "tags": [
        "form",
        "email",
        "lead-gen"
      ],
      "description": "Compact responsive email capture with a labelled field and primary action.",
      "props": "label, placeholder, buttonLabel, help, action, method, id, name, class"
    },
    {
      "name": "LeadForm",
      "kind": "component",
      "category": "forms",
      "file": "src/components/components/forms/LeadForm.astro",
      "route": "/components/forms",
      "anchor": "lead-form",
      "tags": [
        "form",
        "lead-gen",
        "demo"
      ],
      "description": "Responsive demo request form for F&B and retail merchant leads.",
      "props": "title, description, buttonLabel, action, method, idPrefix, headingLevel, consentLabel, class"
    },
    {
      "name": "PhoneCountryInput",
      "kind": "component",
      "category": "forms",
      "file": "src/components/components/forms/PhoneCountryInput.astro",
      "route": "/components/forms",
      "anchor": "phone-country-input",
      "tags": [
        "form",
        "phone",
        "country-code"
      ],
      "description": "Regional country code selector paired with a labelled merchant phone field.",
      "props": "label, countryLabel, countries, countryValue, phoneValue, phonePlaceholder, help, required, disabled, idPrefix, name, class"
    },
    {
      "name": "Radio",
      "kind": "component",
      "category": "forms",
      "file": "src/components/components/forms/Radio.astro",
      "route": "/components/forms",
      "anchor": "radio",
      "tags": [
        "form",
        "control",
        "radio-group"
      ],
      "description": "Radio group with descriptive options for common F&B and retail service models.",
      "props": "name, legend, options, value, required, disabled, idPrefix, class"
    },
    {
      "name": "Select",
      "kind": "component",
      "category": "forms",
      "file": "src/components/components/forms/Select.astro",
      "route": "/components/forms",
      "anchor": "select",
      "tags": [
        "form",
        "control",
        "select"
      ],
      "description": "Native select with a Lucide indicator and accessible help and error messaging.",
      "props": "id, name, label, options, value, placeholder, help, error, required, disabled, class"
    },
    {
      "name": "Textarea",
      "kind": "component",
      "category": "forms",
      "file": "src/components/components/forms/Textarea.astro",
      "route": "/components/forms",
      "anchor": "textarea",
      "tags": [
        "form",
        "control",
        "textarea"
      ],
      "description": "Multiline field with help, error, required, and disabled states for outlet notes.",
      "props": "id, name, label, placeholder, value, help, error, required, disabled, rows, autocomplete, maxlength, class"
    },
    {
      "name": "Toggle",
      "kind": "component",
      "category": "forms",
      "file": "src/components/components/forms/Toggle.astro",
      "route": "/components/forms",
      "anchor": "toggle",
      "tags": [
        "form",
        "control",
        "switch"
      ],
      "description": "Accessible switch control with a label and supporting preference copy.",
      "props": "id, name, label, description, checked, disabled, value, class"
    },
    {
      "name": "Carousel",
      "kind": "component",
      "category": "media",
      "file": "src/components/components/media/Carousel.astro",
      "route": "/components/media",
      "anchor": "carousel",
      "tags": [
        "media",
        "carousel",
        "scroll",
        "interactive"
      ],
      "description": "Keyboard-friendly horizontal carousel with product story cards and reduced-motion-safe controls.",
      "props": "slides, heading, description, ariaLabel, idPrefix, headingLevel"
    },
    {
      "name": "DeviceFrame",
      "kind": "component",
      "category": "media",
      "file": "src/components/components/media/DeviceFrame.astro",
      "route": "/components/media",
      "anchor": "device-frame",
      "tags": [
        "media",
        "device",
        "product",
        "mockup"
      ],
      "description": "Browser, tablet, or mobile frame with image support, a content slot, and a StoreHub POS default.",
      "props": "device, imageSrc, imageAlt, label, caption, slot:content"
    },
    {
      "name": "Gallery",
      "kind": "component",
      "category": "media",
      "file": "src/components/components/media/Gallery.astro",
      "route": "/components/media",
      "anchor": "gallery",
      "tags": [
        "media",
        "gallery",
        "grid",
        "responsive"
      ],
      "description": "Responsive visual grid for merchant stories, products, and day-to-day operations.",
      "props": "items, ariaLabel, columns"
    },
    {
      "name": "LogoCell",
      "kind": "component",
      "category": "media",
      "file": "src/components/components/media/LogoCell.astro",
      "route": "/components/media",
      "anchor": "logo-cell",
      "tags": [
        "media",
        "logo",
        "merchant",
        "compact"
      ],
      "description": "Compact merchant or partner logo tile with linked, image, and Lucide icon states.",
      "props": "name, logoSrc, logoAlt, icon, href, tone"
    },
    {
      "name": "ResponsiveImage",
      "kind": "component",
      "category": "media",
      "file": "src/components/components/media/ResponsiveImage.astro",
      "route": "/components/media",
      "anchor": "responsive-image",
      "tags": [
        "media",
        "image",
        "responsive",
        "art-direction"
      ],
      "description": "Responsive picture with optional mobile and tablet art direction, ratio, fit, and caption.",
      "props": "src, alt, mobileSrc, tabletSrc, sizes, caption, loading, ratio, fit"
    },
    {
      "name": "VideoEmbed",
      "kind": "component",
      "category": "media",
      "file": "src/components/components/media/VideoEmbed.astro",
      "route": "/components/media",
      "anchor": "video-embed",
      "tags": [
        "media",
        "video",
        "embed",
        "responsive"
      ],
      "description": "Responsive video embed with an accessible title and branded standalone poster state.",
      "props": "embedSrc, title, posterSrc, posterAlt, label, caption, loading"
    },
    {
      "name": "AnchorNav",
      "kind": "component",
      "category": "nav",
      "file": "src/components/components/nav/AnchorNav.astro",
      "route": "/components/nav",
      "anchor": "anchor-nav",
      "tags": [
        "nav",
        "anchor",
        "local",
        "scrollable"
      ],
      "description": "Responsive local anchor navigation for long StoreHub product pages.",
      "props": "title, ariaLabel, items, activeId"
    },
    {
      "name": "Breadcrumb",
      "kind": "component",
      "category": "nav",
      "file": "src/components/components/nav/Breadcrumb.astro",
      "route": "/components/nav",
      "anchor": "breadcrumb",
      "tags": [
        "nav",
        "breadcrumb",
        "wayfinding"
      ],
      "description": "Compact breadcrumb trail for product hierarchy and page wayfinding.",
      "props": "ariaLabel, items"
    },
    {
      "name": "LanguageSwitcher",
      "kind": "component",
      "category": "nav",
      "file": "src/components/components/nav/LanguageSwitcher.astro",
      "route": "/components/nav",
      "anchor": "language-switcher",
      "tags": [
        "nav",
        "language",
        "select",
        "localisation"
      ],
      "description": "Labelled native selector for changing language on multilingual StoreHub sites.",
      "props": "id, name, label, value, options"
    },
    {
      "name": "MobileDrawer",
      "kind": "component",
      "category": "nav",
      "file": "src/components/components/nav/MobileDrawer.astro",
      "route": "/components/nav",
      "anchor": "mobile-drawer",
      "tags": [
        "nav",
        "mobile",
        "drawer",
        "disclosure"
      ],
      "description": "Compact mobile header with a native disclosure drawer for StoreHub product links.",
      "props": "brand, brandHref, ariaLabel, menuLabel, items, currentHref, ctaLabel, ctaHref, defaultOpen"
    },
    {
      "name": "NavDropdown",
      "kind": "component",
      "category": "nav",
      "file": "src/components/components/nav/NavDropdown.astro",
      "route": "/components/nav",
      "anchor": "nav-dropdown",
      "tags": [
        "nav",
        "header",
        "dropdown",
        "desktop"
      ],
      "description": "Desktop product navigation with a native disclosure dropdown and primary sales action.",
      "props": "brand, brandHref, ariaLabel, items, currentHref, ctaLabel, ctaHref"
    },
    {
      "name": "Pagination",
      "kind": "component",
      "category": "nav",
      "file": "src/components/components/nav/Pagination.astro",
      "route": "/components/nav",
      "anchor": "pagination",
      "tags": [
        "nav",
        "pagination",
        "results"
      ],
      "description": "Accessible page navigation for product, order, or inventory result sets.",
      "props": "ariaLabel, currentPage, totalPages, baseHref"
    },
    {
      "name": "StickyCtaBar",
      "kind": "component",
      "category": "nav",
      "file": "src/components/components/nav/StickyCtaBar.astro",
      "route": "/components/nav",
      "anchor": "sticky-cta-bar",
      "tags": [
        "nav",
        "sticky",
        "cta",
        "conversion"
      ],
      "description": "Bottom-sticky conversion bar with primary and secondary sales actions.",
      "props": "ariaLabel, eyebrow, message, detail, primaryLabel, primaryHref, secondaryLabel, secondaryHref"
    },
    {
      "name": "Tabs",
      "kind": "component",
      "category": "nav",
      "file": "src/components/components/nav/Tabs.astro",
      "route": "/components/nav",
      "anchor": "tabs",
      "tags": [
        "nav",
        "tabs",
        "local",
        "scrollable"
      ],
      "description": "Scrollable horizontal page tabs for switching between connected business views.",
      "props": "ariaLabel, items, activeId"
    },
    {
      "name": "AnnouncementBar",
      "kind": "component",
      "category": "overlays",
      "file": "src/components/components/overlays/AnnouncementBar.astro",
      "route": "/components/overlays",
      "anchor": "announcement-bar",
      "tags": [
        "overlay",
        "announcement",
        "banner"
      ],
      "description": "Full-width product announcement with a direct loyalty action and dismiss control.",
      "props": "message, linkLabel, linkHref, closeLabel, ariaLabel, showClose"
    },
    {
      "name": "CookieBanner",
      "kind": "component",
      "category": "overlays",
      "file": "src/components/components/overlays/CookieBanner.astro",
      "route": "/components/overlays",
      "anchor": "cookie-banner",
      "tags": [
        "overlay",
        "consent",
        "privacy"
      ],
      "description": "Responsive privacy consent banner with clear accept, reject, and settings choices.",
      "props": "title, description, acceptLabel, rejectLabel, settingsLabel, policyLabel, policyHref, headingLevel, idPrefix, showReject"
    },
    {
      "name": "Modal",
      "kind": "component",
      "category": "overlays",
      "file": "src/components/components/overlays/Modal.astro",
      "route": "/components/overlays",
      "anchor": "modal",
      "tags": [
        "overlay",
        "dialog",
        "confirmation"
      ],
      "description": "Focused confirmation dialog with a StoreHub POS closeout summary and clear actions.",
      "props": "eyebrow, title, description, primaryActionLabel, secondaryActionLabel, closeLabel, headingLevel, idPrefix, open"
    },
    {
      "name": "Popover",
      "kind": "component",
      "category": "overlays",
      "file": "src/components/components/overlays/Popover.astro",
      "route": "/components/overlays",
      "anchor": "popover",
      "tags": [
        "overlay",
        "popover",
        "disclosure"
      ],
      "description": "Accessible outlet-switcher disclosure with location status and dashboard actions.",
      "props": "triggerLabel, title, description, outletName, statusLabel, primaryActionLabel, secondaryActionLabel, headingLevel, idPrefix, open"
    },
    {
      "name": "Toast",
      "kind": "component",
      "category": "overlays",
      "file": "src/components/components/overlays/Toast.astro",
      "route": "/components/overlays",
      "anchor": "toast",
      "tags": [
        "overlay",
        "toast",
        "status"
      ],
      "description": "Polite live status message for payment confirmations or inventory updates.",
      "props": "tone, icon, title, message, actionLabel, actionHref, closeLabel, headingLevel, idPrefix"
    },
    {
      "name": "Tooltip",
      "kind": "component",
      "category": "overlays",
      "file": "src/components/components/overlays/Tooltip.astro",
      "route": "/components/overlays",
      "anchor": "tooltip",
      "tags": [
        "overlay",
        "tooltip",
        "contextual-help"
      ],
      "description": "Persistent contextual hint for explaining a POS reporting label.",
      "props": "label, text, placement, idPrefix"
    },
    {
      "name": "EmptyState",
      "kind": "component",
      "category": "state",
      "file": "src/components/components/state/EmptyState.astro",
      "route": "/components/state",
      "anchor": "empty-state",
      "tags": [
        "state",
        "empty",
        "inventory",
        "action"
      ],
      "description": "Friendly blank-slate card with primary and secondary actions for adding inventory.",
      "props": "icon, title, description, primaryActionLabel, primaryActionHref, secondaryActionLabel, secondaryActionHref, headingLevel, ariaLabel"
    },
    {
      "name": "ErrorBlock",
      "kind": "component",
      "category": "state",
      "file": "src/components/components/state/ErrorBlock.astro",
      "route": "/components/state",
      "anchor": "error-block",
      "tags": [
        "state",
        "error",
        "pos",
        "recovery"
      ],
      "description": "Recoverable POS sync error with retry and support actions.",
      "props": "icon, eyebrow, title, description, errorCode, retryLabel, retryHref, supportLabel, supportHref, headingLevel, ariaLabel"
    },
    {
      "name": "Skeleton",
      "kind": "component",
      "category": "state",
      "file": "src/components/components/state/Skeleton.astro",
      "route": "/components/state",
      "anchor": "skeleton",
      "tags": [
        "state",
        "loading",
        "dashboard",
        "responsive"
      ],
      "description": "Responsive loading placeholder for sales metrics and recent orders.",
      "props": "ariaLabel, compact"
    },
    {
      "name": "ThankYou",
      "kind": "component",
      "category": "state",
      "file": "src/components/components/state/ThankYou.astro",
      "route": "/components/state",
      "anchor": "thank-you",
      "tags": [
        "state",
        "success",
        "loyalty",
        "confirmation"
      ],
      "description": "Positive completion card for successful setup, payment, or loyalty actions.",
      "props": "icon, eyebrow, title, description, referenceLabel, referenceValue, primaryActionLabel, primaryActionHref, secondaryActionLabel, secondaryActionHref, headingLevel, ariaLabel"
    },
    {
      "name": "BenefitsOutcomeCards",
      "kind": "section",
      "category": "benefits",
      "file": "src/components/sections/benefits/BenefitsOutcomeCards.astro",
      "route": "/sections/benefits",
      "anchor": "benefits-outcome-cards",
      "tags": [
        "benefits",
        "outcomes",
        "cards",
        "metrics"
      ],
      "description": "Outcome-led cards connect platform capabilities to practical business results.",
      "props": "eyebrow, headline, subheading, outcomes, headingLevel, bg, id"
    },
    {
      "name": "BenefitsProblemSolution",
      "kind": "section",
      "category": "benefits",
      "file": "src/components/sections/benefits/BenefitsProblemSolution.astro",
      "route": "/sections/benefits",
      "anchor": "benefits-problem-solution",
      "tags": [
        "benefits",
        "problem-solution",
        "comparison"
      ],
      "description": "Paired panels turn common operating pain points into clear StoreHub solutions.",
      "props": "eyebrow, headline, subheading, problems, solutions, ctaLabel, ctaHref, headingLevel, bg, id"
    },
    {
      "name": "BenefitsTierColumns",
      "kind": "section",
      "category": "benefits",
      "file": "src/components/sections/benefits/BenefitsTierColumns.astro",
      "route": "/sections/benefits",
      "anchor": "benefits-tier-columns",
      "tags": [
        "benefits",
        "tiers",
        "growth",
        "columns"
      ],
      "description": "Tiered columns show how connected commerce tools support each stage of business growth.",
      "props": "eyebrow, headline, subheading, tiers, ctaLabel, ctaHref, headingLevel, bg, id"
    },
    {
      "name": "BenefitsValueBanner",
      "kind": "section",
      "category": "benefits",
      "file": "src/components/sections/benefits/BenefitsValueBanner.astro",
      "route": "/sections/benefits",
      "anchor": "benefits-value-banner",
      "tags": [
        "benefits",
        "value",
        "banner",
        "cta"
      ],
      "description": "A compact value banner combines a business promise, supporting benefits, and dual CTA.",
      "props": "eyebrow, headline, subheading, benefits, ctaLabel, ctaHref, secondaryCtaLabel, secondaryCtaHref, headingLevel, bg, id"
    },
    {
      "name": "BenefitsWithWithout",
      "kind": "section",
      "category": "benefits",
      "file": "src/components/sections/benefits/BenefitsWithWithout.astro",
      "route": "/sections/benefits",
      "anchor": "benefits-with-without",
      "tags": [
        "benefits",
        "comparison",
        "with-without"
      ],
      "description": "A responsive side-by-side comparison shows the operational difference of one connected platform.",
      "props": "eyebrow, headline, subheading, rows, withoutLabel, withLabel, headingLevel, bg, id"
    },
    {
      "name": "BlogAuthorBlock",
      "kind": "section",
      "category": "blog",
      "file": "src/components/sections/blog/BlogAuthorBlock.astro",
      "route": "/sections/blog",
      "anchor": "blog-author-block",
      "tags": [
        "blog",
        "author",
        "avatar",
        "profile"
      ],
      "description": "Compact author biography with an image or initials avatar and profile action.",
      "props": "authorName, authorRole, bio, initials, imageSrc, imageAlt, profileLabel, profileHref, headingLevel, bg, id"
    },
    {
      "name": "BlogCardGrid",
      "kind": "section",
      "category": "blog",
      "file": "src/components/sections/blog/BlogCardGrid.astro",
      "route": "/sections/blog",
      "anchor": "blog-card-grid",
      "tags": [
        "blog",
        "articles",
        "cards",
        "grid"
      ],
      "description": "Three-column article discovery grid with category badges, summaries, and reading metadata.",
      "props": "eyebrow, headline, subheading, posts, headingLevel, bg, id"
    },
    {
      "name": "BlogCategoryFilter",
      "kind": "section",
      "category": "blog",
      "file": "src/components/sections/blog/BlogCategoryFilter.astro",
      "route": "/sections/blog",
      "anchor": "blog-category-filter",
      "tags": [
        "blog",
        "filter",
        "search",
        "categories"
      ],
      "description": "Accessible article search field with category navigation pills and active state.",
      "props": "headline, categories, activeCategory, searchId, searchLabel, searchPlaceholder, formAction, formMethod, headingLevel, bg, id"
    },
    {
      "name": "BlogFeaturedPost",
      "kind": "section",
      "category": "blog",
      "file": "src/components/sections/blog/BlogFeaturedPost.astro",
      "route": "/sections/blog",
      "anchor": "blog-featured-post",
      "tags": [
        "blog",
        "featured",
        "editorial",
        "article"
      ],
      "description": "Prominent featured article with editorial artwork, metadata, and a primary reading action.",
      "props": "eyebrow, category, headline, excerpt, author, published, readTime, href, imageSrc, imageAlt, headingLevel, bg, id"
    },
    {
      "name": "BlogList",
      "kind": "section",
      "category": "blog",
      "file": "src/components/sections/blog/BlogList.astro",
      "route": "/sections/blog",
      "anchor": "blog-list",
      "tags": [
        "blog",
        "articles",
        "list",
        "archive"
      ],
      "description": "Scannable article archive list with categories, summaries, dates, and reading times.",
      "props": "eyebrow, headline, subheading, posts, headingLevel, bg, id"
    },
    {
      "name": "BlogRelatedPosts",
      "kind": "section",
      "category": "blog",
      "file": "src/components/sections/blog/BlogRelatedPosts.astro",
      "route": "/sections/blog",
      "anchor": "blog-related-posts",
      "tags": [
        "blog",
        "related",
        "articles",
        "cards"
      ],
      "description": "Three related reading cards designed for the end of a blog article.",
      "props": "eyebrow, headline, posts, headingLevel, bg, id"
    },
    {
      "name": "ContactBookDemo",
      "kind": "section",
      "category": "contact",
      "file": "src/components/sections/contact/ContactBookDemo.astro",
      "route": "/sections/contact",
      "anchor": "contact-book-demo",
      "tags": [
        "contact",
        "demo",
        "lead-gen",
        "form"
      ],
      "description": "Demo booking section pairing a lead form with a concise product walkthrough agenda.",
      "props": "eyebrow, headline, subheading, formTitle, submitLabel, agendaTitle, agendaItems, reassurance, formAction, formMethod, formIdPrefix, headingLevel, bg, id"
    },
    {
      "name": "ContactForm",
      "kind": "section",
      "category": "contact",
      "file": "src/components/sections/contact/ContactForm.astro",
      "route": "/sections/contact",
      "anchor": "contact-form",
      "tags": [
        "contact",
        "form",
        "enquiry"
      ],
      "description": "Focused contact form for StoreHub product and support enquiries.",
      "props": "eyebrow, headline, subheading, formTitle, formDescription, submitLabel, privacyNote, formAction, formMethod, formIdPrefix, headingLevel, bg, id"
    },
    {
      "name": "ContactFormWithInfo",
      "kind": "section",
      "category": "contact",
      "file": "src/components/sections/contact/ContactFormWithInfo.astro",
      "route": "/sections/contact",
      "anchor": "contact-form-with-info",
      "tags": [
        "contact",
        "form",
        "split",
        "support"
      ],
      "description": "Split contact section with direct support details and an enquiry form.",
      "props": "eyebrow, headline, subheading, responseTime, email, phone, location, formTitle, submitLabel, privacyNote, formAction, formMethod, formIdPrefix, headingLevel, bg, id"
    },
    {
      "name": "ContactWhatsApp",
      "kind": "section",
      "category": "contact",
      "file": "src/components/sections/contact/ContactWhatsApp.astro",
      "route": "/sections/contact",
      "anchor": "contact-whatsapp",
      "tags": [
        "contact",
        "whatsapp",
        "messaging",
        "cta"
      ],
      "description": "Conversational contact section with a prominent WhatsApp call to action.",
      "props": "eyebrow, headline, subheading, whatsappLabel, whatsappHref, availability, responseTime, specialistName, specialistRole, fallbackLabel, fallbackHref, headingLevel, bg, id"
    },
    {
      "name": "ContentArticle",
      "kind": "section",
      "category": "content",
      "file": "src/components/sections/content/ContentArticle.astro",
      "route": "/sections/content",
      "anchor": "content-article",
      "tags": [
        "content",
        "article",
        "editorial",
        "long-form"
      ],
      "description": "Long-form business guide with metadata, body copy, pull quote, takeaways, and next step.",
      "props": "eyebrow, headline, summary, author, authorRole, publishedLabel, publishedDate, readTime, paragraphs, subheading, takeaways, quote, ctaLabel, ctaHref, headingLevel, bg, id"
    },
    {
      "name": "ContentFullBleed",
      "kind": "section",
      "category": "content",
      "file": "src/components/sections/content/ContentFullBleed.astro",
      "route": "/sections/content",
      "anchor": "content-full-bleed",
      "tags": [
        "content",
        "full-bleed",
        "visual",
        "multi-outlet"
      ],
      "description": "Edge-to-edge multi-outlet visual with an anchored content card.",
      "props": "eyebrow, headline, body, ctaLabel, ctaHref, imageSrc, imageAlt, featureLabel, headingLevel, bg, id, slot:media"
    },
    {
      "name": "ContentImageText",
      "kind": "section",
      "category": "content",
      "file": "src/components/sections/content/ContentImageText.astro",
      "route": "/sections/content",
      "anchor": "content-image-text",
      "tags": [
        "content",
        "split",
        "media",
        "inventory"
      ],
      "description": "Inventory media on the left with operational copy and a call to action on the right.",
      "props": "eyebrow, headline, body, ctaLabel, ctaHref, imageSrc, imageAlt, note, headingLevel, bg, id, slot:media"
    },
    {
      "name": "ContentStatsCopy",
      "kind": "section",
      "category": "content",
      "file": "src/components/sections/content/ContentStatsCopy.astro",
      "route": "/sections/content",
      "anchor": "content-stats-copy",
      "tags": [
        "content",
        "stats",
        "copy",
        "outcomes"
      ],
      "description": "Platform narrative paired with a responsive grid of business outcome statistics.",
      "props": "eyebrow, headline, body, stats, source, ctaLabel, ctaHref, headingLevel, bg, id"
    },
    {
      "name": "ContentTextImage",
      "kind": "section",
      "category": "content",
      "file": "src/components/sections/content/ContentTextImage.astro",
      "route": "/sections/content",
      "anchor": "content-text-image",
      "tags": [
        "content",
        "split",
        "copy",
        "media"
      ],
      "description": "Copy-led StoreHub POS story with highlights and supporting media on the right.",
      "props": "eyebrow, headline, body, highlights, ctaLabel, ctaHref, imageSrc, imageAlt, headingLevel, bg, id, slot:media"
    },
    {
      "name": "ContentVideo",
      "kind": "section",
      "category": "content",
      "file": "src/components/sections/content/ContentVideo.astro",
      "route": "/sections/content",
      "anchor": "content-video",
      "tags": [
        "content",
        "video",
        "story",
        "merchant"
      ],
      "description": "Centered merchant story with accessible video, captions support, and a transcript link.",
      "props": "eyebrow, headline, body, videoSrc, posterSrc, captionsSrc, videoLabel, duration, transcriptLabel, transcriptHref, headingLevel, bg, id"
    },
    {
      "name": "CtaCentered",
      "kind": "section",
      "category": "cta",
      "file": "src/components/sections/cta/CtaCentered.astro",
      "route": "/sections/cta",
      "anchor": "cta-centered",
      "tags": [
        "cta",
        "centered",
        "conversion"
      ],
      "description": "Centered conversion prompt with supporting copy and primary and secondary actions.",
      "props": "eyebrow, headline, subheading, primaryCtaLabel, primaryCtaHref, secondaryCtaLabel, secondaryCtaHref, headingLevel, bg, id"
    },
    {
      "name": "CtaDark",
      "kind": "section",
      "category": "cta",
      "file": "src/components/sections/cta/CtaDark.astro",
      "route": "/sections/cta",
      "anchor": "cta-dark",
      "tags": [
        "cta",
        "dark",
        "high-contrast"
      ],
      "description": "High-contrast dark conversion band with supporting copy and dual actions.",
      "props": "eyebrow, headline, subheading, primaryCtaLabel, primaryCtaHref, secondaryCtaLabel, secondaryCtaHref, headingLevel, id"
    },
    {
      "name": "CtaGradient",
      "kind": "section",
      "category": "cta",
      "file": "src/components/sections/cta/CtaGradient.astro",
      "route": "/sections/cta",
      "anchor": "cta-gradient",
      "tags": [
        "cta",
        "gradient",
        "prominent"
      ],
      "description": "Warm gradient panel for a prominent product conversion moment.",
      "props": "eyebrow, headline, subheading, primaryCtaLabel, primaryCtaHref, secondaryCtaLabel, secondaryCtaHref, headingLevel, bg, id"
    },
    {
      "name": "CtaSplit",
      "kind": "section",
      "category": "cta",
      "file": "src/components/sections/cta/CtaSplit.astro",
      "route": "/sections/cta",
      "anchor": "cta-split",
      "tags": [
        "cta",
        "split",
        "benefits"
      ],
      "description": "Split call to action pairing product copy with benefits and conversion actions.",
      "props": "eyebrow, headline, subheading, benefits, primaryCtaLabel, primaryCtaHref, secondaryCtaLabel, secondaryCtaHref, headingLevel, bg, id"
    },
    {
      "name": "CtaStickyBottom",
      "kind": "section",
      "category": "cta",
      "file": "src/components/sections/cta/CtaStickyBottom.astro",
      "route": "/sections/cta",
      "anchor": "cta-sticky-bottom",
      "tags": [
        "cta",
        "sticky",
        "conversion"
      ],
      "description": "Compact sticky conversion bar that keeps a single primary action in reach.",
      "props": "headline, subheading, ctaLabel, ctaHref, headingLevel, bg, id"
    },
    {
      "name": "CtaWithForm",
      "kind": "section",
      "category": "cta",
      "file": "src/components/sections/cta/CtaWithForm.astro",
      "route": "/sections/cta",
      "anchor": "cta-with-form",
      "tags": [
        "cta",
        "lead-gen",
        "form"
      ],
      "description": "Lead-generation call to action with a compact labelled contact form.",
      "props": "eyebrow, headline, subheading, formTitle, formDescription, formButtonLabel, formAction, formMethod, formIdPrefix, headingLevel, bg, id"
    },
    {
      "name": "FaqAccordion",
      "kind": "section",
      "category": "faq",
      "file": "src/components/sections/faq/FaqAccordion.astro",
      "route": "/sections/faq",
      "anchor": "faq-accordion",
      "tags": [
        "faq",
        "accordion",
        "support"
      ],
      "description": "A focused accordion for common StoreHub product and operations questions.",
      "props": "eyebrow, headline, subheading, items, openFirst, headingLevel, bg, id"
    },
    {
      "name": "FaqCategorized",
      "kind": "section",
      "category": "faq",
      "file": "src/components/sections/faq/FaqCategorized.astro",
      "route": "/sections/faq",
      "anchor": "faq-categorized",
      "tags": [
        "faq",
        "categorized",
        "cards"
      ],
      "description": "Category cards group expandable answers for POS, loyalty, and inventory topics.",
      "props": "eyebrow, headline, subheading, categories, openFirstQuestion, headingLevel, bg, id"
    },
    {
      "name": "FaqTwoColumn",
      "kind": "section",
      "category": "faq",
      "file": "src/components/sections/faq/FaqTwoColumn.astro",
      "route": "/sections/faq",
      "anchor": "faq-two-column",
      "tags": [
        "faq",
        "accordion",
        "two-column",
        "support"
      ],
      "description": "A support-led introduction beside expandable setup and onboarding answers.",
      "props": "eyebrow, headline, subheading, items, supportLabel, supportHref, openFirst, headingLevel, bg, id"
    },
    {
      "name": "FeaturesBento",
      "kind": "section",
      "category": "features",
      "file": "src/components/sections/features/FeaturesBento.astro",
      "route": "/sections/features",
      "anchor": "features-bento",
      "tags": [
        "features",
        "bento",
        "cards",
        "platform"
      ],
      "description": "A mixed-size bento layout presents payments, inventory, loyalty, cloud access, and support.",
      "props": "eyebrow, headline, subheading, features, headingLevel, bg, id"
    },
    {
      "name": "FeaturesChecklist",
      "kind": "section",
      "category": "features",
      "file": "src/components/sections/features/FeaturesChecklist.astro",
      "route": "/sections/features",
      "anchor": "features-checklist",
      "tags": [
        "features",
        "checklist",
        "benefits",
        "dashboard"
      ],
      "description": "A scannable benefits checklist sits beside a live outlet performance snapshot.",
      "props": "eyebrow, headline, subheading, items, ctaLabel, ctaHref, headingLevel, bg, id"
    },
    {
      "name": "FeaturesGrid2",
      "kind": "section",
      "category": "features",
      "file": "src/components/sections/features/FeaturesGrid2.astro",
      "route": "/sections/features",
      "anchor": "features-grid-2",
      "tags": [
        "features",
        "grid",
        "two-column",
        "visual"
      ],
      "description": "Two roomy visual cards highlight customer loyalty and business insights.",
      "props": "eyebrow, headline, subheading, features, headingLevel, bg, id"
    },
    {
      "name": "FeaturesGrid3",
      "kind": "section",
      "category": "features",
      "file": "src/components/sections/features/FeaturesGrid3.astro",
      "route": "/sections/features",
      "anchor": "features-grid-3",
      "tags": [
        "features",
        "grid",
        "three-column",
        "cards"
      ],
      "description": "Three elevated cards introduce point of sale, payments, and live business insights.",
      "props": "eyebrow, headline, subheading, features, headingLevel, bg, id"
    },
    {
      "name": "FeaturesGrid4",
      "kind": "section",
      "category": "features",
      "file": "src/components/sections/features/FeaturesGrid4.astro",
      "route": "/sections/features",
      "anchor": "features-grid-4",
      "tags": [
        "features",
        "grid",
        "four-up",
        "operations"
      ],
      "description": "Four compact cards cover ordering, inventory, loyalty, and multi-outlet operations.",
      "props": "eyebrow, headline, subheading, features, headingLevel, bg, id"
    },
    {
      "name": "FeaturesIconTitle",
      "kind": "section",
      "category": "features",
      "file": "src/components/sections/features/FeaturesIconTitle.astro",
      "route": "/sections/features",
      "anchor": "features-icon-title",
      "tags": [
        "features",
        "icons",
        "cards",
        "links"
      ],
      "description": "Three icon-led titles pair concise benefits with accessible deep links.",
      "props": "eyebrow, headline, subheading, features, headingLevel, bg, id"
    },
    {
      "name": "FeaturesSpotlight",
      "kind": "section",
      "category": "features",
      "file": "src/components/sections/features/FeaturesSpotlight.astro",
      "route": "/sections/features",
      "anchor": "features-spotlight",
      "tags": [
        "features",
        "spotlight",
        "payments",
        "visual"
      ],
      "description": "A dominant connected-payments feature is supported by three compact capability cards.",
      "props": "eyebrow, headline, subheading, spotlightTitle, spotlightDescription, features, ctaLabel, ctaHref, headingLevel, bg, id"
    },
    {
      "name": "FeaturesTabbed",
      "kind": "section",
      "category": "features",
      "file": "src/components/sections/features/FeaturesTabbed.astro",
      "route": "/sections/features",
      "anchor": "features-tabbed",
      "tags": [
        "features",
        "tabs",
        "interactive",
        "product"
      ],
      "description": "Keyboard-friendly radio tabs switch between point of sale, customer, and inventory stories.",
      "props": "eyebrow, headline, subheading, tabs, idPrefix, headingLevel, bg, id"
    },
    {
      "name": "FeaturesWithScreenshot",
      "kind": "section",
      "category": "features",
      "file": "src/components/sections/features/FeaturesWithScreenshot.astro",
      "route": "/sections/features",
      "anchor": "features-with-screenshot",
      "tags": [
        "features",
        "screenshot",
        "dashboard",
        "media"
      ],
      "description": "Centered feature copy leads into a full-width dashboard screenshot or built-in product mock.",
      "props": "eyebrow, headline, subheading, primaryCtaLabel, primaryCtaHref, imageSrc, imageAlt, headingLevel, bg, id, slot:media"
    },
    {
      "name": "FeaturesZigZag",
      "kind": "section",
      "category": "features",
      "file": "src/components/sections/features/FeaturesZigZag.astro",
      "route": "/sections/features",
      "anchor": "features-zig-zag",
      "tags": [
        "features",
        "alternating",
        "product-story",
        "visual"
      ],
      "description": "Alternating copy and product-style visuals tell a connected sell, manage, and grow story.",
      "props": "eyebrow, headline, subheading, features, headingLevel, bg, id"
    },
    {
      "name": "FooterDark",
      "kind": "section",
      "category": "footers",
      "file": "src/components/sections/footers/FooterDark.astro",
      "route": "/sections/footers",
      "anchor": "footer-dark",
      "tags": [
        "footer",
        "dark",
        "cta",
        "contact"
      ],
      "description": "Dark accent footer with a growth message, primary action, navigation, and contact details.",
      "props": "brandName, homeHref, headline, description, ctaLabel, ctaHref, links, contactEmail, contactPhone, copyright, headingLevel, id"
    },
    {
      "name": "FooterFull",
      "kind": "section",
      "category": "footers",
      "file": "src/components/sections/footers/FooterFull.astro",
      "route": "/sections/footers",
      "anchor": "footer-full",
      "tags": [
        "footer",
        "full",
        "navigation",
        "contact"
      ],
      "description": "Full site footer with product navigation, contact details, social links, and legal links.",
      "props": "brandName, homeHref, description, columns, contactEmail, contactPhone, socialLinks, legalLinks, copyright, headingLevel, bg, id"
    },
    {
      "name": "FooterSimple",
      "kind": "section",
      "category": "footers",
      "file": "src/components/sections/footers/FooterSimple.astro",
      "route": "/sections/footers",
      "anchor": "footer-simple",
      "tags": [
        "footer",
        "simple",
        "compact"
      ],
      "description": "Compact light footer with a brand link, essential navigation, and copyright.",
      "props": "brandName, homeHref, links, copyright, bg, id"
    },
    {
      "name": "FooterWithCtaBand",
      "kind": "section",
      "category": "footers",
      "file": "src/components/sections/footers/FooterWithCtaBand.astro",
      "route": "/sections/footers",
      "anchor": "footer-with-cta-band",
      "tags": [
        "footer",
        "cta",
        "band",
        "conversion"
      ],
      "description": "Light footer topped by a CTA band for growing food and beverage and retail businesses.",
      "props": "brandName, homeHref, ctaEyebrow, ctaHeadline, ctaDescription, ctaLabel, ctaHref, links, copyright, headingLevel, bg, id"
    },
    {
      "name": "HeroAnnouncement",
      "kind": "section",
      "category": "heroes",
      "file": "src/components/sections/heroes/HeroAnnouncement.astro",
      "route": "/sections/heroes",
      "anchor": "hero-announcement",
      "tags": [
        "hero",
        "above-fold",
        "announcement",
        "pill"
      ],
      "description": "Centered hero with a linked announcement pill above the headline.",
      "props": "announcement, announcementIcon, announcementHref, headline, subheading, primaryCtaLabel, primaryCtaHref, secondaryCtaLabel, secondaryCtaHref, headingLevel, bg, id"
    },
    {
      "name": "HeroAppBadges",
      "kind": "section",
      "category": "heroes",
      "file": "src/components/sections/heroes/HeroAppBadges.astro",
      "route": "/sections/heroes",
      "anchor": "hero-app-badges",
      "tags": [
        "hero",
        "above-fold",
        "mobile-app",
        "badges"
      ],
      "description": "Mobile-first hero with App Store and Google Play style badge buttons.",
      "props": "eyebrow, headline, subheading, appStoreHref, playStoreHref, appStoreLabel, playStoreLabel, supportText, headingLevel, bg, id"
    },
    {
      "name": "HeroBulletSplit",
      "kind": "section",
      "category": "heroes",
      "file": "src/components/sections/heroes/HeroBulletSplit.astro",
      "route": "/sections/heroes",
      "anchor": "hero-bullet-split",
      "tags": [
        "hero",
        "above-fold",
        "split",
        "benefits"
      ],
      "description": "Split hero with three checkmark benefits and product media on the right.",
      "props": "eyebrow, headline, subheading, bullets, primaryCtaLabel, primaryCtaHref, secondaryCtaLabel, secondaryCtaHref, imageSrc, imageAlt, headingLevel, bg, id, slot:media"
    },
    {
      "name": "HeroCentered",
      "kind": "section",
      "category": "heroes",
      "file": "src/components/sections/heroes/HeroCentered.astro",
      "route": "/sections/heroes",
      "anchor": "hero-centered",
      "tags": [
        "hero",
        "above-fold",
        "centered"
      ],
      "description": "Centered eyebrow + display headline + sub + dual CTA on a warm background.",
      "props": "eyebrow, headline, subheading, primaryCtaLabel, primaryCtaHref, secondaryCtaLabel, secondaryCtaHref, headingLevel, bg, id"
    },
    {
      "name": "HeroFormCapture",
      "kind": "section",
      "category": "heroes",
      "file": "src/components/sections/heroes/HeroFormCapture.astro",
      "route": "/sections/heroes",
      "anchor": "hero-form-capture",
      "tags": [
        "hero",
        "above-fold",
        "lead-gen",
        "form"
      ],
      "description": "Lead-capture hero: copy left, contact card with name/email/phone form right.",
      "props": "eyebrow, headline, subheading, formTitle, formDescription, formButtonLabel, formAction, formMethod, formIdPrefix, headingLevel, bg, id"
    },
    {
      "name": "HeroGradient",
      "kind": "section",
      "category": "heroes",
      "file": "src/components/sections/heroes/HeroGradient.astro",
      "route": "/sections/heroes",
      "anchor": "hero-gradient",
      "tags": [
        "hero",
        "above-fold",
        "gradient",
        "centered"
      ],
      "description": "Centered conversion hero on a sunset or orange token gradient panel.",
      "props": "eyebrow, headline, subheading, primaryCtaLabel, primaryCtaHref, secondaryCtaLabel, secondaryCtaHref, gradient, headingLevel, bg, id"
    },
    {
      "name": "HeroScreenshot",
      "kind": "section",
      "category": "heroes",
      "file": "src/components/sections/heroes/HeroScreenshot.astro",
      "route": "/sections/heroes",
      "anchor": "hero-screenshot",
      "tags": [
        "hero",
        "above-fold",
        "centered",
        "screenshot"
      ],
      "description": "Centered hero copy above a large product screenshot or built-in dashboard mock.",
      "props": "eyebrow, headline, subheading, primaryCtaLabel, primaryCtaHref, secondaryCtaLabel, secondaryCtaHref, imageSrc, imageAlt, headingLevel, bg, id, slot:media"
    },
    {
      "name": "HeroSplitLeft",
      "kind": "section",
      "category": "heroes",
      "file": "src/components/sections/heroes/HeroSplitLeft.astro",
      "route": "/sections/heroes",
      "anchor": "hero-split-left",
      "tags": [
        "hero",
        "above-fold",
        "split",
        "media"
      ],
      "description": "Two-column hero with product media left and conversion copy right.",
      "props": "eyebrow, headline, subheading, primaryCtaLabel, primaryCtaHref, secondaryCtaLabel, secondaryCtaHref, imageSrc, imageAlt, headingLevel, bg, id, slot:media"
    },
    {
      "name": "HeroSplitRight",
      "kind": "section",
      "category": "heroes",
      "file": "src/components/sections/heroes/HeroSplitRight.astro",
      "route": "/sections/heroes",
      "anchor": "hero-split-right",
      "tags": [
        "hero",
        "above-fold",
        "split",
        "media"
      ],
      "description": "Two-column hero: copy left, product mock (or media slot) right.",
      "props": "eyebrow, headline, subheading, primaryCtaLabel, primaryCtaHref, secondaryCtaLabel, secondaryCtaHref, imageSrc, imageAlt, headingLevel, bg, id, slot:media"
    },
    {
      "name": "HeroVideoBg",
      "kind": "section",
      "category": "heroes",
      "file": "src/components/sections/heroes/HeroVideoBg.astro",
      "route": "/sections/heroes",
      "anchor": "hero-video-bg",
      "tags": [
        "hero",
        "above-fold",
        "video",
        "full-bleed"
      ],
      "description": "Full-bleed hero with light copy over a muted video placeholder and dark scrim.",
      "props": "eyebrow, headline, subheading, primaryCtaLabel, primaryCtaHref, secondaryCtaLabel, secondaryCtaHref, videoLabel, headingLevel, bg, id"
    },
    {
      "name": "HeroWithLogos",
      "kind": "section",
      "category": "heroes",
      "file": "src/components/sections/heroes/HeroWithLogos.astro",
      "route": "/sections/heroes",
      "anchor": "hero-with-logos",
      "tags": [
        "hero",
        "above-fold",
        "logos",
        "social-proof"
      ],
      "description": "Centered hero with a responsive customer logo strip beneath the main copy.",
      "props": "eyebrow, headline, subheading, primaryCtaLabel, primaryCtaHref, secondaryCtaLabel, secondaryCtaHref, logoIntro, customerLogos, headingLevel, bg, id"
    },
    {
      "name": "HeroWithStat",
      "kind": "section",
      "category": "heroes",
      "file": "src/components/sections/heroes/HeroWithStat.astro",
      "route": "/sections/heroes",
      "anchor": "hero-with-stat",
      "tags": [
        "hero",
        "above-fold",
        "stat",
        "social-proof"
      ],
      "description": "Split hero with a prominent merchant count and supporting proof point.",
      "props": "eyebrow, headline, subheading, primaryCtaLabel, primaryCtaHref, secondaryCtaLabel, secondaryCtaHref, statValue, statLabel, statNote, headingLevel, bg, id"
    },
    {
      "name": "MiscAnnouncementBar",
      "kind": "section",
      "category": "misc",
      "file": "src/components/sections/misc/MiscAnnouncementBar.astro",
      "route": "/sections/misc",
      "anchor": "misc-announcement-bar",
      "tags": [
        "misc",
        "announcement",
        "banner",
        "compact"
      ],
      "description": "Compact product announcement with a direct link and accessible dismiss action.",
      "props": "badge, message, ctaLabel, ctaHref, dismissLabel, bg, id"
    },
    {
      "name": "MiscComingSoon",
      "kind": "section",
      "category": "misc",
      "file": "src/components/sections/misc/MiscComingSoon.astro",
      "route": "/sections/misc",
      "anchor": "misc-coming-soon",
      "tags": [
        "misc",
        "launch",
        "email",
        "form"
      ],
      "description": "Coming-soon launch section with product cues and a labelled email capture form.",
      "props": "eyebrow, headline, description, formLabel, formPlaceholder, buttonLabel, formAction, formMethod, formIdPrefix, headingLevel, bg, id"
    },
    {
      "name": "MiscCookieBanner",
      "kind": "section",
      "category": "misc",
      "file": "src/components/sections/misc/MiscCookieBanner.astro",
      "route": "/sections/misc",
      "anchor": "misc-cookie-banner",
      "tags": [
        "misc",
        "privacy",
        "consent",
        "banner"
      ],
      "description": "Compact cookie consent banner with policy, preference, reject, and accept actions.",
      "props": "title, description, policyLabel, policyHref, acceptLabel, rejectLabel, manageLabel, headingLevel, bg, id"
    },
    {
      "name": "MiscNotFound404",
      "kind": "section",
      "category": "misc",
      "file": "src/components/sections/misc/MiscNotFound404.astro",
      "route": "/sections/misc",
      "anchor": "misc-not-found-404",
      "tags": [
        "misc",
        "status",
        "404",
        "error"
      ],
      "description": "Friendly 404 recovery section with clear routes back to StoreHub content.",
      "props": "eyebrow, headline, description, primaryCtaLabel, primaryCtaHref, secondaryCtaLabel, secondaryCtaHref, headingLevel, bg, id"
    },
    {
      "name": "MiscThankYou",
      "kind": "section",
      "category": "misc",
      "file": "src/components/sections/misc/MiscThankYou.astro",
      "route": "/sections/misc",
      "anchor": "misc-thank-you",
      "tags": [
        "misc",
        "status",
        "confirmation",
        "success"
      ],
      "description": "Thank-you confirmation with next-step context and two onward actions.",
      "props": "eyebrow, headline, description, referenceLabel, referenceValue, primaryCtaLabel, primaryCtaHref, secondaryCtaLabel, secondaryCtaHref, headingLevel, bg, id"
    },
    {
      "name": "NavbarCenteredLogo",
      "kind": "section",
      "category": "navbars",
      "file": "src/components/sections/navbars/NavbarCenteredLogo.astro",
      "route": "/sections/navbars",
      "anchor": "navbar-centered-logo",
      "tags": [
        "navbar",
        "navigation",
        "centered-logo"
      ],
      "description": "Balanced navbar with a centered StoreHub brand and business links split across both sides.",
      "props": "logoText, logoHref, leftLinks, rightLinks, ctaLabel, ctaHref, navLabel, menuLabel, bg, id"
    },
    {
      "name": "NavbarMegaMenu",
      "kind": "section",
      "category": "navbars",
      "file": "src/components/sections/navbars/NavbarMegaMenu.astro",
      "route": "/sections/navbars",
      "anchor": "navbar-mega-menu",
      "tags": [
        "navbar",
        "navigation",
        "mega-menu",
        "products"
      ],
      "description": "Product-led navbar with a two-column mega menu for POS, inventory, payments, and loyalty.",
      "props": "logoText, logoHref, productLabel, productGroups, links, ctaLabel, ctaHref, navLabel, menuLabel, bg, id"
    },
    {
      "name": "NavbarSimple",
      "kind": "section",
      "category": "navbars",
      "file": "src/components/sections/navbars/NavbarSimple.astro",
      "route": "/sections/navbars",
      "anchor": "navbar-simple",
      "tags": [
        "navbar",
        "navigation",
        "simple"
      ],
      "description": "Straightforward responsive navbar with brand, core product links, and a primary demo CTA.",
      "props": "logoText, logoHref, links, ctaLabel, ctaHref, navLabel, menuLabel, bg, id"
    },
    {
      "name": "NavbarStickyCondensed",
      "kind": "section",
      "category": "navbars",
      "file": "src/components/sections/navbars/NavbarStickyCondensed.astro",
      "route": "/sections/navbars",
      "anchor": "navbar-sticky-condensed",
      "tags": [
        "navbar",
        "navigation",
        "sticky",
        "condensed"
      ],
      "description": "Compact sticky product navbar with active section state and a responsive demo CTA.",
      "props": "logoText, logoHref, links, ctaLabel, ctaHref, navLabel, menuLabel, bg, id"
    },
    {
      "name": "NavbarTransparent",
      "kind": "section",
      "category": "navbars",
      "file": "src/components/sections/navbars/NavbarTransparent.astro",
      "route": "/sections/navbars",
      "anchor": "navbar-transparent",
      "tags": [
        "navbar",
        "navigation",
        "transparent",
        "campaign"
      ],
      "description": "Transparent light-theme navbar designed for warm StoreHub campaign backdrops.",
      "props": "logoText, logoHref, links, ctaLabel, ctaHref, locationLabel, locationHref, navLabel, menuLabel, bg, id"
    },
    {
      "name": "PricingBillingToggle",
      "kind": "section",
      "category": "pricing",
      "file": "src/components/sections/pricing/PricingBillingToggle.astro",
      "route": "/sections/pricing",
      "anchor": "pricing-billing-toggle",
      "tags": [
        "pricing",
        "billing",
        "toggle"
      ],
      "description": "Compact pricing offer with an accessible monthly or yearly billing selector.",
      "props": "eyebrow, headline, subheading, planName, monthlyPrice, yearlyPrice, currency, savingsLabel, features, ctaLabel, ctaHref, defaultYearly, idPrefix, headingLevel, bg, id"
    },
    {
      "name": "PricingComparisonTable",
      "kind": "section",
      "category": "pricing",
      "file": "src/components/sections/pricing/PricingComparisonTable.astro",
      "route": "/sections/pricing",
      "anchor": "pricing-comparison-table",
      "tags": [
        "pricing",
        "comparison",
        "table"
      ],
      "description": "Accessible feature and price table for comparing three StoreHub plans.",
      "props": "eyebrow, headline, subheading, plans, features, currency, period, ctaHref, headingLevel, bg, id"
    },
    {
      "name": "PricingSinglePlan",
      "kind": "section",
      "category": "pricing",
      "file": "src/components/sections/pricing/PricingSinglePlan.astro",
      "route": "/sections/pricing",
      "anchor": "pricing-single-plan",
      "tags": [
        "pricing",
        "single-plan",
        "focused"
      ],
      "description": "Focused all-in-one StoreHub offer with included tools and one primary action.",
      "props": "eyebrow, headline, subheading, planName, price, currency, period, features, note, ctaLabel, ctaHref, headingLevel, bg, id"
    },
    {
      "name": "PricingTiers3",
      "kind": "section",
      "category": "pricing",
      "file": "src/components/sections/pricing/PricingTiers3.astro",
      "route": "/sections/pricing",
      "anchor": "pricing-tiers-3",
      "tags": [
        "pricing",
        "tiers",
        "plans"
      ],
      "description": "Three StoreHub plan cards for F&B and retail businesses at different growth stages.",
      "props": "eyebrow, headline, subheading, tiers, currency, period, headingLevel, bg, id"
    },
    {
      "name": "PricingWithFaq",
      "kind": "section",
      "category": "pricing",
      "file": "src/components/sections/pricing/PricingWithFaq.astro",
      "route": "/sections/pricing",
      "anchor": "pricing-with-faq",
      "tags": [
        "pricing",
        "faq",
        "support"
      ],
      "description": "Featured StoreHub plan paired with concise purchasing questions and answers.",
      "props": "eyebrow, headline, subheading, planName, price, currency, period, features, ctaLabel, ctaHref, faqItems, openFirst, headingLevel, bg, id"
    },
    {
      "name": "ProcessBeforeAfter",
      "kind": "section",
      "category": "process",
      "file": "src/components/sections/process/ProcessBeforeAfter.astro",
      "route": "/sections/process",
      "anchor": "process-before-after",
      "tags": [
        "process",
        "comparison",
        "transformation"
      ],
      "description": "Side-by-side panels compare disconnected manual work with a connected StoreHub workflow.",
      "props": "eyebrow, headline, subheading, beforeTitle, beforeItems, afterTitle, afterItems, headingLevel, bg, id"
    },
    {
      "name": "ProcessCardFlow",
      "kind": "section",
      "category": "process",
      "file": "src/components/sections/process/ProcessCardFlow.astro",
      "route": "/sections/process",
      "anchor": "process-card-flow",
      "tags": [
        "process",
        "cards",
        "connected"
      ],
      "description": "Connected cards show how orders, payments, inventory, and loyalty flow together.",
      "props": "eyebrow, headline, subheading, cards, headingLevel, bg, id"
    },
    {
      "name": "ProcessConnectedImage",
      "kind": "section",
      "category": "process",
      "file": "src/components/sections/process/ProcessConnectedImage.astro",
      "route": "/sections/process",
      "anchor": "process-connected-image",
      "tags": [
        "process",
        "image",
        "dashboard"
      ],
      "description": "A guided step list pairs with a supplied image or a built-in StoreHub dashboard preview.",
      "props": "eyebrow, headline, subheading, steps, imageSrc, imageAlt, headingLevel, bg, id"
    },
    {
      "name": "ProcessStepsHorizontal",
      "kind": "section",
      "category": "process",
      "file": "src/components/sections/process/ProcessStepsHorizontal.astro",
      "route": "/sections/process",
      "anchor": "process-steps-horizontal",
      "tags": [
        "process",
        "steps",
        "horizontal"
      ],
      "description": "Three connected horizontal steps explain a straightforward StoreHub setup journey.",
      "props": "eyebrow, headline, subheading, steps, headingLevel, bg, id"
    },
    {
      "name": "ProcessTimelineVertical",
      "kind": "section",
      "category": "process",
      "file": "src/components/sections/process/ProcessTimelineVertical.astro",
      "route": "/sections/process",
      "anchor": "process-timeline-vertical",
      "tags": [
        "process",
        "timeline",
        "vertical"
      ],
      "description": "A vertical milestone timeline presents discovery, preparation, launch, and growth.",
      "props": "eyebrow, headline, subheading, milestones, headingLevel, bg, id"
    },
    {
      "name": "ProofBigStat",
      "kind": "section",
      "category": "social-proof",
      "file": "src/components/sections/social-proof/ProofBigStat.astro",
      "route": "/sections/social-proof",
      "anchor": "proof-big-stat",
      "tags": [
        "social-proof",
        "stats",
        "outcome"
      ],
      "description": "One oversized merchant outcome with context and a source note.",
      "props": "eyebrow, value, headline, description, source, headingLevel, bg, id"
    },
    {
      "name": "ProofLogoGrid",
      "kind": "section",
      "category": "social-proof",
      "file": "src/components/sections/social-proof/ProofLogoGrid.astro",
      "route": "/sections/social-proof",
      "anchor": "proof-logo-grid",
      "tags": [
        "social-proof",
        "logos",
        "grid"
      ],
      "description": "Responsive customer logo grid with business type labels.",
      "props": "eyebrow, headline, logos, headingLevel, bg, id"
    },
    {
      "name": "ProofLogoStrip",
      "kind": "section",
      "category": "social-proof",
      "file": "src/components/sections/social-proof/ProofLogoStrip.astro",
      "route": "/sections/social-proof",
      "anchor": "proof-logo-strip",
      "tags": [
        "social-proof",
        "logos",
        "trust"
      ],
      "description": "Compact row of StoreHub customer marks for broad brand trust.",
      "props": "heading, logos, headingLevel, bg, id"
    },
    {
      "name": "ProofQuoteWithPhoto",
      "kind": "section",
      "category": "social-proof",
      "file": "src/components/sections/social-proof/ProofQuoteWithPhoto.astro",
      "route": "/sections/social-proof",
      "anchor": "proof-quote-with-photo",
      "tags": [
        "social-proof",
        "quote",
        "photo"
      ],
      "description": "Editorial merchant quote paired with an accessible business portrait.",
      "props": "eyebrow, quote, name, role, business, photoSrc, photoAlt, headingLevel, bg, id"
    },
    {
      "name": "ProofReviewBadges",
      "kind": "section",
      "category": "social-proof",
      "file": "src/components/sections/social-proof/ProofReviewBadges.astro",
      "route": "/sections/social-proof",
      "anchor": "proof-review-badges",
      "tags": [
        "social-proof",
        "reviews",
        "badges"
      ],
      "description": "Compact third-party review badges with aggregate rating context.",
      "props": "heading, rating, reviewCount, reviews, headingLevel, bg, id"
    },
    {
      "name": "ProofStatBar",
      "kind": "section",
      "category": "social-proof",
      "file": "src/components/sections/social-proof/ProofStatBar.astro",
      "route": "/sections/social-proof",
      "anchor": "proof-stat-bar",
      "tags": [
        "social-proof",
        "stats",
        "metrics"
      ],
      "description": "Horizontal bar of business impact metrics with supporting icons.",
      "props": "eyebrow, stats, headingLevel, bg, id"
    },
    {
      "name": "ProofTestimonialCarousel",
      "kind": "section",
      "category": "social-proof",
      "file": "src/components/sections/social-proof/ProofTestimonialCarousel.astro",
      "route": "/sections/social-proof",
      "anchor": "proof-testimonial-carousel",
      "tags": [
        "social-proof",
        "testimonial",
        "carousel"
      ],
      "description": "Keyboard-scrollable merchant testimonial carousel without autoplay.",
      "props": "eyebrow, headline, testimonials, headingLevel, bg, id"
    },
    {
      "name": "ProofTestimonialGrid",
      "kind": "section",
      "category": "social-proof",
      "file": "src/components/sections/social-proof/ProofTestimonialGrid.astro",
      "route": "/sections/social-proof",
      "anchor": "proof-testimonial-grid",
      "tags": [
        "social-proof",
        "testimonial",
        "grid"
      ],
      "description": "Responsive grid of merchant testimonials across F&B and retail.",
      "props": "eyebrow, headline, testimonials, headingLevel, bg, id"
    },
    {
      "name": "ProofTestimonialSingle",
      "kind": "section",
      "category": "social-proof",
      "file": "src/components/sections/social-proof/ProofTestimonialSingle.astro",
      "route": "/sections/social-proof",
      "anchor": "proof-testimonial-single",
      "tags": [
        "social-proof",
        "testimonial",
        "featured"
      ],
      "description": "Focused merchant testimonial with rating and attribution.",
      "props": "eyebrow, quote, name, role, business, rating, headingLevel, bg, id"
    },
    {
      "name": "TeamCulture",
      "kind": "section",
      "category": "team",
      "file": "src/components/sections/team/TeamCulture.astro",
      "route": "/sections/team",
      "anchor": "team-culture",
      "tags": [
        "team",
        "culture",
        "careers"
      ],
      "description": "Culture story with employee experience highlights, editorial visual, and careers CTA.",
      "props": "eyebrow, headline, subheading, highlights, imageSrc, imageAlt, ctaLabel, ctaHref, headingLevel, bg, id"
    },
    {
      "name": "TeamFounder",
      "kind": "section",
      "category": "team",
      "file": "src/components/sections/team/TeamFounder.astro",
      "route": "/sections/team",
      "anchor": "team-founder",
      "tags": [
        "team",
        "founder",
        "story"
      ],
      "description": "Founder story with editorial portrait, quote, and merchant impact highlights.",
      "props": "eyebrow, headline, story, quote, founderName, founderRole, imageSrc, imageAlt, stats, headingLevel, bg, id"
    },
    {
      "name": "TeamGrid",
      "kind": "section",
      "category": "team",
      "file": "src/components/sections/team/TeamGrid.astro",
      "route": "/sections/team",
      "anchor": "team-grid",
      "tags": [
        "team",
        "grid",
        "profiles"
      ],
      "description": "Compact team card grid with role and merchant-focused specialty.",
      "props": "eyebrow, headline, subheading, members, headingLevel, bg, id"
    },
    {
      "name": "TeamGridWithBio",
      "kind": "section",
      "category": "team",
      "file": "src/components/sections/team/TeamGridWithBio.astro",
      "route": "/sections/team",
      "anchor": "team-grid-with-bio",
      "tags": [
        "team",
        "grid",
        "profiles",
        "bio"
      ],
      "description": "Detailed team profile grid with biographies, expertise, and profile links.",
      "props": "eyebrow, headline, subheading, members, headingLevel, bg, id"
    },
    {
      "name": "TeamLeadershipRow",
      "kind": "section",
      "category": "team",
      "file": "src/components/sections/team/TeamLeadershipRow.astro",
      "route": "/sections/team",
      "anchor": "team-leadership-row",
      "tags": [
        "team",
        "leadership",
        "row"
      ],
      "description": "Horizontal leadership profiles with portrait, role, and strategic remit.",
      "props": "eyebrow, headline, subheading, leaders, headingLevel, bg, id"
    },
    {
      "name": "TeamValues",
      "kind": "section",
      "category": "team",
      "file": "src/components/sections/team/TeamValues.astro",
      "route": "/sections/team",
      "anchor": "team-values",
      "tags": [
        "team",
        "values",
        "cards"
      ],
      "description": "Four value cards connecting team principles to practical merchant outcomes.",
      "props": "eyebrow, headline, subheading, values, headingLevel, bg, id"
    }
  ]
}