@xenterprises/nuxt-x-marketing 1.0.0 → 1.0.2

package/componentList.json

@@ -5,8 +5,24 @@
       "file": "Blog/Author.vue",
       "category": "Blog",
       "props": [
-        { "name": "author", "type": "Object", "default": null, "required": true },
-        { "name": "variant", "type": "String", "default": "inline", "required": false, "options": ["inline", "sm", "full", "card"] }
+        {
+          "name": "author",
+          "type": "Object",
+          "default": "{ name: \"Author Name\", title: \"Contributor\" }",
+          "required": false
+        },
+        {
+          "name": "variant",
+          "type": "String",
+          "default": "inline",
+          "required": false,
+          "options": [
+            "inline",
+            "sm",
+            "full",
+            "card"
+          ]
+        }
       ]
     },
     {
@@ -14,11 +30,36 @@
       "file": "Blog/Card.vue",
       "category": "Blog",
       "props": [
-        { "name": "post", "type": "Object", "default": null, "required": true },
-        { "name": "hasCategory", "type": "Boolean", "default": true, "required": false },
-        { "name": "hasAuthor", "type": "Boolean", "default": true, "required": false },
-        { "name": "hasExcerpt", "type": "Boolean", "default": true, "required": false },
-        { "name": "button", "type": "Object", "default": null, "required": false }
+        {
+          "name": "post",
+          "type": "Object",
+          "default": "{ title: \"Blog Post Title\", slug: \"#\", excerpt: \"A short description of this blog post...\", date: new Date().toISOString(), category: \"General\" }",
+          "required": false
+        },
+        {
+          "name": "hasCategory",
+          "type": "Boolean",
+          "default": true,
+          "required": false
+        },
+        {
+          "name": "hasAuthor",
+          "type": "Boolean",
+          "default": true,
+          "required": false
+        },
+        {
+          "name": "hasExcerpt",
+          "type": "Boolean",
+          "default": true,
+          "required": false
+        },
+        {
+          "name": "button",
+          "type": "Object",
+          "default": null,
+          "required": false
+        }
       ]
     },
     {
@@ -26,18 +67,73 @@
       "file": "Blog/CTANewsletter.vue",
       "category": "Blog",
       "props": [
-        { "name": "title", "type": "String", "default": "Subscribe to our newsletter", "required": false },
-        { "name": "description", "type": "String", "default": "Get the latest posts delivered right to your inbox.", "required": false },
-        { "name": "button", "type": "Object", "default": "{ label: 'Subscribe' }", "required": false },
-        { "name": "placeholder", "type": "String", "default": "Enter your email", "required": false },
-        { "name": "variant", "type": "String", "default": "default", "required": false, "options": ["default", "featured", "inline", "compact"] },
-        { "name": "icon", "type": "String", "default": "i-lucide-mail", "required": false },
-        { "name": "hasPrivacy", "type": "Boolean", "default": true, "required": false },
-        { "name": "privacyText", "type": "String", "default": "No spam. Unsubscribe anytime.", "required": false },
-        { "name": "successMessage", "type": "String", "default": "Thanks for subscribing!", "required": false }
+        {
+          "name": "title",
+          "type": "String",
+          "default": "Subscribe to our newsletter",
+          "required": false
+        },
+        {
+          "name": "description",
+          "type": "String",
+          "default": "Get the latest posts delivered right to your inbox.",
+          "required": false
+        },
+        {
+          "name": "button",
+          "type": "Object",
+          "default": "{ label: 'Subscribe' }",
+          "required": false
+        },
+        {
+          "name": "placeholder",
+          "type": "String",
+          "default": "Enter your email",
+          "required": false
+        },
+        {
+          "name": "variant",
+          "type": "String",
+          "default": "default",
+          "required": false,
+          "options": [
+            "default",
+            "featured",
+            "inline",
+            "compact"
+          ]
+        },
+        {
+          "name": "icon",
+          "type": "String",
+          "default": "i-lucide-mail",
+          "required": false
+        },
+        {
+          "name": "hasPrivacy",
+          "type": "Boolean",
+          "default": true,
+          "required": false
+        },
+        {
+          "name": "privacyText",
+          "type": "String",
+          "default": "No spam. Unsubscribe anytime.",
+          "required": false
+        },
+        {
+          "name": "successMessage",
+          "type": "String",
+          "default": "Thanks for subscribing!",
+          "required": false
+        }
       ],
       "events": [
-        { "name": "submit", "payload": "String", "description": "Emitted with email address when form is submitted" }
+        {
+          "name": "submit",
+          "payload": "String",
+          "description": "Emitted with email address when form is submitted"
+        }
       ]
     },
     {
@@ -45,10 +141,30 @@
       "file": "Blog/Detail.vue",
       "category": "Blog",
       "props": [
-        { "name": "post", "type": "Object", "default": null, "required": true },
-        { "name": "previousPost", "type": "Object", "default": null, "required": false },
-        { "name": "nextPost", "type": "Object", "default": null, "required": false },
-        { "name": "toc", "type": "Array", "default": "[]", "required": false }
+        {
+          "name": "post",
+          "type": "Object",
+          "default": "{ title: \"Blog Post Title\", slug: \"#\", excerpt: \"A short description of this blog post.\", date: new Date().toISOString(), category: \"General\", body: \"\" }",
+          "required": false
+        },
+        {
+          "name": "previousPost",
+          "type": "Object",
+          "default": null,
+          "required": false
+        },
+        {
+          "name": "nextPost",
+          "type": "Object",
+          "default": null,
+          "required": false
+        },
+        {
+          "name": "toc",
+          "type": "Array",
+          "default": "[]",
+          "required": false
+        }
       ]
     },
     {
@@ -56,14 +172,59 @@
       "file": "Blog/List.vue",
       "category": "Blog",
       "props": [
-        { "name": "posts", "type": "Array", "default": null, "required": true },
-        { "name": "columns", "type": "Number", "default": 3, "required": false, "options": [1, 2, 3] },
-        { "name": "perPage", "type": "Number", "default": 9, "required": false },
-        { "name": "hasFilters", "type": "Boolean", "default": false, "required": false },
-        { "name": "hasCategories", "type": "Boolean", "default": true, "required": false },
-        { "name": "hasAuthors", "type": "Boolean", "default": true, "required": false },
-        { "name": "categories", "type": "Array", "default": "[]", "required": false },
-        { "name": "cardButton", "type": "Object", "default": null, "required": false }
+        {
+          "name": "posts",
+          "type": "Array",
+          "default": "[]",
+          "required": false
+        },
+        {
+          "name": "columns",
+          "type": "Number",
+          "default": 3,
+          "required": false,
+          "options": [
+            1,
+            2,
+            3
+          ]
+        },
+        {
+          "name": "perPage",
+          "type": "Number",
+          "default": 9,
+          "required": false
+        },
+        {
+          "name": "hasFilters",
+          "type": "Boolean",
+          "default": false,
+          "required": false
+        },
+        {
+          "name": "hasCategories",
+          "type": "Boolean",
+          "default": true,
+          "required": false
+        },
+        {
+          "name": "hasAuthors",
+          "type": "Boolean",
+          "default": true,
+          "required": false
+        },
+        {
+          "name": "categories",
+          "type": "Array",
+          "default": "[]",
+          "required": false
+        },
+        {
+          "name": "cardButton",
+          "type": "Object",
+          "default": null,
+          "required": false
+        }
       ]
     },
     {
@@ -71,11 +232,36 @@
       "file": "Blog/Navigation.vue",
       "category": "Blog",
       "props": [
-        { "name": "previous", "type": "Object", "default": null, "required": false },
-        { "name": "next", "type": "Object", "default": null, "required": false },
-        { "name": "basePath", "type": "String", "default": "/blog", "required": false },
-        { "name": "previousLabel", "type": "String", "default": "Previous", "required": false },
-        { "name": "nextLabel", "type": "String", "default": "Next", "required": false }
+        {
+          "name": "previous",
+          "type": "Object",
+          "default": null,
+          "required": false
+        },
+        {
+          "name": "next",
+          "type": "Object",
+          "default": null,
+          "required": false
+        },
+        {
+          "name": "basePath",
+          "type": "String",
+          "default": "/blog",
+          "required": false
+        },
+        {
+          "name": "previousLabel",
+          "type": "String",
+          "default": "Previous",
+          "required": false
+        },
+        {
+          "name": "nextLabel",
+          "type": "String",
+          "default": "Next",
+          "required": false
+        }
       ]
     },
     {
@@ -83,16 +269,55 @@
       "file": "Blog/Sidebar.vue",
       "category": "Blog",
       "props": [
-        { "name": "hasSearch", "type": "Boolean", "default": true, "required": false },
-        { "name": "categories", "type": "Array", "default": "[]", "required": false },
-        { "name": "tags", "type": "Array", "default": "[]", "required": false },
-        { "name": "recentPosts", "type": "Array", "default": "[]", "required": false },
-        { "name": "categoryBasePath", "type": "String", "default": "/blog/category", "required": false },
-        { "name": "tagBasePath", "type": "String", "default": "/blog/tag", "required": false },
-        { "name": "hasCta", "type": "Boolean", "default": true, "required": false }
+        {
+          "name": "hasSearch",
+          "type": "Boolean",
+          "default": true,
+          "required": false
+        },
+        {
+          "name": "categories",
+          "type": "Array",
+          "default": "[]",
+          "required": false
+        },
+        {
+          "name": "tags",
+          "type": "Array",
+          "default": "[]",
+          "required": false
+        },
+        {
+          "name": "recentPosts",
+          "type": "Array",
+          "default": "[]",
+          "required": false
+        },
+        {
+          "name": "categoryBasePath",
+          "type": "String",
+          "default": "/blog/category",
+          "required": false
+        },
+        {
+          "name": "tagBasePath",
+          "type": "String",
+          "default": "/blog/tag",
+          "required": false
+        },
+        {
+          "name": "hasCta",
+          "type": "Boolean",
+          "default": true,
+          "required": false
+        }
       ],
       "events": [
-        { "name": "search", "payload": "String", "description": "Emitted when user presses Enter in search input" }
+        {
+          "name": "search",
+          "payload": "String",
+          "description": "Emitted when user presses Enter in search input"
+        }
       ]
     },
     {
@@ -100,12 +325,52 @@
       "file": "Button/BackToTop.vue",
       "category": "Button",
       "props": [
-        { "name": "threshold", "type": "Number", "default": 400, "required": false },
-        { "name": "position", "type": "String", "default": "bottom-right", "required": false, "options": ["bottom-right", "bottom-left", "bottom-center"] },
-        { "name": "variant", "type": "String", "default": "primary", "required": false, "options": ["primary", "neutral", "glass"] },
-        { "name": "icon", "type": "String", "default": "i-lucide-arrow-up", "required": false },
-        { "name": "label", "type": "String", "default": "Back to top", "required": false },
-        { "name": "smooth", "type": "Boolean", "default": true, "required": false }
+        {
+          "name": "threshold",
+          "type": "Number",
+          "default": 400,
+          "required": false
+        },
+        {
+          "name": "position",
+          "type": "String",
+          "default": "bottom-right",
+          "required": false,
+          "options": [
+            "bottom-right",
+            "bottom-left",
+            "bottom-center"
+          ]
+        },
+        {
+          "name": "variant",
+          "type": "String",
+          "default": "primary",
+          "required": false,
+          "options": [
+            "primary",
+            "neutral",
+            "glass"
+          ]
+        },
+        {
+          "name": "icon",
+          "type": "String",
+          "default": "i-lucide-arrow-up",
+          "required": false
+        },
+        {
+          "name": "label",
+          "type": "String",
+          "default": "Back to top",
+          "required": false
+        },
+        {
+          "name": "smooth",
+          "type": "Boolean",
+          "default": true,
+          "required": false
+        }
       ]
     },
     {
@@ -113,10 +378,37 @@
       "file": "Card/Glass.vue",
       "category": "Card",
       "props": [
-        { "name": "title", "type": "String", "default": "", "required": false },
-        { "name": "subtitle", "type": "String", "default": "", "required": false },
-        { "name": "size", "type": "String", "default": "md", "required": false, "options": ["xs", "sm", "md", "lg", "xl"] },
-        { "name": "glow", "type": "Boolean", "default": false, "required": false }
+        {
+          "name": "title",
+          "type": "String",
+          "default": "",
+          "required": false
+        },
+        {
+          "name": "subtitle",
+          "type": "String",
+          "default": "",
+          "required": false
+        },
+        {
+          "name": "size",
+          "type": "String",
+          "default": "md",
+          "required": false,
+          "options": [
+            "xs",
+            "sm",
+            "md",
+            "lg",
+            "xl"
+          ]
+        },
+        {
+          "name": "glow",
+          "type": "Boolean",
+          "default": false,
+          "required": false
+        }
       ]
     },
     {
@@ -124,14 +416,65 @@
       "file": "Card/Promo.vue",
       "category": "Card",
       "props": [
-        { "name": "to", "type": "String", "default": "", "required": false },
-        { "name": "img", "type": "Object", "default": null, "required": true },
-        { "name": "title", "type": "String", "default": null, "required": true },
-        { "name": "badge", "type": "String", "default": "", "required": false },
-        { "name": "button", "type": "Object", "default": null, "required": false },
-        { "name": "align", "type": "String", "default": "bottomLeft", "required": false, "options": ["bottomLeft", "bottomRight", "bottomCenter", "topLeft"] },
-        { "name": "overlay", "type": "String", "default": "gradient", "required": false, "options": ["light", "heavy", "gradient"] },
-        { "name": "hoverable", "type": "Boolean", "default": true, "required": false }
+        {
+          "name": "to",
+          "type": "String",
+          "default": "",
+          "required": false
+        },
+        {
+          "name": "img",
+          "type": "Object",
+          "default": "{ src: \"\", alt: \"Promo image\" }",
+          "required": false
+        },
+        {
+          "name": "title",
+          "type": "String",
+          "default": "Promo Card Title",
+          "required": false
+        },
+        {
+          "name": "badge",
+          "type": "String",
+          "default": "",
+          "required": false
+        },
+        {
+          "name": "button",
+          "type": "Object",
+          "default": null,
+          "required": false
+        },
+        {
+          "name": "align",
+          "type": "String",
+          "default": "bottomLeft",
+          "required": false,
+          "options": [
+            "bottomLeft",
+            "bottomRight",
+            "bottomCenter",
+            "topLeft"
+          ]
+        },
+        {
+          "name": "overlay",
+          "type": "String",
+          "default": "gradient",
+          "required": false,
+          "options": [
+            "light",
+            "heavy",
+            "gradient"
+          ]
+        },
+        {
+          "name": "hoverable",
+          "type": "Boolean",
+          "default": true,
+          "required": false
+        }
       ]
     },
     {
@@ -139,14 +482,71 @@
       "file": "CTA/index.vue",
       "category": "CTA",
       "props": [
-        { "name": "eyebrow", "type": "String", "default": "", "required": false },
-        { "name": "title", "type": "String", "default": null, "required": true },
-        { "name": "description", "type": "String", "default": "", "required": false },
-        { "name": "icon", "type": "String", "default": "", "required": false },
-        { "name": "buttons", "type": "Array", "default": "[]", "required": false },
-        { "name": "variant", "type": "String", "default": "default", "required": false, "options": ["default", "centered", "inline", "stacked"] },
-        { "name": "background", "type": "String", "default": "subtle", "required": false, "options": ["subtle", "bold", "gradient", "none"] },
-        { "name": "size", "type": "String", "default": "md", "required": false, "options": ["sm", "md", "lg"] }
+        {
+          "name": "eyebrow",
+          "type": "String",
+          "default": "",
+          "required": false
+        },
+        {
+          "name": "title",
+          "type": "String",
+          "default": "Ready to get started?",
+          "required": false
+        },
+        {
+          "name": "description",
+          "type": "String",
+          "default": "",
+          "required": false
+        },
+        {
+          "name": "icon",
+          "type": "String",
+          "default": "",
+          "required": false
+        },
+        {
+          "name": "buttons",
+          "type": "Array",
+          "default": "[]",
+          "required": false
+        },
+        {
+          "name": "variant",
+          "type": "String",
+          "default": "default",
+          "required": false,
+          "options": [
+            "default",
+            "centered",
+            "inline",
+            "stacked"
+          ]
+        },
+        {
+          "name": "background",
+          "type": "String",
+          "default": "subtle",
+          "required": false,
+          "options": [
+            "subtle",
+            "bold",
+            "gradient",
+            "none"
+          ]
+        },
+        {
+          "name": "size",
+          "type": "String",
+          "default": "md",
+          "required": false,
+          "options": [
+            "sm",
+            "md",
+            "lg"
+          ]
+        }
       ]
     },
     {
@@ -154,11 +554,86 @@
       "file": "Divider/Glow.vue",
       "category": "Divider",
       "props": [
-        { "name": "glow", "type": "Boolean", "default": true, "required": false },
-        { "name": "color", "type": "String", "default": "primary", "required": false, "options": ["primary", "neutral", "white"] },
-        { "name": "intensity", "type": "String", "default": "medium", "required": false, "options": ["subtle", "medium", "strong"] },
-        { "name": "spacing", "type": "String", "default": "md", "required": false, "options": ["sm", "md", "lg"] },
-        { "name": "fade", "type": "Boolean", "default": false, "required": false }
+        {
+          "name": "glow",
+          "type": "Boolean",
+          "default": true,
+          "required": false
+        },
+        {
+          "name": "color",
+          "type": "String",
+          "default": "primary",
+          "required": false,
+          "options": [
+            "primary",
+            "neutral",
+            "white"
+          ]
+        },
+        {
+          "name": "intensity",
+          "type": "String",
+          "default": "medium",
+          "required": false,
+          "options": [
+            "subtle",
+            "medium",
+            "strong"
+          ]
+        },
+        {
+          "name": "spacing",
+          "type": "String",
+          "default": "md",
+          "required": false,
+          "options": [
+            "sm",
+            "md",
+            "lg"
+          ]
+        },
+        {
+          "name": "fade",
+          "type": "Boolean",
+          "default": false,
+          "required": false
+        }
+      ]
+    },
+    {
+      "name": "XMarkFAQ",
+      "file": "FAQ/index.vue",
+      "category": "FAQ",
+      "props": [
+        {
+          "name": "items",
+          "type": "Array",
+          "default": "[{ question: \"What is this?\", answer: \"This is a frequently asked question.\" }]",
+          "required": false
+        },
+        {
+          "name": "layout",
+          "type": "String",
+          "default": "accordion",
+          "required": false,
+          "options": [
+            "accordion",
+            "two-column"
+          ]
+        },
+        {
+          "name": "openFirst",
+          "type": "Boolean",
+          "default": false,
+          "required": false
+        },
+        {
+          "name": "allowMultiple",
+          "type": "Boolean",
+          "default": false,
+          "required": false
+        }
       ]
     },
     {
@@ -166,9 +641,34 @@
       "file": "Features/index.vue",
       "category": "Features",
       "props": [
-        { "name": "features", "type": "Array", "default": null, "required": true },
-        { "name": "layout", "type": "String", "default": "grid", "required": false, "options": ["grid", "list", "alternating"] },
-        { "name": "columns", "type": "Number", "default": 3, "required": false, "options": [2, 3, 4] }
+        {
+          "name": "features",
+          "type": "Array",
+          "default": "[{ icon: \"i-lucide-zap\", title: \"Lightning Fast\", description: \"Built for performance from the ground up.\" }, { icon: \"i-lucide-shield\", title: \"Secure by Default\", description: \"Enterprise-grade security out of the box.\" }, { icon: \"i-lucide-layers\", title: \"Fully Customizable\", description: \"Adapt every component to match your brand.\" }]",
+          "required": false
+        },
+        {
+          "name": "layout",
+          "type": "String",
+          "default": "grid",
+          "required": false,
+          "options": [
+            "grid",
+            "list",
+            "alternating"
+          ]
+        },
+        {
+          "name": "columns",
+          "type": "Number",
+          "default": 3,
+          "required": false,
+          "options": [
+            2,
+            3,
+            4
+          ]
+        }
       ]
     },
     {
@@ -176,17 +676,87 @@
       "file": "Hero/index.vue",
       "category": "Hero",
       "props": [
-        { "name": "img", "type": "Object", "default": null, "required": false },
-        { "name": "video", "type": "Object", "default": null, "required": false },
-        { "name": "overlay", "type": "String", "default": "gradient", "required": false, "options": ["light", "heavy", "gradient", "none"] },
-        { "name": "eyebrow", "type": "String", "default": "", "required": false },
-        { "name": "title", "type": "String", "default": null, "required": true },
-        { "name": "subtitle", "type": "String", "default": "", "required": false },
-        { "name": "buttons", "type": "Array", "default": "[]", "required": false },
-        { "name": "align", "type": "String", "default": "left", "required": false, "options": ["left", "center", "right"] },
-        { "name": "verticalAlign", "type": "String", "default": "center", "required": false, "options": ["center", "bottom"] },
-        { "name": "hasScrollIndicator", "type": "Boolean", "default": true, "required": false },
-        { "name": "includeNavPadding", "type": "Boolean", "default": false, "required": false }
+        {
+          "name": "img",
+          "type": "Object",
+          "default": null,
+          "required": false
+        },
+        {
+          "name": "video",
+          "type": "Object",
+          "default": null,
+          "required": false
+        },
+        {
+          "name": "overlay",
+          "type": "String",
+          "default": "gradient",
+          "required": false,
+          "options": [
+            "light",
+            "heavy",
+            "gradient",
+            "none"
+          ]
+        },
+        {
+          "name": "eyebrow",
+          "type": "String",
+          "default": "",
+          "required": false
+        },
+        {
+          "name": "title",
+          "type": "String",
+          "default": "Your Headline Here",
+          "required": false
+        },
+        {
+          "name": "subtitle",
+          "type": "String",
+          "default": "",
+          "required": false
+        },
+        {
+          "name": "buttons",
+          "type": "Array",
+          "default": "[]",
+          "required": false
+        },
+        {
+          "name": "align",
+          "type": "String",
+          "default": "left",
+          "required": false,
+          "options": [
+            "left",
+            "center",
+            "right"
+          ]
+        },
+        {
+          "name": "verticalAlign",
+          "type": "String",
+          "default": "center",
+          "required": false,
+          "options": [
+            "center",
+            "bottom"
+          ]
+        },
+        {
+          "name": "hasScrollIndicator",
+          "type": "Boolean",
+          "default": true,
+          "required": false
+        },
+        {
+          "name": "includeNavPadding",
+          "type": "Boolean",
+          "default": false,
+          "required": false
+        }
       ]
     },
     {
@@ -194,14 +764,61 @@
       "file": "Layout/AnnouncementBar.vue",
       "category": "Layout",
       "props": [
-        { "name": "message", "type": "String", "default": null, "required": true },
-        { "name": "badge", "type": "String", "default": "", "required": false },
-        { "name": "icon", "type": "String", "default": "", "required": false },
-        { "name": "link", "type": "String", "default": "", "required": false },
-        { "name": "linkText", "type": "String", "default": "Learn more", "required": false },
-        { "name": "variant", "type": "String", "default": "primary", "required": false, "options": ["primary", "neutral", "success", "warning", "error"] },
-        { "name": "dismissible", "type": "Boolean", "default": true, "required": false },
-        { "name": "storageKey", "type": "String", "default": "announcement-dismissed", "required": false }
+        {
+          "name": "message",
+          "type": "String",
+          "default": "🎉 New feature available — check it out!",
+          "required": false
+        },
+        {
+          "name": "badge",
+          "type": "String",
+          "default": "",
+          "required": false
+        },
+        {
+          "name": "icon",
+          "type": "String",
+          "default": "",
+          "required": false
+        },
+        {
+          "name": "link",
+          "type": "String",
+          "default": "",
+          "required": false
+        },
+        {
+          "name": "linkText",
+          "type": "String",
+          "default": "Learn more",
+          "required": false
+        },
+        {
+          "name": "variant",
+          "type": "String",
+          "default": "primary",
+          "required": false,
+          "options": [
+            "primary",
+            "neutral",
+            "success",
+            "warning",
+            "error"
+          ]
+        },
+        {
+          "name": "dismissible",
+          "type": "Boolean",
+          "default": true,
+          "required": false
+        },
+        {
+          "name": "storageKey",
+          "type": "String",
+          "default": "announcement-dismissed",
+          "required": false
+        }
       ]
     },
     {
@@ -209,15 +826,60 @@
       "file": "Layout/Footer.vue",
       "category": "Layout",
       "props": [
-        { "name": "logo", "type": "Object", "default": null, "required": false },
-        { "name": "description", "type": "String", "default": "", "required": false },
-        { "name": "social", "type": "Array", "default": "[]", "required": false },
-        { "name": "columns", "type": "Array", "default": "[]", "required": false },
-        { "name": "legalLinks", "type": "Array", "default": "[]", "required": false },
-        { "name": "copyright", "type": "String", "default": "© {year} All rights reserved.", "required": false },
-        { "name": "hasNewsletter", "type": "Boolean", "default": false, "required": false },
-        { "name": "newsletterTitle", "type": "String", "default": "Subscribe to our newsletter", "required": false },
-        { "name": "newsletterDescription", "type": "String", "default": "Get the latest updates and news.", "required": false }
+        {
+          "name": "logo",
+          "type": "Object",
+          "default": null,
+          "required": false
+        },
+        {
+          "name": "description",
+          "type": "String",
+          "default": "",
+          "required": false
+        },
+        {
+          "name": "social",
+          "type": "Array",
+          "default": "[]",
+          "required": false
+        },
+        {
+          "name": "columns",
+          "type": "Array",
+          "default": "[]",
+          "required": false
+        },
+        {
+          "name": "legalLinks",
+          "type": "Array",
+          "default": "[]",
+          "required": false
+        },
+        {
+          "name": "copyright",
+          "type": "String",
+          "default": "© {year} All rights reserved.",
+          "required": false
+        },
+        {
+          "name": "hasNewsletter",
+          "type": "Boolean",
+          "default": false,
+          "required": false
+        },
+        {
+          "name": "newsletterTitle",
+          "type": "String",
+          "default": "Subscribe to our newsletter",
+          "required": false
+        },
+        {
+          "name": "newsletterDescription",
+          "type": "String",
+          "default": "Get the latest updates and news.",
+          "required": false
+        }
       ]
     },
     {
@@ -225,8 +887,18 @@
       "file": "Layout/FooterLegal.vue",
       "category": "Layout",
       "props": [
-        { "name": "copyright", "type": "String", "default": "© {year} All rights reserved.", "required": false },
-        { "name": "links", "type": "Array", "default": "[{ label: 'Privacy Policy', to: '/privacy' }, ...]", "required": false }
+        {
+          "name": "copyright",
+          "type": "String",
+          "default": "© {year} All rights reserved.",
+          "required": false
+        },
+        {
+          "name": "links",
+          "type": "Array",
+          "default": "[{ label: 'Privacy Policy', to: '/privacy' }, ...]",
+          "required": false
+        }
       ]
     },
     {
@@ -234,11 +906,36 @@
       "file": "Layout/Navbar.vue",
       "category": "Layout",
       "props": [
-        { "name": "transparent", "type": "Boolean", "default": true, "required": false },
-        { "name": "links", "type": "Array", "default": null, "required": false },
-        { "name": "logo", "type": "Object", "default": null, "required": false },
-        { "name": "scrollThreshold", "type": "Number", "default": 100, "required": false },
-        { "name": "buttons", "type": "Array", "default": null, "required": false }
+        {
+          "name": "transparent",
+          "type": "Boolean",
+          "default": true,
+          "required": false
+        },
+        {
+          "name": "links",
+          "type": "Array",
+          "default": null,
+          "required": false
+        },
+        {
+          "name": "logo",
+          "type": "Object",
+          "default": null,
+          "required": false
+        },
+        {
+          "name": "scrollThreshold",
+          "type": "Number",
+          "default": 100,
+          "required": false
+        },
+        {
+          "name": "buttons",
+          "type": "Array",
+          "default": null,
+          "required": false
+        }
       ]
     },
     {
@@ -246,18 +943,66 @@
       "file": "Modal/Chat.vue",
       "category": "Modal",
       "props": [
-        { "name": "modelValue", "type": "Boolean", "default": false, "required": false },
-        { "name": "avatar", "type": "String", "default": "", "required": false },
-        { "name": "name", "type": "String", "default": null, "required": true },
-        { "name": "message", "type": "String", "default": null, "required": true },
-        { "name": "online", "type": "Boolean", "default": true, "required": false },
-        { "name": "actionText", "type": "String", "default": "", "required": false },
-        { "name": "autoDismiss", "type": "Number", "default": 0, "required": false },
-        { "name": "delay", "type": "Number", "default": 3000, "required": false }
+        {
+          "name": "modelValue",
+          "type": "Boolean",
+          "default": false,
+          "required": false
+        },
+        {
+          "name": "avatar",
+          "type": "String",
+          "default": "",
+          "required": false
+        },
+        {
+          "name": "name",
+          "type": "String",
+          "default": null,
+          "required": true
+        },
+        {
+          "name": "message",
+          "type": "String",
+          "default": null,
+          "required": true
+        },
+        {
+          "name": "online",
+          "type": "Boolean",
+          "default": true,
+          "required": false
+        },
+        {
+          "name": "actionText",
+          "type": "String",
+          "default": "",
+          "required": false
+        },
+        {
+          "name": "autoDismiss",
+          "type": "Number",
+          "default": 0,
+          "required": false
+        },
+        {
+          "name": "delay",
+          "type": "Number",
+          "default": 3000,
+          "required": false
+        }
       ],
       "events": [
-        { "name": "update:modelValue", "payload": "Boolean", "description": "Emitted when visibility changes" },
-        { "name": "action", "payload": null, "description": "Emitted when action button is clicked" }
+        {
+          "name": "update:modelValue",
+          "payload": "Boolean",
+          "description": "Emitted when visibility changes"
+        },
+        {
+          "name": "action",
+          "payload": null,
+          "description": "Emitted when action button is clicked"
+        }
       ]
     },
     {
@@ -265,13 +1010,37 @@
       "file": "Modal/Feature.vue",
       "category": "Modal",
       "props": [
-        { "name": "modelValue", "type": "Boolean", "default": false, "required": false },
-        { "name": "hero", "type": "Object", "default": null, "required": false },
-        { "name": "blocks", "type": "Array", "default": null, "required": true },
-        { "name": "cta", "type": "Object", "default": null, "required": false }
+        {
+          "name": "modelValue",
+          "type": "Boolean",
+          "default": false,
+          "required": false
+        },
+        {
+          "name": "hero",
+          "type": "Object",
+          "default": null,
+          "required": false
+        },
+        {
+          "name": "blocks",
+          "type": "Array",
+          "default": null,
+          "required": true
+        },
+        {
+          "name": "cta",
+          "type": "Object",
+          "default": null,
+          "required": false
+        }
       ],
       "events": [
-        { "name": "update:modelValue", "payload": "Boolean", "description": "Emitted when modal visibility changes" }
+        {
+          "name": "update:modelValue",
+          "payload": "Boolean",
+          "description": "Emitted when modal visibility changes"
+        }
       ]
     },
     {
@@ -279,14 +1048,43 @@
       "file": "Modal/Image.vue",
       "category": "Modal",
       "props": [
-        { "name": "modelValue", "type": "Boolean", "default": false, "required": false },
-        { "name": "images", "type": "Array", "default": "[]", "required": false },
-        { "name": "startIndex", "type": "Number", "default": 0, "required": false },
-        { "name": "hasCounter", "type": "Boolean", "default": true, "required": false },
-        { "name": "hasThumbnails", "type": "Boolean", "default": false, "required": false }
+        {
+          "name": "modelValue",
+          "type": "Boolean",
+          "default": false,
+          "required": false
+        },
+        {
+          "name": "images",
+          "type": "Array",
+          "default": "[]",
+          "required": false
+        },
+        {
+          "name": "startIndex",
+          "type": "Number",
+          "default": 0,
+          "required": false
+        },
+        {
+          "name": "hasCounter",
+          "type": "Boolean",
+          "default": true,
+          "required": false
+        },
+        {
+          "name": "hasThumbnails",
+          "type": "Boolean",
+          "default": false,
+          "required": false
+        }
       ],
       "events": [
-        { "name": "update:modelValue", "payload": "Boolean", "description": "Emitted when modal visibility changes" }
+        {
+          "name": "update:modelValue",
+          "payload": "Boolean",
+          "description": "Emitted when modal visibility changes"
+        }
       ]
     },
     {
@@ -294,18 +1092,67 @@
       "file": "Modal/Video.vue",
       "category": "Modal",
       "props": [
-        { "name": "modelValue", "type": "Boolean", "default": false, "required": false },
-        { "name": "src", "type": "String", "default": null, "required": true },
-        { "name": "poster", "type": "String", "default": "", "required": false },
-        { "name": "title", "type": "String", "default": "", "required": false },
-        { "name": "description", "type": "String", "default": "", "required": false },
-        { "name": "autoplay", "type": "Boolean", "default": true, "required": false },
-        { "name": "captions", "type": "String", "default": "", "required": false },
-        { "name": "captionsLang", "type": "String", "default": "en", "required": false },
-        { "name": "captionsLabel", "type": "String", "default": "English", "required": false }
+        {
+          "name": "modelValue",
+          "type": "Boolean",
+          "default": false,
+          "required": false
+        },
+        {
+          "name": "src",
+          "type": "String",
+          "default": null,
+          "required": true
+        },
+        {
+          "name": "poster",
+          "type": "String",
+          "default": "",
+          "required": false
+        },
+        {
+          "name": "title",
+          "type": "String",
+          "default": "",
+          "required": false
+        },
+        {
+          "name": "description",
+          "type": "String",
+          "default": "",
+          "required": false
+        },
+        {
+          "name": "autoplay",
+          "type": "Boolean",
+          "default": true,
+          "required": false
+        },
+        {
+          "name": "captions",
+          "type": "String",
+          "default": "",
+          "required": false
+        },
+        {
+          "name": "captionsLang",
+          "type": "String",
+          "default": "en",
+          "required": false
+        },
+        {
+          "name": "captionsLabel",
+          "type": "String",
+          "default": "English",
+          "required": false
+        }
       ],
       "events": [
-        { "name": "update:modelValue", "payload": "Boolean", "description": "Emitted when modal visibility changes" }
+        {
+          "name": "update:modelValue",
+          "payload": "Boolean",
+          "description": "Emitted when modal visibility changes"
+        }
       ]
     },
     {
@@ -313,14 +1160,49 @@
       "file": "Newsletter/Form.vue",
       "category": "Newsletter",
       "props": [
-        { "name": "title", "type": "String", "default": "Subscribe to our newsletter", "required": false },
-        { "name": "description", "type": "String", "default": "", "required": false },
-        { "name": "button", "type": "Object", "default": "{ label: 'Subscribe' }", "required": false },
-        { "name": "variant", "type": "String", "default": "default", "required": false, "options": ["default", "inline", "card", "compact"] },
-        { "name": "hasPrivacy", "type": "Boolean", "default": true, "required": false }
+        {
+          "name": "title",
+          "type": "String",
+          "default": "Subscribe to our newsletter",
+          "required": false
+        },
+        {
+          "name": "description",
+          "type": "String",
+          "default": "",
+          "required": false
+        },
+        {
+          "name": "button",
+          "type": "Object",
+          "default": "{ label: 'Subscribe' }",
+          "required": false
+        },
+        {
+          "name": "variant",
+          "type": "String",
+          "default": "default",
+          "required": false,
+          "options": [
+            "default",
+            "inline",
+            "card",
+            "compact"
+          ]
+        },
+        {
+          "name": "hasPrivacy",
+          "type": "Boolean",
+          "default": true,
+          "required": false
+        }
       ],
       "events": [
-        { "name": "submit", "payload": "String", "description": "Emitted with email address when form is submitted" }
+        {
+          "name": "submit",
+          "payload": "String",
+          "description": "Emitted with email address when form is submitted"
+        }
       ]
     },
     {
@@ -328,10 +1210,45 @@
       "file": "Pattern/Bg.vue",
       "category": "Pattern",
       "props": [
-        { "name": "pattern", "type": "String", "default": "dots", "required": false, "options": ["dots", "grid", "diagonal", "topography", "circuit", "waves", "plaid", "diagonalPlaid", "hexagons", "triangles", "crosses", "zigzag", "diamonds"] },
-        { "name": "opacity", "type": "Number", "default": 0.05, "required": false },
-        { "name": "color", "type": "String", "default": "auto", "required": false },
-        { "name": "fade", "type": "Boolean", "default": true, "required": false }
+        {
+          "name": "pattern",
+          "type": "String",
+          "default": "dots",
+          "required": false,
+          "options": [
+            "dots",
+            "grid",
+            "diagonal",
+            "topography",
+            "circuit",
+            "waves",
+            "plaid",
+            "diagonalPlaid",
+            "hexagons",
+            "triangles",
+            "crosses",
+            "zigzag",
+            "diamonds"
+          ]
+        },
+        {
+          "name": "opacity",
+          "type": "Number",
+          "default": 0.05,
+          "required": false
+        },
+        {
+          "name": "color",
+          "type": "String",
+          "default": "auto",
+          "required": false
+        },
+        {
+          "name": "fade",
+          "type": "Boolean",
+          "default": true,
+          "required": false
+        }
       ]
     },
     {
@@ -340,15 +1257,62 @@
       "category": "Pricing",
       "description": "Wraps UPricingTable with marketing enhancements like social proof badges",
       "props": [
-        { "name": "plans", "type": "Array", "default": null, "required": true, "description": "Array of { id, name, price?, description?, highlighted?, button? }" },
-        { "name": "featureGroups", "type": "Array", "default": null, "required": true, "description": "Array of { name?, features: [{ name, values: { [planId]: boolean|string } }] }" },
-        { "name": "caption", "type": "String", "default": null, "required": false, "description": "Caption displayed above the table" },
-        { "name": "badges", "type": "Array", "default": "[]", "required": false, "description": "Social proof badge presets or custom badges" },
-        { "name": "badgesPosition", "type": "String", "default": "bottom", "required": false, "options": ["top", "bottom"] },
-        { "name": "badgesAlign", "type": "String", "default": "center", "required": false, "options": ["left", "center", "right"] }
+        {
+          "name": "plans",
+          "type": "Array",
+          "default": "[{ id: \"starter\", name: \"Starter\", price: \"$9/mo\", button: { label: \"Get Started\" } }, { id: \"pro\", name: \"Pro\", price: \"$29/mo\", highlighted: true, button: { label: \"Get Pro\" } }, { id: \"enterprise\", name: \"Enterprise\", price: \"$99/mo\", button: { label: \"Contact Sales\" } }]",
+          "required": false,
+          "description": "Array of { id, name, price?, description?, highlighted?, button? }"
+        },
+        {
+          "name": "featureGroups",
+          "type": "Array",
+          "default": "[{ name: \"Core Features\", features: [{ name: \"Projects\", values: { starter: \"5\", pro: \"Unlimited\", enterprise: \"Unlimited\" } }] }]",
+          "required": false,
+          "description": "Array of { name?, features: [{ name, values: { [planId]: boolean|string } }] }"
+        },
+        {
+          "name": "caption",
+          "type": "String",
+          "default": null,
+          "required": false,
+          "description": "Caption displayed above the table"
+        },
+        {
+          "name": "badges",
+          "type": "Array",
+          "default": "[]",
+          "required": false,
+          "description": "Social proof badge presets or custom badges"
+        },
+        {
+          "name": "badgesPosition",
+          "type": "String",
+          "default": "bottom",
+          "required": false,
+          "options": [
+            "top",
+            "bottom"
+          ]
+        },
+        {
+          "name": "badgesAlign",
+          "type": "String",
+          "default": "center",
+          "required": false,
+          "options": [
+            "left",
+            "center",
+            "right"
+          ]
+        }
       ],
       "events": [
-        { "name": "select", "payload": "Object", "description": "Emitted with plan object when CTA is clicked" }
+        {
+          "name": "select",
+          "payload": "Object",
+          "description": "Emitted with plan object when CTA is clicked"
+        }
       ]
     },
     {
@@ -357,19 +1321,95 @@
       "category": "Pricing",
       "description": "Wraps UPricingPlans with billing toggle and social proof badges",
       "props": [
-        { "name": "plans", "type": "Array", "default": null, "required": true, "description": "Array of plan objects { name, description, price, features, button, popular? }" },
-        { "name": "highlighted", "type": "String", "default": "", "required": false, "description": "Plan name to highlight (alternative to popular: true)" },
-        { "name": "hasBillingToggle", "type": "Boolean", "default": false, "required": false, "description": "Show monthly/yearly toggle" },
-        { "name": "yearlyDiscount", "type": "Number", "default": 20, "required": false, "description": "Yearly discount percentage to display" },
-        { "name": "scale", "type": "Boolean", "default": false, "required": false, "description": "Scale effect on highlighted plan" },
-        { "name": "compact", "type": "Boolean", "default": false, "required": false, "description": "No gap between plans" },
-        { "name": "variant", "type": "String", "default": null, "required": false, "options": ["soft", "solid", "outline", "subtle"] },
-        { "name": "badges", "type": "Array", "default": "[]", "required": false, "description": "Social proof badge presets or custom badges" },
-        { "name": "badgesPosition", "type": "String", "default": "bottom", "required": false, "options": ["top", "bottom"] },
-        { "name": "badgesAlign", "type": "String", "default": "center", "required": false, "options": ["left", "center", "right"] }
+        {
+          "name": "plans",
+          "type": "Array",
+          "default": "[{ name: \"Starter\", price: \"$9\", period: \"/month\", description: \"Perfect for individuals and small projects.\", features: [\"5 projects\", \"10GB storage\", \"Email support\"], button: { label: \"Get Started\" } }, { name: \"Pro\", price: \"$29\", period: \"/month\", description: \"For growing teams that need more power.\", features: [\"Unlimited projects\", \"100GB storage\", \"Priority support\", \"Advanced analytics\"], button: { label: \"Get Pro\" }, popular: true }, { name: \"Enterprise\", price: \"$99\", period: \"/month\", description: \"For large organizations with custom needs.\", features: [\"Unlimited everything\", \"1TB storage\", \"Dedicated support\", \"Custom integrations\", \"SLA guarantee\"], button: { label: \"Contact Sales\" } }]",
+          "required": false,
+          "description": "Array of plan objects { name, description, price, features, button, popular? }"
+        },
+        {
+          "name": "highlighted",
+          "type": "String",
+          "default": "",
+          "required": false,
+          "description": "Plan name to highlight (alternative to popular: true)"
+        },
+        {
+          "name": "hasBillingToggle",
+          "type": "Boolean",
+          "default": false,
+          "required": false,
+          "description": "Show monthly/yearly toggle"
+        },
+        {
+          "name": "yearlyDiscount",
+          "type": "Number",
+          "default": 20,
+          "required": false,
+          "description": "Yearly discount percentage to display"
+        },
+        {
+          "name": "scale",
+          "type": "Boolean",
+          "default": false,
+          "required": false,
+          "description": "Scale effect on highlighted plan"
+        },
+        {
+          "name": "compact",
+          "type": "Boolean",
+          "default": false,
+          "required": false,
+          "description": "No gap between plans"
+        },
+        {
+          "name": "variant",
+          "type": "String",
+          "default": null,
+          "required": false,
+          "options": [
+            "soft",
+            "solid",
+            "outline",
+            "subtle"
+          ]
+        },
+        {
+          "name": "badges",
+          "type": "Array",
+          "default": "[]",
+          "required": false,
+          "description": "Social proof badge presets or custom badges"
+        },
+        {
+          "name": "badgesPosition",
+          "type": "String",
+          "default": "bottom",
+          "required": false,
+          "options": [
+            "top",
+            "bottom"
+          ]
+        },
+        {
+          "name": "badgesAlign",
+          "type": "String",
+          "default": "center",
+          "required": false,
+          "options": [
+            "left",
+            "center",
+            "right"
+          ]
+        }
       ],
       "events": [
-        { "name": "select", "payload": "Object", "description": "Emitted with plan object when CTA is clicked" }
+        {
+          "name": "select",
+          "payload": "Object",
+          "description": "Emitted with plan object when CTA is clicked"
+        }
       ]
     },
     {
@@ -377,18 +1417,65 @@
       "file": "Privacy/CookieBanner.vue",
       "category": "Privacy",
       "props": [
-        { "name": "title", "type": "String", "default": "We use cookies", "required": false },
-        { "name": "message", "type": "String", "default": "We use cookies to improve your experience on our site.", "required": false },
-        { "name": "policyLink", "type": "String", "default": "/privacy", "required": false },
-        { "name": "policyLabel", "type": "String", "default": "Learn more", "required": false },
-        { "name": "hasCustomize", "type": "Boolean", "default": false, "required": false },
-        { "name": "hasReject", "type": "Boolean", "default": true, "required": false },
-        { "name": "storageKey", "type": "String", "default": "cookie-consent", "required": false }
+        {
+          "name": "title",
+          "type": "String",
+          "default": "We use cookies",
+          "required": false
+        },
+        {
+          "name": "message",
+          "type": "String",
+          "default": "We use cookies to improve your experience on our site.",
+          "required": false
+        },
+        {
+          "name": "policyLink",
+          "type": "String",
+          "default": "/privacy",
+          "required": false
+        },
+        {
+          "name": "policyLabel",
+          "type": "String",
+          "default": "Learn more",
+          "required": false
+        },
+        {
+          "name": "hasCustomize",
+          "type": "Boolean",
+          "default": false,
+          "required": false
+        },
+        {
+          "name": "hasReject",
+          "type": "Boolean",
+          "default": true,
+          "required": false
+        },
+        {
+          "name": "storageKey",
+          "type": "String",
+          "default": "cookie-consent",
+          "required": false
+        }
       ],
       "events": [
-        { "name": "accept", "payload": null, "description": "Emitted when user clicks Accept All" },
-        { "name": "reject", "payload": null, "description": "Emitted when user clicks Reject All" },
-        { "name": "customize", "payload": null, "description": "Emitted when user clicks Customize" }
+        {
+          "name": "accept",
+          "payload": null,
+          "description": "Emitted when user clicks Accept All"
+        },
+        {
+          "name": "reject",
+          "payload": null,
+          "description": "Emitted when user clicks Reject All"
+        },
+        {
+          "name": "customize",
+          "payload": null,
+          "description": "Emitted when user clicks Customize"
+        }
       ]
     },
     {
@@ -402,19 +1489,70 @@
       "file": "Privacy/GDPR.vue",
       "category": "Privacy",
       "props": [
-        { "name": "modelValue", "type": "Boolean", "default": false, "required": false },
-        { "name": "title", "type": "String", "default": "Privacy Preferences", "required": false },
-        { "name": "description", "type": "String", "default": "We use cookies to enhance your browsing experience. You can choose which categories to allow.", "required": false },
-        { "name": "categories", "type": "Array", "default": "[{ id, name, description, required }, ...]", "required": false },
-        { "name": "privacyLink", "type": "String", "default": "/privacy", "required": false },
-        { "name": "cookieLink", "type": "String", "default": "/cookies", "required": false },
-        { "name": "storageKey", "type": "String", "default": "gdpr-preferences", "required": false }
+        {
+          "name": "modelValue",
+          "type": "Boolean",
+          "default": false,
+          "required": false
+        },
+        {
+          "name": "title",
+          "type": "String",
+          "default": "Privacy Preferences",
+          "required": false
+        },
+        {
+          "name": "description",
+          "type": "String",
+          "default": "We use cookies to enhance your browsing experience. You can choose which categories to allow.",
+          "required": false
+        },
+        {
+          "name": "categories",
+          "type": "Array",
+          "default": "[{ id, name, description, required }, ...]",
+          "required": false
+        },
+        {
+          "name": "privacyLink",
+          "type": "String",
+          "default": "/privacy",
+          "required": false
+        },
+        {
+          "name": "cookieLink",
+          "type": "String",
+          "default": "/cookies",
+          "required": false
+        },
+        {
+          "name": "storageKey",
+          "type": "String",
+          "default": "gdpr-preferences",
+          "required": false
+        }
       ],
       "events": [
-        { "name": "update:modelValue", "payload": "Boolean", "description": "Emitted when modal visibility changes" },
-        { "name": "accept", "payload": null, "description": "Emitted when user clicks Accept All" },
-        { "name": "reject", "payload": null, "description": "Emitted when user clicks Reject All" },
-        { "name": "save", "payload": "Object", "description": "Emitted with preferences { categoryId: boolean, ... }" }
+        {
+          "name": "update:modelValue",
+          "payload": "Boolean",
+          "description": "Emitted when modal visibility changes"
+        },
+        {
+          "name": "accept",
+          "payload": null,
+          "description": "Emitted when user clicks Accept All"
+        },
+        {
+          "name": "reject",
+          "payload": null,
+          "description": "Emitted when user clicks Reject All"
+        },
+        {
+          "name": "save",
+          "payload": "Object",
+          "description": "Emitted with preferences { categoryId: boolean, ... }"
+        }
       ]
     },
     {
@@ -422,19 +1560,122 @@
       "file": "Section/index.vue",
       "category": "Section",
       "props": [
-        { "name": "bg", "type": "String", "default": "default", "required": false, "options": ["default", "subtle", "elevated", "bold", "transparent"] },
-        { "name": "background", "type": "String", "default": null, "required": false },
-        { "name": "color", "type": "String", "default": "", "required": false },
-        { "name": "bgImage", "type": "String", "default": "", "required": false },
-        { "name": "bgImageAlt", "type": "String", "default": "", "required": false },
-        { "name": "bgImageOverlay", "type": "String", "default": "", "required": false, "options": ["", "light", "heavy", "gradient"] },
-        { "name": "bgImagePosition", "type": "String", "default": "object-center", "required": false },
-        { "name": "pattern", "type": "String", "default": "", "required": false, "options": ["", "dots", "grid", "diagonal", "topography", "circuit", "waves"] },
-        { "name": "patternOpacity", "type": "Number", "default": 0.05, "required": false },
-        { "name": "padding", "type": "String", "default": "lg", "required": false, "options": ["none", "xs", "sm", "md", "lg", "xl"] },
-        { "name": "container", "type": "String", "default": "lg", "required": false, "options": ["sm", "md", "lg", "xl", "full", "none"] },
-        { "name": "parallax", "type": "Boolean", "default": false, "required": false },
-        { "name": "parallaxSpeed", "type": "Number", "default": 0.3, "required": false }
+        {
+          "name": "bg",
+          "type": "String",
+          "default": "default",
+          "required": false,
+          "options": [
+            "default",
+            "subtle",
+            "elevated",
+            "bold",
+            "transparent"
+          ]
+        },
+        {
+          "name": "background",
+          "type": "String",
+          "default": null,
+          "required": false
+        },
+        {
+          "name": "color",
+          "type": "String",
+          "default": "",
+          "required": false
+        },
+        {
+          "name": "bgImage",
+          "type": "String",
+          "default": "",
+          "required": false
+        },
+        {
+          "name": "bgImageAlt",
+          "type": "String",
+          "default": "",
+          "required": false
+        },
+        {
+          "name": "bgImageOverlay",
+          "type": "String",
+          "default": "",
+          "required": false,
+          "options": [
+            "",
+            "light",
+            "heavy",
+            "gradient"
+          ]
+        },
+        {
+          "name": "bgImagePosition",
+          "type": "String",
+          "default": "object-center",
+          "required": false
+        },
+        {
+          "name": "pattern",
+          "type": "String",
+          "default": "",
+          "required": false,
+          "options": [
+            "",
+            "dots",
+            "grid",
+            "diagonal",
+            "topography",
+            "circuit",
+            "waves"
+          ]
+        },
+        {
+          "name": "patternOpacity",
+          "type": "Number",
+          "default": 0.05,
+          "required": false
+        },
+        {
+          "name": "padding",
+          "type": "String",
+          "default": "lg",
+          "required": false,
+          "options": [
+            "none",
+            "xs",
+            "sm",
+            "md",
+            "lg",
+            "xl"
+          ]
+        },
+        {
+          "name": "container",
+          "type": "String",
+          "default": "lg",
+          "required": false,
+          "options": [
+            "sm",
+            "md",
+            "lg",
+            "xl",
+            "full",
+            "none"
+          ]
+        },
+        {
+          "name": "parallax",
+          "type": "Boolean",
+          "default": false,
+          "required": false
+        },
+        {
+          "name": "parallaxSpeed",
+          "type": "Number",
+          "default": 0.3,
+          "required": false
+        }
       ]
     },
     {
@@ -442,20 +1683,91 @@
       "file": "Section/Newsletter.vue",
       "category": "Section",
       "props": [
-        { "name": "title", "type": "String", "default": "Subscribe to our newsletter", "required": false },
-        { "name": "description", "type": "String", "default": "Get the latest news and updates.", "required": false },
-        { "name": "placeholder", "type": "String", "default": "Enter your email", "required": false },
-        { "name": "button", "type": "Object", "default": "{ label: 'Subscribe' }", "required": false },
-        { "name": "hasPrivacy", "type": "Boolean", "default": true, "required": false },
-        { "name": "privacyText", "type": "String", "default": "No spam. Unsubscribe anytime.", "required": false },
-        { "name": "successMessage", "type": "String", "default": "Thanks for subscribing!", "required": false },
-        { "name": "variant", "type": "String", "default": "dark", "required": false, "options": ["dark", "light"] },
-        { "name": "pattern", "type": "String", "default": null, "required": false, "options": ["dots", "grid", "diagonal", "topography", "circuit", "waves"] },
-        { "name": "patternOpacity", "type": "Number", "default": 0.05, "required": false },
-        { "name": "resetDelay", "type": "Number", "default": 5000, "required": false }
+        {
+          "name": "title",
+          "type": "String",
+          "default": "Subscribe to our newsletter",
+          "required": false
+        },
+        {
+          "name": "description",
+          "type": "String",
+          "default": "Get the latest news and updates.",
+          "required": false
+        },
+        {
+          "name": "placeholder",
+          "type": "String",
+          "default": "Enter your email",
+          "required": false
+        },
+        {
+          "name": "button",
+          "type": "Object",
+          "default": "{ label: 'Subscribe' }",
+          "required": false
+        },
+        {
+          "name": "hasPrivacy",
+          "type": "Boolean",
+          "default": true,
+          "required": false
+        },
+        {
+          "name": "privacyText",
+          "type": "String",
+          "default": "No spam. Unsubscribe anytime.",
+          "required": false
+        },
+        {
+          "name": "successMessage",
+          "type": "String",
+          "default": "Thanks for subscribing!",
+          "required": false
+        },
+        {
+          "name": "variant",
+          "type": "String",
+          "default": "dark",
+          "required": false,
+          "options": [
+            "dark",
+            "light"
+          ]
+        },
+        {
+          "name": "pattern",
+          "type": "String",
+          "default": null,
+          "required": false,
+          "options": [
+            "dots",
+            "grid",
+            "diagonal",
+            "topography",
+            "circuit",
+            "waves"
+          ]
+        },
+        {
+          "name": "patternOpacity",
+          "type": "Number",
+          "default": 0.05,
+          "required": false
+        },
+        {
+          "name": "resetDelay",
+          "type": "Number",
+          "default": 5000,
+          "required": false
+        }
       ],
       "events": [
-        { "name": "submit", "payload": "String", "description": "Emitted with email address when form is submitted" }
+        {
+          "name": "submit",
+          "payload": "String",
+          "description": "Emitted with email address when form is submitted"
+        }
       ]
     },
     {
@@ -463,13 +1775,61 @@
       "file": "Section/Stitch.vue",
       "category": "Section",
       "props": [
-        { "name": "variant", "type": "String", "default": "angle", "required": false, "options": ["angle", "wave", "curve", "triangle", "zigzag"] },
-        { "name": "topColor", "type": "String", "default": "rgb(243 244 246)", "required": false },
-        { "name": "bottomColor", "type": "String", "default": "rgb(249 250 251)", "required": false },
-        { "name": "height", "type": "String", "default": "md", "required": false, "options": ["sm", "md", "lg", "xl"] },
-        { "name": "flip", "type": "Boolean", "default": false, "required": false },
-        { "name": "glow", "type": "Boolean", "default": false, "required": false },
-        { "name": "glowColor", "type": "String", "default": "rgba(99, 102, 241, 0.5)", "required": false }
+        {
+          "name": "variant",
+          "type": "String",
+          "default": "angle",
+          "required": false,
+          "options": [
+            "angle",
+            "wave",
+            "curve",
+            "triangle",
+            "zigzag"
+          ]
+        },
+        {
+          "name": "topColor",
+          "type": "String",
+          "default": "rgb(243 244 246)",
+          "required": false
+        },
+        {
+          "name": "bottomColor",
+          "type": "String",
+          "default": "rgb(249 250 251)",
+          "required": false
+        },
+        {
+          "name": "height",
+          "type": "String",
+          "default": "md",
+          "required": false,
+          "options": [
+            "sm",
+            "md",
+            "lg",
+            "xl"
+          ]
+        },
+        {
+          "name": "flip",
+          "type": "Boolean",
+          "default": false,
+          "required": false
+        },
+        {
+          "name": "glow",
+          "type": "Boolean",
+          "default": false,
+          "required": false
+        },
+        {
+          "name": "glowColor",
+          "type": "String",
+          "default": "rgba(99, 102, 241, 0.5)",
+          "required": false
+        }
       ]
     },
     {
@@ -477,10 +1837,47 @@
       "file": "SocialProof/Badge.vue",
       "category": "SocialProof",
       "props": [
-        { "name": "preset", "type": "String", "default": "", "required": false, "options": ["no-credit-card", "cancel-anytime", "free-trial", "secure", "support", "setup", "gdpr", "money-back"] },
-        { "name": "icon", "type": "String", "default": "", "required": false },
-        { "name": "label", "type": "String", "default": "", "required": false },
-        { "name": "variant", "type": "String", "default": "default", "required": false, "options": ["default", "subtle", "outline", "text", "text-muted"] }
+        {
+          "name": "preset",
+          "type": "String",
+          "default": "",
+          "required": false,
+          "options": [
+            "no-credit-card",
+            "cancel-anytime",
+            "free-trial",
+            "secure",
+            "support",
+            "setup",
+            "gdpr",
+            "money-back"
+          ]
+        },
+        {
+          "name": "icon",
+          "type": "String",
+          "default": "",
+          "required": false
+        },
+        {
+          "name": "label",
+          "type": "String",
+          "default": "",
+          "required": false
+        },
+        {
+          "name": "variant",
+          "type": "String",
+          "default": "default",
+          "required": false,
+          "options": [
+            "default",
+            "subtle",
+            "outline",
+            "text",
+            "text-muted"
+          ]
+        }
       ]
     },
     {
@@ -488,11 +1885,41 @@
       "file": "SocialProof/Testimonials.vue",
       "category": "SocialProof",
       "props": [
-        { "name": "testimonials", "type": "Array", "default": null, "required": true },
-        { "name": "layout", "type": "String", "default": "featured", "required": false, "options": ["featured", "grid", "carousel"] },
-        { "name": "hasStars", "type": "Boolean", "default": true, "required": false },
-        { "name": "autoplay", "type": "Boolean", "default": true, "required": false },
-        { "name": "interval", "type": "Number", "default": 5000, "required": false }
+        {
+          "name": "testimonials",
+          "type": "Array",
+          "default": "[{ quote: \"This product completely transformed how our team works. Highly recommended.\", name: \"Alex Johnson\", title: \"CEO\", company: \"Acme Inc\", rating: 5 }, { quote: \"The best investment we made this year. Setup was a breeze and results were immediate.\", name: \"Sarah Chen\", title: \"CTO\", company: \"TechCorp\", rating: 5 }, { quote: \"Outstanding support and a product that actually delivers on its promises.\", name: \"Marcus Williams\", title: \"Product Manager\", company: \"StartupXYZ\", rating: 5 }]",
+          "required": false
+        },
+        {
+          "name": "layout",
+          "type": "String",
+          "default": "featured",
+          "required": false,
+          "options": [
+            "featured",
+            "grid",
+            "carousel"
+          ]
+        },
+        {
+          "name": "hasStars",
+          "type": "Boolean",
+          "default": true,
+          "required": false
+        },
+        {
+          "name": "autoplay",
+          "type": "Boolean",
+          "default": true,
+          "required": false
+        },
+        {
+          "name": "interval",
+          "type": "Number",
+          "default": 5000,
+          "required": false
+        }
       ]
     },
     {
@@ -500,12 +1927,203 @@
       "file": "SocialProof/Toast.vue",
       "category": "SocialProof",
       "props": [
-        { "name": "notifications", "type": "Array", "default": null, "required": true },
-        { "name": "interval", "type": "Number", "default": 4000, "required": false },
-        { "name": "initialDelay", "type": "Number", "default": 5000, "required": false },
-        { "name": "displayDuration", "type": "Number", "default": 3000, "required": false },
-        { "name": "placement", "type": "String", "default": "bottomLeft", "required": false, "options": ["topLeft", "topRight", "bottomLeft", "bottomRight"] }
+        {
+          "name": "notifications",
+          "type": "Array",
+          "default": "[{ name: \"Alex M.\", action: \"just signed up\", time: \"2 minutes ago\" }, { name: \"Sarah K.\", action: \"upgraded to Pro\", time: \"5 minutes ago\" }, { name: \"James T.\", action: \"started a free trial\", time: \"8 minutes ago\" }]",
+          "required": false
+        },
+        {
+          "name": "interval",
+          "type": "Number",
+          "default": 4000,
+          "required": false
+        },
+        {
+          "name": "initialDelay",
+          "type": "Number",
+          "default": 5000,
+          "required": false
+        },
+        {
+          "name": "displayDuration",
+          "type": "Number",
+          "default": 3000,
+          "required": false
+        },
+        {
+          "name": "placement",
+          "type": "String",
+          "default": "bottomLeft",
+          "required": false,
+          "options": [
+            "topLeft",
+            "topRight",
+            "bottomLeft",
+            "bottomRight"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "XMarkDirectoryListingCard",
+      "file": "Directory/ListingCard.vue",
+      "category": "Directory",
+      "props": [
+        {
+          "name": "listing",
+          "type": "Object",
+          "default": "{ name: \"Listing Name\", description: \"A brief description of this listing.\", category: \"Category\" }",
+          "required": false
+        }
+      ]
+    },
+    {
+      "name": "XMarkDirectoryListingGrid",
+      "file": "Directory/ListingGrid.vue",
+      "category": "Directory",
+      "props": [
+        {
+          "name": "listings",
+          "type": "Array",
+          "default": "[]",
+          "required": false
+        },
+        {
+          "name": "columns",
+          "type": "Number",
+          "default": 3,
+          "required": false
+        }
+      ]
+    },
+    {
+      "name": "XMarkDirectoryCategoryHero",
+      "file": "Directory/CategoryHero.vue",
+      "category": "Directory",
+      "props": [
+        {
+          "name": "category",
+          "type": "Object",
+          "default": "{ name: \"Category Name\", count: 0, description: \"Browse our collection of listings in this category.\" }",
+          "required": false
+        }
+      ]
+    },
+    {
+      "name": "XMarkDirectorySubmitCTA",
+      "file": "Directory/SubmitCTA.vue",
+      "category": "Directory",
+      "props": [
+        {
+          "name": "title",
+          "type": "String",
+          "default": "Submit Your Listing",
+          "required": false
+        },
+        {
+          "name": "description",
+          "type": "String",
+          "default": "Get your product or service listed in our directory.",
+          "required": false
+        },
+        {
+          "name": "button",
+          "type": "Object",
+          "default": "{ label: \"Submit Now\" }",
+          "required": false
+        }
+      ]
+    },
+    {
+      "name": "XMarkDirectoryListingDetail",
+      "file": "Directory/ListingDetail.vue",
+      "category": "Directory",
+      "props": [
+        {
+          "name": "listing",
+          "type": "Object",
+          "default": "{ name: \"Listing Name\", description: \"A detailed description of this listing.\" }",
+          "required": false
+        }
+      ]
+    },
+    {
+      "name": "XMarkAffiliateDisclosure",
+      "file": "Affiliate/Disclosure.vue",
+      "category": "Affiliate",
+      "props": [
+        {
+          "name": "text",
+          "type": "String",
+          "default": "This page contains affiliate links. We may earn a commission at no extra cost to you.",
+          "required": false
+        }
+      ]
+    },
+    {
+      "name": "XMarkAffiliateProductCard",
+      "file": "Affiliate/ProductCard.vue",
+      "category": "Affiliate",
+      "props": [
+        {
+          "name": "product",
+          "type": "Object",
+          "default": "{ name: \"Product Name\", description: \"A brief description of the product.\", price: \"$99\", rating: 4.5 }",
+          "required": false
+        }
+      ]
+    },
+    {
+      "name": "XMarkAffiliateProductGrid",
+      "file": "Affiliate/ProductGrid.vue",
+      "category": "Affiliate",
+      "props": [
+        {
+          "name": "products",
+          "type": "Array",
+          "default": "[]",
+          "required": false
+        },
+        {
+          "name": "columns",
+          "type": "Number",
+          "default": 3,
+          "required": false
+        }
+      ]
+    },
+    {
+      "name": "XMarkAffiliateProductDetail",
+      "file": "Affiliate/ProductDetail.vue",
+      "category": "Affiliate",
+      "props": [
+        {
+          "name": "product",
+          "type": "Object",
+          "default": "{ name: \"Product Name\", description: \"A detailed description of the product.\" }",
+          "required": false
+        }
+      ]
+    },
+    {
+      "name": "XMarkAffiliateComparisonTable",
+      "file": "Affiliate/ComparisonTable.vue",
+      "category": "Affiliate",
+      "props": [
+        {
+          "name": "products",
+          "type": "Array",
+          "default": "[]",
+          "required": false
+        },
+        {
+          "name": "features",
+          "type": "Array",
+          "default": "[]",
+          "required": false
+        }
       ]
     }
   ]
-}
+}