Merge version_1 into main #2
@@ -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>
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user