<!DOCTYPE html>
<html lang="en-GB">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>M&M Sys — Business Software for London Restaurants, Salons & Shops</title>
<meta name="description" content="Software built for one trade, not for everyone. Restaurants, salons, gyms, hotels and shops in London. From £29 a month. No lock-in after month one." />
<link rel="canonical" href="https://mmsys.co.uk/" />
<meta property="og:title" content="M&M Sys — Business Software Built for London" />
<meta property="og:description" content="Software built for one trade, not for everyone. From £29/month. No 12-month lock-in." />
<meta property="og:url" content="https://mmsys.co.uk/" />
<meta property="og:type" content="website" />
<meta property="og:locale" content="en_GB" />
<meta name="twitter:card" content="summary_large_image" />
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "M&M Sys",
"url": "https://mmsys.co.uk",
"areaServed": {"@type": "City", "name": "London"}
}
</script>
<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=Inter:wght@400;500;600&family=Syne:wght@700;800&display=swap" rel="stylesheet" />
<style>
/* ── RESET WORDPRESS ── */
#wpadminbar { display: none !important; }
html { margin-top: 0 !important; }
.site-header,
.wp-block-template-part,
header.wp-block-template-part,
.wp-site-blocks > header,
body > header,
.site-branding,
.wp-block-site-title,
.wp-block-navigation,
h1.wp-block-site-title,
.entry-header,
.page-header { display: none !important; }
body.page .entry-title,
body.page .page-title,
.wp-block-post-title { display: none !important; }
.site-content, .content-area, .wp-block-group,
main, #content, #primary, article, .entry-content {
padding: 0 !important;
margin: 0 !important;
max-width: 100% !important;
}
/* ── TOKENS ── */
:root {
--ink: #0D0D0D;
--paper: #F4F3F0;
--white: #FFFFFF;
--accent: #1B4FFF;
--accent-mid: #5578FF;
--muted: #555555;
--border: #DDDCDA;
--radius: 6px;
--max: 1120px;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
font-family: 'Inter', sans-serif !important;
font-size: 1rem;
line-height: 1.65;
color: var(--ink) !important;
background: var(--white) !important;
}
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
.mm-container {
width: 100%;
max-width: var(--max);
margin: 0 auto;
padding: 0 24px;
}
/* ── NAV ── */
.mm-nav {
position: sticky;
top: 0;
z-index: 9999;
background: rgba(255,255,255,0.97);
backdrop-filter: blur(8px);
border-bottom: 1px solid var(--border);
width: 100%;
}
.mm-nav-inner {
display: flex;
align-items: center;
justify-content: space-between;
height: 64px;
gap: 24px;
}
.mm-logo {
font-family: 'Syne', sans-serif !important;
font-size: 1.3rem;
font-weight: 800;
letter-spacing: -0.5px;
color: var(--ink) !important;
white-space: nowrap;
text-decoration: none !important;
}
.mm-logo span { color: var(--accent) !important; }
.mm-nav-links {
display: flex;
gap: 28px;
list-style: none;
font-size: 0.85rem;
font-weight: 500;
}
.mm-nav-links a {
color: var(--ink) !important;
text-decoration: none !important;
transition: color 0.15s;
font-family: 'Inter', sans-serif !important;
}
.mm-nav-links a:hover { color: var(--accent) !important; }
.mm-nav-cta {
background: var(--accent) !important;
color: var(--white) !important;
padding: 10px 22px;
border-radius: var(--radius);
font-size: 0.875rem;
font-weight: 600;
white-space: nowrap;
text-decoration: none !important;
font-family: 'Inter', sans-serif !important;
transition: background 0.2s;
}
.mm-nav-cta:hover { background: var(--accent-mid) !important; }
/* ── HERO ── */
.mm-hero {
background: var(--ink);
color: var(--white);
padding: 96px 0 88px;
position: relative;
overflow: hidden;
}
.mm-hero::before {
content: '';
position: absolute;
top: -100px; right: -60px;
width: 480px; height: 480px;
background: radial-gradient(circle, rgba(27,79,255,0.22) 0%, transparent 70%);
pointer-events: none;
}
.mm-hero-label {
display: inline-block;
font-size: 0.72rem;
font-weight: 600;
letter-spacing: 2.5px;
text-transform: uppercase;
color: var(--accent-mid);
margin-bottom: 24px;
font-family: 'Inter', sans-serif !important;
}
.mm-hero h1 {
font-family: 'Syne', sans-serif !important;
font-size: clamp(2.6rem, 5.5vw, 4.2rem);
font-weight: 800;
line-height: 1.08;
letter-spacing: -2px;
max-width: 700px;
margin-bottom: 24px;
color: var(--white) !important;
}
.mm-hero h1 em {
font-style: normal;
color: var(--accent-mid);
}
.mm-hero-sub {
font-size: 1.1rem;
color: rgba(255,255,255,0.68);
max-width: 540px;
margin-bottom: 40px;
line-height: 1.75;
font-family: 'Inter', sans-serif !important;
}
.mm-hero-actions {
display: flex;
gap: 16px;
flex-wrap: wrap;
align-items: center;
}
.mm-btn-primary {
background: var(--accent);
color: var(--white) !important;
padding: 14px 30px;
border-radius: var(--radius);
font-weight: 600;
font-size: 0.95rem;
text-decoration: none !important;
font-family: 'Inter', sans-serif !important;
transition: background 0.2s, transform 0.15s;
display: inline-block;
}
.mm-btn-primary:hover { background: var(--accent-mid); transform: translateY(-1px); }
.mm-btn-ghost {
color: rgba(255,255,255,0.75) !important;
font-size: 0.9rem;
font-weight: 500;
border-bottom: 1px solid rgba(255,255,255,0.3);
padding-bottom: 2px;
text-decoration: none !important;
font-family: 'Inter', sans-serif !important;
transition: color 0.2s;
}
.mm-btn-ghost:hover { color: var(--white) !important; }
.mm-hero-note {
margin-top: 20px;
font-size: 0.78rem;
color: rgba(255,255,255,0.38);
font-family: 'Inter', sans-serif !important;
}
/* ── SECTORS ── */
.mm-sectors {
padding: 88px 0;
background: var(--paper);
}
.mm-section-label {
font-size: 0.72rem;
font-weight: 600;
letter-spacing: 2.5px;
text-transform: uppercase;
color: var(--accent);
margin-bottom: 10px;
font-family: 'Inter', sans-serif !important;
}
.mm-section-title {
font-family: 'Syne', sans-serif !important;
font-size: clamp(1.7rem, 3.2vw, 2.5rem);
font-weight: 800;
letter-spacing: -0.8px;
line-height: 1.12;
margin-bottom: 48px;
color: var(--ink) !important;
}
.mm-grid-sectors {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0;
border: 1px solid var(--border);
border-radius: var(--radius);
overflow: hidden;
}
.mm-sector-card {
background: var(--white);
padding: 32px 28px;
border-right: 1px solid var(--border);
border-bottom: 1px solid var(--border);
display: flex;
flex-direction: column;
gap: 10px;
transition: background 0.18s;
}
.mm-sector-card:hover { background: #EEF2FF; }
.mm-sector-icon { font-size: 1.5rem; line-height: 1; }
.mm-sector-name {
font-family: 'Syne', sans-serif !important;
font-size: 1.05rem;
font-weight: 700;
color: var(--ink) !important;
}
.mm-sector-desc {
font-size: 0.85rem;
color: var(--muted) !important;
line-height: 1.6;
flex: 1;
font-family: 'Inter', sans-serif !important;
}
.mm-sector-link {
font-size: 0.8rem;
font-weight: 600;
color: var(--accent) !important;
text-decoration: none !important;
font-family: 'Inter', sans-serif !important;
margin-top: 8px;
}
.mm-sector-link::after { content: ' →'; }
/* ── PRICING ── */
.mm-pricing {
padding: 88px 0;
background: var(--white);
}
.mm-pricing-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-top: 48px;
}
.mm-plan {
border: 1.5px solid var(--border);
border-radius: var(--radius);
padding: 36px 28px;
position: relative;
background: var(--white);
}
.mm-plan.featured {
border-color: var(--accent);
background: #EEF2FF;
}
.mm-plan-badge {
position: absolute;
top: -13px; left: 28px;
background: var(--accent);
color: var(--white) !important;
font-size: 0.68rem;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
padding: 4px 12px;
border-radius: 20px;
font-family: 'Inter', sans-serif !important;
}
.mm-plan-name {
font-family: 'Syne', sans-serif !important;
font-size: 1.05rem;
font-weight: 700;
margin-bottom: 10px;
color: var(--ink) !important;
}
.mm-plan-price {
font-family: 'Syne', sans-serif !important;
font-size: 2.6rem;
font-weight: 800;
letter-spacing: -1.5px;
line-height: 1;
margin-bottom: 4px;
color: var(--ink) !important;
}
.mm-plan-price span {
font-size: 1rem;
font-weight: 400;
color: var(--muted) !important;
letter-spacing: 0;
font-family: 'Inter', sans-serif !important;
}
.mm-plan-setup {
font-size: 0.78rem;
color: var(--muted) !important;
margin-bottom: 24px;
font-family: 'Inter', sans-serif !important;
}
.mm-plan-features {
list-style: none;
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 28px;
}
.mm-plan-features li {
font-size: 0.85rem;
display: flex;
gap: 10px;
align-items: flex-start;
color: var(--ink) !important;
font-family: 'Inter', sans-serif !important;
}
.mm-plan-features li::before {
content: '✓';
color: var(--accent) !important;
font-weight: 700;
flex-shrink: 0;
}
.mm-plan-cta {
display: block;
text-align: center;
padding: 12px;
border-radius: var(--radius);
font-weight: 600;
font-size: 0.9rem;
border: 1.5px solid var(--accent);
color: var(--accent) !important;
text-decoration: none !important;
font-family: 'Inter', sans-serif !important;
transition: all 0.2s;
}
.mm-plan.featured .mm-plan-cta {
background: var(--accent);
color: var(--white) !important;
}
.mm-plan-cta:hover {
background: var(--accent) !important;
color: var(--white) !important;
}
.mm-pricing-note {
margin-top: 20px;
font-size: 0.8rem;
color: var(--muted);
text-align: center;
font-family: 'Inter', sans-serif !important;
}
/* ── HOW ── */
.mm-how {
padding: 88px 0;
background: var(--paper);
}
.mm-steps {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 36px;
margin-top: 48px;
}
.mm-step-num {
font-family: 'Syne', sans-serif !important;
font-size: 2.8rem;
font-weight: 800;
color: var(--border);
line-height: 1;
margin-bottom: 12px;
}
.mm-step-title {
font-family: 'Syne', sans-serif !important;
font-size: 0.95rem;
font-weight: 700;
margin-bottom: 8px;
color: var(--ink) !important;
}
.mm-step-desc {
font-size: 0.85rem;
color: var(--muted) !important;
line-height: 1.65;
font-family: 'Inter', sans-serif !important;
}
/* ── DEMO STRIP ── */
.mm-demo-strip {
background: var(--accent);
padding: 64px 0;
}
.mm-demo-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 32px;
flex-wrap: wrap;
}
.mm-demo-text h2 {
font-family: 'Syne', sans-serif !important;
font-size: clamp(1.4rem, 3vw, 2rem);
font-weight: 800;
letter-spacing: -0.5px;
margin-bottom: 8px;
color: var(--white) !important;
}
.mm-demo-text p {
font-size: 0.95rem;
color: rgba(255,255,255,0.72);
font-family: 'Inter', sans-serif !important;
}
.mm-btn-white {
background: var(--white);
color: var(--accent) !important;
padding: 14px 30px;
border-radius: var(--radius);
font-weight: 700;
font-size: 0.95rem;
white-space: nowrap;
text-decoration: none !important;
font-family: 'Inter', sans-serif !important;
display: inline-block;
transition: opacity 0.2s;
}
.mm-btn-white:hover { opacity: 0.9; }
/* ── WHY ── */
.mm-why {
padding: 88px 0;
background: var(--ink);
}
.mm-why .mm-section-label { color: var(--accent-mid); }
.mm-why .mm-section-title { color: var(--white) !important; }
.mm-why-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
align-items: start;
margin-top: 48px;
}
.mm-why-point {
padding-bottom: 28px;
border-bottom: 1px solid rgba(255,255,255,0.1);
margin-bottom: 28px;
}
.mm-why-point:last-child { border-bottom: none; margin-bottom: 0; }
.mm-why-point strong {
display: block;
font-family: 'Syne', sans-serif !important;
font-size: 1rem;
font-weight: 700;
color: var(--white) !important;
margin-bottom: 6px;
}
.mm-why-point p {
font-size: 0.85rem;
color: rgba(255,255,255,0.6) !important;
line-height: 1.7;
font-family: 'Inter', sans-serif !important;
}
.mm-why-visual {
border: 1px solid rgba(255,255,255,0.12);
border-radius: var(--radius);
aspect-ratio: 4/3;
display: flex;
align-items: center;
justify-content: center;
color: rgba(255,255,255,0.3) !important;
font-size: 0.8rem;
text-align: center;
padding: 24px;
background: rgba(255,255,255,0.04);
font-family: 'Inter', sans-serif !important;
}
/* ── FAQ ── */
.mm-faq {
padding: 88px 0;
background: var(--paper);
}
.mm-faq-list {
margin-top: 48px;
max-width: 720px;
}
details {
border-bottom: 1px solid var(--border);
padding: 20px 0;
}
summary {
font-weight: 600;
font-size: 0.95rem;
cursor: pointer;
list-style: none;
display: flex;
justify-content: space-between;
align-items: center;
gap: 16px;
color: var(--ink) !important;
font-family: 'Inter', sans-serif !important;
}
summary::-webkit-details-marker { display: none; }
summary::after {
content: '+';
font-size: 1.3rem;
color: var(--accent) !important;
flex-shrink: 0;
font-weight: 400;
}
details[open] summary::after { content: '−'; }
details p {
margin-top: 14px;
font-size: 0.875rem;
color: var(--muted) !important;
line-height: 1.75;
font-family: 'Inter', sans-serif !important;
}
/* ── FOOTER ── */
.mm-footer {
background: #080808;
padding: 56px 0 32px;
}
.mm-footer-inner {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 48px;
flex-wrap: wrap;
margin-bottom: 48px;
}
.mm-footer-brand p.mm-logo { margin-bottom: 10px; }
.mm-footer-brand > p:last-child {
font-size: 0.82rem;
color: rgba(255,255,255,0.4) !important;
max-width: 220px;
line-height: 1.65;
font-family: 'Inter', sans-serif !important;
}
.mm-footer-col h4 {
font-size: 0.68rem;
font-weight: 600;
letter-spacing: 2px;
text-transform: uppercase;
color: rgba(255,255,255,0.28) !important;
margin-bottom: 14px;
font-family: 'Inter', sans-serif !important;
}
.mm-footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 10px; }
.mm-footer-col a {
font-size: 0.85rem;
color: rgba(255,255,255,0.55) !important;
text-decoration: none !important;
font-family: 'Inter', sans-serif !important;
transition: color 0.15s;
}
.mm-footer-col a:hover { color: var(--white) !important; }
.mm-footer-bottom {
border-top: 1px solid rgba(255,255,255,0.07);
padding-top: 24px;
font-size: 0.75rem;
color: rgba(255,255,255,0.25) !important;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 8px;
font-family: 'Inter', sans-serif !important;
}
/* ── MOBILE ── */
@media (max-width: 900px) {
.mm-nav-links { display: none; }
.mm-grid-sectors { grid-template-columns: 1fr; }
.mm-pricing-grid { grid-template-columns: 1fr; }
.mm-steps { grid-template-columns: 1fr 1fr; }
.mm-why-grid { grid-template-columns: 1fr; }
.mm-why-visual { display: none; }
.mm-demo-inner { flex-direction: column; text-align: center; }
}
@media (max-width: 540px) {
.mm-steps { grid-template-columns: 1fr; }
.mm-hero h1 { font-size: 2.2rem; }
}
@media (prefers-reduced-motion: reduce) {
* { transition: none !important; animation: none !important; }
}
</style>
</head>
<body>
<!-- NAV -->
<nav class="mm-nav">
<div class="mm-container mm-nav-inner">
<a href="https://mmsys.co.uk/" class="mm-logo">M&M<span>Sys</span></a>
<ul class="mm-nav-links">
<li><a href="https://mmsys.co.uk/restaurant-epos-software-london/">Restaurants</a></li>
<li><a href="https://mmsys.co.uk/salon-booking-software-london/">Salons</a></li>
<li><a href="https://mmsys.co.uk/gym-management-software-london/">Gyms</a></li>
<li><a href="https://mmsys.co.uk/hotel-pms-software-london/">Hotels</a></li>
<li><a href="https://mmsys.co.uk/shop-epos-till-system-london/">Shops</a></li>
<li><a href="https://mmsys.co.uk/pricing/">Pricing</a></li>
</ul>
<a href="https://mmsys.co.uk/contact/" class="mm-nav-cta">Book a Demo</a>
</div>
</nav>
<!-- HERO -->
<section class="mm-hero">
<div class="mm-container">
<p class="mm-hero-label">London · Software for independent businesses</p>
<h1>Software that knows your trade.<br /><em>Not everyone else's.</em></h1>
<p class="mm-hero-sub">One program, built for your sector. Restaurants, salons, gyms, hotels and shops in London — on software that matches how they actually work.</p>
<div class="mm-hero-actions">
<a href="https://mmsys.co.uk/contact/" class="mm-btn-primary">Book a free 15-min demo</a>
<a href="https://mmsys.co.uk/pricing/" class="mm-btn-ghost">See pricing →</a>
</div>
<p class="mm-hero-note">From £29/month · No lock-in after month one</p>
</div>
</section>
<!-- SECTORS -->
<section class="mm-sectors">
<div class="mm-container">
<p class="mm-section-label">Six sectors, six programs</p>
<h2 class="mm-section-title">Pick your trade.<br />We built for it specifically.</h2>
<div class="mm-grid-sectors">
<article class="mm-sector-card">
<div class="mm-sector-icon">🍽️</div>
<p class="mm-sector-name">RestaurantOS</p>
<p class="mm-sector-desc">Orders, tables, kitchen display and staff rotas in one screen. Built for independent London restaurants, not for chains with an IT department.</p>
<a href="https://mmsys.co.uk/restaurant-epos-software-london/" class="mm-sector-link">See RestaurantOS</a>
</article>
<article class="mm-sector-card">
<div class="mm-sector-icon">👗</div>
<p class="mm-sector-name">FashionOS</p>
<p class="mm-sector-desc">Stock that tracks sizes, colours and seasons without a spreadsheet. Returns, suppliers and daily sales for London boutiques.</p>
<a href="https://mmsys.co.uk/boutique-fashion-epos-software-london/" class="mm-sector-link">See FashionOS</a>
</article>
<article class="mm-sector-card">
<div class="mm-sector-icon">✂️</div>
<p class="mm-sector-name">SalonOS</p>
<p class="mm-sector-desc">Bookings, reminders and staff diaries without paying a cut of every appointment. Fixed price, no commission model.</p>
<a href="https://mmsys.co.uk/salon-booking-software-london/" class="mm-sector-link">See SalonOS</a>
</article>
<article class="mm-sector-card">
<div class="mm-sector-icon">🏋️</div>
<p class="mm-sector-name">GymOS</p>
<p class="mm-sector-desc">Members, attendance and class lists for small gyms, studios and personal trainers. No enterprise pricing, no year-long lock-in.</p>
<a href="https://mmsys.co.uk/gym-management-software-london/" class="mm-sector-link">See GymOS</a>
</article>
<article class="mm-sector-card">
<div class="mm-sector-icon">🏨</div>
<p class="mm-sector-name">HotelOS</p>
<p class="mm-sector-desc">Rooms, bookings and housekeeping for small London hotels, B&Bs and guest houses. Stop double bookings without paying enterprise rates.</p>
<a href="https://mmsys.co.uk/hotel-pms-software-london/" class="mm-sector-link">See HotelOS</a>
</article>
<article class="mm-sector-card">
<div class="mm-sector-icon">🏪</div>
<p class="mm-sector-name">RetailOS</p>
<p class="mm-sector-desc">Till, stock and daily takings for corner shops and independents. Barcode ready. Works on the hardware you already have.</p>
<a href="https://mmsys.co.uk/shop-epos-till-system-london/" class="mm-sector-link">See RetailOS</a>
</article>
</div>
</div>
</section>
<!-- PRICING -->
<section class="mm-pricing" id="pricing">
<div class="mm-container">
<p class="mm-section-label">Transparent pricing</p>
<h2 class="mm-section-title">Three plans. No hidden fees.</h2>
<div class="mm-pricing-grid">
<div class="mm-plan">
<p class="mm-plan-name">Esencial</p>
<p class="mm-plan-price">£29<span>/month</span></p>
<p class="mm-plan-setup">Setup from £150 · 1 month minimum</p>
<ul class="mm-plan-features">
<li>1 business location</li>
<li>Up to 2 users</li>
<li>Hosting included</li>
<li>Software updates included</li>
<li>Email support (48h reply)</li>
</ul>
<a href="https://mmsys.co.uk/contact/" class="mm-plan-cta">Get started</a>
</div>
<div class="mm-plan featured">
<p class="mm-plan-badge">Most chosen</p>
<p class="mm-plan-name">Negocio</p>
<p class="mm-plan-price">£49<span>/month</span></p>
<p class="mm-plan-setup">Setup from £200 · 1 month minimum</p>
<ul class="mm-plan-features">
<li>1 business location</li>
<li>Up to 6 users</li>
<li>Hosting included</li>
<li>Daily data backup</li>
<li>Priority support (24h reply)</li>
<li>Minor adjustments included</li>
</ul>
<a href="https://mmsys.co.uk/contact/" class="mm-plan-cta">Get started</a>
</div>
<div class="mm-plan">
<p class="mm-plan-name">Multi-Branch</p>
<p class="mm-plan-price">£89<span>/month</span></p>
<p class="mm-plan-setup">Setup from £300 · 1 month minimum</p>
<ul class="mm-plan-features">
<li>Multiple locations, one dashboard</li>
<li>Command Center included</li>
<li>Daily data backup</li>
<li>Phone support</li>
<li>2h of changes/month included</li>
</ul>
<a href="https://mmsys.co.uk/contact/" class="mm-plan-cta">Get started</a>
</div>
</div>
<p class="mm-pricing-note">After month one, cancel with 30 days' notice. No 12-month lock-in.</p>
</div>
</section>
<!-- HOW IT WORKS -->
<section class="mm-how">
<div class="mm-container">
<p class="mm-section-label">How it works</p>
<h2 class="mm-section-title">From first call to live system<br />in days, not months.</h2>
<div class="mm-steps">
<div>
<p class="mm-step-num">01</p>
<p class="mm-step-title">15-minute demo</p>
<p class="mm-step-desc">We share a screen and show you the program running. No slides, no sales script.</p>
</div>
<div>
<p class="mm-step-num">02</p>
<p class="mm-step-title">We set it up for you</p>
<p class="mm-step-desc">We build your system, add your menu or products, and test it before you touch it.</p>
</div>
<div>
<p class="mm-step-num">03</p>
<p class="mm-step-title">You go live</p>
<p class="mm-step-desc">Your team gets a short walkthrough. You start using it. We stay reachable — a real person, not a ticket.</p>
</div>
<div>
<p class="mm-step-num">04</p>
<p class="mm-step-title">Month two onwards</p>
<p class="mm-step-desc">Month-to-month. If it works for you, you keep it. Leave with 30 days' notice and keep your data.</p>
</div>
</div>
</div>
</section>
<!-- DEMO CTA -->
<section class="mm-demo-strip">
<div class="mm-container mm-demo-inner">
<div class="mm-demo-text">
<h2>See your sector's software running live.</h2>
<p>15 minutes, screen shared, your real questions. No commitment required.</p>
</div>
<a href="https://mmsys.co.uk/contact/" class="mm-btn-white">Book a free demo</a>
</div>
</section>
<!-- WHY -->
<section class="mm-why">
<div class="mm-container">
<p class="mm-section-label">Why M&M Sys</p>
<h2 class="mm-section-title">What makes it different<br />from the big platforms.</h2>
<div class="mm-why-grid">
<div>
<div class="mm-why-point">
<strong>Built for one trade, not for all of them</strong>
<p>Generic software makes you adapt your business to the program. Each M&M Sys product is built around how that sector actually works — its vocabulary, its workflow, its daily problems.</p>
</div>
<div class="mm-why-point">
<strong>No commission on your revenue</strong>
<p>Flat monthly fee. We don't take a cut of your bookings, your sales or your transactions. What you earn is yours.</p>
</div>
<div class="mm-why-point">
<strong>You talk to the person who built it</strong>
<p>No call centre, no support ticket that takes three days. When something needs fixing, you reach the team directly.</p>
</div>
<div class="mm-why-point">
<strong>Price that fits an independent business</strong>
<p>From £29/month. Set up from £150. Designed for businesses that run on tight margins.</p>
</div>
</div>
<div class="mm-why-visual">
[Sube aquí una captura de pantalla del dashboard desde WordPress → Medios]
</div>
</div>
</div>
</section>
<!-- FAQ -->
<section class="mm-faq">
<div class="mm-container">
<p class="mm-section-label">Questions</p>
<h2 class="mm-section-title">The things people ask<br />before they book a demo.</h2>
<div class="mm-faq-list">
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Do I have to sign a 12-month contract?","acceptedAnswer":{"@type":"Answer","text":"No. There is a minimum of one month. After that it is month to month — cancel with 30 days notice."}},{"@type":"Question","name":"What is included in the setup fee?","acceptedAnswer":{"@type":"Answer","text":"We configure the software for your business: your menu, products, services, users and settings. You do not set up anything yourself."}},{"@type":"Question","name":"Can I use it on my existing hardware?","acceptedAnswer":{"@type":"Answer","text":"In most cases yes. We check your hardware during the demo call before you commit to anything."}},{"@type":"Question","name":"What happens to my data if I cancel?","acceptedAnswer":{"@type":"Answer","text":"Your data belongs to you. We export it in a standard format before your account closes."}},{"@type":"Question","name":"Do you only work in London?","acceptedAnswer":{"@type":"Answer","text":"We are based in London but the software runs online so location is not a barrier."}},{"@type":"Question","name":"How long does setup take?","acceptedAnswer":{"@type":"Answer","text":"Typically a few days from payment to going live, depending on how much information you provide."}}]}
</script>
<details>
<summary>Do I have to sign a 12-month contract?</summary>
<p>No. One month minimum, which covers the setup. After that it is month to month — cancel with 30 days' notice, no questions asked.</p>
</details>
<details>
<summary>What is included in the setup fee?</summary>
<p>We configure the software for your business: your menu, products or services, your users and your settings. You configure nothing yourself.</p>
</details>
<details>
<summary>Can I use it on my existing hardware?</summary>
<p>In most cases yes. We check your current hardware during the demo call before you commit to anything.</p>
</details>
<details>
<summary>What happens to my data if I cancel?</summary>
<p>Your data belongs to you. Before your account closes we export everything in a standard format so you can take it anywhere.</p>
</details>
<details>
<summary>Do you only work in London?</summary>
<p>We are based in London and most of our clients are here, but the software runs online so geography is not a barrier.</p>
</details>
<details>
<summary>How long does setup take?</summary>
<p>Typically a few days from payment to going live, depending on how much information you provide (menus, product lists, team details).</p>
</details>
</div>
</div>
</section>
<!-- FOOTER -->
<footer class="mm-footer">
<div class="mm-container">
<div class="mm-footer-inner">
<div class="mm-footer-brand">
<p class="mm-logo">M&M<span>Sys</span></p>
<p>Business software for independent trades in London. Built and supported by the same team.</p>
</div>
<div class="mm-footer-col">
<h4>Products</h4>
<ul>
<li><a href="https://mmsys.co.uk/restaurant-epos-software-london/">RestaurantOS</a></li>
<li><a href="https://mmsys.co.uk/boutique-fashion-epos-software-london/">FashionOS</a></li>
<li><a href="https://mmsys.co.uk/salon-booking-software-london/">SalonOS</a></li>
<li><a href="https://mmsys.co.uk/gym-management-software-london/">GymOS</a></li>
<li><a href="https://mmsys.co.uk/hotel-pms-software-london/">HotelOS</a></li>
<li><a href="https://mmsys.co.uk/shop-epos-till-system-london/">RetailOS</a></li>
</ul>
</div>
<div class="mm-footer-col">
<h4>Company</h4>
<ul>
<li><a href="https://mmsys.co.uk/pricing/">Pricing</a></li>
<li><a href="https://mmsys.co.uk/command-center/">Multi-Branch</a></li>
<li><a href="https://mmsys.co.uk/about/">About</a></li>
<li><a href="https://mmsys.co.uk/contact/">Contact</a></li>
<li><a href="https://mmsys.co.uk/blog/">Blog</a></li>
</ul>
</div>
</div>
<div class="mm-footer-bottom">
<span>© 2026 M&M Sys · mmsys.co.uk · London, United Kingdom</span>
</div>
</div>
</footer>
</body>
</html>