Final prep for production
This commit is contained in:
Thanakorn S
@@ -0,0 +1,210 @@
|
||||
<?php
|
||||
$base = '/mn3wms/landing';
|
||||
$app_url = '/mn3wms/app';
|
||||
$active_nav = 'home';
|
||||
?>
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<?php require __DIR__ . '/includes/head.php'; ?>
|
||||
</head>
|
||||
<body data-bs-spy="scroll" data-bs-target="#navbarExample">
|
||||
|
||||
<?php require __DIR__ . '/includes/nav.php'; ?>
|
||||
|
||||
|
||||
<!-- Header -->
|
||||
<header id="header" class="header">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="text-container">
|
||||
<h1 class="h1-large">The smarter way to manage your <span class="replace-me">warehouse, stock, fulfillment</span></h1>
|
||||
<p class="p-large">Real-time stock visibility, streamlined order processing, and barcode-driven workflows — all in one platform built for modern warehouses.</p>
|
||||
<a class="btn-solid-lg" href="<?= $app_url ?>/login/index.php">Get started</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="image-container">
|
||||
<img class="img-fluid" src="<?= $base ?>/images/header-illustration.svg" alt="Warehouse management illustration">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- end of header -->
|
||||
|
||||
|
||||
<!-- Features -->
|
||||
<div id="features" class="cards-1">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<h2 class="h2-heading">MN3 WMS is packed with <span>powerful warehouse tools</span></h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
|
||||
<div class="card">
|
||||
<div class="card-icon">
|
||||
<span class="fas fa-boxes"></span>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<h4 class="card-title">Stock Control</h4>
|
||||
<p>Track every stock-in, stock-out, and transfer across multiple warehouses with full lot and serial traceability.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-icon green">
|
||||
<span class="fas fa-shopping-cart"></span>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<h4 class="card-title">Order Management</h4>
|
||||
<p>Handle sales orders, purchase orders, returns, and invoices — with real-time stock balance updates on every transaction.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-icon blue">
|
||||
<span class="fas fa-barcode"></span>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<h4 class="card-title">Barcode Labeling</h4>
|
||||
<p>Generate and print SKU product labels and warehouse location labels for fast, accurate scanning operations.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end of features -->
|
||||
|
||||
|
||||
<!-- Details 1 -->
|
||||
<div id="details" class="basic-1 bg-gray">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-xl-5">
|
||||
<div class="text-container">
|
||||
<h2>Track every item, every movement, in real time</h2>
|
||||
<p>MN3 WMS gives you a live stock overview across all your warehouses. Drill into individual lots, view expiry dates, and spot low-stock alerts before they become a problem.</p>
|
||||
<p>Advanced and simple location modes let you model everything from a single rack to complex zone-aisle-rack layouts.</p>
|
||||
<a class="btn-solid-reg" href="<?= $app_url ?>/login/index.php">See it in action</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-xl-7">
|
||||
<div class="image-container">
|
||||
<img class="img-fluid" src="<?= $base ?>/images/details-1.svg" alt="Stock tracking illustration">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end of details 1 -->
|
||||
|
||||
|
||||
<!-- Details 2 -->
|
||||
<div class="basic-2">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="image-container">
|
||||
<img class="img-fluid" src="<?= $base ?>/images/details-2.svg" alt="Mobile warehouse scanning illustration">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="text-container">
|
||||
<h2>Built for teams of any size</h2>
|
||||
<p>Role-based access keeps the right people in the right screens. Owner, Admin, Staff, and Viewer roles are built in from day one.</p>
|
||||
<ul class="list-unstyled li-space-lg">
|
||||
<li class="d-flex">
|
||||
<i class="fas fa-square"></i>
|
||||
<div class="flex-grow-1">Multi-tenant: each company has its own isolated data</div>
|
||||
</li>
|
||||
<li class="d-flex">
|
||||
<i class="fas fa-square"></i>
|
||||
<div class="flex-grow-1">Two-factor login via SMTP OTP for every session</div>
|
||||
</li>
|
||||
<li class="d-flex">
|
||||
<i class="fas fa-square"></i>
|
||||
<div class="flex-grow-1">Mobile-friendly layout for scanning on the warehouse floor</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end of details 2 -->
|
||||
|
||||
|
||||
<!-- Invitation -->
|
||||
<div class="basic-3">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<h4>Ready to take control of your warehouse? MN3 WMS is fast to set up and easy to use from day one.</h4>
|
||||
<a class="btn-outline-lg" href="<?= $app_url ?>/login/register.php">Create an account</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end of invitation -->
|
||||
|
||||
|
||||
<!-- FAQ -->
|
||||
<div id="contact" class="accordion-1">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<h2 class="h2-heading">Frequently asked questions</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="accordion" id="accordionFaq">
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="faqOne">
|
||||
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapseOne" aria-expanded="true" aria-controls="faqCollapseOne">What is MN3 WMS and who is it for?</button>
|
||||
</h2>
|
||||
<div id="faqCollapseOne" class="accordion-collapse collapse show" aria-labelledby="faqOne" data-bs-parent="#accordionFaq">
|
||||
<div class="accordion-body">MN3 WMS is a web-based Warehouse Management System designed for businesses that need real-time stock control, multi-warehouse support, and order fulfillment tracking. It works for small warehouses and scales to complex multi-location operations.</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="faqTwo">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapseTwo" aria-expanded="false" aria-controls="faqCollapseTwo">Does it support barcode scanning?</button>
|
||||
</h2>
|
||||
<div id="faqCollapseTwo" class="accordion-collapse collapse" aria-labelledby="faqTwo" data-bs-parent="#accordionFaq">
|
||||
<div class="accordion-body">Yes. MN3 WMS can generate and print SKU product labels and warehouse location labels. The mobile-friendly interface also supports camera-based barcode scanning directly in the browser — no external app required.</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="faqThree">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapseThree" aria-expanded="false" aria-controls="faqCollapseThree">How does multi-company or multi-tenant access work?</button>
|
||||
</h2>
|
||||
<div id="faqCollapseThree" class="accordion-collapse collapse" aria-labelledby="faqThree" data-bs-parent="#accordionFaq">
|
||||
<div class="accordion-body">Each company has its own isolated dataset. Users are scoped to their company on login, so data never crosses between tenants. Roles (Owner, Admin, Staff, Viewer) control which modules and actions each user can access.</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end of faq -->
|
||||
|
||||
|
||||
<?php require __DIR__ . '/includes/footer.php'; ?>
|
||||
|
||||
<?php require __DIR__ . '/includes/scripts.php'; ?>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user