
 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <script src="components/js-components/jquery-3.7.1.js"></script>
    <title>Deepfuturebyte</title>
    <meta name="twitter:title" content="Deepfuturebyte">
    <meta name="twitter:description" content="Deepfuturebyte">
    <meta name="twitter:image:src" content="service-images/Auto-Accessories-cf19f-1.jpg"/>
    <meta property="og:title" content="Deepfuturebyte" />
    
    <meta property="og:description" content="مجموعة من اثنين من حاملي الإكسسوارات السيارات الأنيقة والأنيقة تخزين مريح للنظارات والأشياء الصغيرة - دائمًا في متناول اليد كل..." />
    <meta name="description" content="مجموعة من اثنين من حاملي الإكسسوارات السيارات الأنيقة والأنيقة تخزين مريح للنظارات والأشياء الصغيرة - دائمًا في متناول اليد كل..." />
    <link rel="stylesheet" href="components/css-components/button.css" />
    <link rel="stylesheet" href="components/css-components/bootstrap.min.css" />
    <link rel="stylesheet" href="components/css-components/animate.min.css" />
    <link rel="stylesheet" href="components/css-components/bootstrap-icons.css" />
    <link rel="stylesheet" href="components/css-components/slick.css" />
    <link rel="stylesheet" href="components/css-components/slick-theme.css" />
    <link rel="stylesheet" href="components/css-components/jquery.fancybox.min.css" />

  
    <script src="components/js-components/jquery.fancybox.js"></script>
    <script src="components/js-components/wow.js"></script>
    <script src="components/js-components/slick.min.js"></script>
    <script src="components/js-components/bootstrap.bundle.js"></script>

    <script>
      new WOW().init();
    </script>
     
    <meta property="og:image" content="service-images/Auto-Accessories-cf19f-1.jpg" />
    <link rel="shortcut icon" href="site-logo.svg" type="image/x-icon" />
    <link rel="stylesheet" href="appearance.css?ver=1.8&hash=91e51" />

    <style>
      
      
    </style>

    
  </head>

  <body>

