diff --git a/registry/components/AboutMetric.json b/registry/components/AboutMetric.json
new file mode 100644
index 0000000..81ca7d6
--- /dev/null
+++ b/registry/components/AboutMetric.json
@@ -0,0 +1,58 @@
+{
+  "name": "AboutMetric",
+  "description": "About section with centered animated title and metric cards in a responsive grid.",
+  "details": "Use for showcasing company metrics, achievements, and statistics with visual impact. Features centered large animated title (2xl on mobile, 5xl on desktop) using words-trigger variant with theme's default text animation. Displays 2-4 metric cards in a responsive grid (1 column mobile, 2-4 columns desktop based on metric count). Each card includes an icon in a primary-button styled container, metric label, and large value text (6xl). Cards have fixed height (h-fit with py-8 md:py-10), rounded-theme-capped borders, and centered content. Perfect for highlighting key business achievements, statistics, or milestones.",
+  "constraints": {
+    "textRules": {
+      "title": {
+        "required": true,
+        "example": "At Berco Inc. we redefine innovation by empowering businesses to reach their full potential",
+        "minChars": 20,
+        "maxChars": 300
+      }
+    },
+    "metricRules": {
+      "minMetrics": 2,
+      "maxMetrics": 4,
+      "structure": {
+        "icon": "LucideIcon - Icon component from lucide-react (required)",
+        "label": "string - Descriptive label for the metric (required, e.g., 'Conversions', 'Partnered Brands')",
+        "value": "string - Metric value to display (required, e.g., '7,000+', '2018', '30+', '100M+')"
+      },
+      "note": "Provide 2-4 metrics for optimal layout. Grid automatically adjusts columns based on metric count (2 metrics = 2 cols, 3 metrics = 3 cols, 4 metrics = 4 cols). Import icons from lucide-react."
+    }
+  },
+  "propsSchema": {
+    "title": "string",
+    "metrics": "Array<{ icon: LucideIcon, label: string, value: string }>",
+    "metricsAnimation": "'none' | 'opacity' | 'slide-up' | 'blur-reveal'",
+    "useInvertedBackground": "boolean",
+    "ariaLabel?": "string (default: 'About metrics section')",
+    "className?": "string",
+    "containerClassName?": "string",
+    "titleClassName?": "string",
+    "metricsContainerClassName?": "string",
+    "metricCardClassName?": "string",
+    "metricIconClassName?": "string",
+    "metricLabelClassName?": "string",
+    "metricValueClassName?": "string"
+  },
+  "usageExample": "// Wrap in ThemeProvider\nimport { TrendingUp, ShoppingCart, Users, Globe } from 'lucide-react';\n\n<ThemeProvider defaultButtonVariant=\"icon-arrow\" defaultTextAnimation=\"reveal-blur\" borderRadius=\"soft\" background=\"aurora\" cardStyle=\"glass-elevated\" primaryButtonStyle=\"gradient\" secondaryButtonStyle=\"glass\">\n  <AboutMetric \n    title=\"At Berco Inc. we redefine innovation by empowering businesses to reach their full potential\" \n    useInvertedBackground={false}\n    metrics={[\n      { icon: TrendingUp, label: 'Conversions', value: '7,000+' },\n      { icon: ShoppingCart, label: 'Ecommerce Since', value: '2018' },\n      { icon: Users, label: 'Partnered Brands', value: '30+' },\n      { icon: Globe, label: 'Global Impressions Generated Annually', value: '100M+' }\n    ]} \n  />\n</ThemeProvider>",
+  "do": [
+    "Use for feature showcases",
+    "Use for capability displays",
+    "Use for about pages",
+    "Use for company information",
+    "Use for statistics displays",
+    "Use for achievement showcases",
+    "Requires metrics[]"
+  ],
+  "dont": [
+    "Do not use more than 4 items"
+  ],
+  "editRules": {
+    "textOnly": true,
+    "layoutLocked": true,
+    "styleLocked": true
+  }
+}