diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index 962b397..80203c8 100644 --- a/src/pages/HomePage.tsx +++ b/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 ( <> + diff --git a/src/pages/HomePage/sections/TrustedBy.tsx b/src/pages/HomePage/sections/TrustedBy.tsx new file mode 100644 index 0000000..3f4895f --- /dev/null +++ b/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 ( +
+
+ +

+ موثوقون من قبل نخبة القطاعات +

+
+
+ +
+ +
+ {clients.map((client, index) => ( + + {client} + + ))} +
+
+
+
+ ); +} \ No newline at end of file