Update src/app/styles/variables.css

Update src/app/styles/base.css
Update src/app/page.tsx
2026-06-12 14:09:58 +00:00 · 2026-06-12 14:09:57 +00:00 · 2026-06-12 14:09:57 +00:00
3 changed files with 76 additions and 237 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,14 +2,14 @@

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
 import TextAbout from '@/components/sections/about/TextAbout';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
 import { CheckCircle, Cog, Droplets, HelpCircle, Monitor, Sparkles, Star, Wrench, Zap } from "lucide-react";

 export default function LandingPage() {
@@ -31,29 +31,17 @@ export default function LandingPage() {
      <NavbarStyleFullscreen
      navItems={[
        {
-          name: "الرئيسية",
-          id: "#hero",
-        },
+          name: "الرئيسية",          id: "#hero"},
        {
-          name: "عنا",
-          id: "#about",
-        },
+          name: "عنا",          id: "#about"},
        {
-          name: "خدماتنا",
-          id: "#features",
-        },
+          name: "خدماتنا",          id: "#features"},
        {
-          name: "آراء العملاء",
-          id: "#testimonials",
-        },
+          name: "آراء العملاء",          id: "#testimonials"},
        {
-          name: "الأسئلة الشائعة",
-          id: "#faq",
-        },
+          name: "الأسئلة الشائعة",          id: "#faq"},
        {
-          name: "تواصل معنا",
-          id: "#contact",
-        },
+          name: "تواصل معنا",          id: "#contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/globe-digital-logo-business-branding-template-designs-inspiration-isolated-white-background_384344-1398.jpg"
      logoAlt="شعار الشركة"
@@ -61,9 +49,7 @@ export default function LandingPage() {
      bottomLeftText="خدمات فنية احترافية"
      bottomRightText="info@meservices.com"
      button={{
-        text: "اطلب خدمة",
-        href: "#contact",
-      }}
+        text: "اطلب خدمة",        href: "#contact"}}
    />
  </div>

