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"}}
/>
@@ -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() {
@@ -212,13 +147,9 @@ export default function ServicesPage() {
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(function SvgTextLogo({
- logoText,
- adjustHeightFactor,
- verticalAlign = "top",
- className = "",
-}) {
- const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
-
+const SvgTextLogo: React.FC = ({ text, className = '' }) => {
return (
);
-});
-
-SvgTextLogo.displayName = "SvgTextLogo";
+};
export default SvgTextLogo;