cronicweb.github.io/index.html at main · Cronicweb/cronicweb.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Pinnacle Mall | MallOS — Unified Operations Suite</title>
<meta name="description" content="Pinnacle Mall runs on MallOS — an interactive app prototype for a 6-floor mall: hotel booking, food ordering & delivery, captain KDS, inventory, GST billing, CRM and AI-powered self-ordering." />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="app.css" />
</head>
<body>

<nav class="topnav">
  <div class="container">
    <div class="logo"><span class="dot">🏬</span> Pinnacle Mall <span class="logo-sub">MallOS</span></div>
    <button class="navtoggle" id="navToggle" aria-label="Menu" aria-expanded="false">☰</button>
    <ul id="navMenu">
      <li><a href="#featured">Project</a></li>
      <li><a href="prototype.html">Prototype</a></li>
      <li><a href="#contact">Contact</a></li>
    </ul>
    <a href="prototype.html" class="btn navcta">Open MallOS ▶</a>
  </div>
</nav>

<header class="hero container">
  <span class="badge">🏬 A unified operations platform for a 6-floor mall</span>
  <h1>Welcome to <span class="grad">Pinnacle Mall</span></h1>
  <p class="lead">One smart operating system — MallOS — runs the entire property: hotel, dining, entertainment and retail. Explore the interactive app prototype below.</p>
  <div class="hero-cta">
    <a href="prototype.html" class="btn">▶ Launch the MallOS prototype</a>
    <a href="#featured" class="btn ghost">Learn more</a>
  </div>
</header>

<section class="section container" id="featured">
  <span class="eyebrow">The Platform</span>
  <h2>MallOS — Unified Mall Operations Suite</h2>
  <p class="sub">A clickable prototype for Pinnacle Mall, a 6-floor property — covering hotel booking, food ordering &amp; delivery, captain ordering with kitchen displays, real-time inventory, automated GST billing, Tally accounting, CRM with cross-promotions, and an AI-powered customer experience.</p>

  <div class="grid">
    <div class="fcard"><div class="ic">🛎️</div><h4>Hotel &amp; Hospitality</h4><p>Online booking for 24 rooms, banquets, bar and housekeeping.</p></div>
    <div class="fcard"><div class="ic">🍔</div><h4>F&amp;B &amp; Delivery</h4><p>Prime-customer ordering, captain KDS and Zomato integration.</p></div>
    <div class="fcard"><div class="ic">🧾</div><h4>Billing, GST &amp; Tally</h4><p>Auto invoicing, GST e-invoice and seamless Tally posting.</p></div>
    <div class="fcard"><div class="ic">🤖</div><h4>AI Experience</h4><p>QR ordering, AI dish search and automated self-ordering with live stock.</p></div>
  </div>

  <div style="text-align:center;margin-top:2.5rem">
    <a href="prototype.html" class="btn">Explore the full interactive prototype →</a>
  </div>
</section>

<section class="section container" id="contact">
  <span class="eyebrow">Contact</span>
  <h2>Get in touch</h2>
  <p class="sub">For partnerships, leasing or platform demos, reach the Pinnacle Mall management office at <a href="mailto:info@pinnaclemall.example">info@pinnaclemall.example</a>.</p>
</section>

<footer>
  <div class="container">
    <div class="logo" style="justify-content:center;margin-bottom:.6rem"><span class="dot">🏬</span> Pinnacle Mall <span class="logo-sub">MallOS</span></div>
    <p>&copy; <span id="yr"></span> Pinnacle Mall · Powered by MallOS · Hosted on GitHub Pages.</p>
  </div>
</footer>

<script>
  document.getElementById('yr').textContent = new Date().getFullYear();
  var nt = document.getElementById('navToggle'), nm = document.getElementById('navMenu');
  nt && nt.addEventListener('click', function () {
    var open = document.querySelector('.topnav').classList.toggle('open');
    nt.setAttribute('aria-expanded', open ? 'true' : 'false');
  });
  nm && nm.addEventListener('click', function (e) {
    if (e.target.tagName === 'A') document.querySelector('.topnav').classList.remove('open');
  });
</script>
</body>
</html>