@@ -73,81 +59,42 @@ export default function LandingPage() {
      description="نقدم حلولاً مبتكرة وموثوقة لجميع احتياجاتك الفنية، من الصيانة والإصلاح إلى التركيبات المتقدمة، بجودة تليق بك وثقة لا تُضاهى."
      testimonials={[
        {
-          name: "أحمد السالم",
-          handle: "@AhmedAlSalem",
-          testimonial: "خدمة احترافية وسريعة جداً! فريق عمل ممتاز، أوصي بهم بشدة.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-young-businessman-outdoors_23-2147941437.jpg",
-          imageAlt: "صورة عميل راضٍ",
-        },
+          name: "أحمد السالم",          handle: "@AhmedAlSalem",          testimonial: "خدمة احترافية وسريعة جداً! فريق عمل ممتاز، أوصي بهم بشدة.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-young-businessman-outdoors_23-2147941437.jpg",          imageAlt: "صورة عميل راضٍ"},
        {
-          name: "فاطمة الزهراء",
-          handle: "@FatimaAlZahra",
-          testimonial: "الشرق الأوسط للخدمات الفنية هي الأفضل! حلول مبتكرة ودعم فني متميز.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-girl-wearing-stylish-glasses-smart-lady-elegent-pink-jacket-with-beige-blouse-happy-student-showing-thumbs-up-big-window-with-nice-view_197531-3127.jpg",
-          imageAlt: "صورة عميلة راضية",
-        },
+          name: "فاطمة الزهراء",          handle: "@FatimaAlZahra",          testimonial: "الشرق الأوسط للخدمات الفنية هي الأفضل! حلول مبتكرة ودعم فني متميز.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-girl-wearing-stylish-glasses-smart-lady-elegent-pink-jacket-with-beige-blouse-happy-student-showing-thumbs-up-big-window-with-nice-view_197531-3127.jpg",          imageAlt: "صورة عميلة راضية"},
        {
-          name: "علياء منصور",
-          handle: "@AlyaaMansour",
-          testimonial: "احترافية عالية ودعم فني متواصل. سعيد جداً بالخدمة.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/business-man-using-his-tablet_23-2148018687.jpg",
-          imageAlt: "عميلة سعيدة",
-        },
+          name: "علياء منصور",          handle: "@AlyaaMansour",          testimonial: "احترافية عالية ودعم فني متواصل. سعيد جداً بالخدمة.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/business-man-using-his-tablet_23-2148018687.jpg",          imageAlt: "عميلة سعيدة"},
        {
-          name: "يوسف العلي",
-          handle: "@YousefAlAli",
-          testimonial: "حلول سريعة وفعالة. أنقذوا الموقف في وقت قياسي!",
-          rating: 4,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-manager-texting-message-outdoors_1262-7351.jpg",
-          imageAlt: "عميل راضٍ",
-        },
+          name: "يوسف العلي",          handle: "@YousefAlAli",          testimonial: "حلول سريعة وفعالة. أنقذوا الموقف في وقت قياسي!",          rating: 4,
+          imageSrc: "http://img.b2bpic.net/free-photo/young-manager-texting-message-outdoors_1262-7351.jpg",          imageAlt: "عميل راضٍ"},
        {
-          name: "نورا خالد",
-          handle: "@NouraKhalid",
-          testimonial: "خدمة عملاء ممتازة وفنيون خبراء. تجربة رائعة بكل المقاييس.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/business-composition-with-modern-style_23-2147900192.jpg",
-          imageAlt: "مستخدمة راضية",
-        },
+          name: "نورا خالد",          handle: "@NouraKhalid",          testimonial: "خدمة عملاء ممتازة وفنيون خبراء. تجربة رائعة بكل المقاييس.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/business-composition-with-modern-style_23-2147900192.jpg",          imageAlt: "مستخدمة راضية"},
      ]}
      tag="خبرة تزيد عن 10 سنوات"
      tagIcon={Sparkles}
      tagAnimation="slide-up"
      buttons={[
        {
-          text: "تواصل معنا",
-          href: "#contact",
-        },
+          text: "تواصل معنا",          href: "#contact"},
        {
-          text: "اكتشف خدماتنا",
-          href: "#features",
-        },
+          text: "اكتشف خدماتنا",          href: "#features"},
      ]}
      buttonAnimation="slide-up"
      avatars={[
        {
-          src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
-          alt: "عميل سعيد",
-        },
+          src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",          alt: "عميل سعيد"},
        {
-          src: "http://img.b2bpic.net/free-photo/portrait-business-woman-with-enthusiastic-face-expression-smiling-looking-confident-standing-s_1258-127188.jpg",
-          alt: "عميلة سعيدة",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-business-woman-with-enthusiastic-face-expression-smiling-looking-confident-standing-s_1258-127188.jpg",          alt: "عميلة سعيدة"},
        {
-          src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-bearded-male-wearing-stylish-sui_613910-12116.jpg",
-          alt: "مستخدم راضٍ",
-        },
+          src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-bearded-male-wearing-stylish-sui_613910-12116.jpg",          alt: "مستخدم راضٍ"},
        {
-          src: "http://img.b2bpic.net/free-photo/builder-man-construction-vest-safety-helmet-looking-camera-smiling-confident-happy-positive-standing-green-background_141793-117040.jpg",
-          alt: "مراجع سعيد",
-        },
+          src: "http://img.b2bpic.net/free-photo/builder-man-construction-vest-safety-helmet-looking-camera-smiling-confident-happy-positive-standing-green-background_141793-117040.jpg",          alt: "مراجع سعيد"},
        {
-          src: "http://img.b2bpic.net/free-photo/blond-businessman-surprised-expression_1194-3809.jpg",
-          alt: "عميل إضافي سعيد",
-        },
+          src: "http://img.b2bpic.net/free-photo/blond-businessman-surprised-expression_1194-3809.jpg",          alt: "عميل إضافي سعيد"},
      ]}
      avatarText="أكثر من 5000+ عميل راضٍ"
      imageSrc="http://img.b2bpic.net/free-photo/photovoltaics-factory-industrial-production-managers-looking-schematics_482257-120597.jpg"
