diff --git a/src/app/page.tsx b/src/app/page.tsx
index 17bb22b..bc12b4e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -209,6 +209,41 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="metrics-new" data-section="metrics-new">
+        <CardStack
+          children="Sample children"
+          animationType="none"
+          textboxLayout="default"
+          mode="buttons"
+          gridVariant="uniform-all-items-equal"
+          uniformGridCustomHeightClasses="varies by usage"
+          title="Your Title Here"
+          titleSegments="text"
+          description="Add your description here."
+          tag="Sample tag"
+          tagIcon={MessageCircle}
+          buttons={[
+              {
+                "text": "High-quality solution tailored to your needs.",
+                "onClick": "Sample onClick 1",
+                "href": "#"
+              },
+              {
+                "text": "Professional-grade features for growing teams.",
+                "onClick": "Sample onClick 2",
+                "href": "#"
+              },
+              {
+                "text": "Enterprise-level capabilities for large organizations.",
+                "onClick": "Sample onClick 3",
+                "href": "#"
+              }
+            ]}
+          useInvertedBackground="noInvert"
+          ariaLabel="Card stack"
+        />
+      </div>
+
       <div id="metrics-new" data-section="metrics-new">
         <CardStack
           children="Sample children"