<!-- Page d'accueil YouCan – نموذج جاهز -->

<section style="padding:40px 0; text-align:center; background:#f7f7f7;">

  <h1 style="font-size:32px; font-weight:bold; margin-bottom:10px;">مرحبا بكم في متجرنا</h1>

  <p style="font-size:18px; color:#555;">أفضل المنتجات بأفضل الأسعار</p>

</section>

<!-- قسم بانر رئيسي -->

<section style="padding:40px 0; background:white; text-align:center;">

  <img src="https://via.placeholder.com/1100x350" alt="Bannière principale" style="width:90%; border-radius:10px;" />

</section>

<!-- قسم المنتجات المميزة -->

<section style="padding:40px 20px; background:#fafafa;">

  <h2 style="text-align:center; font-size:28px; margin-bottom:30px;">منتجات مميزة</h2>

  <div style="display:flex; justify-content:center; gap:20px; flex-wrap:wrap;">

    <div style="width:260px; background:white; border-radius:10px; padding:15px; box-shadow:0 2px 6px rgba(0,0,0,0.1); text-align:center;">

      <img src="https://via.placeholder.com/250" style="width:100%; border-radius:8px;" />

      <h3 style="margin:10px 0;">اسم المنتج</h3>

      <p style="font-weight:bold; color:#27ae60;">199 DH</p>

      <button style="margin-top:10px; padding:10px 20px; background:#000; color:white; border:none; border-radius:6px; cursor:pointer;">اشتــري الآن</button>

    </div>

    <div style="width:260px; background:white; border-radius:10px; padding:15px; box-shadow:0 2px 6px rgba(0,0,0,0.1); text-align:center;">

      <img src="https://via.placeholder.com/250" style="width:100%; border-radius:8px;" />

      <h3 style="margin:10px 0;">اسم المنتج</h3>

      <p style="font-weight:bold; color:#27ae60;">249 DH</p>

      <button style="margin-top:10px; padding:10px 20px; background:#000; color:white; border:none; border-radius:6px; cursor:pointer;">اشتــري الآن</button>

    </div>

  </div>

</section>

<!-- قسم الثقة -->

<section style="padding:50px 20px; background:white; text-align:center;">

  <h2 style="font-size:28px; margin-bottom:20px;">علاش تختارونا؟</h2>

  <div style="display:flex; justify-content:center; gap:40px; flex-wrap:wrap;">

    <div style="width:220px;">

      <h3>⚡ شحن سريع</h3>

      <p>نوصلو الطلبية لدارك فـ 24/48 ساعة.</p>

    </div>

    <div style="width:220px;">

      <h3> ✔ جودة ممتازة </h3>

      <p>منتجات مختارة بعناية باش نرضيو الزبناء.</p>

    </div>

    <div style="width:220px;">

      <h3>💳 الدفع عند الاستلام</h3>

      <p>خلص غير ملي توصلك السلعة.</p>

    </div>

  </div>

</section>

<!-- Pied de page بسيط -->

<section style="padding:20px; background:#000; color:white; text-align:center;">

  <p>© 2025 1 GRAND SOUK – جميع الحقوق محفوظة</p>

</section>