Spaces:

my0919175
/

neya

Sleeping

File size: 18,253 Bytes

<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="favicon.svg" type="image/svg+xml">
<title>إيه اللي بيحصل بعد التوصيل؟ — نيّة</title>
<meta property="og:title" content="إيه اللي بيحصل بعد التوصيل؟ — نيّة">
<meta property="og:description" content="دليل مبسط يشرح خطوة بخطوة إزاي تكمل مع اللي وصلت له على نيّة، وإزاي تحمي حقك.">
<meta property="og:type" content="website">
<meta property="og:locale" content="ar_EG">
<style>
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&family=IBM+Plex+Sans+Arabic:wght@300;400;500;600&display=swap');
:root{
  --bg:#FFFFFF; --ink:#0A0A0A;
  --line: rgba(10,10,10,0.12); --line-strong: rgba(10,10,10,0.22);
  --muted: rgba(10,10,10,0.55); --muted-soft: rgba(10,10,10,0.4);
  --surface: rgba(10,10,10,0.03);
  --radius: 14px; --max-w: 860px;
  --warn-bg: #FFF4E5; --warn-border: #E67E00; --warn-ink: #7A4A00;
  --danger-bg: #FDECEC; --danger-border: #C00000; --danger-ink: #7A0000;
  --good-bg: #EAF7EE; --good-border: #1E8E3E; --good-ink: #0F5C26;
}
*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; }
body{ background: var(--bg); color: var(--ink); font-family:'IBM Plex Sans Arabic', sans-serif; line-height:1.9; -webkit-font-smoothing:antialiased; }
h1,h2,h3,.brand-name,.btn{ font-family:'Cairo', sans-serif; }
a{ color: inherit; }
.page{ max-width: var(--max-w); margin:0 auto; padding: 0 20px 70px; }
.topbar{ display:flex; justify-content:space-between; align-items:center; padding:18px 24px; border-bottom:1px solid var(--line); position:sticky; top:0; background:var(--bg); z-index:40; }
.brand{ display:flex; align-items:center; gap:9px; text-decoration:none; }
.brand-mark{ width:30px; height:30px; border-radius:50%; border:2px solid var(--ink); position:relative; flex-shrink:0; }
.brand-mark::after{ content:''; position:absolute; inset:7px; border-radius:50%; background:var(--ink); }
.brand-name{ font-weight:800; font-size:20px; }
.btn{ display:inline-flex; align-items:center; gap:8px; padding:10px 20px; border-radius:10px; border:1.5px solid var(--ink); background:transparent; color:var(--ink); font-weight:700; font-size:13.5px; text-decoration:none; }
.btn:hover{ background:var(--surface); }
.hero{ text-align:center; padding: 44px 0 16px; }
.hero h1{ font-size:26px; font-weight:800; margin:0 0 10px; }
.hero p{ color:var(--muted); font-size:15px; max-width:600px; margin:0 auto; }
.steps{ counter-reset:step; margin:34px 0; }
.step{ display:flex; gap:16px; margin-bottom:22px; }
.step-num{ counter-increment:step; flex-shrink:0; width:34px; height:34px; border-radius:50%; background:var(--ink); color:var(--bg); display:flex; align-items:center; justify-content:center; font-weight:800; font-size:14px; }
.step-num::before{ content: counter(step); }
.step-body h3{ margin:2px 0 6px; font-size:16px; }
.step-body p{ margin:0; font-size:14px; color:#1a1a1a; }
.callout{ border-radius: var(--radius); padding: 18px 20px; margin: 22px 0; border: 1.5px solid var(--danger-border); background: var(--danger-bg); color: var(--danger-ink); }
.callout.warn{ border-color: var(--warn-border); background: var(--warn-bg); color: var(--warn-ink); }
.callout.good{ border-color: var(--good-border); background: var(--good-bg); color: var(--good-ink); }
.callout h3{ margin:0 0 8px; font-size:15px; display:flex; align-items:center; gap:8px; }
.callout p, .callout li{ margin:0; font-size:13.5px; }
.callout ul{ margin:6px 0 0; padding-inline-start:20px; }
.callout li{ margin-bottom:6px; }
.card{ border:1.5px solid var(--line); border-radius: var(--radius); padding:20px 22px; background:var(--bg); margin:18px 0; }
.card h2{ font-size:18px; margin:0 0 12px; }
.checklist li{ margin-bottom:10px; font-size:14px; }
.checklist{ padding-inline-start:20px; }
.divider{ height:1px; background:var(--line); margin:36px 0; border:none; }
.footer-note{ text-align:center; padding:40px 20px 10px; color:var(--muted-soft); font-size:12.5px; }
.bottom-nav{ display:none; }
@media (max-width:720px){
  body{ padding-bottom: calc(64px + env(safe-area-inset-bottom)); }
  .bottom-nav{ display:flex; position:fixed; bottom:0; left:0; right:0; z-index:50; background: var(--bg); border-top:1px solid var(--line); padding: 6px 4px calc(6px + env(safe-area-inset-bottom)); }
  .bn-item{ flex:1; display:flex; flex-direction:column; align-items:center; gap:3px; padding:6px 2px; border-radius:12px; color: var(--muted-soft); font-size:10.5px; font-weight:600; text-decoration:none; }
  .bn-item svg{ width:22px; height:22px; stroke: currentColor; fill:none; stroke-width:1.8; }
  .topbar{ padding:14px 18px; }
}
html{ overflow-x:hidden; } body{ overflow-x:hidden; } img{ max-width:100%; }

/* ================= premium polish layer ================= */
:root{
  --radius: 16px; --radius-sm: 10px; --radius-lg: 22px;
  --ease: cubic-bezier(.22,1,.36,1);
  --shadow-sm: 0 1px 3px rgba(10,10,10,0.05), 0 1px 2px rgba(10,10,10,0.04);
  --shadow-md: 0 6px 20px rgba(10,10,10,0.07), 0 2px 6px rgba(10,10,10,0.04);
  --shadow-lg: 0 14px 40px rgba(10,10,10,0.12), 0 4px 12px rgba(10,10,10,0.06);
}
*{ -webkit-tap-highlight-color: transparent; }
html{ scroll-behavior:smooth; }
body{ text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; }
::selection{ background: var(--ink); color: var(--bg); }
::-webkit-scrollbar-thumb{ border-radius:999px; }
a, button, input, textarea, select{ font-family:inherit; }
:focus-visible{ outline: 2px solid rgba(10,10,10,0.5); outline-offset:2px; border-radius:6px; }

@keyframes fadeSlideUp{ from{ opacity:0; transform:translateY(12px); } to{ opacity:1; transform:none; } }
@keyframes fadeIn{ from{ opacity:0; } to{ opacity:1; } }
@keyframes popIn{ from{ opacity:0; transform:scale(.96) translateY(6px); } to{ opacity:1; transform:none; } }

.topbar{ backdrop-filter:saturate(1.5) blur(10px); -webkit-backdrop-filter:saturate(1.5) blur(10px); background: rgba(255,255,255,0.86); }

.btn{
  border-radius: var(--radius-sm) !important; transition: transform .18s var(--ease), box-shadow .18s var(--ease), background-color .18s var(--ease), border-color .18s var(--ease), opacity .18s var(--ease);
}
.btn:hover{ box-shadow: var(--shadow-sm); }
.btn:active{ transform: scale(.96); }
.btn-primary{ box-shadow: 0 2px 8px rgba(10,10,10,0.16); }
.btn-primary:hover{ box-shadow: var(--shadow-md); transform: translateY(-1.5px); }
.btn-ghost:hover{ background: var(--surface); }

.card{
  border-radius: var(--radius) !important; transition: box-shadow .28s var(--ease), transform .28s var(--ease), border-color .28s var(--ease);
  animation: fadeSlideUp .5s var(--ease) both;
}
.card:hover{ box-shadow: var(--shadow-md); border-color: var(--line-strong); }
.project-card:hover .thumb img{ transform: scale(1.04); }
.thumb img{ transition: transform .5s var(--ease); }

input, textarea, select{
  border-radius: var(--radius-sm) !important; transition: border-color .2s var(--ease), box-shadow .2s var(--ease), background-color .2s var(--ease);
}
input:focus, textarea:focus, select:focus{
  outline:none !important; border-color: var(--ink) !important; box-shadow: 0 0 0 3.5px rgba(10,10,10,0.07);
}

.badge{ border-radius:999px !important; transition: transform .15s var(--ease); }
.modal{ animation: popIn .3s var(--ease) both; border-radius: var(--radius-lg) !important; }
.overlay{ transition: opacity .22s var(--ease); }
.overlay.show{ animation: fadeIn .22s var(--ease) both; }
.toast{ animation: fadeSlideUp .35s var(--ease) both; }

.progress-track, .progress-fill{ border-radius:999px !important; }
.progress-fill{ transition: width .6s var(--ease) !important; }

.stat-box, .stat{ transition: transform .2s var(--ease), box-shadow .2s var(--ease); border-radius: var(--radius-sm) !important; }
.stat-box:hover, .stat:hover{ transform: translateY(-2px); box-shadow: var(--shadow-sm); }

.filter-chip, .role-card{ transition: all .2s var(--ease); }
.role-card:hover{ transform: translateY(-2px); box-shadow: var(--shadow-sm); }

@media (max-width:720px){
  .btn{ min-height:44px; }
  input, textarea, select{ font-size:16px !important; }
  .card{ border-radius: var(--radius-sm) !important; }
}

</style>
</head>
<body>

<div class="topbar">
  <a class="brand" href="index.html">
    <div class="brand-mark"></div>
    <div class="brand-name">نيّة</div>
  </a>
  <a class="btn" href="index.html">رجوع للمنصة</a>
</div>

<div class="page">

  <div class="hero">
    <h1>سجّلت نيّتك... طيب دلوقتي أعمل إيه؟</h1>
    <p>نيّة بتوصّلك بس بالشخص التاني. اللي بعد كده — الاتفاق، العقد، الفلوس — بيتم بينكم مباشرة. الصفحة دي هتقولك تعمل إيه خطوة بخطوة عشان تحمي حقك.</p>
  </div>

  <div class="callout warn">
    <h3><svg viewBox="0 0 24 24" style="width:14px;height:14px;vertical-align:-2px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-inline-end:3px"><path d="M12 3l9 16H3z"/><path d="M12 9v5M12 17h.01"/></svg>️ الأهم قبل ما تكمل</h3>
    <p>نيّة مش وسيط مالي ومش هتتدخل في أي اتفاق أو خلاف مالي بينك وبين الطرف التاني. اللي جاي ده مش استشارة قانونية نهائية — هو خريطة طريق مبسطة. لو المبلغ كبير، استشر محامي حقيقي قبل أي خطوة.</p>
  </div>

  <div class="steps">
    <div class="step">
      <div class="step-num"></div>
      <div class="step-body">
        <h3>اتكلموا وشوفوا بعض على الطبيعة</h3>
        <p>قبل أي كلام فلوس، اطلب تشوف المحل أو المشروع بنفسك، واسأل أي سؤال عندك عن الأرقام والوضع الحالي. المستثمر الجاد مبيتسرعش، وصاحب المشروع الجاد معندوش مانع إنه يوريك كل حاجة.</p>
      </div>
    </div>
    <div class="step">
      <div class="step-num"></div>
      <div class="step-body">
        <h3>اتفقوا على الشكل: شريك ولا مقرض؟</h3>
        <p>فيه فرق كبير بين "أنا بديك فلوس وعايز نسبة من الأرباح كشريك" وبين "أنا بسلّفك فلوس وعايزها تاني بفايدة أو من غيرها". حددوا ده الأول لأنه بيغيّر شكل العقد بالكامل.</p>
      </div>
    </div>
    <div class="step">
      <div class="step-num"></div>
      <div class="step-body">
        <h3>لو هتبقوا شركاء: اعملوا "عقد شركة محاصة"</h3>
        <p>ده الشكل القانوني المصري المناسب لحالتكم بالظبط — مش لازم تسجيل شركة رسمية ولا تعقيد. عقد بسيط بينكم إنتوا الاتنين بس، بيحدد مين بيحط إيه، ونسبة كل واحد من الربح والخسارة، ومين بيدير المحل يوميًا. صاحب المحل فاضل هو الظاهر قانونيًا قدام الموردين والعملاء، والمستثمر شريك متفق معاه من غير ما يبقى اسمه على الفاتورة.</p>
      </div>
    </div>
    <div class="step">
      <div class="step-num"></div>
      <div class="step-body">
        <h3>وضّحوا في العقد نفسه: الربح بيتحسب إزاي؟</h3>
        <p>أكتر مشكلة بتحصل بين شركاء هي الخلاف على "صافي الربح الحقيقي" — إيه اللي بيتخصم قبل ما نوزّع (إيجار، رواتب، فاتورة كهرباء) وإيه اللي لأ. اكتبوا ده بالتفصيل من الأول، مش تسيبوه "على الفاهم".</p>
      </div>
    </div>
    <div class="step">
      <div class="step-num"></div>
      <div class="step-body">
        <h3>وقّعوا عند محامي، مش بس واتساب</h3>
        <p>اتفاق في رسايل أو كلام شفهي مش هيحميك لو حصل خلاف. خصص يوم واحد، وديّوا لمحامي يصيغه أو يراجعه بشكل رسمي — التكلفة بسيطة قدام حجم الحماية اللي بتاخدها.</p>
      </div>
    </div>
    <div class="step">
      <div class="step-num"></div>
      <div class="step-body">
        <h3>بعد كده بس حوّل الفلوس</h3>
        <p>الترتيب مهم: شوفوا بعض → اتفقوا على الشكل → وقّعوا العقد → وبعدين التحويل. لو حد ضغط عليك تحوّل قبل ما توقّعوا حاجة، ده بالذات علامة استفهام كبيرة.</p>
      </div>
    </div>
    <div class="step">
      <div class="step-num"></div>
      <div class="step-body">
        <h3>صاحب المشروع: أكّد الصفقة من "لوحتي"</h3>
        <p>بعد ما الفلوس تتحول فعليًا، صاحب المشروع بس هو اللي يقدر يدوس "تأكيد إن الصفقة اتمت فعلاً" جنب اسم المستثمر في لوحته. ده اللي بيخلي الصفقة تتحسب في "المُجمّع" على صفحة المشروع، وفي درجة ثقة الطرفين — تسجيل النيّة لوحده من غير تأكيد فعلي منّك مبيغيّرش أي رقم حقيقي، عشان الأرقام على نيّة تفضل معناها صدق مش مجرد عدّاد.</p>
      </div>
    </div>
  </div>

  <div class="callout good">
    <h3><svg viewBox="0 0 24 24" style="width:14px;height:14px;vertical-align:-2px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-inline-end:3px"><path d="M5 13l4 4L19 7"/></svg>️ ليه بنعمل كده؟</h3>
    <p>عشان درجة الثقة و"المُجمّع" يفضلوا أرقام تقدر تعتمد عليها فعلاً، مش أرقام بتزيد لمجرد حد سجّل نيّة وخرج. أي صفقة مؤكدة معناها فلوس اتحولت واقعيًا، وده اللي بيدّي المصداقية للطرفين قدام أي حد جديد يشوف البروفايل.</p>
  </div>

  <div class="card">
    <h2><svg viewBox="0 0 24 24" style="width:14px;height:14px;vertical-align:-2px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-inline-end:3px"><path d="M5 13l4 4L19 7"/></svg> قبل ما تحوّل أي جنيه — راجع النقط دي</h2>
    <ul class="checklist">
      <li>شفت المحل / المشروع بعينك ومش معتمد على الصور بس؟</li>
      <li>عندك عقد مكتوب موقّع من الطرفين، مش رسايل واتساب؟</li>
      <li>العقد بيوضح نسبة كل واحد من الربح <b>والخسارة</b> (مش الربح بس)؟</li>
      <li>واضح مين بيدير العمل يوميًا ومين بياخد القرارات؟</li>
      <li>واضح إيه اللي بيتخصم قبل حساب "صافي الربح"؟</li>
      <li>عندك نسخة من العقد محفوظة عندك، مش بس عند الطرف التاني؟</li>
      <li>لو المبلغ كبير (بالنسبالك)، عرضت العقد على محامي؟</li>
      <li>لو انت صاحب المشروع: متنساش تأكد الصفقة من "لوحتي" بعد استلام الفلوس فعليًا؟</li>
    </ul>
  </div>

  <div class="callout good">
    <h3><svg viewBox="0 0 24 24" style="width:14px;height:14px;vertical-align:-2px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-inline-end:3px"><path d="M9 18h6M10 22h4"/><path d="M12 2a6 6 0 00-3 11.2c.5.4.8 1 .8 1.8h4.4c0-.8.3-1.4.8-1.8A6 6 0 0012 2z"/></svg> هي المحاصة ده يعني إيه بالظبط؟</h3>
    <p>"شركة المحاصة" هي أبسط شكل شراكة في القانون المصري لحالتين بيتفقوا يشتغلوا مع بعض من غير ما يفتحوا شركة رسمية جديدة. مفيش أوراق حكومية معقدة، بس لازم عقد واضح بين الطرفين يحفظ حق كل واحد فيهم.</p>
  </div>

  <div class="callout">
    <h3><svg viewBox="0 0 24 24" style="width:14px;height:14px;vertical-align:-2px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-inline-end:3px"><path d="M5 3v18"/><path d="M5 4h13l-3 4 3 4H5"/></svg> علامات لازم توقفك</h3>
    <ul>
      <li>حد بيستعجلك تحوّل فلوس قبل ما توقّعوا أي عقد.</li>
      <li>مرفوض يوريك المحل أو المشروع على الطبيعة.</li>
      <li>الأرقام (الإيرادات، الأرباح) مبنية على كلام بس من غير أي إثبات.</li>
      <li>بيرفض يكتب حاجة في عقد ويقولك "ثق فيا بس".</li>
    </ul>
    <p style="margin-top:10px;">في أي حالة من دول، بلّغ عن الحساب من المنصة، وخد وقتك قبل أي قرار.</p>
  </div>

  <hr class="divider">
  <div class="footer-note">
    الصفحة دي معلومات عامة للتوعية، مش استشارة قانونية. لأي مبلغ مؤثر، استشر محامي مصري متخصص قبل التوقيع.<br>
    © نيّة — نسخة تجريبية (Proof of Concept). كل الحقوق محفوظة.
  </div>

</div>

<div class="bottom-nav" id="bottom-nav">
  <a class="bn-item" href="index.html"><svg viewBox="0 0 24 24"><path d="M12 3l9 8h-2v9h-5v-6H10v6H5v-9H3z"/></svg><span>استكشف</span></a>
  <a class="bn-item" href="create.html"><svg viewBox="0 0 24 24"><path d="M12 5v14M5 12h14"/></svg><span>اعرض</span></a>
  <a class="bn-item active" href="guide.html"><svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="9"/><path d="M12 8v5M12 16h.01"/></svg><span>الدليل</span></a>
</div>
</body>
</html>