From c3b6f9ca97d5ba9bd82b471a39322f221320c0ac Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 13 Mar 2026 07:54:37 +0000
Subject: [PATCH 1/2] Update src/app/services/page.tsx

---
 src/app/services/page.tsx | 125 +++++++++-----------------------------
 1 file changed, 28 insertions(+), 97 deletions(-)

diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 088c279..7f3b77d 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -35,9 +35,7 @@ export default function ServicesPage() {
             { name: "اتصل بنا", id: "/contact" },
           ]}
           button={{
-            text: "اتصل الآن",
-            href: "tel:+966503847143",
-          }}
+            text: "اتصل الآن",            href: "tel:+966503847143"}}
         />
       </div>
 
@@ -49,63 +47,39 @@ export default function ServicesPage() {
           tagIcon={Zap}
           features={[
             {
-              title: "أنظمة إنذار الحريق",
-              description: "تركيب وصيانة أنظمة الكشف المتقدمة والتنبيهات الفورية",
-              icon: AlertCircle,
+              title: "أنظمة إنذار الحريق",              description: "تركيب وصيانة أنظمة الكشف المتقدمة والتنبيهات الفورية",              icon: AlertCircle,
               mediaItems: [
                 {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ma8cok&_wi=2",
-                  imageAlt: "نظام الإنذار",
-                },
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ma8cok",                  imageAlt: "نظام الإنذار"},
                 {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y6nj3z&_wi=2",
-                  imageAlt: "كاشف الدخان",
-                },
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y6nj3z",                  imageAlt: "كاشف الدخان"},
               ],
             },
             {
-              title: "أنظمة الإطفاء التلقائية",
-              description: "أنظمة رش الماء والرغوة والغازات الخاملة للحماية الفعالة",
-              icon: Zap,
+              title: "أنظمة الإطفاء التلقائية",              description: "أنظمة رش الماء والرغوة والغازات الخاملة للحماية الفعالة",              icon: Zap,
               mediaItems: [
                 {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=swgacu&_wi=2",
-                  imageAlt: "نظام الإطفاء",
-                },
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=swgacu",                  imageAlt: "نظام الإطفاء"},
                 {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9hzr5o&_wi=2",
-                  imageAlt: "نظام الرش",
-                },
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9hzr5o",                  imageAlt: "نظام الرش"},
               ],
             },
             {
-              title: "معدات وأدوات السلامة",
-              description: "توريد طفايات الحريق والخراطيم والمعدات الاحترافية",
-              icon: Shield,
+              title: "معدات وأدوات السلامة",              description: "توريد طفايات الحريق والخراطيم والمعدات الاحترافية",              icon: Shield,
               mediaItems: [
                 {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ddgam6&_wi=2",
-                  imageAlt: "طفاية حريق",
-                },
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ddgam6",                  imageAlt: "طفاية حريق"},
                 {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=473ghl&_wi=2",
-                  imageAlt: "معدات السلامة",
-                },
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=473ghl",                  imageAlt: "معدات السلامة"},
               ],
             },
             {
-              title: "الصيانة والفحص الدوري",
-              description: "خدمات الصيانة المنتظمة والفحص الفني المتخصص وتجديد الشهادات",
-              icon: CheckCircle,
+              title: "الصيانة والفحص الدوري",              description: "خدمات الصيانة المنتظمة والفحص الفني المتخصص وتجديد الشهادات",              icon: CheckCircle,
               mediaItems: [
                 {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2s0vre&_wi=3",
-                  imageAlt: "خدمة الصيانة",
-                },
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2s0vre",                  imageAlt: "خدمة الصيانة"},
                 {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a66fuv&_wi=3",
-                  imageAlt: "فريق الفحص",
-                },
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a66fuv",                  imageAlt: "فريق الفحص"},
               ],
             },
           ]}
@@ -122,32 +96,16 @@ export default function ServicesPage() {
           tag="المميزات"
           metrics={[
             {
-              id: "1",
-              value: "100%",
-              title: "ضمان الخدمة",
-              description: "التزام كامل بجودة التركيب والصيانة والدعم الفني",
-              icon: CheckCircle,
+              id: "1",              value: "100%",              title: "ضمان الخدمة",              description: "التزام كامل بجودة التركيب والصيانة والدعم الفني",              icon: CheckCircle,
             },
             {
-              id: "2",
-              value: "24/7",
-              title: "الدعم الفني",
-              description: "خدمة الطوارئ والصيانة السريعة في أي وقت",
-              icon: Clock,
+              id: "2",              value: "24/7",              title: "الدعم الفني",              description: "خدمة الطوارئ والصيانة السريعة في أي وقت",              icon: Clock,
             },
             {
-              id: "3",
-              value: "16+",
-              title: "عملاء راضون",
-              description: "ثقة من الشركات والمؤسسات في مكة المكرمة",
-              icon: Users,
+              id: "3",              value: "16+",              title: "عملاء راضون",              description: "ثقة من الشركات والمؤسسات في مكة المكرمة",              icon: Users,
             },
             {
-              id: "4",
-              value: "فريق",
-              title: "متخصص معتمد",
-              description: "فنيون محترفون لديهم خبرة واسعة في الحل الآمن",
-              icon: Award,
+              id: "4",              value: "فريق",              title: "متخصص معتمد",              description: "فنيون محترفون لديهم خبرة واسعة في الحل الآمن",              icon: Award,
             },
           ]}
           gridVariant="uniform-all-items-equal"
@@ -161,50 +119,27 @@ export default function ServicesPage() {
         <FaqSplitText
           faqs={[
             {
-              id: "1",
-              title: "كم تكلفة تركيب نظام إنذار حريق؟",
-              content: "تختلف التكاليف حسب حجم المبنى والنظام المطلوب. نوفر عروض سعر مخصصة بعد الكشف الفني. تواصل معنا على 050 384 7143 لعرض سعر مجاني.",
-            },
+              id: "1",              title: "كم تكلفة تركيب نظام إنذار حريق؟",              content: "تختلف التكاليف حسب حجم المبنى والنظام المطلوب. نوفر عروض سعر مخصصة بعد الكشف الفني. تواصل معنا على 050 384 7143 لعرض سعر مجاني."},
             {
-              id: "2",
-              title: "كم مدة الصيانة الدورية؟",
-              content: "الصيانة الشهرية تستغرق عادة 1-2 ساعة حسب حجم النظام. الصيانة السنوية الشاملة تتطلب وقت أطول قليلاً. نسّق معنا للمواعيد المناسبة لك.",
-            },
+              id: "2",              title: "كم مدة الصيانة الدورية؟",              content: "الصيانة الشهرية تستغرق عادة 1-2 ساعة حسب حجم النظام. الصيانة السنوية الشاملة تتطلب وقت أطول قليلاً. نسّق معنا للمواعيد المناسبة لك."},
             {
-              id: "3",
-              title: "هل تقدمون خدمة الطوارئ على مدار 24 ساعة؟",
-              content: "نعم، نوفر خدمة دعم فني على مدار 24 ساعة، 7 أيام في الأسبوع. في حالة الطوارئ، اتصل بنا فوراً على 050 384 7143.",
-            },
+              id: "3",              title: "هل تقدمون خدمة الطوارئ على مدار 24 ساعة؟",              content: "نعم، نوفر خدمة دعم فني على مدار 24 ساعة، 7 أيام في الأسبوع. في حالة الطوارئ، اتصل بنا فوراً على 050 384 7143."},
             {
-              id: "4",
-              title: "هل المنتجات أصلية وموثوقة؟",
-              content: "نعم، جميع منتجاتنا أصلية من شركات عالمية معروفة ولديها ضمانات رسمية. كل المنتجات معتمدة ومطابقة للمعايير الدولية للسلامة.",
-            },
+              id: "4",              title: "هل المنتجات أصلية وموثوقة؟",              content: "نعم، جميع منتجاتنا أصلية من شركات عالمية معروفة ولديها ضمانات رسمية. كل المنتجات معتمدة ومطابقة للمعايير الدولية للسلامة."},
             {
-              id: "5",
-              title: "ما ساعات عمل الشركة؟",
-              content: "ساعات العمل الرسمية من الأحد إلى الخميس 8:00 صباحاً إلى 6:00 مساءً. ملاحظة: في شهر رمضان قد تختلف الساعات. تواصل معنا للتأكد من الساعات خلال المواسم الخاصة.",
-            },
+              id: "5",              title: "ما ساعات عمل الشركة؟",              content: "ساعات العمل الرسمية من الأحد إلى الخميس 8:00 صباحاً إلى 6:00 مساءً. ملاحظة: في شهر رمضان قد تختلف الساعات. تواصل معنا للتأكد من الساعات خلال المواسم الخاصة."},
             {
-              id: "6",
-              title: "هل تقدمون شهادات الصيانة رسمية؟",
-              content: "نعم، نصدر شهادات صيانة رسمية بعد كل عملية فحص أو صيانة. هذه الشهادات مهمة للامتثال التشريعي والتأمين.",
-            },
+              id: "6",              title: "هل تقدمون شهادات الصيانة رسمية؟",              content: "نعم، نصدر شهادات صيانة رسمية بعد كل عملية فحص أو صيانة. هذه الشهادات مهمة للامتثال التشريعي والتأمين."},
             {
-              id: "7",
-              title: "كيف أطلب عرض سعر مخصص؟",
-              content: "يمكنك ملء نموذج الطلب على الموقع أو الاتصال بنا على 050 384 7143 أو إرسال رسالة عبر WhatsApp. سيقوم الفريق بزيارة موقعك والتقييم.",
-            },
+              id: "7",              title: "كيف أطلب عرض سعر مخصص؟",              content: "يمكنك ملء نموذج الطلب على الموقع أو الاتصال بنا على 050 384 7143 أو إرسال رسالة عبر WhatsApp. سيقوم الفريق بزيارة موقعك والتقييم."},
             {
-              id: "8",
-              title: "ما المسافة التي تغطيها خدماتكم؟",
-              content: "خدماتنا تغطي مكة المكرمة وجميع المناطق المحيطة. بفضل فريقنا المحلي، نستطيع الوصول بسرعة إلى أي موقع تحتاج.",
-            },
+              id: "8",              title: "ما المسافة التي تغطيها خدماتكم؟",              content: "خدماتنا تغطي مكة المكرمة وجميع المناطق المحيطة. بفضل فريقنا المحلي، نستطيع الوصول بسرعة إلى أي موقع تحتاج."},
           ]}
           sideTitle="الأسئلة الشائعة"
           sideDescription="إجابات سريعة على أسئلتك حول خدماتنا ومنتجاتنا"
           textPosition="right"
           useInvertedBackground={false}
