Skip to main content

Home Page

Hero & Service Sections​

This is the primary engagement area located at the top of the website.

  • Brand Welcome: Features a customizable main title (e.g., "Welcome To Your Food Village"), a supporting subtitle, and a brand description to introduce the restaurant's culinary philosophy.
  • Primary Call-to-Action: A prominent button (e.g., "Shop Now") that directs users to the full menu or ordering platform.
  • Service Highlights: Three key pillars of service are showcased here, such as "Online Order," "Swiss Delivery," and "Best Quality," to build immediate trust with new visitors.

Menu & Dining Explorations​

These sections allow customers to view the restaurant's offerings and secure their visit.

  • Popular Dishes: A curated carousel or grid featuring top-rated menu items with their respective pricing and quick-add-to-cart functionality.
  • Regular Menu Pack: Categorized tabs (e.g., Breakfast, Pizza, Drinks) that allow customers to filter and browse the full menu catalog with ease.
  • Table Reservations: A dedicated "Book Your Table" module where guests can select their preferred date, time, and guest count to secure a reservation directly from the home page.

Social Proof & Engagement​

This area focuses on building community and credibility through customer feedback and updates.

  • Mobile Integration: A dedicated section encouraging users to download the restaurant's mobile application for a more streamlined ordering experience.
  • Testimonials ("Food Lover Says"): Displays verified customer reviews, including star ratings, client names, and profile images managed through the Testimonial List.
  • Latest Blogs: Showcases the most recent articles, food festivals, or chef tips created in the Blog List section to keep content fresh and improve SEO.

Footer & Newsletter​

The bottom of the page provides essential navigation and subscription options.

  • Newsletter Subscription: A prominent input field allowing customers to subscribe to the restaurant's mailing list, with data populating the Newsletters List for marketing use.
  • Navigation Links: Provides quick access to legal policies managed in the admin panel, including Terms & Conditions and Privacy & Policy.

Home Page

Cart Content​

The My Cart interface is a dynamic sidebar component designed to manage the customer's selection and initiate the checkout process.

Cart Content

The Order Authentication workflow ensures that all transactions are tied to a verified customer account. This process is automatically triggered during the checkout phase to maintain secure record-keeping and order tracking.

When a customer has finalized their selections in the My Cart sidebar, they must initiate the final transaction process.

  • Place Orders Button: Clicking this primary orange action button signals the system to begin the final invoice calculation and payment transition.
  • Authentication Check: Before proceeding to the payment gateway, the system performs a real-time check of the user's current session status.

Login Register

Checkout​

The Checkout Page is the final destination for authenticated users to review their order details, select a delivery address, and proceed to payment. This page is automatically accessed after a user successfully logs in or registers via the authentication modal during the "Place Orders" workflow.

Checkout

Food Menu​

The Table QR Ordering system allows guests to access the digital menu and place orders directly from their seat by scanning a unique QR code. This process streamlines the dining experience by linking the customer's digital cart directly to their physical table in the restaurant's Point of Sale (POS) system.

Landing Page & Table Identification​

Upon scanning the QR code, the customer is redirected to a landing page that confirms their physical location within the restaurant.

  • QR Verification: The page displays a Menu List header with the message "Please Scan QR Code Send Quick Order," confirming the digital connection.
  • Table Assignment: The system automatically identifies and displays the specific table name (e.g., Table: Special) and its seating Capacity. This ensures that when the order is placed, the kitchen and waitstaff know exactly where to deliver the food.

QR Code

Food Menu

Cart For Table