```html
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">

<style>
#saqar-site {
  direction: rtl;
  font-family: 'Cairo', sans-serif;
  color: #193044;
  line-height: 1.9;
  overflow: hidden;
}
#saqar-site * { box-sizing: border-box; }
#saqar-site a { text-decoration: none; }
#saqar-site .sa-container { width: min(1150px, 92%); margin: auto; }
#saqar-site .sa-top {
  background: #102d40; color: white; padding: 12px 0;
  font-size: 14px;
}
#saqar-site .sa-top .sa-container {
  display: flex; justify-content: space-between;
  align-items: center; flex-wrap: wrap; gap: 8px;
}
#saqar-site .sa-phone { color: #f6c45c; font-weight: 800; }
#saqar-site .sa-header { background: #fff; padding: 18px 0; }
#saqar-site .sa-brand { font-size: 23px; font-weight: 900; color: #12384d; }
#saqar-site .sa-brand span { color: #d99c2b; }
#saqar-site .sa-nav {
  display: flex; align-items: center; justify-content: space-between;
  gap: 18px; flex-wrap: wrap;
}
#saqar-site .sa-links { display: flex; gap: 18px; flex-wrap: wrap; }
#saqar-site .sa-links a { color: #193044; font-size: 14px; font-weight: 700; }
#saqar-site .sa-btn {
  display: inline-flex; align-items: center; justify-content: center;
  gap: 8px; padding: 12px 22px; border-radius: 9px;
  font-weight: 800; transition: .2s; border: 0;
}
#saqar-site .sa-btn-gold { background: #e7b348; color: #173247; }
#saqar-site .sa-btn-green { background: #168b60; color: white; }
#saqar-site .sa-btn-dark { background: #12384d; color: white; }
#saqar-site .sa-hero {
  background: linear-gradient(125deg,#102d40,#19516a);
  color: white; padding: 75px 0; position: relative;
}
#saqar-site .sa-hero-grid {
  display: grid; grid-template-columns: 1.25fr .75fr;
  gap: 35px; align-items: center;
}
#saqar-site .sa-label {
  display: inline-block; background: #ffffff18; color: #f6cb71;
  padding: 5px 15px; border-radius: 30px; font-size: 14px;
}
#saqar-site .sa-hero h1 {
  color: white; font-size: clamp(30px,4.2vw,49px);
  line-height: 1.5; margin: 18px 0; font-weight: 900;
}
#saqar-site .sa-hero p { color: #e4edf2; font-size: 17px; margin-bottom: 25px; }
#saqar-site .sa-hero-actions { display: flex; gap: 12px; flex-wrap: wrap; }
#saqar-site .sa-hero-card {
  background: #ffffff12; border: 1px solid #ffffff2b;
  border-radius: 22px; padding: 27px; text-align: center;
}
#saqar-site .sa-hero-icon { font-size: 72px; line-height: 1.5; }
#saqar-site .sa-hero-card h2 { color: #f6cb71; font-size: 24px; }
#saqar-site .sa-hero-card p { font-size: 14px; margin: 0; }
#saqar-site .sa-trust {
  background: #f5f8fa; padding: 23px 0;
}
#saqar-site .sa-trust-grid {
  display: grid; grid-template-columns: repeat(3,1fr);
  gap: 15px; text-align: center;
}
#saqar-site .sa-trust-item { font-weight: 800; color: #16394d; }
#saqar-site .sa-section { padding: 65px 0; }
#saqar-site .sa-section-light { background: #f5f8fa; }
#saqar-site .sa-heading { text-align: center; margin-bottom: 35px; }
#saqar-site .sa-heading span { color: #b47b15; font-size: 14px; font-weight: 800; }
#saqar-site .sa-heading h2 {
  font-size: clamp(25px,3vw,35px); line-height: 1.5;
  color: #12384d; margin: 7px 0 10px; font-weight: 900;
}
#saqar-site .sa-heading p { color: #657681; max-width: 750px; margin: auto; }
#saqar-site .sa-grid {
  display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px;
}
#saqar-site .sa-service {
  background: white; padding: 27px; border-radius: 15px;
  border: 1px solid #e4eaee; box-shadow: 0 8px 25px #16394d0a;
}
#saqar-site .sa-service-icon {
  width: 58px; height: 58px; display: grid; place-items: center;
  background: #edf5f5; border-radius: 14px; font-size: 29px;
  margin-bottom: 14px;
}
#saqar-site .sa-service h3 { color: #12384d; font-size: 22px; margin: 0 0 10px; }
#saqar-site .sa-service p { color: #657681; margin: 0 0 15px; }
#saqar-site .sa-service ul { padding-right: 20px; margin: 0 0 20px; }
#saqar-site .sa-service li { margin: 5px 0; }
#saqar-site .sa-text-box {
  background: white; border-right: 5px solid #e7b348;
  border-radius: 12px; padding: 24px; margin-top: 25px;
}
#saqar-site .sa-text-box h3 { color: #12384d; margin-top: 0; }
#saqar-site .sa-areas {
  display: flex; flex-wrap: wrap; gap: 12px; justify-content: center;
}
#saqar-site .sa-area {
  background: white; border: 1px solid #e0e8ed;
  padding: 10px 20px; border-radius: 9px; font-weight: 700;
}
#saqar-site .sa-cta {
  background: linear-gradient(120deg,#12384d,#1c6074);
  padding: 48px 0; color: white; text-align: center;
}
#saqar-site .sa-cta h2 { color: white; font-size: 30px; margin-top: 0; }
#saqar-site .sa-cta p { color: #e4edf2; }
#saqar-site .sa-footer { background: #0b2231; color: #dce6ec; padding: 35px 0; }
#saqar-site .sa-footer-grid {
  display: grid; grid-template-columns: 1.2fr .8fr; gap: 25px;
}
#saqar-site .sa-footer h3 { color: #f6cb71; }
#saqar-site .sa-footer a { color: #fff; }
#saqar-site .sa-copy {
  border-top: 1px solid #ffffff20; padding-top: 15px;
  margin-top: 22px; font-size: 13px; text-align: center;
}
#saqar-site .sa-floating {
  position: fixed; z-index: 99999; right: 14px; bottom: 18px;
  display: flex; flex-direction: column; gap: 10px;
}
#saqar-site .sa-float-btn {
  width: 53px; height: 53px; border-radius: 50%;
  display: grid; place-items: center; color: white;
  font-size: 23px; box-shadow: 0 4px 14px #0003;
}
#saqar-site .sa-float-call { background: #d9a331; }
#saqar-site .sa-float-wa { background: #168b60; }
@media(max-width:760px) {
  #saqar-site .sa-hero { padding: 48px 0; }
  #saqar-site .sa-hero-grid { grid-template-columns: 1fr; }
  #saqar-site .sa-hero-card { padding: 18px; }
  #saqar-site .sa-hero-icon { font-size: 50px; }
  #saqar-site .sa-grid { grid-template-columns: 1fr; }
  #saqar-site .sa-trust-grid { grid-template-columns: 1fr; gap: 8px; }
  #saqar-site .sa-links { width: 100%; gap: 12px; }
  #saqar-site .sa-nav { align-items: flex-start; }
  #saqar-site .sa-footer-grid { grid-template-columns: 1fr; }
  #saqar-site .sa-section { padding: 45px 0; }
  #saqar-site .sa-hero-actions .sa-btn { width: 100%; }
}
</style>

<div id="saqar-site">

  <div class="sa-top">
    <div class="sa-container">
      <span>شركة صقر العرب للخدمات المنزلية</span>
      <span>للتواصل: <a class="sa-phone" href="tel:0565980270">0565980270</a></span>
    </div>
  </div>

  <header class="sa-header">
    <div class="sa-container sa-nav">
      <a class="sa-brand" href="#saqar-home">صقر العرب <span>للخدمات المنزلية</span></a>
      <nav class="sa-links" aria-label="القائمة الرئيسية">
        <a href="#saqar-home">الرئيسية</a>
        <a href="#saqar-services">خدماتنا</a>
        <a href="#saqar-about">من نحن</a>
        <a href="#saqar-areas">مناطق الخدمة</a>
        <a href="#saqar-contact">تواصل معنا</a>
      </nav>
      <a class="sa-btn sa-btn-dark" href="tel:0565980270">اتصل الآن</a>
    </div>
  </header>

  <main>
    <section class="sa-hero" id="saqar-home">
      <div class="sa-container sa-hero-grid">
        <div>
          <span class="sa-label">خدمات منزلية متكاملة</span>
          <h1>شركة صقر العرب للخدمات المنزلية بمكة المكرمة والطائف</h1>
          <p>
            نوفر خدمات الكهرباء وصيانة وتركيب المكيفات والسباكة وقص الجدران
            والخرسانة وفتح الكور، مع الاهتمام بجودة التنفيذ ودقة العمل
            وتلبية احتياجات المنازل والمنشآت.
          </p>
          <div class="sa-hero-actions">
            <a class="sa-btn sa-btn-gold" href="tel:0565980270">☎ اتصل بنا الآن</a>
            <a class="sa-btn sa-btn-green" href="https://wa.me/966565980270?text=%D8%A3%D8%B1%D9%8A%D8%AF%20%D8%A7%D9%84%D8%A7%D8%B3%D8%AA%D9%81%D8%B3%D8%A7%D8%B1%20%D8%B9%D9%86%20%D8%AE%D8%AF%D9%85%D8%A7%D8%AA%20%D8%B5%D9%82%D8%B1%20%D8%A7%D9%84%D8%B9%D8%B1%D8%A8" target="_blank" rel="noopener">واتساب</a>
          </div>
        </div>
        <div class="sa-hero-card">
          <div class="sa-hero-icon" aria-hidden="true">🛠️</div>
          <h2>خدماتك المنزلية في مكان واحد</h2>
          <p>كهرباء • تكييف • سباكة • قص خرسانة وكور</p>
          <p style="margin-top:14px">مكة المكرمة والطائف</p>
        </div>
      </div>
    </section>

    <section class="sa-trust">
      <div class="sa-container sa-trust-grid">
        <div class="sa-trust-item">✓ خدمات متعددة</div>
        <div class="sa-trust-item">✓ للمنازل والمنشآت</div>
        <div class="sa-trust-item">✓ تواصل مباشر</div>
      </div>
    </section>

    <section class="sa-section" id="saqar-services">
      <div class="sa-container">
        <div class="sa-heading">
          <span>خدماتنا</span>
          <h2>خدمات منزلية وفنية متنوعة</h2>
          <p>اختر الخدمة التي تحتاج إليها وتواصل معنا للاستفسار عن التفاصيل وتحديد احتياجك.</p>
        </div>

        <div class="sa-grid">
          <article class="sa-service">
            <div class="sa-service-icon" aria-hidden="true">⚡</div>
            <h3>أعمال الكهرباء</h3>
            <p>خدمات كهربائية للمنازل والمنشآت مع الاهتمام بسلامة التوصيلات ودقة التنفيذ.</p>
            <ul>
              <li>تمديدات الكهرباء.</li>
              <li>صيانة الأعطال الكهربائية.</li>
              <li>تركيب وصيانة اللوحات الكهربائية.</li>
            </ul>
            <a class="sa-btn sa-btn-dark" href="https://wa.me/966565980270?text=%D8%A3%D8%B1%D9%8A%D8%AF%20%D8%AE%D8%AF%D9%85%D8%A9%20%D9%83%D9%87%D8%B1%D8%A8%D8%A7%D8%A1" target="_blank" rel="noopener">اطلب خدمة الكهرباء</a>
          </article>

          <article class="sa-service">
            <div class="sa-service-icon" aria-hidden="true">❄️</div>
            <h3>صيانة وتركيب المكيفات</h3>
            <p>خدمات تساعد على المحافظة على أداء أجهزة التكييف وتلبية احتياجات التركيب والصيانة.</p>
            <ul>
              <li>صيانة المكيفات.</li>
              <li>فك وتركيب أجهزة التكييف.</li>
              <li>فحص المكيف وشحن الفريون عند الحاجة.</li>
            </ul>
            <a class="sa-btn sa-btn-dark" href="https://wa.me/966565980270?text=%D8%A3%D8%B1%D9%8A%D8%AF%20%D8%AE%D8%AF%D9%85%D8%A9%20%D8%AA%D9%83%D9%8A%D9%8A%D9%81" target="_blank" rel="noopener">اطلب خدمة التكييف</a>
          </article>

          <article class="sa-service">
            <div class="sa-service-icon" aria-hidden="true">🧱</div>
            <h3>قص الجدران والخرسانة وفتح الكور</h3>
            <p>تنفيذ أعمال القص والفتحات حسب طبيعة الموقع ومتطلبات العمل.</p>
            <ul>
              <li>قص الخرسانة والجدران.</li>
              <li>فتح فتحات الكور.</li>
              <li>فتح أبواب وشبابيك حسب متطلبات الموقع.</li>
              <li>تشطيب الفتحات بدقة.</li>
            </ul>
            <a class="sa-btn sa-btn-dark" href="https://wa.me/966565980270?text=%D8%A3%D8%B1%D9%8A%D8%AF%20%D8%AE%D8%AF%D9%85%D8%A9%20%D9%82%D8%B5%20%D8%AE%D8%B1%D8%B3%D8%A7%D9%86%D8%A9%20%D8%A3%D9%88%20%D9%81%D8%AA%D8%AD%20%D9%83%D9%88%D8%B1" target="_blank" rel="noopener">اطلب خدمة القص والكور</a>
          </article>

          <article class="sa-service">
            <div class="sa-service-icon" aria-hidden="true">🚿</div>
            <h3>أعمال السباكة</h3>
            <p>خدمات سباكة متنوعة لمعالجة المشكلات وتركيب الأدوات الصحية.</p>
            <ul>
              <li>تسليك الانسدادات.</li>
              <li>صيانة أعطال السباكة.</li>
              <li>تركيب الأدوات الصحية.</li>
            </ul>
            <a class="sa-btn sa-btn-dark" href="https://wa.me/966565980270?text=%D8%A3%D8%B1%D9%8A%D8%AF%20%D8%AE%D8%AF%D9%85%D8%A9%20%D8%B3%D8%A8%D8%A7%D9%83%D8%A9" target="_blank" rel="noopener">اطلب خدمة السباكة</a>
          </article>
        </div>
      </div>
    </section>

    <section class="sa-section sa-section-light" id="saqar-about">
      <div class="sa-container">
        <div class="sa-heading">
          <span>من نحن</span>
          <h2>صقر العرب للخدمات المنزلية</h2>
          <p>
            نقدم مجموعة من الخدمات الفنية والمنزلية في مكة المكرمة والطائف،
            بدءًا من أعمال الكهرباء والتكييف، وصولًا إلى السباكة وقص الخرسانة
            وفتح الكور، لتسهيل الوصول إلى الخدمات التي تحتاج إليها.
          </p>
        </div>
        <div class="sa-text-box">
          <h3>كيف تطلب الخدمة؟</h3>
          <p>
            اتصل بنا أو أرسل رسالة عبر واتساب، واشرح نوع الخدمة والموقع
            والتفاصيل المطلوبة. بعد ذلك يمكن مناقشة نطاق العمل والتكلفة
            وموعد التنفيذ وفقًا لطبيعة الطلب.
          </p>
          <a class="sa-btn sa-btn-gold" href="tel:0565980270">تواصل مع صقر العرب</a>
        </div>
      </div>
    </section>

    <section class="sa-section" id="saqar-areas">
      <div class="sa-container">
        <div class="sa-heading">
          <span>مناطق الخدمة</span>
          <h2>مكة المكرمة والطائف</h2>
          <p>تواصل معنا لتأكيد توفر الخدمة في موقعك قبل تحديد موعد العمل.</p>
        </div>
        <div class="sa-areas">
          <span class="sa-area">مكة المكرمة</span>
          <span class="sa-area">الطائف</span>
        </div>
      </div>
    </section>

    <section class="sa-cta" id="saqar-contact">
      <div class="sa-container">
        <h2>تحتاج إلى خدمة منزلية؟</h2>
        <p>تواصل مع شركة صقر العرب للاستفسار عن الكهرباء أو التكييف أو السباكة أو قص الخرسانة.</p>
        <div class="sa-hero-actions" style="justify-content:center">
          <a class="sa-btn sa-btn-gold" href="tel:0565980270">☎ 0565980270</a>
          <a class="sa-btn sa-btn-green" href="https://wa.me/966565980270" target="_blank" rel="noopener">راسلنا واتساب</a>
        </div>
      </div>
    </section>
  </main>

  <footer class="sa-footer">
    <div class="sa-container">
      <div class="sa-footer-grid">
        <div>
          <h3>صقر العرب للخدمات المنزلية</h3>
          <p>خدمات الكهرباء والتكييف والسباكة وقص الجدران والخرسانة وفتح الكور في مكة المكرمة والطائف.</p>
        </div>
        <div>
          <h3>تواصل معنا</h3>
          <p>الهاتف: <a href="tel:0565980270">0565980270</a></p>
          <p><a href="https://wa.me/966565980270" target="_blank" rel="noopener">التواصل عبر واتساب</a></p>
        </div>
      </div>
      <div class="sa-copy">© شركة صقر العرب للخدمات المنزلية — جميع الحقوق محفوظة</div>
    </div>
  </footer>

  <div class="sa-floating">
    <a class="sa-float-btn sa-float-call" href="tel:0565980270" aria-label="اتصال هاتفي">☎</a>
    <a class="sa-float-btn sa-float-wa" href="https://wa.me/966565980270" target="_blank" rel="noopener" aria-label="واتساب">◉</a>
  </div>

</div>
```