From 6c2d210191638ae2743d91ffcfb8476c9281d385 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Wed, 28 Jan 2026 05:04:51 +0000
Subject: [PATCH 1/3] Initial plan


From d2a985f6d869e660d475c6a4b5e6a9bfa166b9ad Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Wed, 28 Jan 2026 05:11:46 +0000
Subject: [PATCH 2/3] Add blocks section with 5 categories and example blocks

Co-authored-by: hotlong <50353452+hotlong@users.noreply.github.com>
---
 content/docs/blocks/authentication.mdx |  532 ++++++++++++
 content/docs/blocks/dashboard.mdx      |  725 +++++++++++++++++
 content/docs/blocks/ecommerce.mdx      |  928 +++++++++++++++++++++
 content/docs/blocks/forms.mdx          |  717 ++++++++++++++++
 content/docs/blocks/index.mdx          |  110 +++
 content/docs/blocks/marketing.mdx      | 1036 ++++++++++++++++++++++++
 content/docs/blocks/meta.json          |   10 +
 content/docs/meta.json                 |    1 +
 8 files changed, 4059 insertions(+)
 create mode 100644 content/docs/blocks/authentication.mdx
 create mode 100644 content/docs/blocks/dashboard.mdx
 create mode 100644 content/docs/blocks/ecommerce.mdx
 create mode 100644 content/docs/blocks/forms.mdx
 create mode 100644 content/docs/blocks/index.mdx
 create mode 100644 content/docs/blocks/marketing.mdx
 create mode 100644 content/docs/blocks/meta.json

