Initial commit

registry/components/FooterLogoEmphasis.json

@@ -0,0 +1,61 @@
+{
+  "name": "FooterLogoEmphasis",
+  "description": "Footer with prominent centered logo emphasis and grid-based navigation layout with chevron icons.",
+  "constraints": {
+    "textRules": {
+      "logoText": {
+        "required": false,
+        "default": "Webild",
+        "example": "Company Name",
+        "minChars": 2,
+        "maxChars": 30
+      },
+      "itemLabel": {
+        "required": true,
+        "example": "Features",
+        "minChars": 2,
+        "maxChars": 30
+      }
+    },
+    "structureRules": {
+      "columns": {
+        "required": true,
+        "minColumns": 1,
+        "maxColumns": 5,
+        "note": "Grid automatically adjusts from 1-5 columns based on array length"
+      },
+      "items": {
+        "required": true,
+        "minItems": 1,
+        "structure": {
+          "label": "string - Link text (required)",
+          "href": "string - Link destination (optional). External URLs open in new tab, internal values scroll to sections",
+          "onClick": "() => void - Additional click handler (optional)"
+        }
+      },
+      "logo": {
+        "note": "Uses logoText for SVG text logo"
+      }
+    }
+  },
+  "propsSchema": {
+    "columns": "Array<{ items: Array<{ label: string, href?: string, onClick?: () => void }> }> - Footer navigation columns (required, max 5)",
+    "logoText?": "string (default: 'Webild')",
+    "ariaLabel?": "string (default: 'Site footer')",
+    "className?": "string"
+  },
+  "usageExample": "<FooterLogoEmphasis columns={[{ items: [{ label: 'Features', href: 'features' }] }, { items: [{ label: 'About', href: 'about' }] }]} logoText=\"Company\" />",
+  "do": [
+    "Use for feature showcases",
+    "Use for capability displays",
+    "Requires columns[]"
+  ],
+  "dont": [
+    "Do not use more than 4 items"
+  ],
+  "editRules": {
+    "textOnly": true,
+    "layoutLocked": true,
+    "styleLocked": true
+  }
+}