<link rel="stylesheet" type="text/css" href="components/css-components/cookie.min.css">
<div id="legal-alert"><p>نحن نستخدم ملفات تعريف الارتباط لتحسين تجربتك.</p><span class="close">&times;</span></div>
<script src="components/js-components/cookie.min.js"></script>
    <script>
      $(document).ready(function () {
        var width = parseInt($(window).width());

        if ($("body").css("direction") == "rtl") {
          $(".progress-bar").addClass("animate__slideInRight");

          if ($(".row-box-lg").css("flex-direction") == "row") {
            $(".au-img-box").css({ left: 0 });
          }
          if ($(".row-box-lg").css("flex-direction") == "row-reverse") {
            $(".au-img-box").css({ right: 0 });
          }
        }

        if ($("body").css("direction") == "ltr") {
          $(".progress-bar").addClass("animate__slideInLeft");

          if ($(".row-box-lg").css("flex-direction") == "row") {
            $(".au-img-box").css({ right: 0 });
          }
          if ($(".row-box-lg").css("flex-direction") == "row-reverse") {
            $(".au-img-box").css({ left: 0 });
          }
        }

        if (
          $(".product-row").css("flex-direction") == "column" &&
          width >= "992"
        ) {
          $(".product-row > .col-lg-4").css({ width: "100%" });
          $(".boxa-dlya-good").css({ "flex-direction": "row-reverse" });
        }
        if (
          $(".product-row").css("flex-direction") == "column-reverse" &&
          width >= "992"
        ) {
          $(".product-row > .col-lg-4").css({ width: "100%" });
          $(".boxa-dlya-good").css({ "flex-direction": "row" });
        }
        if ($(".product-row").css("flex-direction") == "row") {
          $(".boxa-dlya-info").css({ display: "none" });
        }
        if ($(".product-row").css("flex-direction") == "row-reverse") {
          $(".boxa-dlya-info").css({ display: "none" });
        }
      });

      $(window).resize(function () {
        var width = parseInt($(window).width());
        if (
          $(".product-row").css("flex-direction") == "column" &&
          width >= "992"
        ) {
          $(".product-row > .col-lg-4").css({ width: "100%" });
          $(".boxa-dlya-good").css({ "flex-direction": "row-reverse" });
          $(".boxa-dlya-info").css({ display: "block" });
        }
        if (
          $(".product-row").css("flex-direction") == "column-reverse" &&
          width >= "992"
        ) {
          $(".product-row > .col-lg-4").css({ width: "100%" });
          $(".boxa-dlya-good").css({ "flex-direction": "row" });
          $(".boxa-dlya-info").css({ display: "block" });
        }
        if ($(".product-row").css("flex-direction") == "row") {
          $(".boxa-dlya-info").css({ display: "none" });
        }
        if ($(".product-row").css("flex-direction") == "row-reverse") {
          $(".boxa-dlya-info").css({ display: "none" });
        }
      });
    </script>

    <nav class="navbar navbar-expand-lg txt-divrj">
      <div class="container-fluid container">
        <a href="./" class="header-wrapper">
          <div class="header-logo-img">
            <img src="site-logo.svg" alt="logo" />
          </div>
          <div class="header-logo-title">Deepfuturebyte</div>
        </a>
        <button
          class="navbar-toggler"
          type="button"
          data-bs-toggle="offcanvas"
          data-bs-target="#offcanvasNavbar"
          aria-controls="offcanvasNavbar"
          aria-label="Toggle navigation"
        >
          <i class="bi bi-list"></i>
        </button>

        <div
          class="offcanvas offcanvas-start"
          tabindex="-1"
          id="offcanvasNavbar"
          aria-labelledby="offcanvasNavbarLabel"
        >
          <div class="offcanvas-header">
            <button
              type="button"
              class="ofc-btn-close"
              data-bs-dismiss="offcanvas"
              aria-label="Close"
            >
              <i class="bi bi-x-square"></i>
            </button>
          </div>

          <div class="offcanvas-body justify-content-center">
            <ul class="navbar-nav align-items-center">
              <li class="nav-item">
                <a class="nav-link" href="./">وطن</a>
              </li>

              <li class="nav-item catalog">
                <button
                  class="dropdown-toggle dropdown-toggle-split"
                  data-bs-toggle="dropdown"
                  aria-expanded="false"
                >
                  <span class="nav-link">كتالوج</span>
                </button>
                <ul class="dropdown-menu">
                  
                  <li class="dropdown-item">
                    <a href="2-packs-sunglasses-holders-for-car-visor.php">عبوتان من حاملات النظارات الشمسية لحاجب السيارة</a>
                  </li>
                   
                  <li class="dropdown-item">
                    <a href="bumper-retainer-clips-car.php">مشابك تثبيت مصد السيارة</a>
                  </li>
                   
                  <li class="dropdown-item">
                    <a href="car-dashboard-cover-mat.php">غطاء لوحة قيادة السيارة</a>
                  </li>
                   
                  <li class="dropdown-item">
                    <a href="transparent-butterfly-bling-ring-emblem.php">شعار خاتم الفراشة الشفافة اللامعة</a>
                  </li>
                   
                  <li class="dropdown-item">
                    <a href="real-black-carbon-fiber-gear-shifter-surround.php">محيط ناقل الحركة من ألياف الكربون السوداء الحقيقية</a>
                  </li>
                   
                  <li class="dropdown-item">
                    <a href="car-seat-covers.php">أغطية مقاعد السيارة</a>
                  </li>
                  
                </ul>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="./#section1">من نحن</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="get-in-touch.php">جهات الاتصال</a>
              </li>
            </ul>
          </div>
        </div>
        <div class="nav-link-basket"></div>
      </div>
    </nav>

    

    <section class="hero-wr offerrj-banner">
      <div class="bg-box">
        <svg
          xmlns:xlink="http://www.w3.org/1999/xlink"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 310 350"
        >
          <path
            d="M156.4,339.5c31.8-2.5,59.4-26.8,80.2-48.5c28.3-29.5,40.5-47,56.1-85.1c14-34.3,20.7-75.6,2.3-111  c-18.1-34.8-55.7-58-90.4-72.3c-11.7-4.8-24.1-8.8-36.8-11.5l-0.9-0.9l-0.6,0.6c-27.7-5.8-56.6-6-82.4,3c-38.8,13.6-64,48.8-66.8,90.3c-3,43.9,17.8,88.3,33.7,128.8c5.3,13.5,10.4,27.1,14.9,40.9C77.5,309.9,111,343,156.4,339.5z"
          />
        </svg>
      </div>
      <div class="container" style="height: 100%">
        <div class="hero-box">
          <h3 class="hero-store">متجر على الانترنت</h3>
          <h1 class="site-title">Deepfuturebyte</h1>

          <button
            type="button"
            class="btn-play"
            data-bs-toggle="modal"
            data-bs-target="#staticBackdrop"
          >
            <svg
              xmlns="http://www.w3.org/2000/svg"
              width="16"
              height="16"
              fill="currentColor"
              class="bi bi-play-fill"
              viewBox="0 0 16 16"
            >
              <path
                d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z"
              />
            </svg>
          </button>

          <div
            class="modal fade"
            id="staticBackdrop"
            data-bs-keyboard="false"
            tabindex="-1"
            aria-labelledby="staticBackdropLabel"
            aria-hidden="true"
          >
            <div class="modal-dialog modal-dialog-centered">
              <div class="modal-content">
                <div class="modal-body">
                  <button
                    type="button"
                    class="modal-cls"
                    data-bs-dismiss="modal"
                    aria-label="Close"
                  >
                    <svg
                      xmlns="http://www.w3.org/2000/svg"
                      width="16"
                      height="16"
                      fill="currentColor"
                      class="bi bi-x"
                      viewBox="0 0 16 16"
                    >
                      <path
                        d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"
                      />
                    </svg>
                  </button>
                  <div class="video-container">
                    <video
                      class="video-player"
                      src="photo/depictions_video_67e69830312f81.60867604.mp4"
                      autoplay=""
                      muted="muted"
                      loop=""
                      playsinline=""
                      controlslist="nodownload"
                    ></video>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <div class="container basket-auxiliary-box" style="position: relative">
      
    </div>

    <section class="section au" id="section1">
      <div class="container au-container">
        <div class="au-img-box">
          <img class="au-img" src="photo/thumbnails_gallery_67e69817b0f2f1.34178963.jpg" alt="" />
        </div>
        <div class="row row-box-lg">
          <div class="col-12 col-lg-8 pt-2 pb-2 au-col">
            <div class="au-wr">
              <div class="au-box">
                <div class="title">من نحن</div>
                <div class="au-title">مرحبًا بكم في Deepfuturebyte، متجركم الموثوق لجميع احتياجات السيارات والإكسسوارات. نقدم مجموعة واسعة من المنتجات عالية الجودة التي تلبي جميع متطلبات عملائنا. سواء كنت تبحث عن إكسسوارات لسيارتك أو قطع غيار، فإن Deepfuturebyte يضمن لك الحصول على أفضل المنتجات بأسعار تنافسية. نفتخر بخدمة العملاء الممتازة والتوصيل السريع في جميع أنحاء البلاد. اختر Deepfuturebyte لتجربة تسوق لا تُنسى.</div>

                <div class="progress-box">
                  <div>الوكلاء المحترفون</div>
                  <div
                    class="progress"
                    role="progressbar"
                    aria-label="Success example"
                    aria-valuenow="31 "
                    aria-valuemin="0"
                    aria-valuemax="100"
                  >
                    <div
                      class="progress-bar progress-1 wow"
                      data-wow-duration="3s"
                      style="width: 31%"
                    >
                      31
                    </div>
                  </div>
                  <div>عدد العملاء</div>
                  <div
                    class="progress"
                    role="progressbar"
                    aria-label="Info example"
                    aria-valuenow="89"
                    aria-valuemin="0"
                    aria-valuemax="100"
                  >
                    <div
                      class="progress-bar progress-2 wow"
                      data-wow-duration="3s"
                      style="width: 89%"
                    >
                      89
                    </div>
                  </div>
                  <div>الطلبات التي تمت معالجتها</div>
                  <div
                    class="progress"
                    role="progressbar"
                    aria-label="Warning example"
                    aria-valuenow="76"
                    aria-valuemin="0"
                    aria-valuemax="100"
                  >
                    <div
                      class="progress-bar progress-3 wow"
                      data-wow-duration="3s"
                      style="width: 76%"
                    >
                      76
                    </div>
                  </div>
                  <div>الأسئلة مغلقة</div>
                  <div
                    class="progress"
                    role="progressbar"
                    aria-label="Warning example"
                    aria-valuenow="23"
                    aria-valuemin="0"
                    aria-valuemax="100"
                  >
                    <div
                      class="progress-bar progress-4 wow"
                      data-wow-duration="3s"
                      style="width: 23%"
                    >
                      23
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section class="section products promo-widgetvw">
      <div class="container">
        <h2 class="title">كتالوج المنتجات</h2>
        <div class="row product-row pt-2 pb-2">
          <div class="col-12 col-lg-4 pt-2 pb-2">
            
            <div class="boxa-dlya-good market-user-cardvw">
              <div class="product-img-wr">
                <a
                  href="2-packs-sunglasses-holders-for-car-visor.php"
                  class="product-img market-user-cardvw-link"
                >
                  <img
                    class="market-user-cardvw-img"
                    src="service-images/Auto-Accessories-cf19f-1.jpg"
                    alt="عبوتان من حاملات النظارات الشمسية لحاجب السيارة"
                  />
                </a>
              </div>
              <div class="boxa-dlya-info">
                <div> مجموعة من اثنين من حاملي الإكسسوارات السيارات الأنيقة والأنيقة 
 تخزين مريح للنظارات والأشياء الصغيرة - دائمًا في متناول اليد 