@@ -167,9 +114,7 @@ export default function LandingPage() {
      title="نحن نجمع بين الخبرة، الجودة، والابتكار لتقديم أفضل الحلول الفنية"
      buttons={[
        {
-          text: "تعرف على قصتنا",
-          href: "#",
-        },
+          text: "تعرف على قصتنا",          href: "#"},
      ]}
      buttonAnimation="slide-up"
    />
@@ -183,24 +128,16 @@ export default function LandingPage() {
      features={[
        {
          icon: Wrench,
-          title: "صيانة وإصلاح عام",
-          description: "نقدم خدمات صيانة وإصلاح شاملة لجميع الأجهزة والأنظمة، مع ضمان الأداء الأمثل.",
-        },
+          title: "صيانة وإصلاح عام",          description: "نقدم خدمات صيانة وإصلاح شاملة لجميع الأجهزة والأنظمة، مع ضمان الأداء الأمثل."},
        {
          icon: Zap,
-          title: "تركيبات كهربائية متقدمة",
-          description: "حلول تركيبات كهربائية آمنة وفعالة للمنازل والشركات، بأحدث التقنيات.",
-        },
+          title: "تركيبات كهربائية متقدمة",          description: "حلول تركيبات كهربائية آمنة وفعالة للمنازل والشركات، بأحدث التقنيات."},
        {
          icon: Monitor,
-          title: "شبكات وحلول تقنية",
-          description: "تصميم وتطوير شبكات قوية وحلول تقنية مبتكرة لتعزيز كفاءة أعمالك.",
-        },
+          title: "شبكات وحلول تقنية",          description: "تصميم وتطوير شبكات قوية وحلول تقنية مبتكرة لتعزيز كفاءة أعمالك."},
        {
          icon: Droplets,
-          title: "خدمات السباكة والترميم",
-          description: "نقدم خدمات سباكة وترميم متكاملة لمعالجة جميع مشكلات المياه والصرف الصحي بفعالية.",
-        },
+          title: "خدمات السباكة والترميم",          description: "نقدم خدمات سباكة وترميم متكاملة لمعالجة جميع مشكلات المياه والصرف الصحي بفعالية."},
      ]}
      title="خدماتنا المميزة"
      description="استكشف مجموعتنا الواسعة من الحلول الفنية المصممة لتلبية احتياجاتك بدقة واحترافية."
