Focused code asset for faster launches

Next.js Landing Page Kit

کیت لندینگ پیج Next.js

ساخته شده برای این‌که چند هفته جلو بیفتی و به‌جای شروع از صفر، مستقیماً روی پول‌سازترین بخش‌های محصولت کار کنی.

Conversion-focused landing page templates built with Next.js and Tailwind CSS so you can ship clear marketing pages for SaaS, digital products, and services in a weekend instead of fighting layouts.

  • Landing sections for hero, features, pricing, FAQ, and CTA so the full story fits on one page.
  • Responsive layouts tuned for SaaS and product launches on desktop and mobile.
  • Built with Next.js App Router and Tailwind CSS so you stay in the same stack as your app.

مجموعه‌ای از لندینگ پیج‌های بهینه برای تبدیل است که با Next.js و Tailwind ساخته شده تا بتوانی برای SaaS، محصولات دیجیتال و سرویس‌ها، خیلی سریع یک صفحهٔ معرفی شفاف و آمادهٔ انتشار طراحی کنی.

اگر این محصول برای تو مناسب است که:

  • می‌خواهی برای SaaS یا محصول دیجیتال‌ات یک لندینگ واضح و مرتب داشته باشی بدون این‌که هر بار از صفر لِی‌اوت بچینی.
  • ترجیح می‌دهی وقتت را روی نوشتن پیام و پیشنهاد ارزش بگذاری و نمی‌خواهی درگیر چیدمان سکشن‌ها و ریزه‌کاری UI شوی.
  • می‌خواهی چند نسخهٔ مختلف لندینگ را سریع تست کنی و فقط متن و جزئیات را عوض کنی، نه کل ساختار صفحه را.

این محصول برای تو مناسب نیست اگر:

  • دنبال یک قالب صددرصد آماده «بدون نیاز به تغییر» هستی و نمی‌خواهی حتی یک خط کد در آن دست ببری.
  • انتظار داری تمام نیازهای خیلی خاص محصولت از قبل در این استارتر پیاده‌سازی شده باشد.
  • حوصلهٔ خواندن README و انجام چند قدم راه‌اندازی اولیه را نداری و ترجیح می‌دهی کاملاً بدون تنظیمات شروع کنی.
  • سکشن‌های آماده برای هیرو، فیچرها، قیمت‌گذاری، سوالات متداول و CTA تا کل داستان در یک صفحه جمع شود.
  • لِی‌اوت‌های ریسپانسیو مخصوص راه‌اندازی لندینگ برای SaaS و محصولات دیجیتال روی دسکتاپ و موبایل.
  • ساخته‌شده با Next.js (App Router) و Tailwind CSS تا با همان استکی که اپلیکیشن‌ات را می‌سازی، لندینگ را هم بسازی.

Use cases / سناریوهای استفاده

  • لندینگ معرفی برای یک SaaS B2B یا B2C که می‌خواهی ارزش پیشنهادی، فیچرها و قیمت‌گذاری‌اش را در یک صفحهٔ واضح جمع کنی.
  • صفحهٔ معرفی برای یک محصول دیجیتال مثل استارتر کد، دوره یا کتاب که نیاز دارد ساختار حرفه‌ای‌تر از یک صفحهٔ سادهٔ بلاگ داشته باشد.
  • لندینگ‌های کمپین (مثلاً برای تبلیغات یا لانچ فیچر جدید) که می‌خواهی سریع چند نسخه را تست کنی و فقط متن و جزئیات پیشنهاد را عوض کنی.

Real‑world examples / مثال‌های واقعی

  • Example: Launch a focused landing for your first solo SaaS

    ساخت لندینگ برای اولین SaaS شخصی‌ات که در آن واضح نشان بدهی محصول چه مشکلی را حل می‌کند، چه فیچرهایی دارد و چطور می‌شود ثبت‌نام کرد.

  • Example: Landing for a code product (starter, template, course)

    لندینگ فروش برای یک محصول کدی، دوره یا کیت طراحی که می‌خواهی داستان محصول، دموها و FAQ را در یک صفحهٔ مرتب جمع کنی.

Read a short case study: Scheduled reports on a background queue.

What you actually get

Landing sections

Hero, features, pricing, FAQ, testimonial and CTA sections you can mix and match.

Example page layouts

Ready-made page compositions for SaaS and digital products so you start from a clear layout.

دقیقاً چه چیزی بعد از خرید دریافت می‌کنی؟

کل کد منبع همین محصول را به‌صورت پروژهٔ کامل می‌گیری؛ نه فقط چند تکه کد جدا. می‌توانی آن را روی سیستم خودت ران کنی، تغییر بدهی و در پروژه‌های واقعی استفاده کنی.

One-time purchase · Lifetime access

۳۹۰٬۰۰۰ تومان

هزینه‌ای که یک‌بار می‌دهی تا در هر پروژه‌ای که بخواهی، چندین بار استفاده‌اش کنی.

این قیمت برای مرحلهٔ اولیهٔ عرضه تنظیم شده و ممکن است در آینده افزایش یابد.