كل شيء صغير مهم في الطريق - وخاصة تلك...</div>
              </div>
              <div class="boxa-dlya-opisani">
                <a href="2-packs-sunglasses-holders-for-car-visor.php" class="market-user-cardvw-link">
                  <div
                    class="product-title market-user-cardvw-content-title"
                  >
                    عبوتان من حاملات النظارات الشمسية لحاجب السيارة
                  </div>
                </a>

                <div class="product-code">
                  رمز المنتج: <span>G23276517</span>
                </div>

                
                <div class="product-price">
                  <span class="market-user-cardvw-content-price"
                    >450.79&#32;</span>.د.إ
                </div>
                   
              </div>
            </div>
            
          </div>
          <div class="col-12 col-lg-4 pt-2 pb-2">
            
            <div class="boxa-dlya-good market-user-cardvw">
              <div class="product-img-wr">
                <a
                  href="bumper-retainer-clips-car.php"
                  class="product-img market-user-cardvw-link"
                >
                  <img
                    class="market-user-cardvw-img"
                    src="service-images/Auto-Accessories-2025-03-21-2.jpg"
                    alt="مشابك تثبيت مصد السيارة"
                  />
                </a>
              </div>
              <div class="boxa-dlya-info">
                <div> مجموعة من المقاطع البلاستيكية والمكابس للسيارات - 240 مثبتات عالمية في مجموعة واحدة 
 السحابات الموثوقة لإصلاح وصيانة سيارة بيديك 
