[
  {
    "key": "navbar",
    "name": "Navbar — Brand Left",
    "category": "nav",
    "version": "1.1.0",
    "description": "Brand on the left with links beside it, sign-in, theme toggle, and a primary action.",
    "tags": [
      "nav",
      "header",
      "marketing"
    ],
    "colors": [
      "base-100",
      "base-200",
      "base-content",
      "primary"
    ],
    "behaviors": [
      "disclosure",
      "theme-toggle"
    ],
    "emailEligible": false,
    "root": {
      "kind": "element",
      "tag": "header",
      "class": "@container bg-base-100 border-b border-base-200",
      "children": [
        {
          "kind": "element",
          "tag": "div",
          "class": "mx-auto flex w-full max-w-6xl items-center gap-8 px-6 py-4",
          "children": [
            {
              "kind": "component",
              "component": "Wordmark",
              "class": "wordmark shrink-0",
              "props": {
                "text": "SilicaUI",
                "href": "#"
              },
              "slot": {
                "name": "brand",
                "type": "text",
                "label": "Brand"
              }
            },
            {
              "kind": "element",
              "tag": "nav",
              "class": "hidden items-center gap-6 @md:flex",
              "children": [
                {
                  "kind": "element",
                  "tag": "a",
                  "class": "text-sm font-medium text-base-content hover:text-primary",
                  "attrs": {
                    "href": "#"
                  },
                  "children": [
                    "Product"
                  ],
                  "slot": {
                    "name": "link1",
                    "type": "link",
                    "label": "Product"
                  }
                },
                {
                  "kind": "element",
                  "tag": "a",
                  "class": "text-sm font-medium text-base-content hover:text-primary",
                  "attrs": {
                    "href": "#"
                  },
                  "children": [
                    "Pricing"
                  ],
                  "slot": {
                    "name": "link2",
                    "type": "link",
                    "label": "Pricing"
                  }
                },
                {
                  "kind": "element",
                  "tag": "a",
                  "class": "text-sm font-medium text-base-content hover:text-primary",
                  "attrs": {
                    "href": "#"
                  },
                  "children": [
                    "Docs"
                  ],
                  "slot": {
                    "name": "link3",
                    "type": "link",
                    "label": "Docs"
                  }
                },
                {
                  "kind": "element",
                  "tag": "a",
                  "class": "text-sm font-medium text-base-content hover:text-primary",
                  "attrs": {
                    "href": "#"
                  },
                  "children": [
                    "Company"
                  ],
                  "slot": {
                    "name": "link4",
                    "type": "link",
                    "label": "Company"
                  }
                }
              ]
            },
            {
              "kind": "element",
              "tag": "div",
              "class": "ml-auto flex items-center gap-3",
              "children": [
                {
                  "kind": "element",
                  "tag": "a",
                  "class": "hidden text-sm font-medium text-base-content hover:text-primary @sm:inline",
                  "attrs": {
                    "href": "#"
                  },
                  "children": [
                    "Sign in"
                  ],
                  "slot": {
                    "name": "secondary",
                    "type": "link",
                    "label": "Secondary link"
                  }
                },
                {
                  "kind": "element",
                  "tag": "button",
                  "class": "btn btn-ghost btn-square btn-sm",
                  "attrs": {
                    "type": "button"
                  },
                  "children": [
                    {
                      "kind": "component",
                      "component": "Icon",
                      "props": {
                        "name": "theme"
                      }
                    }
                  ],
                  "behavior": {
                    "type": "theme-toggle"
                  }
                },
                {
                  "kind": "component",
                  "component": "Button",
                  "class": "btn btn-primary btn-sm hidden @md:inline-block",
                  "props": {
                    "label": "Get started",
                    "href": "#"
                  },
                  "slot": {
                    "name": "cta",
                    "type": "link",
                    "label": "Primary action"
                  }
                },
                {
                  "kind": "element",
                  "tag": "button",
                  "class": "btn btn-ghost btn-square btn-sm @md:hidden",
                  "attrs": {
                    "type": "button",
                    "aria-label": "Toggle navigation menu"
                  },
                  "children": [
                    {
                      "kind": "component",
                      "component": "Icon",
                      "props": {
                        "name": "menu"
                      }
                    }
                  ],
                  "part": "trigger"
                }
              ]
            }
          ]
        },
        {
          "kind": "element",
          "tag": "nav",
          "class": "flex flex-col gap-1 border-t border-base-200 px-6 py-3 @md:hidden",
          "attrs": {
            "hidden": true
          },
          "children": [
            {
              "kind": "element",
              "tag": "a",
              "class": "block rounded-btn px-3 py-2 text-sm font-medium text-base-content hover:bg-base-200",
              "attrs": {
                "href": "#"
              },
              "children": [
                "Product"
              ],
              "slot": {
                "name": "link1",
                "type": "link",
                "label": "Product"
              }
            },
            {
              "kind": "element",
              "tag": "a",
              "class": "block rounded-btn px-3 py-2 text-sm font-medium text-base-content hover:bg-base-200",
              "attrs": {
                "href": "#"
              },
              "children": [
                "Pricing"
              ],
              "slot": {
                "name": "link2",
                "type": "link",
                "label": "Pricing"
              }
            },
            {
              "kind": "element",
              "tag": "a",
              "class": "block rounded-btn px-3 py-2 text-sm font-medium text-base-content hover:bg-base-200",
              "attrs": {
                "href": "#"
              },
              "children": [
                "Docs"
              ],
              "slot": {
                "name": "link3",
                "type": "link",
                "label": "Docs"
              }
            },
            {
              "kind": "element",
              "tag": "a",
              "class": "block rounded-btn px-3 py-2 text-sm font-medium text-base-content hover:bg-base-200",
              "attrs": {
                "href": "#"
              },
              "children": [
                "Company"
              ],
              "slot": {
                "name": "link4",
                "type": "link",
                "label": "Company"
              }
            },
            {
              "kind": "component",
              "component": "Button",
              "class": "btn btn-ghost btn-sm mt-2 w-full",
              "props": {
                "label": "Sign in",
                "href": "#"
              },
              "slot": {
                "name": "secondary",
                "type": "link",
                "label": "Secondary link"
              }
            },
            {
              "kind": "component",
              "component": "Button",
              "class": "btn btn-primary btn-sm mt-1 w-full",
              "props": {
                "label": "Get started",
                "href": "#"
              },
              "slot": {
                "name": "cta",
                "type": "link",
                "label": "Primary action"
              }
            }
          ],
          "part": "panel"
        }
      ],
      "behavior": {
        "type": "disclosure"
      }
    },
    "slots": [
      {
        "name": "brand",
        "type": "text",
        "label": "Brand"
      },
      {
        "name": "link1",
        "type": "link",
        "label": "Product"
      },
      {
        "name": "link2",
        "type": "link",
        "label": "Pricing"
      },
      {
        "name": "link3",
        "type": "link",
        "label": "Docs"
      },
      {
        "name": "link4",
        "type": "link",
        "label": "Company"
      },
      {
        "name": "secondary",
        "type": "link",
        "label": "Secondary link"
      },
      {
        "name": "cta",
        "type": "link",
        "label": "Primary action"
      },
      {
        "name": "link1",
        "type": "link",
        "label": "Product"
      },
      {
        "name": "link2",
        "type": "link",
        "label": "Pricing"
      },
      {
        "name": "link3",
        "type": "link",
        "label": "Docs"
      },
      {
        "name": "link4",
        "type": "link",
        "label": "Company"
      },
      {
        "name": "secondary",
        "type": "link",
        "label": "Secondary link"
      },
      {
        "name": "cta",
        "type": "link",
        "label": "Primary action"
      }
    ]
  },
  {
    "key": "navbar_center_links",
    "name": "Navbar — Center Links",
    "category": "nav",
    "version": "1.0.0",
    "description": "Brand left, navigation centered, sign in + sign up right — a balanced marketing header.",
    "tags": [
      "nav",
      "header",
      "marketing",
      "sticky"
    ],
    "colors": [
      "base-100",
      "base-200",
      "base-content",
      "primary"
    ],
    "behaviors": [
      "disclosure",
      "theme-toggle"
    ],
    "emailEligible": false,
    "root": {
      "kind": "element",
      "tag": "header",
      "class": "@container sticky top-0 z-20 bg-base-100 border-b border-base-200",
      "children": [
        {
          "kind": "element",
          "tag": "div",
          "class": "mx-auto flex w-full max-w-6xl items-center gap-6 px-6 py-5",
          "children": [
            {
              "kind": "element",
              "tag": "div",
              "class": "flex flex-1 items-center",
              "children": [
                {
                  "kind": "component",
                  "component": "Wordmark",
                  "class": "wordmark shrink-0",
                  "props": {
                    "text": "SilicaUI",
                    "href": "#"
                  },
                  "slot": {
                    "name": "brand",
                    "type": "text",
                    "label": "Brand"
                  }
                }
              ]
            },
            {
              "kind": "element",
              "tag": "nav",
              "class": "hidden items-center justify-center gap-8 @md:flex",
              "children": [
                {
                  "kind": "element",
                  "tag": "a",
                  "class": "text-sm font-medium text-base-content hover:text-primary",
                  "attrs": {
                    "href": "#"
                  },
                  "children": [
                    "Product"
                  ],
                  "slot": {
                    "name": "link1",
                    "type": "link",
                    "label": "Product"
                  }
                },
                {
                  "kind": "element",
                  "tag": "a",
                  "class": "text-sm font-medium text-base-content hover:text-primary",
                  "attrs": {
                    "href": "#"
                  },
                  "children": [
                    "Pricing"
                  ],
                  "slot": {
                    "name": "link2",
                    "type": "link",
                    "label": "Pricing"
                  }
                },
                {
                  "kind": "element",
                  "tag": "a",
                  "class": "text-sm font-medium text-base-content hover:text-primary",
                  "attrs": {
                    "href": "#"
                  },
                  "children": [
                    "Docs"
                  ],
                  "slot": {
                    "name": "link3",
                    "type": "link",
                    "label": "Docs"
                  }
                },
                {
                  "kind": "element",
                  "tag": "a",
                  "class": "text-sm font-medium text-base-content hover:text-primary",
                  "attrs": {
                    "href": "#"
                  },
                  "children": [
                    "Company"
                  ],
                  "slot": {
                    "name": "link4",
                    "type": "link",
                    "label": "Company"
                  }
                }
              ]
            },
            {
              "kind": "element",
              "tag": "div",
              "class": "flex flex-1 items-center justify-end gap-2",
              "children": [
                {
                  "kind": "element",
                  "tag": "button",
                  "class": "btn btn-ghost btn-square btn-sm",
                  "attrs": {
                    "type": "button"
                  },
                  "children": [
                    {
                      "kind": "component",
                      "component": "Icon",
                      "props": {
                        "name": "theme"
                      }
                    }
                  ],
                  "behavior": {
                    "type": "theme-toggle"
                  }
                },
                {
                  "kind": "component",
                  "component": "Button",
                  "class": "btn btn-ghost btn-sm hidden @sm:inline-block",
                  "props": {
                    "label": "Sign in",
                    "href": "#"
                  },
                  "slot": {
                    "name": "secondary",
                    "type": "link",
                    "label": "Secondary link"
                  }
                },
                {
                  "kind": "component",
                  "component": "Button",
                  "class": "btn btn-primary btn-sm hidden @md:inline-block",
                  "props": {
                    "label": "Sign up",
                    "href": "#"
                  },
                  "slot": {
                    "name": "cta",
                    "type": "link",
                    "label": "Primary action"
                  }
                },
                {
                  "kind": "element",
                  "tag": "button",
                  "class": "btn btn-ghost btn-square btn-sm @md:hidden",
                  "attrs": {
                    "type": "button",
                    "aria-label": "Toggle navigation menu"
                  },
                  "children": [
                    {
                      "kind": "component",
                      "component": "Icon",
                      "props": {
                        "name": "menu"
                      }
                    }
                  ],
                  "part": "trigger"
                }
              ]
            }
          ]
        },
        {
          "kind": "element",
          "tag": "nav",
          "class": "flex flex-col gap-1 border-t border-base-200 px-6 py-3 @md:hidden",
          "attrs": {
            "hidden": true
          },
          "children": [
            {
              "kind": "element",
              "tag": "a",
              "class": "block rounded-btn px-3 py-2 text-sm font-medium text-base-content hover:bg-base-200",
              "attrs": {
                "href": "#"
              },
              "children": [
                "Product"
              ],
              "slot": {
                "name": "link1",
                "type": "link",
                "label": "Product"
              }
            },
            {
              "kind": "element",
              "tag": "a",
              "class": "block rounded-btn px-3 py-2 text-sm font-medium text-base-content hover:bg-base-200",
              "attrs": {
                "href": "#"
              },
              "children": [
                "Pricing"
              ],
              "slot": {
                "name": "link2",
                "type": "link",
                "label": "Pricing"
              }
            },
            {
              "kind": "element",
              "tag": "a",
              "class": "block rounded-btn px-3 py-2 text-sm font-medium text-base-content hover:bg-base-200",
              "attrs": {
                "href": "#"
              },
              "children": [
                "Docs"
              ],
              "slot": {
                "name": "link3",
                "type": "link",
                "label": "Docs"
              }
            },
            {
              "kind": "element",
              "tag": "a",
              "class": "block rounded-btn px-3 py-2 text-sm font-medium text-base-content hover:bg-base-200",
              "attrs": {
                "href": "#"
              },
              "children": [
                "Company"
              ],
              "slot": {
                "name": "link4",
                "type": "link",
                "label": "Company"
              }
            },
            {
              "kind": "component",
              "component": "Button",
              "class": "btn btn-ghost btn-sm mt-2 w-full",
              "props": {
                "label": "Sign in",
                "href": "#"
              },
              "slot": {
                "name": "secondary",
                "type": "link",
                "label": "Secondary link"
              }
            },
            {
              "kind": "component",
              "component": "Button",
              "class": "btn btn-primary btn-sm mt-1 w-full",
              "props": {
                "label": "Sign up",
                "href": "#"
              },
              "slot": {
                "name": "cta",
                "type": "link",
                "label": "Primary action"
              }
            }
          ],
          "part": "panel"
        }
      ],
      "behavior": {
        "type": "disclosure"
      }
    },
    "slots": [
      {
        "name": "brand",
        "type": "text",
        "label": "Brand"
      },
      {
        "name": "link1",
        "type": "link",
        "label": "Product"
      },
      {
        "name": "link2",
        "type": "link",
        "label": "Pricing"
      },
      {
        "name": "link3",
        "type": "link",
        "label": "Docs"
      },
      {
        "name": "link4",
        "type": "link",
        "label": "Company"
      },
      {
        "name": "secondary",
        "type": "link",
        "label": "Secondary link"
      },
      {
        "name": "cta",
        "type": "link",
        "label": "Primary action"
      },
      {
        "name": "link1",
        "type": "link",
        "label": "Product"
      },
      {
        "name": "link2",
        "type": "link",
        "label": "Pricing"
      },
      {
        "name": "link3",
        "type": "link",
        "label": "Docs"
      },
      {
        "name": "link4",
        "type": "link",
        "label": "Company"
      },
      {
        "name": "secondary",
        "type": "link",
        "label": "Secondary link"
      },
      {
        "name": "cta",
        "type": "link",
        "label": "Primary action"
      }
    ]
  },
  {
    "key": "navbar_center_logo",
    "name": "Navbar — Center Logo",
    "category": "nav",
    "version": "1.0.0",
    "description": "Links split either side of a centered wordmark — an editorial, magazine-style header.",
    "tags": [
      "nav",
      "header",
      "marketing",
      "editorial"
    ],
    "colors": [
      "base-100",
      "base-200",
      "base-content",
      "primary"
    ],
    "behaviors": [
      "disclosure",
      "theme-toggle"
    ],
    "emailEligible": false,
    "root": {
      "kind": "element",
      "tag": "header",
      "class": "@container bg-base-100 border-b border-base-200",
      "children": [
        {
          "kind": "element",
          "tag": "div",
          "class": "mx-auto flex w-full max-w-6xl items-center gap-4 px-6 py-5",
          "children": [
            {
              "kind": "element",
              "tag": "nav",
              "class": "hidden flex-1 items-center gap-6 @md:flex",
              "children": [
                {
                  "kind": "element",
                  "tag": "a",
                  "class": "text-sm font-medium text-base-content hover:text-primary",
                  "attrs": {
                    "href": "#"
                  },
                  "children": [
                    "Product"
                  ],
                  "slot": {
                    "name": "link1",
                    "type": "link",
                    "label": "Product"
                  }
                },
                {
                  "kind": "element",
                  "tag": "a",
                  "class": "text-sm font-medium text-base-content hover:text-primary",
                  "attrs": {
                    "href": "#"
                  },
                  "children": [
                    "Pricing"
                  ],
                  "slot": {
                    "name": "link2",
                    "type": "link",
                    "label": "Pricing"
                  }
                }
              ]
            },
            {
              "kind": "component",
              "component": "Wordmark",
              "class": "wordmark wordmark-lg shrink-0",
              "props": {
                "text": "SilicaUI",
                "href": "#"
              },
              "slot": {
                "name": "brand",
                "type": "text",
                "label": "Brand"
              }
            },
            {
              "kind": "element",
              "tag": "div",
              "class": "flex flex-1 items-center justify-end gap-4",
              "children": [
                {
                  "kind": "element",
                  "tag": "nav",
                  "class": "hidden items-center gap-6 @md:flex",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "a",
                      "class": "text-sm font-medium text-base-content hover:text-primary",
                      "attrs": {
                        "href": "#"
                      },
                      "children": [
                        "Docs"
                      ],
                      "slot": {
                        "name": "link3",
                        "type": "link",
                        "label": "Docs"
                      }
                    },
                    {
                      "kind": "element",
                      "tag": "a",
                      "class": "text-sm font-medium text-base-content hover:text-primary",
                      "attrs": {
                        "href": "#"
                      },
                      "children": [
                        "Company"
                      ],
                      "slot": {
                        "name": "link4",
                        "type": "link",
                        "label": "Company"
                      }
                    }
                  ]
                },
                {
                  "kind": "element",
                  "tag": "button",
                  "class": "btn btn-ghost btn-square btn-sm",
                  "attrs": {
                    "type": "button"
                  },
                  "children": [
                    {
                      "kind": "component",
                      "component": "Icon",
                      "props": {
                        "name": "theme"
                      }
                    }
                  ],
                  "behavior": {
                    "type": "theme-toggle"
                  }
                },
                {
                  "kind": "component",
                  "component": "Button",
                  "class": "btn btn-primary btn-sm hidden @md:inline-block",
                  "props": {
                    "label": "Get started",
                    "href": "#"
                  },
                  "slot": {
                    "name": "cta",
                    "type": "link",
                    "label": "Primary action"
                  }
                },
                {
                  "kind": "element",
                  "tag": "button",
                  "class": "btn btn-ghost btn-square btn-sm @md:hidden",
                  "attrs": {
                    "type": "button",
                    "aria-label": "Toggle navigation menu"
                  },
                  "children": [
                    {
                      "kind": "component",
                      "component": "Icon",
                      "props": {
                        "name": "menu"
                      }
                    }
                  ],
                  "part": "trigger"
                }
              ]
            }
          ]
        },
        {
          "kind": "element",
          "tag": "nav",
          "class": "flex flex-col gap-1 border-t border-base-200 px-6 py-3 @md:hidden",
          "attrs": {
            "hidden": true
          },
          "children": [
            {
              "kind": "element",
              "tag": "a",
              "class": "block rounded-btn px-3 py-2 text-sm font-medium text-base-content hover:bg-base-200",
              "attrs": {
                "href": "#"
              },
              "children": [
                "Product"
              ],
              "slot": {
                "name": "link1",
                "type": "link",
                "label": "Product"
              }
            },
            {
              "kind": "element",
              "tag": "a",
              "class": "block rounded-btn px-3 py-2 text-sm font-medium text-base-content hover:bg-base-200",
              "attrs": {
                "href": "#"
              },
              "children": [
                "Pricing"
              ],
              "slot": {
                "name": "link2",
                "type": "link",
                "label": "Pricing"
              }
            },
            {
              "kind": "element",
              "tag": "a",
              "class": "block rounded-btn px-3 py-2 text-sm font-medium text-base-content hover:bg-base-200",
              "attrs": {
                "href": "#"
              },
              "children": [
                "Docs"
              ],
              "slot": {
                "name": "link3",
                "type": "link",
                "label": "Docs"
              }
            },
            {
              "kind": "element",
              "tag": "a",
              "class": "block rounded-btn px-3 py-2 text-sm font-medium text-base-content hover:bg-base-200",
              "attrs": {
                "href": "#"
              },
              "children": [
                "Company"
              ],
              "slot": {
                "name": "link4",
                "type": "link",
                "label": "Company"
              }
            },
            {
              "kind": "component",
              "component": "Button",
              "class": "btn btn-primary btn-sm mt-1 w-full",
              "props": {
                "label": "Get started",
                "href": "#"
              },
              "slot": {
                "name": "cta",
                "type": "link",
                "label": "Primary action"
              }
            }
          ],
          "part": "panel"
        }
      ],
      "behavior": {
        "type": "disclosure"
      }
    },
    "slots": [
      {
        "name": "link1",
        "type": "link",
        "label": "Product"
      },
      {
        "name": "link2",
        "type": "link",
        "label": "Pricing"
      },
      {
        "name": "brand",
        "type": "text",
        "label": "Brand"
      },
      {
        "name": "link3",
        "type": "link",
        "label": "Docs"
      },
      {
        "name": "link4",
        "type": "link",
        "label": "Company"
      },
      {
        "name": "cta",
        "type": "link",
        "label": "Primary action"
      },
      {
        "name": "link1",
        "type": "link",
        "label": "Product"
      },
      {
        "name": "link2",
        "type": "link",
        "label": "Pricing"
      },
      {
        "name": "link3",
        "type": "link",
        "label": "Docs"
      },
      {
        "name": "link4",
        "type": "link",
        "label": "Company"
      },
      {
        "name": "cta",
        "type": "link",
        "label": "Primary action"
      }
    ]
  },
  {
    "key": "navbar_mega_menu",
    "name": "Navbar — Mega Menu",
    "category": "nav",
    "version": "1.0.0",
    "description": "A trigger opens a full-width shelf of grouped links, with search — for deep navigation.",
    "tags": [
      "nav",
      "header",
      "mega",
      "search",
      "marketing"
    ],
    "colors": [
      "base-100",
      "base-200",
      "base-content",
      "primary"
    ],
    "behaviors": [
      "disclosure",
      "theme-toggle"
    ],
    "emailEligible": false,
    "root": {
      "kind": "element",
      "tag": "header",
      "class": "@container sticky top-0 z-20 bg-base-100 border-b border-base-200",
      "children": [
        {
          "kind": "element",
          "tag": "div",
          "class": "mx-auto flex w-full max-w-6xl items-center gap-6 px-6 py-4",
          "children": [
            {
              "kind": "component",
              "component": "Wordmark",
              "class": "wordmark shrink-0",
              "props": {
                "text": "SilicaUI",
                "href": "#"
              },
              "slot": {
                "name": "brand",
                "type": "text",
                "label": "Brand"
              }
            },
            {
              "kind": "element",
              "tag": "nav",
              "class": "hidden items-center gap-6 @md:flex",
              "children": [
                {
                  "kind": "element",
                  "tag": "button",
                  "class": "inline-flex items-center gap-1 text-sm font-medium text-base-content hover:text-primary",
                  "attrs": {
                    "type": "button"
                  },
                  "children": [
                    {
                      "kind": "element",
                      "tag": "span",
                      "children": [
                        "Product"
                      ],
                      "slot": {
                        "name": "menuLabel",
                        "type": "text",
                        "label": "Mega menu label"
                      }
                    },
                    {
                      "kind": "component",
                      "component": "Icon",
                      "class": "text-xs",
                      "props": {
                        "name": "chevronDown"
                      }
                    }
                  ],
                  "part": "trigger"
                },
                {
                  "kind": "element",
                  "tag": "a",
                  "class": "text-sm font-medium text-base-content hover:text-primary",
                  "attrs": {
                    "href": "#"
                  },
                  "children": [
                    "Pricing"
                  ],
                  "slot": {
                    "name": "link1",
                    "type": "link",
                    "label": "Pricing"
                  }
                },
                {
                  "kind": "element",
                  "tag": "a",
                  "class": "text-sm font-medium text-base-content hover:text-primary",
                  "attrs": {
                    "href": "#"
                  },
                  "children": [
                    "Docs"
                  ],
                  "slot": {
                    "name": "link2",
                    "type": "link",
                    "label": "Docs"
                  }
                }
              ]
            },
            {
              "kind": "element",
              "tag": "div",
              "class": "ml-auto flex items-center gap-3",
              "children": [
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "hidden w-56 @lg:block",
                  "children": [
                    {
                      "kind": "component",
                      "component": "InputGroup",
                      "class": "input-group",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "span",
                          "class": "input-group-start",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Icon",
                              "props": {
                                "name": "search"
                              }
                            }
                          ]
                        },
                        {
                          "kind": "component",
                          "component": "SearchInput",
                          "class": "input input-sm input-affix-start input-affix-end",
                          "props": {
                            "placeholder": "Search docs"
                          }
                        },
                        {
                          "kind": "element",
                          "tag": "span",
                          "class": "input-group-end",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Kbd",
                              "class": "kbd kbd-sm",
                              "props": {
                                "text": "⌘K"
                              }
                            }
                          ]
                        }
                      ]
                    }
                  ]
                },
                {
                  "kind": "element",
                  "tag": "a",
                  "class": "hidden text-sm font-medium text-base-content hover:text-primary @sm:inline",
                  "attrs": {
                    "href": "#"
                  },
                  "children": [
                    "Sign in"
                  ],
                  "slot": {
                    "name": "secondary",
                    "type": "link",
                    "label": "Secondary link"
                  }
                },
                {
                  "kind": "element",
                  "tag": "button",
                  "class": "btn btn-ghost btn-square btn-sm",
                  "attrs": {
                    "type": "button"
                  },
                  "children": [
                    {
                      "kind": "component",
                      "component": "Icon",
                      "props": {
                        "name": "theme"
                      }
                    }
                  ],
                  "behavior": {
                    "type": "theme-toggle"
                  }
                },
                {
                  "kind": "component",
                  "component": "Button",
                  "class": "btn btn-primary btn-sm hidden @md:inline-block",
                  "props": {
                    "label": "Get started",
                    "href": "#"
                  },
                  "slot": {
                    "name": "cta",
                    "type": "link",
                    "label": "Primary action"
                  }
                },
                {
                  "kind": "element",
                  "tag": "button",
                  "class": "btn btn-ghost btn-square btn-sm @md:hidden",
                  "attrs": {
                    "type": "button",
                    "aria-label": "Toggle navigation menu"
                  },
                  "children": [
                    {
                      "kind": "component",
                      "component": "Icon",
                      "props": {
                        "name": "menu"
                      }
                    }
                  ],
                  "part": "trigger"
                }
              ]
            }
          ]
        },
        {
          "kind": "element",
          "tag": "div",
          "class": "hidden border-t border-base-200 bg-base-200 @md:block",
          "attrs": {
            "hidden": true
          },
          "children": [
            {
              "kind": "element",
              "tag": "div",
              "class": "mx-auto grid w-full max-w-6xl grid-cols-2 gap-8 px-6 py-8 @2xl:grid-cols-3",
              "children": [
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex flex-col gap-3",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "p",
                      "class": "text-sm font-semibold text-base-content",
                      "children": [
                        "Build"
                      ],
                      "slot": {
                        "name": "col1",
                        "type": "text",
                        "label": "Build column"
                      }
                    },
                    {
                      "kind": "element",
                      "tag": "ul",
                      "class": "flex flex-col gap-2",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "li",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "a",
                              "class": "text-sm text-base-content hover:text-primary",
                              "attrs": {
                                "href": "#"
                              },
                              "children": [
                                "Editor"
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "span",
                              "class": "flex items-center gap-2",
                              "children": [
                                {
                                  "kind": "element",
                                  "tag": "a",
                                  "class": "text-sm text-base-content hover:text-primary",
                                  "attrs": {
                                    "href": "#"
                                  },
                                  "children": [
                                    "Components"
                                  ]
                                },
                                {
                                  "kind": "component",
                                  "component": "Badge",
                                  "class": "badge badge-primary badge-sm",
                                  "props": {
                                    "text": "New"
                                  }
                                }
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "a",
                              "class": "text-sm text-base-content hover:text-primary",
                              "attrs": {
                                "href": "#"
                              },
                              "children": [
                                "Themes"
                              ]
                            }
                          ]
                        }
                      ]
                    }
                  ]
                },
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex flex-col gap-3",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "p",
                      "class": "text-sm font-semibold text-base-content",
                      "children": [
                        "Ship"
                      ],
                      "slot": {
                        "name": "col2",
                        "type": "text",
                        "label": "Ship column"
                      }
                    },
                    {
                      "kind": "element",
                      "tag": "ul",
                      "class": "flex flex-col gap-2",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "li",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "a",
                              "class": "text-sm text-base-content hover:text-primary",
                              "attrs": {
                                "href": "#"
                              },
                              "children": [
                                "Publishing"
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "a",
                              "class": "text-sm text-base-content hover:text-primary",
                              "attrs": {
                                "href": "#"
                              },
                              "children": [
                                "Domains"
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "a",
                              "class": "text-sm text-base-content hover:text-primary",
                              "attrs": {
                                "href": "#"
                              },
                              "children": [
                                "Analytics"
                              ]
                            }
                          ]
                        }
                      ]
                    }
                  ]
                },
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex flex-col gap-3",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "p",
                      "class": "text-sm font-semibold text-base-content",
                      "children": [
                        "Learn"
                      ],
                      "slot": {
                        "name": "col3",
                        "type": "text",
                        "label": "Learn column"
                      }
                    },
                    {
                      "kind": "element",
                      "tag": "ul",
                      "class": "flex flex-col gap-2",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "li",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "a",
                              "class": "text-sm text-base-content hover:text-primary",
                              "attrs": {
                                "href": "#"
                              },
                              "children": [
                                "Docs"
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "a",
                              "class": "text-sm text-base-content hover:text-primary",
                              "attrs": {
                                "href": "#"
                              },
                              "children": [
                                "Guides"
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "a",
                              "class": "text-sm text-base-content hover:text-primary",
                              "attrs": {
                                "href": "#"
                              },
                              "children": [
                                "Changelog"
                              ]
                            }
                          ]
                        }
                      ]
                    }
                  ]
                }
              ]
            }
          ],
          "part": "panel"
        },
        {
          "kind": "element",
          "tag": "nav",
          "class": "flex flex-col gap-1 border-t border-base-200 px-6 py-3 @md:hidden",
          "attrs": {
            "hidden": true
          },
          "children": [
            {
              "kind": "element",
              "tag": "a",
              "class": "block rounded-btn px-3 py-2 text-sm font-medium text-base-content hover:bg-base-200",
              "attrs": {
                "href": "#"
              },
              "children": [
                "Product"
              ],
              "slot": {
                "name": "link0",
                "type": "link",
                "label": "Product"
              }
            },
            {
              "kind": "element",
              "tag": "a",
              "class": "block rounded-btn px-3 py-2 text-sm font-medium text-base-content hover:bg-base-200",
              "attrs": {
                "href": "#"
              },
              "children": [
                "Pricing"
              ],
              "slot": {
                "name": "link1",
                "type": "link",
                "label": "Pricing"
              }
            },
            {
              "kind": "element",
              "tag": "a",
              "class": "block rounded-btn px-3 py-2 text-sm font-medium text-base-content hover:bg-base-200",
              "attrs": {
                "href": "#"
              },
              "children": [
                "Docs"
              ],
              "slot": {
                "name": "link2",
                "type": "link",
                "label": "Docs"
              }
            },
            {
              "kind": "component",
              "component": "Button",
              "class": "btn btn-ghost btn-sm mt-2 w-full",
              "props": {
                "label": "Sign in",
                "href": "#"
              },
              "slot": {
                "name": "secondary",
                "type": "link",
                "label": "Secondary link"
              }
            },
            {
              "kind": "component",
              "component": "Button",
              "class": "btn btn-primary btn-sm mt-1 w-full",
              "props": {
                "label": "Get started",
                "href": "#"
              },
              "slot": {
                "name": "cta",
                "type": "link",
                "label": "Primary action"
              }
            }
          ],
          "part": "panel"
        }
      ],
      "behavior": {
        "type": "disclosure"
      }
    },
    "slots": [
      {
        "name": "brand",
        "type": "text",
        "label": "Brand"
      },
      {
        "name": "menuLabel",
        "type": "text",
        "label": "Mega menu label"
      },
      {
        "name": "link1",
        "type": "link",
        "label": "Pricing"
      },
      {
        "name": "link2",
        "type": "link",
        "label": "Docs"
      },
      {
        "name": "secondary",
        "type": "link",
        "label": "Secondary link"
      },
      {
        "name": "cta",
        "type": "link",
        "label": "Primary action"
      },
      {
        "name": "col1",
        "type": "text",
        "label": "Build column"
      },
      {
        "name": "col2",
        "type": "text",
        "label": "Ship column"
      },
      {
        "name": "col3",
        "type": "text",
        "label": "Learn column"
      },
      {
        "name": "link0",
        "type": "link",
        "label": "Product"
      },
      {
        "name": "link1",
        "type": "link",
        "label": "Pricing"
      },
      {
        "name": "link2",
        "type": "link",
        "label": "Docs"
      },
      {
        "name": "secondary",
        "type": "link",
        "label": "Secondary link"
      },
      {
        "name": "cta",
        "type": "link",
        "label": "Primary action"
      }
    ]
  },
  {
    "key": "navbar_floating_pill",
    "name": "Navbar — Floating Pill",
    "category": "nav",
    "version": "1.0.0",
    "description": "A rounded, frosted capsule that sticks as you scroll, with an account avatar.",
    "tags": [
      "nav",
      "header",
      "glass",
      "sticky",
      "app"
    ],
    "colors": [
      "base-100",
      "base-content",
      "base-300",
      "primary"
    ],
    "behaviors": [
      "disclosure",
      "theme-toggle"
    ],
    "emailEligible": false,
    "root": {
      "kind": "element",
      "tag": "header",
      "class": "@container sticky top-4 z-30 px-4",
      "children": [
        {
          "kind": "element",
          "tag": "div",
          "class": "mx-auto flex w-full max-w-4xl items-center gap-6 rounded-full border glass px-3 py-2 shadow-lg",
          "children": [
            {
              "kind": "component",
              "component": "Wordmark",
              "class": "wordmark wordmark-sm shrink-0 pl-3",
              "props": {
                "text": "SilicaUI",
                "href": "#"
              },
              "slot": {
                "name": "brand",
                "type": "text",
                "label": "Brand"
              }
            },
            {
              "kind": "element",
              "tag": "nav",
              "class": "hidden items-center gap-6 @md:flex",
              "children": [
                {
                  "kind": "element",
                  "tag": "a",
                  "class": "text-sm font-medium text-base-content hover:text-primary",
                  "attrs": {
                    "href": "#"
                  },
                  "children": [
                    "Product"
                  ],
                  "slot": {
                    "name": "link1",
                    "type": "link",
                    "label": "Product"
                  }
                },
                {
                  "kind": "element",
                  "tag": "a",
                  "class": "text-sm font-medium text-base-content hover:text-primary",
                  "attrs": {
                    "href": "#"
                  },
                  "children": [
                    "Pricing"
                  ],
                  "slot": {
                    "name": "link2",
                    "type": "link",
                    "label": "Pricing"
                  }
                },
                {
                  "kind": "element",
                  "tag": "a",
                  "class": "text-sm font-medium text-base-content hover:text-primary",
                  "attrs": {
                    "href": "#"
                  },
                  "children": [
                    "Docs"
                  ],
                  "slot": {
                    "name": "link3",
                    "type": "link",
                    "label": "Docs"
                  }
                }
              ]
            },
            {
              "kind": "element",
              "tag": "div",
              "class": "ml-auto flex items-center gap-1",
              "children": [
                {
                  "kind": "element",
                  "tag": "button",
                  "class": "btn btn-ghost btn-circle btn-sm",
                  "attrs": {
                    "type": "button"
                  },
                  "children": [
                    {
                      "kind": "component",
                      "component": "Icon",
                      "props": {
                        "name": "theme"
                      }
                    }
                  ],
                  "behavior": {
                    "type": "theme-toggle"
                  }
                },
                {
                  "kind": "element",
                  "tag": "a",
                  "class": "hidden @md:inline-block",
                  "attrs": {
                    "href": "#",
                    "aria-label": "Your account"
                  },
                  "children": [
                    {
                      "kind": "component",
                      "component": "Avatar",
                      "class": "avatar h-8 w-8",
                      "props": {
                        "alt": ""
                      },
                      "slot": {
                        "name": "avatar",
                        "type": "image",
                        "label": "Account avatar"
                      }
                    }
                  ]
                },
                {
                  "kind": "element",
                  "tag": "button",
                  "class": "btn btn-ghost btn-circle btn-sm @md:hidden",
                  "attrs": {
                    "type": "button",
                    "aria-label": "Toggle navigation menu"
                  },
                  "children": [
                    {
                      "kind": "component",
                      "component": "Icon",
                      "props": {
                        "name": "menu"
                      }
                    }
                  ],
                  "part": "trigger"
                }
              ]
            }
          ]
        },
        {
          "kind": "element",
          "tag": "nav",
          "class": "mx-auto mt-2 flex w-full max-w-4xl flex-col gap-1 rounded-box border border-base-300 bg-base-100 p-2 shadow-lg @md:hidden",
          "attrs": {
            "hidden": true
          },
          "children": [
            {
              "kind": "element",
              "tag": "a",
              "class": "block rounded-btn px-3 py-2 text-sm font-medium text-base-content hover:bg-base-200",
              "attrs": {
                "href": "#"
              },
              "children": [
                "Product"
              ],
              "slot": {
                "name": "link1",
                "type": "link",
                "label": "Product"
              }
            },
            {
              "kind": "element",
              "tag": "a",
              "class": "block rounded-btn px-3 py-2 text-sm font-medium text-base-content hover:bg-base-200",
              "attrs": {
                "href": "#"
              },
              "children": [
                "Pricing"
              ],
              "slot": {
                "name": "link2",
                "type": "link",
                "label": "Pricing"
              }
            },
            {
              "kind": "element",
              "tag": "a",
              "class": "block rounded-btn px-3 py-2 text-sm font-medium text-base-content hover:bg-base-200",
              "attrs": {
                "href": "#"
              },
              "children": [
                "Docs"
              ],
              "slot": {
                "name": "link3",
                "type": "link",
                "label": "Docs"
              }
            },
            {
              "kind": "component",
              "component": "Button",
              "class": "btn btn-ghost btn-sm mt-2 w-full",
              "props": {
                "label": "Account",
                "href": "#"
              },
              "slot": {
                "name": "secondary",
                "type": "link",
                "label": "Secondary link"
              }
            }
          ],
          "part": "panel"
        }
      ],
      "behavior": {
        "type": "disclosure"
      }
    },
    "slots": [
      {
        "name": "brand",
        "type": "text",
        "label": "Brand"
      },
      {
        "name": "link1",
        "type": "link",
        "label": "Product"
      },
      {
        "name": "link2",
        "type": "link",
        "label": "Pricing"
      },
      {
        "name": "link3",
        "type": "link",
        "label": "Docs"
      },
      {
        "name": "avatar",
        "type": "image",
        "label": "Account avatar"
      },
      {
        "name": "link1",
        "type": "link",
        "label": "Product"
      },
      {
        "name": "link2",
        "type": "link",
        "label": "Pricing"
      },
      {
        "name": "link3",
        "type": "link",
        "label": "Docs"
      },
      {
        "name": "secondary",
        "type": "link",
        "label": "Secondary link"
      }
    ]
  },
  {
    "key": "hero_split_cta",
    "name": "Hero — Split CTA",
    "category": "hero",
    "version": "1.0.0",
    "description": "Two-column hero: headline, actions, and social proof beside a product image.",
    "tags": [
      "hero",
      "marketing",
      "cta"
    ],
    "colors": [
      "base-100",
      "base-content",
      "primary"
    ],
    "behaviors": [],
    "emailEligible": false,
    "root": {
      "kind": "element",
      "tag": "section",
      "class": "@container bg-base-100",
      "children": [
        {
          "kind": "element",
          "tag": "div",
          "class": "mx-auto grid w-full max-w-6xl grid-cols-1 items-center gap-10 px-6 py-16 @3xl:grid-cols-2 @3xl:py-24",
          "children": [
            {
              "kind": "element",
              "tag": "div",
              "class": "flex flex-col items-start gap-5",
              "children": [
                {
                  "kind": "element",
                  "tag": "h1",
                  "class": "display-2",
                  "children": [
                    "Ship your store in an afternoon"
                  ],
                  "slot": {
                    "name": "headline",
                    "type": "text",
                    "label": "Headline",
                    "required": true
                  }
                },
                {
                  "kind": "element",
                  "tag": "p",
                  "class": "lead max-w-lg",
                  "children": [
                    "Everything you need to sell online — no code, no wrangling."
                  ],
                  "slot": {
                    "name": "subhead",
                    "type": "text",
                    "label": "Subheadline"
                  }
                },
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex flex-col gap-3 @sm:flex-row",
                  "children": [
                    {
                      "kind": "component",
                      "component": "Button",
                      "class": "btn btn-primary btn-lg",
                      "props": {
                        "label": "Start free",
                        "href": "#"
                      },
                      "slot": {
                        "name": "cta",
                        "type": "link",
                        "label": "Primary action"
                      }
                    },
                    {
                      "kind": "component",
                      "component": "Button",
                      "class": "btn btn-outline btn-lg",
                      "props": {
                        "label": "Book a demo",
                        "href": "#"
                      },
                      "slot": {
                        "name": "secondary",
                        "type": "link",
                        "label": "Secondary action"
                      }
                    }
                  ]
                },
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "mt-2 flex items-center gap-3",
                  "children": [
                    {
                      "kind": "component",
                      "component": "AvatarGroup",
                      "class": "avatar-group",
                      "children": [
                        {
                          "kind": "component",
                          "component": "Avatar",
                          "class": "avatar size-9",
                          "props": {
                            "alt": ""
                          }
                        },
                        {
                          "kind": "component",
                          "component": "Avatar",
                          "class": "avatar size-9",
                          "props": {
                            "alt": ""
                          }
                        },
                        {
                          "kind": "component",
                          "component": "Avatar",
                          "class": "avatar size-9",
                          "props": {
                            "alt": ""
                          }
                        }
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "p",
                      "class": "text-sm text-base-content",
                      "children": [
                        "Trusted by 12,000+ teams shipping every day"
                      ],
                      "slot": {
                        "name": "trust",
                        "type": "text",
                        "label": "Proof line"
                      }
                    }
                  ]
                }
              ]
            },
            {
              "kind": "component",
              "component": "Image",
              "class": "w-full rounded-box",
              "props": {
                "alt": "Product preview",
                "ratio": "wide"
              },
              "slot": {
                "name": "image",
                "type": "image",
                "label": "Hero image"
              }
            }
          ]
        }
      ]
    },
    "slots": [
      {
        "name": "headline",
        "type": "text",
        "label": "Headline",
        "required": true
      },
      {
        "name": "subhead",
        "type": "text",
        "label": "Subheadline"
      },
      {
        "name": "cta",
        "type": "link",
        "label": "Primary action"
      },
      {
        "name": "secondary",
        "type": "link",
        "label": "Secondary action"
      },
      {
        "name": "trust",
        "type": "text",
        "label": "Proof line"
      },
      {
        "name": "image",
        "type": "image",
        "label": "Hero image"
      }
    ]
  },
  {
    "key": "hero_centered",
    "name": "Hero — Centered Content",
    "category": "hero",
    "version": "1.0.0",
    "description": "Centered headline and actions over a full-width product shot, closed by a logo strip.",
    "tags": [
      "hero",
      "marketing",
      "cta",
      "social-proof"
    ],
    "colors": [
      "base-100",
      "base-200",
      "base-content",
      "primary"
    ],
    "behaviors": [],
    "emailEligible": false,
    "root": {
      "kind": "element",
      "tag": "section",
      "class": "@container bg-base-100",
      "children": [
        {
          "kind": "element",
          "tag": "div",
          "class": "mx-auto flex w-full max-w-5xl flex-col items-center gap-6 px-6 py-20 text-center @3xl:py-28",
          "children": [
            {
              "kind": "element",
              "tag": "h1",
              "class": "display-1 max-w-3xl",
              "children": [
                "Everything your team needs, on one canvas"
              ],
              "slot": {
                "name": "headline",
                "type": "text",
                "label": "Headline",
                "required": true
              }
            },
            {
              "kind": "element",
              "tag": "p",
              "class": "lead max-w-2xl",
              "children": [
                "Design it, build it, and publish it without handing the work between four tools that disagree about everything."
              ],
              "slot": {
                "name": "subhead",
                "type": "text",
                "label": "Subheadline"
              }
            },
            {
              "kind": "element",
              "tag": "div",
              "class": "flex flex-col gap-3 @sm:flex-row",
              "children": [
                {
                  "kind": "component",
                  "component": "Button",
                  "class": "btn btn-primary btn-lg",
                  "props": {
                    "label": "Start building",
                    "href": "#"
                  },
                  "slot": {
                    "name": "cta",
                    "type": "link",
                    "label": "Primary action"
                  }
                },
                {
                  "kind": "component",
                  "component": "Button",
                  "class": "btn btn-outline btn-lg",
                  "props": {
                    "label": "Watch the tour",
                    "href": "#"
                  },
                  "slot": {
                    "name": "secondary",
                    "type": "link",
                    "label": "Secondary action"
                  }
                }
              ]
            },
            {
              "kind": "component",
              "component": "Image",
              "class": "mt-6 w-full rounded-box border border-base-200 shadow-lg",
              "props": {
                "alt": "A preview of the product interface",
                "ratio": "wide"
              },
              "slot": {
                "name": "image",
                "type": "image",
                "label": "Hero image"
              }
            },
            {
              "kind": "element",
              "tag": "div",
              "class": "mt-8 flex flex-col items-center gap-5",
              "children": [
                {
                  "kind": "element",
                  "tag": "p",
                  "class": "text-sm font-medium text-base-content",
                  "children": [
                    "Already running on"
                  ],
                  "slot": {
                    "name": "trust",
                    "type": "text",
                    "label": "Proof line"
                  }
                },
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex flex-wrap items-center justify-center gap-x-10 gap-y-4",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "span",
                      "class": "text-lg font-semibold tracking-tight text-base-content",
                      "children": [
                        "Meridian"
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "span",
                      "class": "text-lg font-semibold tracking-tight text-base-content",
                      "children": [
                        "Halcyon"
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "span",
                      "class": "text-lg font-semibold tracking-tight text-base-content",
                      "children": [
                        "Brightline"
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "span",
                      "class": "text-lg font-semibold tracking-tight text-base-content",
                      "children": [
                        "Northgate"
                      ]
                    }
                  ]
                }
              ]
            }
          ]
        }
      ]
    },
    "slots": [
      {
        "name": "headline",
        "type": "text",
        "label": "Headline",
        "required": true
      },
      {
        "name": "subhead",
        "type": "text",
        "label": "Subheadline"
      },
      {
        "name": "cta",
        "type": "link",
        "label": "Primary action"
      },
      {
        "name": "secondary",
        "type": "link",
        "label": "Secondary action"
      },
      {
        "name": "image",
        "type": "image",
        "label": "Hero image"
      },
      {
        "name": "trust",
        "type": "text",
        "label": "Proof line"
      }
    ]
  },
  {
    "key": "hero_spotlight",
    "name": "Hero — Image Overlay",
    "category": "hero",
    "version": "1.0.0",
    "description": "Full-bleed photograph with a scrim and centered copy laid over it.",
    "tags": [
      "hero",
      "marketing",
      "media",
      "overlay"
    ],
    "colors": [
      "base-100",
      "base-content",
      "primary"
    ],
    "behaviors": [],
    "emailEligible": false,
    "root": {
      "kind": "element",
      "tag": "section",
      "class": "hero @container min-h-[32rem] overflow-hidden",
      "attrs": {
        "data-theme": "dark"
      },
      "children": [
        {
          "kind": "component",
          "component": "Image",
          "class": "h-full w-full object-cover",
          "props": {
            "alt": "A wide photograph filling the banner"
          },
          "slot": {
            "name": "image",
            "type": "image",
            "label": "Hero image"
          }
        },
        {
          "kind": "element",
          "tag": "div",
          "class": "hero-overlay"
        },
        {
          "kind": "element",
          "tag": "div",
          "class": "hero-content flex-col items-center gap-6 text-center",
          "children": [
            {
              "kind": "element",
              "tag": "h1",
              "class": "display-1 max-w-4xl",
              "children": [
                "Somewhere worth waking up for"
              ],
              "slot": {
                "name": "headline",
                "type": "text",
                "label": "Headline",
                "required": true
              }
            },
            {
              "kind": "element",
              "tag": "p",
              "class": "lead max-w-2xl",
              "children": [
                "Handpicked places to stay, in the parts of the country the guidebooks keep leaving out."
              ],
              "slot": {
                "name": "subhead",
                "type": "text",
                "label": "Subheadline"
              }
            },
            {
              "kind": "element",
              "tag": "div",
              "class": "flex flex-col gap-3 @sm:flex-row",
              "children": [
                {
                  "kind": "component",
                  "component": "Button",
                  "class": "btn btn-primary btn-lg",
                  "props": {
                    "label": "Find a stay",
                    "href": "#"
                  },
                  "slot": {
                    "name": "cta",
                    "type": "link",
                    "label": "Primary action"
                  }
                },
                {
                  "kind": "component",
                  "component": "Button",
                  "class": "btn btn-outline btn-lg",
                  "props": {
                    "label": "Browse regions",
                    "href": "#"
                  },
                  "slot": {
                    "name": "secondary",
                    "type": "link",
                    "label": "Secondary action"
                  }
                }
              ]
            }
          ]
        }
      ]
    },
    "slots": [
      {
        "name": "image",
        "type": "image",
        "label": "Hero image"
      },
      {
        "name": "headline",
        "type": "text",
        "label": "Headline",
        "required": true
      },
      {
        "name": "subhead",
        "type": "text",
        "label": "Subheadline"
      },
      {
        "name": "cta",
        "type": "link",
        "label": "Primary action"
      },
      {
        "name": "secondary",
        "type": "link",
        "label": "Secondary action"
      }
    ]
  },
  {
    "key": "hero_signup",
    "name": "Hero — Email Capture",
    "category": "hero",
    "version": "1.0.0",
    "description": "Centered claim over an inline email form — the waitlist and launch opener.",
    "tags": [
      "hero",
      "marketing",
      "form",
      "lead"
    ],
    "colors": [
      "base-100",
      "base-content",
      "primary"
    ],
    "behaviors": [
      "form"
    ],
    "emailEligible": false,
    "root": {
      "kind": "element",
      "tag": "section",
      "class": "@container bg-base-100",
      "children": [
        {
          "kind": "element",
          "tag": "div",
          "class": "mx-auto flex w-full max-w-3xl flex-col items-center gap-6 px-6 py-20 text-center @3xl:py-28",
          "children": [
            {
              "kind": "element",
              "tag": "h1",
              "class": "display-2",
              "children": [
                "Get it before everyone else does"
              ],
              "slot": {
                "name": "headline",
                "type": "text",
                "label": "Headline",
                "required": true
              }
            },
            {
              "kind": "element",
              "tag": "p",
              "class": "lead max-w-xl",
              "children": [
                "We're opening access in small groups. Leave your address and we'll come find you when it's your turn."
              ],
              "slot": {
                "name": "subhead",
                "type": "text",
                "label": "Subheadline"
              }
            },
            {
              "kind": "component",
              "component": "Form",
              "class": "flex w-full max-w-md flex-col gap-3 @sm:flex-row",
              "props": {
                "action": "subscribe"
              },
              "children": [
                {
                  "kind": "component",
                  "component": "Input",
                  "class": "input flex-1",
                  "props": {
                    "type": "email",
                    "name": "email",
                    "placeholder": "you@example.com",
                    "required": true
                  }
                },
                {
                  "kind": "component",
                  "component": "Button",
                  "class": "btn btn-primary",
                  "props": {
                    "label": "Get early access",
                    "type": "submit"
                  },
                  "slot": {
                    "name": "cta",
                    "type": "text",
                    "label": "Button label"
                  }
                }
              ]
            },
            {
              "kind": "element",
              "tag": "p",
              "class": "text-sm text-base-content",
              "children": [
                "No credit card. One email when it's ready, and an unsubscribe link in every one after."
              ],
              "slot": {
                "name": "note",
                "type": "text",
                "label": "Reassurance line"
              }
            },
            {
              "kind": "element",
              "tag": "div",
              "class": "mt-2 flex items-center gap-3",
              "children": [
                {
                  "kind": "component",
                  "component": "AvatarGroup",
                  "class": "avatar-group",
                  "children": [
                    {
                      "kind": "component",
                      "component": "Avatar",
                      "class": "avatar size-9",
                      "props": {
                        "alt": ""
                      }
                    },
                    {
                      "kind": "component",
                      "component": "Avatar",
                      "class": "avatar size-9",
                      "props": {
                        "alt": ""
                      }
                    },
                    {
                      "kind": "component",
                      "component": "Avatar",
                      "class": "avatar size-9",
                      "props": {
                        "alt": ""
                      }
                    }
                  ]
                },
                {
                  "kind": "element",
                  "tag": "p",
                  "class": "text-sm text-base-content",
                  "children": [
                    "Join 12,000+ people already on the list"
                  ],
                  "slot": {
                    "name": "trust",
                    "type": "text",
                    "label": "Proof line"
                  }
                }
              ]
            }
          ]
        }
      ]
    },
    "slots": [
      {
        "name": "headline",
        "type": "text",
        "label": "Headline",
        "required": true
      },
      {
        "name": "subhead",
        "type": "text",
        "label": "Subheadline"
      },
      {
        "name": "cta",
        "type": "text",
        "label": "Button label"
      },
      {
        "name": "note",
        "type": "text",
        "label": "Reassurance line"
      },
      {
        "name": "trust",
        "type": "text",
        "label": "Proof line"
      }
    ]
  },
  {
    "key": "hero_statement",
    "name": "Hero — Bold Statement",
    "category": "hero",
    "version": "1.0.0",
    "description": "Oversized editorial type with no media — the manifesto and about-page opener.",
    "tags": [
      "hero",
      "marketing",
      "editorial",
      "typography"
    ],
    "colors": [
      "base-200",
      "base-content",
      "primary"
    ],
    "behaviors": [],
    "emailEligible": false,
    "root": {
      "kind": "element",
      "tag": "section",
      "class": "@container bg-base-200",
      "children": [
        {
          "kind": "element",
          "tag": "div",
          "class": "mx-auto flex w-full max-w-5xl flex-col gap-8 px-6 py-24 @3xl:py-32",
          "children": [
            {
              "kind": "element",
              "tag": "h1",
              "class": "display-1 max-w-4xl",
              "children": [
                "Software should feel like it was built for you, not sold to you."
              ],
              "slot": {
                "name": "headline",
                "type": "text",
                "label": "Headline",
                "required": true
              }
            },
            {
              "kind": "element",
              "tag": "p",
              "class": "lead max-w-2xl",
              "children": [
                "We started this because every tool we used treated our work as an afterthought to its own roadmap. So we built the one we wanted."
              ],
              "slot": {
                "name": "subhead",
                "type": "text",
                "label": "Subheadline"
              }
            },
            {
              "kind": "element",
              "tag": "div",
              "class": "flex flex-col items-start gap-3 @sm:flex-row",
              "children": [
                {
                  "kind": "component",
                  "component": "Button",
                  "class": "btn btn-primary btn-lg",
                  "props": {
                    "label": "Read our approach",
                    "href": "#"
                  },
                  "slot": {
                    "name": "cta",
                    "type": "link",
                    "label": "Primary action"
                  }
                },
                {
                  "kind": "component",
                  "component": "Button",
                  "class": "btn btn-outline btn-lg",
                  "props": {
                    "label": "Meet the team",
                    "href": "#"
                  },
                  "slot": {
                    "name": "secondary",
                    "type": "link",
                    "label": "Secondary action"
                  }
                }
              ]
            },
            {
              "kind": "element",
              "tag": "div",
              "class": "mt-8 grid grid-cols-1 gap-8 @2xl:grid-cols-3",
              "children": [
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex flex-col gap-2",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "p",
                      "class": "text-base font-semibold text-base-content",
                      "children": [
                        "Built in the open"
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "p",
                      "class": "text-base-content",
                      "children": [
                        "Every roadmap decision, every postmortem, and every price change is public before it ships."
                      ]
                    }
                  ]
                },
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex flex-col gap-2",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "p",
                      "class": "text-base font-semibold text-base-content",
                      "children": [
                        "Yours to leave with"
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "p",
                      "class": "text-base-content",
                      "children": [
                        "Export the whole thing — content, structure, and styles — in one click, any day you like."
                      ]
                    }
                  ]
                },
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex flex-col gap-2",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "p",
                      "class": "text-base font-semibold text-base-content",
                      "children": [
                        "Priced once"
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "p",
                      "class": "text-base-content",
                      "children": [
                        "One number, billed yearly, with no seat maths and no call with anyone in sales."
                      ]
                    }
                  ]
                }
              ]
            }
          ]
        }
      ]
    },
    "slots": [
      {
        "name": "headline",
        "type": "text",
        "label": "Headline",
        "required": true
      },
      {
        "name": "subhead",
        "type": "text",
        "label": "Subheadline"
      },
      {
        "name": "cta",
        "type": "link",
        "label": "Primary action"
      },
      {
        "name": "secondary",
        "type": "link",
        "label": "Secondary action"
      }
    ]
  },
  {
    "key": "feature_grid",
    "name": "Features — Grid",
    "category": "features",
    "version": "2.0.0",
    "description": "A responsive grid that repeats over a collection, binding each item's fields.",
    "tags": [
      "features",
      "grid",
      "dynamic"
    ],
    "colors": [
      "base-100",
      "base-200",
      "base-content",
      "primary"
    ],
    "behaviors": [],
    "emailEligible": false,
    "root": {
      "kind": "element",
      "tag": "section",
      "class": "@container bg-base-100",
      "children": [
        {
          "kind": "element",
          "tag": "div",
          "class": "mx-auto w-full max-w-6xl px-6 py-16",
          "children": [
            {
              "kind": "element",
              "tag": "h2",
              "class": "mb-10 text-3xl font-semibold text-base-content @2xl:text-4xl",
              "children": [
                "Everything you need"
              ],
              "slot": {
                "name": "heading",
                "type": "text",
                "label": "Heading",
                "required": true
              }
            },
            {
              "kind": "element",
              "tag": "div",
              "class": "grid grid-cols-1 gap-6 @2xl:grid-cols-2 @4xl:grid-cols-3",
              "children": [
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex flex-col gap-3 rounded-box bg-base-200 p-6",
                  "children": [
                    {
                      "kind": "component",
                      "component": "Icon",
                      "class": "text-2xl text-primary",
                      "props": {
                        "name": "layout"
                      }
                    },
                    {
                      "kind": "element",
                      "tag": "h3",
                      "class": "text-lg font-semibold text-base-content",
                      "children": [
                        "Fast by default"
                      ],
                      "data": {
                        "kind": "value",
                        "ref": "feature.title"
                      }
                    },
                    {
                      "kind": "element",
                      "tag": "p",
                      "class": "text-base-content",
                      "children": [
                        "Every page ships lean, so your store feels instant."
                      ],
                      "data": {
                        "kind": "value",
                        "ref": "feature.body"
                      }
                    }
                  ]
                }
              ],
              "data": {
                "kind": "collection",
                "ref": "features"
              }
            }
          ]
        }
      ]
    },
    "slots": [
      {
        "name": "heading",
        "type": "text",
        "label": "Heading",
        "required": true
      }
    ]
  },
  {
    "key": "feature_media",
    "name": "Features — Media Split",
    "category": "features",
    "version": "2.0.0",
    "description": "One feature: copy, specifics, and an action beside a supporting image.",
    "tags": [
      "features",
      "marketing",
      "media"
    ],
    "colors": [
      "base-100",
      "base-content",
      "primary"
    ],
    "behaviors": [],
    "emailEligible": false,
    "root": {
      "kind": "element",
      "tag": "section",
      "class": "@container bg-base-100",
      "children": [
        {
          "kind": "element",
          "tag": "div",
          "class": "mx-auto grid w-full max-w-6xl grid-cols-1 items-center gap-10 px-6 py-16 @3xl:grid-cols-2 @3xl:py-20",
          "children": [
            {
              "kind": "element",
              "tag": "div",
              "class": "flex flex-col gap-4",
              "children": [
                {
                  "kind": "element",
                  "tag": "h2",
                  "class": "text-3xl font-semibold text-base-content @2xl:text-4xl",
                  "children": [
                    "Design, publish, and iterate in one place"
                  ],
                  "slot": {
                    "name": "heading",
                    "type": "text",
                    "label": "Heading",
                    "required": true
                  }
                },
                {
                  "kind": "element",
                  "tag": "p",
                  "class": "text-base-content",
                  "children": [
                    "No handoffs, no rebuilds. What you design is exactly what ships — and you can change it in seconds."
                  ],
                  "slot": {
                    "name": "body",
                    "type": "text",
                    "label": "Body"
                  }
                },
                {
                  "kind": "element",
                  "tag": "ul",
                  "class": "flex flex-col gap-2",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "li",
                      "class": "flex items-center gap-2 text-base-content",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "span",
                          "class": "inline-block size-1.5 shrink-0 rounded-full bg-primary"
                        },
                        {
                          "kind": "element",
                          "tag": "span",
                          "children": [
                            "Live container-query previews"
                          ]
                        }
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "li",
                      "class": "flex items-center gap-2 text-base-content",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "span",
                          "class": "inline-block size-1.5 shrink-0 rounded-full bg-primary"
                        },
                        {
                          "kind": "element",
                          "tag": "span",
                          "children": [
                            "One-click publish"
                          ]
                        }
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "li",
                      "class": "flex items-center gap-2 text-base-content",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "span",
                          "class": "inline-block size-1.5 shrink-0 rounded-full bg-primary"
                        },
                        {
                          "kind": "element",
                          "tag": "span",
                          "children": [
                            "Version history and rollback"
                          ]
                        }
                      ]
                    }
                  ]
                },
                {
                  "kind": "component",
                  "component": "Button",
                  "class": "btn btn-primary mt-2 self-start",
                  "props": {
                    "label": "See how it works",
                    "href": "#"
                  },
                  "slot": {
                    "name": "cta",
                    "type": "link",
                    "label": "Action"
                  }
                }
              ]
            },
            {
              "kind": "component",
              "component": "Image",
              "class": "w-full rounded-box",
              "props": {
                "alt": "The editor with a page open",
                "ratio": "square"
              },
              "slot": {
                "name": "image1",
                "type": "image",
                "label": "Image"
              }
            }
          ]
        }
      ]
    },
    "slots": [
      {
        "name": "heading",
        "type": "text",
        "label": "Heading",
        "required": true
      },
      {
        "name": "body",
        "type": "text",
        "label": "Body"
      },
      {
        "name": "cta",
        "type": "link",
        "label": "Action"
      },
      {
        "name": "image1",
        "type": "image",
        "label": "Image"
      }
    ]
  },
  {
    "key": "feature_alternating",
    "name": "Features — Alternating",
    "category": "features",
    "version": "1.0.0",
    "description": "Three media rows that alternate sides down the page.",
    "tags": [
      "features",
      "marketing",
      "media"
    ],
    "colors": [
      "base-100",
      "base-content",
      "primary"
    ],
    "behaviors": [],
    "emailEligible": false,
    "root": {
      "kind": "element",
      "tag": "section",
      "class": "@container bg-base-100",
      "children": [
        {
          "kind": "element",
          "tag": "div",
          "class": "mx-auto w-full max-w-6xl px-6 py-16 @3xl:py-20",
          "children": [
            {
              "kind": "element",
              "tag": "div",
              "class": "mb-14 flex max-w-2xl flex-col gap-3",
              "children": [
                {
                  "kind": "element",
                  "tag": "h2",
                  "class": "text-3xl font-semibold text-base-content @2xl:text-4xl",
                  "children": [
                    "Built for the whole job, not the demo"
                  ],
                  "slot": {
                    "name": "heading",
                    "type": "text",
                    "label": "Heading",
                    "required": true
                  }
                },
                {
                  "kind": "element",
                  "tag": "p",
                  "class": "text-base-content",
                  "children": [
                    "Three things every store needs after launch day, and none of them are an add-on."
                  ],
                  "slot": {
                    "name": "subhead",
                    "type": "text",
                    "label": "Subheadline"
                  }
                }
              ]
            },
            {
              "kind": "element",
              "tag": "div",
              "class": "flex flex-col gap-16 @3xl:gap-24",
              "children": [
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "grid grid-cols-1 items-center gap-8 @3xl:grid-cols-2 @3xl:gap-12",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "div",
                      "class": "flex flex-col gap-3",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "h3",
                          "class": "text-2xl font-semibold text-base-content",
                          "children": [
                            "Edit the live page, not a copy of it"
                          ],
                          "slot": {
                            "name": "feature1",
                            "type": "text",
                            "label": "Feature title"
                          }
                        },
                        {
                          "kind": "element",
                          "tag": "p",
                          "class": "text-base-content",
                          "children": [
                            "Change copy, prices, and layout against the real thing, then publish when it looks right. No staging drift and nothing to re-key."
                          ],
                          "slot": {
                            "name": "body1",
                            "type": "text",
                            "label": "Feature body"
                          }
                        },
                        {
                          "kind": "element",
                          "tag": "ul",
                          "class": "mt-1 flex flex-col gap-2",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "li",
                              "class": "flex items-center gap-2 text-base-content",
                              "children": [
                                {
                                  "kind": "element",
                                  "tag": "span",
                                  "class": "inline-block size-1.5 shrink-0 rounded-full bg-primary"
                                },
                                {
                                  "kind": "element",
                                  "tag": "span",
                                  "children": [
                                    "Container-query previews at every width"
                                  ]
                                }
                              ]
                            },
                            {
                              "kind": "element",
                              "tag": "li",
                              "class": "flex items-center gap-2 text-base-content",
                              "children": [
                                {
                                  "kind": "element",
                                  "tag": "span",
                                  "class": "inline-block size-1.5 shrink-0 rounded-full bg-primary"
                                },
                                {
                                  "kind": "element",
                                  "tag": "span",
                                  "children": [
                                    "Publish or roll back in one click"
                                  ]
                                }
                              ]
                            }
                          ]
                        }
                      ]
                    },
                    {
                      "kind": "component",
                      "component": "Image",
                      "class": "w-full rounded-box",
                      "props": {
                        "alt": "Edit the live page, not a copy of it in the editor",
                        "ratio": "wide"
                      },
                      "slot": {
                        "name": "image1",
                        "type": "image",
                        "label": "Image"
                      }
                    }
                  ]
                },
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "grid grid-cols-1 items-center gap-8 @3xl:grid-cols-2 @3xl:gap-12",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "div",
                      "class": "flex flex-col gap-3 @3xl:order-2",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "h3",
                          "class": "text-2xl font-semibold text-base-content",
                          "children": [
                            "Every change is reversible"
                          ],
                          "slot": {
                            "name": "feature2",
                            "type": "text",
                            "label": "Feature title"
                          }
                        },
                        {
                          "kind": "element",
                          "tag": "p",
                          "class": "text-base-content",
                          "children": [
                            "Full version history on every page, with a diff you can actually read and a rollback that takes a second."
                          ],
                          "slot": {
                            "name": "body2",
                            "type": "text",
                            "label": "Feature body"
                          }
                        },
                        {
                          "kind": "element",
                          "tag": "ul",
                          "class": "mt-1 flex flex-col gap-2",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "li",
                              "class": "flex items-center gap-2 text-base-content",
                              "children": [
                                {
                                  "kind": "element",
                                  "tag": "span",
                                  "class": "inline-block size-1.5 shrink-0 rounded-full bg-primary"
                                },
                                {
                                  "kind": "element",
                                  "tag": "span",
                                  "children": [
                                    "Named restore points"
                                  ]
                                }
                              ]
                            },
                            {
                              "kind": "element",
                              "tag": "li",
                              "class": "flex items-center gap-2 text-base-content",
                              "children": [
                                {
                                  "kind": "element",
                                  "tag": "span",
                                  "class": "inline-block size-1.5 shrink-0 rounded-full bg-primary"
                                },
                                {
                                  "kind": "element",
                                  "tag": "span",
                                  "children": [
                                    "See who changed what, and when"
                                  ]
                                }
                              ]
                            }
                          ]
                        }
                      ]
                    },
                    {
                      "kind": "component",
                      "component": "Image",
                      "class": "w-full rounded-box",
                      "props": {
                        "alt": "Every change is reversible in the editor",
                        "ratio": "wide"
                      },
                      "slot": {
                        "name": "image2",
                        "type": "image",
                        "label": "Image"
                      }
                    }
                  ]
                },
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "grid grid-cols-1 items-center gap-8 @3xl:grid-cols-2 @3xl:gap-12",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "div",
                      "class": "flex flex-col gap-3",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "h3",
                          "class": "text-2xl font-semibold text-base-content",
                          "children": [
                            "Own the output"
                          ],
                          "slot": {
                            "name": "feature3",
                            "type": "text",
                            "label": "Feature title"
                          }
                        },
                        {
                          "kind": "element",
                          "tag": "p",
                          "class": "text-base-content",
                          "children": [
                            "Export clean, self-contained HTML whenever you like. No runtime to license, no lock-in to negotiate your way out of."
                          ],
                          "slot": {
                            "name": "body3",
                            "type": "text",
                            "label": "Feature body"
                          }
                        },
                        {
                          "kind": "element",
                          "tag": "ul",
                          "class": "mt-1 flex flex-col gap-2",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "li",
                              "class": "flex items-center gap-2 text-base-content",
                              "children": [
                                {
                                  "kind": "element",
                                  "tag": "span",
                                  "class": "inline-block size-1.5 shrink-0 rounded-full bg-primary"
                                },
                                {
                                  "kind": "element",
                                  "tag": "span",
                                  "children": [
                                    "Static HTML and CSS, no build step"
                                  ]
                                }
                              ]
                            },
                            {
                              "kind": "element",
                              "tag": "li",
                              "class": "flex items-center gap-2 text-base-content",
                              "children": [
                                {
                                  "kind": "element",
                                  "tag": "span",
                                  "class": "inline-block size-1.5 shrink-0 rounded-full bg-primary"
                                },
                                {
                                  "kind": "element",
                                  "tag": "span",
                                  "children": [
                                    "Your domain, your hosting, your call"
                                  ]
                                }
                              ]
                            }
                          ]
                        }
                      ]
                    },
                    {
                      "kind": "component",
                      "component": "Image",
                      "class": "w-full rounded-box",
                      "props": {
                        "alt": "Own the output in the editor",
                        "ratio": "wide"
                      },
                      "slot": {
                        "name": "image3",
                        "type": "image",
                        "label": "Image"
                      }
                    }
                  ]
                }
              ]
            }
          ]
        }
      ]
    },
    "slots": [
      {
        "name": "heading",
        "type": "text",
        "label": "Heading",
        "required": true
      },
      {
        "name": "subhead",
        "type": "text",
        "label": "Subheadline"
      },
      {
        "name": "feature1",
        "type": "text",
        "label": "Feature title"
      },
      {
        "name": "body1",
        "type": "text",
        "label": "Feature body"
      },
      {
        "name": "image1",
        "type": "image",
        "label": "Image"
      },
      {
        "name": "feature2",
        "type": "text",
        "label": "Feature title"
      },
      {
        "name": "body2",
        "type": "text",
        "label": "Feature body"
      },
      {
        "name": "image2",
        "type": "image",
        "label": "Image"
      },
      {
        "name": "feature3",
        "type": "text",
        "label": "Feature title"
      },
      {
        "name": "body3",
        "type": "text",
        "label": "Feature body"
      },
      {
        "name": "image3",
        "type": "image",
        "label": "Image"
      }
    ]
  },
  {
    "key": "feature_bento",
    "name": "Features — Bento",
    "category": "features",
    "version": "1.0.0",
    "description": "An asymmetric grid where the lead feature gets the biggest cell.",
    "tags": [
      "features",
      "grid",
      "marketing"
    ],
    "colors": [
      "base-100",
      "base-200",
      "base-content",
      "primary"
    ],
    "behaviors": [],
    "emailEligible": false,
    "root": {
      "kind": "element",
      "tag": "section",
      "class": "@container bg-base-200",
      "children": [
        {
          "kind": "element",
          "tag": "div",
          "class": "mx-auto w-full max-w-6xl px-6 py-16 @3xl:py-20",
          "children": [
            {
              "kind": "element",
              "tag": "div",
              "class": "mb-10 flex max-w-2xl flex-col gap-3",
              "children": [
                {
                  "kind": "element",
                  "tag": "h2",
                  "class": "text-3xl font-semibold text-base-content @2xl:text-4xl",
                  "children": [
                    "One platform, four fewer subscriptions"
                  ],
                  "slot": {
                    "name": "heading",
                    "type": "text",
                    "label": "Heading",
                    "required": true
                  }
                },
                {
                  "kind": "element",
                  "tag": "p",
                  "class": "text-base-content",
                  "children": [
                    "The parts you were paying separately for, working together by default."
                  ],
                  "slot": {
                    "name": "subhead",
                    "type": "text",
                    "label": "Subheadline"
                  }
                }
              ]
            },
            {
              "kind": "element",
              "tag": "div",
              "class": "grid grid-cols-1 gap-4 @xl:grid-cols-2 @3xl:grid-cols-3",
              "children": [
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex flex-col gap-3 rounded-box border border-base-200 bg-base-100 p-8 @xl:col-span-2",
                  "children": [
                    {
                      "kind": "component",
                      "component": "Icon",
                      "class": "text-2xl text-primary",
                      "props": {
                        "name": "layout"
                      }
                    },
                    {
                      "kind": "element",
                      "tag": "h3",
                      "class": "text-lg font-semibold text-base-content",
                      "children": [
                        "A storefront that stays fast"
                      ],
                      "slot": {
                        "name": "feature1",
                        "type": "text",
                        "label": "Feature title"
                      }
                    },
                    {
                      "kind": "element",
                      "tag": "p",
                      "class": "text-base-content",
                      "children": [
                        "Static output, inlined icons, no client runtime to boot before the page paints. Your slowest page is still under a second."
                      ],
                      "slot": {
                        "name": "body1",
                        "type": "text",
                        "label": "Feature body"
                      }
                    }
                  ]
                },
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex flex-col gap-3 rounded-box border border-base-200 bg-base-100 p-6 @3xl:row-span-2",
                  "children": [
                    {
                      "kind": "component",
                      "component": "Icon",
                      "class": "text-2xl text-primary",
                      "props": {
                        "name": "stat"
                      }
                    },
                    {
                      "kind": "element",
                      "tag": "h3",
                      "class": "text-lg font-semibold text-base-content",
                      "children": [
                        "Analytics without a tag manager"
                      ],
                      "slot": {
                        "name": "feature2",
                        "type": "text",
                        "label": "Feature title"
                      }
                    },
                    {
                      "kind": "element",
                      "tag": "p",
                      "class": "text-base-content",
                      "children": [
                        "Traffic, funnel, and revenue in one view."
                      ],
                      "slot": {
                        "name": "body2",
                        "type": "text",
                        "label": "Feature body"
                      }
                    }
                  ]
                },
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex flex-col gap-3 rounded-box border border-base-200 bg-base-100 p-6",
                  "children": [
                    {
                      "kind": "component",
                      "component": "Icon",
                      "class": "text-2xl text-primary",
                      "props": {
                        "name": "pricing"
                      }
                    },
                    {
                      "kind": "element",
                      "tag": "h3",
                      "class": "text-lg font-semibold text-base-content",
                      "children": [
                        "Checkout that already works"
                      ],
                      "slot": {
                        "name": "feature3",
                        "type": "text",
                        "label": "Feature title"
                      }
                    },
                    {
                      "kind": "element",
                      "tag": "p",
                      "class": "text-base-content",
                      "children": [
                        "Cards, wallets, and tax handled before you write a line."
                      ],
                      "slot": {
                        "name": "body3",
                        "type": "text",
                        "label": "Feature body"
                      }
                    }
                  ]
                },
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex flex-col gap-3 rounded-box border border-base-200 bg-base-100 p-6",
                  "children": [
                    {
                      "kind": "component",
                      "component": "Icon",
                      "class": "text-2xl text-primary",
                      "props": {
                        "name": "search"
                      }
                    },
                    {
                      "kind": "element",
                      "tag": "h3",
                      "class": "text-lg font-semibold text-base-content",
                      "children": [
                        "Search your customers expect"
                      ],
                      "slot": {
                        "name": "feature4",
                        "type": "text",
                        "label": "Feature title"
                      }
                    },
                    {
                      "kind": "element",
                      "tag": "p",
                      "class": "text-base-content",
                      "children": [
                        "Typo-tolerant, synonym-aware, and indexed as you publish."
                      ],
                      "slot": {
                        "name": "body4",
                        "type": "text",
                        "label": "Feature body"
                      }
                    }
                  ]
                }
              ]
            }
          ]
        }
      ]
    },
    "slots": [
      {
        "name": "heading",
        "type": "text",
        "label": "Heading",
        "required": true
      },
      {
        "name": "subhead",
        "type": "text",
        "label": "Subheadline"
      },
      {
        "name": "feature1",
        "type": "text",
        "label": "Feature title"
      },
      {
        "name": "body1",
        "type": "text",
        "label": "Feature body"
      },
      {
        "name": "feature2",
        "type": "text",
        "label": "Feature title"
      },
      {
        "name": "body2",
        "type": "text",
        "label": "Feature body"
      },
      {
        "name": "feature3",
        "type": "text",
        "label": "Feature title"
      },
      {
        "name": "body3",
        "type": "text",
        "label": "Feature body"
      },
      {
        "name": "feature4",
        "type": "text",
        "label": "Feature title"
      },
      {
        "name": "body4",
        "type": "text",
        "label": "Feature body"
      }
    ]
  },
  {
    "key": "feature_checklist",
    "name": "Features — Checklist",
    "category": "features",
    "version": "1.0.0",
    "description": "A dense two-column checklist of capabilities, no cards or media.",
    "tags": [
      "features",
      "list",
      "marketing"
    ],
    "colors": [
      "base-100",
      "base-content",
      "primary"
    ],
    "behaviors": [],
    "emailEligible": false,
    "root": {
      "kind": "element",
      "tag": "section",
      "class": "@container bg-base-100",
      "children": [
        {
          "kind": "element",
          "tag": "div",
          "class": "mx-auto w-full max-w-5xl px-6 py-16",
          "children": [
            {
              "kind": "element",
              "tag": "div",
              "class": "mb-10 flex max-w-2xl flex-col gap-3",
              "children": [
                {
                  "kind": "element",
                  "tag": "h2",
                  "class": "text-3xl font-semibold text-base-content @2xl:text-4xl",
                  "children": [
                    "What's included, in full"
                  ],
                  "slot": {
                    "name": "heading",
                    "type": "text",
                    "label": "Heading",
                    "required": true
                  }
                },
                {
                  "kind": "element",
                  "tag": "p",
                  "class": "text-base-content",
                  "children": [
                    "Every plan, no add-ons, nothing held back for the tier above."
                  ],
                  "slot": {
                    "name": "subhead",
                    "type": "text",
                    "label": "Subheadline"
                  }
                }
              ]
            },
            {
              "kind": "element",
              "tag": "ul",
              "class": "grid grid-cols-1 gap-x-10 gap-y-6 @2xl:grid-cols-2",
              "children": [
                {
                  "kind": "element",
                  "tag": "li",
                  "class": "flex items-start gap-3",
                  "children": [
                    {
                      "kind": "component",
                      "component": "Icon",
                      "class": "mt-1 shrink-0 text-primary",
                      "props": {
                        "name": "check"
                      }
                    },
                    {
                      "kind": "element",
                      "tag": "div",
                      "class": "flex flex-col gap-1",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "h3",
                          "class": "font-semibold text-base-content",
                          "children": [
                            "Unlimited pages and projects"
                          ],
                          "slot": {
                            "name": "feature1",
                            "type": "text",
                            "label": "Feature title"
                          }
                        },
                        {
                          "kind": "element",
                          "tag": "p",
                          "class": "text-sm text-base-content",
                          "children": [
                            "Build as many stores as you like on one account."
                          ],
                          "slot": {
                            "name": "body1",
                            "type": "text",
                            "label": "Feature body"
                          }
                        }
                      ]
                    }
                  ]
                },
                {
                  "kind": "element",
                  "tag": "li",
                  "class": "flex items-start gap-3",
                  "children": [
                    {
                      "kind": "component",
                      "component": "Icon",
                      "class": "mt-1 shrink-0 text-primary",
                      "props": {
                        "name": "check"
                      }
                    },
                    {
                      "kind": "element",
                      "tag": "div",
                      "class": "flex flex-col gap-1",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "h3",
                          "class": "font-semibold text-base-content",
                          "children": [
                            "Custom domains with automatic TLS"
                          ],
                          "slot": {
                            "name": "feature2",
                            "type": "text",
                            "label": "Feature title"
                          }
                        },
                        {
                          "kind": "element",
                          "tag": "p",
                          "class": "text-sm text-base-content",
                          "children": [
                            "Point a domain at it and the certificate handles itself."
                          ],
                          "slot": {
                            "name": "body2",
                            "type": "text",
                            "label": "Feature body"
                          }
                        }
                      ]
                    }
                  ]
                },
                {
                  "kind": "element",
                  "tag": "li",
                  "class": "flex items-start gap-3",
                  "children": [
                    {
                      "kind": "component",
                      "component": "Icon",
                      "class": "mt-1 shrink-0 text-primary",
                      "props": {
                        "name": "check"
                      }
                    },
                    {
                      "kind": "element",
                      "tag": "div",
                      "class": "flex flex-col gap-1",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "h3",
                          "class": "font-semibold text-base-content",
                          "children": [
                            "Version history on every page"
                          ],
                          "slot": {
                            "name": "feature3",
                            "type": "text",
                            "label": "Feature title"
                          }
                        },
                        {
                          "kind": "element",
                          "tag": "p",
                          "class": "text-sm text-base-content",
                          "children": [
                            "A readable diff and a one-second rollback, forever."
                          ],
                          "slot": {
                            "name": "body3",
                            "type": "text",
                            "label": "Feature body"
                          }
                        }
                      ]
                    }
                  ]
                },
                {
                  "kind": "element",
                  "tag": "li",
                  "class": "flex items-start gap-3",
                  "children": [
                    {
                      "kind": "component",
                      "component": "Icon",
                      "class": "mt-1 shrink-0 text-primary",
                      "props": {
                        "name": "check"
                      }
                    },
                    {
                      "kind": "element",
                      "tag": "div",
                      "class": "flex flex-col gap-1",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "h3",
                          "class": "font-semibold text-base-content",
                          "children": [
                            "Static HTML export"
                          ],
                          "slot": {
                            "name": "feature4",
                            "type": "text",
                            "label": "Feature title"
                          }
                        },
                        {
                          "kind": "element",
                          "tag": "p",
                          "class": "text-sm text-base-content",
                          "children": [
                            "Take the output and host it anywhere, with no runtime to license."
                          ],
                          "slot": {
                            "name": "body4",
                            "type": "text",
                            "label": "Feature body"
                          }
                        }
                      ]
                    }
                  ]
                },
                {
                  "kind": "element",
                  "tag": "li",
                  "class": "flex items-start gap-3",
                  "children": [
                    {
                      "kind": "component",
                      "component": "Icon",
                      "class": "mt-1 shrink-0 text-primary",
                      "props": {
                        "name": "check"
                      }
                    },
                    {
                      "kind": "element",
                      "tag": "div",
                      "class": "flex flex-col gap-1",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "h3",
                          "class": "font-semibold text-base-content",
                          "children": [
                            "Team seats at no extra cost"
                          ],
                          "slot": {
                            "name": "feature5",
                            "type": "text",
                            "label": "Feature title"
                          }
                        },
                        {
                          "kind": "element",
                          "tag": "p",
                          "class": "text-sm text-base-content",
                          "children": [
                            "Invite everyone who touches the site; we don't charge per head."
                          ],
                          "slot": {
                            "name": "body5",
                            "type": "text",
                            "label": "Feature body"
                          }
                        }
                      ]
                    }
                  ]
                },
                {
                  "kind": "element",
                  "tag": "li",
                  "class": "flex items-start gap-3",
                  "children": [
                    {
                      "kind": "component",
                      "component": "Icon",
                      "class": "mt-1 shrink-0 text-primary",
                      "props": {
                        "name": "check"
                      }
                    },
                    {
                      "kind": "element",
                      "tag": "div",
                      "class": "flex flex-col gap-1",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "h3",
                          "class": "font-semibold text-base-content",
                          "children": [
                            "Accessibility checks as you build"
                          ],
                          "slot": {
                            "name": "feature6",
                            "type": "text",
                            "label": "Feature title"
                          }
                        },
                        {
                          "kind": "element",
                          "tag": "p",
                          "class": "text-sm text-base-content",
                          "children": [
                            "Contrast and landmark warnings surface in the editor, not in an audit."
                          ],
                          "slot": {
                            "name": "body6",
                            "type": "text",
                            "label": "Feature body"
                          }
                        }
                      ]
                    }
                  ]
                }
              ]
            }
          ]
        }
      ]
    },
    "slots": [
      {
        "name": "heading",
        "type": "text",
        "label": "Heading",
        "required": true
      },
      {
        "name": "subhead",
        "type": "text",
        "label": "Subheadline"
      },
      {
        "name": "feature1",
        "type": "text",
        "label": "Feature title"
      },
      {
        "name": "body1",
        "type": "text",
        "label": "Feature body"
      },
      {
        "name": "feature2",
        "type": "text",
        "label": "Feature title"
      },
      {
        "name": "body2",
        "type": "text",
        "label": "Feature body"
      },
      {
        "name": "feature3",
        "type": "text",
        "label": "Feature title"
      },
      {
        "name": "body3",
        "type": "text",
        "label": "Feature body"
      },
      {
        "name": "feature4",
        "type": "text",
        "label": "Feature title"
      },
      {
        "name": "body4",
        "type": "text",
        "label": "Feature body"
      },
      {
        "name": "feature5",
        "type": "text",
        "label": "Feature title"
      },
      {
        "name": "body5",
        "type": "text",
        "label": "Feature body"
      },
      {
        "name": "feature6",
        "type": "text",
        "label": "Feature title"
      },
      {
        "name": "body6",
        "type": "text",
        "label": "Feature body"
      }
    ]
  },
  {
    "key": "logo_cloud",
    "name": "Logos — Cloud",
    "category": "logos",
    "version": "1.0.0",
    "description": "A social-proof strip of customer wordmarks under a caption.",
    "tags": [
      "logos",
      "social-proof",
      "marketing"
    ],
    "colors": [
      "base-100",
      "base-content"
    ],
    "behaviors": [],
    "emailEligible": false,
    "root": {
      "kind": "element",
      "tag": "section",
      "class": "@container bg-base-100",
      "children": [
        {
          "kind": "element",
          "tag": "div",
          "class": "mx-auto flex w-full max-w-5xl flex-col items-center gap-8 px-6 py-14",
          "children": [
            {
              "kind": "element",
              "tag": "p",
              "class": "text-sm font-medium text-base-content",
              "children": [
                "Trusted by teams at"
              ],
              "slot": {
                "name": "caption",
                "type": "text",
                "label": "Caption"
              }
            },
            {
              "kind": "element",
              "tag": "div",
              "class": "flex flex-wrap items-center justify-center gap-x-10 gap-y-6",
              "children": [
                {
                  "kind": "element",
                  "tag": "span",
                  "class": "text-lg font-semibold tracking-tight text-base-content",
                  "children": [
                    "Meridian"
                  ]
                },
                {
                  "kind": "element",
                  "tag": "span",
                  "class": "text-lg font-semibold tracking-tight text-base-content",
                  "children": [
                    "Halcyon"
                  ]
                },
                {
                  "kind": "element",
                  "tag": "span",
                  "class": "text-lg font-semibold tracking-tight text-base-content",
                  "children": [
                    "Brightline"
                  ]
                },
                {
                  "kind": "element",
                  "tag": "span",
                  "class": "text-lg font-semibold tracking-tight text-base-content",
                  "children": [
                    "Loom & Co"
                  ]
                },
                {
                  "kind": "element",
                  "tag": "span",
                  "class": "text-lg font-semibold tracking-tight text-base-content",
                  "children": [
                    "Northgate"
                  ]
                }
              ]
            }
          ]
        }
      ]
    },
    "slots": [
      {
        "name": "caption",
        "type": "text",
        "label": "Caption"
      }
    ]
  },
  {
    "key": "stats_band",
    "name": "Stats — Band",
    "category": "stats",
    "version": "1.0.0",
    "description": "A row of headline metrics with big numbers and labels.",
    "tags": [
      "stats",
      "metrics",
      "social-proof"
    ],
    "colors": [
      "base-100",
      "base-content"
    ],
    "behaviors": [],
    "emailEligible": false,
    "root": {
      "kind": "element",
      "tag": "section",
      "class": "@container bg-base-100",
      "children": [
        {
          "kind": "element",
          "tag": "div",
          "class": "mx-auto grid w-full max-w-5xl grid-cols-2 gap-8 px-6 py-16 @2xl:grid-cols-4",
          "children": [
            {
              "kind": "element",
              "tag": "div",
              "class": "flex flex-col items-center gap-1 text-center",
              "children": [
                {
                  "kind": "element",
                  "tag": "span",
                  "class": "text-4xl font-semibold text-base-content @2xl:text-5xl",
                  "children": [
                    "12k+"
                  ]
                },
                {
                  "kind": "element",
                  "tag": "span",
                  "class": "text-sm text-base-content",
                  "children": [
                    "Active stores"
                  ]
                }
              ]
            },
            {
              "kind": "element",
              "tag": "div",
              "class": "flex flex-col items-center gap-1 text-center",
              "children": [
                {
                  "kind": "element",
                  "tag": "span",
                  "class": "text-4xl font-semibold text-base-content @2xl:text-5xl",
                  "children": [
                    "99.99%"
                  ]
                },
                {
                  "kind": "element",
                  "tag": "span",
                  "class": "text-sm text-base-content",
                  "children": [
                    "Uptime"
                  ]
                }
              ]
            },
            {
              "kind": "element",
              "tag": "div",
              "class": "flex flex-col items-center gap-1 text-center",
              "children": [
                {
                  "kind": "element",
                  "tag": "span",
                  "class": "text-4xl font-semibold text-base-content @2xl:text-5xl",
                  "children": [
                    "40+"
                  ]
                },
                {
                  "kind": "element",
                  "tag": "span",
                  "class": "text-sm text-base-content",
                  "children": [
                    "Countries"
                  ]
                }
              ]
            },
            {
              "kind": "element",
              "tag": "div",
              "class": "flex flex-col items-center gap-1 text-center",
              "children": [
                {
                  "kind": "element",
                  "tag": "span",
                  "class": "text-4xl font-semibold text-base-content @2xl:text-5xl",
                  "children": [
                    "4.9/5"
                  ]
                },
                {
                  "kind": "element",
                  "tag": "span",
                  "class": "text-sm text-base-content",
                  "children": [
                    "Average rating"
                  ]
                }
              ]
            }
          ]
        }
      ]
    },
    "slots": []
  },
  {
    "key": "testimonial_quote",
    "name": "Testimonial — Quote",
    "category": "testimonial",
    "version": "2.0.0",
    "description": "One large centered customer quote with an avatar and attribution.",
    "tags": [
      "testimonial",
      "social-proof",
      "quote"
    ],
    "colors": [
      "base-100",
      "base-content"
    ],
    "behaviors": [],
    "emailEligible": false,
    "root": {
      "kind": "element",
      "tag": "section",
      "class": "@container bg-base-100",
      "children": [
        {
          "kind": "element",
          "tag": "figure",
          "class": "mx-auto flex w-full max-w-3xl flex-col items-center gap-8 px-6 py-16 text-center @3xl:py-20",
          "children": [
            {
              "kind": "element",
              "tag": "blockquote",
              "class": "border-0 ps-0 text-2xl font-medium leading-relaxed text-base-content @2xl:text-3xl",
              "children": [
                "“We shipped our storefront in a weekend and doubled conversions in the first month. It genuinely changed how our team works.”"
              ],
              "slot": {
                "name": "quote",
                "type": "text",
                "label": "Quote",
                "required": true
              }
            },
            {
              "kind": "element",
              "tag": "figcaption",
              "class": "flex items-center gap-4 text-left",
              "children": [
                {
                  "kind": "component",
                  "component": "Avatar",
                  "class": "avatar w-12 rounded-full",
                  "props": {
                    "alt": ""
                  }
                },
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex flex-col",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "p",
                      "class": "font-semibold text-base-content",
                      "children": [
                        "Dana Whitfield"
                      ],
                      "slot": {
                        "name": "author",
                        "type": "text",
                        "label": "Author"
                      }
                    },
                    {
                      "kind": "element",
                      "tag": "p",
                      "class": "text-sm text-base-content",
                      "children": [
                        "Head of Growth, Meridian"
                      ],
                      "slot": {
                        "name": "role",
                        "type": "text",
                        "label": "Role"
                      }
                    }
                  ]
                }
              ]
            }
          ]
        }
      ]
    },
    "slots": [
      {
        "name": "quote",
        "type": "text",
        "label": "Quote",
        "required": true
      },
      {
        "name": "author",
        "type": "text",
        "label": "Author"
      },
      {
        "name": "role",
        "type": "text",
        "label": "Role"
      }
    ]
  },
  {
    "key": "testimonials_grid",
    "name": "Testimonials — Grid",
    "category": "testimonial",
    "version": "2.0.0",
    "description": "A three-up grid of customer testimonial cards.",
    "tags": [
      "testimonial",
      "social-proof",
      "grid"
    ],
    "colors": [
      "base-100",
      "base-200",
      "base-content"
    ],
    "behaviors": [],
    "emailEligible": false,
    "root": {
      "kind": "element",
      "tag": "section",
      "class": "@container bg-base-200",
      "children": [
        {
          "kind": "element",
          "tag": "div",
          "class": "mx-auto w-full max-w-6xl px-6 py-16 @3xl:py-20",
          "children": [
            {
              "kind": "element",
              "tag": "h2",
              "class": "mb-10 text-center text-3xl font-semibold text-base-content @2xl:text-4xl",
              "children": [
                "Loved by teams everywhere"
              ],
              "slot": {
                "name": "heading",
                "type": "text",
                "label": "Heading",
                "required": true
              }
            },
            {
              "kind": "element",
              "tag": "div",
              "class": "grid grid-cols-1 items-stretch gap-6 @xl:grid-cols-2 @3xl:grid-cols-3",
              "children": [
                {
                  "kind": "element",
                  "tag": "figure",
                  "class": "flex flex-col gap-4 rounded-box border border-base-200 bg-base-100 p-6",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "blockquote",
                      "class": "border-0 ps-0 text-base-content",
                      "children": [
                        "“Setup took an afternoon and support has been outstanding ever since.”"
                      ],
                      "slot": {
                        "name": "quote1",
                        "type": "text",
                        "label": "Quote",
                        "required": true
                      }
                    },
                    {
                      "kind": "element",
                      "tag": "figcaption",
                      "class": "mt-auto flex items-center gap-3",
                      "children": [
                        {
                          "kind": "component",
                          "component": "Avatar",
                          "class": "avatar w-10 rounded-full",
                          "props": {
                            "alt": ""
                          }
                        },
                        {
                          "kind": "element",
                          "tag": "div",
                          "class": "flex flex-col",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "p",
                              "class": "font-semibold text-base-content",
                              "children": [
                                "Priya Nair"
                              ],
                              "slot": {
                                "name": "author1",
                                "type": "text",
                                "label": "Author"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "p",
                              "class": "text-sm text-base-content",
                              "children": [
                                "Founder, Loom & Co"
                              ],
                              "slot": {
                                "name": "role1",
                                "type": "text",
                                "label": "Role"
                              }
                            }
                          ]
                        }
                      ]
                    }
                  ]
                },
                {
                  "kind": "element",
                  "tag": "figure",
                  "class": "flex flex-col gap-4 rounded-box border border-base-200 bg-base-100 p-6",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "blockquote",
                      "class": "border-0 ps-0 text-base-content",
                      "children": [
                        "“The editor is fast enough that our whole team actually uses it, which was never true of the last one.”"
                      ],
                      "slot": {
                        "name": "quote2",
                        "type": "text",
                        "label": "Quote",
                        "required": true
                      }
                    },
                    {
                      "kind": "element",
                      "tag": "figcaption",
                      "class": "mt-auto flex items-center gap-3",
                      "children": [
                        {
                          "kind": "component",
                          "component": "Avatar",
                          "class": "avatar w-10 rounded-full",
                          "props": {
                            "alt": ""
                          }
                        },
                        {
                          "kind": "element",
                          "tag": "div",
                          "class": "flex flex-col",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "p",
                              "class": "font-semibold text-base-content",
                              "children": [
                                "Marcus Reed"
                              ],
                              "slot": {
                                "name": "author2",
                                "type": "text",
                                "label": "Author"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "p",
                              "class": "text-sm text-base-content",
                              "children": [
                                "Design Lead, Halcyon"
                              ],
                              "slot": {
                                "name": "role2",
                                "type": "text",
                                "label": "Role"
                              }
                            }
                          ]
                        }
                      ]
                    }
                  ]
                },
                {
                  "kind": "element",
                  "tag": "figure",
                  "class": "flex flex-col gap-4 rounded-box border border-base-200 bg-base-100 p-6",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "blockquote",
                      "class": "border-0 ps-0 text-base-content",
                      "children": [
                        "“We replaced three tools with this and never looked back.”"
                      ],
                      "slot": {
                        "name": "quote3",
                        "type": "text",
                        "label": "Quote",
                        "required": true
                      }
                    },
                    {
                      "kind": "element",
                      "tag": "figcaption",
                      "class": "mt-auto flex items-center gap-3",
                      "children": [
                        {
                          "kind": "component",
                          "component": "Avatar",
                          "class": "avatar w-10 rounded-full",
                          "props": {
                            "alt": ""
                          }
                        },
                        {
                          "kind": "element",
                          "tag": "div",
                          "class": "flex flex-col",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "p",
                              "class": "font-semibold text-base-content",
                              "children": [
                                "Sofia Álvarez"
                              ],
                              "slot": {
                                "name": "author3",
                                "type": "text",
                                "label": "Author"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "p",
                              "class": "text-sm text-base-content",
                              "children": [
                                "COO, Brightline"
                              ],
                              "slot": {
                                "name": "role3",
                                "type": "text",
                                "label": "Role"
                              }
                            }
                          ]
                        }
                      ]
                    }
                  ]
                }
              ]
            }
          ]
        }
      ]
    },
    "slots": [
      {
        "name": "heading",
        "type": "text",
        "label": "Heading",
        "required": true
      },
      {
        "name": "quote1",
        "type": "text",
        "label": "Quote",
        "required": true
      },
      {
        "name": "author1",
        "type": "text",
        "label": "Author"
      },
      {
        "name": "role1",
        "type": "text",
        "label": "Role"
      },
      {
        "name": "quote2",
        "type": "text",
        "label": "Quote",
        "required": true
      },
      {
        "name": "author2",
        "type": "text",
        "label": "Author"
      },
      {
        "name": "role2",
        "type": "text",
        "label": "Role"
      },
      {
        "name": "quote3",
        "type": "text",
        "label": "Quote",
        "required": true
      },
      {
        "name": "author3",
        "type": "text",
        "label": "Author"
      },
      {
        "name": "role3",
        "type": "text",
        "label": "Role"
      }
    ]
  },
  {
    "key": "testimonial_carousel",
    "name": "Testimonials — Carousel",
    "category": "testimonial",
    "version": "1.0.0",
    "description": "Long-form customer quotes one at a time, with arrows and dots.",
    "tags": [
      "testimonial",
      "social-proof",
      "interactive",
      "carousel"
    ],
    "colors": [
      "base-100",
      "base-200",
      "base-content"
    ],
    "behaviors": [
      "carousel"
    ],
    "emailEligible": false,
    "root": {
      "kind": "element",
      "tag": "section",
      "class": "@container bg-base-100",
      "children": [
        {
          "kind": "element",
          "tag": "div",
          "class": "mx-auto w-full max-w-5xl px-6 py-16 @3xl:py-20",
          "children": [
            {
              "kind": "element",
              "tag": "h2",
              "class": "mb-10 text-center text-3xl font-semibold text-base-content @2xl:text-4xl",
              "children": [
                "In their words"
              ],
              "slot": {
                "name": "heading",
                "type": "text",
                "label": "Heading",
                "required": true
              }
            },
            {
              "kind": "component",
              "component": "Carousel",
              "class": "carousel-root",
              "children": [
                {
                  "kind": "component",
                  "component": "CarouselItem",
                  "class": "carousel-item w-full shrink-0",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "figure",
                      "class": "mx-auto flex max-w-2xl flex-col items-center gap-6 px-6 text-center",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "blockquote",
                          "class": "border-0 ps-0 text-xl font-medium leading-relaxed text-base-content @2xl:text-2xl",
                          "children": [
                            "“We moved eleven country storefronts across in six weeks. The part I still can't quite believe is that we did it without a developer on the project — the team who owns the copy owns the pages now, and nothing goes through us to ship.”"
                          ],
                          "slot": {
                            "name": "quote1",
                            "type": "text",
                            "label": "Quote",
                            "required": true
                          }
                        },
                        {
                          "kind": "element",
                          "tag": "figcaption",
                          "class": "flex items-center gap-4 text-left",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Avatar",
                              "class": "avatar w-12 rounded-full",
                              "props": {
                                "alt": ""
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "div",
                              "class": "flex flex-col",
                              "children": [
                                {
                                  "kind": "element",
                                  "tag": "p",
                                  "class": "font-semibold text-base-content",
                                  "children": [
                                    "Dana Whitfield"
                                  ],
                                  "slot": {
                                    "name": "author1",
                                    "type": "text",
                                    "label": "Author"
                                  }
                                },
                                {
                                  "kind": "element",
                                  "tag": "p",
                                  "class": "text-sm text-base-content",
                                  "children": [
                                    "Head of Growth, Meridian"
                                  ],
                                  "slot": {
                                    "name": "role1",
                                    "type": "text",
                                    "label": "Role"
                                  }
                                }
                              ]
                            }
                          ]
                        }
                      ]
                    }
                  ]
                },
                {
                  "kind": "component",
                  "component": "CarouselItem",
                  "class": "carousel-item w-full shrink-0",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "figure",
                      "class": "mx-auto flex max-w-2xl flex-col items-center gap-6 px-6 text-center",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "blockquote",
                          "class": "border-0 ps-0 text-xl font-medium leading-relaxed text-base-content @2xl:text-2xl",
                          "children": [
                            "“Our old stack needed a build, a preview URL, and a Slack thread to change a price. Now it's an edit and a publish. That sounds small until you count how many prices we change in a week.”"
                          ],
                          "slot": {
                            "name": "quote2",
                            "type": "text",
                            "label": "Quote",
                            "required": true
                          }
                        },
                        {
                          "kind": "element",
                          "tag": "figcaption",
                          "class": "flex items-center gap-4 text-left",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Avatar",
                              "class": "avatar w-12 rounded-full",
                              "props": {
                                "alt": ""
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "div",
                              "class": "flex flex-col",
                              "children": [
                                {
                                  "kind": "element",
                                  "tag": "p",
                                  "class": "font-semibold text-base-content",
                                  "children": [
                                    "Marcus Reed"
                                  ],
                                  "slot": {
                                    "name": "author2",
                                    "type": "text",
                                    "label": "Author"
                                  }
                                },
                                {
                                  "kind": "element",
                                  "tag": "p",
                                  "class": "text-sm text-base-content",
                                  "children": [
                                    "Design Lead, Halcyon"
                                  ],
                                  "slot": {
                                    "name": "role2",
                                    "type": "text",
                                    "label": "Role"
                                  }
                                }
                              ]
                            }
                          ]
                        }
                      ]
                    }
                  ]
                },
                {
                  "kind": "component",
                  "component": "CarouselItem",
                  "class": "carousel-item w-full shrink-0",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "figure",
                      "class": "mx-auto flex max-w-2xl flex-col items-center gap-6 px-6 text-center",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "blockquote",
                          "class": "border-0 ps-0 text-xl font-medium leading-relaxed text-base-content @2xl:text-2xl",
                          "children": [
                            "“The export is what sold us. We can take the HTML and walk at any point, so committing didn't feel like a bet — and eighteen months in we've never needed to.”"
                          ],
                          "slot": {
                            "name": "quote3",
                            "type": "text",
                            "label": "Quote",
                            "required": true
                          }
                        },
                        {
                          "kind": "element",
                          "tag": "figcaption",
                          "class": "flex items-center gap-4 text-left",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Avatar",
                              "class": "avatar w-12 rounded-full",
                              "props": {
                                "alt": ""
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "div",
                              "class": "flex flex-col",
                              "children": [
                                {
                                  "kind": "element",
                                  "tag": "p",
                                  "class": "font-semibold text-base-content",
                                  "children": [
                                    "Sofia Álvarez"
                                  ],
                                  "slot": {
                                    "name": "author3",
                                    "type": "text",
                                    "label": "Author"
                                  }
                                },
                                {
                                  "kind": "element",
                                  "tag": "p",
                                  "class": "text-sm text-base-content",
                                  "children": [
                                    "COO, Brightline"
                                  ],
                                  "slot": {
                                    "name": "role3",
                                    "type": "text",
                                    "label": "Role"
                                  }
                                }
                              ]
                            }
                          ]
                        }
                      ]
                    }
                  ]
                }
              ]
            }
          ]
        }
      ]
    },
    "slots": [
      {
        "name": "heading",
        "type": "text",
        "label": "Heading",
        "required": true
      },
      {
        "name": "quote1",
        "type": "text",
        "label": "Quote",
        "required": true
      },
      {
        "name": "author1",
        "type": "text",
        "label": "Author"
      },
      {
        "name": "role1",
        "type": "text",
        "label": "Role"
      },
      {
        "name": "quote2",
        "type": "text",
        "label": "Quote",
        "required": true
      },
      {
        "name": "author2",
        "type": "text",
        "label": "Author"
      },
      {
        "name": "role2",
        "type": "text",
        "label": "Role"
      },
      {
        "name": "quote3",
        "type": "text",
        "label": "Quote",
        "required": true
      },
      {
        "name": "author3",
        "type": "text",
        "label": "Author"
      },
      {
        "name": "role3",
        "type": "text",
        "label": "Role"
      }
    ]
  },
  {
    "key": "testimonial_logos",
    "name": "Testimonials — Logo Wall",
    "category": "testimonial",
    "version": "1.0.0",
    "description": "A wall of customer wordmarks with one quote pinned inside it.",
    "tags": [
      "testimonial",
      "social-proof",
      "logos"
    ],
    "colors": [
      "base-100",
      "base-200",
      "base-content"
    ],
    "behaviors": [],
    "emailEligible": false,
    "root": {
      "kind": "element",
      "tag": "section",
      "class": "@container bg-base-100",
      "children": [
        {
          "kind": "element",
          "tag": "div",
          "class": "mx-auto w-full max-w-6xl px-6 py-16 @3xl:py-20",
          "children": [
            {
              "kind": "element",
              "tag": "h2",
              "class": "mb-10 max-w-2xl text-3xl font-semibold text-base-content @2xl:text-4xl",
              "children": [
                "The teams you'd expect, already here"
              ],
              "slot": {
                "name": "heading",
                "type": "text",
                "label": "Heading",
                "required": true
              }
            },
            {
              "kind": "element",
              "tag": "div",
              "class": "grid grid-cols-2 gap-px overflow-hidden rounded-box bg-base-200 @3xl:grid-cols-4",
              "children": [
                {
                  "kind": "element",
                  "tag": "figure",
                  "class": "col-span-2 flex flex-col justify-between gap-6 bg-base-100 p-8 @3xl:row-span-2",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "blockquote",
                      "class": "border-s-4 border-primary ps-5 text-lg font-medium leading-relaxed text-base-content",
                      "children": [
                        "“Three of the names on this wall told us to try it. That's why we did, and it's why we're on it now.”"
                      ],
                      "slot": {
                        "name": "quote1",
                        "type": "text",
                        "label": "Quote",
                        "required": true
                      }
                    },
                    {
                      "kind": "element",
                      "tag": "figcaption",
                      "class": "flex items-center gap-3",
                      "children": [
                        {
                          "kind": "component",
                          "component": "Avatar",
                          "class": "avatar w-10 rounded-full",
                          "props": {
                            "alt": ""
                          }
                        },
                        {
                          "kind": "element",
                          "tag": "div",
                          "class": "flex flex-col",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "p",
                              "class": "font-semibold text-base-content",
                              "children": [
                                "Ines Okafor"
                              ],
                              "slot": {
                                "name": "author1",
                                "type": "text",
                                "label": "Author"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "p",
                              "class": "text-sm text-base-content",
                              "children": [
                                "VP Digital, Northgate Retail"
                              ],
                              "slot": {
                                "name": "role1",
                                "type": "text",
                                "label": "Role"
                              }
                            }
                          ]
                        }
                      ]
                    }
                  ]
                },
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex items-center justify-center bg-base-100 p-8",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "span",
                      "class": "text-lg font-semibold tracking-tight text-base-content",
                      "children": [
                        "Meridian"
                      ],
                      "slot": {
                        "name": "logo1",
                        "type": "text",
                        "label": "Customer name"
                      }
                    }
                  ]
                },
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex items-center justify-center bg-base-100 p-8",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "span",
                      "class": "text-lg font-semibold tracking-tight text-base-content",
                      "children": [
                        "Halcyon"
                      ],
                      "slot": {
                        "name": "logo2",
                        "type": "text",
                        "label": "Customer name"
                      }
                    }
                  ]
                },
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex items-center justify-center bg-base-100 p-8",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "span",
                      "class": "text-lg font-semibold tracking-tight text-base-content",
                      "children": [
                        "Brightline"
                      ],
                      "slot": {
                        "name": "logo3",
                        "type": "text",
                        "label": "Customer name"
                      }
                    }
                  ]
                },
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex items-center justify-center bg-base-100 p-8",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "span",
                      "class": "text-lg font-semibold tracking-tight text-base-content",
                      "children": [
                        "Loom & Co"
                      ],
                      "slot": {
                        "name": "logo4",
                        "type": "text",
                        "label": "Customer name"
                      }
                    }
                  ]
                },
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex items-center justify-center bg-base-100 p-8",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "span",
                      "class": "text-lg font-semibold tracking-tight text-base-content",
                      "children": [
                        "Northgate"
                      ],
                      "slot": {
                        "name": "logo5",
                        "type": "text",
                        "label": "Customer name"
                      }
                    }
                  ]
                },
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex items-center justify-center bg-base-100 p-8",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "span",
                      "class": "text-lg font-semibold tracking-tight text-base-content",
                      "children": [
                        "Ardent"
                      ],
                      "slot": {
                        "name": "logo6",
                        "type": "text",
                        "label": "Customer name"
                      }
                    }
                  ]
                },
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex items-center justify-center bg-base-100 p-8",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "span",
                      "class": "text-lg font-semibold tracking-tight text-base-content",
                      "children": [
                        "Cassiel"
                      ],
                      "slot": {
                        "name": "logo7",
                        "type": "text",
                        "label": "Customer name"
                      }
                    }
                  ]
                },
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex items-center justify-center bg-base-100 p-8",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "span",
                      "class": "text-lg font-semibold tracking-tight text-base-content",
                      "children": [
                        "Wexford"
                      ],
                      "slot": {
                        "name": "logo8",
                        "type": "text",
                        "label": "Customer name"
                      }
                    }
                  ]
                }
              ]
            }
          ]
        }
      ]
    },
    "slots": [
      {
        "name": "heading",
        "type": "text",
        "label": "Heading",
        "required": true
      },
      {
        "name": "quote1",
        "type": "text",
        "label": "Quote",
        "required": true
      },
      {
        "name": "author1",
        "type": "text",
        "label": "Author"
      },
      {
        "name": "role1",
        "type": "text",
        "label": "Role"
      },
      {
        "name": "logo1",
        "type": "text",
        "label": "Customer name"
      },
      {
        "name": "logo2",
        "type": "text",
        "label": "Customer name"
      },
      {
        "name": "logo3",
        "type": "text",
        "label": "Customer name"
      },
      {
        "name": "logo4",
        "type": "text",
        "label": "Customer name"
      },
      {
        "name": "logo5",
        "type": "text",
        "label": "Customer name"
      },
      {
        "name": "logo6",
        "type": "text",
        "label": "Customer name"
      },
      {
        "name": "logo7",
        "type": "text",
        "label": "Customer name"
      },
      {
        "name": "logo8",
        "type": "text",
        "label": "Customer name"
      }
    ]
  },
  {
    "key": "testimonial_portrait",
    "name": "Testimonial — Portrait",
    "category": "testimonial",
    "version": "1.0.0",
    "description": "A photographed customer beside their quote and the outcome it produced.",
    "tags": [
      "testimonial",
      "social-proof",
      "media"
    ],
    "colors": [
      "base-100",
      "base-200",
      "base-content"
    ],
    "behaviors": [],
    "emailEligible": false,
    "root": {
      "kind": "element",
      "tag": "section",
      "class": "@container bg-base-200",
      "children": [
        {
          "kind": "element",
          "tag": "div",
          "class": "mx-auto grid w-full max-w-6xl grid-cols-1 items-center gap-10 px-6 py-16 @3xl:grid-cols-5 @3xl:py-20",
          "children": [
            {
              "kind": "component",
              "component": "Image",
              "class": "w-full rounded-box @3xl:col-span-2",
              "props": {
                "alt": "Dana Whitfield, Head of Growth at Meridian",
                "ratio": "portrait"
              },
              "slot": {
                "name": "image",
                "type": "image",
                "label": "Portrait"
              }
            },
            {
              "kind": "element",
              "tag": "figure",
              "class": "flex flex-col gap-6 @3xl:col-span-3",
              "children": [
                {
                  "kind": "element",
                  "tag": "blockquote",
                  "class": "border-s-4 border-primary ps-5 text-xl font-medium leading-relaxed text-base-content @2xl:text-2xl",
                  "children": [
                    "“We used to plan a campaign page three weeks out because that's how long the build took. Now the marketing team writes it on Monday and it's live on Monday. The three weeks didn't get faster — they stopped existing.”"
                  ],
                  "slot": {
                    "name": "quote",
                    "type": "text",
                    "label": "Quote",
                    "required": true
                  }
                },
                {
                  "kind": "element",
                  "tag": "figcaption",
                  "class": "flex items-center gap-4",
                  "children": [
                    {
                      "kind": "component",
                      "component": "Avatar",
                      "class": "avatar w-12 rounded-full",
                      "props": {
                        "alt": ""
                      }
                    },
                    {
                      "kind": "element",
                      "tag": "div",
                      "class": "flex flex-col",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "p",
                          "class": "font-semibold text-base-content",
                          "children": [
                            "Dana Whitfield"
                          ],
                          "slot": {
                            "name": "author",
                            "type": "text",
                            "label": "Author"
                          }
                        },
                        {
                          "kind": "element",
                          "tag": "p",
                          "class": "text-sm text-base-content",
                          "children": [
                            "Head of Growth, Meridian"
                          ],
                          "slot": {
                            "name": "role",
                            "type": "text",
                            "label": "Role"
                          }
                        }
                      ]
                    }
                  ]
                },
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex flex-wrap gap-10 border-t border-base-200 pt-6",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "div",
                      "class": "flex flex-col gap-1",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "p",
                          "class": "text-4xl font-semibold text-base-content",
                          "children": [
                            "80%"
                          ],
                          "slot": {
                            "name": "metric",
                            "type": "text",
                            "label": "Outcome figure"
                          }
                        },
                        {
                          "kind": "element",
                          "tag": "p",
                          "class": "text-sm text-base-content",
                          "children": [
                            "less time from brief to published page"
                          ],
                          "slot": {
                            "name": "metricLabel",
                            "type": "text",
                            "label": "Outcome label"
                          }
                        }
                      ]
                    }
                  ]
                }
              ]
            }
          ]
        }
      ]
    },
    "slots": [
      {
        "name": "image",
        "type": "image",
        "label": "Portrait"
      },
      {
        "name": "quote",
        "type": "text",
        "label": "Quote",
        "required": true
      },
      {
        "name": "author",
        "type": "text",
        "label": "Author"
      },
      {
        "name": "role",
        "type": "text",
        "label": "Role"
      },
      {
        "name": "metric",
        "type": "text",
        "label": "Outcome figure"
      },
      {
        "name": "metricLabel",
        "type": "text",
        "label": "Outcome label"
      }
    ]
  },
  {
    "key": "pricing_tiers",
    "name": "Pricing — Tiers",
    "category": "pricing",
    "version": "2.0.0",
    "description": "Three plan cards with a featured middle plan.",
    "tags": [
      "pricing",
      "plans",
      "marketing"
    ],
    "colors": [
      "base-100",
      "base-200",
      "base-content",
      "primary"
    ],
    "behaviors": [],
    "emailEligible": false,
    "root": {
      "kind": "element",
      "tag": "section",
      "class": "@container bg-base-200",
      "children": [
        {
          "kind": "element",
          "tag": "div",
          "class": "mx-auto w-full max-w-6xl px-6 py-16 @3xl:py-20",
          "children": [
            {
              "kind": "element",
              "tag": "div",
              "class": "mb-12 flex flex-col items-center gap-3 text-center",
              "children": [
                {
                  "kind": "element",
                  "tag": "h2",
                  "class": "text-3xl font-semibold text-base-content @2xl:text-4xl",
                  "children": [
                    "Simple, transparent pricing"
                  ],
                  "slot": {
                    "name": "heading",
                    "type": "text",
                    "label": "Heading",
                    "required": true
                  }
                },
                {
                  "kind": "element",
                  "tag": "p",
                  "class": "max-w-xl text-base-content",
                  "children": [
                    "Start free, then pick the plan that grows with you. Change or cancel at any time."
                  ],
                  "slot": {
                    "name": "subhead",
                    "type": "text",
                    "label": "Subheadline"
                  }
                }
              ]
            },
            {
              "kind": "element",
              "tag": "div",
              "class": "grid grid-cols-1 items-start gap-6 @xl:grid-cols-2 @3xl:grid-cols-3",
              "children": [
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex flex-col gap-6 rounded-box border border-base-200 bg-base-100 p-8",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "div",
                      "class": "flex flex-col gap-2",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "div",
                          "class": "flex items-center justify-between gap-3",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "h3",
                              "class": "text-sm font-semibold text-base-content",
                              "children": [
                                "Starter"
                              ],
                              "slot": {
                                "name": "plan1",
                                "type": "text",
                                "label": "Plan name"
                              }
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "div",
                          "class": "flex items-baseline gap-1",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "span",
                              "class": "text-4xl font-semibold text-base-content",
                              "children": [
                                "$0"
                              ],
                              "slot": {
                                "name": "price1",
                                "type": "text",
                                "label": "Price"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "class": "text-sm text-base-content",
                              "children": [
                                "/month"
                              ]
                            }
                          ]
                        }
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "p",
                      "class": "text-sm text-base-content",
                      "children": [
                        "Everything you need to put a store online."
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "ul",
                      "class": "flex flex-col gap-2",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "li",
                          "class": "flex items-start gap-2 text-sm text-base-content",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Icon",
                              "class": "mt-0.5 shrink-0 text-primary",
                              "props": {
                                "name": "check"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "children": [
                                "1 project"
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "class": "flex items-start gap-2 text-sm text-base-content",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Icon",
                              "class": "mt-0.5 shrink-0 text-primary",
                              "props": {
                                "name": "check"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "children": [
                                "Community support"
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "class": "flex items-start gap-2 text-sm text-base-content",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Icon",
                              "class": "mt-0.5 shrink-0 text-primary",
                              "props": {
                                "name": "check"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "children": [
                                "Basic analytics"
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "class": "flex items-start gap-2 text-sm text-base-content",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Icon",
                              "class": "mt-0.5 shrink-0 text-primary",
                              "props": {
                                "name": "check"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "children": [
                                "SilicaUI subdomain"
                              ]
                            }
                          ]
                        }
                      ]
                    },
                    {
                      "kind": "component",
                      "component": "Button",
                      "class": "btn btn-outline mt-auto w-full",
                      "props": {
                        "label": "Get started",
                        "href": "#"
                      },
                      "slot": {
                        "name": "cta1",
                        "type": "link",
                        "label": "Plan action"
                      }
                    }
                  ]
                },
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex flex-col gap-6 rounded-box border-2 border-primary bg-base-100 p-8 shadow-lg",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "div",
                      "class": "flex flex-col gap-2",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "div",
                          "class": "flex items-center justify-between gap-3",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "h3",
                              "class": "text-sm font-semibold text-base-content",
                              "children": [
                                "Pro"
                              ],
                              "slot": {
                                "name": "plan2",
                                "type": "text",
                                "label": "Plan name"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "class": "badge badge-primary badge-sm",
                              "children": [
                                "Most popular"
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "div",
                          "class": "flex items-baseline gap-1",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "span",
                              "class": "text-4xl font-semibold text-base-content",
                              "children": [
                                "$29"
                              ],
                              "slot": {
                                "name": "price2",
                                "type": "text",
                                "label": "Price"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "class": "text-sm text-base-content",
                              "children": [
                                "/month"
                              ]
                            }
                          ]
                        }
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "p",
                      "class": "text-sm text-base-content",
                      "children": [
                        "For a store that's already selling."
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "ul",
                      "class": "flex flex-col gap-2",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "li",
                          "class": "flex items-start gap-2 text-sm text-base-content",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Icon",
                              "class": "mt-0.5 shrink-0 text-primary",
                              "props": {
                                "name": "check"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "children": [
                                "Unlimited projects"
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "class": "flex items-start gap-2 text-sm text-base-content",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Icon",
                              "class": "mt-0.5 shrink-0 text-primary",
                              "props": {
                                "name": "check"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "children": [
                                "Priority support"
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "class": "flex items-start gap-2 text-sm text-base-content",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Icon",
                              "class": "mt-0.5 shrink-0 text-primary",
                              "props": {
                                "name": "check"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "children": [
                                "Advanced analytics"
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "class": "flex items-start gap-2 text-sm text-base-content",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Icon",
                              "class": "mt-0.5 shrink-0 text-primary",
                              "props": {
                                "name": "check"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "children": [
                                "Custom domain"
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "class": "flex items-start gap-2 text-sm text-base-content",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Icon",
                              "class": "mt-0.5 shrink-0 text-primary",
                              "props": {
                                "name": "check"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "children": [
                                "Abandoned-cart recovery"
                              ]
                            }
                          ]
                        }
                      ]
                    },
                    {
                      "kind": "component",
                      "component": "Button",
                      "class": "btn btn-primary mt-auto w-full",
                      "props": {
                        "label": "Start Pro trial",
                        "href": "#"
                      },
                      "slot": {
                        "name": "cta2",
                        "type": "link",
                        "label": "Plan action"
                      }
                    }
                  ]
                },
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex flex-col gap-6 rounded-box border border-base-200 bg-base-100 p-8",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "div",
                      "class": "flex flex-col gap-2",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "div",
                          "class": "flex items-center justify-between gap-3",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "h3",
                              "class": "text-sm font-semibold text-base-content",
                              "children": [
                                "Team"
                              ],
                              "slot": {
                                "name": "plan3",
                                "type": "text",
                                "label": "Plan name"
                              }
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "div",
                          "class": "flex items-baseline gap-1",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "span",
                              "class": "text-4xl font-semibold text-base-content",
                              "children": [
                                "$99"
                              ],
                              "slot": {
                                "name": "price3",
                                "type": "text",
                                "label": "Price"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "class": "text-sm text-base-content",
                              "children": [
                                "/month"
                              ]
                            }
                          ]
                        }
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "p",
                      "class": "text-sm text-base-content",
                      "children": [
                        "For teams that publish together."
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "ul",
                      "class": "flex flex-col gap-2",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "li",
                          "class": "flex items-start gap-2 text-sm text-base-content",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Icon",
                              "class": "mt-0.5 shrink-0 text-primary",
                              "props": {
                                "name": "check"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "children": [
                                "Everything in Pro"
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "class": "flex items-start gap-2 text-sm text-base-content",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Icon",
                              "class": "mt-0.5 shrink-0 text-primary",
                              "props": {
                                "name": "check"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "children": [
                                "5 seats included"
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "class": "flex items-start gap-2 text-sm text-base-content",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Icon",
                              "class": "mt-0.5 shrink-0 text-primary",
                              "props": {
                                "name": "check"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "children": [
                                "SSO and audit logs"
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "class": "flex items-start gap-2 text-sm text-base-content",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Icon",
                              "class": "mt-0.5 shrink-0 text-primary",
                              "props": {
                                "name": "check"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "children": [
                                "Sandbox environments"
                              ]
                            }
                          ]
                        }
                      ]
                    },
                    {
                      "kind": "component",
                      "component": "Button",
                      "class": "btn btn-outline mt-auto w-full",
                      "props": {
                        "label": "Contact sales",
                        "href": "#"
                      },
                      "slot": {
                        "name": "cta3",
                        "type": "link",
                        "label": "Plan action"
                      }
                    }
                  ]
                }
              ]
            }
          ]
        }
      ]
    },
    "slots": [
      {
        "name": "heading",
        "type": "text",
        "label": "Heading",
        "required": true
      },
      {
        "name": "subhead",
        "type": "text",
        "label": "Subheadline"
      },
      {
        "name": "plan1",
        "type": "text",
        "label": "Plan name"
      },
      {
        "name": "price1",
        "type": "text",
        "label": "Price"
      },
      {
        "name": "cta1",
        "type": "link",
        "label": "Plan action"
      },
      {
        "name": "plan2",
        "type": "text",
        "label": "Plan name"
      },
      {
        "name": "price2",
        "type": "text",
        "label": "Price"
      },
      {
        "name": "cta2",
        "type": "link",
        "label": "Plan action"
      },
      {
        "name": "plan3",
        "type": "text",
        "label": "Plan name"
      },
      {
        "name": "price3",
        "type": "text",
        "label": "Price"
      },
      {
        "name": "cta3",
        "type": "link",
        "label": "Plan action"
      }
    ]
  },
  {
    "key": "pricing_toggle",
    "name": "Pricing — Billing Toggle",
    "category": "pricing",
    "version": "1.0.0",
    "description": "Monthly and annual plan prices behind a two-tab billing switch.",
    "tags": [
      "pricing",
      "plans",
      "interactive",
      "tabs"
    ],
    "colors": [
      "base-100",
      "base-200",
      "base-content",
      "primary"
    ],
    "behaviors": [
      "tabs"
    ],
    "emailEligible": false,
    "root": {
      "kind": "element",
      "tag": "section",
      "class": "@container bg-base-200",
      "children": [
        {
          "kind": "element",
          "tag": "div",
          "class": "mx-auto w-full max-w-6xl px-6 py-16 @3xl:py-20",
          "children": [
            {
              "kind": "element",
              "tag": "div",
              "class": "mb-8 flex flex-col items-center gap-3 text-center",
              "children": [
                {
                  "kind": "element",
                  "tag": "h2",
                  "class": "text-3xl font-semibold text-base-content @2xl:text-4xl",
                  "children": [
                    "Pay monthly, or save with annual"
                  ],
                  "slot": {
                    "name": "heading",
                    "type": "text",
                    "label": "Heading",
                    "required": true
                  }
                },
                {
                  "kind": "element",
                  "tag": "p",
                  "class": "max-w-xl text-base-content",
                  "children": [
                    "Two months free on every annual plan. Switch billing whenever you like."
                  ],
                  "slot": {
                    "name": "subhead",
                    "type": "text",
                    "label": "Subheadline"
                  }
                }
              ]
            },
            {
              "kind": "element",
              "tag": "div",
              "class": "mb-10 flex justify-center",
              "children": [
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "inline-flex gap-1 rounded-box border border-base-200 bg-base-100 p-1",
                  "attrs": {
                    "role": "tablist"
                  },
                  "children": [
                    {
                      "kind": "element",
                      "tag": "button",
                      "class": "rounded-btn px-5 py-2 text-sm font-medium bg-primary text-primary-content",
                      "attrs": {
                        "type": "button",
                        "role": "tab",
                        "aria-selected": "true",
                        "tabindex": 0
                      },
                      "children": [
                        "Monthly"
                      ],
                      "part": "tab"
                    },
                    {
                      "kind": "element",
                      "tag": "button",
                      "class": "rounded-btn px-5 py-2 text-sm font-medium text-base-content",
                      "attrs": {
                        "type": "button",
                        "role": "tab",
                        "aria-selected": "false",
                        "tabindex": -1
                      },
                      "children": [
                        "Annual"
                      ],
                      "part": "tab"
                    }
                  ]
                }
              ]
            },
            {
              "kind": "element",
              "tag": "div",
              "class": "grid grid-cols-1 items-start gap-6 @xl:grid-cols-2 @3xl:grid-cols-3",
              "attrs": {
                "role": "tabpanel"
              },
              "children": [
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex flex-col gap-6 rounded-box border border-base-200 bg-base-100 p-8",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "div",
                      "class": "flex flex-col gap-2",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "div",
                          "class": "flex items-center justify-between gap-3",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "h3",
                              "class": "text-sm font-semibold text-base-content",
                              "children": [
                                "Starter"
                              ],
                              "slot": {
                                "name": "plan1",
                                "type": "text",
                                "label": "Plan name"
                              }
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "div",
                          "class": "flex items-baseline gap-1",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "span",
                              "class": "text-4xl font-semibold text-base-content",
                              "children": [
                                "$0"
                              ],
                              "slot": {
                                "name": "price1",
                                "type": "text",
                                "label": "Price"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "class": "text-sm text-base-content",
                              "children": [
                                "/month"
                              ]
                            }
                          ]
                        }
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "ul",
                      "class": "flex flex-col gap-2",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "li",
                          "class": "flex items-start gap-2 text-sm text-base-content",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Icon",
                              "class": "mt-0.5 shrink-0 text-primary",
                              "props": {
                                "name": "check"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "children": [
                                "1 project"
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "class": "flex items-start gap-2 text-sm text-base-content",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Icon",
                              "class": "mt-0.5 shrink-0 text-primary",
                              "props": {
                                "name": "check"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "children": [
                                "Community support"
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "class": "flex items-start gap-2 text-sm text-base-content",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Icon",
                              "class": "mt-0.5 shrink-0 text-primary",
                              "props": {
                                "name": "check"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "children": [
                                "Basic analytics"
                              ]
                            }
                          ]
                        }
                      ]
                    },
                    {
                      "kind": "component",
                      "component": "Button",
                      "class": "btn btn-outline mt-auto w-full",
                      "props": {
                        "label": "Get started",
                        "href": "#"
                      },
                      "slot": {
                        "name": "cta1",
                        "type": "link",
                        "label": "Plan action"
                      }
                    }
                  ]
                },
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex flex-col gap-6 rounded-box border-2 border-primary bg-base-100 p-8 shadow-lg",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "div",
                      "class": "flex flex-col gap-2",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "div",
                          "class": "flex items-center justify-between gap-3",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "h3",
                              "class": "text-sm font-semibold text-base-content",
                              "children": [
                                "Pro"
                              ],
                              "slot": {
                                "name": "plan2",
                                "type": "text",
                                "label": "Plan name"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "class": "badge badge-primary badge-sm",
                              "children": [
                                "Most popular"
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "div",
                          "class": "flex items-baseline gap-1",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "span",
                              "class": "text-4xl font-semibold text-base-content",
                              "children": [
                                "$29"
                              ],
                              "slot": {
                                "name": "price2",
                                "type": "text",
                                "label": "Price"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "class": "text-sm text-base-content",
                              "children": [
                                "/month"
                              ]
                            }
                          ]
                        }
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "ul",
                      "class": "flex flex-col gap-2",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "li",
                          "class": "flex items-start gap-2 text-sm text-base-content",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Icon",
                              "class": "mt-0.5 shrink-0 text-primary",
                              "props": {
                                "name": "check"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "children": [
                                "Unlimited projects"
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "class": "flex items-start gap-2 text-sm text-base-content",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Icon",
                              "class": "mt-0.5 shrink-0 text-primary",
                              "props": {
                                "name": "check"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "children": [
                                "Priority support"
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "class": "flex items-start gap-2 text-sm text-base-content",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Icon",
                              "class": "mt-0.5 shrink-0 text-primary",
                              "props": {
                                "name": "check"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "children": [
                                "Advanced analytics"
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "class": "flex items-start gap-2 text-sm text-base-content",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Icon",
                              "class": "mt-0.5 shrink-0 text-primary",
                              "props": {
                                "name": "check"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "children": [
                                "Custom domain"
                              ]
                            }
                          ]
                        }
                      ]
                    },
                    {
                      "kind": "component",
                      "component": "Button",
                      "class": "btn btn-primary mt-auto w-full",
                      "props": {
                        "label": "Start Pro trial",
                        "href": "#"
                      },
                      "slot": {
                        "name": "cta2",
                        "type": "link",
                        "label": "Plan action"
                      }
                    }
                  ]
                },
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex flex-col gap-6 rounded-box border border-base-200 bg-base-100 p-8",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "div",
                      "class": "flex flex-col gap-2",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "div",
                          "class": "flex items-center justify-between gap-3",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "h3",
                              "class": "text-sm font-semibold text-base-content",
                              "children": [
                                "Team"
                              ],
                              "slot": {
                                "name": "plan3",
                                "type": "text",
                                "label": "Plan name"
                              }
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "div",
                          "class": "flex items-baseline gap-1",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "span",
                              "class": "text-4xl font-semibold text-base-content",
                              "children": [
                                "$99"
                              ],
                              "slot": {
                                "name": "price3",
                                "type": "text",
                                "label": "Price"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "class": "text-sm text-base-content",
                              "children": [
                                "/month"
                              ]
                            }
                          ]
                        }
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "ul",
                      "class": "flex flex-col gap-2",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "li",
                          "class": "flex items-start gap-2 text-sm text-base-content",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Icon",
                              "class": "mt-0.5 shrink-0 text-primary",
                              "props": {
                                "name": "check"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "children": [
                                "Everything in Pro"
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "class": "flex items-start gap-2 text-sm text-base-content",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Icon",
                              "class": "mt-0.5 shrink-0 text-primary",
                              "props": {
                                "name": "check"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "children": [
                                "5 seats included"
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "class": "flex items-start gap-2 text-sm text-base-content",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Icon",
                              "class": "mt-0.5 shrink-0 text-primary",
                              "props": {
                                "name": "check"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "children": [
                                "SSO and audit logs"
                              ]
                            }
                          ]
                        }
                      ]
                    },
                    {
                      "kind": "component",
                      "component": "Button",
                      "class": "btn btn-outline mt-auto w-full",
                      "props": {
                        "label": "Contact sales",
                        "href": "#"
                      },
                      "slot": {
                        "name": "cta3",
                        "type": "link",
                        "label": "Plan action"
                      }
                    }
                  ]
                }
              ],
              "part": "panel"
            },
            {
              "kind": "element",
              "tag": "div",
              "class": "grid grid-cols-1 items-start gap-6 @xl:grid-cols-2 @3xl:grid-cols-3",
              "attrs": {
                "role": "tabpanel",
                "hidden": true
              },
              "children": [
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex flex-col gap-6 rounded-box border border-base-200 bg-base-100 p-8",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "div",
                      "class": "flex flex-col gap-2",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "div",
                          "class": "flex items-center justify-between gap-3",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "h3",
                              "class": "text-sm font-semibold text-base-content",
                              "children": [
                                "Starter"
                              ],
                              "slot": {
                                "name": "plan4",
                                "type": "text",
                                "label": "Plan name"
                              }
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "div",
                          "class": "flex items-baseline gap-1",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "span",
                              "class": "text-4xl font-semibold text-base-content",
                              "children": [
                                "$0"
                              ],
                              "slot": {
                                "name": "price4",
                                "type": "text",
                                "label": "Price"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "class": "text-sm text-base-content",
                              "children": [
                                "/year"
                              ]
                            }
                          ]
                        }
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "ul",
                      "class": "flex flex-col gap-2",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "li",
                          "class": "flex items-start gap-2 text-sm text-base-content",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Icon",
                              "class": "mt-0.5 shrink-0 text-primary",
                              "props": {
                                "name": "check"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "children": [
                                "1 project"
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "class": "flex items-start gap-2 text-sm text-base-content",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Icon",
                              "class": "mt-0.5 shrink-0 text-primary",
                              "props": {
                                "name": "check"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "children": [
                                "Community support"
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "class": "flex items-start gap-2 text-sm text-base-content",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Icon",
                              "class": "mt-0.5 shrink-0 text-primary",
                              "props": {
                                "name": "check"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "children": [
                                "Basic analytics"
                              ]
                            }
                          ]
                        }
                      ]
                    },
                    {
                      "kind": "component",
                      "component": "Button",
                      "class": "btn btn-outline mt-auto w-full",
                      "props": {
                        "label": "Get started",
                        "href": "#"
                      },
                      "slot": {
                        "name": "cta4",
                        "type": "link",
                        "label": "Plan action"
                      }
                    }
                  ]
                },
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex flex-col gap-6 rounded-box border-2 border-primary bg-base-100 p-8 shadow-lg",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "div",
                      "class": "flex flex-col gap-2",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "div",
                          "class": "flex items-center justify-between gap-3",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "h3",
                              "class": "text-sm font-semibold text-base-content",
                              "children": [
                                "Pro"
                              ],
                              "slot": {
                                "name": "plan5",
                                "type": "text",
                                "label": "Plan name"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "class": "badge badge-primary badge-sm",
                              "children": [
                                "Most popular"
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "div",
                          "class": "flex items-baseline gap-1",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "span",
                              "class": "text-4xl font-semibold text-base-content",
                              "children": [
                                "$290"
                              ],
                              "slot": {
                                "name": "price5",
                                "type": "text",
                                "label": "Price"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "class": "text-sm text-base-content",
                              "children": [
                                "/year"
                              ]
                            }
                          ]
                        }
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "ul",
                      "class": "flex flex-col gap-2",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "li",
                          "class": "flex items-start gap-2 text-sm text-base-content",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Icon",
                              "class": "mt-0.5 shrink-0 text-primary",
                              "props": {
                                "name": "check"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "children": [
                                "Unlimited projects"
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "class": "flex items-start gap-2 text-sm text-base-content",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Icon",
                              "class": "mt-0.5 shrink-0 text-primary",
                              "props": {
                                "name": "check"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "children": [
                                "Priority support"
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "class": "flex items-start gap-2 text-sm text-base-content",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Icon",
                              "class": "mt-0.5 shrink-0 text-primary",
                              "props": {
                                "name": "check"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "children": [
                                "Advanced analytics"
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "class": "flex items-start gap-2 text-sm text-base-content",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Icon",
                              "class": "mt-0.5 shrink-0 text-primary",
                              "props": {
                                "name": "check"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "children": [
                                "Custom domain"
                              ]
                            }
                          ]
                        }
                      ]
                    },
                    {
                      "kind": "component",
                      "component": "Button",
                      "class": "btn btn-primary mt-auto w-full",
                      "props": {
                        "label": "Start Pro trial",
                        "href": "#"
                      },
                      "slot": {
                        "name": "cta5",
                        "type": "link",
                        "label": "Plan action"
                      }
                    }
                  ]
                },
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex flex-col gap-6 rounded-box border border-base-200 bg-base-100 p-8",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "div",
                      "class": "flex flex-col gap-2",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "div",
                          "class": "flex items-center justify-between gap-3",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "h3",
                              "class": "text-sm font-semibold text-base-content",
                              "children": [
                                "Team"
                              ],
                              "slot": {
                                "name": "plan6",
                                "type": "text",
                                "label": "Plan name"
                              }
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "div",
                          "class": "flex items-baseline gap-1",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "span",
                              "class": "text-4xl font-semibold text-base-content",
                              "children": [
                                "$990"
                              ],
                              "slot": {
                                "name": "price6",
                                "type": "text",
                                "label": "Price"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "class": "text-sm text-base-content",
                              "children": [
                                "/year"
                              ]
                            }
                          ]
                        }
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "ul",
                      "class": "flex flex-col gap-2",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "li",
                          "class": "flex items-start gap-2 text-sm text-base-content",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Icon",
                              "class": "mt-0.5 shrink-0 text-primary",
                              "props": {
                                "name": "check"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "children": [
                                "Everything in Pro"
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "class": "flex items-start gap-2 text-sm text-base-content",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Icon",
                              "class": "mt-0.5 shrink-0 text-primary",
                              "props": {
                                "name": "check"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "children": [
                                "5 seats included"
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "class": "flex items-start gap-2 text-sm text-base-content",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Icon",
                              "class": "mt-0.5 shrink-0 text-primary",
                              "props": {
                                "name": "check"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "children": [
                                "SSO and audit logs"
                              ]
                            }
                          ]
                        }
                      ]
                    },
                    {
                      "kind": "component",
                      "component": "Button",
                      "class": "btn btn-outline mt-auto w-full",
                      "props": {
                        "label": "Contact sales",
                        "href": "#"
                      },
                      "slot": {
                        "name": "cta6",
                        "type": "link",
                        "label": "Plan action"
                      }
                    }
                  ]
                }
              ],
              "part": "panel"
            }
          ]
        }
      ],
      "behavior": {
        "type": "tabs"
      }
    },
    "slots": [
      {
        "name": "heading",
        "type": "text",
        "label": "Heading",
        "required": true
      },
      {
        "name": "subhead",
        "type": "text",
        "label": "Subheadline"
      },
      {
        "name": "plan1",
        "type": "text",
        "label": "Plan name"
      },
      {
        "name": "price1",
        "type": "text",
        "label": "Price"
      },
      {
        "name": "cta1",
        "type": "link",
        "label": "Plan action"
      },
      {
        "name": "plan2",
        "type": "text",
        "label": "Plan name"
      },
      {
        "name": "price2",
        "type": "text",
        "label": "Price"
      },
      {
        "name": "cta2",
        "type": "link",
        "label": "Plan action"
      },
      {
        "name": "plan3",
        "type": "text",
        "label": "Plan name"
      },
      {
        "name": "price3",
        "type": "text",
        "label": "Price"
      },
      {
        "name": "cta3",
        "type": "link",
        "label": "Plan action"
      },
      {
        "name": "plan4",
        "type": "text",
        "label": "Plan name"
      },
      {
        "name": "price4",
        "type": "text",
        "label": "Price"
      },
      {
        "name": "cta4",
        "type": "link",
        "label": "Plan action"
      },
      {
        "name": "plan5",
        "type": "text",
        "label": "Plan name"
      },
      {
        "name": "price5",
        "type": "text",
        "label": "Price"
      },
      {
        "name": "cta5",
        "type": "link",
        "label": "Plan action"
      },
      {
        "name": "plan6",
        "type": "text",
        "label": "Plan name"
      },
      {
        "name": "price6",
        "type": "text",
        "label": "Price"
      },
      {
        "name": "cta6",
        "type": "link",
        "label": "Plan action"
      }
    ]
  },
  {
    "key": "pricing_duo",
    "name": "Pricing — Two Plans",
    "category": "pricing",
    "version": "1.0.0",
    "description": "Two wide plan cards with room for a two-column feature list each.",
    "tags": [
      "pricing",
      "plans",
      "marketing"
    ],
    "colors": [
      "base-100",
      "base-200",
      "base-content",
      "primary"
    ],
    "behaviors": [],
    "emailEligible": false,
    "root": {
      "kind": "element",
      "tag": "section",
      "class": "@container bg-base-100",
      "children": [
        {
          "kind": "element",
          "tag": "div",
          "class": "mx-auto w-full max-w-5xl px-6 py-16 @3xl:py-20",
          "children": [
            {
              "kind": "element",
              "tag": "div",
              "class": "mb-12 flex flex-col items-center gap-3 text-center",
              "children": [
                {
                  "kind": "element",
                  "tag": "h2",
                  "class": "text-3xl font-semibold text-base-content @2xl:text-4xl",
                  "children": [
                    "Two plans, no calculator"
                  ],
                  "slot": {
                    "name": "heading",
                    "type": "text",
                    "label": "Heading",
                    "required": true
                  }
                },
                {
                  "kind": "element",
                  "tag": "p",
                  "class": "max-w-xl text-base-content",
                  "children": [
                    "Free while you're building. One price once you're selling — everything included, no per-seat maths."
                  ],
                  "slot": {
                    "name": "subhead",
                    "type": "text",
                    "label": "Subheadline"
                  }
                }
              ]
            },
            {
              "kind": "element",
              "tag": "div",
              "class": "grid grid-cols-1 items-start gap-6 @2xl:grid-cols-2",
              "children": [
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex flex-col gap-6 rounded-box border border-base-200 bg-base-100 p-8",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "div",
                      "class": "flex flex-col gap-2",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "div",
                          "class": "flex items-center justify-between gap-3",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "h3",
                              "class": "text-sm font-semibold text-base-content",
                              "children": [
                                "Free"
                              ],
                              "slot": {
                                "name": "plan1",
                                "type": "text",
                                "label": "Plan name"
                              }
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "div",
                          "class": "flex items-baseline gap-1",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "span",
                              "class": "text-4xl font-semibold text-base-content",
                              "children": [
                                "$0"
                              ],
                              "slot": {
                                "name": "price1",
                                "type": "text",
                                "label": "Price"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "class": "text-sm text-base-content",
                              "children": [
                                "forever"
                              ]
                            }
                          ]
                        }
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "p",
                      "class": "text-sm text-base-content",
                      "children": [
                        "Build the whole store and publish it. Upgrade when you take your first order."
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "ul",
                      "class": "grid grid-cols-1 gap-2 @sm:grid-cols-2",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "li",
                          "class": "flex items-start gap-2 text-sm text-base-content",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Icon",
                              "class": "mt-0.5 shrink-0 text-primary",
                              "props": {
                                "name": "check"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "children": [
                                "Unlimited pages"
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "class": "flex items-start gap-2 text-sm text-base-content",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Icon",
                              "class": "mt-0.5 shrink-0 text-primary",
                              "props": {
                                "name": "check"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "children": [
                                "SilicaUI subdomain"
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "class": "flex items-start gap-2 text-sm text-base-content",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Icon",
                              "class": "mt-0.5 shrink-0 text-primary",
                              "props": {
                                "name": "check"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "children": [
                                "Community support"
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "class": "flex items-start gap-2 text-sm text-base-content",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Icon",
                              "class": "mt-0.5 shrink-0 text-primary",
                              "props": {
                                "name": "check"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "children": [
                                "Basic analytics"
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "class": "flex items-start gap-2 text-sm text-base-content",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Icon",
                              "class": "mt-0.5 shrink-0 text-primary",
                              "props": {
                                "name": "check"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "children": [
                                "Up to 10 products"
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "class": "flex items-start gap-2 text-sm text-base-content",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Icon",
                              "class": "mt-0.5 shrink-0 text-primary",
                              "props": {
                                "name": "check"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "children": [
                                "Standard checkout"
                              ]
                            }
                          ]
                        }
                      ]
                    },
                    {
                      "kind": "component",
                      "component": "Button",
                      "class": "btn btn-outline mt-auto w-full",
                      "props": {
                        "label": "Start building",
                        "href": "#"
                      },
                      "slot": {
                        "name": "cta1",
                        "type": "link",
                        "label": "Plan action"
                      }
                    }
                  ]
                },
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex flex-col gap-6 rounded-box border-2 border-primary bg-base-100 p-8 shadow-lg",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "div",
                      "class": "flex flex-col gap-2",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "div",
                          "class": "flex items-center justify-between gap-3",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "h3",
                              "class": "text-sm font-semibold text-base-content",
                              "children": [
                                "Growth"
                              ],
                              "slot": {
                                "name": "plan2",
                                "type": "text",
                                "label": "Plan name"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "class": "badge badge-primary badge-sm",
                              "children": [
                                "Most popular"
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "div",
                          "class": "flex items-baseline gap-1",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "span",
                              "class": "text-4xl font-semibold text-base-content",
                              "children": [
                                "$49"
                              ],
                              "slot": {
                                "name": "price2",
                                "type": "text",
                                "label": "Price"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "class": "text-sm text-base-content",
                              "children": [
                                "/month"
                              ]
                            }
                          ]
                        }
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "p",
                      "class": "text-sm text-base-content",
                      "children": [
                        "Everything, for every store you run. No seat counting, no feature gates."
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "ul",
                      "class": "grid grid-cols-1 gap-2 @sm:grid-cols-2",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "li",
                          "class": "flex items-start gap-2 text-sm text-base-content",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Icon",
                              "class": "mt-0.5 shrink-0 text-primary",
                              "props": {
                                "name": "check"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "children": [
                                "Everything in Free"
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "class": "flex items-start gap-2 text-sm text-base-content",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Icon",
                              "class": "mt-0.5 shrink-0 text-primary",
                              "props": {
                                "name": "check"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "children": [
                                "Custom domain"
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "class": "flex items-start gap-2 text-sm text-base-content",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Icon",
                              "class": "mt-0.5 shrink-0 text-primary",
                              "props": {
                                "name": "check"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "children": [
                                "Unlimited products"
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "class": "flex items-start gap-2 text-sm text-base-content",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Icon",
                              "class": "mt-0.5 shrink-0 text-primary",
                              "props": {
                                "name": "check"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "children": [
                                "Abandoned-cart recovery"
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "class": "flex items-start gap-2 text-sm text-base-content",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Icon",
                              "class": "mt-0.5 shrink-0 text-primary",
                              "props": {
                                "name": "check"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "children": [
                                "Priority support"
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "class": "flex items-start gap-2 text-sm text-base-content",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Icon",
                              "class": "mt-0.5 shrink-0 text-primary",
                              "props": {
                                "name": "check"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "children": [
                                "Advanced analytics"
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "class": "flex items-start gap-2 text-sm text-base-content",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Icon",
                              "class": "mt-0.5 shrink-0 text-primary",
                              "props": {
                                "name": "check"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "children": [
                                "Unlimited team seats"
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "class": "flex items-start gap-2 text-sm text-base-content",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Icon",
                              "class": "mt-0.5 shrink-0 text-primary",
                              "props": {
                                "name": "check"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "children": [
                                "SSO and audit logs"
                              ]
                            }
                          ]
                        }
                      ]
                    },
                    {
                      "kind": "component",
                      "component": "Button",
                      "class": "btn btn-primary mt-auto w-full",
                      "props": {
                        "label": "Start 14-day trial",
                        "href": "#"
                      },
                      "slot": {
                        "name": "cta2",
                        "type": "link",
                        "label": "Plan action"
                      }
                    }
                  ]
                }
              ]
            }
          ]
        }
      ]
    },
    "slots": [
      {
        "name": "heading",
        "type": "text",
        "label": "Heading",
        "required": true
      },
      {
        "name": "subhead",
        "type": "text",
        "label": "Subheadline"
      },
      {
        "name": "plan1",
        "type": "text",
        "label": "Plan name"
      },
      {
        "name": "price1",
        "type": "text",
        "label": "Price"
      },
      {
        "name": "cta1",
        "type": "link",
        "label": "Plan action"
      },
      {
        "name": "plan2",
        "type": "text",
        "label": "Plan name"
      },
      {
        "name": "price2",
        "type": "text",
        "label": "Price"
      },
      {
        "name": "cta2",
        "type": "link",
        "label": "Plan action"
      }
    ]
  },
  {
    "key": "pricing_single",
    "name": "Pricing — Single Plan",
    "category": "pricing",
    "version": "1.0.0",
    "description": "One plan card beside the copy and checklist that justify it.",
    "tags": [
      "pricing",
      "plans",
      "marketing"
    ],
    "colors": [
      "base-100",
      "base-200",
      "base-content",
      "primary"
    ],
    "behaviors": [],
    "emailEligible": false,
    "root": {
      "kind": "element",
      "tag": "section",
      "class": "@container bg-base-100",
      "children": [
        {
          "kind": "element",
          "tag": "div",
          "class": "mx-auto grid w-full max-w-6xl grid-cols-1 items-start gap-12 px-6 py-16 @3xl:grid-cols-2 @3xl:py-20",
          "children": [
            {
              "kind": "element",
              "tag": "div",
              "class": "flex flex-col gap-5",
              "children": [
                {
                  "kind": "element",
                  "tag": "h2",
                  "class": "text-3xl font-semibold text-base-content @2xl:text-4xl",
                  "children": [
                    "One price. Everything in it."
                  ],
                  "slot": {
                    "name": "heading",
                    "type": "text",
                    "label": "Heading",
                    "required": true
                  }
                },
                {
                  "kind": "element",
                  "tag": "p",
                  "class": "max-w-lg text-base-content",
                  "children": [
                    "No tiers to compare, no feature held back for a plan you'll be upgraded into later. You get the product."
                  ],
                  "slot": {
                    "name": "subhead",
                    "type": "text",
                    "label": "Subheadline"
                  }
                },
                {
                  "kind": "element",
                  "tag": "ul",
                  "class": "mt-2 grid grid-cols-1 gap-3 @sm:grid-cols-2",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "li",
                      "class": "flex items-start gap-2 text-sm text-base-content",
                      "children": [
                        {
                          "kind": "component",
                          "component": "Icon",
                          "class": "mt-0.5 shrink-0 text-primary",
                          "props": {
                            "name": "check"
                          }
                        },
                        {
                          "kind": "element",
                          "tag": "span",
                          "children": [
                            "Unlimited projects and pages"
                          ]
                        }
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "li",
                      "class": "flex items-start gap-2 text-sm text-base-content",
                      "children": [
                        {
                          "kind": "component",
                          "component": "Icon",
                          "class": "mt-0.5 shrink-0 text-primary",
                          "props": {
                            "name": "check"
                          }
                        },
                        {
                          "kind": "element",
                          "tag": "span",
                          "children": [
                            "Custom domains on every site"
                          ]
                        }
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "li",
                      "class": "flex items-start gap-2 text-sm text-base-content",
                      "children": [
                        {
                          "kind": "component",
                          "component": "Icon",
                          "class": "mt-0.5 shrink-0 text-primary",
                          "props": {
                            "name": "check"
                          }
                        },
                        {
                          "kind": "element",
                          "tag": "span",
                          "children": [
                            "Version history and rollback"
                          ]
                        }
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "li",
                      "class": "flex items-start gap-2 text-sm text-base-content",
                      "children": [
                        {
                          "kind": "component",
                          "component": "Icon",
                          "class": "mt-0.5 shrink-0 text-primary",
                          "props": {
                            "name": "check"
                          }
                        },
                        {
                          "kind": "element",
                          "tag": "span",
                          "children": [
                            "Team seats at no extra cost"
                          ]
                        }
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "li",
                      "class": "flex items-start gap-2 text-sm text-base-content",
                      "children": [
                        {
                          "kind": "component",
                          "component": "Icon",
                          "class": "mt-0.5 shrink-0 text-primary",
                          "props": {
                            "name": "check"
                          }
                        },
                        {
                          "kind": "element",
                          "tag": "span",
                          "children": [
                            "Priority support, same day"
                          ]
                        }
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "li",
                      "class": "flex items-start gap-2 text-sm text-base-content",
                      "children": [
                        {
                          "kind": "component",
                          "component": "Icon",
                          "class": "mt-0.5 shrink-0 text-primary",
                          "props": {
                            "name": "check"
                          }
                        },
                        {
                          "kind": "element",
                          "tag": "span",
                          "children": [
                            "Export your HTML at any time"
                          ]
                        }
                      ]
                    }
                  ]
                }
              ]
            },
            {
              "kind": "element",
              "tag": "div",
              "class": "@3xl:sticky @3xl:top-8",
              "children": [
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex flex-col gap-6 rounded-box border-2 border-primary bg-base-100 p-8 shadow-lg",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "div",
                      "class": "flex flex-col gap-2",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "div",
                          "class": "flex items-center justify-between gap-3",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "h3",
                              "class": "text-sm font-semibold text-base-content",
                              "children": [
                                "Complete"
                              ],
                              "slot": {
                                "name": "plan1",
                                "type": "text",
                                "label": "Plan name"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "class": "badge badge-primary badge-sm",
                              "children": [
                                "Most popular"
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "div",
                          "class": "flex items-baseline gap-1",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "span",
                              "class": "text-4xl font-semibold text-base-content",
                              "children": [
                                "$49"
                              ],
                              "slot": {
                                "name": "price1",
                                "type": "text",
                                "label": "Price"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "class": "text-sm text-base-content",
                              "children": [
                                "/month"
                              ]
                            }
                          ]
                        }
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "p",
                      "class": "text-sm text-base-content",
                      "children": [
                        "Billed monthly. Cancel any time and keep everything you've published."
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "ul",
                      "class": "flex flex-col gap-2",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "li",
                          "class": "flex items-start gap-2 text-sm text-base-content",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Icon",
                              "class": "mt-0.5 shrink-0 text-primary",
                              "props": {
                                "name": "check"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "children": [
                                "14-day free trial"
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "class": "flex items-start gap-2 text-sm text-base-content",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Icon",
                              "class": "mt-0.5 shrink-0 text-primary",
                              "props": {
                                "name": "check"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "children": [
                                "No card to start"
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "class": "flex items-start gap-2 text-sm text-base-content",
                          "children": [
                            {
                              "kind": "component",
                              "component": "Icon",
                              "class": "mt-0.5 shrink-0 text-primary",
                              "props": {
                                "name": "check"
                              }
                            },
                            {
                              "kind": "element",
                              "tag": "span",
                              "children": [
                                "Cancel in one click"
                              ]
                            }
                          ]
                        }
                      ]
                    },
                    {
                      "kind": "component",
                      "component": "Button",
                      "class": "btn btn-primary mt-auto w-full",
                      "props": {
                        "label": "Start free trial",
                        "href": "#"
                      },
                      "slot": {
                        "name": "cta1",
                        "type": "link",
                        "label": "Plan action"
                      }
                    }
                  ]
                }
              ]
            }
          ]
        }
      ]
    },
    "slots": [
      {
        "name": "heading",
        "type": "text",
        "label": "Heading",
        "required": true
      },
      {
        "name": "subhead",
        "type": "text",
        "label": "Subheadline"
      },
      {
        "name": "plan1",
        "type": "text",
        "label": "Plan name"
      },
      {
        "name": "price1",
        "type": "text",
        "label": "Price"
      },
      {
        "name": "cta1",
        "type": "link",
        "label": "Plan action"
      }
    ]
  },
  {
    "key": "pricing_table",
    "name": "Pricing — Comparison",
    "category": "pricing",
    "version": "1.0.0",
    "description": "A feature matrix comparing every plan row by row.",
    "tags": [
      "pricing",
      "plans",
      "comparison"
    ],
    "colors": [
      "base-100",
      "base-200",
      "base-content",
      "primary"
    ],
    "behaviors": [],
    "emailEligible": false,
    "root": {
      "kind": "element",
      "tag": "section",
      "class": "@container bg-base-100",
      "children": [
        {
          "kind": "element",
          "tag": "div",
          "class": "mx-auto w-full max-w-5xl px-6 py-16 @3xl:py-20",
          "children": [
            {
              "kind": "element",
              "tag": "div",
              "class": "mb-12 flex flex-col items-center gap-3 text-center",
              "children": [
                {
                  "kind": "element",
                  "tag": "h2",
                  "class": "text-3xl font-semibold text-base-content @2xl:text-4xl",
                  "children": [
                    "Compare every plan"
                  ],
                  "slot": {
                    "name": "heading",
                    "type": "text",
                    "label": "Heading",
                    "required": true
                  }
                },
                {
                  "kind": "element",
                  "tag": "p",
                  "class": "max-w-xl text-base-content",
                  "children": [
                    "Everything each plan includes, side by side."
                  ],
                  "slot": {
                    "name": "subhead",
                    "type": "text",
                    "label": "Subheadline"
                  }
                }
              ]
            },
            {
              "kind": "element",
              "tag": "div",
              "class": "overflow-x-auto",
              "children": [
                {
                  "kind": "element",
                  "tag": "table",
                  "class": "table w-full",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "caption",
                      "class": "sr-only",
                      "children": [
                        "Feature comparison across SilicaUI plans"
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "thead",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "tr",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "td"
                            },
                            {
                              "kind": "element",
                              "tag": "th",
                              "class": "px-4 py-4 text-center",
                              "attrs": {
                                "scope": "col"
                              },
                              "children": [
                                {
                                  "kind": "element",
                                  "tag": "p",
                                  "class": "text-sm font-semibold text-base-content",
                                  "children": [
                                    "Starter"
                                  ],
                                  "slot": {
                                    "name": "plan1",
                                    "type": "text",
                                    "label": "Plan name"
                                  }
                                },
                                {
                                  "kind": "element",
                                  "tag": "p",
                                  "class": "text-2xl font-semibold text-base-content",
                                  "children": [
                                    "$0"
                                  ],
                                  "slot": {
                                    "name": "price1",
                                    "type": "text",
                                    "label": "Price"
                                  }
                                }
                              ]
                            },
                            {
                              "kind": "element",
                              "tag": "th",
                              "class": "px-4 py-4 text-center",
                              "attrs": {
                                "scope": "col"
                              },
                              "children": [
                                {
                                  "kind": "element",
                                  "tag": "p",
                                  "class": "text-sm font-semibold text-base-content",
                                  "children": [
                                    "Pro"
                                  ],
                                  "slot": {
                                    "name": "plan2",
                                    "type": "text",
                                    "label": "Plan name"
                                  }
                                },
                                {
                                  "kind": "element",
                                  "tag": "p",
                                  "class": "text-2xl font-semibold text-base-content",
                                  "children": [
                                    "$29"
                                  ],
                                  "slot": {
                                    "name": "price2",
                                    "type": "text",
                                    "label": "Price"
                                  }
                                }
                              ]
                            },
                            {
                              "kind": "element",
                              "tag": "th",
                              "class": "px-4 py-4 text-center",
                              "attrs": {
                                "scope": "col"
                              },
                              "children": [
                                {
                                  "kind": "element",
                                  "tag": "p",
                                  "class": "text-sm font-semibold text-base-content",
                                  "children": [
                                    "Team"
                                  ],
                                  "slot": {
                                    "name": "plan3",
                                    "type": "text",
                                    "label": "Plan name"
                                  }
                                },
                                {
                                  "kind": "element",
                                  "tag": "p",
                                  "class": "text-2xl font-semibold text-base-content",
                                  "children": [
                                    "$99"
                                  ],
                                  "slot": {
                                    "name": "price3",
                                    "type": "text",
                                    "label": "Price"
                                  }
                                }
                              ]
                            }
                          ]
                        }
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "tbody",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "tr",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "th",
                              "class": "px-4 py-3 text-left text-sm font-normal text-base-content",
                              "attrs": {
                                "scope": "row"
                              },
                              "children": [
                                "Projects"
                              ]
                            },
                            {
                              "kind": "element",
                              "tag": "td",
                              "class": "px-4 py-3 text-center",
                              "children": [
                                {
                                  "kind": "component",
                                  "component": "Icon",
                                  "class": "inline-block text-primary",
                                  "props": {
                                    "name": "check"
                                  }
                                },
                                {
                                  "kind": "element",
                                  "tag": "span",
                                  "class": "sr-only",
                                  "children": [
                                    "Included"
                                  ]
                                }
                              ]
                            },
                            {
                              "kind": "element",
                              "tag": "td",
                              "class": "px-4 py-3 text-center",
                              "children": [
                                {
                                  "kind": "component",
                                  "component": "Icon",
                                  "class": "inline-block text-primary",
                                  "props": {
                                    "name": "check"
                                  }
                                },
                                {
                                  "kind": "element",
                                  "tag": "span",
                                  "class": "sr-only",
                                  "children": [
                                    "Included"
                                  ]
                                }
                              ]
                            },
                            {
                              "kind": "element",
                              "tag": "td",
                              "class": "px-4 py-3 text-center",
                              "children": [
                                {
                                  "kind": "component",
                                  "component": "Icon",
                                  "class": "inline-block text-primary",
                                  "props": {
                                    "name": "check"
                                  }
                                },
                                {
                                  "kind": "element",
                                  "tag": "span",
                                  "class": "sr-only",
                                  "children": [
                                    "Included"
                                  ]
                                }
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "tr",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "th",
                              "class": "px-4 py-3 text-left text-sm font-normal text-base-content",
                              "attrs": {
                                "scope": "row"
                              },
                              "children": [
                                "Custom domain"
                              ]
                            },
                            {
                              "kind": "element",
                              "tag": "td",
                              "class": "px-4 py-3 text-center text-base-content",
                              "children": [
                                {
                                  "kind": "element",
                                  "tag": "span",
                                  "attrs": {
                                    "aria-hidden": "true"
                                  },
                                  "children": [
                                    "—"
                                  ]
                                },
                                {
                                  "kind": "element",
                                  "tag": "span",
                                  "class": "sr-only",
                                  "children": [
                                    "Not included"
                                  ]
                                }
                              ]
                            },
                            {
                              "kind": "element",
                              "tag": "td",
                              "class": "px-4 py-3 text-center",
                              "children": [
                                {
                                  "kind": "component",
                                  "component": "Icon",
                                  "class": "inline-block text-primary",
                                  "props": {
                                    "name": "check"
                                  }
                                },
                                {
                                  "kind": "element",
                                  "tag": "span",
                                  "class": "sr-only",
                                  "children": [
                                    "Included"
                                  ]
                                }
                              ]
                            },
                            {
                              "kind": "element",
                              "tag": "td",
                              "class": "px-4 py-3 text-center",
                              "children": [
                                {
                                  "kind": "component",
                                  "component": "Icon",
                                  "class": "inline-block text-primary",
                                  "props": {
                                    "name": "check"
                                  }
                                },
                                {
                                  "kind": "element",
                                  "tag": "span",
                                  "class": "sr-only",
                                  "children": [
                                    "Included"
                                  ]
                                }
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "tr",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "th",
                              "class": "px-4 py-3 text-left text-sm font-normal text-base-content",
                              "attrs": {
                                "scope": "row"
                              },
                              "children": [
                                "Advanced analytics"
                              ]
                            },
                            {
                              "kind": "element",
                              "tag": "td",
                              "class": "px-4 py-3 text-center text-base-content",
                              "children": [
                                {
                                  "kind": "element",
                                  "tag": "span",
                                  "attrs": {
                                    "aria-hidden": "true"
                                  },
                                  "children": [
                                    "—"
                                  ]
                                },
                                {
                                  "kind": "element",
                                  "tag": "span",
                                  "class": "sr-only",
                                  "children": [
                                    "Not included"
                                  ]
                                }
                              ]
                            },
                            {
                              "kind": "element",
                              "tag": "td",
                              "class": "px-4 py-3 text-center",
                              "children": [
                                {
                                  "kind": "component",
                                  "component": "Icon",
                                  "class": "inline-block text-primary",
                                  "props": {
                                    "name": "check"
                                  }
                                },
                                {
                                  "kind": "element",
                                  "tag": "span",
                                  "class": "sr-only",
                                  "children": [
                                    "Included"
                                  ]
                                }
                              ]
                            },
                            {
                              "kind": "element",
                              "tag": "td",
                              "class": "px-4 py-3 text-center",
                              "children": [
                                {
                                  "kind": "component",
                                  "component": "Icon",
                                  "class": "inline-block text-primary",
                                  "props": {
                                    "name": "check"
                                  }
                                },
                                {
                                  "kind": "element",
                                  "tag": "span",
                                  "class": "sr-only",
                                  "children": [
                                    "Included"
                                  ]
                                }
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "tr",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "th",
                              "class": "px-4 py-3 text-left text-sm font-normal text-base-content",
                              "attrs": {
                                "scope": "row"
                              },
                              "children": [
                                "Abandoned-cart recovery"
                              ]
                            },
                            {
                              "kind": "element",
                              "tag": "td",
                              "class": "px-4 py-3 text-center text-base-content",
                              "children": [
                                {
                                  "kind": "element",
                                  "tag": "span",
                                  "attrs": {
                                    "aria-hidden": "true"
                                  },
                                  "children": [
                                    "—"
                                  ]
                                },
                                {
                                  "kind": "element",
                                  "tag": "span",
                                  "class": "sr-only",
                                  "children": [
                                    "Not included"
                                  ]
                                }
                              ]
                            },
                            {
                              "kind": "element",
                              "tag": "td",
                              "class": "px-4 py-3 text-center",
                              "children": [
                                {
                                  "kind": "component",
                                  "component": "Icon",
                                  "class": "inline-block text-primary",
                                  "props": {
                                    "name": "check"
                                  }
                                },
                                {
                                  "kind": "element",
                                  "tag": "span",
                                  "class": "sr-only",
                                  "children": [
                                    "Included"
                                  ]
                                }
                              ]
                            },
                            {
                              "kind": "element",
                              "tag": "td",
                              "class": "px-4 py-3 text-center",
                              "children": [
                                {
                                  "kind": "component",
                                  "component": "Icon",
                                  "class": "inline-block text-primary",
                                  "props": {
                                    "name": "check"
                                  }
                                },
                                {
                                  "kind": "element",
                                  "tag": "span",
                                  "class": "sr-only",
                                  "children": [
                                    "Included"
                                  ]
                                }
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "tr",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "th",
                              "class": "px-4 py-3 text-left text-sm font-normal text-base-content",
                              "attrs": {
                                "scope": "row"
                              },
                              "children": [
                                "Team seats"
                              ]
                            },
                            {
                              "kind": "element",
                              "tag": "td",
                              "class": "px-4 py-3 text-center text-base-content",
                              "children": [
                                {
                                  "kind": "element",
                                  "tag": "span",
                                  "attrs": {
                                    "aria-hidden": "true"
                                  },
                                  "children": [
                                    "—"
                                  ]
                                },
                                {
                                  "kind": "element",
                                  "tag": "span",
                                  "class": "sr-only",
                                  "children": [
                                    "Not included"
                                  ]
                                }
                              ]
                            },
                            {
                              "kind": "element",
                              "tag": "td",
                              "class": "px-4 py-3 text-center text-base-content",
                              "children": [
                                {
                                  "kind": "element",
                                  "tag": "span",
                                  "attrs": {
                                    "aria-hidden": "true"
                                  },
                                  "children": [
                                    "—"
                                  ]
                                },
                                {
                                  "kind": "element",
                                  "tag": "span",
                                  "class": "sr-only",
                                  "children": [
                                    "Not included"
                                  ]
                                }
                              ]
                            },
                            {
                              "kind": "element",
                              "tag": "td",
                              "class": "px-4 py-3 text-center",
                              "children": [
                                {
                                  "kind": "component",
                                  "component": "Icon",
                                  "class": "inline-block text-primary",
                                  "props": {
                                    "name": "check"
                                  }
                                },
                                {
                                  "kind": "element",
                                  "tag": "span",
                                  "class": "sr-only",
                                  "children": [
                                    "Included"
                                  ]
                                }
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "tr",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "th",
                              "class": "px-4 py-3 text-left text-sm font-normal text-base-content",
                              "attrs": {
                                "scope": "row"
                              },
                              "children": [
                                "SSO and audit logs"
                              ]
                            },
                            {
                              "kind": "element",
                              "tag": "td",
                              "class": "px-4 py-3 text-center text-base-content",
                              "children": [
                                {
                                  "kind": "element",
                                  "tag": "span",
                                  "attrs": {
                                    "aria-hidden": "true"
                                  },
                                  "children": [
                                    "—"
                                  ]
                                },
                                {
                                  "kind": "element",
                                  "tag": "span",
                                  "class": "sr-only",
                                  "children": [
                                    "Not included"
                                  ]
                                }
                              ]
                            },
                            {
                              "kind": "element",
                              "tag": "td",
                              "class": "px-4 py-3 text-center text-base-content",
                              "children": [
                                {
                                  "kind": "element",
                                  "tag": "span",
                                  "attrs": {
                                    "aria-hidden": "true"
                                  },
                                  "children": [
                                    "—"
                                  ]
                                },
                                {
                                  "kind": "element",
                                  "tag": "span",
                                  "class": "sr-only",
                                  "children": [
                                    "Not included"
                                  ]
                                }
                              ]
                            },
                            {
                              "kind": "element",
                              "tag": "td",
                              "class": "px-4 py-3 text-center",
                              "children": [
                                {
                                  "kind": "component",
                                  "component": "Icon",
                                  "class": "inline-block text-primary",
                                  "props": {
                                    "name": "check"
                                  }
                                },
                                {
                                  "kind": "element",
                                  "tag": "span",
                                  "class": "sr-only",
                                  "children": [
                                    "Included"
                                  ]
                                }
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "tr",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "th",
                              "class": "px-4 py-3 text-left text-sm font-normal text-base-content",
                              "attrs": {
                                "scope": "row"
                              },
                              "children": [
                                "Sandbox environments"
                              ]
                            },
                            {
                              "kind": "element",
                              "tag": "td",
                              "class": "px-4 py-3 text-center text-base-content",
                              "children": [
                                {
                                  "kind": "element",
                                  "tag": "span",
                                  "attrs": {
                                    "aria-hidden": "true"
                                  },
                                  "children": [
                                    "—"
                                  ]
                                },
                                {
                                  "kind": "element",
                                  "tag": "span",
                                  "class": "sr-only",
                                  "children": [
                                    "Not included"
                                  ]
                                }
                              ]
                            },
                            {
                              "kind": "element",
                              "tag": "td",
                              "class": "px-4 py-3 text-center text-base-content",
                              "children": [
                                {
                                  "kind": "element",
                                  "tag": "span",
                                  "attrs": {
                                    "aria-hidden": "true"
                                  },
                                  "children": [
                                    "—"
                                  ]
                                },
                                {
                                  "kind": "element",
                                  "tag": "span",
                                  "class": "sr-only",
                                  "children": [
                                    "Not included"
                                  ]
                                }
                              ]
                            },
                            {
                              "kind": "element",
                              "tag": "td",
                              "class": "px-4 py-3 text-center",
                              "children": [
                                {
                                  "kind": "component",
                                  "component": "Icon",
                                  "class": "inline-block text-primary",
                                  "props": {
                                    "name": "check"
                                  }
                                },
                                {
                                  "kind": "element",
                                  "tag": "span",
                                  "class": "sr-only",
                                  "children": [
                                    "Included"
                                  ]
                                }
                              ]
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "tr",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "th",
                              "class": "px-4 py-3 text-left text-sm font-normal text-base-content",
                              "attrs": {
                                "scope": "row"
                              },
                              "children": [
                                "Priority support"
                              ]
                            },
                            {
                              "kind": "element",
                              "tag": "td",
                              "class": "px-4 py-3 text-center text-base-content",
                              "children": [
                                {
                                  "kind": "element",
                                  "tag": "span",
                                  "attrs": {
                                    "aria-hidden": "true"
                                  },
                                  "children": [
                                    "—"
                                  ]
                                },
                                {
                                  "kind": "element",
                                  "tag": "span",
                                  "class": "sr-only",
                                  "children": [
                                    "Not included"
                                  ]
                                }
                              ]
                            },
                            {
                              "kind": "element",
                              "tag": "td",
                              "class": "px-4 py-3 text-center",
                              "children": [
                                {
                                  "kind": "component",
                                  "component": "Icon",
                                  "class": "inline-block text-primary",
                                  "props": {
                                    "name": "check"
                                  }
                                },
                                {
                                  "kind": "element",
                                  "tag": "span",
                                  "class": "sr-only",
                                  "children": [
                                    "Included"
                                  ]
                                }
                              ]
                            },
                            {
                              "kind": "element",
                              "tag": "td",
                              "class": "px-4 py-3 text-center",
                              "children": [
                                {
                                  "kind": "component",
                                  "component": "Icon",
                                  "class": "inline-block text-primary",
                                  "props": {
                                    "name": "check"
                                  }
                                },
                                {
                                  "kind": "element",
                                  "tag": "span",
                                  "class": "sr-only",
                                  "children": [
                                    "Included"
                                  ]
                                }
                              ]
                            }
                          ]
                        }
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "tfoot",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "tr",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "td"
                            },
                            {
                              "kind": "element",
                              "tag": "td",
                              "class": "px-4 pt-6 text-center",
                              "children": [
                                {
                                  "kind": "component",
                                  "component": "Button",
                                  "class": "btn btn-outline btn-sm",
                                  "props": {
                                    "label": "Get started",
                                    "href": "#"
                                  },
                                  "slot": {
                                    "name": "cta1",
                                    "type": "link",
                                    "label": "Plan action"
                                  }
                                }
                              ]
                            },
                            {
                              "kind": "element",
                              "tag": "td",
                              "class": "px-4 pt-6 text-center",
                              "children": [
                                {
                                  "kind": "component",
                                  "component": "Button",
                                  "class": "btn btn-primary btn-sm",
                                  "props": {
                                    "label": "Start trial",
                                    "href": "#"
                                  },
                                  "slot": {
                                    "name": "cta2",
                                    "type": "link",
                                    "label": "Plan action"
                                  }
                                }
                              ]
                            },
                            {
                              "kind": "element",
                              "tag": "td",
                              "class": "px-4 pt-6 text-center",
                              "children": [
                                {
                                  "kind": "component",
                                  "component": "Button",
                                  "class": "btn btn-outline btn-sm",
                                  "props": {
                                    "label": "Contact sales",
                                    "href": "#"
                                  },
                                  "slot": {
                                    "name": "cta3",
                                    "type": "link",
                                    "label": "Plan action"
                                  }
                                }
                              ]
                            }
                          ]
                        }
                      ]
                    }
                  ]
                }
              ]
            }
          ]
        }
      ]
    },
    "slots": [
      {
        "name": "heading",
        "type": "text",
        "label": "Heading",
        "required": true
      },
      {
        "name": "subhead",
        "type": "text",
        "label": "Subheadline"
      },
      {
        "name": "plan1",
        "type": "text",
        "label": "Plan name"
      },
      {
        "name": "price1",
        "type": "text",
        "label": "Price"
      },
      {
        "name": "plan2",
        "type": "text",
        "label": "Plan name"
      },
      {
        "name": "price2",
        "type": "text",
        "label": "Price"
      },
      {
        "name": "plan3",
        "type": "text",
        "label": "Plan name"
      },
      {
        "name": "price3",
        "type": "text",
        "label": "Price"
      },
      {
        "name": "cta1",
        "type": "link",
        "label": "Plan action"
      },
      {
        "name": "cta2",
        "type": "link",
        "label": "Plan action"
      },
      {
        "name": "cta3",
        "type": "link",
        "label": "Plan action"
      }
    ]
  },
  {
    "key": "faq_accordion",
    "name": "FAQ — Accordion",
    "category": "faq",
    "version": "1.0.0",
    "description": "Single-open disclosure list of question/answer pairs.",
    "tags": [
      "faq",
      "accordion",
      "disclosure"
    ],
    "colors": [
      "base-100",
      "base-200",
      "base-content"
    ],
    "behaviors": [
      "disclosure"
    ],
    "emailEligible": false,
    "root": {
      "kind": "element",
      "tag": "section",
      "class": "bg-base-100 @container p-8",
      "children": [
        {
          "kind": "element",
          "tag": "h2",
          "class": "text-2xl font-semibold text-base-content mb-6",
          "children": [
            "Frequently asked questions"
          ],
          "slot": {
            "name": "heading",
            "type": "text",
            "label": "Heading"
          }
        },
        {
          "kind": "element",
          "tag": "div",
          "class": "flex flex-col gap-2",
          "children": [
            {
              "kind": "element",
              "tag": "div",
              "class": "border border-base-200 rounded-box",
              "children": [
                {
                  "kind": "element",
                  "tag": "button",
                  "class": "w-full text-left p-4 font-medium text-base-content",
                  "children": [
                    "Do I need to know how to code?"
                  ],
                  "part": "trigger"
                },
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "p-4 pt-0 text-base-content",
                  "children": [
                    "Nope — everything is visual."
                  ],
                  "part": "panel"
                }
              ]
            },
            {
              "kind": "element",
              "tag": "div",
              "class": "border border-base-200 rounded-box",
              "children": [
                {
                  "kind": "element",
                  "tag": "button",
                  "class": "w-full text-left p-4 font-medium text-base-content",
                  "children": [
                    "Can I use my own domain?"
                  ],
                  "part": "trigger"
                },
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "p-4 pt-0 text-base-content",
                  "attrs": {
                    "hidden": true
                  },
                  "children": [
                    "Yes, connect any domain you already own."
                  ],
                  "part": "panel"
                }
              ]
            },
            {
              "kind": "element",
              "tag": "div",
              "class": "border border-base-200 rounded-box",
              "children": [
                {
                  "kind": "element",
                  "tag": "button",
                  "class": "w-full text-left p-4 font-medium text-base-content",
                  "children": [
                    "Is there a free plan?"
                  ],
                  "part": "trigger"
                },
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "p-4 pt-0 text-base-content",
                  "attrs": {
                    "hidden": true
                  },
                  "children": [
                    "Yes — start free and upgrade whenever you're ready."
                  ],
                  "part": "panel"
                }
              ]
            }
          ],
          "behavior": {
            "type": "disclosure",
            "params": {
              "single": true
            }
          }
        }
      ]
    },
    "slots": [
      {
        "name": "heading",
        "type": "text",
        "label": "Heading"
      }
    ]
  },
  {
    "key": "content_prose",
    "name": "Content — Prose",
    "category": "content",
    "version": "1.0.0",
    "description": "A titled long-form section with a heading and two body columns.",
    "tags": [
      "content",
      "about",
      "prose"
    ],
    "colors": [
      "base-100",
      "base-content"
    ],
    "behaviors": [],
    "emailEligible": false,
    "root": {
      "kind": "element",
      "tag": "section",
      "class": "@container bg-base-100",
      "children": [
        {
          "kind": "element",
          "tag": "div",
          "class": "mx-auto w-full max-w-4xl px-6 py-16",
          "children": [
            {
              "kind": "element",
              "tag": "h2",
              "class": "mb-6 text-3xl font-semibold text-base-content @2xl:text-4xl",
              "children": [
                "Built for people who make things"
              ],
              "slot": {
                "name": "heading",
                "type": "text",
                "label": "Heading",
                "required": true
              }
            },
            {
              "kind": "element",
              "tag": "div",
              "class": "grid grid-cols-1 gap-6 text-base-content @2xl:grid-cols-2",
              "children": [
                {
                  "kind": "element",
                  "tag": "p",
                  "children": [
                    "We started with a simple belief: building for the web should feel as direct as sketching on paper. Every decision since has followed from that — fewer layers, faster feedback, no lock-in."
                  ],
                  "slot": {
                    "name": "body1",
                    "type": "text",
                    "label": "Body — first column"
                  }
                },
                {
                  "kind": "element",
                  "tag": "p",
                  "children": [
                    "Today thousands of teams use our tools to launch stores, sites, and docs in an afternoon. We're still small, still obsessed with the details, and still shipping every week."
                  ],
                  "slot": {
                    "name": "body2",
                    "type": "text",
                    "label": "Body — second column"
                  }
                }
              ]
            }
          ]
        }
      ]
    },
    "slots": [
      {
        "name": "heading",
        "type": "text",
        "label": "Heading",
        "required": true
      },
      {
        "name": "body1",
        "type": "text",
        "label": "Body — first column"
      },
      {
        "name": "body2",
        "type": "text",
        "label": "Body — second column"
      }
    ]
  },
  {
    "key": "team_grid",
    "name": "Team — Grid",
    "category": "team",
    "version": "1.0.0",
    "description": "A grid of team members with avatars, names, and roles.",
    "tags": [
      "team",
      "about",
      "people"
    ],
    "colors": [
      "base-100",
      "base-content"
    ],
    "behaviors": [],
    "emailEligible": false,
    "root": {
      "kind": "element",
      "tag": "section",
      "class": "@container bg-base-100",
      "children": [
        {
          "kind": "element",
          "tag": "div",
          "class": "mx-auto w-full max-w-6xl px-6 py-16",
          "children": [
            {
              "kind": "element",
              "tag": "h2",
              "class": "mb-10 text-center text-3xl font-semibold text-base-content",
              "children": [
                "Meet the team"
              ],
              "slot": {
                "name": "heading",
                "type": "text",
                "label": "Heading"
              }
            },
            {
              "kind": "element",
              "tag": "div",
              "class": "grid grid-cols-2 gap-8 @xl:grid-cols-3 @3xl:grid-cols-4",
              "children": [
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex flex-col items-center gap-3 text-center",
                  "children": [
                    {
                      "kind": "component",
                      "component": "Avatar",
                      "class": "avatar w-20 rounded-full",
                      "props": {
                        "alt": ""
                      }
                    },
                    {
                      "kind": "element",
                      "tag": "div",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "p",
                          "class": "font-semibold text-base-content",
                          "children": [
                            "Ada Okafor"
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "p",
                          "class": "text-sm text-base-content",
                          "children": [
                            "CEO"
                          ]
                        }
                      ]
                    }
                  ]
                },
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex flex-col items-center gap-3 text-center",
                  "children": [
                    {
                      "kind": "component",
                      "component": "Avatar",
                      "class": "avatar w-20 rounded-full",
                      "props": {
                        "alt": ""
                      }
                    },
                    {
                      "kind": "element",
                      "tag": "div",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "p",
                          "class": "font-semibold text-base-content",
                          "children": [
                            "Ravi Menon"
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "p",
                          "class": "text-sm text-base-content",
                          "children": [
                            "CTO"
                          ]
                        }
                      ]
                    }
                  ]
                },
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex flex-col items-center gap-3 text-center",
                  "children": [
                    {
                      "kind": "component",
                      "component": "Avatar",
                      "class": "avatar w-20 rounded-full",
                      "props": {
                        "alt": ""
                      }
                    },
                    {
                      "kind": "element",
                      "tag": "div",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "p",
                          "class": "font-semibold text-base-content",
                          "children": [
                            "Lena Fischer"
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "p",
                          "class": "text-sm text-base-content",
                          "children": [
                            "Head of Design"
                          ]
                        }
                      ]
                    }
                  ]
                },
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex flex-col items-center gap-3 text-center",
                  "children": [
                    {
                      "kind": "component",
                      "component": "Avatar",
                      "class": "avatar w-20 rounded-full",
                      "props": {
                        "alt": ""
                      }
                    },
                    {
                      "kind": "element",
                      "tag": "div",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "p",
                          "class": "font-semibold text-base-content",
                          "children": [
                            "Tomás Silva"
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "p",
                          "class": "text-sm text-base-content",
                          "children": [
                            "Head of Support"
                          ]
                        }
                      ]
                    }
                  ]
                }
              ]
            }
          ]
        }
      ]
    },
    "slots": [
      {
        "name": "heading",
        "type": "text",
        "label": "Heading"
      }
    ]
  },
  {
    "key": "contact_section",
    "name": "Contact — Form",
    "category": "contact",
    "version": "1.0.0",
    "description": "A split contact section: copy and details beside a working, validating form.",
    "tags": [
      "contact",
      "form",
      "lead"
    ],
    "colors": [
      "base-100",
      "base-200",
      "base-content",
      "primary"
    ],
    "behaviors": [
      "form"
    ],
    "emailEligible": false,
    "root": {
      "kind": "element",
      "tag": "section",
      "class": "@container bg-base-100",
      "children": [
        {
          "kind": "element",
          "tag": "div",
          "class": "mx-auto grid w-full max-w-5xl grid-cols-1 gap-10 px-6 py-16 @2xl:grid-cols-2",
          "children": [
            {
              "kind": "element",
              "tag": "div",
              "class": "flex flex-col gap-4",
              "children": [
                {
                  "kind": "element",
                  "tag": "h2",
                  "class": "text-3xl font-semibold text-base-content",
                  "children": [
                    "Get in touch"
                  ],
                  "slot": {
                    "name": "heading",
                    "type": "text",
                    "label": "Heading"
                  }
                },
                {
                  "kind": "element",
                  "tag": "p",
                  "class": "text-base-content",
                  "children": [
                    "Tell us what you're building and we'll get back to you within one business day."
                  ],
                  "slot": {
                    "name": "subhead",
                    "type": "text",
                    "label": "Subheadline"
                  }
                },
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "mt-2 flex flex-col gap-2 text-sm text-base-content",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "p",
                      "children": [
                        "hello@silicaui.com"
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "p",
                      "children": [
                        "+1 (555) 012-3456"
                      ]
                    }
                  ]
                }
              ]
            },
            {
              "kind": "component",
              "component": "Form",
              "class": "flex flex-col gap-4",
              "props": {
                "action": "contact"
              },
              "children": [
                {
                  "kind": "component",
                  "component": "Field",
                  "class": "field",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "label",
                      "class": "field-label",
                      "children": [
                        "Name"
                      ]
                    },
                    {
                      "kind": "component",
                      "component": "Input",
                      "class": "input",
                      "props": {
                        "type": "text",
                        "name": "name",
                        "placeholder": "Your name",
                        "required": true
                      }
                    }
                  ]
                },
                {
                  "kind": "component",
                  "component": "Field",
                  "class": "field",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "label",
                      "class": "field-label",
                      "children": [
                        "Email"
                      ]
                    },
                    {
                      "kind": "component",
                      "component": "Input",
                      "class": "input",
                      "props": {
                        "type": "email",
                        "name": "email",
                        "placeholder": "you@example.com",
                        "required": true
                      }
                    }
                  ]
                },
                {
                  "kind": "component",
                  "component": "Field",
                  "class": "field",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "label",
                      "class": "field-label",
                      "children": [
                        "Message"
                      ]
                    },
                    {
                      "kind": "component",
                      "component": "Textarea",
                      "class": "textarea",
                      "props": {
                        "name": "message",
                        "placeholder": "How can we help?",
                        "rows": 4
                      }
                    }
                  ]
                },
                {
                  "kind": "component",
                  "component": "Button",
                  "class": "btn btn-primary",
                  "props": {
                    "label": "Send message",
                    "type": "submit"
                  }
                }
              ]
            }
          ]
        }
      ]
    },
    "slots": [
      {
        "name": "heading",
        "type": "text",
        "label": "Heading"
      },
      {
        "name": "subhead",
        "type": "text",
        "label": "Subheadline"
      }
    ]
  },
  {
    "key": "cta_band",
    "name": "CTA — Band",
    "category": "cta",
    "version": "2.0.0",
    "description": "A centered ask on a filled primary band, with two actions.",
    "tags": [
      "cta",
      "marketing",
      "conversion"
    ],
    "colors": [
      "primary",
      "primary-content"
    ],
    "behaviors": [],
    "emailEligible": false,
    "root": {
      "kind": "element",
      "tag": "section",
      "class": "@container bg-primary text-primary-content",
      "children": [
        {
          "kind": "element",
          "tag": "div",
          "class": "mx-auto flex w-full max-w-3xl flex-col items-center gap-6 px-6 py-16 text-center @3xl:py-20",
          "children": [
            {
              "kind": "element",
              "tag": "h2",
              "class": "text-3xl font-semibold @2xl:text-4xl",
              "children": [
                "Ready to build something great?"
              ],
              "slot": {
                "name": "headline",
                "type": "text",
                "label": "Headline",
                "required": true
              }
            },
            {
              "kind": "element",
              "tag": "p",
              "class": "text-lg",
              "children": [
                "Start free today — no credit card, no setup, no lock-in."
              ],
              "slot": {
                "name": "subhead",
                "type": "text",
                "label": "Subheadline"
              }
            },
            {
              "kind": "element",
              "tag": "div",
              "class": "mt-2 flex flex-col gap-3 @sm:flex-row",
              "children": [
                {
                  "kind": "component",
                  "component": "Button",
                  "class": "btn btn-lg",
                  "props": {
                    "label": "Start free",
                    "href": "#"
                  },
                  "slot": {
                    "name": "primary",
                    "type": "link",
                    "label": "Primary action"
                  }
                },
                {
                  "kind": "component",
                  "component": "Button",
                  "class": "btn btn-lg btn-ghost",
                  "props": {
                    "label": "Talk to sales",
                    "href": "#"
                  },
                  "slot": {
                    "name": "secondary",
                    "type": "link",
                    "label": "Secondary action"
                  }
                }
              ]
            }
          ]
        }
      ]
    },
    "slots": [
      {
        "name": "headline",
        "type": "text",
        "label": "Headline",
        "required": true
      },
      {
        "name": "subhead",
        "type": "text",
        "label": "Subheadline"
      },
      {
        "name": "primary",
        "type": "link",
        "label": "Primary action"
      },
      {
        "name": "secondary",
        "type": "link",
        "label": "Secondary action"
      }
    ]
  },
  {
    "key": "cta_split",
    "name": "CTA — Split Media",
    "category": "cta",
    "version": "1.0.0",
    "description": "An ask and its actions beside a supporting image.",
    "tags": [
      "cta",
      "marketing",
      "media",
      "conversion"
    ],
    "colors": [
      "base-100",
      "base-200",
      "base-content",
      "primary"
    ],
    "behaviors": [],
    "emailEligible": false,
    "root": {
      "kind": "element",
      "tag": "section",
      "class": "@container bg-base-200",
      "children": [
        {
          "kind": "element",
          "tag": "div",
          "class": "mx-auto grid w-full max-w-6xl grid-cols-1 items-center gap-10 px-6 py-16 @3xl:grid-cols-2 @3xl:py-20",
          "children": [
            {
              "kind": "element",
              "tag": "div",
              "class": "flex flex-col items-start gap-5",
              "children": [
                {
                  "kind": "element",
                  "tag": "h2",
                  "class": "text-3xl font-semibold text-base-content @2xl:text-4xl",
                  "children": [
                    "See it running on your own catalog"
                  ],
                  "slot": {
                    "name": "headline",
                    "type": "text",
                    "label": "Headline",
                    "required": true
                  }
                },
                {
                  "kind": "element",
                  "tag": "p",
                  "class": "max-w-lg text-base-content",
                  "children": [
                    "Import a CSV and we'll build a working storefront from it in about a minute. Keep it or throw it away."
                  ],
                  "slot": {
                    "name": "subhead",
                    "type": "text",
                    "label": "Subheadline"
                  }
                },
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex flex-col gap-3 @sm:flex-row",
                  "children": [
                    {
                      "kind": "component",
                      "component": "Button",
                      "class": "btn btn-primary btn-lg",
                      "props": {
                        "label": "Import a catalog",
                        "href": "#"
                      },
                      "slot": {
                        "name": "primary",
                        "type": "link",
                        "label": "Primary action"
                      }
                    },
                    {
                      "kind": "component",
                      "component": "Button",
                      "class": "btn btn-outline btn-lg",
                      "props": {
                        "label": "Watch the demo",
                        "href": "#"
                      },
                      "slot": {
                        "name": "secondary",
                        "type": "link",
                        "label": "Secondary action"
                      }
                    }
                  ]
                },
                {
                  "kind": "element",
                  "tag": "p",
                  "class": "text-sm text-base-content",
                  "children": [
                    "No account needed to try it. Nothing is published until you say so."
                  ],
                  "slot": {
                    "name": "note",
                    "type": "text",
                    "label": "Reassurance line"
                  }
                }
              ]
            },
            {
              "kind": "component",
              "component": "Image",
              "class": "w-full rounded-box",
              "props": {
                "alt": "The storefront editor with a catalog loaded",
                "ratio": "wide"
              },
              "slot": {
                "name": "image",
                "type": "image",
                "label": "Image"
              }
            }
          ]
        }
      ]
    },
    "slots": [
      {
        "name": "headline",
        "type": "text",
        "label": "Headline",
        "required": true
      },
      {
        "name": "subhead",
        "type": "text",
        "label": "Subheadline"
      },
      {
        "name": "primary",
        "type": "link",
        "label": "Primary action"
      },
      {
        "name": "secondary",
        "type": "link",
        "label": "Secondary action"
      },
      {
        "name": "note",
        "type": "text",
        "label": "Reassurance line"
      },
      {
        "name": "image",
        "type": "image",
        "label": "Image"
      }
    ]
  },
  {
    "key": "cta_card",
    "name": "CTA — Boxed Card",
    "category": "cta",
    "version": "1.0.0",
    "description": "A bordered card ask that sits inside a page instead of interrupting it.",
    "tags": [
      "cta",
      "marketing",
      "conversion"
    ],
    "colors": [
      "base-100",
      "base-200",
      "base-content",
      "primary"
    ],
    "behaviors": [],
    "emailEligible": false,
    "root": {
      "kind": "element",
      "tag": "section",
      "class": "@container bg-base-200",
      "children": [
        {
          "kind": "element",
          "tag": "div",
          "class": "mx-auto w-full max-w-4xl px-6 py-14",
          "children": [
            {
              "kind": "element",
              "tag": "div",
              "class": "flex flex-col items-start gap-5 rounded-box border border-base-200 bg-base-100 p-8 @2xl:flex-row @2xl:items-center @2xl:justify-between @2xl:p-10",
              "children": [
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex flex-col gap-2",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "h2",
                      "class": "text-2xl font-semibold text-base-content",
                      "children": [
                        "Still deciding?"
                      ],
                      "slot": {
                        "name": "headline",
                        "type": "text",
                        "label": "Headline",
                        "required": true
                      }
                    },
                    {
                      "kind": "element",
                      "tag": "p",
                      "class": "max-w-md text-base-content",
                      "children": [
                        "Book twenty minutes with someone who has migrated a store like yours. No pitch deck."
                      ],
                      "slot": {
                        "name": "subhead",
                        "type": "text",
                        "label": "Subheadline"
                      }
                    },
                    {
                      "kind": "element",
                      "tag": "p",
                      "class": "text-sm text-base-content",
                      "children": [
                        "Usually available same week."
                      ],
                      "slot": {
                        "name": "note",
                        "type": "text",
                        "label": "Reassurance line"
                      }
                    }
                  ]
                },
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex w-full flex-col gap-3 @sm:flex-row @2xl:w-auto @2xl:shrink-0",
                  "children": [
                    {
                      "kind": "component",
                      "component": "Button",
                      "class": "btn btn-primary",
                      "props": {
                        "label": "Book a call",
                        "href": "#"
                      },
                      "slot": {
                        "name": "primary",
                        "type": "link",
                        "label": "Primary action"
                      }
                    },
                    {
                      "kind": "component",
                      "component": "Button",
                      "class": "btn btn-ghost",
                      "props": {
                        "label": "Read the guide",
                        "href": "#"
                      },
                      "slot": {
                        "name": "secondary",
                        "type": "link",
                        "label": "Secondary action"
                      }
                    }
                  ]
                }
              ]
            }
          ]
        }
      ]
    },
    "slots": [
      {
        "name": "headline",
        "type": "text",
        "label": "Headline",
        "required": true
      },
      {
        "name": "subhead",
        "type": "text",
        "label": "Subheadline"
      },
      {
        "name": "note",
        "type": "text",
        "label": "Reassurance line"
      },
      {
        "name": "primary",
        "type": "link",
        "label": "Primary action"
      },
      {
        "name": "secondary",
        "type": "link",
        "label": "Secondary action"
      }
    ]
  },
  {
    "key": "cta_signup",
    "name": "CTA — Email Capture",
    "category": "cta",
    "version": "1.0.0",
    "description": "A centered ask with a working inline email form instead of a button.",
    "tags": [
      "cta",
      "form",
      "lead",
      "conversion"
    ],
    "colors": [
      "base-100",
      "base-200",
      "base-content",
      "primary"
    ],
    "behaviors": [
      "form"
    ],
    "emailEligible": false,
    "root": {
      "kind": "element",
      "tag": "section",
      "class": "@container bg-base-100 border-y border-base-200",
      "children": [
        {
          "kind": "element",
          "tag": "div",
          "class": "mx-auto flex w-full max-w-2xl flex-col items-center gap-5 px-6 py-14 text-center",
          "children": [
            {
              "kind": "element",
              "tag": "h2",
              "class": "text-2xl font-semibold text-base-content @2xl:text-3xl",
              "children": [
                "Get the next one in your inbox"
              ],
              "slot": {
                "name": "headline",
                "type": "text",
                "label": "Headline",
                "required": true
              }
            },
            {
              "kind": "element",
              "tag": "p",
              "class": "max-w-lg text-base-content",
              "children": [
                "Short notes on what we shipped and what it cost us. Roughly monthly."
              ],
              "slot": {
                "name": "subhead",
                "type": "text",
                "label": "Subheadline"
              }
            },
            {
              "kind": "component",
              "component": "Form",
              "class": "flex w-full max-w-md flex-col gap-3 @sm:flex-row",
              "props": {
                "action": "subscribe"
              },
              "children": [
                {
                  "kind": "component",
                  "component": "Input",
                  "class": "input flex-1",
                  "props": {
                    "type": "email",
                    "name": "email",
                    "placeholder": "you@example.com",
                    "required": true
                  }
                },
                {
                  "kind": "component",
                  "component": "Button",
                  "class": "btn btn-primary",
                  "props": {
                    "label": "Subscribe",
                    "type": "submit"
                  },
                  "slot": {
                    "name": "primary",
                    "type": "text",
                    "label": "Button label"
                  }
                }
              ]
            },
            {
              "kind": "element",
              "tag": "p",
              "class": "text-sm text-base-content",
              "children": [
                "One click to unsubscribe, in every email."
              ],
              "slot": {
                "name": "note",
                "type": "text",
                "label": "Reassurance line"
              }
            }
          ]
        }
      ]
    },
    "slots": [
      {
        "name": "headline",
        "type": "text",
        "label": "Headline",
        "required": true
      },
      {
        "name": "subhead",
        "type": "text",
        "label": "Subheadline"
      },
      {
        "name": "primary",
        "type": "text",
        "label": "Button label"
      },
      {
        "name": "note",
        "type": "text",
        "label": "Reassurance line"
      }
    ]
  },
  {
    "key": "cta_inline",
    "name": "CTA — Inline Bar",
    "category": "cta",
    "version": "1.0.0",
    "description": "A slim one-line ask with a single button, for the foot of an article.",
    "tags": [
      "cta",
      "conversion",
      "docs"
    ],
    "colors": [
      "base-100",
      "base-200",
      "base-content",
      "primary"
    ],
    "behaviors": [],
    "emailEligible": false,
    "root": {
      "kind": "element",
      "tag": "section",
      "class": "@container bg-base-100",
      "children": [
        {
          "kind": "element",
          "tag": "div",
          "class": "mx-auto w-full max-w-3xl px-6 py-8",
          "children": [
            {
              "kind": "element",
              "tag": "div",
              "class": "flex flex-col items-start gap-4 rounded-box bg-base-200 px-6 py-5 @xl:flex-row @xl:items-center @xl:justify-between",
              "children": [
                {
                  "kind": "element",
                  "tag": "h2",
                  "class": "text-lg font-semibold text-base-content",
                  "children": [
                    "Want this set up for your store?"
                  ],
                  "slot": {
                    "name": "headline",
                    "type": "text",
                    "label": "Headline",
                    "required": true
                  }
                },
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "shrink-0",
                  "children": [
                    {
                      "kind": "component",
                      "component": "Button",
                      "class": "btn btn-primary",
                      "props": {
                        "label": "Start free",
                        "href": "#"
                      },
                      "slot": {
                        "name": "primary",
                        "type": "link",
                        "label": "Primary action"
                      }
                    }
                  ]
                }
              ]
            }
          ]
        }
      ]
    },
    "slots": [
      {
        "name": "headline",
        "type": "text",
        "label": "Headline",
        "required": true
      },
      {
        "name": "primary",
        "type": "link",
        "label": "Primary action"
      }
    ]
  },
  {
    "key": "footer",
    "name": "Footer — Columns",
    "category": "footer",
    "version": "2.0.0",
    "description": "Brand blurb and social beside three link columns, over a legal bar.",
    "tags": [
      "footer",
      "nav",
      "marketing"
    ],
    "colors": [
      "base-100",
      "base-200",
      "base-content",
      "primary"
    ],
    "behaviors": [],
    "emailEligible": false,
    "root": {
      "kind": "element",
      "tag": "footer",
      "class": "@container bg-base-100 border-t border-base-200",
      "children": [
        {
          "kind": "element",
          "tag": "div",
          "class": "mx-auto w-full max-w-6xl px-6 py-14",
          "children": [
            {
              "kind": "element",
              "tag": "div",
              "class": "grid grid-cols-1 gap-10 @md:grid-cols-2 @3xl:grid-cols-5",
              "children": [
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex flex-col gap-4 @3xl:col-span-2",
                  "children": [
                    {
                      "kind": "component",
                      "component": "Wordmark",
                      "class": "wordmark self-start",
                      "props": {
                        "text": "SilicaUI",
                        "href": "#"
                      },
                      "slot": {
                        "name": "brand",
                        "type": "text",
                        "label": "Brand"
                      }
                    },
                    {
                      "kind": "element",
                      "tag": "p",
                      "class": "max-w-xs text-sm text-base-content",
                      "children": [
                        "The fastest way to launch and grow your online store."
                      ],
                      "slot": {
                        "name": "blurb",
                        "type": "text",
                        "label": "Blurb"
                      }
                    },
                    {
                      "kind": "element",
                      "tag": "ul",
                      "class": "mt-2 flex items-center gap-5",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "li",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "a",
                              "class": "text-sm font-medium text-base-content hover:text-primary",
                              "attrs": {
                                "href": "#"
                              },
                              "children": [
                                "X"
                              ],
                              "slot": {
                                "name": "social1",
                                "type": "link",
                                "label": "X"
                              }
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "a",
                              "class": "text-sm font-medium text-base-content hover:text-primary",
                              "attrs": {
                                "href": "#"
                              },
                              "children": [
                                "GitHub"
                              ],
                              "slot": {
                                "name": "social2",
                                "type": "link",
                                "label": "GitHub"
                              }
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "a",
                              "class": "text-sm font-medium text-base-content hover:text-primary",
                              "attrs": {
                                "href": "#"
                              },
                              "children": [
                                "LinkedIn"
                              ],
                              "slot": {
                                "name": "social3",
                                "type": "link",
                                "label": "LinkedIn"
                              }
                            }
                          ]
                        }
                      ]
                    }
                  ]
                },
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex flex-col gap-3",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "p",
                      "class": "text-sm font-semibold text-base-content",
                      "children": [
                        "Product"
                      ],
                      "slot": {
                        "name": "col1",
                        "type": "text",
                        "label": "Column title"
                      }
                    },
                    {
                      "kind": "element",
                      "tag": "ul",
                      "class": "flex flex-col gap-2",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "li",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "a",
                              "class": "text-sm text-base-content hover:text-primary",
                              "attrs": {
                                "href": "#"
                              },
                              "children": [
                                "Features"
                              ],
                              "slot": {
                                "name": "link1",
                                "type": "link",
                                "label": "Features"
                              }
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "a",
                              "class": "text-sm text-base-content hover:text-primary",
                              "attrs": {
                                "href": "#"
                              },
                              "children": [
                                "Pricing"
                              ],
                              "slot": {
                                "name": "link2",
                                "type": "link",
                                "label": "Pricing"
                              }
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "a",
                              "class": "text-sm text-base-content hover:text-primary",
                              "attrs": {
                                "href": "#"
                              },
                              "children": [
                                "Integrations"
                              ],
                              "slot": {
                                "name": "link3",
                                "type": "link",
                                "label": "Integrations"
                              }
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "a",
                              "class": "text-sm text-base-content hover:text-primary",
                              "attrs": {
                                "href": "#"
                              },
                              "children": [
                                "Changelog"
                              ],
                              "slot": {
                                "name": "link4",
                                "type": "link",
                                "label": "Changelog"
                              }
                            }
                          ]
                        }
                      ]
                    }
                  ]
                },
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex flex-col gap-3",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "p",
                      "class": "text-sm font-semibold text-base-content",
                      "children": [
                        "Company"
                      ],
                      "slot": {
                        "name": "col2",
                        "type": "text",
                        "label": "Column title"
                      }
                    },
                    {
                      "kind": "element",
                      "tag": "ul",
                      "class": "flex flex-col gap-2",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "li",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "a",
                              "class": "text-sm text-base-content hover:text-primary",
                              "attrs": {
                                "href": "#"
                              },
                              "children": [
                                "About"
                              ],
                              "slot": {
                                "name": "link5",
                                "type": "link",
                                "label": "About"
                              }
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "a",
                              "class": "text-sm text-base-content hover:text-primary",
                              "attrs": {
                                "href": "#"
                              },
                              "children": [
                                "Careers"
                              ],
                              "slot": {
                                "name": "link6",
                                "type": "link",
                                "label": "Careers"
                              }
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "a",
                              "class": "text-sm text-base-content hover:text-primary",
                              "attrs": {
                                "href": "#"
                              },
                              "children": [
                                "Blog"
                              ],
                              "slot": {
                                "name": "link7",
                                "type": "link",
                                "label": "Blog"
                              }
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "a",
                              "class": "text-sm text-base-content hover:text-primary",
                              "attrs": {
                                "href": "#"
                              },
                              "children": [
                                "Contact"
                              ],
                              "slot": {
                                "name": "link8",
                                "type": "link",
                                "label": "Contact"
                              }
                            }
                          ]
                        }
                      ]
                    }
                  ]
                },
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex flex-col gap-3",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "p",
                      "class": "text-sm font-semibold text-base-content",
                      "children": [
                        "Resources"
                      ],
                      "slot": {
                        "name": "col3",
                        "type": "text",
                        "label": "Column title"
                      }
                    },
                    {
                      "kind": "element",
                      "tag": "ul",
                      "class": "flex flex-col gap-2",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "li",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "a",
                              "class": "text-sm text-base-content hover:text-primary",
                              "attrs": {
                                "href": "#"
                              },
                              "children": [
                                "Documentation"
                              ],
                              "slot": {
                                "name": "link9",
                                "type": "link",
                                "label": "Documentation"
                              }
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "a",
                              "class": "text-sm text-base-content hover:text-primary",
                              "attrs": {
                                "href": "#"
                              },
                              "children": [
                                "Help center"
                              ],
                              "slot": {
                                "name": "link10",
                                "type": "link",
                                "label": "Help center"
                              }
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "a",
                              "class": "text-sm text-base-content hover:text-primary",
                              "attrs": {
                                "href": "#"
                              },
                              "children": [
                                "Status"
                              ],
                              "slot": {
                                "name": "link11",
                                "type": "link",
                                "label": "Status"
                              }
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "a",
                              "class": "text-sm text-base-content hover:text-primary",
                              "attrs": {
                                "href": "#"
                              },
                              "children": [
                                "Community"
                              ],
                              "slot": {
                                "name": "link12",
                                "type": "link",
                                "label": "Community"
                              }
                            }
                          ]
                        }
                      ]
                    }
                  ]
                }
              ]
            },
            {
              "kind": "element",
              "tag": "div",
              "class": "mt-12 flex flex-col gap-4 border-t border-base-200 pt-6 @2xl:flex-row @2xl:items-center @2xl:justify-between",
              "children": [
                {
                  "kind": "element",
                  "tag": "p",
                  "class": "text-sm text-base-content",
                  "children": [
                    "© 2026 SilicaUI, Inc. All rights reserved."
                  ],
                  "slot": {
                    "name": "copyright",
                    "type": "text",
                    "label": "Copyright"
                  }
                },
                {
                  "kind": "element",
                  "tag": "ul",
                  "class": "flex flex-wrap items-center gap-x-6 gap-y-2",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "li",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "a",
                          "class": "text-sm text-base-content hover:text-primary",
                          "attrs": {
                            "href": "#"
                          },
                          "children": [
                            "Privacy"
                          ],
                          "slot": {
                            "name": "link13",
                            "type": "link",
                            "label": "Privacy"
                          }
                        }
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "li",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "a",
                          "class": "text-sm text-base-content hover:text-primary",
                          "attrs": {
                            "href": "#"
                          },
                          "children": [
                            "Terms"
                          ],
                          "slot": {
                            "name": "link14",
                            "type": "link",
                            "label": "Terms"
                          }
                        }
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "li",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "a",
                          "class": "text-sm text-base-content hover:text-primary",
                          "attrs": {
                            "href": "#"
                          },
                          "children": [
                            "Security"
                          ],
                          "slot": {
                            "name": "link15",
                            "type": "link",
                            "label": "Security"
                          }
                        }
                      ]
                    }
                  ]
                }
              ]
            }
          ]
        }
      ]
    },
    "slots": [
      {
        "name": "brand",
        "type": "text",
        "label": "Brand"
      },
      {
        "name": "blurb",
        "type": "text",
        "label": "Blurb"
      },
      {
        "name": "social1",
        "type": "link",
        "label": "X"
      },
      {
        "name": "social2",
        "type": "link",
        "label": "GitHub"
      },
      {
        "name": "social3",
        "type": "link",
        "label": "LinkedIn"
      },
      {
        "name": "col1",
        "type": "text",
        "label": "Column title"
      },
      {
        "name": "link1",
        "type": "link",
        "label": "Features"
      },
      {
        "name": "link2",
        "type": "link",
        "label": "Pricing"
      },
      {
        "name": "link3",
        "type": "link",
        "label": "Integrations"
      },
      {
        "name": "link4",
        "type": "link",
        "label": "Changelog"
      },
      {
        "name": "col2",
        "type": "text",
        "label": "Column title"
      },
      {
        "name": "link5",
        "type": "link",
        "label": "About"
      },
      {
        "name": "link6",
        "type": "link",
        "label": "Careers"
      },
      {
        "name": "link7",
        "type": "link",
        "label": "Blog"
      },
      {
        "name": "link8",
        "type": "link",
        "label": "Contact"
      },
      {
        "name": "col3",
        "type": "text",
        "label": "Column title"
      },
      {
        "name": "link9",
        "type": "link",
        "label": "Documentation"
      },
      {
        "name": "link10",
        "type": "link",
        "label": "Help center"
      },
      {
        "name": "link11",
        "type": "link",
        "label": "Status"
      },
      {
        "name": "link12",
        "type": "link",
        "label": "Community"
      },
      {
        "name": "copyright",
        "type": "text",
        "label": "Copyright"
      },
      {
        "name": "link13",
        "type": "link",
        "label": "Privacy"
      },
      {
        "name": "link14",
        "type": "link",
        "label": "Terms"
      },
      {
        "name": "link15",
        "type": "link",
        "label": "Security"
      }
    ]
  },
  {
    "key": "footer_minimal",
    "name": "Footer — Minimal",
    "category": "footer",
    "version": "1.0.0",
    "description": "A single slim bar: mark, inline links, social, and a theme toggle.",
    "tags": [
      "footer",
      "nav",
      "app",
      "docs"
    ],
    "colors": [
      "base-100",
      "base-200",
      "base-content",
      "primary"
    ],
    "behaviors": [
      "theme-toggle"
    ],
    "emailEligible": false,
    "root": {
      "kind": "element",
      "tag": "footer",
      "class": "@container bg-base-100 border-t border-base-200",
      "children": [
        {
          "kind": "element",
          "tag": "div",
          "class": "mx-auto w-full max-w-6xl px-6",
          "children": [
            {
              "kind": "element",
              "tag": "div",
              "class": "flex flex-col items-center gap-5 py-6 @2xl:flex-row @2xl:justify-between",
              "children": [
                {
                  "kind": "component",
                  "component": "Wordmark",
                  "class": "wordmark wordmark-sm",
                  "props": {
                    "text": "SilicaUI",
                    "href": "#"
                  },
                  "slot": {
                    "name": "brand",
                    "type": "text",
                    "label": "Brand"
                  }
                },
                {
                  "kind": "element",
                  "tag": "ul",
                  "class": "flex flex-wrap items-center justify-center gap-x-6 gap-y-2",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "li",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "a",
                          "class": "text-sm text-base-content hover:text-primary",
                          "attrs": {
                            "href": "#"
                          },
                          "children": [
                            "Product"
                          ],
                          "slot": {
                            "name": "link1",
                            "type": "link",
                            "label": "Product"
                          }
                        }
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "li",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "a",
                          "class": "text-sm text-base-content hover:text-primary",
                          "attrs": {
                            "href": "#"
                          },
                          "children": [
                            "Docs"
                          ],
                          "slot": {
                            "name": "link2",
                            "type": "link",
                            "label": "Docs"
                          }
                        }
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "li",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "a",
                          "class": "text-sm text-base-content hover:text-primary",
                          "attrs": {
                            "href": "#"
                          },
                          "children": [
                            "Pricing"
                          ],
                          "slot": {
                            "name": "link3",
                            "type": "link",
                            "label": "Pricing"
                          }
                        }
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "li",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "a",
                          "class": "text-sm text-base-content hover:text-primary",
                          "attrs": {
                            "href": "#"
                          },
                          "children": [
                            "Blog"
                          ],
                          "slot": {
                            "name": "link4",
                            "type": "link",
                            "label": "Blog"
                          }
                        }
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "li",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "a",
                          "class": "text-sm text-base-content hover:text-primary",
                          "attrs": {
                            "href": "#"
                          },
                          "children": [
                            "Support"
                          ],
                          "slot": {
                            "name": "link5",
                            "type": "link",
                            "label": "Support"
                          }
                        }
                      ]
                    }
                  ]
                },
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex items-center gap-5",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "ul",
                      "class": "flex items-center gap-5",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "li",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "a",
                              "class": "text-sm font-medium text-base-content hover:text-primary",
                              "attrs": {
                                "href": "#"
                              },
                              "children": [
                                "X"
                              ],
                              "slot": {
                                "name": "social1",
                                "type": "link",
                                "label": "X"
                              }
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "a",
                              "class": "text-sm font-medium text-base-content hover:text-primary",
                              "attrs": {
                                "href": "#"
                              },
                              "children": [
                                "GitHub"
                              ],
                              "slot": {
                                "name": "social2",
                                "type": "link",
                                "label": "GitHub"
                              }
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "a",
                              "class": "text-sm font-medium text-base-content hover:text-primary",
                              "attrs": {
                                "href": "#"
                              },
                              "children": [
                                "LinkedIn"
                              ],
                              "slot": {
                                "name": "social3",
                                "type": "link",
                                "label": "LinkedIn"
                              }
                            }
                          ]
                        }
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "button",
                      "class": "btn btn-ghost btn-square btn-sm",
                      "attrs": {
                        "type": "button"
                      },
                      "children": [
                        {
                          "kind": "component",
                          "component": "Icon",
                          "props": {
                            "name": "theme"
                          }
                        }
                      ],
                      "behavior": {
                        "type": "theme-toggle"
                      }
                    }
                  ]
                }
              ]
            },
            {
              "kind": "element",
              "tag": "div",
              "class": "border-t border-base-200 py-4 text-center",
              "children": [
                {
                  "kind": "element",
                  "tag": "p",
                  "class": "text-sm text-base-content",
                  "children": [
                    "© 2026 SilicaUI, Inc. All rights reserved."
                  ],
                  "slot": {
                    "name": "copyright",
                    "type": "text",
                    "label": "Copyright"
                  }
                }
              ]
            }
          ]
        }
      ]
    },
    "slots": [
      {
        "name": "brand",
        "type": "text",
        "label": "Brand"
      },
      {
        "name": "link1",
        "type": "link",
        "label": "Product"
      },
      {
        "name": "link2",
        "type": "link",
        "label": "Docs"
      },
      {
        "name": "link3",
        "type": "link",
        "label": "Pricing"
      },
      {
        "name": "link4",
        "type": "link",
        "label": "Blog"
      },
      {
        "name": "link5",
        "type": "link",
        "label": "Support"
      },
      {
        "name": "social1",
        "type": "link",
        "label": "X"
      },
      {
        "name": "social2",
        "type": "link",
        "label": "GitHub"
      },
      {
        "name": "social3",
        "type": "link",
        "label": "LinkedIn"
      },
      {
        "name": "copyright",
        "type": "text",
        "label": "Copyright"
      }
    ]
  },
  {
    "key": "footer_newsletter",
    "name": "Footer — Newsletter",
    "category": "footer",
    "version": "1.0.0",
    "description": "A working subscribe form leading two link columns, over a legal bar.",
    "tags": [
      "footer",
      "form",
      "lead",
      "marketing"
    ],
    "colors": [
      "base-100",
      "base-200",
      "base-content",
      "primary"
    ],
    "behaviors": [
      "form"
    ],
    "emailEligible": false,
    "root": {
      "kind": "element",
      "tag": "footer",
      "class": "@container bg-base-200 border-t border-base-200",
      "children": [
        {
          "kind": "element",
          "tag": "div",
          "class": "mx-auto w-full max-w-6xl px-6 py-14",
          "children": [
            {
              "kind": "element",
              "tag": "div",
              "class": "grid grid-cols-1 gap-10 @3xl:grid-cols-2",
              "children": [
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex flex-col gap-4",
                  "children": [
                    {
                      "kind": "component",
                      "component": "Wordmark",
                      "class": "wordmark self-start",
                      "props": {
                        "text": "SilicaUI",
                        "href": "#"
                      },
                      "slot": {
                        "name": "brand",
                        "type": "text",
                        "label": "Brand"
                      }
                    },
                    {
                      "kind": "element",
                      "tag": "p",
                      "class": "max-w-sm text-sm text-base-content",
                      "children": [
                        "One email a month: what shipped, what broke, and what we learned fixing it."
                      ],
                      "slot": {
                        "name": "blurb",
                        "type": "text",
                        "label": "Blurb"
                      }
                    },
                    {
                      "kind": "component",
                      "component": "Form",
                      "class": "flex w-full max-w-md flex-col gap-3 @sm:flex-row",
                      "props": {
                        "action": "subscribe"
                      },
                      "children": [
                        {
                          "kind": "component",
                          "component": "Input",
                          "class": "input flex-1",
                          "props": {
                            "type": "email",
                            "name": "email",
                            "placeholder": "you@example.com",
                            "required": true
                          }
                        },
                        {
                          "kind": "component",
                          "component": "Button",
                          "class": "btn btn-primary",
                          "props": {
                            "label": "Subscribe",
                            "type": "submit"
                          },
                          "slot": {
                            "name": "cta",
                            "type": "text",
                            "label": "Button label"
                          }
                        }
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "p",
                      "class": "text-sm text-base-content",
                      "children": [
                        "No spam, and an unsubscribe link in every issue."
                      ],
                      "slot": {
                        "name": "note",
                        "type": "text",
                        "label": "Reassurance line"
                      }
                    }
                  ]
                },
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "grid grid-cols-1 gap-8 @sm:grid-cols-2",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "div",
                      "class": "flex flex-col gap-3",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "p",
                          "class": "text-sm font-semibold text-base-content",
                          "children": [
                            "Product"
                          ],
                          "slot": {
                            "name": "col1",
                            "type": "text",
                            "label": "Column title"
                          }
                        },
                        {
                          "kind": "element",
                          "tag": "ul",
                          "class": "flex flex-col gap-2",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "li",
                              "children": [
                                {
                                  "kind": "element",
                                  "tag": "a",
                                  "class": "text-sm text-base-content hover:text-primary",
                                  "attrs": {
                                    "href": "#"
                                  },
                                  "children": [
                                    "Features"
                                  ],
                                  "slot": {
                                    "name": "link1",
                                    "type": "link",
                                    "label": "Features"
                                  }
                                }
                              ]
                            },
                            {
                              "kind": "element",
                              "tag": "li",
                              "children": [
                                {
                                  "kind": "element",
                                  "tag": "a",
                                  "class": "text-sm text-base-content hover:text-primary",
                                  "attrs": {
                                    "href": "#"
                                  },
                                  "children": [
                                    "Pricing"
                                  ],
                                  "slot": {
                                    "name": "link2",
                                    "type": "link",
                                    "label": "Pricing"
                                  }
                                }
                              ]
                            },
                            {
                              "kind": "element",
                              "tag": "li",
                              "children": [
                                {
                                  "kind": "element",
                                  "tag": "a",
                                  "class": "text-sm text-base-content hover:text-primary",
                                  "attrs": {
                                    "href": "#"
                                  },
                                  "children": [
                                    "Changelog"
                                  ],
                                  "slot": {
                                    "name": "link3",
                                    "type": "link",
                                    "label": "Changelog"
                                  }
                                }
                              ]
                            },
                            {
                              "kind": "element",
                              "tag": "li",
                              "children": [
                                {
                                  "kind": "element",
                                  "tag": "a",
                                  "class": "text-sm text-base-content hover:text-primary",
                                  "attrs": {
                                    "href": "#"
                                  },
                                  "children": [
                                    "Roadmap"
                                  ],
                                  "slot": {
                                    "name": "link4",
                                    "type": "link",
                                    "label": "Roadmap"
                                  }
                                }
                              ]
                            }
                          ]
                        }
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "div",
                      "class": "flex flex-col gap-3",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "p",
                          "class": "text-sm font-semibold text-base-content",
                          "children": [
                            "Company"
                          ],
                          "slot": {
                            "name": "col2",
                            "type": "text",
                            "label": "Column title"
                          }
                        },
                        {
                          "kind": "element",
                          "tag": "ul",
                          "class": "flex flex-col gap-2",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "li",
                              "children": [
                                {
                                  "kind": "element",
                                  "tag": "a",
                                  "class": "text-sm text-base-content hover:text-primary",
                                  "attrs": {
                                    "href": "#"
                                  },
                                  "children": [
                                    "About"
                                  ],
                                  "slot": {
                                    "name": "link5",
                                    "type": "link",
                                    "label": "About"
                                  }
                                }
                              ]
                            },
                            {
                              "kind": "element",
                              "tag": "li",
                              "children": [
                                {
                                  "kind": "element",
                                  "tag": "a",
                                  "class": "text-sm text-base-content hover:text-primary",
                                  "attrs": {
                                    "href": "#"
                                  },
                                  "children": [
                                    "Careers"
                                  ],
                                  "slot": {
                                    "name": "link6",
                                    "type": "link",
                                    "label": "Careers"
                                  }
                                }
                              ]
                            },
                            {
                              "kind": "element",
                              "tag": "li",
                              "children": [
                                {
                                  "kind": "element",
                                  "tag": "a",
                                  "class": "text-sm text-base-content hover:text-primary",
                                  "attrs": {
                                    "href": "#"
                                  },
                                  "children": [
                                    "Press"
                                  ],
                                  "slot": {
                                    "name": "link7",
                                    "type": "link",
                                    "label": "Press"
                                  }
                                }
                              ]
                            },
                            {
                              "kind": "element",
                              "tag": "li",
                              "children": [
                                {
                                  "kind": "element",
                                  "tag": "a",
                                  "class": "text-sm text-base-content hover:text-primary",
                                  "attrs": {
                                    "href": "#"
                                  },
                                  "children": [
                                    "Contact"
                                  ],
                                  "slot": {
                                    "name": "link8",
                                    "type": "link",
                                    "label": "Contact"
                                  }
                                }
                              ]
                            }
                          ]
                        }
                      ]
                    }
                  ]
                }
              ]
            },
            {
              "kind": "element",
              "tag": "div",
              "class": "mt-12 flex flex-col gap-4 border-t border-base-200 pt-6 @2xl:flex-row @2xl:items-center @2xl:justify-between",
              "children": [
                {
                  "kind": "element",
                  "tag": "p",
                  "class": "text-sm text-base-content",
                  "children": [
                    "© 2026 SilicaUI, Inc. All rights reserved."
                  ],
                  "slot": {
                    "name": "copyright",
                    "type": "text",
                    "label": "Copyright"
                  }
                },
                {
                  "kind": "element",
                  "tag": "ul",
                  "class": "flex items-center gap-5",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "li",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "a",
                          "class": "text-sm font-medium text-base-content hover:text-primary",
                          "attrs": {
                            "href": "#"
                          },
                          "children": [
                            "X"
                          ],
                          "slot": {
                            "name": "social1",
                            "type": "link",
                            "label": "X"
                          }
                        }
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "li",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "a",
                          "class": "text-sm font-medium text-base-content hover:text-primary",
                          "attrs": {
                            "href": "#"
                          },
                          "children": [
                            "GitHub"
                          ],
                          "slot": {
                            "name": "social2",
                            "type": "link",
                            "label": "GitHub"
                          }
                        }
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "li",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "a",
                          "class": "text-sm font-medium text-base-content hover:text-primary",
                          "attrs": {
                            "href": "#"
                          },
                          "children": [
                            "LinkedIn"
                          ],
                          "slot": {
                            "name": "social3",
                            "type": "link",
                            "label": "LinkedIn"
                          }
                        }
                      ]
                    }
                  ]
                }
              ]
            }
          ]
        }
      ]
    },
    "slots": [
      {
        "name": "brand",
        "type": "text",
        "label": "Brand"
      },
      {
        "name": "blurb",
        "type": "text",
        "label": "Blurb"
      },
      {
        "name": "cta",
        "type": "text",
        "label": "Button label"
      },
      {
        "name": "note",
        "type": "text",
        "label": "Reassurance line"
      },
      {
        "name": "col1",
        "type": "text",
        "label": "Column title"
      },
      {
        "name": "link1",
        "type": "link",
        "label": "Features"
      },
      {
        "name": "link2",
        "type": "link",
        "label": "Pricing"
      },
      {
        "name": "link3",
        "type": "link",
        "label": "Changelog"
      },
      {
        "name": "link4",
        "type": "link",
        "label": "Roadmap"
      },
      {
        "name": "col2",
        "type": "text",
        "label": "Column title"
      },
      {
        "name": "link5",
        "type": "link",
        "label": "About"
      },
      {
        "name": "link6",
        "type": "link",
        "label": "Careers"
      },
      {
        "name": "link7",
        "type": "link",
        "label": "Press"
      },
      {
        "name": "link8",
        "type": "link",
        "label": "Contact"
      },
      {
        "name": "copyright",
        "type": "text",
        "label": "Copyright"
      },
      {
        "name": "social1",
        "type": "link",
        "label": "X"
      },
      {
        "name": "social2",
        "type": "link",
        "label": "GitHub"
      },
      {
        "name": "social3",
        "type": "link",
        "label": "LinkedIn"
      }
    ]
  },
  {
    "key": "footer_closing_cta",
    "name": "Footer — Closing CTA",
    "category": "footer",
    "version": "1.0.0",
    "description": "A dark full-bleed closing ask over a slim link and legal bar.",
    "tags": [
      "footer",
      "cta",
      "conversion",
      "marketing"
    ],
    "colors": [
      "base-100",
      "base-200",
      "base-content",
      "primary"
    ],
    "behaviors": [],
    "emailEligible": false,
    "root": {
      "kind": "element",
      "tag": "footer",
      "class": "@container bg-base-100",
      "attrs": {
        "data-theme": "dark"
      },
      "children": [
        {
          "kind": "element",
          "tag": "div",
          "class": "mx-auto w-full max-w-5xl px-6",
          "children": [
            {
              "kind": "element",
              "tag": "div",
              "class": "flex flex-col items-center gap-6 py-20 text-center @3xl:py-28",
              "children": [
                {
                  "kind": "element",
                  "tag": "h2",
                  "class": "display-3 max-w-3xl",
                  "children": [
                    "Your store is one afternoon away"
                  ],
                  "slot": {
                    "name": "headline",
                    "type": "text",
                    "label": "Headline",
                    "required": true
                  }
                },
                {
                  "kind": "element",
                  "tag": "p",
                  "class": "lead max-w-xl",
                  "children": [
                    "Start free, publish today, and move to a paid plan only when you're selling."
                  ],
                  "slot": {
                    "name": "subhead",
                    "type": "text",
                    "label": "Subheadline"
                  }
                },
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "mt-2 flex flex-col gap-3 @sm:flex-row",
                  "children": [
                    {
                      "kind": "component",
                      "component": "Button",
                      "class": "btn btn-primary btn-lg",
                      "props": {
                        "label": "Start free",
                        "href": "#"
                      },
                      "slot": {
                        "name": "primary",
                        "type": "link",
                        "label": "Primary action"
                      }
                    },
                    {
                      "kind": "component",
                      "component": "Button",
                      "class": "btn btn-outline btn-lg",
                      "props": {
                        "label": "Talk to sales",
                        "href": "#"
                      },
                      "slot": {
                        "name": "secondary",
                        "type": "link",
                        "label": "Secondary action"
                      }
                    }
                  ]
                }
              ]
            },
            {
              "kind": "element",
              "tag": "div",
              "class": "flex flex-col gap-5 border-t border-base-200 py-8 @2xl:flex-row @2xl:items-center @2xl:justify-between",
              "children": [
                {
                  "kind": "component",
                  "component": "Wordmark",
                  "class": "wordmark wordmark-sm",
                  "props": {
                    "text": "SilicaUI",
                    "href": "#"
                  },
                  "slot": {
                    "name": "brand",
                    "type": "text",
                    "label": "Brand"
                  }
                },
                {
                  "kind": "element",
                  "tag": "ul",
                  "class": "flex flex-wrap items-center gap-x-6 gap-y-2",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "li",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "a",
                          "class": "text-sm text-base-content hover:text-primary",
                          "attrs": {
                            "href": "#"
                          },
                          "children": [
                            "Product"
                          ],
                          "slot": {
                            "name": "link1",
                            "type": "link",
                            "label": "Product"
                          }
                        }
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "li",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "a",
                          "class": "text-sm text-base-content hover:text-primary",
                          "attrs": {
                            "href": "#"
                          },
                          "children": [
                            "Pricing"
                          ],
                          "slot": {
                            "name": "link2",
                            "type": "link",
                            "label": "Pricing"
                          }
                        }
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "li",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "a",
                          "class": "text-sm text-base-content hover:text-primary",
                          "attrs": {
                            "href": "#"
                          },
                          "children": [
                            "Docs"
                          ],
                          "slot": {
                            "name": "link3",
                            "type": "link",
                            "label": "Docs"
                          }
                        }
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "li",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "a",
                          "class": "text-sm text-base-content hover:text-primary",
                          "attrs": {
                            "href": "#"
                          },
                          "children": [
                            "Careers"
                          ],
                          "slot": {
                            "name": "link4",
                            "type": "link",
                            "label": "Careers"
                          }
                        }
                      ]
                    }
                  ]
                },
                {
                  "kind": "element",
                  "tag": "ul",
                  "class": "flex items-center gap-5",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "li",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "a",
                          "class": "text-sm font-medium text-base-content hover:text-primary",
                          "attrs": {
                            "href": "#"
                          },
                          "children": [
                            "X"
                          ],
                          "slot": {
                            "name": "social1",
                            "type": "link",
                            "label": "X"
                          }
                        }
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "li",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "a",
                          "class": "text-sm font-medium text-base-content hover:text-primary",
                          "attrs": {
                            "href": "#"
                          },
                          "children": [
                            "GitHub"
                          ],
                          "slot": {
                            "name": "social2",
                            "type": "link",
                            "label": "GitHub"
                          }
                        }
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "li",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "a",
                          "class": "text-sm font-medium text-base-content hover:text-primary",
                          "attrs": {
                            "href": "#"
                          },
                          "children": [
                            "LinkedIn"
                          ],
                          "slot": {
                            "name": "social3",
                            "type": "link",
                            "label": "LinkedIn"
                          }
                        }
                      ]
                    }
                  ]
                }
              ]
            },
            {
              "kind": "element",
              "tag": "div",
              "class": "flex flex-col gap-4 border-t border-base-200 py-6 @2xl:flex-row @2xl:items-center @2xl:justify-between",
              "children": [
                {
                  "kind": "element",
                  "tag": "p",
                  "class": "text-sm text-base-content",
                  "children": [
                    "© 2026 SilicaUI, Inc. All rights reserved."
                  ],
                  "slot": {
                    "name": "copyright",
                    "type": "text",
                    "label": "Copyright"
                  }
                },
                {
                  "kind": "element",
                  "tag": "ul",
                  "class": "flex flex-wrap items-center gap-x-6 gap-y-2",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "li",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "a",
                          "class": "text-sm text-base-content hover:text-primary",
                          "attrs": {
                            "href": "#"
                          },
                          "children": [
                            "Privacy"
                          ],
                          "slot": {
                            "name": "link5",
                            "type": "link",
                            "label": "Privacy"
                          }
                        }
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "li",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "a",
                          "class": "text-sm text-base-content hover:text-primary",
                          "attrs": {
                            "href": "#"
                          },
                          "children": [
                            "Terms"
                          ],
                          "slot": {
                            "name": "link6",
                            "type": "link",
                            "label": "Terms"
                          }
                        }
                      ]
                    }
                  ]
                }
              ]
            }
          ]
        }
      ]
    },
    "slots": [
      {
        "name": "headline",
        "type": "text",
        "label": "Headline",
        "required": true
      },
      {
        "name": "subhead",
        "type": "text",
        "label": "Subheadline"
      },
      {
        "name": "primary",
        "type": "link",
        "label": "Primary action"
      },
      {
        "name": "secondary",
        "type": "link",
        "label": "Secondary action"
      },
      {
        "name": "brand",
        "type": "text",
        "label": "Brand"
      },
      {
        "name": "link1",
        "type": "link",
        "label": "Product"
      },
      {
        "name": "link2",
        "type": "link",
        "label": "Pricing"
      },
      {
        "name": "link3",
        "type": "link",
        "label": "Docs"
      },
      {
        "name": "link4",
        "type": "link",
        "label": "Careers"
      },
      {
        "name": "social1",
        "type": "link",
        "label": "X"
      },
      {
        "name": "social2",
        "type": "link",
        "label": "GitHub"
      },
      {
        "name": "social3",
        "type": "link",
        "label": "LinkedIn"
      },
      {
        "name": "copyright",
        "type": "text",
        "label": "Copyright"
      },
      {
        "name": "link5",
        "type": "link",
        "label": "Privacy"
      },
      {
        "name": "link6",
        "type": "link",
        "label": "Terms"
      }
    ]
  },
  {
    "key": "footer_sitemap",
    "name": "Footer — Sitemap",
    "category": "footer",
    "version": "1.0.0",
    "description": "A wide brand column and four link columns over contact details and a status pill.",
    "tags": [
      "footer",
      "nav",
      "sitemap",
      "marketing"
    ],
    "colors": [
      "base-100",
      "base-200",
      "base-content",
      "primary",
      "success"
    ],
    "behaviors": [],
    "emailEligible": false,
    "root": {
      "kind": "element",
      "tag": "footer",
      "class": "@container bg-base-100 border-t border-base-200",
      "children": [
        {
          "kind": "element",
          "tag": "div",
          "class": "mx-auto w-full max-w-7xl px-6 py-16",
          "children": [
            {
              "kind": "element",
              "tag": "div",
              "class": "grid grid-cols-2 gap-x-8 gap-y-10 @md:grid-cols-3 @3xl:grid-cols-6",
              "children": [
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "col-span-2 flex flex-col gap-4",
                  "children": [
                    {
                      "kind": "component",
                      "component": "Wordmark",
                      "class": "wordmark self-start",
                      "props": {
                        "text": "SilicaUI",
                        "href": "#"
                      },
                      "slot": {
                        "name": "brand",
                        "type": "text",
                        "label": "Brand"
                      }
                    },
                    {
                      "kind": "element",
                      "tag": "p",
                      "class": "max-w-xs text-sm text-base-content",
                      "children": [
                        "Commerce infrastructure for teams that would rather build the store than the stack."
                      ],
                      "slot": {
                        "name": "blurb",
                        "type": "text",
                        "label": "Blurb"
                      }
                    },
                    {
                      "kind": "element",
                      "tag": "ul",
                      "class": "mt-2 flex items-center gap-5",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "li",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "a",
                              "class": "text-sm font-medium text-base-content hover:text-primary",
                              "attrs": {
                                "href": "#"
                              },
                              "children": [
                                "X"
                              ],
                              "slot": {
                                "name": "social1",
                                "type": "link",
                                "label": "X"
                              }
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "a",
                              "class": "text-sm font-medium text-base-content hover:text-primary",
                              "attrs": {
                                "href": "#"
                              },
                              "children": [
                                "GitHub"
                              ],
                              "slot": {
                                "name": "social2",
                                "type": "link",
                                "label": "GitHub"
                              }
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "a",
                              "class": "text-sm font-medium text-base-content hover:text-primary",
                              "attrs": {
                                "href": "#"
                              },
                              "children": [
                                "LinkedIn"
                              ],
                              "slot": {
                                "name": "social3",
                                "type": "link",
                                "label": "LinkedIn"
                              }
                            }
                          ]
                        }
                      ]
                    }
                  ]
                },
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex flex-col gap-3",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "p",
                      "class": "text-sm font-semibold text-base-content",
                      "children": [
                        "Product"
                      ],
                      "slot": {
                        "name": "col1",
                        "type": "text",
                        "label": "Column title"
                      }
                    },
                    {
                      "kind": "element",
                      "tag": "ul",
                      "class": "flex flex-col gap-2",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "li",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "a",
                              "class": "text-sm text-base-content hover:text-primary",
                              "attrs": {
                                "href": "#"
                              },
                              "children": [
                                "Overview"
                              ],
                              "slot": {
                                "name": "link1",
                                "type": "link",
                                "label": "Overview"
                              }
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "a",
                              "class": "text-sm text-base-content hover:text-primary",
                              "attrs": {
                                "href": "#"
                              },
                              "children": [
                                "Storefront"
                              ],
                              "slot": {
                                "name": "link2",
                                "type": "link",
                                "label": "Storefront"
                              }
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "a",
                              "class": "text-sm text-base-content hover:text-primary",
                              "attrs": {
                                "href": "#"
                              },
                              "children": [
                                "Checkout"
                              ],
                              "slot": {
                                "name": "link3",
                                "type": "link",
                                "label": "Checkout"
                              }
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "a",
                              "class": "text-sm text-base-content hover:text-primary",
                              "attrs": {
                                "href": "#"
                              },
                              "children": [
                                "Analytics"
                              ],
                              "slot": {
                                "name": "link4",
                                "type": "link",
                                "label": "Analytics"
                              }
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "a",
                              "class": "text-sm text-base-content hover:text-primary",
                              "attrs": {
                                "href": "#"
                              },
                              "children": [
                                "Pricing"
                              ],
                              "slot": {
                                "name": "link5",
                                "type": "link",
                                "label": "Pricing"
                              }
                            }
                          ]
                        }
                      ]
                    }
                  ]
                },
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex flex-col gap-3",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "p",
                      "class": "text-sm font-semibold text-base-content",
                      "children": [
                        "Solutions"
                      ],
                      "slot": {
                        "name": "col2",
                        "type": "text",
                        "label": "Column title"
                      }
                    },
                    {
                      "kind": "element",
                      "tag": "ul",
                      "class": "flex flex-col gap-2",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "li",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "a",
                              "class": "text-sm text-base-content hover:text-primary",
                              "attrs": {
                                "href": "#"
                              },
                              "children": [
                                "Retail"
                              ],
                              "slot": {
                                "name": "link6",
                                "type": "link",
                                "label": "Retail"
                              }
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "a",
                              "class": "text-sm text-base-content hover:text-primary",
                              "attrs": {
                                "href": "#"
                              },
                              "children": [
                                "Marketplaces"
                              ],
                              "slot": {
                                "name": "link7",
                                "type": "link",
                                "label": "Marketplaces"
                              }
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "a",
                              "class": "text-sm text-base-content hover:text-primary",
                              "attrs": {
                                "href": "#"
                              },
                              "children": [
                                "Subscriptions"
                              ],
                              "slot": {
                                "name": "link8",
                                "type": "link",
                                "label": "Subscriptions"
                              }
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "a",
                              "class": "text-sm text-base-content hover:text-primary",
                              "attrs": {
                                "href": "#"
                              },
                              "children": [
                                "Enterprise"
                              ],
                              "slot": {
                                "name": "link9",
                                "type": "link",
                                "label": "Enterprise"
                              }
                            }
                          ]
                        }
                      ]
                    }
                  ]
                },
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex flex-col gap-3",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "p",
                      "class": "text-sm font-semibold text-base-content",
                      "children": [
                        "Developers"
                      ],
                      "slot": {
                        "name": "col3",
                        "type": "text",
                        "label": "Column title"
                      }
                    },
                    {
                      "kind": "element",
                      "tag": "ul",
                      "class": "flex flex-col gap-2",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "li",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "a",
                              "class": "text-sm text-base-content hover:text-primary",
                              "attrs": {
                                "href": "#"
                              },
                              "children": [
                                "Documentation"
                              ],
                              "slot": {
                                "name": "link10",
                                "type": "link",
                                "label": "Documentation"
                              }
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "a",
                              "class": "text-sm text-base-content hover:text-primary",
                              "attrs": {
                                "href": "#"
                              },
                              "children": [
                                "API reference"
                              ],
                              "slot": {
                                "name": "link11",
                                "type": "link",
                                "label": "API reference"
                              }
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "a",
                              "class": "text-sm text-base-content hover:text-primary",
                              "attrs": {
                                "href": "#"
                              },
                              "children": [
                                "Changelog"
                              ],
                              "slot": {
                                "name": "link12",
                                "type": "link",
                                "label": "Changelog"
                              }
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "a",
                              "class": "text-sm text-base-content hover:text-primary",
                              "attrs": {
                                "href": "#"
                              },
                              "children": [
                                "Status"
                              ],
                              "slot": {
                                "name": "link13",
                                "type": "link",
                                "label": "Status"
                              }
                            }
                          ]
                        }
                      ]
                    }
                  ]
                },
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex flex-col gap-3",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "p",
                      "class": "text-sm font-semibold text-base-content",
                      "children": [
                        "Company"
                      ],
                      "slot": {
                        "name": "col4",
                        "type": "text",
                        "label": "Column title"
                      }
                    },
                    {
                      "kind": "element",
                      "tag": "ul",
                      "class": "flex flex-col gap-2",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "li",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "a",
                              "class": "text-sm text-base-content hover:text-primary",
                              "attrs": {
                                "href": "#"
                              },
                              "children": [
                                "About"
                              ],
                              "slot": {
                                "name": "link14",
                                "type": "link",
                                "label": "About"
                              }
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "a",
                              "class": "text-sm text-base-content hover:text-primary",
                              "attrs": {
                                "href": "#"
                              },
                              "children": [
                                "Careers"
                              ],
                              "slot": {
                                "name": "link15",
                                "type": "link",
                                "label": "Careers"
                              }
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "a",
                              "class": "text-sm text-base-content hover:text-primary",
                              "attrs": {
                                "href": "#"
                              },
                              "children": [
                                "Press"
                              ],
                              "slot": {
                                "name": "link16",
                                "type": "link",
                                "label": "Press"
                              }
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "a",
                              "class": "text-sm text-base-content hover:text-primary",
                              "attrs": {
                                "href": "#"
                              },
                              "children": [
                                "Contact"
                              ],
                              "slot": {
                                "name": "link17",
                                "type": "link",
                                "label": "Contact"
                              }
                            }
                          ]
                        }
                      ]
                    }
                  ]
                }
              ]
            },
            {
              "kind": "element",
              "tag": "div",
              "class": "mt-12 flex flex-col gap-2 border-t border-base-200 pt-8 @2xl:flex-row @2xl:items-center @2xl:justify-between",
              "children": [
                {
                  "kind": "element",
                  "tag": "address",
                  "class": "text-sm not-italic text-base-content",
                  "children": [
                    "1180 Mission Street, Suite 400, San Francisco, CA 94103"
                  ],
                  "slot": {
                    "name": "address",
                    "type": "text",
                    "label": "Office address"
                  }
                },
                {
                  "kind": "element",
                  "tag": "ul",
                  "class": "flex flex-wrap items-center gap-x-6 gap-y-2",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "li",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "a",
                          "class": "text-sm text-base-content hover:text-primary",
                          "attrs": {
                            "href": "#"
                          },
                          "children": [
                            "sales@silicaui.com"
                          ],
                          "slot": {
                            "name": "link18",
                            "type": "link",
                            "label": "sales@silicaui.com"
                          }
                        }
                      ]
                    },
                    {
                      "kind": "element",
                      "tag": "li",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "a",
                          "class": "text-sm text-base-content hover:text-primary",
                          "attrs": {
                            "href": "#"
                          },
                          "children": [
                            "support@silicaui.com"
                          ],
                          "slot": {
                            "name": "link19",
                            "type": "link",
                            "label": "support@silicaui.com"
                          }
                        }
                      ]
                    }
                  ]
                }
              ]
            },
            {
              "kind": "element",
              "tag": "div",
              "class": "mt-8 flex flex-col gap-4 border-t border-base-200 pt-6 @2xl:flex-row @2xl:items-center @2xl:justify-between",
              "children": [
                {
                  "kind": "element",
                  "tag": "p",
                  "class": "text-sm text-base-content",
                  "children": [
                    "© 2026 SilicaUI, Inc. All rights reserved."
                  ],
                  "slot": {
                    "name": "copyright",
                    "type": "text",
                    "label": "Copyright"
                  }
                },
                {
                  "kind": "element",
                  "tag": "div",
                  "class": "flex flex-wrap items-center gap-x-6 gap-y-2",
                  "children": [
                    {
                      "kind": "element",
                      "tag": "span",
                      "class": "badge badge-success badge-sm",
                      "children": [
                        "All systems operational"
                      ],
                      "slot": {
                        "name": "status",
                        "type": "text",
                        "label": "Status pill"
                      }
                    },
                    {
                      "kind": "element",
                      "tag": "ul",
                      "class": "flex flex-wrap items-center gap-x-6 gap-y-2",
                      "children": [
                        {
                          "kind": "element",
                          "tag": "li",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "a",
                              "class": "text-sm text-base-content hover:text-primary",
                              "attrs": {
                                "href": "#"
                              },
                              "children": [
                                "Privacy"
                              ],
                              "slot": {
                                "name": "link20",
                                "type": "link",
                                "label": "Privacy"
                              }
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "a",
                              "class": "text-sm text-base-content hover:text-primary",
                              "attrs": {
                                "href": "#"
                              },
                              "children": [
                                "Terms"
                              ],
                              "slot": {
                                "name": "link21",
                                "type": "link",
                                "label": "Terms"
                              }
                            }
                          ]
                        },
                        {
                          "kind": "element",
                          "tag": "li",
                          "children": [
                            {
                              "kind": "element",
                              "tag": "a",
                              "class": "text-sm text-base-content hover:text-primary",
                              "attrs": {
                                "href": "#"
                              },
                              "children": [
                                "Cookies"
                              ],
                              "slot": {
                                "name": "link22",
                                "type": "link",
                                "label": "Cookies"
                              }
                            }
                          ]
                        }
                      ]
                    }
                  ]
                }
              ]
            }
          ]
        }
      ]
    },
    "slots": [
      {
        "name": "brand",
        "type": "text",
        "label": "Brand"
      },
      {
        "name": "blurb",
        "type": "text",
        "label": "Blurb"
      },
      {
        "name": "social1",
        "type": "link",
        "label": "X"
      },
      {
        "name": "social2",
        "type": "link",
        "label": "GitHub"
      },
      {
        "name": "social3",
        "type": "link",
        "label": "LinkedIn"
      },
      {
        "name": "col1",
        "type": "text",
        "label": "Column title"
      },
      {
        "name": "link1",
        "type": "link",
        "label": "Overview"
      },
      {
        "name": "link2",
        "type": "link",
        "label": "Storefront"
      },
      {
        "name": "link3",
        "type": "link",
        "label": "Checkout"
      },
      {
        "name": "link4",
        "type": "link",
        "label": "Analytics"
      },
      {
        "name": "link5",
        "type": "link",
        "label": "Pricing"
      },
      {
        "name": "col2",
        "type": "text",
        "label": "Column title"
      },
      {
        "name": "link6",
        "type": "link",
        "label": "Retail"
      },
      {
        "name": "link7",
        "type": "link",
        "label": "Marketplaces"
      },
      {
        "name": "link8",
        "type": "link",
        "label": "Subscriptions"
      },
      {
        "name": "link9",
        "type": "link",
        "label": "Enterprise"
      },
      {
        "name": "col3",
        "type": "text",
        "label": "Column title"
      },
      {
        "name": "link10",
        "type": "link",
        "label": "Documentation"
      },
      {
        "name": "link11",
        "type": "link",
        "label": "API reference"
      },
      {
        "name": "link12",
        "type": "link",
        "label": "Changelog"
      },
      {
        "name": "link13",
        "type": "link",
        "label": "Status"
      },
      {
        "name": "col4",
        "type": "text",
        "label": "Column title"
      },
      {
        "name": "link14",
        "type": "link",
        "label": "About"
      },
      {
        "name": "link15",
        "type": "link",
        "label": "Careers"
      },
      {
        "name": "link16",
        "type": "link",
        "label": "Press"
      },
      {
        "name": "link17",
        "type": "link",
        "label": "Contact"
      },
      {
        "name": "address",
        "type": "text",
        "label": "Office address"
      },
      {
        "name": "link18",
        "type": "link",
        "label": "sales@silicaui.com"
      },
      {
        "name": "link19",
        "type": "link",
        "label": "support@silicaui.com"
      },
      {
        "name": "copyright",
        "type": "text",
        "label": "Copyright"
      },
      {
        "name": "status",
        "type": "text",
        "label": "Status pill"
      },
      {
        "name": "link20",
        "type": "link",
        "label": "Privacy"
      },
      {
        "name": "link21",
        "type": "link",
        "label": "Terms"
      },
      {
        "name": "link22",
        "type": "link",
        "label": "Cookies"
      }
    ]
  },
  {
    "key": "tabs",
    "name": "Tabs — Panels",
    "category": "tabs",
    "version": "1.0.0",
    "description": "An exclusive tab strip over stacked panels, with arrow-key navigation.",
    "tags": [
      "tabs",
      "interactive",
      "disclosure"
    ],
    "colors": [
      "base-100",
      "base-200",
      "base-content",
      "primary"
    ],
    "behaviors": [
      "tabs"
    ],
    "emailEligible": false,
    "root": {
      "kind": "element",
      "tag": "div",
      "class": "bg-base-100 @container",
      "children": [
        {
          "kind": "element",
          "tag": "div",
          "class": "flex gap-1 border-b border-base-200",
          "attrs": {
            "role": "tablist"
          },
          "children": [
            {
              "kind": "element",
              "tag": "button",
              "class": "px-4 py-2 -mb-px border-b-2 font-medium border-primary text-primary",
              "attrs": {
                "type": "button",
                "role": "tab",
                "aria-selected": "true",
                "tabindex": 0
              },
              "children": [
                "Overview"
              ],
              "part": "tab"
            },
            {
              "kind": "element",
              "tag": "button",
              "class": "px-4 py-2 -mb-px border-b-2 font-medium border-transparent text-base-content",
              "attrs": {
                "type": "button",
                "role": "tab",
                "aria-selected": "false",
                "tabindex": -1
              },
              "children": [
                "Features"
              ],
              "part": "tab"
            },
            {
              "kind": "element",
              "tag": "button",
              "class": "px-4 py-2 -mb-px border-b-2 font-medium border-transparent text-base-content",
              "attrs": {
                "type": "button",
                "role": "tab",
                "aria-selected": "false",
                "tabindex": -1
              },
              "children": [
                "Pricing"
              ],
              "part": "tab"
            }
          ]
        },
        {
          "kind": "element",
          "tag": "div",
          "class": "p-4 text-base-content",
          "attrs": {
            "role": "tabpanel"
          },
          "children": [
            "A quick summary of what this product does and who it's for."
          ],
          "part": "panel"
        },
        {
          "kind": "element",
          "tag": "div",
          "class": "p-4 text-base-content",
          "attrs": {
            "role": "tabpanel",
            "hidden": true
          },
          "children": [
            "The capabilities that set it apart, described point by point."
          ],
          "part": "panel"
        },
        {
          "kind": "element",
          "tag": "div",
          "class": "p-4 text-base-content",
          "attrs": {
            "role": "tabpanel",
            "hidden": true
          },
          "children": [
            "Straightforward plans that scale as your team grows."
          ],
          "part": "panel"
        }
      ],
      "behavior": {
        "type": "tabs"
      }
    },
    "slots": []
  },
  {
    "key": "accordion",
    "name": "Accordion — Sections",
    "category": "accordion",
    "version": "1.0.0",
    "description": "A multi-open disclosure list; each section expands independently.",
    "tags": [
      "accordion",
      "interactive",
      "disclosure"
    ],
    "colors": [
      "base-200",
      "base-content"
    ],
    "behaviors": [
      "disclosure"
    ],
    "emailEligible": false,
    "root": {
      "kind": "element",
      "tag": "div",
      "class": "flex flex-col gap-2 @container",
      "children": [
        {
          "kind": "element",
          "tag": "div",
          "class": "border border-base-200 rounded-box",
          "children": [
            {
              "kind": "element",
              "tag": "button",
              "class": "w-full flex items-center justify-between gap-4 text-left p-4 font-medium text-base-content",
              "attrs": {
                "type": "button"
              },
              "children": [
                "What's included"
              ],
              "part": "trigger"
            },
            {
              "kind": "element",
              "tag": "div",
              "class": "p-4 pt-0 text-base-content",
              "children": [
                "Everything in the core plan, plus priority support and analytics."
              ],
              "part": "panel"
            }
          ]
        },
        {
          "kind": "element",
          "tag": "div",
          "class": "border border-base-200 rounded-box",
          "children": [
            {
              "kind": "element",
              "tag": "button",
              "class": "w-full flex items-center justify-between gap-4 text-left p-4 font-medium text-base-content",
              "attrs": {
                "type": "button"
              },
              "children": [
                "How billing works"
              ],
              "part": "trigger"
            },
            {
              "kind": "element",
              "tag": "div",
              "class": "p-4 pt-0 text-base-content",
              "attrs": {
                "hidden": true
              },
              "children": [
                "You're charged monthly and can change or cancel your plan anytime."
              ],
              "part": "panel"
            }
          ]
        },
        {
          "kind": "element",
          "tag": "div",
          "class": "border border-base-200 rounded-box",
          "children": [
            {
              "kind": "element",
              "tag": "button",
              "class": "w-full flex items-center justify-between gap-4 text-left p-4 font-medium text-base-content",
              "attrs": {
                "type": "button"
              },
              "children": [
                "Can I export my data?"
              ],
              "part": "trigger"
            },
            {
              "kind": "element",
              "tag": "div",
              "class": "p-4 pt-0 text-base-content",
              "attrs": {
                "hidden": true
              },
              "children": [
                "Yes — export to CSV or JSON from your dashboard whenever you like."
              ],
              "part": "panel"
            }
          ]
        }
      ],
      "behavior": {
        "type": "disclosure"
      }
    },
    "slots": []
  },
  {
    "key": "dropdown",
    "name": "Dropdown — Menu",
    "category": "dropdown",
    "version": "1.0.0",
    "description": "A button that opens a menu of actions, with keyboard and dismiss support.",
    "tags": [
      "dropdown",
      "menu",
      "interactive"
    ],
    "colors": [
      "base-100",
      "base-200",
      "base-content"
    ],
    "behaviors": [
      "menu"
    ],
    "emailEligible": false,
    "root": {
      "kind": "element",
      "tag": "div",
      "class": "relative inline-block @container",
      "children": [
        {
          "kind": "element",
          "tag": "button",
          "class": "btn btn-primary",
          "attrs": {
            "type": "button"
          },
          "children": [
            "Options"
          ],
          "part": "trigger"
        },
        {
          "kind": "element",
          "tag": "ul",
          "class": "menu absolute mt-2 w-52 p-2 z-10 bg-base-100 rounded-box border border-base-200 shadow-lg",
          "attrs": {
            "hidden": true
          },
          "children": [
            {
              "kind": "element",
              "tag": "li",
              "children": [
                {
                  "kind": "element",
                  "tag": "a",
                  "class": "block px-3 py-2 rounded-btn text-base-content hover:bg-base-200",
                  "attrs": {
                    "href": "#"
                  },
                  "children": [
                    "Profile"
                  ],
                  "part": "item"
                }
              ]
            },
            {
              "kind": "element",
              "tag": "li",
              "children": [
                {
                  "kind": "element",
                  "tag": "a",
                  "class": "block px-3 py-2 rounded-btn text-base-content hover:bg-base-200",
                  "attrs": {
                    "href": "#"
                  },
                  "children": [
                    "Settings"
                  ],
                  "part": "item"
                }
              ]
            },
            {
              "kind": "element",
              "tag": "li",
              "children": [
                {
                  "kind": "element",
                  "tag": "a",
                  "class": "block px-3 py-2 rounded-btn text-base-content hover:bg-base-200",
                  "attrs": {
                    "href": "#"
                  },
                  "children": [
                    "Sign out"
                  ],
                  "part": "item"
                }
              ]
            }
          ],
          "part": "panel"
        }
      ],
      "behavior": {
        "type": "menu"
      }
    },
    "slots": []
  }
]