اگر در راه‌اندازی یا استفادهٔ عادی از همین استارتر به مشکل جدی بخوری که در محدودهٔ خود این محصول باشد، می‌توانی سناریو را برایم ایمیل کنی تا در حد امکان با راهنمایی یا آپدیت بعدی کمک کنم.

اگر بعد از خرید دیدی چیزی که دریافت کرده‌ای با توضیح همین صفحه هم‌خوانی ندارد، برایم بنویس؛ هدف این است که این کد واقعاً در پروژهٔ واقعی به کار بیاید، نه این‌که روی هاردت بلااستفاده بماند.

پرداخت از طریق درگاه امن زرین‌پال انجام می‌شود و بعد از پرداخت، همین‌جا صفحهٔ تحویل و دانلود محصول برایت باز می‌شود.

اگر می‌خواهی به‌جای درگاه بانکی با کریپتو پرداخت کنی، می‌توانی از روش پرداخت BTC / ETH / LTC / DOGE استفاده کنی.

پرداخت با کریپتو (BTC / ETH / LTC / DOGE)

Lifetime license for unlimited personal and commercial projects.

اگر می‌خواهی وقتی نسخهٔ جدید، سکشن‌های بیشتر یا رفع باگ مهمی برای همین محصول منتشر شد، مستقیم خبر بگیری، ایمیل‌ات را اینجا بنویس.

حداکثر هر چند وقت یک‌بار یک ایمیل کوتاه می‌فرستم؛ نه خبرنامهٔ روزانه و نه اسپم.

Works great together

Pair it with Futurnu Next.js SaaS Starter

Use this product together with Futurnu Next.js SaaS Starter so you don't have to reinvent the rest of the stack from scratch.

اگر می‌خواهی کنار این محصول، یک استارتر یا کیت مکمل هم داشته باشی تا بقیهٔ بخش‌های محصولت را بدون اختراع دوباره از صفر جلو ببری، این محصول پیشنهادی انتخاب خوبی است.

اگر می‌خواهی هم‌زمان هم اپلیکیشن SaaS و هم لندینگ معرفی‌اش را داشته باشی و کمی هم در قیمت صرفه‌جویی کنی، باندل Next.js Launch Bundle را هم ببین.

License / لایسنس

  • One-time payment, lifetime access to the codebase.
  • Unlimited personal & commercial projects for you or your company.
  • مجاز نیستی خود محصول را به عنوان قالب / استارتر رقیب بفروشی یا به صورت عمومی منتشر کنی.
  • آپدیت‌های آیندهٔ این محصول را در فاز فعلی بدون هزینهٔ جداگانه برای خریداران همین لایسنس ارسال می‌کنیم.

FAQ / سوالات متداول

۱. آیا می‌توانم در پروژه‌های تجاری استفاده کنم؟

بله. بعد از خرید، می‌توانی در هر تعداد پروژهٔ شخصی و تجاری از این استارتر استفاده کنی، بدون این‌که لازم باشد برای هر پروژه لایسنس جداگانه بخری.

۲. آیا آپدیت‌ها رایگان است؟

در حال حاضر، آپدیت‌های مهم این محصول (مثلاً آپدیت نسخهٔ Next.js، بهبودهای ساختاری و رفع باگ‌های جدی) بدون هزینهٔ اضافه برای خریداران همین لایسنس ارسال می‌شود و نیازی به اشتراک ماهانه یا تمدید سالانه نیست.

۳. اگر سوال فنی یا پیشنهادی داشته باشم چه‌کار کنم؟

بعد از خرید می‌توانی مستقیم از طریق ایمیل یا گیت‌هاب برای باگ‌ریپورت و پیشنهاد فیچر پیام بدهی؛ هدف این است که این محصول برایت واقعاً قابل استفاده در پروژه‌های واقعی باشد.

۴. اگر بعد از خرید جایی گیر کنم چه‌کار کنم؟

اگر در حین راه‌اندازی یا استفادهٔ واقعی به مشکل جدی برخوردی که در محدودهٔ این محصول باشد، می‌توانی سناریو را واضح برایم بنویسی تا در حد امکان با راهنمایی یا آپدیت‌های بعدی کمک کنم.

چطور بیشترین استفاده را از این استارتر ببری؟

  • بعد از دانلود، یک بار پروژه را روی سیستم خودت اجرا کن و طبق README قدم‌های راه‌اندازی را تا آخر برو تا ساختار و پوشه‌بندی را بشناسی.
  • برای ایدهٔ اصلی‌ات، یک شاخهٔ جدا یا کپی از همین کد بساز و تغییرات را مستقیم روی همان استارتر ادامه بده؛ لازم نیست از صفر یک پروژهٔ جدید بسازی.
  • از همان هفتهٔ اول یک نسخهٔ خیلی ساده (MVP) را با همین استارتر لانچ کن و به‌جای صبر کردن برای «نسخهٔ کامل»، با بازخورد واقعی تصمیم بگیر چه چیزی را بعداً اضافه کنی.

Feedback / فیدبک

اگر دربارهٔ این استارتر نظری داری، ایرادی دیده‌ای یا فیچری لازم داری، همین‌جا برایم بنویس.