2026-05-07 06:44:08 +00:00
6 changed files with 82 additions and 21 deletions
--- 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
--- 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"
--- 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>
  );
 }
--- 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>
  );
 }
--- 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>
  );
 }
--- 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