diff --git a/src/app/page.tsx b/src/app/page.tsx
index a1ee63f..a5c945f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -6,14 +6,12 @@ import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatin
 import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
 import FeatureBento from "@/components/sections/feature/FeatureBento";
 import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
-import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
 import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
-import TeamCardFive from "@/components/sections/team/TeamCardFive";
 import FaqBase from "@/components/sections/faq/FaqBase";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterBase from "@/components/sections/footer/FooterBase";
 import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
-import { Sparkles, Search, ArrowUpRight, Monitor, Shield, Zap, Puzzle, TrendingUp, Lock, Phone, MessageCircle, BookOpen, Tv, Camera, Music, Settings, Award, Users } from "lucide-react";
+import { Sparkles, Search, ArrowUpRight, TrendingUp, Award, Users, Share2, Facebook, Twitter, Linkedin } from "lucide-react";
 
 export default function WebAgency2Page() {
   return (
@@ -39,6 +37,12 @@ export default function WebAgency2Page() {
             { name: "Contact", id: "contact" },
           ]}
           button={{ text: "Get Started", href: "#contact" }}
+          enableSearch={true}
+          socialLinks={[
+            { icon: Facebook, href: "#" },
+            { icon: Twitter, href: "#" },
+            { icon: Linkedin, href: "#" },
+          ]}
         />
         <HeroSplitDoubleCarousel
           title="Salom: Digital Craftsmanship"
@@ -127,6 +131,7 @@ export default function WebAgency2Page() {
           ratingAnimation="slide-up"
           avatarsAnimation="slide-up"
           useInvertedBackground={false}
+          showShareButton={true}
         />
         <MetricCardOne
           title="Impact in Numbers"
diff --git a/src/app/results/page.tsx b/src/app/results/page.tsx
new file mode 100644
index 0000000..e3c3857
--- /dev/null
+++ b/src/app/results/page.tsx
@@ -0,0 +1,69 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
+import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
+import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
+import { BarChart3, Target, History, Zap } from "lucide-react";
+
+export default function ResultsPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="medium"
+      background="none"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="metallic"
+      secondaryButtonStyle="glass"
+      headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <NavbarLayoutFloatingOverlay
+          brandName="Salom"
+          navItems={[
+            { name: "Work", id: "/" },
+            { name: "Results", id: "/results" },
+            { name: "Contact", id: "/" },
+          ]}
+          button={{ text: "Get Started", href: "/#contact" }}
+        />
+        <MetricCardEleven
+          title="Match Statistics"
+          description="Real-time performance metrics and data analysis insights."
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          metrics={[
+            { id: "m1", value: "98%", title: "Success Rate", description: "Consistent performance delivery", imageSrc: "http://img.b2bpic.net/free-photo/graph-with-finance-statistics_23-2149021666.jpg" },
+            { id: "m2", value: "45ms", title: "Latency", description: "Optimized network response", imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-server-room_23-2149301980.jpg" },
+            { id: "m3", value: "12K", title: "Active Users", description: "Growing daily engagement", imageSrc: "http://img.b2bpic.net/free-photo/group-business-people-office_23-2149405625.jpg" },
+          ]}
+        />
+        <FeatureCardTwentyFour
+          title="Performance Metrics"
+          description="Breakdown of core technical and operational performance indicators."
+          textboxLayout="default"
+          useInvertedBackground={true}
+          animationType="slide-up"
+          features={[
+            { id: "f1", title: "System Efficiency", author: "Data Team", description: "High throughput architecture ensures reliable delivery under heavy load.", tags: ["Technical", "Scalable"], imageSrc: "http://img.b2bpic.net/free-photo/abstract-technology-background_23-2149581881.jpg" },
+            { id: "f2", title: "Historical Trends", author: "Analytic Core", description: "Longitudinal analysis of performance growth since inception.", tags: ["Historical", "Insights"], imageSrc: "http://img.b2bpic.net/free-photo/blue-abstract-background_23-2149581896.jpg" },
+          ]}
+        />
+        <FooterBaseReveal
+          logoText="Salom"
+          copyrightText="© 2026 | Salom Studio"
+          columns={[
+            { title: "Navigate", items: [{ label: "Home", href: "/" }, { label: "Results", href: "/results" }] },
+            { title: "Stats", items: [{ label: "Performance", href: "#" }, { label: "History", href: "#" }] },
+          ]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 858b8d0..07349d1 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
-  --card: #161616;
+  --background: #001a0a;
+  --card: #0a2610;
   --foreground: #f0f0f0;
-  --primary-cta: #ffffff;
+  --primary-cta: #0a7039;
   --primary-cta-text: #0a0a0a;
-  --secondary-cta: #1e1e1e;
+  --secondary-cta: #000000;
   --secondary-cta-text: #e0e0e0;
-  --accent: #d0d0d0;
-  --background-accent: #9a9a9a;
+  --accent: #004d26;
+  --background-accent: #002e15;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);