Merge version_17_1782181485124 into main

Merge version_17_1782181485124 into main

src/index.css

@@ -5,15 +5,15 @@
 
 :root {
   /* @colorThemes/lightTheme/grayNavyBlue */
-  --background: #f5faff;
+  --background: #f5f5f5;
   --card: #ffffff;
-  --foreground: #001122;
-  --primary-cta: #15479c;
-  --primary-cta-text: #f5faff;
+  --foreground: #1c1c1c;
+  --primary-cta: #511f1f;
+  --primary-cta-text: #f5f5f5;
   --secondary-cta: #ffffff;
-  --secondary-cta-text: #001122;
-  --accent: #a8cce8;
-  --background-accent: #7ba3cf;
+  --secondary-cta-text: #1c1c1c;
+  --accent: #8f3838;
+  --background-accent: #c9725c;
 
   /* @layout/border-radius/rounded */
   --radius: 0.5rem;

src/pages/HomePage.tsx

@@ -12,10 +12,12 @@ import TestimonialsSection from './HomePage/sections/Testimonials';
 import FaqSection from './HomePage/sections/Faq';
 import ContactSection from './HomePage/sections/Contact';
 
-export default function HomePage(): React.JSX.Element {
+
+import TrustedBySection from './HomePage/sections/TrustedBy';export default function HomePage(): React.JSX.Element {
   return (
 <>
   <HeroSection />
+      <TrustedBySection />
 
   <AboutSection />
 

src/pages/HomePage/sections/Testimonials.tsx

@@ -16,32 +16,32 @@ export default function TestimonialsSection(): React.JSX.Element {
           testimonials={[
             {
               name: "عزيز المانع",
-              role: "عميل",
-              quote: "تجاوب سريع ورد على استفسارات العملاء.",
+              role: "مالك مشروع سكني",
+              quote: "تعاملت مع المكتب في تصميم فيلتي الخاصة، وكانوا قمة في الاحترافية. المهندسون متعاونون جداً والتصاميم المعمارية فاقت توقعاتي من حيث استغلال المساحات والواجهات الحديثة.",
               imageSrc: "http://img.b2bpic.net/free-photo/clients-realtor-touring-new-high-class-office-space_482257-90948.jpg",
             },
             {
               name: "محمد العتيبي",
-              role: "مستثمر",
-              quote: "خبرة ممتازة وتخطيط دقيق للمشروع، شكراً لكم.",
+              role: "مستثمر عقاري",
+              quote: "أشكر فريق العمل على سرعة الإنجاز والدقة في المخططات الإنشائية. استخرجوا رخصة البناء في وقت قياسي وبدون أي تعقيدات. أنصح بالتعامل معهم بشدة.",
               imageSrc: "http://img.b2bpic.net/free-photo/working-with-partner_1098-14261.jpg",
             },
             {
               name: "سعد السعد",
-              role: "عميل",
-              quote: "تواصل احترافي ومتابعة مستمرة لكافة مراحل العمل.",
+              role: "مدير مشاريع",
+              quote: "من أفضل المكاتب الهندسية التي تعاملت معها. إشراف هندسي دقيق على الموقع ومتابعة مستمرة مع المقاول لضمان جودة التنفيذ وتطابق العمل مع المخططات.",
               imageSrc: "http://img.b2bpic.net/free-photo/low-angle-photo-tall-building_250224-299.jpg",
             },
             {
               name: "خالد القرني",
-              role: "عميل",
-              quote: "تصاميم مميزة وامتثال كامل للكود الهندسي.",
+              role: "صاحب عمل تجاري",
+              quote: "احترافية عالية في إدارة المشاريع التجارية. قدموا لنا دراسة جدوى وتصاميم متكاملة لمشروعنا التجاري، وكانوا معنا خطوة بخطوة حتى استلام المشروع.",
               imageSrc: "http://img.b2bpic.net/free-photo/closeup-friendly-handshake_74855-1542.jpg",
             },
             {
               name: "نورة العتيبي",
               role: "عميلة",
-              quote: "خدمة هندسية متكاملة وسرعة في إنجاز المعاملات.",
+              quote: "تجربتي معهم في التصميم الداخلي كانت ممتازة. اهتمام بأدق التفاصيل وتنسيق الألوان والإضاءة بشكل مريح وعصري. شكراً لفريق العمل على سعة صدرهم.",
               imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-with-vest-helmet_23-2148269392.jpg",
             },
           ]}

src/pages/HomePage/sections/TrustedBy.tsx

@@ -0,0 +1,42 @@
+import ScrollReveal from "@/components/ui/ScrollReveal";
+import LoopCarousel from "@/components/ui/LoopCarousel";
+
+export default function TrustedBySection() {
+  const clients = [
+    "أرامكو السعودية",
+    "سابك",
+    "وزارة الإسكان",
+    "أمانة جدة",
+    "نيوم",
+    "البحر الأحمر الدولية",
+    "شركة المياه الوطنية",
+    "وزارة النقل والخدمات اللوجستية"
+  ];
+
+  return (
+    <section data-webild-section="trusted-by" id="trusted-by" className="relative w-full py-12 bg-background border-b border-accent/10 overflow-hidden">
+      <div className="w-content-width mx-auto mb-8">
+        <ScrollReveal variant="fade">
+          <p className="text-center text-sm font-medium text-accent uppercase tracking-wider">
+            موثوقون من قبل نخبة القطاعات
+          </p>
+        </ScrollReveal>
+      </div>
+      
+      <div className="w-full">
+        <LoopCarousel>
+          <div className="flex items-center gap-16 px-8">
+            {clients.map((client, index) => (
+              <span 
+                key={index} 
+                className="text-xl md:text-2xl font-bold text-foreground/40 whitespace-nowrap"
+              >
+                {client}
+              </span>
+            ))}
+          </div>
+        </LoopCarousel>
+      </div>
+    </section>
+  );
+}