<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
<meta charset="UTF-8">
<style>
  body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #0d0e12;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    padding: 20px;
  }
  .slide {
    width: 360px;
    height: 450px;
    background: linear-gradient(145deg, #161922, #0d0f14);
    border: 1px solid #2a2e3d;
    border-radius: 16px;
    padding: 30px 25px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    box-shadow: 0 10px 25px rgba(0,0,0,0.5);
  }
  .slide-header {
    font-size: 12px;
    color: #e5a93b;
    letter-spacing: 1px;
    font-weight: bold;
  }
  .slide-title {
    font-size: 20px;
    font-weight: 800;
    line-height: 1.4;
    color: #ffffff;
    margin-top: 10px;
  }
  .highlight {
    color: #e5a93b;
  }
  .slide-body {
    font-size: 14px;
    line-height: 1.8;
    color: #c5c8d4;
  }
  .slide-footer {
    font-size: 11px;
    color: #6b7280;
    border-top: 1px solid #232734;
    padding-top: 12px;
    display: flex;
    justify-content: space-between;
  }
  .badge {
    background-color: rgba(229, 169, 59, 0.15);
    color: #e5a93b;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    width: fit-content;
  }
</style>
</head>
<body>

  <!-- Slide 1 -->
  <div class="slide">
    <div class="slide-header">فریم ۱ / ۶</div>
    <div>
      <span class="badge">فیلمنامه‌نویسی برند</span>
      <div class="slide-title" style="font-size: 22px; margin-top: 20px;">
        چرا <span class="highlight">۹۰٪ تیزرها و ریلزهای</span> تبلیغاتی نمی‌فروشن؟
      </div>
    </div>
    <div class="slide-body" style="font-size: 13px;">
      رازِ پشتِ ویدیوهای پربازدید کسب‌وکارها...
    </div>
    <div class="slide-footer">
      <span>ورق بزنید 👈</span>
      <span>@YourHandle</span>
    </div>
  </div>

  <!-- Slide 2 -->
  <div class="slide">
    <div class="slide-header">فریم ۲ / ۶</div>
    <div>
      <div class="slide-title">کیفیت تصویر همه‌چیز نیست!</div>
    </div>
    <div class="slide-body">
      خیلی از کلینیک‌ها و رستوران‌ها میلیون‌ها تومان خرج <span class="highlight">دوربین، نور و ادیتور</span> می‌کنند...<br><br>
      اما مخاطب در ۳ ثانیه اول ویدیو را رد می‌کند!<br><br>
      ❌ <b>چون ویدیو «داستان» و «قلاب» ندارد.</b>
    </div>
    <div class="slide-footer">
      <span>ورق بزنید 👈</span>
      <span>@YourHandle</span>
    </div>
  </div>

  <!-- Slide 3 -->
  <div class="slide">
    <div class="slide-header">فریم ۳ / ۶</div>
    <div>
      <div class="slide-title">سلام! من یک <span class="highlight">فیلمنامه‌نویسم</span> ✍️</div>
    </div>
    <div class="slide-body">
      کار من ترکیب هنر <b>فیلمنامه‌نویسی</b> با <b>استراتژی محتوا</b>ست.<br><br>
      سناریویی می‌نویسم که:<br>
      ۱. مخاطب را در ۳ ثانیه اول قفل کند.<br>
      ۲. ارزش برند شما را منتقل کند.<br>
      ۳. مخاطب را به مشتری تبدیل کند.
    </div>
    <div class="slide-footer">
      <span>ورق بزنید 👈</span>
      <span>@YourHandle</span>
    </div>
  </div>

  <!-- Slide 4 -->
  <div class="slide">
    <div class="slide-header">فریم ۴ / ۶</div>
    <div>
      <div class="slide-title">این پیج به درد چه کسانی می‌خورد؟</div>
    </div>
    <div class="slide-body">
      🍔 <b>رستوران‌ها:</b> سناریوهای اشتهاآور و داستانی<br><br>
      🩺 <b>کلینیک‌ها:</b> سناریوهای اعتمادساز برای بیماران<br><br>
      🛍️ <b>برندها:</b> تیزرهای متفاوت و ماندگار
    </div>
    <div class="slide-footer">
      <span>ورق بزنید 👈</span>
      <span>@YourHandle</span>
    </div>
  </div>

  <!-- Slide 5 -->
  <div class="slide">
    <div class="slide-header">فریم ۵ / ۶</div>
    <div>
      <div class="slide-title">در این پیج چه خواهید دید؟</div>
    </div>
    <div class="slide-body">
      🔹 ایده‌ها و سناریوهای آماده برای اصناف مختلف<br><br>
      🔹 آنالیز و نقد سناریوی تیزرهای معروف<br><br>
      🔹 تکنیک‌های داستان‌سرایی (Storytelling) در ویدیو
    </div>
    <div class="slide-footer">
      <span>ورق بزنید 👈</span>
      <span>@YourHandle</span>
    </div>
  </div>

  <!-- Slide 6 -->
  <div class="slide">
    <div class="slide-header">فریم ۶ / ۶</div>
    <div>
      <span class="badge">پیشنهاد ویژه</span>
      <div class="slide-title" style="margin-top: 15px;">سناریوی پیجت رو <span class="highlight">رایگان</span> آنالیز کن!</div>
    </div>
    <div class="slide-body">
      آدرس پیجتان را در <b>دایرکت</b> بفرستید تا سناریوی ویدیوهای فعلی‌تان را آنالیز کنم و یک <b>ایده اختصاصی</b> بهتان پیشنهاد دهم.
    </div>
    <div class="slide-footer">
      <span>🔔 پیج را فالو کنید</span>
      <span>@YourHandle</span>
    </div>
  </div>

</body>
</html>
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
<meta charset="UTF-8">
<style>
  body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #0d0e12;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    padding: 20px;
  }
  .slide {
    width: 360px;
    height: 450px;
    background: linear-gradient(145deg, #161922, #0d0f14);
    border: 1px solid #2a2e3d;
    border-radius: 16px;
    padding: 30px 25px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    box-shadow: 0 10px 25px rgba(0,0,0,0.5);
  }
  .slide-header {
    font-size: 12px;
    color: #e5a93b;
    letter-spacing: 1px;
    font-weight: bold;
  }
  .slide-title {
    font-size: 20px;
    font-weight: 800;
    line-height: 1.4;
    color: #ffffff;
    margin-top: 10px;
  }
  .highlight {
    color: #e5a93b;
  }
  .slide-body {
    font-size: 14px;
    line-height: 1.8;
    color: #c5c8d4;
  }
  .slide-footer {
    font-size: 11px;
    color: #6b7280;
    border-top: 1px solid #232734;
    padding-top: 12px;
    display: flex;
    justify-content: space-between;
  }
  .badge {
    background-color: rgba(229, 169, 59, 0.15);
    color: #e5a93b;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    width: fit-content;
  }
</style>
</head>
<body>

  <!-- Slide 1 -->
  <div class="slide">
    <div class="slide-header">فریم ۱ / ۶</div>
    <div>
      <span class="badge">فیلمنامه‌نویسی برند</span>
      <div class="slide-title" style="font-size: 22px; margin-top: 20px;">
        چرا <span class="highlight">۹۰٪ تیزرها و ریلزهای</span> تبلیغاتی نمی‌فروشن؟
      </div>
    </div>
    <div class="slide-body" style="font-size: 13px;">
      رازِ پشتِ ویدیوهای پربازدید کسب‌وکارها...
    </div>
    <div class="slide-footer">
      <span>ورق بزنید 👈</span>
      <span>@YourHandle</span>
    </div>
  </div>

  <!-- Slide 2 -->
  <div class="slide">
    <div class="slide-header">فریم ۲ / ۶</div>
    <div>
      <div class="slide-title">کیفیت تصویر همه‌چیز نیست!</div>
    </div>
    <div class="slide-body">
      خیلی از کلینیک‌ها و رستوران‌ها میلیون‌ها تومان خرج <span class="highlight">دوربین، نور و ادیتور</span> می‌کنند...<br><br>
      اما مخاطب در ۳ ثانیه اول ویدیو را رد می‌کند!<br><br>
      ❌ <b>چون ویدیو «داستان» و «قلاب» ندارد.</b>
    </div>
    <div class="slide-footer">
      <span>ورق بزنید 👈</span>
      <span>@YourHandle</span>
    </div>
  </div>

  <!-- Slide 3 -->
  <div class="slide">
    <div class="slide-header">فریم ۳ / ۶</div>
    <div>
      <div class="slide-title">سلام! من یک <span class="highlight">فیلمنامه‌نویسم</span> ✍️</div>
    </div>
    <div class="slide-body">
      کار من ترکیب هنر <b>فیلمنامه‌نویسی</b> با <b>استراتژی محتوا</b>ست.<br><br>
      سناریویی می‌نویسم که:<br>
      ۱. مخاطب را در ۳ ثانیه اول قفل کند.<br>
      ۲. ارزش برند شما را منتقل کند.<br>
      ۳. مخاطب را به مشتری تبدیل کند.
    </div>
    <div class="slide-footer">
      <span>ورق بزنید 👈</span>
      <span>@YourHandle</span>
    </div>
  </div>

  <!-- Slide 4 -->
  <div class="slide">
    <div class="slide-header">فریم ۴ / ۶</div>
    <div>
      <div class="slide-title">این پیج به درد چه کسانی می‌خورد؟</div>
    </div>
    <div class="slide-body">
      🍔 <b>رستوران‌ها:</b> سناریوهای اشتهاآور و داستانی<br><br>
      🩺 <b>کلینیک‌ها:</b> سناریوهای اعتمادساز برای بیماران<br><br>
      🛍️ <b>برندها:</b> تیزرهای متفاوت و ماندگار
    </div>
    <div class="slide-footer">
      <span>ورق بزنید 👈</span>
      <span>@YourHandle</span>
    </div>
  </div>

  <!-- Slide 5 -->
  <div class="slide">
    <div class="slide-header">فریم ۵ / ۶</div>
    <div>
      <div class="slide-title">در این پیج چه خواهید دید؟</div>
    </div>
    <div class="slide-body">
      🔹 ایده‌ها و سناریوهای آماده برای اصناف مختلف<br><br>
      🔹 آنالیز و نقد سناریوی تیزرهای معروف<br><br>
      🔹 تکنیک‌های داستان‌سرایی (Storytelling) در ویدیو
    </div>
    <div class="slide-footer">
      <span>ورق بزنید 👈</span>
      <span>@YourHandle</span>
    </div>
  </div>

  <!-- Slide 6 -->
  <div class="slide">
    <div class="slide-header">فریم ۶ / ۶</div>
    <div>
      <span class="badge">پیشنهاد ویژه</span>
      <div class="slide-title" style="margin-top: 15px;">سناریوی پیجت رو <span class="highlight">رایگان</span> آنالیز کن!</div>
    </div>
    <div class="slide-body">
      آدرس پیجتان را در <b>دایرکت</b> بفرستید تا سناریوی ویدیوهای فعلی‌تان را آنالیز کنم و یک <b>ایده اختصاصی</b> بهتان پیشنهاد دهم.
    </div>
    <div class="slide-footer">
      <span>🔔 پیج را فالو کنید</span>
      <span>@YourHandle</span>
    </div>
  </div>

</body>
</html>