+          faqsAnimation="none"
         />
       </div>
 
@@ -212,13 +147,9 @@ export default function ServicesPage() {
         <FooterLogoReveal
           logoText="العطيشان"
           leftLink={{
-            text: "سياسة الخصوصية",
-            href: "#",
-          }}
+            text: "سياسة الخصوصية",            href: "#"}}
           rightLink={{
-            text: "شروط الخدمة",
-            href: "#",
-          }}
+            text: "شروط الخدمة",            href: "#"}}
         />
       </div>
     </ThemeProvider>
-- 
2.49.1


From ade067ecbafdde3ff7c4c442dddcf7f5b68e521c Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 13 Mar 2026 07:54:37 +0000
Subject: [PATCH 2/2] Update src/components/shared/SvgTextLogo/SvgTextLogo.tsx

---
 .../shared/SvgTextLogo/SvgTextLogo.tsx        | 48 +++++--------------
 1 file changed, 13 insertions(+), 35 deletions(-)

diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
index f214190..20ee30f 100644
--- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
+++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
@@ -1,51 +1,29 @@
-"use client";
-
-import { memo } from "react";
-import useSvgTextLogo from "./useSvgTextLogo";
-import { cls } from "@/lib/utils";
+import React from 'react';
 
 interface SvgTextLogoProps {
-  logoText: string;
-  adjustHeightFactor?: number;
-  verticalAlign?: "top" | "center";
+  text: string;
   className?: string;
 }
 
-const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
-  logoText,
-  adjustHeightFactor,
-  verticalAlign = "top",
-  className = "",
-}) {
-  const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
-
+const SvgTextLogo: React.FC<SvgTextLogoProps> = ({ text, className = '' }) => {
   return (
     <svg
-      ref={svgRef}
-      viewBox={viewBox}
-      className={cls("w-full", className)}
-      style={{ aspectRatio: aspectRatio }}
-      preserveAspectRatio="none"
+      viewBox="0 0 200 50"
+      className={className}
       role="img"
-      aria-label={`${logoText} logo`}
+      aria-label={text}
     >
       <text
-        ref={textRef}
-        x="0"
-        y={verticalAlign === "center" ? "50%" : "0"}
-        className="font-bold fill-current"
-        style={{
-          fontSize: "20px",
-          letterSpacing: "-0.02em",
-          dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
-        }}
+        x="100"
+        y="25"
+        textAnchor="middle"
+        dominantBaseline="central"
+        className="text-xl font-bold fill-current"
       >
-        {logoText}
+        {text}
       </text>
     </svg>
   );
-});
-
-SvgTextLogo.displayName = "SvgTextLogo";
+};
 
 export default SvgTextLogo;
-- 
2.49.1