From d0146cae372672fb86dc9ca3af2bc7d9b5f22265 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 14 May 2026 21:28:03 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 28 +++++++++++++---------------
 1 file changed, 13 insertions(+), 15 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 68ce7b8..cb70403 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,16 +16,16 @@ import { Award, CheckCircle, DollarSign, Globe, MapPin, Truck } from "lucide-rea
 export default function LandingPage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="text-shift"
-      defaultTextAnimation="reveal-blur"
-      borderRadius="soft"
-      contentWidth="mediumSmall"
-      sizing="mediumLargeSizeMediumTitles"
-      background="blurBottom"
-      cardStyle="gradient-mesh"
-      primaryButtonStyle="flat"
-      secondaryButtonStyle="solid"
-      headingFontWeight="bold"
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
@@ -58,9 +58,9 @@ export default function LandingPage() {
             useInvertedBackground={false}
             title="Serving Across Borders"
             metrics={[
-              { icon: MapPin, label: "Regional Presence", value: "2 Countries" },
-              { icon: Truck, label: "Supply Capacity", value: "10000+ Tons" },
-              { icon: Award, label: "Customer Satisfaction", value: "99%" }
+              { id: "m1", icon: MapPin, label: "Regional Presence", value: "2 Countries" },
+              { id: "m2", icon: Truck, label: "Supply Capacity", value: "10000+ Tons" },
+              { id: "m3", icon: Award, label: "Customer Satisfaction", value: "99%" }
             ]}
             metricsAnimation="slide-up"
           />
@@ -135,8 +135,6 @@ export default function LandingPage() {
 
         <div id="contact" data-section="contact">
           <ContactCenter
-            useInvertedBackground={false}
-            background={{ variant: "plain" }}
             tag="Get in touch"
             title="Need a Quote?"
             description="Reach out to Sam's Trading for bulk orders or partnership inquiries."