diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index e40af44..8644834 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -8,7 +8,18 @@ import ReactLenis from "lenis/react";
 
 export default function AboutPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="none"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="medium"
+    >
       <ReactLenis root>
         <NavbarLayoutFloatingOverlay
           brandName="SpotGroup"
@@ -21,6 +32,7 @@ export default function AboutPage() {
         />
         <TextAbout
           title="אודות SpotGroup"
+          useInvertedBackground={false}
           className="pt-32"
         />
         <FooterMedia
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 82a809f..a94de54 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -8,7 +8,18 @@ import ReactLenis from "lenis/react";
 
 export default function ContactPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="none"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="medium"
+    >
       <ReactLenis root>
         <NavbarLayoutFloatingOverlay
           brandName="SpotGroup"
@@ -23,8 +34,9 @@ export default function ContactPage() {
           tag="צרו קשר"
           title="אנחנו כאן לכל שאלה"
           description="מלאו את הפרטים ונחזור אליכם בהקדם."
-          className="pt-32"
+          useInvertedBackground={false}
           background={{ variant: "rotated-rays-animated" }}
+          className="pt-32"
         />
         <FooterMedia
           logoText="SpotGroup"
diff --git a/src/app/cybersecurity-services/page.tsx b/src/app/cybersecurity-services/page.tsx
index f4f06dc..e08f3dc 100644
--- a/src/app/cybersecurity-services/page.tsx
+++ b/src/app/cybersecurity-services/page.tsx
@@ -8,7 +8,18 @@ import { Shield, Lock, Eye } from "lucide-react";
 
 export default function CybersecurityServices() {
   return (
-    <ThemeProvider>
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="none"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="medium"
+    >
       <NavbarLayoutFloatingOverlay brandName="SpotGroup" navItems={[{name: "אינטרנט", id: "/internet-services"}, {name: "סייבר", id: "/cybersecurity-services"}, {name: "תשתיות", id: "/infrastructure-services"}]} />
       <div className="pt-32 pb-20 px-6">
         <h1 className="text-5xl font-bold mb-6 text-center">שירותי אבטחת מידע (סייבר)</h1>
@@ -18,13 +29,13 @@ export default function CybersecurityServices() {
           animationType="slide-up"
           useInvertedBackground={false}
           features={[
-            { icon: Shield, title: "ניטור 24/7", description: "הגנה פעילה בכל שעות היממה." },
-            { icon: Lock, title: "הצפנת נתונים", description: "הגנה על המידע הארגוני." },
-            { icon: Eye, title: "בדיקות חדירות", description: "זיהוי נקודות תורפה לפני שהן מנוצלות." }
+            { bentoComponent: "reveal-icon", icon: Shield, title: "ניטור 24/7", description: "הגנה פעילה בכל שעות היממה." },
+            { bentoComponent: "reveal-icon", icon: Lock, title: "הצפנת נתונים", description: "הגנה על המידע הארגוני." },
+            { bentoComponent: "reveal-icon", icon: Eye, title: "בדיקות חדירות", description: "זיהוי נקודות תורפה לפני שהן מנוצלות." }
           ]}
         />
       </div>
-      <ContactCTA title="המידע שלכם מוגן?" description="תנו למומחים שלנו לבצע הערכת סיכונים." />
+      <ContactCTA tag="צרו קשר" title="המידע שלכם מוגן?" description="תנו למומחים שלנו לבצע הערכת סיכונים." buttons={[]} background={{variant: "plain"}} useInvertedBackground={false} />
     </ThemeProvider>
   );
 }
\ No newline at end of file
diff --git a/src/app/infrastructure-services/page.tsx b/src/app/infrastructure-services/page.tsx
index 5ebfc6f..9c3dad6 100644
--- a/src/app/infrastructure-services/page.tsx
+++ b/src/app/infrastructure-services/page.tsx
@@ -8,7 +8,18 @@ import { Server, Cloud, Cpu } from "lucide-react";
 
 export default function InfrastructureServices() {
   return (
-    <ThemeProvider>
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="none"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="medium"
+    >
       <NavbarLayoutFloatingOverlay brandName="SpotGroup" navItems={[{name: "אינטרנט", id: "/internet-services"}, {name: "סייבר", id: "/cybersecurity-services"}, {name: "תשתיות", id: "/infrastructure-services"}]} />
       <div className="pt-32 pb-20 px-6">
         <h1 className="text-5xl font-bold mb-6 text-center">תשתיות מחשוב מתקדמות</h1>
@@ -18,13 +29,13 @@ export default function InfrastructureServices() {
           animationType="slide-up"
           useInvertedBackground={false}
           features={[
-            { icon: Server, title: "שרתים מקומיים", description: "חומרה ושרתים פיזיים מתקדמים." },
-            { icon: Cloud, title: "פתרונות ענן", description: "ניהול משאבים גמיש ומאובטח." },
-            { icon: Cpu, title: "אופטימיזציית חומרה", description: "מקסום ביצועים למערכות קיימות." }
+            { bentoComponent: "reveal-icon", icon: Server, title: "שרתים מקומיים", description: "חומרה ושרתים פיזיים מתקדמים." },
+            { bentoComponent: "reveal-icon", icon: Cloud, title: "פתרונות ענן", description: "ניהול משאבים גמיש ומאובטח." },
+            { bentoComponent: "reveal-icon", icon: Cpu, title: "אופטימיזציית חומרה", description: "מקסום ביצועים למערכות קיימות." }
           ]}
         />
       </div>
-      <ContactCTA title="צריכים שדרוג תשתית?" description="אנחנו כאן כדי לתכנן את עתיד המחשוב שלכם." />
+      <ContactCTA tag="צרו קשר" title="צריכים שדרוג תשתית?" description="אנחנו כאן כדי לתכנן את עתיד המחשוב שלכם." buttons={[]} background={{variant: "plain"}} useInvertedBackground={false} />
     </ThemeProvider>
   );
 }
\ No newline at end of file
diff --git a/src/app/internet-services/page.tsx b/src/app/internet-services/page.tsx
index 63fa97f..2bfa156 100644
--- a/src/app/internet-services/page.tsx
+++ b/src/app/internet-services/page.tsx
@@ -8,7 +8,18 @@ import { Monitor, Zap, Code } from "lucide-react";
 
 export default function InternetServices() {
   return (
-    <ThemeProvider> 
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="none"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="medium"
+    >
       <NavbarLayoutFloatingOverlay brandName="SpotGroup" navItems={[{name: "אינטרנט", id: "/internet-services"}, {name: "סייבר", id: "/cybersecurity-services"}, {name: "תשתיות", id: "/infrastructure-services"}]} />
       <div className="pt-32 pb-20 px-6">
         <h1 className="text-5xl font-bold mb-6 text-center">שירותי אינטרנט מתקדמים</h1>
@@ -18,13 +29,13 @@ export default function InternetServices() {
           animationType="slide-up"
           useInvertedBackground={false}
           features={[
-            { icon: Code, title: "פיתוח Full-Stack", description: "בניית אפליקציות ווב מהירות ומאובטחות." },
-            { icon: Monitor, title: "UI/UX מודרני", description: "חווית משתמש ששמה את הלקוח במרכז." },
-            { icon: Zap, title: "ביצועים גבוהים", description: "אופטימיזציה לזמני טעינה אפסיים." }
+            { bentoComponent: "reveal-icon", icon: Code, title: "פיתוח Full-Stack", description: "בניית אפליקציות ווב מהירות ומאובטחות." },
+            { bentoComponent: "reveal-icon", icon: Monitor, title: "UI/UX מודרני", description: "חווית משתמש ששמה את הלקוח במרכז." },
+            { bentoComponent: "reveal-icon", icon: Zap, title: "ביצועים גבוהים", description: "אופטימיזציה לזמני טעינה אפסיים." }
           ]}
         />
       </div>
-      <ContactCTA title="צריכים אתר חדש?" description="בואו נבנה פרויקט מנצח יחד." />
+      <ContactCTA tag="צרו קשר" title="צריכים אתר חדש?" description="בואו נבנה פרויקט מנצח יחד." buttons={[]} background={{variant: "plain"}} useInvertedBackground={false} />
     </ThemeProvider>
   );
 }
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8d94cca..1219f76 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -21,7 +21,7 @@ export default function SpotGroupPage() {
       sizing="medium"
       background="none"
       cardStyle="glass-elevated"
-      primaryButtonStyle="metallic"
+      primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
       headingFontWeight="medium"
     >
@@ -69,8 +69,12 @@ export default function SpotGroupPage() {
           animationType="slide-up"
           features={[
             { title: "אבטחת מידע", description: "הגנה מקיפה על נכסי המידע של הארגון מפני איומי סייבר.", bentoComponent: "reveal-icon", icon: Shield },
-            { title: "פיתוח ואינטרנט", description: "פיתוח פלטפורמות ויישומים מותאמים אישית לצרכי החברה.", bentoComponent: "marquee", variant: "text", texts: ["React", "Next.js", "Cloud", "API", "Security", "Scale", "Performance"] },
-            { title: "תשתיות", description: "הקמה וניהול של תשתיות תקשורת ומחשוב אמינות ומהירות.", bentoComponent: "media-stack", items: [{ imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105487.jpg", imageAlt: "Infrastructure" }] }
+            { title: "פיתוח ואינטרנט", description: "פיתוח פלטפורמות ויישומים מותאמים אישית לצרכי החברה.", bentoComponent: "marquee", centerIcon: Sparkles, variant: "text", texts: ["React", "Next.js", "Cloud"] },
+            { title: "תשתיות", description: "הקמה וניהול של תשתיות תקשורת ומחשוב אמינות ומהירות.", bentoComponent: "media-stack", items: [
+              { imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105487.jpg", imageAlt: "Infrastructure" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105487.jpg", imageAlt: "Infrastructure" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105487.jpg", imageAlt: "Infrastructure" }
+            ] }
           ]}
         />
         <MetricCardOne