Switch to version 1: modified src/app/page.tsx

src/app/page.tsx

@@ -7,6 +7,7 @@ import FaqBase from '@/components/sections/faq/FaqBase';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
 import LegalSection from '@/components/legal/LegalSection';
+import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 
 export default function LandingPage() {
@@ -73,7 +74,7 @@ export default function LandingPage() {
             useInvertedBackground={true}
             faqs={[
               { id: "f1", title: "How do I apply?", content: "Fill out our online form and we will review it within 48 hours." },
-              { id: "f2", title: "What kinds of animals can I bring ", content: "Fees are non-refundable as they cover essential medical care." },
+              { id: "f2", title: "Is the adoption fee refundable?", content: "Fees are non-refundable as they cover essential medical care." },
               { id: "f3", title: "Can I return the pet?", content: "We have a lifelong return policy, we always take them back." },
             ]}
             title="Common Questions"
@@ -82,6 +83,20 @@ export default function LandingPage() {
           />
         </div>
 
+        <div id="metric" data-section="metric">
+          <MetricCardFourteen
+            useInvertedBackground={false}
+            title="Our Impact"
+            tag="Annual Report"
+            metrics={[
+              { id: "m1", value: "1200", description: "Successful Adoptions" },
+              { id: "m2", value: "500", description: "Emergency Vets" },
+              { id: "m3", value: "300", description: "Tons of Food" },
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
+
         <div id="legal" data-section="legal">
           <LegalSection 
             layout="page"