روبوتات M.B.N — حلول ذكية من ماهر بن نايف في الذكاء الاصطناعي والروبوتات</titl  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"> <meta charset="utf-8"> <link rel="apple-touch-icon" sizes="57x57" href="./assets/images/logo-1.png"> <link rel="apple-touch-icon" sizes="60x60" href="./assets/images/logo-1.png"> <link rel="apple-touch-icon" sizes="72x72" href="./assets/images/logo-1.png"> <link rel="apple-touch-icon" sizes="76x76" href="./assets/images/logo-1.png"> <link rel="apple-touch-icon" sizes="114x114" href="./assets/images/logo-1.png"> <link rel="apple-touch-icon" sizes="120x120" href="./assets/images/logo-1.png"> <link rel="apple-touch-icon" sizes="144x144" href="./assets/images/logo-1.png"> <link rel="apple-touch-icon" sizes="152x152" href="./assets/images/logo-1.png"> <link rel="apple-touch-icon" sizes="180x180" href="./assets/images/logo-1.png"> <link rel="icon" type="image/png" sizes="192x192" href="./assets/images/logo-1.png"> <link rel="icon" type="image/png" sizes="32x32" href="./assets/images/logo-1.png"> <link rel="icon" type="image/png" sizes="96x96" href="./assets/images/logo-1.png"> <link rel="icon" type="image/png" sizes="16x16" href="./assets/images/logo-1.png"> <link rel="manifest" href="./assets/images/logo-1.png"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="/ms-icon-144x144.png"> <meta name="theme-color" content="#ffffff">  <link href="assets/bootstrap/bootstrap.min.css" rel="stylesheet">  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">  <link href="assets/css/style.css" rel="stylesheet" type="text/css"> <link href="assets/css/mediaqueries.css" rel="stylesheet" type="text/css"> <link href="assets/css/owl.carousel.min.css" rel="stylesheet" type="text/css"> <link href="assets/css/owl.theme.default.min.css" rel="stylesheet" type="text/css"> <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.css"> <style> @media (max-width: 767.98px) { .navbar-toggler { position: absolute; left: 15px; /* المسافة من اليسار */ right: auto; /* نتأكد أن لا يوجد محاذاة لليمين */ } } .sub_span { color: #f4911e !important; } @media (max-width: 991.98px) { .navbar-collapse { position: absolute; top: 100%; left: 0; right: auto; width: 60%; background-color: #202025; /* أو لون الخلفية الذي تستخدمه */ text-align: left; /* لتكون العناصر على اليسار */ z-index: 9999; padding: 1rem; } } </style> </head> <body> <div class="banner-section-outer position-relative"> <header dir="rtl"> <div class="container"> <nav class="navbar navbar-expand-lg navbar-light"> <a class="navbar-brand" href="./index.html"> <figure class="mb-0"> <img src="./assets/images/logo-1.png" alt="الشعار" class="img-fluid" style="height: 90px;"> </figure> </a> <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav ml-auto"> <li class="nav-item "> <a class="nav-link" href="./index.html">الرئيسية</a> </li> <li class="nav-item"> <a class="nav-link" href="./about.html">من نحن</a> </li> <li class="nav-item"> <a class="nav-link " href="./services.html">خدماتنا</a> </li> <li class="nav-item"> <a class="nav-link" href="./projects.html">مشاريعنا</a> </li> <li class="nav-item active"> <a class="nav-link " href="./contact.html">تواصل معنا</a> </li>  </ul> </div> </nav> </div> </header>  <section class="banner-section position-relative" dir="rtl" style="text-align: right;"> <div class="container"> <div class="row">  <div class="col-lg-6 col-md-6 col-sm-12 col-12"> <div class="banner-section-content"> <h1 class="text-white" data-aos="fade-up">تواصل معنا</h1> <p class="text-white" data-aos="fade-right"> سواء كان لديك استفسار، اقتراح، أو تحتاج إلى دعم – نحن هنا لمساعدتك. </p> <div class="btn_wrapper" data-aos="fade-up"> <span>الرئيسية</span> <i class="fa-solid fa-angles-left" aria-hidden="true"></i> <span class="sub_span">تواصل معنا</span> </div> </div> </div>  <div class="col-lg-6 col-md-6 col-sm-12 col-12"> <div class="banner_image position-relative"> <figure class="banner_main_image mb-0 left_right_shape"> <img src="./assets/images/robots/robot-ZHM8ZSZ.png" alt="روبوت التواصل"> </figure> <figure class="banner_image_bottom_shape mb-0 position-absolute top_bottom_shape"> <img src="./assets/images/sub_banner_image_bottom_shape.png" alt="شكل تزييني" class="img-fluid"> </figure> </div> </div> </div> </div> </section> <figure class="banner_top_shape mb-0 position-absolute top_bottom_shape"> <img src="./assets/images/sub_banner_top_shape.png" alt="" class="img-fluid"> </figure> <figure class="banner_background_shape mb-0 position-absolute left_right_shape"> <img src="./assets/images/sub_banner_background_shape.png" alt=""> </figure> </div>  <section class="contact_info_section position-relative" dir="rtl" style="text-align: right;"> <div class="container"> <div class="row">  <div class="col-lg-5 col-md-12 col-sm-12 col-xs-12"> <div class="row"> <div class="col-12"> <div class="contact_info_content"> <h6>معلوماتنا</h6> <h2>تواصل معنا</h2> </div> </div> </div> <div class="row" data-aos="fade-up">  <div class="col-12"> <div class="contact_info_box hover-effect"> <figure class="mb-0"> <img src="./assets/images/location.png" alt="الموقع" class="img-fluid hover-effect"> </figure> <div class="contact_info_box_content_wrapper"> <h5>الموقع:</h5> <p class="mb-0"> <a href="https://maps.app.goo.gl/d2Dgxf1TmfEyGkkx5" target="_blank"> عبدالرحمن الداخل، حي النهضة، جدة 23523 </a> </p> </div> </div> </div>  <div class="col-12"> <div class="contact_info_box hover-effect"> <figure class="mb-0"> <img src="./assets/images/email.png" alt="البريد" class="img-fluid hover-effect"> </figure> <div class="contact_info_box_content_wrapper"> <h5>راسلنا:</h5> <p class="mb-0"><a href="mailto:info@mahercp.net" class="text-decoration-none">info@mahercp.net</a></p> <p class="mb-0"><a href="mailto:company.maher@gmail.com" class="text-decoration-none">company.maher@gmail.com </a></p> </div> </div> </div>  <div class="col-12"> <div class="contact_info_box hover-effect"> <figure class="mb-0"> <img src="./assets/images/phone.png" alt="الهاتف" class="img-fluid hover-effect"> </figure> <div class="contact_info_box_content_wrapper"> <h5>الهاتف:</h5> <p class="mb-0"><a href="tel:012 222 2522" class="text-decoration-none"style="direction: ltr; unicode-bidi: embed;">012 222 2522</a></p>  </div> </div> </div> </div> </div>  <div class="col-lg-7 col-md-12 col-sm-12 col-xs-12" data-aos="fade-right"> <div class="contact_info_form_content"> <h4>أرسل لنا رسالة</h4> <form id="contactpage" method="POST" action="./contact-form.php"> <div class="row"> <div class="col-12"> <div class="form-group mb-3"> <input type="text" name="fullname" id="name" class="form-control" placeholder="الاسم الكامل"> </div> </div> <div class="col-12"> <div class="form-group mb-3"> <input type="tel" name="phone" id="phonenum" class="form-control" placeholder="رقم الهاتف"> </div> </div> <div class="col-12"> <div class="form-group mb-3"> <input type="email" name="emailaddress" id="emailaddrs" class="form-control" placeholder="البريد الإلكتروني"> </div> </div> <div class="col-12"> <div class="form-group mb-3"> <textarea rows="4" name="msg" id="comment" class="form-control" placeholder="اكتب رسالتك هنا..."></textarea> </div> </div> </div> <div class="btn_wrapper"> <button type="submit" name="get_started" id="started" class="default-btn"> أرسل الآن <i class="fa-solid fa-angle-left"></i> </button> </div> </form> </div> </div> </div> <figure class="contact_info_left_shape mb-0 position-absolute top_bottom_shape"> <img src="./assets/images/contact_info_left_shape.png" alt="شكل جانبي" class="img-fluid"> </figure> </div> </section>  <div class="contact_map_section" style="background-color: #f2f2f2; padding: 0;"> <div class="row no-gutters"> <div class="col-12"> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3709.1802700165667!2d39.1282470749467!3d21.617897980182946!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x15c3db0064976837%3A0x63cf9abd0ebe30ee!2z2LTYsdmD2Kkg2YXYp9mH2LEg2KjZhiDZhtin2YrZgSDZhNiq2YLZhtmK2Kkg2KfZhNmF2LnZhNmI2YXYp9iqINmI2KfZhNix2YjYqNmI2KrYp9iqINmI2KfZhNiq2LPZiNmK2YIgTS5CLk4!5e0!3m2!1sen!2ssa!4v1750939326704!5m2!1sen!2ssa" width="100%" height="560" style="border:0; display:block;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"> </iframe> </div> </div> </div>  <section class="combo_section">    <div class="client_logos_section" style=" padding-top: 20px; padding-bottom: 20px;"> <div class="container"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-12"> <div class="heading position-relative text-center"> <h6 style="color: #EA9507;">عملاؤنا</h6> <h2 style="color: #fff;">نفخر بشراكتنا مع نخبة من العملاء الذين وثقوا بنا في تنفيذ حلول الذكاء الاصطناعي والروبوتات، وساهموا في تطوير تجاربهم التقنية معنا.</h2> </div> </div> </div> <div class="row" data-aos="fade-up"> <div class="col-lg-1 col-md-1 col-sm-6 col-12 d-md-block d-none"></div> <div class="col-lg-2 col-md-2 col-sm-4 col-6"> <figure class="logo_image1 mb-0"> <img src="./assets/images/client_logo/part1.png" alt="" class="img-fluid hover-effect"> </figure> </div> <div class="col-lg-2 col-md-2 col-sm-4 col-6"> <figure class="logo_image2 mb-0"> <img src="./assets/images/client_logo/part2.png" alt="" class="img-fluid hover-effect"> </figure> </div> <div class="col-lg-2 col-md-2 col-sm-4 col-6"> <figure class="logo_image3 mb-0"> <img src="./assets/images/client_logo/part3.png" alt="" class="img-fluid hover-effect"> </figure> </div> <div class="col-lg-2 col-md-2 col-sm-4 col-6"> <figure class="logo_image4 mb-0"> <img src="./assets/images/client_logo/part4.png" alt="" class="img-fluid hover-effect"> </figure> </div> <div class="col-lg-2 col-md-2 col-sm-4 col-6"> <figure class="logo_image5 mb-0"> <img src="./assets/images/client_logo/part5.png" alt="" class="img-fluid hover-effect"> </figure> </div> <div class="col-lg-2 col-md-2 col-sm-4 col-6"> <figure class="logo_image4 mb-0"> <img src="./assets/images/client_logo/part6.png" alt="" class="img-fluid hover-effect"> </figure> </div> <div class="col-lg-2 col-md-2 col-sm-4 col-6"> <figure class="logo_image4 mb-0"> <img src="./assets/images/client_logo/part7.png" alt="" class="img-fluid hover-effect"> </figure> </div> <div class="col-lg-2 col-md-2 col-sm-4 col-6"> <figure class="logo_image4 mb-0"> <img src="./assets/images/client_logo/part8.png" alt="" class="img-fluid hover-effect"> </figure> </div> <div class="col-lg-2 col-md-2 col-sm-4 col-6"> <figure class="logo_image4 mb-0"> <img src="./assets/images/client_logo/part9.png" alt="" class="img-fluid hover-effect"> </figure> </div> <div class="col-lg-2 col-md-2 col-sm-4 col-6"> <figure class="logo_image4 mb-0"> <img src="./assets/images/client_logo/part10.png" alt="" class="img-fluid hover-effect"> </figure> </div> <div class="col-lg-2 col-md-2 col-sm-4 col-6"> <figure class="logo_image4 mb-0"> <img src="./assets/images/client_logo/part11.png" alt="" class="img-fluid hover-effect"> </figure> </div> <div class="col-lg-2 col-md-2 col-sm-4 col-6"> <figure class="logo_image4 mb-0"> <img src="./assets/images/client_logo/part12.png" alt="" class="img-fluid hover-effect"> </figure> </div> <div class="col-lg-2 col-md-2 col-sm-4 col-6"> <figure class="logo_image4 mb-0"> <img src="./assets/images/client_logo/part13.png" alt="" class="img-fluid hover-effect"> </figure> </div> <div class="col-lg-2 col-md-2 col-sm-4 col-6"> <figure class="logo_image4 mb-0"> <img src="./assets/images/client_logo/part14.png" alt="" class="img-fluid hover-effect"> </figure> </div> <div class="col-lg-2 col-md-2 col-sm-4 col-6"> <figure class="logo_image4 mb-0"> <img src="./assets/images/client_logo/part15.png" alt="" class="img-fluid hover-effect"> </figure> </div> <div class="col-lg-2 col-md-2 col-sm-4 col-6"> <figure class="logo_image4 mb-0"> <img src="./assets/images/client_logo/part16.png" alt="" class="img-fluid hover-effect"> </figure> </div> <div class="col-lg-2 col-md-2 col-sm-4 col-6"> <figure class="logo_image4 mb-0"> <img src="./assets/images/client_logo/part17.png" alt="" class="img-fluid hover-effect"> </figure> </div> <div class="col-lg-1 col-md-1 col-sm-6 col-12 d-md-block d-none"></div> </div> </div> </div>  <div class="get_started_section" style="margin-top: 80px;" > <div class="container"> <div class="get_started_box"> <div class="row"> <div class="col-lg-5 col-md-5 col-sm-12 col-12 order-md-1 order-2"> <div class="get_started_box_image"> <figure class="mb-0 left_right_shape"> <img src="./assets/images/robots/get_started_image.png" alt="" class="img-fluid"> </figure> </div> </div> <div class="col-lg-7 col-md-7 col-sm-12 col-12 order-md-2 order-1"> <div class="get_started_box_content" data-aos="fade-right"> <h6>ابدأ الآن</h6> <h2>صمّم روبوتك بنفسك حسب احتياجك</h2> <p>نمنحك الفرصة لتخصيص روبوتك وفقًا لمجال عملك واحتياجات مشروعك بدقة وسهولة.</p> <div class="btn_wrapper"> <a class="text-decoration-none default-btn-two btn-size-18 hover-effect" href="./contact.html"> اطلب الآن <i class="fa-solid fa-angle-left"></i> </a> </div> </div> </div> </div> </div> <figure class="get_started_shape mb-0 left_right_shape"> <img src="./assets/images/get_started_shape.png" alt="" class="img-fluid"> </figure> </div> </div> </section>  <section class="footer-section" id="footer_section" style="text-align: right;"> <div class="container"> <div class="middle-portion"> <div class="row"> <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12"> <div class="about_col"> <a href="./index.html"> <figure> <img src="./assets/images/logo-1.png" alt="" class="img-fluid" style="width: 120px; height: auto;"> </figure> </a> <ul class="list-unstyled mb-0"> <li> <p class="text-size-16"> نحن رواد في تقديم حلول الروبوتات الذكية التي تُحدث ثورة في العمل والحياة. روبوتاتنا مزودة بأحدث تقنيات الذكاء الاصطناعي لتوفير أداء عالي، دقة متناهية، وكفاءة لا مثيل لها. من الروبوتات الصناعية إلى الخدمية، نضمن لك حلولاً مبتكرة تلبي احتياجاتك بأمان واحترافية. </p> </li>  <li class="icons hover-effect"><a href="https://www.instagram.com/mbn.robot?igsh=MW5rYmt6YW52bGxtZw=="><i class="fa-brands fa-instagram" aria-hidden="true"></i></a></li> </ul> </div> </div> <div class="col-lg-2 col-md-4 col-sm-3 col-xs-12 d-md-block d-none"> <div class="links_col"> <h4>روابط مفيدة</h4> <ul class="list-unstyled mb-0"> <li><a href="./index.html">الرئيسية</a></li> <li><a href="./about.html">من نحن</a></li> <li><a href="./services.html">خدماتنا</a></li> <li><a href="./projects.html">مشاريعنا</a></li> <li><a href="./contact.html">اتصل بنا</a></li> </ul> </div> </div> <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12 d-sm-block d-none"> <div class="contact_col"> <h4>تواصل معنا</h4> <ul class="list-unstyled mb-0"> <li> <i class="fa-solid fa-phone"></i> <a href="tel:012 222 2522" class="text-decoration-none" style="direction: ltr; unicode-bidi: embed;">012 222 2522</a> </li> <li class="contact_mail"> <i class="fa-sharp fa-solid fa-envelope"></i> <a href="mailto:info@mahercp.net"class="text-decoration-none"> info@mahercp.net <br> company.maher@gmail.com </a> </li> <li class="mb-0"> <i class="fa-solid fa-location-dot location"></i> <span class="text-size-16"> <a href="https://maps.app.goo.gl/d2Dgxf1TmfEyGkkx5" target="_blank"> عبدالرحمن الداخل، حي النهضة، جدة 23523 </a></span> </li> </ul> </div> </div> <div class="col-lg-3 col-md-4 col-sm-6 col-12 text-sm-right text-center d-lg-block d-none"> <div class="footer-info-content" style="color: #9b9b9e;"> <h4 style="color:white;">أوقات العمل</h4> <ul class="list-unstyled mb-0"> <li><i class="fa-solid fa-clock" style="color: #f4911e; "></i> السبت - الخميس: 9 صباحاً - 6 مساءً</li> <br> <li><i class="fa-solid fa-headset" style="color: #f4911e; "></i> الدعم متوفر عبر الهاتف والبريد الإلكتروني طوال أيام الأسبوع</li> </ul> </div> </div> </div> </div> <div class="footer_right_shape top_bottom_shape"> <figure class="mb-0"><img src="./assets/images/footer_right_shape.png" alt="" class="img-fluid"></figure> </div> <div class="footer_background_shape left_right_shape"> <figure class="mb-0"><img src="./assets/images/footer_background_shape.jpg" alt=""></figure> </div> </div> <div class="bottom-portion"> <div class="copyright col-xl-12" style="text-align: center;"> <p> © حقوق النشر 2025- M.B.N Group by Robotics .</p> </div> </div> </section>  <script src="assets/js/jquery-3.6.0.min.js"></script> <script src="assets/js/popper.min.js"></script> <script src="assets/js/video-popup.js"></script> <script src="assets/js/bootstrap.min.js"></script> <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> <script src="assets/js/owl.carousel.js"></script> <script src="assets/js/carousel.js"></script> <script src="assets/js/video-section.js"></script> <script src="assets/js/counter.js"></script> <script src="assets/js/animation.js"></script> <script> document.getElementById('contactpage').addEventListener('submit', function(e) { e.preventDefault(); // منع إعادة تحميل الصفحة const formData = new FormData(this); fetch('./contact-form.php', { method: 'POST', body: formData }) .then(response => response.json()) .then(data => { alert(data.msg); // عرض الرسالة للمستخدم if (data.status === 'success') { document.getElementById('contactpage').reset(); // تفريغ الحقول بعد الإرسال } }) .catch(error => { alert("حدث خطأ أثناء الإرسال. حاول مرة أخرى."); console.error(error); }); }); </script> </body> </html>