معرفی کلی قالب ونتروس

ونتروس یک قالب حرفه‌ای و مدرن برای رستوران‌ها، فست فودها و کافه‌ها است که به صورت کاملاً واکنش‌گرا (Responsive) طراحی شده است. این قالب شامل ۸ صفحه اصلی مجزا شامل صفحه اصلی، تسویه حساب، پرداخت، پیگیری سفارش، رزرو میز و صفحات خطا می‌باشد.

ونتروس با دو تم دارک (شیشه‌ای) و روشن (وایت) ارائه می‌شود و تمام نیازهای یک فروشگاه آنلاین غذایی را پوشش می‌دهد. سیستم سبد خرید، جستجوی پیشرفته، فرم‌های تماس و خبرنامه، انیمیشن‌های جذاب و ساختار سئو شده از مهمترین قابلیت‌های این محصول هستند.

کد تخفیف 15% با اسم  ventrus

جزئیات صفحات و کاربری آنها

1. صفحه اصلی (Home Page)
این صفحه شامل بخش‌های زیر است:

• هدر ثابت (Sticky Header): شامل لوگو، منوی اصلی، دکمه جستجو، حساب کاربری و سبد خرید. در موبایل به منوی همبرگر تبدیل می‌شود.

• اسلایدر اصلی (Hero Slider): ۳ اسلاید با قابلیت پخش خودکار، دکمه‌های قبلی/بعدی و نوار پیشرفت. در موبایل، متن‌ها بزرگ و خوانا باقی می‌مانند.

• بخش آمار (Stats): نمایش تعداد سال تجربه، محصولات، مشتریان و شعبه‌ها با انیمیشن شمارنده.

• منوی غذاها (Menu): نمایش محصولات در قالب کارت (Card) با قابلیت فیلتر بر اساس دسته‌بندی (پیتزا، برگر، پاستا، نوشیدنی). در تبلت ۲ ستونه و در موبایل ۱ ستونه می‌شود.

• بخش ویژه (Featured): تصویر بزرگ همراه با ۳ محصول پیشنهادی که با کلیک روی دکمه‌های دسته‌بندی تغییر می‌کند.

• نوار شطرنجی (Ribbon): ۴ کادر تصویر-متن که در موبایل به صورت عمودی چیده می‌شوند.

• تیم ما (Team): نمایش مدیر مجموعه و سه دسته (سرآشپزها، کارکنان، پشتیبانی) در قالب کارت‌های شیشه‌ای.

• گالری (Gallery): نمایش ۱۱ تصویر در قالب گرید. در موبایل به ۱ ستون تبدیل می‌شود.

• نظرات مشتریان (Testimonials): اسلایدر عمودی با ۴ نظر به همراه فرم ارسال نظر.

• سوالات متداول (FAQ): ۸ سوال با قابلیت باز و بسته شدن (آکاردئونی).

• خدمات (Services): ۹ کارت خدمات در ۳ ردیف که در موبایل به ۱ ردیف تبدیل می‌شود.

• تماس با ما (Contact): فرم تماس و اطلاعات تماس (آدرس، تلفن، ایمیل، ساعت کاری) و نقشه گوگل.

• مزایا (Benefits): ۴ کارت مزایا با پس‌زمینه پارالاکس.

• فوتر (Footer): شامل برند، لینک‌های سریع، اطلاعات تماس و فرم خبرنامه.

2. صفحه تسویه حساب (Checkout Page)
این صفحه در ۴ مرحله طراحی شده است:

• مرحله ۱: مشاهده و ویرایش سبد خرید (امکان تغییر تعداد و حذف محصول)

• مرحله ۲: تکمیل اطلاعات شخصی (نام، تلفن، آدرس، استان، شهر، کد پستی، توضیحات)

• مرحله ۳: انتخاب روش ارسال (عادی، سریع، تحویل حضوری) و روش پرداخت (آنلاین، کارت به کارت، پرداخت در محل) به همراه اعمال کد تخفیف

• مرحله ۴: تایید نهایی و ثبت سفارش

در موبایل، تمام فیلدها به صورت ستونی (عمودی) نمایش داده می‌شوند.

3. صفحه پرداخت (Payment Page)
این صفحه دارای ۳ مرحله است:

• مرحله ۱: نمایش خلاصه سبد خرید و اطلاعات ارسال

• مرحله ۲: انتخاب روش پرداخت (آنلاین، کیف پول الکترونیک، پرداخت در محل) و اعمال کد تخفیف

• مرحله ۳: تایید نهایی و شبیه‌سازی پرداخت با ۸۰٪ شانس موفقیت

4. صفحه پرداخت موفق (Payment Success Page)
پس از پرداخت موفق، این صفحه نمایش داده می‌شود و شامل:

• شماره پیگیری سفارش

• تاریخ ثبت سفارش

• مبلغ پرداختی

• روش پرداخت

• وضعیت سفارش (در حال آماده‌سازی)

• زمان تحویل تخمینی

• دکمه پیگیری سفارش و بازگشت به خانه

5. صفحه پرداخت ناموفق (Payment Failed Page)
در صورت خطا در پرداخت، این صفحه نمایش داده می‌شود و شامل:

• پیام خطا

• کد خطا

• دلایل احتمالی (موجودی ناکافی، اطلاعات کارت اشتباه، قطعی درگاه و …)

• دکمه تلاش مجدد و بازگشت به فروشگاه

• شماره پشتیبانی

6. صفحه پیگیری سفارش (Track Order Page)
کاربر با وارد کردن شماره پیگیری می‌تواند:

