{
  "name": "NavbarLayoutFloatingInline",
  "description": "Floating inline navbar with centered links, left-aligned logo, and right-aligned call-to-action button.",
  "constraints": {
    "minLinks": 3,
    "maxLinks": 6,
    "preferredCount": 4,
    "brandRules": {
      "required": false,
      "minChars": 2,
      "maxChars": 20,
      "example": "North Star Marketing Lab ",
      "fallbackBehavior": "Shows brandName text"
    },
    "buttonRules": {
      "text": {
        "required": true,
        "minChars": 2,
        "maxChars": 24,
        "example": "Get Started"
      },
      "href": {
        "required": false,
        "format": "url | section-id",
        "example": "https://webild.io"
      },
      "onClick": {
        "required": false,
        "note": "Optional click handler"
      }
    },
    "linkRules": {
      "name": {
        "required": true,
        "minChars": 2,
        "maxChars": 15,
        "example": "About"
      },
      "id": {
        "required": true,
        "format": "section-id | url",
        "examples": [
          "about",
          "services",
          "https://github.com",
          "www.example.com"
        ],
        "behavior": "Internal IDs scroll to section, URLs open in new tab"
      }
    }
  },
  "propsSchema": {
    "navItems": "Array<{name: string, id: string}>",
    "brandName?": "string (default: 'North Star Marketing Lab ')",
    "button": "{text: string, onClick?: () => void, href?: string}",
    "className?": "string (default: '')"
  },
  "usageExample": "",
  "do": [
    "Use for general use",
    "Requires navItems[]"
  ],
  "dont": [],
  "editRules": {
    "textOnly": true,
    "layoutLocked": true,
    "styleLocked": true
  }
}