{% extends "base.html" %}
{% block title %}عن الشركة{% endblock %}
{% block content %}

<!-- من نحن -->
<section class="fade-in py-5 ">
  <div class="container">
    <h2 class="text-center mb-4 fw-bold">من نحن؟</h2>
    <p class="text-center fs-5">تأسس مصنع الفيروز للمنظفات عام 2016 برؤية واضحة لتطوير صناعة المنظفات في العراق والمنطقة العربية، من خلال تقديم منتجات عالية الجودة وفعالة وصديقة للبيئة.</p>
    <p class="text-center fs-5">منذ البداية، ركزنا على الابتكار والتكنولوجيا الحديثة في خطوط الإنتاج بإشراف فريق من الخبراء والكيميائيين لضمان تقديم منتجات مبتكرة تلبي احتياجات المستهلكين المتجددة.</p>
    <p class="text-center fs-5">نسعى لتحقيق التوازن بين الجودة، السلامة، والاستدامة البيئية، مع الالتزام بتقديم تجربة لا تُنسى لكل عميل.</p>
  </div>
</section>

<!-- تاريخ المصنع والإنجازات -->
<section class="py-5 ">
  <div class="container">
    <h2 class="text-center mb-5 fw-bold">تاريخنا وإنجازاتنا</h2>
    <div class="row g-4">
      <div class="col-md-4">
        <div class="card h-100 shadow-sm border-0">
          <div class="card-body text-center">
            <i class="fas fa-building fa-3x text-primary mb-3"></i>
            <h5 class="fw-bold">2016 - الانطلاقة</h5>
            <p>انطلق المصنع برؤية واضحة لتقديم منتجات عالية الجودة وبدأ رحلة الابتكار في مجال صناعة المنظفات المنزلية.</p>
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <div class="card h-100 shadow-sm border-0">
          <div class="card-body text-center">
            <i class="fas fa-trophy fa-3x text-dinger mb-3"></i>
            <h5 class="fw-bold">الإنجازات</h5>
            <p>حصل المصنع على شهادات جودة محلية ودولية، وحقق ريادة السوق في العراق  بفضل المنتجات المبتكرة والفعالة.</p>
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <div class="card h-100 shadow-sm border-0">
          <div class="card-body text-center">
            <i class="fas fa-rocket fa-3x text-success mb-3"></i>
            <h5 class="fw-bold">التوسع والابتكار</h5>
            <p>تم توسيع خطوط الإنتاج وتطوير منتجات جديدة تلبي متطلبات السوق وتواكب أحدث الابتكارات العالمية.</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ابتكارنا ومنتجاتنا -->
<section class="py-5  ">
  <div class="container">
    <h2 class="text-center mb-5 fw-bold">ابتكارنا ومنتجاتنا</h2>
    <div class="row g-4">
      <div class="col-md-3">
        <div class="card h-100 text-center shadow-sm border-0">
          <div class="card-body">
            <i class="fas fa-paint-brush fa-2x text-primary mb-2"></i>
            <h6 class="fw-bold">منظفات منزلية</h6>
            <p>منتجات مبتكرة تضمن نظافة عالية ورائحة منعشة لجميع أسطح المنزل.</p>
          </div>
        </div>
      </div>
      <div class="col-md-3">
        <div class="card h-100 text-center shadow-sm border-0">
          <div class="card-body">
            <i class="fas fa-hand-sparkles fa-2x text-success mb-2"></i>
            <h6 class="fw-bold">معقمات ومطهرات</h6>
            <p>منتجات آمنة وفعالة لتعقيم جميع الأسطح والحفاظ على صحة الأسرة.</p>
          </div>
        </div>
      </div>
      <div class="col-md-3">
        <div class="card h-100 text-center shadow-sm border-0">
          <div class="card-body">
            <i class="fas fa-capsules fa-2x text-dinger mb-2"></i>
            <h6 class="fw-bold">منظفات صناعية</h6>
            <p>حلول متطورة لتنظيف المصانع والمراكز التجارية بمواصفات عالمية.</p>
          </div>
        </div>
      </div>
      <div class="col-md-3">
        <div class="card h-100 text-center shadow-sm border-0">
          <div class="card-body">
            <i class="fas fa-seedling fa-2x text-info mb-2"></i>
            <h6 class="fw-bold">منتجات صديقة للبيئة</h6>
            <p>منتجات تعتمد مكونات طبيعية وعمليات إنتاج مستدامة للحفاظ على البيئة.</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- الشهادات والاعتمادات -->
<section class="py-5">
  <div class="container">
    <h2 class="text-center mb-5 fw-bold">شهاداتنا واعتماداتنا</h2>
    <div class="row g-4 justify-content-center">
      <div class="col-md-2 col-4 text-center">
        <img src="/static/images/certificate1.png" alt="شهادة جودة" class="img-fluid shadow-sm rounded">
      </div>
      <div class="col-md-2 col-4 text-center">
        <img src="/static/images/certificate2.png" alt="اعتماد محلي" class="img-fluid shadow-sm rounded">
      </div>
      <div class="col-md-2 col-4 text-center">
        <img src="/static/images/certificate3.png" alt="شهادة دولية" class="img-fluid shadow-sm rounded">
      </div>
    </div>
  </div>
</section>


<!-- المسؤولية الاجتماعية والبيئية -->
<section class="py-5">
  <div class="container">
    <h2 class="text-center mb-5 fw-bold">المسؤولية الاجتماعية والبيئية</h2>
    <p class="text-center fs-5">نحن ملتزمون بدعم المجتمع المحلي من خلال مبادرات تعليمية وصحية، ونحرص على نشر ثقافة النظافة والصحة العامة.</p>
    <p class="text-center fs-5">كما نتبع ممارسات إنتاج صديقة للبيئة، ونستخدم مكونات طبيعية ومستدامة للحفاظ على الموارد وتحقيق التنمية المستدامة.</p>
  </div>
</section>

<!-- قيمنا الأساسية -->
<section class="py-5 ">
  <div class="container">
    <h2 class="text-center mb-4 fw-bold">قيمنا الأساسية</h2>
    <div class="row text-center g-4">
      <div class="col-md-2 col-6">
        <i class="fas fa-check-circle fa-2x text-success mb-2"></i>
        <p>الجودة والتميز</p>
      </div>
      <div class="col-md-2 col-6">
        <i class="fas fa-check-circle fa-2x text-success mb-2"></i>
        <p>الابتكار المستمر</p>
      </div>
      <div class="col-md-2 col-6">
        <i class="fas fa-check-circle fa-2x text-success mb-2"></i>
        <p>السلامة والبيئة</p>
      </div>
      <div class="col-md-2 col-6">
        <i class="fas fa-check-circle fa-2x text-success mb-2"></i>
        <p>المسؤولية الاجتماعية</p>
      </div>
      <div class="col-md-2 col-6">
        <i class="fas fa-check-circle fa-2x text-success mb-2"></i>
        <p>الشفافية والمصداقية</p>
      </div>
      <div class="col-md-2 col-6">
        <i class="fas fa-check-circle fa-2x text-success mb-2"></i>
        <p>البحث والتطوير</p>
      </div>
    </div>
  </div>
</section>

{% endblock %}