@@ -211,55 +148,20 @@ export default function LandingPage() {
  </div>

  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
+      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
-          id: "1",
-          title: "خدمة لا مثيل لها!",
-          quote: "لقد فاقت خدمات الشرق الأوسط للخدمات الفنية توقعاتي. السرعة والجودة والاحترافية كانت مذهلة. أوصي بهم بشدة لأي شخص يبحث عن حلول فنية موثوقة.",
-          name: "سارة المحمد",
-          role: "مديرة مشروع",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-entrepreneur-posing-camera_1262-3636.jpg",
-          imageAlt: "صورة سارة المحمد",
-        },
+          id: "1",          name: "سارة المحمد",          date: "نوفمبر 2023",          title: "خدمة لا مثيل لها!",          quote: "لقد فاقت خدمات الشرق الأوسط للخدمات الفنية توقعاتي. السرعة والجودة والاحترافية كانت مذهلة. أوصي بهم بشدة لأي شخص يبحث عن حلول فنية موثوقة.",          tag: "مديرة مشروع",          avatarSrc: "http://img.b2bpic.net/free-photo/smiling-entrepreneur-posing-camera_1262-3636.jpg",          avatarAlt: "صورة سارة المحمد"},
        {
-          id: "2",
-          title: "فريق عمل على أعلى مستوى",
-          quote: "أعجبتني الطريقة التي تعامل بها فريق العمل، كانوا مهذبين للغاية وقدموا حلولاً فعالة لمشكلتي. سأعود إليهم بالتأكيد في المستقبل.",
-          name: "خالد الشمري",
-          role: "مهندس",
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-joyous-freelancer-woman-sits-laptop-her-loft-office_482257-119937.jpg",
-          imageAlt: "صورة خالد الشمري",
-        },
+          id: "2",          name: "خالد الشمري",          date: "نوفمبر 2023",          title: "فريق عمل على أعلى مستوى",          quote: "أعجبتني الطريقة التي تعامل بها فريق العمل، كانوا مهذبين للغاية وقدموا حلولاً فعالة لمشكلتي. سأعود إليهم بالتأكيد في المستقبل.",          tag: "مهندس",          avatarSrc: "http://img.b2bpic.net/free-photo/confident-joyous-freelancer-woman-sits-laptop-her-loft-office_482257-119937.jpg",          avatarAlt: "صورة خالد الشمري"},
        {
-          id: "3",
-          title: "احترافية ودقة",
-          quote: "الدقة في المواعيد وجودة العمل هي ما يميز الشرق الأوسط للخدمات الفنية. قاموا بإصلاح جهازي بكفاءة عالية وبسعر مناسب.",
-          name: "ليلى ناصر",
-          role: "مصممة جرافيك",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-economist_23-2150132313.jpg",
-          imageAlt: "صورة ليلى ناصر",
-        },
+          id: "3",          name: "ليلى ناصر",          date: "نوفمبر 2023",          title: "احترافية ودقة",          quote: "الدقة في المواعيد وجودة العمل هي ما يميز الشرق الأوسط للخدمات الفنية. قاموا بإصلاح جهازي بكفاءة عالية وبسعر مناسب.",          tag: "مصممة جرافيك",          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-economist_23-2150132313.jpg",          avatarAlt: "صورة ليلى ناصر"},
        {
-          id: "4",
-          title: "شريك يمكن الاعتماد عليه",
-          quote: "منذ سنوات وأنا أعتمد على الشرق الأوسط للخدمات الفنية لجميع احتياجاتي. هم شريك لا غنى عنه، يقدمون حلولاً مبتكرة دائماً.",
-          name: "عمران القحطاني",
-          role: "صاحب شركة",
-          imageSrc: "http://img.b2bpic.net/free-photo/feedback-results-information-satisfeaction_53876-121336.jpg",
-          imageAlt: "صورة عمران القحطاني",
-        },
+          id: "4",          name: "عمران القحطاني",          date: "نوفمبر 2023",          title: "شريك يمكن الاعتماد عليه",          quote: "منذ سنوات وأنا أعتمد على الشرق الأوسط للخدمات الفنية لجميع احتياجاتي. هم شريك لا غنى عنه، يقدمون حلولاً مبتكرة دائماً.",          tag: "صاحب شركة",          avatarSrc: "http://img.b2bpic.net/free-photo/feedback-results-information-satisfeaction_53876-121336.jpg",          avatarAlt: "صورة عمران القحطاني"},
        {
-          id: "5",
-          title: "تجربة عميل ممتازة",
-          quote: "من لحظة التواصل الأولى حتى اكتمال الخدمة، كانت التجربة سلسة ومريحة. فريق عمل متعاون ومحترف جداً.",
-          name: "ريم البلوشي",
-          role: "ربة منزل",
-          imageSrc: "http://img.b2bpic.net/free-photo/love-expression_1098-16152.jpg",
-          imageAlt: "صورة ريم البلوشي",
-        },
+          id: "5",          name: "ريم البلوشي",          date: "نوفمبر 2023",          title: "تجربة عميل ممتازة",          quote: "من لحظة التواصل الأولى حتى اكتمال الخدمة، كانت التجربة سلسة ومريحة. فريق عمل متعاون ومحترف جداً.",          tag: "ربة منزل",          avatarSrc: "http://img.b2bpic.net/free-photo/love-expression_1098-16152.jpg",          avatarAlt: "صورة ريم البلوشي"},
      ]}
      title="ماذا يقول عملاؤنا عنا؟"
      description="تقييمات حقيقية تعكس جودة خدماتنا وثقة عملائنا بنا في كل مرة."
