PenTool UIتصفّح المكتبة

الواجهات الكاملة · منصّة تعليمية

صفحة هبوط

بطل وثلاث ميزات وشريط دعوة — صفحة تسويقية بترتيب قراءة عربي

افتحها في لسان جديد ↗
<div class="iface ifl">
  <header class="if-top">
    <span class="brand" data-ar="مِنصّة" data-en="Minassa">مِنصّة</span>
    <nav>
      <a href="#"><span data-ar="المسارات" data-en="Tracks">المسارات</span></a>
      <a href="#"><span data-ar="للمدارس" data-en="For schools">للمدارس</span></a>
      <a href="#"><span data-ar="المدرّبون" data-en="Instructors">المدرّبون</span></a>
    </nav>
    <span class="grow"></span>
    <button class="if-btn ghost" data-ar="دخول" data-en="Sign in">دخول</button>
    <button class="if-btn" data-ar="ابدأ مجّانًا" data-en="Start free">ابدأ مجّانًا</button>
  </header>

  <div class="if-body">
    <section class="ifl-hero">
      <span class="eyebrow"><span data-ar="جديد · مسار التصميم" data-en="New · design track">جديد · مسار التصميم</span></span>
      <h1 data-ar="تعلّم بالعربية، وابنِ بما تعلّمت" data-en="Learn in Arabic, build with what you learn">تعلّم بالعربية، وابنِ بما تعلّمت</h1>
      <p data-ar="مسارات قصيرة بمشاريع حقيقية، ومدرّب يراجع عملك أسبوعيًّا. بلا محاضرات طويلة ولا شهادات على الورق."
         data-en="Short tracks with real projects and an instructor who reviews your work weekly. No long lectures, no paper certificates.">مسارات قصيرة بمشاريع حقيقية، ومدرّب يراجع عملك أسبوعيًّا. بلا محاضرات طويلة ولا شهادات على الورق.</p>
      <div class="ifl-cta">
        <button class="if-btn" data-ar="جرّب أسبوعًا مجّانًا" data-en="Try a free week">جرّب أسبوعًا مجّانًا</button>
        <span class="hint" data-ar="بلا بطاقة · إلغاء بضغطة" data-en="No card · cancel anytime">بلا بطاقة · إلغاء بضغطة</span>
      </div>
    </section>

    <ul class="ifl-feats">
      <li class="if-card"><b data-ar="مشروع كل أسبوع" data-en="A project a week">مشروع كل أسبوع</b>
        <span data-ar="تبني شيئًا يعمل، لا تحلّ تمرينًا يُرمى بعد التصحيح."
              data-en="You build something that works, not an exercise thrown away after grading.">تبني شيئًا يعمل، لا تحلّ تمرينًا يُرمى بعد التصحيح.</span></li>
      <li class="if-card"><b data-ar="مراجعة بشرية" data-en="Human review">مراجعة بشرية</b>
        <span data-ar="مدرّب يقرأ عملك ويكتب لك ما يُصلَح ولماذا — لا درجة بلا سبب."
              data-en="An instructor reads your work and writes what to fix and why — not a grade without a reason.">مدرّب يقرأ عملك ويكتب لك ما يُصلَح ولماذا — لا درجة بلا سبب.</span></li>
      <li class="if-card"><b data-ar="بوتيرتك" data-en="At your pace">بوتيرتك</b>
        <span data-ar="المسار مفتوح بلا مواعيد بثّ. تبدأ حين تستطيع وتقف حين تحتاج."
              data-en="Tracks stay open with no broadcast times. Start when you can, pause when you need.">المسار مفتوح بلا مواعيد بثّ. تبدأ حين تستطيع وتقف حين تحتاج.</span></li>
    </ul>

    <section class="ifl-bar">
      <div><b data-ar="ابدأ اليوم" data-en="Start today">ابدأ اليوم</b>
        <span data-ar="أوّل مشروع يخرج منك خلال أسبوع." data-en="Your first project ships within a week.">أوّل مشروع يخرج منك خلال أسبوع.</span></div>
      <button class="if-btn" data-ar="أنشئ حسابك" data-en="Create your account">أنشئ حسابك</button>
    </section>
  </div>
</div>
← فاتورة قابلة للطباعةتهيئة الحساب →