Main Page: Difference between revisions

VisualWikitext

@@ Line 1: / Line 1: @@
-<strong>MediaWiki has been installed.</strong>
+<templatestyles src="Template:首页/index.css" />
-Consult the [https://www.mediawiki.org/wiki/Special:MyLanguage/Help:Contents User's Guide] for information on using the wiki software.
+<div class="vend88-home">
-== Getting started ==
+	<!-- Hero -->
-* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings Configuration settings list]
+	<div class="vend88-hero">
-* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ MediaWiki FAQ]
+		<div class="vend88-hero-content">
-* [https://lists.wikimedia.org/postorius/lists/mediawiki-announce.lists.wikimedia.org/ MediaWiki release mailing list]
+			<div class="vend88-hero-label">VEND88 Help Centre</div>
-* [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources Localise MediaWiki for your language]
-* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam Learn how to combat spam on your wiki]
+			<h1>Welcome to VEND88!</h1>
+			<p class="vend88-hero-description">
+				If you encounter any problems while using VEND88, you can find guides and solutions here.
+			</p>
+			<div class="vend88-search">
+				<div class="vend88-search-icon">⌕</div>
+				<div class="vend88-search-input">
+					<inputbox>
+						type=search
+						placeholder=Search guides, features, or frequently asked questions
+						buttonlabel=Search
+						break=no
+						width=50
+					</inputbox>
+				</div>
+			</div>
+			<div class="vend88-hot-searches">
+				<span>Popular topics:</span>
+				[[VendPOS Cannot Connect to the Internet|Network Connection]]
+				[[Printer Cannot Print Receipts|Printer]]
+				[[End of Day Report|End of Day Report]]
+			</div>
+		</div>
+	</div>
+	<!-- Main Content -->
+	<div class="vend88-content">
+		<div class="vend88-section-heading">
+			<h2>Browse Help Topics</h2>
+			<p>Select a category to quickly find the guide you need.</p>
+		</div>
+		<!-- Category Cards -->
+		<div class="vend88-category-grid">
+			<!-- Getting Started -->
+			<div class="vend88-category-card">
+				<div class="vend88-category-icon vend88-icon-start">01</div>
+				<div class="vend88-category-content">
+					<h2>Getting Started</h2>
+					<p>Learn about VEND88 products and their basic features.</p>
+					<div class="vend88-link-list">
+						<div class="vend88-link-item">
+							[[VendPOS|<span class="vend88-link-title">VendPOS</span>]]
+							<span class="vend88-link-description">
+								Learn about the basic features and operation of VendPOS
+							</span>
+						</div>
+						<div class="vend88-link-item">
+							[[KDS|<span class="vend88-link-title">KDS</span>]]
+							<span class="vend88-link-description">
+								Learn how to configure and use the Kitchen Display System
+							</span>
+						</div>
+					</div>
+				</div>
+			</div>
+			<!-- Ordering and Payments -->
+			<div class="vend88-category-card">
+				<div class="vend88-category-icon vend88-icon-order">02</div>
+				<div class="vend88-category-content">
+					<h2>Ordering and Payments</h2>
+					<p>Learn how to create orders, accept payments, and complete sales.</p>
+					<div class="vend88-link-list">
+						<div class="vend88-link-item">
+							[[Ordering|<span class="vend88-link-title">Ordering</span>]]
+							<span class="vend88-link-description">
+								Create and manage orders using VendPOS
+							</span>
+						</div>
+						<div class="vend88-link-item">
+							[[Payment|<span class="vend88-link-title">Payment</span>]]
+							<span class="vend88-link-description">
+								Configure cash, card, and other payment methods
+							</span>
+						</div>
+					</div>
+				</div>
+			</div>
+			<!-- Management -->
+			<div class="vend88-category-card">
+				<div class="vend88-category-icon vend88-icon-manage">03</div>
+				<div class="vend88-category-content">
+					<h2>Management</h2>
+					<p>Manage products, pricing, promotions, and business settings.</p>
+					<div class="vend88-link-list">
+						<div class="vend88-link-item">
+							[[Member|<span class="vend88-link-title">Member Management</span>]]
+							<span class="vend88-link-description">
+								Modify member info, recharge credit
+							</span>
+						</div>
+						<div class="vend88-link-item">
+							[[Coupon|<span class="vend88-link-title">Coupons</span>]]
+							<span class="vend88-link-description">
+								Create, issue, and manage coupons
+							</span>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<!-- Frequently Asked Questions -->
+		<div class="vend88-faq-section">
+			<div class="vend88-section-heading">
+				<h2>Frequently Asked Questions</h2>
+				<p>Find solutions to common problems encountered while using VEND88.</p>
+			</div>
+			<div class="vend88-faq-grid">
+				<div class="vend88-faq-column">
+					<div class="vend88-faq-item">
+						<span class="vend88-faq-icon">?</span>
+						[[VendPOS Cannot Connect to the Internet|What should I do if VendPOS cannot connect to the Internet?]]
+						<span class="vend88-arrow">›</span>
+					</div>
+					<div class="vend88-faq-item">
+						<span class="vend88-faq-icon">?</span>
+						[[Printer Cannot Print Receipts|What should I do if the printer cannot print receipts?]]
+						<span class="vend88-arrow">›</span>
+					</div>
+				</div>
+				<div class="vend88-faq-column">
+					<div class="vend88-faq-item">
+						<span class="vend88-faq-icon">?</span>
+						[[End of Day Report|How do I print an End of Day Report?]]
+						<span class="vend88-arrow">›</span>
+					</div>
+					<div class="vend88-faq-item">
+						<span class="vend88-faq-icon">?</span>
+						[[Add Product Options|How do I add options to a product?]]
+						<span class="vend88-arrow">›</span>
+					</div>
+				</div>
+			</div>
+			<div class="vend88-faq-more">
+				[[Frequently Asked Questions|View all frequently asked questions →]]
+			</div>
+		</div>
+		<!-- Support -->
+		<div class="vend88-support">
+			<div class="vend88-support-content">
+				<div class="vend88-support-icon">i</div>
+				<div class="vend88-support-text">
+					<h2>Still need help?</h2>
+					<p>Cannot find the answer you need? Contact our support team.</p>
+				</div>
+				<div class="vend88-support-action">
+					[[Contact Support|Contact Support]]
+				</div>
+			</div>
+		</div>
+	</div>
+</div>