@@ -275,35 +177,17 @@ export default function LandingPage() {
      useInvertedBackground={true}
      faqs={[
        {
-          id: "faq1",
-          title: "ما هي مناطق الخدمة التي تغطونها؟",
-          content: "نغطي منطقة الشرق الأوسط كاملة، مع التركيز على المدن الرئيسية والضواحي المحيطة. يرجى التواصل معنا للتأكد من تغطية موقعك.",
-        },
+          id: "faq1",          title: "ما هي مناطق الخدمة التي تغطونها؟",          content: "نغطي منطقة الشرق الأوسط كاملة، مع التركيز على المدن الرئيسية والضواحي المحيطة. يرجى التواصل معنا للتأكد من تغطية موقعك."},
        {
-          id: "faq2",
-          title: "كيف يمكنني طلب خدمة أو موعد؟",
-          content: "يمكنك طلب خدمة عن طريق تعبئة النموذج في قسم التواصل، أو الاتصال بنا مباشرة على رقم الهاتف المتاح، أو إرسال بريد إلكتروني.",
-        },
+          id: "faq2",          title: "كيف يمكنني طلب خدمة أو موعد؟",          content: "يمكنك طلب خدمة عن طريق تعبئة النموذج في قسم التواصل، أو الاتصال بنا مباشرة على رقم الهاتف المتاح، أو إرسال بريد إلكتروني."},
        {
-          id: "faq3",
-          title: "هل تقدمون ضمان على خدماتكم؟",
-          content: "نعم، نقدم ضماناً على جميع خدمات الصيانة والإصلاح لضمان رضاك التام عن جودة عملنا. مدة الضمان تختلف حسب نوع الخدمة.",
-        },
+          id: "faq3",          title: "هل تقدمون ضمان على خدماتكم؟",          content: "نعم، نقدم ضماناً على جميع خدمات الصيانة والإصلاح لضمان رضاك التام عن جودة عملنا. مدة الضمان تختلف حسب نوع الخدمة."},
        {
-          id: "faq4",
-          title: "ما هي طرق الدفع المتاحة؟",
-          content: "نقبل الدفع نقداً، بالبطاقة الائتمانية، وعن طريق التحويل البنكي. نسعى لتوفير مرونة في خيارات الدفع لتناسب جميع عملائنا.",
-        },
+          id: "faq4",          title: "ما هي طرق الدفع المتاحة؟",          content: "نقبل الدفع نقداً، بالبطاقة الائتمانية، وعن طريق التحويل البنكي. نسعى لتوفير مرونة في خيارات الدفع لتناسب جميع عملائنا."},
        {
-          id: "faq5",
-          title: "هل يمكنني إلغاء أو تغيير موعد الخدمة؟",
-          content: "بالتأكيد، يرجى الاتصال بفريق الدعم لدينا في أقرب وقت ممكن لإلغاء أو تعديل موعد خدمتك. نطلب إخطاراً مسبقاً لضمان أفضل خدمة.",
-        },
+          id: "faq5",          title: "هل يمكنني إلغاء أو تغيير موعد الخدمة؟",          content: "بالتأكيد، يرجى الاتصال بفريق الدعم لدينا في أقرب وقت ممكن لإلغاء أو تعديل موعد خدمتك. نطلب إخطاراً مسبقاً لضمان أفضل خدمة."},
        {
-          id: "faq6",
-          title: "هل لديكم خدمات طوارئ على مدار الساعة؟",
-          content: "نعم، نقدم خدمات طوارئ لبعض الأعطال الحرجة على مدار الساعة. يرجى التواصل معنا مباشرة للحصول على المساعدة السريعة في حالات الطوارئ.",
-        },
+          id: "faq6",          title: "هل لديكم خدمات طوارئ على مدار الساعة؟",          content: "نعم، نقدم خدمات طوارئ لبعض الأعطال الحرجة على مدار الساعة. يرجى التواصل معنا مباشرة للحصول على المساعدة السريعة في حالات الطوارئ."},
      ]}
      title="أسئلة شائعة"
      description="إليك إجابات لأكثر الأسئلة شيوعاً حول خدماتنا، لنجعل تجربتك أوضح وأسهل."