• وضعیت سفارش را در ۳ مرحله (آماده‌سازی، در مسیر ارسال، تحویل داده شده) مشاهده کند

• موقعیت پیک را روی نقشه شبیه‌سازی شده ببیند

• اطلاعات کامل پیک (نام، شماره تماس، وسیله نقلیه، پلاک، امتیاز) را ببیند

• جدول زمانی سفارش را مشاهده کند

• لیست اقلام سفارش و آدرس تحویل را ببیند

7. صفحه رزرو میز (Reservation Page)
این صفحه در ۳ مرحله طراحی شده است:

• مرحله ۱: اطلاعات شخصی (نام، تلفن، ایمیل، توضیحات)

• مرحله ۲: تاریخ و ساعت رزرو، تعداد مهمان (با دکمه‌های + و -)، نوع میز (استاندارد، خانوادگی، VIP، خصوصی)

• مرحله ۳: تایید نهایی و ثبت رزرو

8. صفحات خطای ۴۰۴ (Error 404 Pages)
در دو نسخه دارک و روشن ارائه شده است. شامل:

• پیام خطا

• انیمیشن ذرات متحرک طلایی

• SVG متحرک چراغ و نیمکت

• دکمه بازگشت به صفحه اصلی

ویژگی‌های ریسپانسیو (نمایش در موبایل، تبلت و دسکتاپ)

ونتروس در سه اندازه اصلی کاملاً بهینه شده است:

دسکتاپ (بزرگتر از 1200px):

• منوی افقی کامل در هدر

• اسلایدر با تصاویر بزرگ و متن‌های سمت چپ و راست

• منوی غذاها در ۳ یا ۴ ستون

• گالری در ۳ ستون

• فوتر در ۴ ستون

تبلت (بین 768px تا 1200px):

• منوی افقی همچنان نمایش داده می‌شود اما فاصله‌ها کاهش می‌یابد

• اسلایدر به حالت ستونی (تصویر زیر متن) تغییر می‌کند

• منوی غذاها به ۲ ستون تبدیل می‌شود

• گالری به ۲ ستون تبدیل می‌شود

• بخش خدمات به ۲ ستون تبدیل می‌شود

• فوتر به ۲ ستون تبدیل می‌شود

• صفحه تسویه حساب به صورت تک ستون نمایش داده می‌شود

• نقشه و فرم تماس در کنار هم در تبلت بزرگ و در تبلت کوچک به صورت عمودی چیده می‌شوند

موبایل (کوچکتر از 768px):

• منوی افقی به منوی همبرگر (Hamburger Menu) تبدیل می‌شود که از راست باز می‌شود

• هدر ارتفاع کمتری می‌گیرد و لوگو کوچک‌تر می‌شود

• تاپ بار (Top Bar) در موبایل‌های خیلی کوچک (زیر 550px) مخفی می‌شود

• تمام بخش‌ها به ۱ ستون تبدیل می‌شوند

• فونت‌ها و دکمه‌ها کوچک‌تر می‌شوند

• در اسلایدر، تصویر سمت راست مخفی می‌شود و فقط متن نمایش داده می‌شود

• دکمه‌های قبلی/بعدی اسلایدر به حاشیه نزدیک‌تر می‌شوند

• فرم‌ها به صورت عمودی چیده می‌شوند

• عرض سبد خرید کناری به ۱۰۰٪ صفحه می‌رسد

• مودال لاگین و ثبت‌نام تمام صفحه می‌شود

• نقشه گوگل ارتفاع کمتری می‌گیرد

• گالری به صورت تک ستون با ارتفاع خودکار نمایش داده می‌شود

• نوار شطرنجی (Ribbon) به صورت کاملاً عمودی چیده می‌شود

• بخش مزایا (Benefits) به ۱ ستون تبدیل می‌شود

• تیم ما (کارت‌های سرآشپزها) به صورت ۱ یا ۲ ستون در می‌آید

• سوالات متداول (FAQ) به صورت تک ستون می‌شود

ویژگی‌های کلی قالب

✅ کاملاً ریسپانسیو – سازگار با موبایل، تبلت و دسکتاپ
✅ دارای دو تم دارک (شیشه‌ای) و روشن (وایت)
✅ ۸ صفحه مجزا شامل خانه، تسویه حساب، پرداخت، موفقیت، شکست، پیگیری سفارش، رزرو میز و خطای ۴۰۴
✅ سیستم سبد خرید کامل با ذخیره در LocalStorage
✅ جستجوی لحظه‌ای محصولات
✅ اسلایدر خودکار با نوار پیشرفت و قابلیت لمس لمسی
✅ فیلتر منو بر اساس دسته‌بندی
✅ انیمیشن شمارنده آمار
✅ فرم‌های تماس، نظرات و خبرنامه با اعتبارسنجی
✅ مودال لاگین و ثبت‌نام با قابلیت آپلود آواتار
✅ سوالات متداول با انیمیشن آکاردئونی
✅ بخش پیگیری سفارش با موقعیت‌یابی شبیه‌سازی شده پیک
✅ صفحه رزرو میز در ۳ مرحله
✅ گالری تصاویر با قابلیت زوم
✅ فوتر با فرم خبرنامه و لینک‌های سریع
✅ دکمه اسکرول به بالا
✅ دکمه پشتیبانی شناور
✅ بهینه برای سئو
✅ بارگذاری سریع با لود تنبل تصاویر
✅ فونت اختصاصی پیدای فارسی
✅ استفاده از آیکون‌های SVG برای عملکرد بهتر