تعبت من البحث عن المقطع الصحيح في...</div>
              </div>
              <div class="boxa-dlya-opisani">
                <a href="bumper-retainer-clips-car.php" class="market-user-cardvw-link">
                  <div
                    class="product-title market-user-cardvw-content-title"
                  >
                    مشابك تثبيت مصد السيارة
                  </div>
                </a>

                <div class="product-code">
                  رمز المنتج: <span>M78005470</span>
                </div>

                
                <div class="product-price">
                  <span class="market-user-cardvw-content-price"
                    >261.89&#32;</span>.د.إ
                </div>
                   
              </div>
            </div>
            
          </div>
          <div class="col-12 col-lg-4 pt-2 pb-2">
            
            <div class="boxa-dlya-good market-user-cardvw">
              <div class="product-img-wr">
                <a
                  href="car-dashboard-cover-mat.php"
                  class="product-img market-user-cardvw-link"
                >
                  <img
                    class="market-user-cardvw-img"
                    src="service-images/Auto_Accessories_2025-03-22_3.jpg"
                    alt="غطاء لوحة قيادة السيارة"
                  />
                </a>
              </div>
              <div class="boxa-dlya-info">
                <div> سجادة غير زرقاء على لوحة القيادة -الحماية والأناقة لسيارتك (حمراء حمراء ، محرك أقراص يسار) 
 حماية للوحة فعالة وراحة القيادة في أي طقس 
الشمس والغبار والخدوش...</div>
              </div>
              <div class="boxa-dlya-opisani">
                <a href="car-dashboard-cover-mat.php" class="market-user-cardvw-link">
                  <div
                    class="product-title market-user-cardvw-content-title"
                  >
                    غطاء لوحة قيادة السيارة
                  </div>
                </a>

                <div class="product-code">
                  رمز المنتج: <span>X97194818</span>
                </div>

                
                <div class="product-price">
                  <span class="market-user-cardvw-content-price"
                    >244.89&#32;</span>.د.إ
                </div>
                   
              </div>
            </div>
            
          </div>
        </div>
        <div class="row product-row pt-2 pb-2">
          <div class="col-12 col-lg-4 pt-2 pb-2">
            
            <div class="boxa-dlya-good market-user-cardvw">
              <div class="product-img-wr">
                <a
                  href="transparent-butterfly-bling-ring-emblem.php"
                  class="product-img market-user-cardvw-link"
                >
                  <img
                    class="market-user-cardvw-img"
                    src="service-images/Auto_Accessories_b9185_4.jpg"
                    alt="شعار خاتم الفراشة الشفافة اللامعة"
                  />
                </a>
              </div>
              <div class="boxa-dlya-info">
                <div> تراكب رائع على زر البدء/الإيقاف مع فراشة شفافة - التركيز على التصميم الداخلي الأنيق للسيارة 
 تزيين صالون سيارتك بالنعمة والذكاء 
