Update src/app/page.tsx

src/app/globals.css

@@ -4,13 +4,13 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  --background: #f5faff;;
+  --background: #ffffff;;
-  --card: #f1f8ff;;
+  --card: #fcfcfc;;
-  --foreground: #001122;;
+  --foreground: #000000e6;;
-  --primary-cta: #15479c;;
+  --primary-cta: #1a1a1a;;
   --secondary-cta: #ffffff;;
-  --accent: #a8cce8;;
+  --accent: #808080;;
-  --background-accent: #7ba3cf;;
+  --background-accent: #d3d3d3;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

src/app/layout.tsx

@@ -1275,4 +1275,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -7,6 +7,7 @@ import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout
 import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
 import TeamCardThree from '@/components/sections/team/TeamCardThree';
 import TestimonialCardEight from '@/components/sections/testimonial/TestimonialCardEight';
+import MetricCardFive from '@/components/sections/metrics/MetricCardFive';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import { Linkedin } from "lucide-react";
@@ -19,7 +20,7 @@ export default function LandingPage() {
       borderRadius="pill"
       contentWidth="mediumSmall"
       sizing="medium"
-      background="noiseGradient"
+      background="none"
       cardStyle="gradient-bordered"
       primaryButtonStyle="layered-depth"
       secondaryButtonStyle="glass"
@@ -169,6 +170,26 @@ export default function LandingPage() {
               socialLinks: [
                 { icon: Linkedin, url: "https://linkedin.com" }
               ]
+            },
+            {
+              id: "5",
+              name: "Emily Rodriguez",
+              role: "Associate, Corporate Law",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766938360058-t14h8v9a.jpg",
+              imageAlt: "Emily Rodriguez, Associate Attorney",
+              socialLinks: [
+                { icon: Linkedin, url: "https://linkedin.com" }
+              ]
+            },
+            {
+              id: "6",
+              name: "James Patterson",
+              role: "Associate, Litigation",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766938361855-kj239hd9.jpg",
+              imageAlt: "James Patterson, Associate Attorney",
+              socialLinks: [
+                { icon: Linkedin, url: "https://linkedin.com" }
+              ]
             }
           ]}
         />
@@ -239,6 +260,39 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="metrics" data-section="metrics">
+        <MetricCardFive
+          title="Our Impact in Numbers"
+          description="Delivering measurable results for our clients"
+          tag="Key Metrics"
+          textboxLayout="default"
+          useInvertedBackground="noInvert"
+          animationType="slide-up"
+          metrics={[
+            {
+              id: "1",
+              value: "25+",
+              description: "Years of combined legal expertise and industry leadership"
+            },
+            {
+              id: "2",
+              value: "500+",
+              description: "Successful cases resolved with favorable outcomes"
+            },
+            {
+              id: "3",
+              value: "98%",
+              description: "Client satisfaction rate and repeat business rate"
+            },
+            {
+              id: "4",
+              value: "$2B+",
+              description: "Total value of transactions and settlements handled"
+            }
+          ]}
+        />
+      </div>
+
       <div id="contact" data-section="contact">
         <ContactText
           text="Ready to move forward with your legal matter? Contact our team today for a confidential consultation."
@@ -258,4 +312,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}