diff --git a/src/app/page.tsx b/src/app/page.tsx
index ea149fa..17bb22b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -12,6 +12,7 @@ import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'
 import { CheckCircle, Flower2, Leaf, Palette, Sparkles, MessageCircle } from "lucide-react";
 import ContactFaq from "@/components/sections/contact/ContactFaq";
 import ContactForm from "@/components/form/ContactForm";
+import CardStack from "@/components/cardStack/CardStack";
 
 const handleImageClick = (imageUrl) => {
   window.open(imageUrl, '_blank', 'width=80%');
@@ -207,6 +208,14 @@ export default function LandingPage() {
           ]}
         />
       </div>
+
+      <div id="metrics-new" data-section="metrics-new">
+        <CardStack
+          children="Sample children"
+          animationType="none"
+          textboxLayout="default"
+        />
+      </div>
       <div id="footer" data-section="footer">
         <FooterLogoEmphasis
           logoText="MossArt"