Update src/app/page.tsx

Merge version_7 into main

src/app/about/page.tsx

@@ -97,6 +97,7 @@ export default function AboutPage() {
           ]}
           metricsAnimation="slide-up"
           useInvertedBackground={false}
+          metricsContainerClassName="grid grid-cols-1 md:grid-cols-2 gap-8 md:gap-12 min-h-96 md:min-h-80"
         />
       </div>
 
@@ -129,4 +130,4 @@ export default function AboutPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/contact/page.tsx

@@ -97,6 +97,7 @@ export default function ContactPage() {
           ]}
           metricsAnimation="slide-up"
           useInvertedBackground={false}
+          metricsContainerClassName="grid grid-cols-1 md:grid-cols-2 gap-8 md:gap-12 min-h-96 md:min-h-80"
         />
       </div>
 
@@ -129,4 +130,4 @@ export default function ContactPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/page.tsx

@@ -160,6 +160,8 @@ export default function HomePage() {
           ]}
           metricsAnimation="slide-up"
           useInvertedBackground={true}
+          metricsContainerClassName="grid grid-cols-1 md:grid-cols-2 gap-8 md:gap-12 min-h-96 md:min-h-80"
+          valueClassName="text-sm md:text-base lg:text-lg font-medium break-words"
         />
       </div>
 
@@ -254,4 +256,4 @@ export default function HomePage() {
       </div>
     </ThemeProvider>
   );
-}
+}