هل تريد إضافة القليل من الفردية...</div>
              </div>
              <div class="boxa-dlya-opisani">
                <a href="transparent-butterfly-bling-ring-emblem.php" class="market-user-cardvw-link">
                  <div
                    class="product-title market-user-cardvw-content-title"
                  >
                    شعار خاتم الفراشة الشفافة اللامعة
                  </div>
                </a>

                <div class="product-code">
                  رمز المنتج: <span>S73972181</span>
                </div>

                
                <div class="product-price">
                  <span class="market-user-cardvw-content-price"
                    >344.99&#32;</span>.د.إ
                </div>
                   
              </div>
            </div>
            
          </div>
          <div class="col-12 col-lg-4 pt-2 pb-2">
            
            <div class="boxa-dlya-good market-user-cardvw">
              <div class="product-img-wr">
                <a
                  href="real-black-carbon-fiber-gear-shifter-surround.php"
                  class="product-img market-user-cardvw-link"
                >
                  <img
                    class="market-user-cardvw-img"
                    src="service-images/Auto_Accessories_81135_5.jpg"
                    alt="محيط ناقل الحركة من ألياف الكربون السوداء الحقيقية"
                  />
                </a>
              </div>
              <div class="boxa-dlya-info">
                <div> بطانة الكربون على اللوحة المركزية لنمط نقطة التفتيش ، والحماية والتصميم المتميز في ملحق واحد 
 أضف لهجة رياضية وحماية سيارتك الداخلية 
لوحة التحكم في المقصورة هي...</div>
              </div>
              <div class="boxa-dlya-opisani">
                <a href="real-black-carbon-fiber-gear-shifter-surround.php" class="market-user-cardvw-link">
                  <div
                    class="product-title market-user-cardvw-content-title"
                  >
                    محيط ناقل الحركة من ألياف الكربون السوداء الحقيقية
                  </div>
                </a>

                <div class="product-code">
                  رمز المنتج: <span>U13892774</span>
                </div>

                
                <div class="product-price">
                  <span class="market-user-cardvw-content-price"
                    >317.99&#32;</span>.د.إ
                </div>
                   
              </div>
            </div>
            
          </div>
          <div class="col-12 col-lg-4 pt-2 pb-2">
            
            <div class="boxa-dlya-good market-user-cardvw">
              <div class="product-img-wr">
                <a
                  href="car-seat-covers.php"
                  class="product-img market-user-cardvw-link"
                >
                  <img
                    class="market-user-cardvw-img"
                    src="service-images/Auto-Accessories-7a725-6.jpg"
                    alt="أغطية مقاعد السيارة"
                  />
                </a>
              </div>
              <div class="boxa-dlya-info">
                <div> مجموعة من أغلفة السيارات من جلد Nappa للحصول على داخلي أنيق ومريح 
 تصميم أنيق مع رعاية راحتك 
