From a82477d46780b82b9e251994ec76a9bce6a7bd50 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Sun, 7 Jun 2026 19:05:50 +0000
Subject: [PATCH 1/2] Bob AI: add a button inside of each one of the our impact
 cards with

---
 src/pages/HomePage/sections/Metrics.tsx | 86 ++++++++++++++++---------
 1 file changed, 55 insertions(+), 31 deletions(-)

diff --git a/src/pages/HomePage/sections/Metrics.tsx b/src/pages/HomePage/sections/Metrics.tsx
index e2911a9..0711c20 100644
--- a/src/pages/HomePage/sections/Metrics.tsx
+++ b/src/pages/HomePage/sections/Metrics.tsx
@@ -1,38 +1,62 @@
-// 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 { Pizza, Star, Award } from "lucide-react";
 import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+import Button from "@/components/ui/Button";
+import Tag from "@/components/ui/Tag";
+import Card from "@/components/ui/Card";
+import ScrollReveal from "@/components/ui/ScrollReveal";
 
 export default function MetricsSection(): React.JSX.Element {
+  const 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+",
+    },
+  ];
+
   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>
+    <div id="metrics" data-webild-section="metrics">
+      <SectionErrorBoundary name="metrics">
+        <section className="py-24 bg-background">
+          <div className="max-w-6xl mx-auto px-6">
+            <div className="text-center mb-16">
+              <ScrollReveal>
+                <Tag text="Our Impact" className="mb-4" />
+                <h2 className="text-4xl md:text-5xl font-bold text-foreground mb-6">A Taste of Our Success</h2>
+                <p className="text-lg text-muted-foreground max-w-2xl mx-auto">
+                  More than just pizza, it's a legacy of flavor and satisfied customers.
+                </p>
+              </ScrollReveal>
+            </div>
+
+            <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
+              {metrics.map((metric, index) => (
+                <ScrollReveal key={index} delay={index * 0.1} className="h-full">
+                  <Card className="p-8 flex flex-col items-center text-center h-full">
+                    <div className="w-16 h-16 rounded-full bg-primary-cta/10 flex items-center justify-center mb-6 text-primary-cta">
+                      <metric.icon size={32} />
+                    </div>
+                    <h3 className="text-4xl font-bold text-foreground mb-2">{metric.value}</h3>
+                    <p className="text-lg text-muted-foreground mb-8 flex-grow">{metric.title}</p>
+                    <Button text="Contact" variant="secondary" className="w-full mt-auto" />
+                  </Card>
+                </ScrollReveal>
+              ))}
+            </div>
+          </div>
+        </section>
+      </SectionErrorBoundary>
+    </div>
   );
 }

From 2fea80ea29beeeb2c387b4c7f97b6f135ccb8aea Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Sun, 7 Jun 2026 19:06:23 +0000
Subject: [PATCH 2/2] Bob AI: fix build errors (attempt 1)

---
 src/pages/HomePage/sections/Metrics.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/pages/HomePage/sections/Metrics.tsx b/src/pages/HomePage/sections/Metrics.tsx
index 0711c20..8ce97d7 100644
--- a/src/pages/HomePage/sections/Metrics.tsx
+++ b/src/pages/HomePage/sections/Metrics.tsx
@@ -28,13 +28,13 @@ export default function MetricsSection(): React.JSX.Element {
   return (
     <div id="metrics" data-webild-section="metrics">
       <SectionErrorBoundary name="metrics">
-        <section className="py-24 bg-background">
-          <div className="max-w-6xl mx-auto px-6">
-            <div className="text-center mb-16">
-              <ScrollReveal>
+        <section className="bg-background">
+          <div className="max-w-content-width mx-auto px-6">
+            <div className="text-center">
+              <ScrollReveal variant="slide-up">
                 <Tag text="Our Impact" className="mb-4" />
                 <h2 className="text-4xl md:text-5xl font-bold text-foreground mb-6">A Taste of Our Success</h2>
-                <p className="text-lg text-muted-foreground max-w-2xl mx-auto">
+                <p className="text-lg text-muted-foreground max-w-content-width mx-auto">
                   More than just pizza, it's a legacy of flavor and satisfied customers.
                 </p>
               </ScrollReveal>
@@ -42,7 +42,7 @@ export default function MetricsSection(): React.JSX.Element {
 
             <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
               {metrics.map((metric, index) => (
-                <ScrollReveal key={index} delay={index * 0.1} className="h-full">
+                <ScrollReveal key={index} variant="slide-up" delay={index * 0.1} className="h-full">
                   <Card className="p-8 flex flex-col items-center text-center h-full">
                     <div className="w-16 h-16 rounded-full bg-primary-cta/10 flex items-center justify-center mb-6 text-primary-cta">
                       <metric.icon size={32} />
@@ -59,4 +59,4 @@ export default function MetricsSection(): React.JSX.Element {
       </SectionErrorBoundary>
     </div>
   );
-}
+}
\ No newline at end of file