المكوّنات

<Callout type="tip" title="ضع الملصقات على الصناديق قبل ملئها">
  اكتب اسم المدرسة والفئة العمرية على كل صندوق أولًا. يوفّر ذلك ساعة
  من الفرز في نهاية اليوم.
</Callout>

<Steps>

### فرز التبرعات

طابق كل غرض مع قائمة الحقيبة وضع جانبًا كل ما هو بالٍ أو مكسور.

### تعبئة الحقائب

قطعة من كل غرض في كل حقيبة، ثم بطاقة بالفئة العمرية للطفل.

### تحميل الشاحنة

صناديق المدرسة الواحدة توضع معًا، وورقة التوصيل في أعلاها.

</Steps>

<ListCheck columns={2}>

- **حقيبة ظهر**: بمقاس يناسب الفئة العمرية.
- **دفاتر**: أربعة مسطّرة وواحد مربّعات.
- **مقلمة**: أقلام رصاص وممحاة ومسطرة ومبراة.
- **قارورة ماء**: عليها ملصق باسم الطفل.

</ListCheck>

<Button label="تبرّع" url="/donate/" />
<Button variant="outline" label="تواصل معنا" url="/contact/" />
<Button variant="text" label="كل النداءات" url="/causes/" />

<Accordion label="هل أحتاج إلى خبرة للمساعدة في يوم التعبئة؟" group="packing" expanded="true">

لا. يشرح قائد الفريق عمل كل طاولة في البداية، ويمكن تعلّم كل مهمة في عشر دقائق.

</Accordion>

<Tabs>
  <Tab name="ابتدائي">
    حقيبة ظهر، وأربعة دفاتر، ومقلمة، وكتاب للقراءة.
  </Tab>
  <Tab name="ثانوي">
    حقيبة ظهر، وستة دفاتر، وأدوات هندسة، وآلة حاسبة.
  </Tab>
</Tabs>

<ImageList>
  <ImageItem
    imageSrc="/images/photos/event-packing-day.jpg"
    imageAlt="متطوعون يتناقلون أكياسًا فوق طاولة عليها لوازم"
    caption="طاولات التعبئة في التاسعة صباحًا."
  />
  <ImageItem
    width="1/2"
    imageSrc="/images/photos/gallery-pencil-boxes.jpg"
    imageAlt="صناديق مليئة بأقلام رصاص صفراء جديدة"
    caption="أقلام رصاص مفروزة قبل التعبئة."
  />
  <ImageItem
    width="1/2"
    imageSrc="/images/photos/cause-school-supplies.jpg"
    imageAlt="دفاتر وأقلام تلوين على طاولة"
    caption="حقيبة كاملة للمرحلة الابتدائية."
  />
</ImageList>

<VideoInline src="rFVpSwgCkCo" provider="youtube" />
<VideoInline src="/videos/test-video.mp4" provider="html5" poster="/images/video-thumbnail.jpg" />

## عنوان 2 [.custom-class]
### عنوان 3