diff --git a/content/docs/blocks/authentication.mdx b/content/docs/blocks/authentication.mdx
new file mode 100644
index 000000000..00b435d01
--- /dev/null
+++ b/content/docs/blocks/authentication.mdx
@@ -0,0 +1,532 @@
+---
+title: "Authentication Blocks"
+description: "Login forms, signup pages, and authentication flows"
+---
+
+import { InteractiveDemo } from '@/app/components/ComponentDemo';
+
+# Authentication Blocks
+
+Beautiful, accessible authentication forms and flows. Copy the JSON schema and integrate into your application.
+
+## Login Form
+
+A clean login form with email and password fields.
+
+<InteractiveDemo
+  title="Simple Login Form"
+  description="Basic login form with email and password"
+  schema={{
+    type: "card",
+    className: "w-full max-w-md mx-auto",
+    children: [
+      {
+        type: "div",
+        className: "p-6 space-y-6",
+        children: [
+          {
+            type: "div",
+            className: "space-y-2 text-center",
+            children: [
+              {
+                type: "text",
+                content: "Welcome Back",
+                className: "text-2xl font-bold tracking-tight"
+              },
+              {
+                type: "text",
+                content: "Enter your credentials to sign in",
+                className: "text-sm text-muted-foreground"
+              }
+            ]
+          },
+          {
+            type: "div",
+            className: "space-y-4",
+            children: [
+              {
+                type: "div",
+                className: "space-y-2",
+                children: [
+                  {
+                    type: "label",
+                    htmlFor: "email",
+                    label: "Email"
+                  },
+                  {
+                    type: "input",
+                    id: "email",
+                    name: "email",
+                    inputType: "email",
+                    placeholder: "name@example.com",
+                    required: true
+                  }
+                ]
+              },
+              {
+                type: "div",
+                className: "space-y-2",
+                children: [
+                  {
+                    type: "label",
+                    htmlFor: "password",
+                    label: "Password"
+                  },
+                  {
+                    type: "input",
+                    id: "password",
+                    name: "password",
+                    inputType: "password",
+                    placeholder: "Enter your password",
+                    required: true
+                  }
+                ]
+              },
+              {
+                type: "div",
+                className: "flex items-center justify-between",
+                children: [
+                  {
+                    type: "div",
+                    className: "flex items-center space-x-2",
+                    children: [
+                      {
+                        type: "checkbox",
+                        id: "remember",
+                        name: "remember"
+                      },
+                      {
+                        type: "label",
+                        htmlFor: "remember",
+                        label: "Remember me",
+                        className: "text-sm font-normal"
+                      }
+                    ]
+                  },
+                  {
+                    type: "text",
+                    content: "Forgot password?",
+                    className: "text-sm text-primary hover:underline cursor-pointer"
+                  }
+                ]
+              },
+              {
+                type: "button",
+                label: "Sign In",
+                variant: "default",
+                className: "w-full"
+              },
+              {
+                type: "div",
+                className: "relative",
+                children: [
+                  {
+                    type: "separator",
+                    className: "my-4"
+                  },
+                  {
+                    type: "div",
+                    className: "absolute inset-0 flex items-center justify-center",
+                    children: [
+                      {
+                        type: "text",
+                        content: "OR",
+                        className: "bg-background px-2 text-xs text-muted-foreground"
+                      }
+                    ]
+                  }
+                ]
+              },
+              {
+                type: "button",
+                label: "Continue with Google",
+                variant: "outline",
+                className: "w-full"
+              }
+            ]
+          },
+          {
+            type: "div",
+            className: "text-center text-sm",
+            children: [
+              {
+                type: "text",
+                content: "Don't have an account? ",
+                className: "text-muted-foreground"
+              },
+              {
+                type: "text",
+                content: "Sign up",
+                className: "text-primary hover:underline cursor-pointer font-medium"
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  }}
+/>
+
+## Sign Up Form
+
+Complete registration form with validation.
+
+<InteractiveDemo
+  title="Sign Up Form"
+  description="Registration form with full name, email, and password"
+  schema={{
+    type: "card",
+    className: "w-full max-w-md mx-auto",
+    children: [
+      {
+        type: "div",
+        className: "p-6 space-y-6",
+        children: [
+          {
+            type: "div",
+            className: "space-y-2 text-center",
+            children: [
+              {
+                type: "text",
+                content: "Create an Account",
+                className: "text-2xl font-bold tracking-tight"
+              },
+              {
+                type: "text",
+                content: "Enter your information to get started",
+                className: "text-sm text-muted-foreground"
+              }
+            ]
+          },
+          {
+            type: "div",
+            className: "space-y-4",
+            children: [
+              {
+                type: "div",
+                className: "grid grid-cols-2 gap-4",
+                children: [
+                  {
+                    type: "div",
+                    className: "space-y-2",
+                    children: [
+                      {
+                        type: "label",
+                        htmlFor: "firstName",
+                        label: "First Name"
+                      },
+                      {
+                        type: "input",
+                        id: "firstName",
+                        name: "firstName",
+                        placeholder: "John",
+                        required: true
+                      }
+                    ]
+                  },
+                  {
+                    type: "div",
+                    className: "space-y-2",
+                    children: [
+                      {
+                        type: "label",
+                        htmlFor: "lastName",
+                        label: "Last Name"
+                      },
+                      {
+                        type: "input",
+                        id: "lastName",
+                        name: "lastName",
+                        placeholder: "Doe",
+                        required: true
+                      }
+                    ]
+                  }
+                ]
+              },
+              {
+                type: "div",
+                className: "space-y-2",
+                children: [
+                  {
+                    type: "label",
+                    htmlFor: "email",
+                    label: "Email"
+                  },
+                  {
+                    type: "input",
+                    id: "email",
+                    name: "email",
+                    inputType: "email",
+                    placeholder: "name@example.com",
+                    required: true
+                  }
+                ]
+              },
+              {
+                type: "div",
+                className: "space-y-2",
+                children: [
+                  {
+                    type: "label",
+                    htmlFor: "password",
+                    label: "Password"
+                  },
+                  {
+                    type: "input",
+                    id: "password",
+                    name: "password",
+                    inputType: "password",
+                    placeholder: "Create a strong password",
+                    required: true
+                  }
+                ]
+              },
+              {
+                type: "div",
+                className: "flex items-start space-x-2",
+                children: [
+                  {
+                    type: "checkbox",
+                    id: "terms",
+                    name: "terms",
+                    required: true
+                  },
+                  {
+                    type: "label",
+                    htmlFor: "terms",
+                    className: "text-sm font-normal leading-none",
+                    label: "I agree to the Terms of Service and Privacy Policy"
+                  }
+                ]
+              },
+              {
+                type: "button",
+                label: "Create Account",
+                variant: "default",
+                className: "w-full"
+              }
+            ]
+          },
+          {
+            type: "div",
+            className: "text-center text-sm",
+            children: [
+              {
+                type: "text",
+                content: "Already have an account? ",
+                className: "text-muted-foreground"
+              },
+              {
+                type: "text",
+                content: "Sign in",
+                className: "text-primary hover:underline cursor-pointer font-medium"
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  }}
+/>
+
+## Forgot Password
+
+Password reset request form.
+
+<InteractiveDemo
+  title="Forgot Password"
+  description="Reset password flow"
+  schema={{
+    type: "card",
+    className: "w-full max-w-md mx-auto",
+    children: [
+      {
+        type: "div",
+        className: "p-6 space-y-6",
+        children: [
+          {
+            type: "div",
+            className: "space-y-2 text-center",
+            children: [
+              {
+                type: "text",
+                content: "Reset Password",
+                className: "text-2xl font-bold tracking-tight"
+              },
+              {
+                type: "text",
+                content: "Enter your email address and we'll send you a reset link",
+                className: "text-sm text-muted-foreground"
+              }
+            ]
+          },
+          {
+            type: "div",
+            className: "space-y-4",
+            children: [
+              {
+                type: "div",
+                className: "space-y-2",
+                children: [
+                  {
+                    type: "label",
+                    htmlFor: "email",
+                    label: "Email"
+                  },
+                  {
+                    type: "input",
+                    id: "email",
+                    name: "email",
+                    inputType: "email",
+                    placeholder: "name@example.com",
+                    required: true
+                  }
+                ]
+              },
+              {
+                type: "button",
+                label: "Send Reset Link",
+                variant: "default",
+                className: "w-full"
+              },
+              {
+                type: "button",
+                label: "Back to Login",
+                variant: "ghost",
+                className: "w-full"
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  }}
+/>
+
+## Two-Factor Authentication
+
+2FA verification code input.
+
+<InteractiveDemo
+  title="Two-Factor Authentication"
+  description="Enter verification code"
+  schema={{
+    type: "card",
+    className: "w-full max-w-md mx-auto",
+    children: [
+      {
+        type: "div",
+        className: "p-6 space-y-6",
+        children: [
+          {
+            type: "div",
+            className: "space-y-2 text-center",
+            children: [
+              {
+                type: "text",
+                content: "Two-Factor Authentication",
+                className: "text-2xl font-bold tracking-tight"
+              },
+              {
+                type: "text",
+                content: "Enter the verification code from your authenticator app",
+                className: "text-sm text-muted-foreground"
+              }
+            ]
+          },
+          {
+            type: "div",
+            className: "space-y-4",
+            children: [
+              {
+                type: "div",
+                className: "space-y-2",
+                children: [
+                  {
+                    type: "label",
+                    htmlFor: "code",
+                    label: "Verification Code"
+                  },
+                  {
+                    type: "input",
+                    id: "code",
+                    name: "code",
+                    placeholder: "000000",
+                    className: "text-center text-2xl tracking-widest",
+                    maxLength: 6,
+                    required: true
+                  }
+                ]
+              },
+              {
+                type: "button",
+                label: "Verify",
+                variant: "default",
+                className: "w-full"
+              },
+              {
+                type: "div",
+                className: "text-center",
+                children: [
+                  {
+                    type: "text",
+                    content: "Didn't receive a code? ",
+                    className: "text-sm text-muted-foreground"
+                  },
+                  {
+                    type: "text",
+                    content: "Resend",
+                    className: "text-sm text-primary hover:underline cursor-pointer"
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  }}
+/>
+
+## Usage
+
+All authentication blocks can be customized by modifying the schema. Common customizations include:
+
+### Change Colors
+
+```json
+{
+  "type": "button",
+  "className": "bg-blue-600 hover:bg-blue-700"
+}
+```
+
+### Add Data Sources
+
+```json
+{
+  "type": "button",
+  "label": "Sign In",
+  "action": {
+    "type": "submit",
+    "endpoint": "/api/auth/login",
+    "method": "POST"
+  }
+}
+```
+
+### Customize Layout
+
+```json
+{
+  "type": "card",
+  "className": "max-w-lg p-8"
+}
+```
+
+## Next Steps
+
+- Browse [Dashboard Blocks](/docs/blocks/dashboard)
+- Explore [Form Blocks](/docs/blocks/forms)
+- Learn about [Actions](/docs/guide/actions)
diff --git a/content/docs/blocks/dashboard.mdx b/content/docs/blocks/dashboard.mdx
new file mode 100644
index 000000000..b6fc1b41d
--- /dev/null
+++ b/content/docs/blocks/dashboard.mdx
@@ -0,0 +1,725 @@
+---
+title: "Dashboard Blocks"
+description: "Stats cards, metrics, and dashboard layouts"
+---
+
+import { InteractiveDemo } from '@/app/components/ComponentDemo';
+
+# Dashboard Blocks
+
+Professional dashboard components for displaying metrics, statistics, and data visualizations.
+
+## Stats Card
+
+Display key metrics with trend indicators.
+
+<InteractiveDemo
+  title="Stats Cards Grid"
+  description="Revenue and user statistics"
+  schema={{
+    type: "div",
+    className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
+    children: [
+      {
+        type: "card",
+        children: [
+          {
+            type: "div",
+            className: "p-6 space-y-2",
+            children: [
+              {
+                type: "div",
+                className: "flex items-center justify-between",
+                children: [
+                  {
+                    type: "text",
+                    content: "Total Revenue",
+                    className: "text-sm font-medium text-muted-foreground"
+                  },
+                  {
+                    type: "icon",
+                    icon: "dollar-sign",
+                    className: "h-4 w-4 text-muted-foreground"
+                  }
+                ]
+              },
+              {
+                type: "div",
+                className: "space-y-1",
+                children: [
+                  {
+                    type: "text",
+                    content: "$45,231.89",
+                    className: "text-2xl font-bold"
+                  },
+                  {
+                    type: "div",
+                    className: "flex items-center text-xs",
+                    children: [
+                      {
+                        type: "icon",
+                        icon: "trending-up",
+                        className: "h-3 w-3 text-green-500 mr-1"
+                      },
+                      {
+                        type: "text",
+                        content: "+20.1% from last month",
+                        className: "text-green-500"
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      },
+      {
+        type: "card",
+        children: [
+          {
+            type: "div",
+            className: "p-6 space-y-2",
+            children: [
+              {
+                type: "div",
+                className: "flex items-center justify-between",
+                children: [
+                  {
+                    type: "text",
+                    content: "New Users",
+                    className: "text-sm font-medium text-muted-foreground"
+                  },
+                  {
+                    type: "icon",
+                    icon: "users",
+                    className: "h-4 w-4 text-muted-foreground"
+                  }
+                ]
+              },
+              {
+                type: "div",
+                className: "space-y-1",
+                children: [
+                  {
+                    type: "text",
+                    content: "+2,350",
+                    className: "text-2xl font-bold"
+                  },
+                  {
+                    type: "div",
+                    className: "flex items-center text-xs",
+                    children: [
+                      {
+                        type: "icon",
+                        icon: "trending-up",
+                        className: "h-3 w-3 text-green-500 mr-1"
+                      },
+                      {
+                        type: "text",
+                        content: "+180.1% from last month",
+                        className: "text-green-500"
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      },
+      {
+        type: "card",
+        children: [
+          {
+            type: "div",
+            className: "p-6 space-y-2",
+            children: [
+              {
+                type: "div",
+                className: "flex items-center justify-between",
+                children: [
+                  {
+                    type: "text",
+                    content: "Active Sessions",
+                    className: "text-sm font-medium text-muted-foreground"
+                  },
+                  {
+                    type: "icon",
+                    icon: "activity",
+                    className: "h-4 w-4 text-muted-foreground"
+                  }
+                ]
+              },
+              {
+                type: "div",
+                className: "space-y-1",
+                children: [
+                  {
+                    type: "text",
+                    content: "+12,234",
+                    className: "text-2xl font-bold"
+                  },
+                  {
+                    type: "div",
+                    className: "flex items-center text-xs",
+                    children: [
+                      {
+                        type: "icon",
+                        icon: "trending-up",
+                        className: "h-3 w-3 text-green-500 mr-1"
+                      },
+                      {
+                        type: "text",
+                        content: "+19% from last month",
+                        className: "text-green-500"
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      },
+      {
+        type: "card",
+        children: [
+          {
+            type: "div",
+            className: "p-6 space-y-2",
+            children: [
+              {
+                type: "div",
+                className: "flex items-center justify-between",
+                children: [
+                  {
+                    type: "text",
+                    content: "Conversion Rate",
+                    className: "text-sm font-medium text-muted-foreground"
+                  },
+                  {
+                    type: "icon",
+                    icon: "percent",
+                    className: "h-4 w-4 text-muted-foreground"
+                  }
+                ]
+              },
+              {
+                type: "div",
+                className: "space-y-1",
+                children: [
+                  {
+                    type: "text",
+                    content: "3.2%",
+                    className: "text-2xl font-bold"
+                  },
+                  {
+                    type: "div",
+                    className: "flex items-center text-xs",
+                    children: [
+                      {
+                        type: "icon",
+                        icon: "trending-down",
+                        className: "h-3 w-3 text-red-500 mr-1"
+                      },
+                      {
+                        type: "text",
+                        content: "-4.3% from last month",
+                        className: "text-red-500"
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  }}
+/>
+
+## Recent Activity
+
+Display recent user activities or transactions.
+
+<InteractiveDemo
+  title="Recent Activity Card"
+  description="List of recent transactions"
+  schema={{
+    type: "card",
+    className: "w-full max-w-2xl",
+    children: [
+      {
+        type: "div",
+        className: "p-6",
+        children: [
+          {
+            type: "div",
+            className: "flex items-center justify-between mb-4",
+            children: [
+              {
+                type: "text",
+                content: "Recent Transactions",
+                className: "text-lg font-semibold"
+              },
+              {
+                type: "button",
+                label: "View All",
+                variant: "ghost",
+                size: "sm"
+              }
+            ]
+          },
+          {
+            type: "div",
+            className: "space-y-4",
+            children: [
+              {
+                type: "div",
+                className: "flex items-center justify-between pb-4 border-b",
+                children: [
+                  {
+                    type: "div",
+                    className: "flex items-center space-x-4",
+                    children: [
+                      {
+                        type: "avatar",
+                        fallback: "OM",
+                        className: "h-9 w-9"
+                      },
+                      {
+                        type: "div",
+                        children: [
+                          {
+                            type: "text",
+                            content: "Olivia Martin",
+                            className: "text-sm font-medium"
+                          },
+                          {
+                            type: "text",
+                            content: "olivia.martin@email.com",
+                            className: "text-xs text-muted-foreground"
+                          }
+                        ]
+                      }
+                    ]
+                  },
+                  {
+                    type: "text",
+                    content: "+$1,999.00",
+                    className: "text-sm font-medium"
+                  }
+                ]
+              },
+              {
+                type: "div",
+                className: "flex items-center justify-between pb-4 border-b",
+                children: [
+                  {
+                    type: "div",
+                    className: "flex items-center space-x-4",
+                    children: [
+                      {
+                        type: "avatar",
+                        fallback: "JL",
+                        className: "h-9 w-9"
+                      },
+                      {
+                        type: "div",
+                        children: [
+                          {
+                            type: "text",
+                            content: "Jackson Lee",
+                            className: "text-sm font-medium"
+                          },
+                          {
+                            type: "text",
+                            content: "jackson.lee@email.com",
+                            className: "text-xs text-muted-foreground"
+                          }
+                        ]
+                      }
+                    ]
+                  },
+                  {
+                    type: "text",
+                    content: "+$39.00",
+                    className: "text-sm font-medium"
+                  }
+                ]
+              },
+              {
+                type: "div",
+                className: "flex items-center justify-between pb-4 border-b",
+                children: [
+                  {
+                    type: "div",
+                    className: "flex items-center space-x-4",
+                    children: [
+                      {
+                        type: "avatar",
+                        fallback: "IN",
+                        className: "h-9 w-9"
+                      },
+                      {
+                        type: "div",
+                        children: [
+                          {
+                            type: "text",
+                            content: "Isabella Nguyen",
+                            className: "text-sm font-medium"
+                          },
+                          {
+                            type: "text",
+                            content: "isabella.nguyen@email.com",
+                            className: "text-xs text-muted-foreground"
+                          }
+                        ]
+                      }
+                    ]
+                  },
+                  {
+                    type: "text",
+                    content: "+$299.00",
+                    className: "text-sm font-medium"
+                  }
+                ]
+              },
+              {
+                type: "div",
+                className: "flex items-center justify-between pb-4 border-b",
+                children: [
+                  {
+                    type: "div",
+                    className: "flex items-center space-x-4",
+                    children: [
+                      {
+                        type: "avatar",
+                        fallback: "WK",
+                        className: "h-9 w-9"
+                      },
+                      {
+                        type: "div",
+                        children: [
+                          {
+                            type: "text",
+                            content: "William Kim",
+                            className: "text-sm font-medium"
+                          },
+                          {
+                            type: "text",
+                            content: "will@email.com",
+                            className: "text-xs text-muted-foreground"
+                          }
+                        ]
+                      }
+                    ]
+                  },
+                  {
+                    type: "text",
+                    content: "+$99.00",
+                    className: "text-sm font-medium"
+                  }
+                ]
+              },
+              {
+                type: "div",
+                className: "flex items-center justify-between",
+                children: [
+                  {
+                    type: "div",
+                    className: "flex items-center space-x-4",
+                    children: [
+                      {
+                        type: "avatar",
+                        fallback: "SD",
+                        className: "h-9 w-9"
+                      },
+                      {
+                        type: "div",
+                        children: [
+                          {
+                            type: "text",
+                            content: "Sofia Davis",
+                            className: "text-sm font-medium"
+                          },
+                          {
+                            type: "text",
+                            content: "sofia.davis@email.com",
+                            className: "text-xs text-muted-foreground"
+                          }
+                        ]
+                      }
+                    ]
+                  },
+                  {
+                    type: "text",
+                    content: "+$39.00",
+                    className: "text-sm font-medium"
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  }}
+/>
+
+## Overview Dashboard
+
+Complete dashboard layout with multiple sections.
+
+<InteractiveDemo
+  title="Dashboard Overview"
+  description="Complete dashboard with stats and activity"
+  schema={{
+    type: "div",
+    className: "space-y-6",
+    children: [
+      {
+        type: "div",
+        className: "flex items-center justify-between",
+        children: [
+          {
+            type: "text",
+            content: "Dashboard",
+            className: "text-3xl font-bold tracking-tight"
+          },
+          {
+            type: "button",
+            label: "Download Report",
+            variant: "outline",
+            size: "sm"
+          }
+        ]
+      },
+      {
+        type: "div",
+        className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
+        children: [
+          {
+            type: "card",
+            children: [
+              {
+                type: "div",
+                className: "p-4",
+                children: [
+                  {
+                    type: "text",
+                    content: "Total Revenue",
+                    className: "text-sm font-medium text-muted-foreground"
+                  },
+                  {
+                    type: "text",
+                    content: "$45,231",
+                    className: "text-2xl font-bold mt-2"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            type: "card",
+            children: [
+              {
+                type: "div",
+                className: "p-4",
+                children: [
+                  {
+                    type: "text",
+                    content: "Subscriptions",
+                    className: "text-sm font-medium text-muted-foreground"
+                  },
+                  {
+                    type: "text",
+                    content: "+2,350",
+                    className: "text-2xl font-bold mt-2"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            type: "card",
+            children: [
+              {
+                type: "div",
+                className: "p-4",
+                children: [
+                  {
+                    type: "text",
+                    content: "Sales",
+                    className: "text-sm font-medium text-muted-foreground"
+                  },
+                  {
+                    type: "text",
+                    content: "+12,234",
+                    className: "text-2xl font-bold mt-2"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            type: "card",
+            children: [
+              {
+                type: "div",
+                className: "p-4",
+                children: [
+                  {
+                    type: "text",
+                    content: "Active Now",
+                    className: "text-sm font-medium text-muted-foreground"
+                  },
+                  {
+                    type: "text",
+                    content: "+573",
+                    className: "text-2xl font-bold mt-2"
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      },
+      {
+        type: "div",
+        className: "grid gap-4 md:grid-cols-2 lg:grid-cols-7",
+        children: [
+          {
+            type: "card",
+            className: "lg:col-span-4",
+            children: [
+              {
+                type: "div",
+                className: "p-6",
+                children: [
+                  {
+                    type: "text",
+                    content: "Overview",
+                    className: "text-lg font-semibold mb-4"
+                  },
+                  {
+                    type: "div",
+                    className: "h-[300px] flex items-center justify-center text-muted-foreground",
+                    children: [
+                      {
+                        type: "text",
+                        content: "Chart area - connect with plugin-charts"
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            type: "card",
+            className: "lg:col-span-3",
+            children: [
+              {
+                type: "div",
+                className: "p-6",
+                children: [
+                  {
+                    type: "text",
+                    content: "Recent Sales",
+                    className: "text-lg font-semibold mb-4"
+                  },
+                  {
+                    type: "div",
+                    className: "space-y-4",
+                    children: [
+                      {
+                        type: "div",
+                        className: "flex items-center",
+                        children: [
+                          {
+                            type: "avatar",
+                            fallback: "OM",
+                            className: "h-9 w-9"
+                          },
+                          {
+                            type: "div",
+                            className: "ml-4 space-y-1",
+                            children: [
+                              {
+                                type: "text",
+                                content: "Olivia Martin",
+                                className: "text-sm font-medium"
+                              },
+                              {
+                                type: "text",
+                                content: "olivia.martin@email.com",
+                                className: "text-xs text-muted-foreground"
+                              }
+                            ]
+                          },
+                          {
+                            type: "text",
+                            content: "+$1,999.00",
+                            className: "ml-auto font-medium"
+                          }
+                        ]
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  }}
+/>
+
+## Usage
+
+Customize dashboard blocks for your needs:
+
+### Add Real Data
+
+```json
+{
+  "type": "card",
+  "dataSource": {
+    "api": "/api/stats/revenue",
+    "method": "GET"
+  }
+}
+```
+
+### Customize Colors
+
+```json
+{
+  "type": "text",
+  "content": "+20.1%",
+  "className": "text-emerald-500"
+}
+```
+
+### Add Actions
+
+```json
+{
+  "type": "button",
+  "label": "View Details",
+  "action": {
+    "type": "navigate",
+    "path": "/dashboard/details"
+  }
+}
+```
+
+## Next Steps
+
+- Explore [Form Blocks](/docs/blocks/forms)
+- View [Marketing Blocks](/docs/blocks/marketing)
+- Learn about [Data Sources](/docs/guide/data-source)
diff --git a/content/docs/blocks/ecommerce.mdx b/content/docs/blocks/ecommerce.mdx
new file mode 100644
index 000000000..0e2c88473
--- /dev/null
+++ b/content/docs/blocks/ecommerce.mdx
@@ -0,0 +1,928 @@
+---
+title: "E-commerce Blocks"
+description: "Product cards, checkout flows, and shopping components"
+---
+
+import { InteractiveDemo } from '@/app/components/ComponentDemo';
+
+# E-commerce Blocks
+
+Professional e-commerce components for online stores and marketplaces.
+
+## Product Card
+
+Product display with image, title, price, and actions.
+
+<InteractiveDemo
+  title="Product Card"
+  description="Single product card with add to cart"
+  schema={{
+    type: "card",
+    className: "w-full max-w-sm mx-auto overflow-hidden",
+    children: [
+      {
+        type: "div",
+        className: "aspect-square bg-muted flex items-center justify-center",
+        children: [
+          {
+            type: "icon",
+            icon: "package",
+            className: "h-24 w-24 text-muted-foreground"
+          }
+        ]
+      },
+      {
+        type: "div",
+        className: "p-6 space-y-3",
+        children: [
+          {
+            type: "div",
+            className: "space-y-1",
+            children: [
+              {
+                type: "text",
+                content: "Premium Wireless Headphones",
+                className: "text-lg font-semibold"
+              },
+              {
+                type: "text",
+                content: "High-quality audio with active noise cancellation",
+                className: "text-sm text-muted-foreground"
+              }
+            ]
+          },
+          {
+            type: "div",
+            className: "flex items-center gap-1",
+            children: [
+              {
+                type: "icon",
+                icon: "star",
+                className: "h-4 w-4 fill-yellow-500 text-yellow-500"
+              },
+              {
+                type: "icon",
+                icon: "star",
+                className: "h-4 w-4 fill-yellow-500 text-yellow-500"
+              },
+              {
+                type: "icon",
+                icon: "star",
+                className: "h-4 w-4 fill-yellow-500 text-yellow-500"
+              },
+              {
+                type: "icon",
+                icon: "star",
+                className: "h-4 w-4 fill-yellow-500 text-yellow-500"
+              },
+              {
+                type: "icon",
+                icon: "star",
+                className: "h-4 w-4 text-muted"
+              },
+              {
+                type: "text",
+                content: "4.0 (128 reviews)",
+                className: "text-sm text-muted-foreground ml-2"
+              }
+            ]
+          },
+          {
+            type: "div",
+            className: "flex items-baseline gap-2",
+            children: [
+              {
+                type: "text",
+                content: "$299.99",
+                className: "text-2xl font-bold"
+              },
+              {
+                type: "text",
+                content: "$399.99",
+                className: "text-sm text-muted-foreground line-through"
+              },
+              {
+                type: "badge",
+                label: "25% OFF",
+                variant: "destructive",
+                className: "ml-auto"
+              }
+            ]
+          },
+          {
+            type: "div",
+            className: "flex gap-2",
+            children: [
+              {
+                type: "button",
+                label: "Add to Cart",
+                variant: "default",
+                className: "flex-1"
+              },
+              {
+                type: "button",
+                label: "",
+                variant: "outline",
+                size: "icon",
+                children: [
+                  {
+                    type: "icon",
+                    icon: "heart",
+                    className: "h-4 w-4"
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  }}
+/>
+
+## Product Grid
+
+Multiple products in a responsive grid.
+
+<InteractiveDemo
+  title="Product Grid"
+  description="Responsive product listing"
+  schema={{
+    type: "div",
+    className: "w-full max-w-6xl mx-auto",
+    children: [
+      {
+        type: "div",
+        className: "flex items-center justify-between mb-6",
+        children: [
+          {
+            type: "text",
+            content: "Featured Products",
+            className: "text-2xl font-bold"
+          },
+          {
+            type: "button",
+            label: "View All",
+            variant: "outline"
+          }
+        ]
+      },
+      {
+        type: "div",
+        className: "grid sm:grid-cols-2 lg:grid-cols-4 gap-6",
+        children: [
+          {
+            type: "card",
+            className: "overflow-hidden",
+            children: [
+              {
+                type: "div",
+                className: "aspect-square bg-muted flex items-center justify-center",
+                children: [
+                  {
+                    type: "icon",
+                    icon: "smartphone",
+                    className: "h-16 w-16 text-muted-foreground"
+                  }
+                ]
+              },
+              {
+                type: "div",
+                className: "p-4 space-y-2",
+                children: [
+                  {
+                    type: "text",
+                    content: "Smartphone Pro",
+                    className: "font-semibold"
+                  },
+                  {
+                    type: "text",
+                    content: "$899",
+                    className: "text-xl font-bold"
+                  },
+                  {
+                    type: "button",
+                    label: "Add to Cart",
+                    variant: "outline",
+                    size: "sm",
+                    className: "w-full"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            type: "card",
+            className: "overflow-hidden",
+            children: [
+              {
+                type: "div",
+                className: "aspect-square bg-muted flex items-center justify-center",
+                children: [
+                  {
+                    type: "icon",
+                    icon: "watch",
+                    className: "h-16 w-16 text-muted-foreground"
+                  }
+                ]
+              },
+              {
+                type: "div",
+                className: "p-4 space-y-2",
+                children: [
+                  {
+                    type: "text",
+                    content: "Smart Watch",
+                    className: "font-semibold"
+                  },
+                  {
+                    type: "text",
+                    content: "$399",
+                    className: "text-xl font-bold"
+                  },
+                  {
+                    type: "button",
+                    label: "Add to Cart",
+                    variant: "outline",
+                    size: "sm",
+                    className: "w-full"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            type: "card",
+            className: "overflow-hidden",
+            children: [
+              {
+                type: "div",
+                className: "aspect-square bg-muted flex items-center justify-center",
+                children: [
+                  {
+                    type: "icon",
+                    icon: "laptop",
+                    className: "h-16 w-16 text-muted-foreground"
+                  }
+                ]
+              },
+              {
+                type: "div",
+                className: "p-4 space-y-2",
+                children: [
+                  {
+                    type: "text",
+                    content: "Laptop Ultra",
+                    className: "font-semibold"
+                  },
+                  {
+                    type: "text",
+                    content: "$1,299",
+                    className: "text-xl font-bold"
+                  },
+                  {
+                    type: "button",
+                    label: "Add to Cart",
+                    variant: "outline",
+                    size: "sm",
+                    className: "w-full"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            type: "card",
+            className: "overflow-hidden",
+            children: [
+              {
+                type: "div",
+                className: "aspect-square bg-muted flex items-center justify-center",
+                children: [
+                  {
+                    type: "icon",
+                    icon: "headphones",
+                    className: "h-16 w-16 text-muted-foreground"
+                  }
+                ]
+              },
+              {
+                type: "div",
+                className: "p-4 space-y-2",
+                children: [
+                  {
+                    type: "text",
+                    content: "Headphones",
+                    className: "font-semibold"
+                  },
+                  {
+                    type: "text",
+                    content: "$299",
+                    className: "text-xl font-bold"
+                  },
+                  {
+                    type: "button",
+                    label: "Add to Cart",
+                    variant: "outline",
+                    size: "sm",
+                    className: "w-full"
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  }}
+/>
+
+## Shopping Cart
+
+Cart summary with items and checkout.
+
+<InteractiveDemo
+  title="Shopping Cart"
+  description="Cart items and total"
+  schema={{
+    type: "card",
+    className: "w-full max-w-2xl mx-auto",
+    children: [
+      {
+        type: "div",
+        className: "p-6 space-y-6",
+        children: [
+          {
+            type: "div",
+            className: "flex items-center justify-between",
+            children: [
+              {
+                type: "text",
+                content: "Shopping Cart",
+                className: "text-2xl font-bold"
+              },
+              {
+                type: "badge",
+                label: "3 items",
+                variant: "secondary"
+              }
+            ]
+          },
+          {
+            type: "separator"
+          },
+          {
+            type: "div",
+            className: "space-y-4",
+            children: [
+              {
+                type: "div",
+                className: "flex gap-4",
+                children: [
+                  {
+                    type: "div",
+                    className: "h-24 w-24 rounded-lg bg-muted flex items-center justify-center flex-shrink-0",
+                    children: [
+                      {
+                        type: "icon",
+                        icon: "smartphone",
+                        className: "h-8 w-8 text-muted-foreground"
+                      }
+                    ]
+                  },
+                  {
+                    type: "div",
+                    className: "flex-1 space-y-1",
+                    children: [
+                      {
+                        type: "text",
+                        content: "Smartphone Pro",
+                        className: "font-semibold"
+                      },
+                      {
+                        type: "text",
+                        content: "Color: Black, Storage: 256GB",
+                        className: "text-sm text-muted-foreground"
+                      },
+                      {
+                        type: "div",
+                        className: "flex items-center gap-2 mt-2",
+                        children: [
+                          {
+                            type: "button",
+                            label: "-",
+                            variant: "outline",
+                            size: "sm",
+                            className: "h-8 w-8 p-0"
+                          },
+                          {
+                            type: "text",
+                            content: "1",
+                            className: "w-8 text-center"
+                          },
+                          {
+                            type: "button",
+                            label: "+",
+                            variant: "outline",
+                            size: "sm",
+                            className: "h-8 w-8 p-0"
+                          }
+                        ]
+                      }
+                    ]
+                  },
+                  {
+                    type: "div",
+                    className: "text-right space-y-2",
+                    children: [
+                      {
+                        type: "text",
+                        content: "$899.00",
+                        className: "font-bold"
+                      },
+                      {
+                        type: "button",
+                        label: "Remove",
+                        variant: "ghost",
+                        size: "sm",
+                        className: "text-destructive"
+                      }
+                    ]
+                  }
+                ]
+              },
+              {
+                type: "separator"
+              },
+              {
+                type: "div",
+                className: "flex gap-4",
+                children: [
+                  {
+                    type: "div",
+                    className: "h-24 w-24 rounded-lg bg-muted flex items-center justify-center flex-shrink-0",
+                    children: [
+                      {
+                        type: "icon",
+                        icon: "headphones",
+                        className: "h-8 w-8 text-muted-foreground"
+                      }
+                    ]
+                  },
+                  {
+                    type: "div",
+                    className: "flex-1 space-y-1",
+                    children: [
+                      {
+                        type: "text",
+                        content: "Wireless Headphones",
+                        className: "font-semibold"
+                      },
+                      {
+                        type: "text",
+                        content: "Color: Silver",
+                        className: "text-sm text-muted-foreground"
+                      },
+                      {
+                        type: "div",
+                        className: "flex items-center gap-2 mt-2",
+                        children: [
+                          {
+                            type: "button",
+                            label: "-",
+                            variant: "outline",
+                            size: "sm",
+                            className: "h-8 w-8 p-0"
+                          },
+                          {
+                            type: "text",
+                            content: "2",
+                            className: "w-8 text-center"
+                          },
+                          {
+                            type: "button",
+                            label: "+",
+                            variant: "outline",
+                            size: "sm",
+                            className: "h-8 w-8 p-0"
+                          }
+                        ]
+                      }
+                    ]
+                  },
+                  {
+                    type: "div",
+                    className: "text-right space-y-2",
+                    children: [
+                      {
+                        type: "text",
+                        content: "$598.00",
+                        className: "font-bold"
+                      },
+                      {
+                        type: "button",
+                        label: "Remove",
+                        variant: "ghost",
+                        size: "sm",
+                        className: "text-destructive"
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            type: "separator"
+          },
+          {
+            type: "div",
+            className: "space-y-2",
+            children: [
+              {
+                type: "div",
+                className: "flex justify-between text-sm",
+                children: [
+                  {
+                    type: "text",
+                    content: "Subtotal"
+                  },
+                  {
+                    type: "text",
+                    content: "$1,497.00"
+                  }
+                ]
+              },
+              {
+                type: "div",
+                className: "flex justify-between text-sm",
+                children: [
+                  {
+                    type: "text",
+                    content: "Shipping"
+                  },
+                  {
+                    type: "text",
+                    content: "$15.00"
+                  }
+                ]
+              },
+              {
+                type: "div",
+                className: "flex justify-between text-sm",
+                children: [
+                  {
+                    type: "text",
+                    content: "Tax"
+                  },
+                  {
+                    type: "text",
+                    content: "$149.70"
+                  }
+                ]
+              },
+              {
+                type: "separator"
+              },
+              {
+                type: "div",
+                className: "flex justify-between text-lg font-bold",
+                children: [
+                  {
+                    type: "text",
+                    content: "Total"
+                  },
+                  {
+                    type: "text",
+                    content: "$1,661.70"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            type: "button",
+            label: "Proceed to Checkout",
+            variant: "default",
+            className: "w-full",
+            size: "lg"
+          }
+        ]
+      }
+    ]
+  }}
+/>
+
+## Order Summary
+
+Checkout order review.
+
+<InteractiveDemo
+  title="Order Summary"
+  description="Final order review before payment"
+  schema={{
+    type: "div",
+    className: "w-full max-w-2xl mx-auto space-y-6",
+    children: [
+      {
+        type: "text",
+        content: "Order Summary",
+        className: "text-2xl font-bold"
+      },
+      {
+        type: "div",
+        className: "grid md:grid-cols-2 gap-6",
+        children: [
+          {
+            type: "card",
+            children: [
+              {
+                type: "div",
+                className: "p-6 space-y-4",
+                children: [
+                  {
+                    type: "text",
+                    content: "Shipping Address",
+                    className: "font-semibold"
+                  },
+                  {
+                    type: "div",
+                    className: "text-sm space-y-1",
+                    children: [
+                      {
+                        type: "text",
+                        content: "John Doe",
+                        className: "font-medium"
+                      },
+                      {
+                        type: "text",
+                        content: "123 Main Street"
+                      },
+                      {
+                        type: "text",
+                        content: "Apt 4B"
+                      },
+                      {
+                        type: "text",
+                        content: "New York, NY 10001"
+                      },
+                      {
+                        type: "text",
+                        content: "United States"
+                      }
+                    ]
+                  },
+                  {
+                    type: "button",
+                    label: "Edit",
+                    variant: "ghost",
+                    size: "sm"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            type: "card",
+            children: [
+              {
+                type: "div",
+                className: "p-6 space-y-4",
+                children: [
+                  {
+                    type: "text",
+                    content: "Payment Method",
+                    className: "font-semibold"
+                  },
+                  {
+                    type: "div",
+                    className: "flex items-center gap-3",
+                    children: [
+                      {
+                        type: "div",
+                        className: "h-10 w-16 rounded bg-muted flex items-center justify-center",
+                        children: [
+                          {
+                            type: "icon",
+                            icon: "credit-card",
+                            className: "h-6 w-6"
+                          }
+                        ]
+                      },
+                      {
+                        type: "div",
+                        className: "text-sm",
+                        children: [
+                          {
+                            type: "text",
+                            content: "Visa ending in 4242",
+                            className: "font-medium"
+                          },
+                          {
+                            type: "text",
+                            content: "Expires 12/24",
+                            className: "text-muted-foreground"
+                          }
+                        ]
+                      }
+                    ]
+                  },
+                  {
+                    type: "button",
+                    label: "Change",
+                    variant: "ghost",
+                    size: "sm"
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      },
+      {
+        type: "card",
+        children: [
+          {
+            type: "div",
+            className: "p-6 space-y-4",
+            children: [
+              {
+                type: "text",
+                content: "Order Items",
+                className: "font-semibold"
+              },
+              {
+                type: "div",
+                className: "space-y-3",
+                children: [
+                  {
+                    type: "div",
+                    className: "flex justify-between text-sm",
+                    children: [
+                      {
+                        type: "text",
+                        content: "Smartphone Pro × 1"
+                      },
+                      {
+                        type: "text",
+                        content: "$899.00",
+                        className: "font-medium"
+                      }
+                    ]
+                  },
+                  {
+                    type: "div",
+                    className: "flex justify-between text-sm",
+                    children: [
+                      {
+                        type: "text",
+                        content: "Wireless Headphones × 2"
+                      },
+                      {
+                        type: "text",
+                        content: "$598.00",
+                        className: "font-medium"
+                      }
+                    ]
+                  }
+                ]
+              },
+              {
+                type: "separator"
+              },
+              {
+                type: "div",
+                className: "space-y-2",
+                children: [
+                  {
+                    type: "div",
+                    className: "flex justify-between text-sm",
+                    children: [
+                      {
+                        type: "text",
+                        content: "Subtotal"
+                      },
+                      {
+                        type: "text",
+                        content: "$1,497.00"
+                      }
+                    ]
+                  },
+                  {
+                    type: "div",
+                    className: "flex justify-between text-sm",
+                    children: [
+                      {
+                        type: "text",
+                        content: "Shipping"
+                      },
+                      {
+                        type: "text",
+                        content: "$15.00"
+                      }
+                    ]
+                  },
+                  {
+                    type: "div",
+                    className: "flex justify-between text-sm",
+                    children: [
+                      {
+                        type: "text",
+                        content: "Tax"
+                      },
+                      {
+                        type: "text",
+                        content: "$149.70"
+                      }
+                    ]
+                  },
+                  {
+                    type: "separator"
+                  },
+                  {
+                    type: "div",
+                    className: "flex justify-between font-bold text-lg",
+                    children: [
+                      {
+                        type: "text",
+                        content: "Total"
+                      },
+                      {
+                        type: "text",
+                        content: "$1,661.70"
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      },
+      {
+        type: "div",
+        className: "flex gap-3",
+        children: [
+          {
+            type: "button",
+            label: "Back to Cart",
+            variant: "outline",
+            className: "flex-1"
+          },
+          {
+            type: "button",
+            label: "Place Order",
+            variant: "default",
+            className: "flex-1"
+          }
+        ]
+      }
+    ]
+  }}
+/>
+
+## Usage
+
+Customize e-commerce blocks for your store:
+
+### Add Product Data
+
+```json
+{
+  "type": "card",
+  "dataSource": {
+    "api": "/api/products",
+    "method": "GET"
+  }
+}
+```
+
+### Add to Cart Action
+
+```json
+{
+  "type": "button",
+  "label": "Add to Cart",
+  "action": {
+    "type": "submit",
+    "endpoint": "/api/cart",
+    "method": "POST"
+  }
+}
+```
+
+### Customize Pricing Display
+
+```json
+{
+  "type": "text",
+  "content": "$299.99",
+  "className": "text-2xl font-bold text-primary"
+}
+```
+
+## Next Steps
+
+- Browse [Authentication Blocks](/docs/blocks/authentication)
+- Explore [Dashboard Blocks](/docs/blocks/dashboard)
+- Learn about [Actions](/docs/guide/actions)
diff --git a/content/docs/blocks/forms.mdx b/content/docs/blocks/forms.mdx
new file mode 100644
index 000000000..c67461d49
--- /dev/null
+++ b/content/docs/blocks/forms.mdx
@@ -0,0 +1,717 @@
+---
+title: "Form Blocks"
+description: "Contact forms, settings panels, and form layouts"
+---
+
+import { InteractiveDemo } from '@/app/components/ComponentDemo';
+
+# Form Blocks
+
+Professional form layouts for various use cases. All forms are accessible and include proper validation.
+
+## Contact Form
+
+Simple contact form with name, email, and message fields.
+
+<InteractiveDemo
+  title="Contact Form"
+  description="Basic contact form layout"
+  schema={{
+    type: "card",
+    className: "w-full max-w-2xl mx-auto",
+    children: [
+      {
+        type: "div",
+        className: "p-6 space-y-6",
+        children: [
+          {
+            type: "div",
+            className: "space-y-2",
+            children: [
+              {
+                type: "text",
+                content: "Contact Us",
+                className: "text-2xl font-bold"
+              },
+              {
+                type: "text",
+                content: "Fill out the form below and we'll get back to you as soon as possible.",
+                className: "text-muted-foreground"
+              }
+            ]
+          },
+          {
+            type: "div",
+            className: "space-y-4",
+            children: [
+              {
+                type: "div",
+                className: "grid grid-cols-2 gap-4",
+                children: [
+                  {
+                    type: "div",
+                    className: "space-y-2",
+                    children: [
+                      {
+                        type: "label",
+                        htmlFor: "firstName",
+                        label: "First Name"
+                      },
+                      {
+                        type: "input",
+                        id: "firstName",
+                        name: "firstName",
+                        placeholder: "John",
+                        required: true
+                      }
+                    ]
+                  },
+                  {
+                    type: "div",
+                    className: "space-y-2",
+                    children: [
+                      {
+                        type: "label",
+                        htmlFor: "lastName",
+                        label: "Last Name"
+                      },
+                      {
+                        type: "input",
+                        id: "lastName",
+                        name: "lastName",
+                        placeholder: "Doe",
+                        required: true
+                      }
+                    ]
+                  }
+                ]
+              },
+              {
+                type: "div",
+                className: "space-y-2",
+                children: [
+                  {
+                    type: "label",
+                    htmlFor: "email",
+                    label: "Email"
+                  },
+                  {
+                    type: "input",
+                    id: "email",
+                    name: "email",
+                    inputType: "email",
+                    placeholder: "john.doe@example.com",
+                    required: true
+                  }
+                ]
+              },
+              {
+                type: "div",
+                className: "space-y-2",
+                children: [
+                  {
+                    type: "label",
+                    htmlFor: "subject",
+                    label: "Subject"
+                  },
+                  {
+                    type: "input",
+                    id: "subject",
+                    name: "subject",
+                    placeholder: "How can we help?",
+                    required: true
+                  }
+                ]
+              },
+              {
+                type: "div",
+                className: "space-y-2",
+                children: [
+                  {
+                    type: "label",
+                    htmlFor: "message",
+                    label: "Message"
+                  },
+                  {
+                    type: "textarea",
+                    id: "message",
+                    name: "message",
+                    placeholder: "Tell us more about your inquiry...",
+                    rows: 5,
+                    required: true
+                  }
+                ]
+              },
+              {
+                type: "button",
+                label: "Send Message",
+                variant: "default",
+                className: "w-full"
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  }}
+/>
+
+## Settings Form
+
+User settings panel with various input types.
+
+<InteractiveDemo
+  title="Settings Form"
+  description="User preferences and settings"
+  schema={{
+    type: "div",
+    className: "w-full max-w-2xl mx-auto space-y-6",
+    children: [
+      {
+        type: "div",
+        className: "space-y-2",
+        children: [
+          {
+            type: "text",
+            content: "Settings",
+            className: "text-3xl font-bold"
+          },
+          {
+            type: "text",
+            content: "Manage your account settings and preferences.",
+            className: "text-muted-foreground"
+          }
+        ]
+      },
+      {
+        type: "card",
+        children: [
+          {
+            type: "div",
+            className: "p-6 space-y-6",
+            children: [
+              {
+                type: "div",
+                className: "space-y-4",
+                children: [
+                  {
+                    type: "div",
+                    className: "space-y-2",
+                    children: [
+                      {
+                        type: "text",
+                        content: "Profile",
+                        className: "text-lg font-semibold"
+                      },
+                      {
+                        type: "text",
+                        content: "Update your personal information",
+                        className: "text-sm text-muted-foreground"
+                      }
+                    ]
+                  },
+                  {
+                    type: "div",
+                    className: "space-y-2",
+                    children: [
+                      {
+                        type: "label",
+                        htmlFor: "username",
+                        label: "Username"
+                      },
+                      {
+                        type: "input",
+                        id: "username",
+                        name: "username",
+                        placeholder: "johndoe",
+                        defaultValue: "johndoe"
+                      }
+                    ]
+                  },
+                  {
+                    type: "div",
+                    className: "space-y-2",
+                    children: [
+                      {
+                        type: "label",
+                        htmlFor: "email",
+                        label: "Email"
+                      },
+                      {
+                        type: "input",
+                        id: "email",
+                        name: "email",
+                        inputType: "email",
+                        placeholder: "john@example.com",
+                        defaultValue: "john@example.com"
+                      }
+                    ]
+                  },
+                  {
+                    type: "div",
+                    className: "space-y-2",
+                    children: [
+                      {
+                        type: "label",
+                        htmlFor: "bio",
+                        label: "Bio"
+                      },
+                      {
+                        type: "textarea",
+                        id: "bio",
+                        name: "bio",
+                        placeholder: "Tell us about yourself",
+                        rows: 3
+                      }
+                    ]
+                  }
+                ]
+              },
+              {
+                type: "separator"
+              },
+              {
+                type: "div",
+                className: "space-y-4",
+                children: [
+                  {
+                    type: "div",
+                    className: "space-y-2",
+                    children: [
+                      {
+                        type: "text",
+                        content: "Preferences",
+                        className: "text-lg font-semibold"
+                      },
+                      {
+                        type: "text",
+                        content: "Customize your experience",
+                        className: "text-sm text-muted-foreground"
+                      }
+                    ]
+                  },
+                  {
+                    type: "div",
+                    className: "flex items-center justify-between",
+                    children: [
+                      {
+                        type: "div",
+                        children: [
+                          {
+                            type: "text",
+                            content: "Email Notifications",
+                            className: "text-sm font-medium"
+                          },
+                          {
+                            type: "text",
+                            content: "Receive email updates about your activity",
+                            className: "text-sm text-muted-foreground"
+                          }
+                        ]
+                      },
+                      {
+                        type: "switch",
+                        id: "emailNotifications",
+                        name: "emailNotifications",
+                        defaultChecked: true
+                      }
+                    ]
+                  },
+                  {
+                    type: "div",
+                    className: "flex items-center justify-between",
+                    children: [
+                      {
+                        type: "div",
+                        children: [
+                          {
+                            type: "text",
+                            content: "Marketing Emails",
+                            className: "text-sm font-medium"
+                          },
+                          {
+                            type: "text",
+                            content: "Receive updates about new features and products",
+                            className: "text-sm text-muted-foreground"
+                          }
+                        ]
+                      },
+                      {
+                        type: "switch",
+                        id: "marketingEmails",
+                        name: "marketingEmails"
+                      }
+                    ]
+                  },
+                  {
+                    type: "div",
+                    className: "space-y-2",
+                    children: [
+                      {
+                        type: "label",
+                        htmlFor: "language",
+                        label: "Language"
+                      },
+                      {
+                        type: "select",
+                        id: "language",
+                        name: "language",
+                        options: [
+                          { value: "en", label: "English" },
+                          { value: "es", label: "Spanish" },
+                          { value: "fr", label: "French" },
+                          { value: "de", label: "German" }
+                        ],
+                        defaultValue: "en"
+                      }
+                    ]
+                  }
+                ]
+              },
+              {
+                type: "div",
+                className: "flex justify-end space-x-2",
+                children: [
+                  {
+                    type: "button",
+                    label: "Cancel",
+                    variant: "outline"
+                  },
+                  {
+                    type: "button",
+                    label: "Save Changes",
+                    variant: "default"
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  }}
+/>
+
+## Newsletter Signup
+
+Simple newsletter subscription form.
+
+<InteractiveDemo
+  title="Newsletter Signup"
+  description="Email subscription form"
+  schema={{
+    type: "card",
+    className: "w-full max-w-md mx-auto",
+    children: [
+      {
+        type: "div",
+        className: "p-6 space-y-4",
+        children: [
+          {
+            type: "div",
+            className: "space-y-2 text-center",
+            children: [
+              {
+                type: "icon",
+                icon: "mail",
+                className: "h-12 w-12 mx-auto text-primary"
+              },
+              {
+                type: "text",
+                content: "Subscribe to our Newsletter",
+                className: "text-xl font-bold"
+              },
+              {
+                type: "text",
+                content: "Get the latest updates and exclusive content delivered to your inbox.",
+                className: "text-sm text-muted-foreground"
+              }
+            ]
+          },
+          {
+            type: "div",
+            className: "space-y-2",
+            children: [
+              {
+                type: "label",
+                htmlFor: "email",
+                label: "Email Address"
+              },
+              {
+                type: "input",
+                id: "email",
+                name: "email",
+                inputType: "email",
+                placeholder: "you@example.com",
+                required: true
+              }
+            ]
+          },
+          {
+            type: "div",
+            className: "flex items-start space-x-2",
+            children: [
+              {
+                type: "checkbox",
+                id: "terms",
+                name: "terms",
+                required: true
+              },
+              {
+                type: "label",
+                htmlFor: "terms",
+                label: "I agree to receive marketing emails and accept the Privacy Policy",
+                className: "text-sm font-normal leading-none"
+              }
+            ]
+          },
+          {
+            type: "button",
+            label: "Subscribe",
+            variant: "default",
+            className: "w-full"
+          },
+          {
+            type: "text",
+            content: "We respect your privacy. Unsubscribe at any time.",
+            className: "text-xs text-center text-muted-foreground"
+          }
+        ]
+      }
+    ]
+  }}
+/>
+
+## Payment Form
+
+Payment details form with card information.
+
+<InteractiveDemo
+  title="Payment Form"
+  description="Credit card payment form"
+  schema={{
+    type: "card",
+    className: "w-full max-w-md mx-auto",
+    children: [
+      {
+        type: "div",
+        className: "p-6 space-y-6",
+        children: [
+          {
+            type: "div",
+            className: "space-y-2",
+            children: [
+              {
+                type: "text",
+                content: "Payment Details",
+                className: "text-2xl font-bold"
+              },
+              {
+                type: "text",
+                content: "Enter your payment information below",
+                className: "text-sm text-muted-foreground"
+              }
+            ]
+          },
+          {
+            type: "div",
+            className: "space-y-4",
+            children: [
+              {
+                type: "div",
+                className: "space-y-2",
+                children: [
+                  {
+                    type: "label",
+                    htmlFor: "cardName",
+                    label: "Cardholder Name"
+                  },
+                  {
+                    type: "input",
+                    id: "cardName",
+                    name: "cardName",
+                    placeholder: "John Doe",
+                    required: true
+                  }
+                ]
+              },
+              {
+                type: "div",
+                className: "space-y-2",
+                children: [
+                  {
+                    type: "label",
+                    htmlFor: "cardNumber",
+                    label: "Card Number"
+                  },
+                  {
+                    type: "input",
+                    id: "cardNumber",
+                    name: "cardNumber",
+                    placeholder: "1234 5678 9012 3456",
+                    required: true
+                  }
+                ]
+              },
+              {
+                type: "div",
+                className: "grid grid-cols-3 gap-4",
+                children: [
+                  {
+                    type: "div",
+                    className: "col-span-2 space-y-2",
+                    children: [
+                      {
+                        type: "label",
+                        htmlFor: "expiry",
+                        label: "Expiry Date"
+                      },
+                      {
+                        type: "input",
+                        id: "expiry",
+                        name: "expiry",
+                        placeholder: "MM/YY",
+                        required: true
+                      }
+                    ]
+                  },
+                  {
+                    type: "div",
+                    className: "space-y-2",
+                    children: [
+                      {
+                        type: "label",
+                        htmlFor: "cvc",
+                        label: "CVC"
+                      },
+                      {
+                        type: "input",
+                        id: "cvc",
+                        name: "cvc",
+                        placeholder: "123",
+                        required: true
+                      }
+                    ]
+                  }
+                ]
+              },
+              {
+                type: "separator"
+              },
+              {
+                type: "div",
+                className: "space-y-2",
+                children: [
+                  {
+                    type: "text",
+                    content: "Billing Address",
+                    className: "text-sm font-semibold"
+                  },
+                  {
+                    type: "div",
+                    className: "space-y-4",
+                    children: [
+                      {
+                        type: "div",
+                        className: "space-y-2",
+                        children: [
+                          {
+                            type: "label",
+                            htmlFor: "country",
+                            label: "Country"
+                          },
+                          {
+                            type: "select",
+                            id: "country",
+                            name: "country",
+                            options: [
+                              { value: "us", label: "United States" },
+                              { value: "uk", label: "United Kingdom" },
+                              { value: "ca", label: "Canada" },
+                              { value: "au", label: "Australia" }
+                            ]
+                          }
+                        ]
+                      },
+                      {
+                        type: "div",
+                        className: "space-y-2",
+                        children: [
+                          {
+                            type: "label",
+                            htmlFor: "zipCode",
+                            label: "ZIP / Postal Code"
+                          },
+                          {
+                            type: "input",
+                            id: "zipCode",
+                            name: "zipCode",
+                            placeholder: "12345"
+                          }
+                        ]
+                      }
+                    ]
+                  }
+                ]
+              },
+              {
+                type: "button",
+                label: "Pay Now",
+                variant: "default",
+                className: "w-full"
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  }}
+/>
+
+## Usage
+
+Customize form blocks for your application:
+
+### Add Validation
+
+```json
+{
+  "type": "input",
+  "name": "email",
+  "inputType": "email",
+  "required": true,
+  "validation": {
+    "pattern": "^[a-z0-9._%+-]+@[a-z0-9.-]+\\.[a-z]{2,}$",
+    "message": "Please enter a valid email address"
+  }
+}
+```
+
+### Add Submit Action
+
+```json
+{
+  "type": "button",
+  "label": "Submit",
+  "action": {
+    "type": "submit",
+    "endpoint": "/api/contact",
+    "method": "POST"
+  }
+}
+```
+
+### Customize Layout
+
+```json
+{
+  "type": "div",
+  "className": "grid grid-cols-1 md:grid-cols-2 gap-6"
+}
+```
+
+## Next Steps
+
+- Browse [Marketing Blocks](/docs/blocks/marketing)
+- Explore [E-commerce Blocks](/docs/blocks/ecommerce)
+- Learn about [Form Validation](/docs/guide/fields)
diff --git a/content/docs/blocks/index.mdx b/content/docs/blocks/index.mdx
new file mode 100644
index 000000000..d08034fff
--- /dev/null
+++ b/content/docs/blocks/index.mdx
@@ -0,0 +1,110 @@
+---
+title: "Building Blocks"
+description: "Clean, modern building blocks. Copy and paste into your apps. Open Source. Free forever."
+---
+
+# Building Blocks for the Web
+
+Pre-built, production-ready UI blocks powered by ObjectUI's schema-driven architecture. Copy the JSON, paste into your application, and ship faster.
+
+## What are Blocks?
+
+Blocks are complete, ready-to-use UI patterns built with ObjectUI components. Unlike individual components, blocks are composed sections like login forms, pricing tables, dashboard cards, and more—ready to be dropped into your application.
+
+### Why Use Blocks?
+
+- 🚀 **Ship Faster** - Start with working examples instead of building from scratch
+- 📋 **Copy & Paste** - Simple JSON schemas you can copy directly into your project
+- 🎨 **Beautiful Design** - Built with Tailwind CSS and Shadcn UI
+- ♿️ **Accessible** - WCAG 2.1 AA compliant
+- 🌓 **Theme Ready** - Supports light and dark modes out of the box
+- 📱 **Responsive** - Mobile-first design that works everywhere
+
+## Available Block Categories
+
+### [Authentication Blocks](/docs/blocks/authentication)
+
+Login forms, signup pages, password reset flows, and more.
+
+### [Dashboard Blocks](/docs/blocks/dashboard)
+
+Stats cards, metric displays, chart layouts for admin panels and dashboards.
+
+### [Form Blocks](/docs/blocks/forms)
+
+Contact forms, multi-step wizards, settings panels, and profile editors.
+
+### [Marketing Blocks](/docs/blocks/marketing)
+
+Pricing tables, feature grids, testimonials, CTAs, and hero sections.
+
+### [E-commerce Blocks](/docs/blocks/ecommerce)
+
+Product cards, shopping carts, checkout flows, and order summaries.
+
+## How to Use Blocks
+
+1. **Browse** the block categories to find what you need
+2. **Preview** the block in action with live examples
+3. **Copy** the JSON schema from the code tab
+4. **Paste** into your ObjectUI application
+5. **Customize** by modifying the schema to match your needs
+
+### Example: Using a Block
+
+All blocks are defined as JSON schemas. Here's how simple it is:
+
+```tsx
+import { SchemaRenderer } from '@object-ui/react';
+
+// Copy this JSON from any block
+const loginBlockSchema = {
+  type: "card",
+  className: "max-w-md mx-auto",
+  children: [
+    // ... block schema here
+  ]
+};
+
+// Render it in your app
+function App() {
+  return <SchemaRenderer schema={loginBlockSchema} />;
+}
+```
+
+## Customization
+
+Every block is fully customizable:
+
+- **Styling**: Add or modify `className` properties with Tailwind classes
+- **Content**: Change text, labels, and placeholders
+- **Layout**: Adjust spacing, sizing, and arrangement
+- **Behavior**: Add actions, data sources, and expressions
+- **Themes**: Works automatically with your theme configuration
+
+## Block Architecture
+
+All blocks follow ObjectUI best practices:
+
+- Built with composable components
+- Use semantic HTML structure
+- Follow accessibility guidelines
+- Leverage Tailwind utility classes
+- Support responsive breakpoints
+- Include proper ARIA attributes
+
+## Open Source & Free Forever
+
+All blocks are open source under the MIT license. Use them in personal projects, commercial applications, or as inspiration for your own designs.
+
+## Next Steps
+
+- Browse [Authentication Blocks](/docs/blocks/authentication)
+- Explore [Dashboard Blocks](/docs/blocks/dashboard)
+- Check out [Form Blocks](/docs/blocks/forms)
+- View [Marketing Blocks](/docs/blocks/marketing)
+- Discover [E-commerce Blocks](/docs/blocks/ecommerce)
+
+## Contributing
+
+Have a block idea? We'd love to see it! Check out our [contribution guidelines](https://github.com/objectstack-ai/objectui/blob/main/CONTRIBUTING.md) to submit your own blocks.
diff --git a/content/docs/blocks/marketing.mdx b/content/docs/blocks/marketing.mdx
new file mode 100644
index 000000000..8f1780d2b
--- /dev/null
+++ b/content/docs/blocks/marketing.mdx
@@ -0,0 +1,1036 @@
+---
+title: "Marketing Blocks"
+description: "Pricing tables, hero sections, and marketing components"
+---
+
+import { InteractiveDemo } from '@/app/components/ComponentDemo';
+
+# Marketing Blocks
+
+Professional marketing components for landing pages and promotional content.
+
+## Pricing Cards
+
+Responsive pricing table with three tiers.
+
+<InteractiveDemo
+  title="Pricing Table"
+  description="Three-tier pricing layout"
+  schema={{
+    type: "div",
+    className: "w-full max-w-6xl mx-auto",
+    children: [
+      {
+        type: "div",
+        className: "text-center mb-12",
+        children: [
+          {
+            type: "text",
+            content: "Simple, Transparent Pricing",
+            className: "text-3xl font-bold mb-2"
+          },
+          {
+            type: "text",
+            content: "Choose the plan that's right for you",
+            className: "text-muted-foreground"
+          }
+        ]
+      },
+      {
+        type: "div",
+        className: "grid md:grid-cols-3 gap-8",
+        children: [
+          {
+            type: "card",
+            className: "border-2",
+            children: [
+              {
+                type: "div",
+                className: "p-6 space-y-4",
+                children: [
+                  {
+                    type: "div",
+                    children: [
+                      {
+                        type: "text",
+                        content: "Starter",
+                        className: "text-xl font-semibold"
+                      },
+                      {
+                        type: "text",
+                        content: "Perfect for individuals",
+                        className: "text-sm text-muted-foreground"
+                      }
+                    ]
+                  },
+                  {
+                    type: "div",
+                    className: "flex items-baseline",
+                    children: [
+                      {
+                        type: "text",
+                        content: "$9",
+                        className: "text-4xl font-bold"
+                      },
+                      {
+                        type: "text",
+                        content: "/month",
+                        className: "text-muted-foreground ml-1"
+                      }
+                    ]
+                  },
+                  {
+                    type: "button",
+                    label: "Get Started",
+                    variant: "outline",
+                    className: "w-full"
+                  },
+                  {
+                    type: "separator"
+                  },
+                  {
+                    type: "div",
+                    className: "space-y-2",
+                    children: [
+                      {
+                        type: "div",
+                        className: "flex items-center",
+                        children: [
+                          {
+                            type: "icon",
+                            icon: "check",
+                            className: "h-4 w-4 text-primary mr-2"
+                          },
+                          {
+                            type: "text",
+                            content: "Up to 10 projects",
+                            className: "text-sm"
+                          }
+                        ]
+                      },
+                      {
+                        type: "div",
+                        className: "flex items-center",
+                        children: [
+                          {
+                            type: "icon",
+                            icon: "check",
+                            className: "h-4 w-4 text-primary mr-2"
+                          },
+                          {
+                            type: "text",
+                            content: "5GB storage",
+                            className: "text-sm"
+                          }
+                        ]
+                      },
+                      {
+                        type: "div",
+                        className: "flex items-center",
+                        children: [
+                          {
+                            type: "icon",
+                            icon: "check",
+                            className: "h-4 w-4 text-primary mr-2"
+                          },
+                          {
+                            type: "text",
+                            content: "Email support",
+                            className: "text-sm"
+                          }
+                        ]
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            type: "card",
+            className: "border-2 border-primary shadow-lg",
+            children: [
+              {
+                type: "div",
+                className: "p-6 space-y-4",
+                children: [
+                  {
+                    type: "div",
+                    children: [
+                      {
+                        type: "div",
+                        className: "flex items-center justify-between mb-1",
+                        children: [
+                          {
+                            type: "text",
+                            content: "Pro",
+                            className: "text-xl font-semibold"
+                          },
+                          {
+                            type: "badge",
+                            label: "Popular",
+                            variant: "default"
+                          }
+                        ]
+                      },
+                      {
+                        type: "text",
+                        content: "For growing teams",
+                        className: "text-sm text-muted-foreground"
+                      }
+                    ]
+                  },
+                  {
+                    type: "div",
+                    className: "flex items-baseline",
+                    children: [
+                      {
+                        type: "text",
+                        content: "$29",
+                        className: "text-4xl font-bold"
+                      },
+                      {
+                        type: "text",
+                        content: "/month",
+                        className: "text-muted-foreground ml-1"
+                      }
+                    ]
+                  },
+                  {
+                    type: "button",
+                    label: "Get Started",
+                    variant: "default",
+                    className: "w-full"
+                  },
+                  {
+                    type: "separator"
+                  },
+                  {
+                    type: "div",
+                    className: "space-y-2",
+                    children: [
+                      {
+                        type: "div",
+                        className: "flex items-center",
+                        children: [
+                          {
+                            type: "icon",
+                            icon: "check",
+                            className: "h-4 w-4 text-primary mr-2"
+                          },
+                          {
+                            type: "text",
+                            content: "Unlimited projects",
+                            className: "text-sm"
+                          }
+                        ]
+                      },
+                      {
+                        type: "div",
+                        className: "flex items-center",
+                        children: [
+                          {
+                            type: "icon",
+                            icon: "check",
+                            className: "h-4 w-4 text-primary mr-2"
+                          },
+                          {
+                            type: "text",
+                            content: "50GB storage",
+                            className: "text-sm"
+                          }
+                        ]
+                      },
+                      {
+                        type: "div",
+                        className: "flex items-center",
+                        children: [
+                          {
+                            type: "icon",
+                            icon: "check",
+                            className: "h-4 w-4 text-primary mr-2"
+                          },
+                          {
+                            type: "text",
+                            content: "Priority support",
+                            className: "text-sm"
+                          }
+                        ]
+                      },
+                      {
+                        type: "div",
+                        className: "flex items-center",
+                        children: [
+                          {
+                            type: "icon",
+                            icon: "check",
+                            className: "h-4 w-4 text-primary mr-2"
+                          },
+                          {
+                            type: "text",
+                            content: "Advanced analytics",
+                            className: "text-sm"
+                          }
+                        ]
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            type: "card",
+            className: "border-2",
+            children: [
+              {
+                type: "div",
+                className: "p-6 space-y-4",
+                children: [
+                  {
+                    type: "div",
+                    children: [
+                      {
+                        type: "text",
+                        content: "Enterprise",
+                        className: "text-xl font-semibold"
+                      },
+                      {
+                        type: "text",
+                        content: "For large organizations",
+                        className: "text-sm text-muted-foreground"
+                      }
+                    ]
+                  },
+                  {
+                    type: "div",
+                    className: "flex items-baseline",
+                    children: [
+                      {
+                        type: "text",
+                        content: "$99",
+                        className: "text-4xl font-bold"
+                      },
+                      {
+                        type: "text",
+                        content: "/month",
+                        className: "text-muted-foreground ml-1"
+                      }
+                    ]
+                  },
+                  {
+                    type: "button",
+                    label: "Contact Sales",
+                    variant: "outline",
+                    className: "w-full"
+                  },
+                  {
+                    type: "separator"
+                  },
+                  {
+                    type: "div",
+                    className: "space-y-2",
+                    children: [
+                      {
+                        type: "div",
+                        className: "flex items-center",
+                        children: [
+                          {
+                            type: "icon",
+                            icon: "check",
+                            className: "h-4 w-4 text-primary mr-2"
+                          },
+                          {
+                            type: "text",
+                            content: "Unlimited everything",
+                            className: "text-sm"
+                          }
+                        ]
+                      },
+                      {
+                        type: "div",
+                        className: "flex items-center",
+                        children: [
+                          {
+                            type: "icon",
+                            icon: "check",
+                            className: "h-4 w-4 text-primary mr-2"
+                          },
+                          {
+                            type: "text",
+                            content: "500GB storage",
+                            className: "text-sm"
+                          }
+                        ]
+                      },
+                      {
+                        type: "div",
+                        className: "flex items-center",
+                        children: [
+                          {
+                            type: "icon",
+                            icon: "check",
+                            className: "h-4 w-4 text-primary mr-2"
+                          },
+                          {
+                            type: "text",
+                            content: "24/7 phone support",
+                            className: "text-sm"
+                          }
+                        ]
+                      },
+                      {
+                        type: "div",
+                        className: "flex items-center",
+                        children: [
+                          {
+                            type: "icon",
+                            icon: "check",
+                            className: "h-4 w-4 text-primary mr-2"
+                          },
+                          {
+                            type: "text",
+                            content: "Custom integrations",
+                            className: "text-sm"
+                          }
+                        ]
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  }}
+/>
+
+## Feature Grid
+
+Showcase product features in a grid layout.
+
+<InteractiveDemo
+  title="Features Grid"
+  description="Product feature highlights"
+  schema={{
+    type: "div",
+    className: "w-full max-w-6xl mx-auto",
+    children: [
+      {
+        type: "div",
+        className: "text-center mb-12",
+        children: [
+          {
+            type: "text",
+            content: "Everything you need to succeed",
+            className: "text-3xl font-bold mb-2"
+          },
+          {
+            type: "text",
+            content: "Powerful features to help you grow your business",
+            className: "text-muted-foreground"
+          }
+        ]
+      },
+      {
+        type: "div",
+        className: "grid md:grid-cols-3 gap-8",
+        children: [
+          {
+            type: "card",
+            children: [
+              {
+                type: "div",
+                className: "p-6 space-y-3",
+                children: [
+                  {
+                    type: "div",
+                    className: "h-12 w-12 rounded-lg bg-primary/10 flex items-center justify-center",
+                    children: [
+                      {
+                        type: "icon",
+                        icon: "zap",
+                        className: "h-6 w-6 text-primary"
+                      }
+                    ]
+                  },
+                  {
+                    type: "text",
+                    content: "Lightning Fast",
+                    className: "text-xl font-semibold"
+                  },
+                  {
+                    type: "text",
+                    content: "Optimized for speed and performance. Your users will love the experience.",
+                    className: "text-sm text-muted-foreground"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            type: "card",
+            children: [
+              {
+                type: "div",
+                className: "p-6 space-y-3",
+                children: [
+                  {
+                    type: "div",
+                    className: "h-12 w-12 rounded-lg bg-primary/10 flex items-center justify-center",
+                    children: [
+                      {
+                        type: "icon",
+                        icon: "shield",
+                        className: "h-6 w-6 text-primary"
+                      }
+                    ]
+                  },
+                  {
+                    type: "text",
+                    content: "Secure by Default",
+                    className: "text-xl font-semibold"
+                  },
+                  {
+                    type: "text",
+                    content: "Enterprise-grade security to protect your data and your users.",
+                    className: "text-sm text-muted-foreground"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            type: "card",
+            children: [
+              {
+                type: "div",
+                className: "p-6 space-y-3",
+                children: [
+                  {
+                    type: "div",
+                    className: "h-12 w-12 rounded-lg bg-primary/10 flex items-center justify-center",
+                    children: [
+                      {
+                        type: "icon",
+                        icon: "smartphone",
+                        className: "h-6 w-6 text-primary"
+                      }
+                    ]
+                  },
+                  {
+                    type: "text",
+                    content: "Mobile First",
+                    className: "text-xl font-semibold"
+                  },
+                  {
+                    type: "text",
+                    content: "Responsive design that works perfectly on any device, anywhere.",
+                    className: "text-sm text-muted-foreground"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            type: "card",
+            children: [
+              {
+                type: "div",
+                className: "p-6 space-y-3",
+                children: [
+                  {
+                    type: "div",
+                    className: "h-12 w-12 rounded-lg bg-primary/10 flex items-center justify-center",
+                    children: [
+                      {
+                        type: "icon",
+                        icon: "palette",
+                        className: "h-6 w-6 text-primary"
+                      }
+                    ]
+                  },
+                  {
+                    type: "text",
+                    content: "Beautiful Design",
+                    className: "text-xl font-semibold"
+                  },
+                  {
+                    type: "text",
+                    content: "Crafted with attention to detail using modern design principles.",
+                    className: "text-sm text-muted-foreground"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            type: "card",
+            children: [
+              {
+                type: "div",
+                className: "p-6 space-y-3",
+                children: [
+                  {
+                    type: "div",
+                    className: "h-12 w-12 rounded-lg bg-primary/10 flex items-center justify-center",
+                    children: [
+                      {
+                        type: "icon",
+                        icon: "settings",
+                        className: "h-6 w-6 text-primary"
+                      }
+                    ]
+                  },
+                  {
+                    type: "text",
+                    content: "Fully Customizable",
+                    className: "text-xl font-semibold"
+                  },
+                  {
+                    type: "text",
+                    content: "Customize every aspect to match your brand and requirements.",
+                    className: "text-sm text-muted-foreground"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            type: "card",
+            children: [
+              {
+                type: "div",
+                className: "p-6 space-y-3",
+                children: [
+                  {
+                    type: "div",
+                    className: "h-12 w-12 rounded-lg bg-primary/10 flex items-center justify-center",
+                    children: [
+                      {
+                        type: "icon",
+                        icon: "headphones",
+                        className: "h-6 w-6 text-primary"
+                      }
+                    ]
+                  },
+                  {
+                    type: "text",
+                    content: "24/7 Support",
+                    className: "text-xl font-semibold"
+                  },
+                  {
+                    type: "text",
+                    content: "Our team is always here to help you succeed, day or night.",
+                    className: "text-sm text-muted-foreground"
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  }}
+/>
+
+## CTA Section
+
+Call-to-action section for conversions.
+
+<InteractiveDemo
+  title="Call to Action"
+  description="Convert visitors into customers"
+  schema={{
+    type: "card",
+    className: "w-full max-w-4xl mx-auto bg-gradient-to-r from-primary to-primary/80",
+    children: [
+      {
+        type: "div",
+        className: "p-12 text-center space-y-6",
+        children: [
+          {
+            type: "text",
+            content: "Ready to get started?",
+            className: "text-3xl font-bold text-white"
+          },
+          {
+            type: "text",
+            content: "Join thousands of users who trust us to power their applications",
+            className: "text-lg text-white/90 max-w-2xl mx-auto"
+          },
+          {
+            type: "div",
+            className: "flex items-center justify-center gap-4",
+            children: [
+              {
+                type: "button",
+                label: "Start Free Trial",
+                variant: "secondary",
+                size: "lg"
+              },
+              {
+                type: "button",
+                label: "Schedule Demo",
+                variant: "outline",
+                size: "lg",
+                className: "border-white text-white hover:bg-white/10"
+              }
+            ]
+          },
+          {
+            type: "div",
+            className: "flex items-center justify-center gap-8 text-white/80 text-sm",
+            children: [
+              {
+                type: "div",
+                className: "flex items-center gap-2",
+                children: [
+                  {
+                    type: "icon",
+                    icon: "check-circle",
+                    className: "h-4 w-4"
+                  },
+                  {
+                    type: "text",
+                    content: "No credit card required"
+                  }
+                ]
+              },
+              {
+                type: "div",
+                className: "flex items-center gap-2",
+                children: [
+                  {
+                    type: "icon",
+                    icon: "check-circle",
+                    className: "h-4 w-4"
+                  },
+                  {
+                    type: "text",
+                    content: "Cancel anytime"
+                  }
+                ]
+              },
+              {
+                type: "div",
+                className: "flex items-center gap-2",
+                children: [
+                  {
+                    type: "icon",
+                    icon: "check-circle",
+                    className: "h-4 w-4"
+                  },
+                  {
+                    type: "text",
+                    content: "24/7 support"
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  }}
+/>
+
+## Testimonials
+
+Customer testimonials and social proof.
+
+<InteractiveDemo
+  title="Testimonials"
+  description="Social proof from happy customers"
+  schema={{
+    type: "div",
+    className: "w-full max-w-6xl mx-auto",
+    children: [
+      {
+        type: "div",
+        className: "text-center mb-12",
+        children: [
+          {
+            type: "text",
+            content: "Loved by thousands",
+            className: "text-3xl font-bold mb-2"
+          },
+          {
+            type: "text",
+            content: "See what our customers have to say",
+            className: "text-muted-foreground"
+          }
+        ]
+      },
+      {
+        type: "div",
+        className: "grid md:grid-cols-3 gap-6",
+        children: [
+          {
+            type: "card",
+            children: [
+              {
+                type: "div",
+                className: "p-6 space-y-4",
+                children: [
+                  {
+                    type: "div",
+                    className: "flex items-center gap-1",
+                    children: [
+                      {
+                        type: "icon",
+                        icon: "star",
+                        className: "h-4 w-4 fill-yellow-500 text-yellow-500"
+                      },
+                      {
+                        type: "icon",
+                        icon: "star",
+                        className: "h-4 w-4 fill-yellow-500 text-yellow-500"
+                      },
+                      {
+                        type: "icon",
+                        icon: "star",
+                        className: "h-4 w-4 fill-yellow-500 text-yellow-500"
+                      },
+                      {
+                        type: "icon",
+                        icon: "star",
+                        className: "h-4 w-4 fill-yellow-500 text-yellow-500"
+                      },
+                      {
+                        type: "icon",
+                        icon: "star",
+                        className: "h-4 w-4 fill-yellow-500 text-yellow-500"
+                      }
+                    ]
+                  },
+                  {
+                    type: "text",
+                    content: "\"This product has completely transformed how we build our applications. The time savings alone make it worth every penny.\"",
+                    className: "text-sm"
+                  },
+                  {
+                    type: "div",
+                    className: "flex items-center gap-3",
+                    children: [
+                      {
+                        type: "avatar",
+                        fallback: "JD",
+                        className: "h-10 w-10"
+                      },
+                      {
+                        type: "div",
+                        children: [
+                          {
+                            type: "text",
+                            content: "John Doe",
+                            className: "text-sm font-semibold"
+                          },
+                          {
+                            type: "text",
+                            content: "CEO, Tech Corp",
+                            className: "text-xs text-muted-foreground"
+                          }
+                        ]
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            type: "card",
+            children: [
+              {
+                type: "div",
+                className: "p-6 space-y-4",
+                children: [
+                  {
+                    type: "div",
+                    className: "flex items-center gap-1",
+                    children: [
+                      {
+                        type: "icon",
+                        icon: "star",
+                        className: "h-4 w-4 fill-yellow-500 text-yellow-500"
+                      },
+                      {
+                        type: "icon",
+                        icon: "star",
+                        className: "h-4 w-4 fill-yellow-500 text-yellow-500"
+                      },
+                      {
+                        type: "icon",
+                        icon: "star",
+                        className: "h-4 w-4 fill-yellow-500 text-yellow-500"
+                      },
+                      {
+                        type: "icon",
+                        icon: "star",
+                        className: "h-4 w-4 fill-yellow-500 text-yellow-500"
+                      },
+                      {
+                        type: "icon",
+                        icon: "star",
+                        className: "h-4 w-4 fill-yellow-500 text-yellow-500"
+                      }
+                    ]
+                  },
+                  {
+                    type: "text",
+                    content: "\"The flexibility and ease of use is unmatched. We migrated our entire platform and couldn't be happier with the results.\"",
+                    className: "text-sm"
+                  },
+                  {
+                    type: "div",
+                    className: "flex items-center gap-3",
+                    children: [
+                      {
+                        type: "avatar",
+                        fallback: "JS",
+                        className: "h-10 w-10"
+                      },
+                      {
+                        type: "div",
+                        children: [
+                          {
+                            type: "text",
+                            content: "Jane Smith",
+                            className: "text-sm font-semibold"
+                          },
+                          {
+                            type: "text",
+                            content: "CTO, StartupXYZ",
+                            className: "text-xs text-muted-foreground"
+                          }
+                        ]
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            type: "card",
+            children: [
+              {
+                type: "div",
+                className: "p-6 space-y-4",
+                children: [
+                  {
+                    type: "div",
+                    className: "flex items-center gap-1",
+                    children: [
+                      {
+                        type: "icon",
+                        icon: "star",
+                        className: "h-4 w-4 fill-yellow-500 text-yellow-500"
+                      },
+                      {
+                        type: "icon",
+                        icon: "star",
+                        className: "h-4 w-4 fill-yellow-500 text-yellow-500"
+                      },
+                      {
+                        type: "icon",
+                        icon: "star",
+                        className: "h-4 w-4 fill-yellow-500 text-yellow-500"
+                      },
+                      {
+                        type: "icon",
+                        icon: "star",
+                        className: "h-4 w-4 fill-yellow-500 text-yellow-500"
+                      },
+                      {
+                        type: "icon",
+                        icon: "star",
+                        className: "h-4 w-4 fill-yellow-500 text-yellow-500"
+                      }
+                    ]
+                  },
+                  {
+                    type: "text",
+                    content: "\"Outstanding support and documentation. The team really cares about their users and it shows in every detail.\"",
+                    className: "text-sm"
+                  },
+                  {
+                    type: "div",
+                    className: "flex items-center gap-3",
+                    children: [
+                      {
+                        type: "avatar",
+                        fallback: "MJ",
+                        className: "h-10 w-10"
+                      },
+                      {
+                        type: "div",
+                        children: [
+                          {
+                            type: "text",
+                            content: "Mike Johnson",
+                            className: "text-sm font-semibold"
+                          },
+                          {
+                            type: "text",
+                            content: "Product Lead, BigCo",
+                            className: "text-xs text-muted-foreground"
+                          }
+                        ]
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  }}
+/>
+
+## Usage
+
+Customize marketing blocks for your campaigns:
+
+### Update Colors
+
+```json
+{
+  "type": "card",
+  "className": "bg-gradient-to-r from-blue-600 to-purple-600"
+}
+```
+
+### Add Analytics
+
+```json
+{
+  "type": "button",
+  "label": "Get Started",
+  "action": {
+    "type": "analytics",
+    "event": "cta_clicked"
+  }
+}
+```
+
+### Customize Content
+
+```json
+{
+  "type": "text",
+  "content": "Your custom headline here",
+  "className": "text-4xl font-bold"
+}
+```
+
+## Next Steps
+
+- Browse [E-commerce Blocks](/docs/blocks/ecommerce)
+- Explore [Authentication Blocks](/docs/blocks/authentication)
+- Learn about [Theming](/docs/guide/theming)
diff --git a/content/docs/blocks/meta.json b/content/docs/blocks/meta.json
new file mode 100644
index 000000000..6d9ecd7f2
--- /dev/null
+++ b/content/docs/blocks/meta.json
@@ -0,0 +1,10 @@
+{
+  "title": "Blocks",
+  "pages": [
+    "authentication",
+    "dashboard",
+    "forms",
+    "marketing",
+    "ecommerce"
+  ]
+}
diff --git a/content/docs/meta.json b/content/docs/meta.json
index e3608747f..20dfb8951 100644
--- a/content/docs/meta.json
+++ b/content/docs/meta.json
@@ -1,6 +1,7 @@
 {
   "pages": [
     "guide",
+    "blocks",
     "core",
     "fields",
     "components",

From b376898710bd285224eb6035eca8f70f9caa46fb Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Wed, 28 Jan 2026 05:31:06 +0000
Subject: [PATCH 3/3] Fix icon property name from 'icon' to 'name' in all block
 examples

Co-authored-by: hotlong <50353452+hotlong@users.noreply.github.com>
---
 content/docs/blocks/dashboard.mdx | 16 +++----
 content/docs/blocks/ecommerce.mdx | 28 ++++++-------
 content/docs/blocks/forms.mdx     |  2 +-
 content/docs/blocks/marketing.mdx | 70 +++++++++++++++----------------
 4 files changed, 58 insertions(+), 58 deletions(-)

diff --git a/content/docs/blocks/dashboard.mdx b/content/docs/blocks/dashboard.mdx
index b6fc1b41d..00b380a8e 100644
--- a/content/docs/blocks/dashboard.mdx
+++ b/content/docs/blocks/dashboard.mdx
@@ -38,7 +38,7 @@ Display key metrics with trend indicators.
                   },
                   {
                     type: "icon",
-                    icon: "dollar-sign",
+                    name: "dollar-sign",
                     className: "h-4 w-4 text-muted-foreground"
                   }
                 ]
@@ -58,7 +58,7 @@ Display key metrics with trend indicators.
                     children: [
                       {
                         type: "icon",
-                        icon: "trending-up",
+                        name: "trending-up",
                         className: "h-3 w-3 text-green-500 mr-1"
                       },
                       {
@@ -92,7 +92,7 @@ Display key metrics with trend indicators.
                   },
                   {
                     type: "icon",
-                    icon: "users",
+                    name: "users",
                     className: "h-4 w-4 text-muted-foreground"
                   }
                 ]
@@ -112,7 +112,7 @@ Display key metrics with trend indicators.
                     children: [
                       {
                         type: "icon",
-                        icon: "trending-up",
+                        name: "trending-up",
                         className: "h-3 w-3 text-green-500 mr-1"
                       },
                       {
@@ -146,7 +146,7 @@ Display key metrics with trend indicators.
                   },
                   {
                     type: "icon",
-                    icon: "activity",
+                    name: "activity",
                     className: "h-4 w-4 text-muted-foreground"
                   }
                 ]
@@ -166,7 +166,7 @@ Display key metrics with trend indicators.
                     children: [
                       {
                         type: "icon",
-                        icon: "trending-up",
+                        name: "trending-up",
                         className: "h-3 w-3 text-green-500 mr-1"
                       },
                       {
@@ -200,7 +200,7 @@ Display key metrics with trend indicators.
                   },
                   {
                     type: "icon",
-                    icon: "percent",
+                    name: "percent",
                     className: "h-4 w-4 text-muted-foreground"
                   }
                 ]
@@ -220,7 +220,7 @@ Display key metrics with trend indicators.
                     children: [
                       {
                         type: "icon",
-                        icon: "trending-down",
+                        name: "trending-down",
                         className: "h-3 w-3 text-red-500 mr-1"
                       },
                       {
diff --git a/content/docs/blocks/ecommerce.mdx b/content/docs/blocks/ecommerce.mdx
index 0e2c88473..7b596aaee 100644
--- a/content/docs/blocks/ecommerce.mdx
+++ b/content/docs/blocks/ecommerce.mdx
@@ -26,7 +26,7 @@ Product display with image, title, price, and actions.
         children: [
           {
             type: "icon",
-            icon: "package",
+            name: "package",
             className: "h-24 w-24 text-muted-foreground"
           }
         ]
@@ -57,27 +57,27 @@ Product display with image, title, price, and actions.
             children: [
               {
                 type: "icon",
-                icon: "star",
+                name: "star",
                 className: "h-4 w-4 fill-yellow-500 text-yellow-500"
               },
               {
                 type: "icon",
-                icon: "star",
+                name: "star",
                 className: "h-4 w-4 fill-yellow-500 text-yellow-500"
               },
               {
                 type: "icon",
-                icon: "star",
+                name: "star",
                 className: "h-4 w-4 fill-yellow-500 text-yellow-500"
               },
               {
                 type: "icon",
-                icon: "star",
+                name: "star",
                 className: "h-4 w-4 fill-yellow-500 text-yellow-500"
               },
               {
                 type: "icon",
-                icon: "star",
+                name: "star",
                 className: "h-4 w-4 text-muted"
               },
               {
@@ -127,7 +127,7 @@ Product display with image, title, price, and actions.
                 children: [
                   {
                     type: "icon",
-                    icon: "heart",
+                    name: "heart",
                     className: "h-4 w-4"
                   }
                 ]
@@ -181,7 +181,7 @@ Multiple products in a responsive grid.
                 children: [
                   {
                     type: "icon",
-                    icon: "smartphone",
+                    name: "smartphone",
                     className: "h-16 w-16 text-muted-foreground"
                   }
                 ]
@@ -221,7 +221,7 @@ Multiple products in a responsive grid.
                 children: [
                   {
                     type: "icon",
-                    icon: "watch",
+                    name: "watch",
                     className: "h-16 w-16 text-muted-foreground"
                   }
                 ]
@@ -261,7 +261,7 @@ Multiple products in a responsive grid.
                 children: [
                   {
                     type: "icon",
-                    icon: "laptop",
+                    name: "laptop",
                     className: "h-16 w-16 text-muted-foreground"
                   }
                 ]
@@ -301,7 +301,7 @@ Multiple products in a responsive grid.
                 children: [
                   {
                     type: "icon",
-                    icon: "headphones",
+                    name: "headphones",
                     className: "h-16 w-16 text-muted-foreground"
                   }
                 ]
@@ -385,7 +385,7 @@ Cart summary with items and checkout.
                     children: [
                       {
                         type: "icon",
-                        icon: "smartphone",
+                        name: "smartphone",
                         className: "h-8 w-8 text-muted-foreground"
                       }
                     ]
@@ -464,7 +464,7 @@ Cart summary with items and checkout.
                     children: [
                       {
                         type: "icon",
-                        icon: "headphones",
+                        name: "headphones",
                         className: "h-8 w-8 text-muted-foreground"
                       }
                     ]
@@ -704,7 +704,7 @@ Checkout order review.
                         children: [
                           {
                             type: "icon",
-                            icon: "credit-card",
+                            name: "credit-card",
                             className: "h-6 w-6"
                           }
                         ]
diff --git a/content/docs/blocks/forms.mdx b/content/docs/blocks/forms.mdx
index c67461d49..b2866f9d9 100644
--- a/content/docs/blocks/forms.mdx
+++ b/content/docs/blocks/forms.mdx
@@ -413,7 +413,7 @@ Simple newsletter subscription form.
             children: [
               {
                 type: "icon",
-                icon: "mail",
+                name: "mail",
                 className: "h-12 w-12 mx-auto text-primary"
               },
               {
diff --git a/content/docs/blocks/marketing.mdx b/content/docs/blocks/marketing.mdx
index 8f1780d2b..f455bed01 100644
--- a/content/docs/blocks/marketing.mdx
+++ b/content/docs/blocks/marketing.mdx
@@ -98,7 +98,7 @@ Responsive pricing table with three tiers.
                         children: [
                           {
                             type: "icon",
-                            icon: "check",
+                            name: "check",
                             className: "h-4 w-4 text-primary mr-2"
                           },
                           {
@@ -114,7 +114,7 @@ Responsive pricing table with three tiers.
                         children: [
                           {
                             type: "icon",
-                            icon: "check",
+                            name: "check",
                             className: "h-4 w-4 text-primary mr-2"
                           },
                           {
@@ -130,7 +130,7 @@ Responsive pricing table with three tiers.
                         children: [
                           {
                             type: "icon",
-                            icon: "check",
+                            name: "check",
                             className: "h-4 w-4 text-primary mr-2"
                           },
                           {
@@ -215,7 +215,7 @@ Responsive pricing table with three tiers.
                         children: [
                           {
                             type: "icon",
-                            icon: "check",
+                            name: "check",
                             className: "h-4 w-4 text-primary mr-2"
                           },
                           {
@@ -231,7 +231,7 @@ Responsive pricing table with three tiers.
                         children: [
                           {
                             type: "icon",
-                            icon: "check",
+                            name: "check",
                             className: "h-4 w-4 text-primary mr-2"
                           },
                           {
@@ -247,7 +247,7 @@ Responsive pricing table with three tiers.
                         children: [
                           {
                             type: "icon",
-                            icon: "check",
+                            name: "check",
                             className: "h-4 w-4 text-primary mr-2"
                           },
                           {
@@ -263,7 +263,7 @@ Responsive pricing table with three tiers.
                         children: [
                           {
                             type: "icon",
-                            icon: "check",
+                            name: "check",
                             className: "h-4 w-4 text-primary mr-2"
                           },
                           {
@@ -337,7 +337,7 @@ Responsive pricing table with three tiers.
                         children: [
                           {
                             type: "icon",
-                            icon: "check",
+                            name: "check",
                             className: "h-4 w-4 text-primary mr-2"
                           },
                           {
@@ -353,7 +353,7 @@ Responsive pricing table with three tiers.
                         children: [
                           {
                             type: "icon",
-                            icon: "check",
+                            name: "check",
                             className: "h-4 w-4 text-primary mr-2"
                           },
                           {
@@ -369,7 +369,7 @@ Responsive pricing table with three tiers.
                         children: [
                           {
                             type: "icon",
-                            icon: "check",
+                            name: "check",
                             className: "h-4 w-4 text-primary mr-2"
                           },
                           {
@@ -385,7 +385,7 @@ Responsive pricing table with three tiers.
                         children: [
                           {
                             type: "icon",
-                            icon: "check",
+                            name: "check",
                             className: "h-4 w-4 text-primary mr-2"
                           },
                           {
@@ -451,7 +451,7 @@ Showcase product features in a grid layout.
                     children: [
                       {
                         type: "icon",
-                        icon: "zap",
+                        name: "zap",
                         className: "h-6 w-6 text-primary"
                       }
                     ]
@@ -483,7 +483,7 @@ Showcase product features in a grid layout.
                     children: [
                       {
                         type: "icon",
-                        icon: "shield",
+                        name: "shield",
                         className: "h-6 w-6 text-primary"
                       }
                     ]
@@ -515,7 +515,7 @@ Showcase product features in a grid layout.
                     children: [
                       {
                         type: "icon",
-                        icon: "smartphone",
+                        name: "smartphone",
                         className: "h-6 w-6 text-primary"
                       }
                     ]
@@ -547,7 +547,7 @@ Showcase product features in a grid layout.
                     children: [
                       {
                         type: "icon",
-                        icon: "palette",
+                        name: "palette",
                         className: "h-6 w-6 text-primary"
                       }
                     ]
@@ -579,7 +579,7 @@ Showcase product features in a grid layout.
                     children: [
                       {
                         type: "icon",
-                        icon: "settings",
+                        name: "settings",
                         className: "h-6 w-6 text-primary"
                       }
                     ]
@@ -611,7 +611,7 @@ Showcase product features in a grid layout.
                     children: [
                       {
                         type: "icon",
-                        icon: "headphones",
+                        name: "headphones",
                         className: "h-6 w-6 text-primary"
                       }
                     ]
@@ -690,7 +690,7 @@ Call-to-action section for conversions.
                 children: [
                   {
                     type: "icon",
-                    icon: "check-circle",
+                    name: "check-circle",
                     className: "h-4 w-4"
                   },
                   {
@@ -705,7 +705,7 @@ Call-to-action section for conversions.
                 children: [
                   {
                     type: "icon",
-                    icon: "check-circle",
+                    name: "check-circle",
                     className: "h-4 w-4"
                   },
                   {
@@ -720,7 +720,7 @@ Call-to-action section for conversions.
                 children: [
                   {
                     type: "icon",
-                    icon: "check-circle",
+                    name: "check-circle",
                     className: "h-4 w-4"
                   },
                   {
@@ -781,27 +781,27 @@ Customer testimonials and social proof.
                     children: [
                       {
                         type: "icon",
-                        icon: "star",
+                        name: "star",
                         className: "h-4 w-4 fill-yellow-500 text-yellow-500"
                       },
                       {
                         type: "icon",
-                        icon: "star",
+                        name: "star",
                         className: "h-4 w-4 fill-yellow-500 text-yellow-500"
                       },
                       {
                         type: "icon",
-                        icon: "star",
+                        name: "star",
                         className: "h-4 w-4 fill-yellow-500 text-yellow-500"
                       },
                       {
                         type: "icon",
-                        icon: "star",
+                        name: "star",
                         className: "h-4 w-4 fill-yellow-500 text-yellow-500"
                       },
                       {
                         type: "icon",
-                        icon: "star",
+                        name: "star",
                         className: "h-4 w-4 fill-yellow-500 text-yellow-500"
                       }
                     ]
@@ -854,27 +854,27 @@ Customer testimonials and social proof.
                     children: [
                       {
                         type: "icon",
-                        icon: "star",
+                        name: "star",
                         className: "h-4 w-4 fill-yellow-500 text-yellow-500"
                       },
                       {
                         type: "icon",
-                        icon: "star",
+                        name: "star",
                         className: "h-4 w-4 fill-yellow-500 text-yellow-500"
                       },
                       {
                         type: "icon",
-                        icon: "star",
+                        name: "star",
                         className: "h-4 w-4 fill-yellow-500 text-yellow-500"
                       },
                       {
                         type: "icon",
-                        icon: "star",
+                        name: "star",
                         className: "h-4 w-4 fill-yellow-500 text-yellow-500"
                       },
                       {
                         type: "icon",
-                        icon: "star",
+                        name: "star",
                         className: "h-4 w-4 fill-yellow-500 text-yellow-500"
                       }
                     ]
@@ -927,27 +927,27 @@ Customer testimonials and social proof.
                     children: [
                       {
                         type: "icon",
-                        icon: "star",
+                        name: "star",
                         className: "h-4 w-4 fill-yellow-500 text-yellow-500"
                       },
                       {
                         type: "icon",
-                        icon: "star",
+                        name: "star",
                         className: "h-4 w-4 fill-yellow-500 text-yellow-500"
                       },
                       {
                         type: "icon",
-                        icon: "star",
+                        name: "star",
                         className: "h-4 w-4 fill-yellow-500 text-yellow-500"
                       },
                       {
                         type: "icon",
-                        icon: "star",
+                        name: "star",
                         className: "h-4 w-4 fill-yellow-500 text-yellow-500"
                       },
                       {
                         type: "icon",
-                        icon: "star",
+                        name: "star",
                         className: "h-4 w-4 fill-yellow-500 text-yellow-500"
                       }
                     ]