@@ -315,41 +199,21 @@ export default function LandingPage() {
  </div>

  <div id="contact" data-section="contact">
-      <ContactSplitForm
+      <ContactCTA
      useInvertedBackground={false}
-      title="تواصل معنا اليوم"
-      description="نحن هنا لمساعدتك. املأ النموذج أدناه وسنتواصل معك في أقرب وقت ممكن، أو استخدم معلومات الاتصال المباشرة."
-      inputs={[
+      tag="كن على تواصل"
+      title="جاهز للبدء في مشروعك التالي؟"
+      description="دعنا نحول أفكارك إلى واقع. تواصل معنا اليوم لمناقشة احتياجاتك والحصول على استشارة مجانية."
+      buttons={[
        {
-          name: "name",
-          type: "text",
-          placeholder: "اسمك الكامل",
-          required: true,
-        },
+          text: "تواصل عبر البريد الإلكتروني",          href: "mailto:info@meservices.com"},
        {
-          name: "email",
-          type: "email",
-          placeholder: "بريدك الإلكتروني",
-          required: true,
-        },
-        {
-          name: "phone",
-          type: "tel",
-          placeholder: "رقم هاتفك",
-          required: false,
-        },
+          text: "اتصل بنا",          href: "tel:+1234567890"},
      ]}
-      textarea={{
-        name: "message",
-        placeholder: "رسالتك...",
-        rows: 4,
-        required: true,
+      buttonAnimation="slide-up"
+      background={{
+        variant: "sparkles-gradient"
      }}
-      imageSrc="http://img.b2bpic.net/free-photo/city-square_1359-564.jpg"
-      imageAlt="موقع الشركة على الخريطة"
-      mediaAnimation="opacity"
-      mediaPosition="right"
-      buttonText="أرسل الرسالة"
    />
  </div>

@@ -357,62 +221,37 @@ export default function LandingPage() {
      <FooterSimple
      columns={[
        {
-          title: "روابط سريعة",
-          items: [
+          title: "روابط سريعة",          items: [
            {
-              label: "الرئيسية",
-              href: "#hero",
-            },
+              label: "الرئيسية",              href: "#hero"},
            {
-              label: "خدماتنا",
-              href: "#features",
-            },
+              label: "خدماتنا",              href: "#features"},
            {
-              label: "عنا",
-              href: "#about",
-            },
+              label: "عنا",              href: "#about"},
            {
-              label: "تواصل معنا",
-              href: "#contact",
-            },
+              label: "تواصل معنا",              href: "#contact"},
          ],
        },
        {
-          title: "خدماتنا",
-          items: [
+          title: "خدماتنا",          items: [
            {
-              label: "صيانة عامة",
-              href: "#features",
-            },
+              label: "صيانة عامة",              href: "#features"},
            {
-              label: "تركيبات كهربائية",
-              href: "#features",
-            },
+              label: "تركيبات كهربائية",              href: "#features"},
            {
-              label: "شبكات وتقنية",
-              href: "#features",
-            },
+              label: "شبكات وتقنية",              href: "#features"},
            {
-              label: "سباكة وترميم",
-              href: "#features",
-            },
+              label: "سباكة وترميم",              href: "#features"},
          ],
        },
        {
-          title: "تابعنا",
-          items: [
+          title: "تابعنا",          items: [
            {
-              label: "فيسبوك",
-              href: "#",
-            },
+              label: "فيسبوك",              href: "#"},
            {
-              label: "إنستغرام",
-              href: "#",
-            },
+              label: "إنستغرام",              href: "#"},
            {
-              label: "لينكدإن",
-              href: "#",
-            },
+              label: "لينكدإن",              href: "#"},
          ],
        },
      ]}
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
  background-color: var(--background);
  color: var(--foreground);
-  font-family: var(--font-nunito), sans-serif;
+  font-family: var(--font-inter), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-nunito), sans-serif;
+  font-family: var(--font-dm-sans), sans-serif;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #e3deea;
-  --card: #ffffff;
-  --foreground: #1f2027;
-  --primary-cta: #1f2027;
+  --background: #000000;
+  --card: #0c0c0c;
+  --foreground: #ffffff;
+  --primary-cta: #106EFB;
  --primary-cta-text: #e3deea;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #000000;
  --secondary-cta-text: #1f2027;
-  --accent: #627dc6;
-  --background-accent: #627dc6;
+  --accent: #535353;
+  --background-accent: #106EFB;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	3eb422450c	Update src/app/styles/variables.css	2026-06-12 14:09:58 +00:00
bender	9eff9a8d65	Update src/app/styles/base.css	2026-06-12 14:09:57 +00:00
bender	dd48875daa	Update src/app/page.tsx	2026-06-12 14:09:57 +00:00