Update src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -2,6 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
+import { BrainCircuit, ShieldCheck, Smartphone, Target, Zap, Zap as ZapIcon } from "lucide-react";
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
@@ -135,11 +136,11 @@ export default function LandingPage() {
       tag="Our Impact"
       metrics={[
         {
-          id: "m1",          value: "100%",          description: "Uptime Guarantee"},
+          id: "m1",          value: "100%",          description: "Uptime Guarantee (via server uptime logs)"},
         {
-          id: "m2",          value: "24/7",          description: "Managed Support"},
+          id: "m2",          value: "24/7",          description: "Managed Support (live monitoring systems)"},
         {
-          id: "m3",          value: "99.9%",          description: "Client Satisfaction"},
+          id: "m3",          value: "99.9%",          description: "Client Satisfaction (based on recurring client surveys)"},
       ]}
       metricsAnimation="slide-up"
     />

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #000612e6;
-  --primary-cta: #15479c;
-  --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #000612e6;
-  --accent: #e2e2e2;
-  --background-accent: #c4c4c4;
+  --background: #f6f0e9;
+  --card: #efe7dd;
+  --foreground: #2b180a;
+  --primary-cta: #2b180a;
+  --primary-cta-text: #f6f0e9;
+  --secondary-cta: #efe7dd;
+  --secondary-cta-text: #2b180a;
+  --accent: #94877c;
+  --background-accent: #afa094;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);