diff --git a/src/pages/HomePage/sections/Metrics.tsx b/src/pages/HomePage/sections/Metrics.tsx
new file mode 100644
index 0000000..e2911a9
--- /dev/null
+++ b/src/pages/HomePage/sections/Metrics.tsx
@@ -0,0 +1,38 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "metrics" section.
+
+import React from 'react';
+import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
+import { Award, Clock, DollarSign, Droplet, Flame, Pizza, Star, Wheat } from "lucide-react";
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function MetricsSection(): React.JSX.Element {
+  return (
+    <div id="metrics" data-section="metrics">
+        <SectionErrorBoundary name="metrics">
+              <MetricsIconCards
+          tag="Our Impact"
+          title="A Taste of Our Success"
+          description="More than just pizza, it's a legacy of flavor and satisfied customers."
+          metrics={[
+            {
+              icon: Pizza,
+              title: "Pizzas Baked",
+              value: "50,000+",
+            },
+            {
+              icon: Star,
+              title: "Happy Customers",
+              value: "10,000+",
+            },
+            {
+              icon: Award,
+              title: "Years Serving SF",
+              value: "15+",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}