تحويل الجزء الداخلي من سيارتك باستخدام مجموعة أنيقة من الأغطية المصنوعة...</div>
              </div>
              <div class="boxa-dlya-opisani">
                <a href="car-seat-covers.php" class="market-user-cardvw-link">
                  <div
                    class="product-title market-user-cardvw-content-title"
                  >
                    أغطية مقاعد السيارة
                  </div>
                </a>

                <div class="product-code">
                  رمز المنتج: <span>I51733715</span>
                </div>

                
                <div class="product-price">
                  <span class="market-user-cardvw-content-price"
                    >416.79&#32;</span>.د.إ
                </div>
                   
              </div>
            </div>
            
          </div>
        </div>
      </div>
    </section>

     <section class="section comments">
      <div class="container">
        <div class="slider">
          <div class="comments-item">
            <div class="comments-box">
              <div class="rating">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="16"
                  height="16"
                  fill="currentColor"
                  class="bi bi-star-fill"
                  viewBox="0 0 16 16"
                >
                  <path
                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"
                  />
                </svg>
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="16"
                  height="16"
                  fill="currentColor"
                  class="bi bi-star-fill"
                  viewBox="0 0 16 16"
                >
                  <path
                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"
                  />
                </svg>
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="16"
                  height="16"
                  fill="currentColor"
                  class="bi bi-star-fill"
                  viewBox="0 0 16 16"
                >
                  <path
                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"
                  />
                </svg>
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="16"
                  height="16"
                  fill="currentColor"
                  class="bi bi-star-fill"
                  viewBox="0 0 16 16"
                >
                  <path
                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"
                  />
                </svg>
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="16"
                  height="16"
                  fill="currentColor"
                  class="bi bi-star-fill"
                  viewBox="0 0 16 16"
                >
                  <path
                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"
                  />
                </svg>
              </div>
              <div class="comment-text">منتج رائع وسرعة في التوصيل!</div>
              <div class="author-box">
                <div class="author-img">
                  <img src="static/images/profile_avatar_O6Oa_0.jpg" alt="" />
                </div>
                <div class="author-name">أحمد محمد</div>
              </div>
            </div>
          </div>
          <div class="comments-item">
            <div class="comments-box">
              <div class="rating">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="16"
                  height="16"
                  fill="currentColor"
                  class="bi bi-star-fill"
                  viewBox="0 0 16 16"
                >
                  <path
                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"
                  />
                </svg>
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="16"
                  height="16"
                  fill="currentColor"
                  class="bi bi-star-fill"
                  viewBox="0 0 16 16"
                >
                  <path
                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"
                  />
                </svg>
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="16"
                  height="16"
                  fill="currentColor"
                  class="bi bi-star-fill"
                  viewBox="0 0 16 16"
                >
                  <path
                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"
                  />
                </svg>
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="16"
                  height="16"
                  fill="currentColor"
                  class="bi bi-star-fill"
                  viewBox="0 0 16 16"
                >
                  <path
                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"
                  />
                </svg>
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="16"
                  height="16"
                  fill="currentColor"
                  class="bi bi-star-half"
                  viewBox="0 0 16 16"
                >
                  <path
                    d="M5.354 5.119 7.538.792A.516.516 0 0 1 8 .5c.183 0 .366.097.465.292l2.184 4.327 4.898.696A.537.537 0 0 1 16 6.32a.548.548 0 0 1-.17.445l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256a.52.52 0 0 1-.146.05c-.342.06-.668-.254-.6-.642l.83-4.73L.173 6.765a.55.55 0 0 1-.172-.403.58.58 0 0 1 .085-.302.513.513 0 0 1 .37-.245l4.898-.696zM8 12.027a.5.5 0 0 1 .232.056l3.686 1.894-.694-3.957a.565.565 0 0 1 .162-.505l2.907-2.77-4.052-.576a.525.525 0 0 1-.393-.288L8.001 2.223 8 2.226v9.8z"
                  />
                </svg>
              </div>
              <div class="comment-text">إكسسوارات جميلة وجودة عالية.</div>
              <div class="author-box">
                <div class="author-img">
                  <img src="static/images/profile_pic_e6vE_0.jpg" alt="" />
                </div>
                <div class="author-name">فاطمة أحمد</div>
              </div>
            </div>
          </div>
          <div class="comments-item">
            <div class="comments-box">
              <div class="rating">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="16"
                  height="16"
                  fill="currentColor"
                  class="bi bi-star-fill"
                  viewBox="0 0 16 16"
                >
                  <path
                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"
                  />
                </svg>
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="16"
                  height="16"
                  fill="currentColor"
                  class="bi bi-star-fill"
                  viewBox="0 0 16 16"
                >
                  <path
                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"
                  />
                </svg>
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="16"
                  height="16"
                  fill="currentColor"
                  class="bi bi-star-fill"
                  viewBox="0 0 16 16"
                >
                  <path
                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"
                  />
                </svg>
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="16"
                  height="16"
                  fill="currentColor"
                  class="bi bi-star-fill"
                  viewBox="0 0 16 16"
                >
                  <path
                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"
                  />
                </svg>
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="16"
                  height="16"
                  fill="currentColor"
                  class="bi bi-star"
                  viewBox="0 0 16 16"
                >
                  <path
                    d="M2.866 14.85c-.078.444.36.791.746.593l4.39-2.256 4.389 2.256c.386.198.824-.149.746-.592l-.83-4.73 3.522-3.356c.33-.314.16-.888-.282-.95l-4.898-.696L8.465.792a.513.513 0 0 0-.927 0L5.354 5.12l-4.898.696c-.441.062-.612.636-.283.95l3.523 3.356-.83 4.73zm4.905-2.767-3.686 1.894.694-3.957a.565.565 0 0 0-.163-.505L1.71 6.745l4.052-.576a.525.525 0 0 0 .393-.288L8 2.223l1.847 3.658a.525.525 0 0 0 .393.288l4.052.575-2.906 2.77a.565.565 0 0 0-.163.506l.694 3.957-3.686-1.894a.503.503 0 0 0-.461 0z"
                  />
                </svg>
              </div>
              <div class="comment-text">جودة عالية وأسعار معقولة.</div>
              <div class="author-box">
                <div class="author-img">
                  <img src="static/images/profile_avatar_O6Oa_1.jpg" alt="" />
                </div>
                <div class="author-name">علي حسن</div>
              </div>
            </div>
          </div>
          <div class="comments-item">
            <div class="comments-box">
              <div class="rating">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="16"
                  height="16"
                  fill="currentColor"
                  class="bi bi-star-fill"
                  viewBox="0 0 16 16"
                >
                  <path
                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"
                  />
                </svg>
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="16"
                  height="16"
                  fill="currentColor"
                  class="bi bi-star-fill"
                  viewBox="0 0 16 16"
                >
                  <path
                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"
                  />
                </svg>
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="16"
                  height="16"
                  fill="currentColor"
                  class="bi bi-star-fill"
                  viewBox="0 0 16 16"
                >
                  <path
                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"
                  />
                </svg>
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="16"
                  height="16"
                  fill="currentColor"
                  class="bi bi-star"
                  viewBox="0 0 16 16"
                >
                  <path
                    d="M2.866 14.85c-.078.444.36.791.746.593l4.39-2.256 4.389 2.256c.386.198.824-.149.746-.592l-.83-4.73 3.522-3.356c.33-.314.16-.888-.282-.95l-4.898-.696L8.465.792a.513.513 0 0 0-.927 0L5.354 5.12l-4.898.696c-.441.062-.612.636-.283.95l3.523 3.356-.83 4.73zm4.905-2.767-3.686 1.894.694-3.957a.565.565 0 0 0-.163-.505L1.71 6.745l4.052-.576a.525.525 0 0 0 .393-.288L8 2.223l1.847 3.658a.525.525 0 0 0 .393.288l4.052.575-2.906 2.77a.565.565 0 0 0-.163.506l.694 3.957-3.686-1.894a.503.503 0 0 0-.461 0z"
                  />
                </svg>
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="16"
                  height="16"
                  fill="currentColor"
                  class="bi bi-star"
                  viewBox="0 0 16 16"
                >
                  <path
                    d="M2.866 14.85c-.078.444.36.791.746.593l4.39-2.256 4.389 2.256c.386.198.824-.149.746-.592l-.83-4.73 3.522-3.356c.33-.314.16-.888-.282-.95l-4.898-.696L8.465.792a.513.513 0 0 0-.927 0L5.354 5.12l-4.898.696c-.441.062-.612.636-.283.95l3.523 3.356-.83 4.73zm4.905-2.767-3.686 1.894.694-3.957a.565.565 0 0 0-.163-.505L1.71 6.745l4.052-.576a.525.525 0 0 0 .393-.288L8 2.223l1.847 3.658a.525.525 0 0 0 .393.288l4.052.575-2.906 2.77a.565.565 0 0 0-.163.506l.694 3.957-3.686-1.894a.503.503 0 0 0-.461 0z"
                  />
                </svg>
              </div>
              <div class="comment-text">تجربة تسوق رائعة.</div>
              <div class="author-box">
                <div class="author-img">
                  <img src="static/images/profile_pic_e6vE_1.jpg" alt="" />
                </div>
                <div class="author-name">نورا محمد</div>
              </div>
            </div>
          </div>
          <div class="comments-item">
            <div class="comments-box">
              <div class="rating">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="16"
                  height="16"
                  fill="currentColor"
                  class="bi bi-star-fill"
                  viewBox="0 0 16 16"
                >
                  <path
                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"
                  />
                </svg>
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="16"
                  height="16"
                  fill="currentColor"
                  class="bi bi-star-fill"
                  viewBox="0 0 16 16"
                >
                  <path
                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"
                  />
                </svg>
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="16"
                  height="16"
                  fill="currentColor"
                  class="bi bi-star-fill"
                  viewBox="0 0 16 16"
                >
                  <path
                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"
                  />
                </svg>
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="16"
                  height="16"
                  fill="currentColor"
                  class="bi bi-star-fill"
                  viewBox="0 0 16 16"
                >
                  <path
                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"
                  />
                </svg>
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="16"
                  height="16"
                  fill="currentColor"
                  class="bi bi-star-fill"
                  viewBox="0 0 16 16"
                >
                  <path
                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"
                  />
                </svg>
              </div>
              <div class="comment-text">أفضل متجر لقطع غيار السيارات.</div>
              <div class="author-box">
                <div class="author-img">
                  <img src="static/images/profile_avatar_O6Oa_2.jpg" alt="" />
                </div>
                <div class="author-name">محمود عبدالله</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section> 

    <section class="section">
      <div class="container">
        <h2 class="title">معرض</h2>
        <div class="row">
          <div class="col-12 col-md-4 pt-2 pb-2">
            <a
              class="gallery-item"
              href="photo/visuals_gallery_67e6981a00c208.32509805.jpg"
              data-fancybox="gallery"
            >
              <img src="photo/visuals_gallery_67e6981a00c208.32509805.jpg" alt="" />
            </a>
          </div>
          <div class="col-12 col-md-4 pt-2 pb-2">
            <a
              class="gallery-item"
              href="photo/icons_gallery_67e6981c674a10.18225101.jpg"
              data-fancybox="gallery"
            >
              <img src="photo/icons_gallery_67e6981c674a10.18225101.jpg" alt="" />
            </a>
          </div>
          <div class="col-12 col-md-4 pt-2 pb-2">
            <a
              class="gallery-item"
              href="photo/photos_gallery_67e6981f1ac142.67818675.jpg"
              data-fancybox="gallery"
            >
              <img src="photo/photos_gallery_67e6981f1ac142.67818675.jpg" alt="" />
            </a>
          </div>
          <div class="col-12 col-md-4 pt-2 pb-2">
            <a
              class="gallery-item"
              href="photo/pictures_gallery_67e69820d1c197.49266205.jpg"
              data-fancybox="gallery"
            >
              <img src="photo/pictures_gallery_67e69820d1c197.49266205.jpg" alt="" />
            </a>
          </div>
          <div class="col-12 col-md-4 pt-2 pb-2">
            <a
              class="gallery-item"
              href="photo/graphics_gallery_67e698234a5a94.71769623.jpg"
              data-fancybox="gallery"
            >
              <img src="photo/graphics_gallery_67e698234a5a94.71769623.jpg" alt="" />
            </a>
          </div>
          <div class="col-12 col-md-4 pt-2 pb-2">
            <a
              class="gallery-item"
              href="photo/pictures_gallery_67e69825c90248.74171152.jpg"
              data-fancybox="gallery"
            >
              <img src="photo/pictures_gallery_67e69825c90248.74171152.jpg" alt="" />
            </a>
          </div>
        </div>
      </div>
    </section> 

    

    <section class="section">
      <div class="container">
        <h2 class="title">آخر الأخبار</h2>
        <div class="row row-box-lg">
          <div class="col-12 col-lg-4 pt-2 pb-2">
            <div class="latest-news-box">
              <div class="latest-news-img">
                <img src="photo/photos_gallery_67e698281d03e2.75482679.jpg" alt="" />
              </div>
              <div class="latest-news-date">03.28.2025</div>
              <div class="latest-news-text">10 علامات واضحة تشير إلى أن الوقت قد حان لاستبدال سيارتك</div>
            </div>
          </div>
          <div class="col-12 col-lg-4 pt-2 pb-2">
            <div class="latest-news-box">
              <div class="latest-news-img">
                <img src="photo/pictures_gallery_67e6982ae5aa21.86153651.jpg" alt="" />
              </div>
              <div class="latest-news-date">03.27.2025</div>
              <div class="latest-news-text">لماذا يؤدي ملء خزان الوقود بالبنزين عالي الأوكتان إلى إلغاء الضمان؟</div>
            </div>
          </div>
          <div class="col-12 col-lg-4 pt-2 pb-2">
            <div class="latest-news-box">
              <div class="latest-news-img">
                <img src="photo/renders_gallery_67e6982c8aa740.84202494.jpg" alt="" />
              </div>
              <div class="latest-news-date">03.13.2025</div>
              <div class="latest-news-text">10 علامات واضحة تشير إلى أن الوقت قد حان لبيع سيارتك</div>
            </div>
          </div>
        </div>
      </div>
    </section>  

      

    <section class="footer">
      <div class="container footer-container">
        <div class="row row-box-lg">
          <div class="col-12 col-lg-6">
            <div class="footer-logo">
              <a href="./" class="footer-wrapper">
                <div class="footer-logo-img">
                  <img src="site-logo.svg" alt="logo" />
                </div>
                <div class="footer-logo-title">Deepfuturebyte</div>
              </a>

              <div class="text-center">
                <div style="font-weight: 600">ساعات عمل المتجر:</div>
                <div>الاثنين - الجمعة: 9.00 - 18.00</div>
                <div>السبت - الأحد: 11.00 - 16.00</div>
              </div>
            </div>
          </div>

          <hr class="delimeter" />

          <div class="col-12 col-lg-6">
            <div class="footer-privacy-box">
              
              <div class="footer-politik-privacy">
                <a href="agreement.php">سياسة الخصوصية</a>
              </div>
              <div class="footer-politik-privacy">
                <a href="terms-use.php">الشروط والأحكام</a>
              </div>
              <div class="footer-politik-privacy">
                <a href="disclaimer.php">اخلاء المسؤوليه</a>
              </div> 
            </div>
          </div>
        </div>
      </div>
    </section>

    

    <script>
      $("gallery").fancybox();
    </script>

    <script>
      $(document).ready(function () {
        $(".slider").slick({
          slidesToShow: 3,
          slidesToScroll: 1,
          autoplay: true,
          autoplaySpeed: 3000,
          arrows: false,
          infinite: true,
          dots: true,
          responsive: [
            {
              breakpoint: 992,
              settings: {
                slidesToShow: 2,
              },
            },
            {
              breakpoint: 768,
              settings: {
                slidesToShow: 1,
              },
            },
          ],
        });
      });
    </script>
      
  </body>
</html>

