Smart Hub.mu \u2014 Collect Fast. Store Safe. Buy Smart.<\/title>\r\n<meta name=\"description\" content=\"Smart Hub.mu is Mauritius's retail and logistics platform: secure 7-day parcel collection with a unique customer ID, plus warehousing, bonded storage, fulfilment, distribution, and value-add processing across Flacq, RDR, and Conoromdel.\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n:root {\r\n --navy: #3e347c;\r\n --orange: #e7773a;\r\n --white: #ffffff;\r\n --text: var(--navy);\r\n --text-mid: color-mix(in srgb, var(--navy) 82%, var(--white) 18%);\r\n --text-muted: color-mix(in srgb, var(--navy) 56%, var(--white) 44%);\r\n --text-on-navy: color-mix(in srgb, var(--white) 75%, var(--navy) 25%);\r\n --text-on-navy-soft: color-mix(in srgb, var(--white) 60%, var(--navy) 40%);\r\n --orange-on-navy: color-mix(in srgb, var(--orange) 78%, var(--white) 22%);\r\n --border: color-mix(in srgb, var(--navy) 16%, var(--white) 84%);\r\n --light: color-mix(in srgb, var(--navy) 5%, var(--white) 95%);\r\n --orange-pale: color-mix(in srgb, var(--orange) 12%, var(--white) 88%);\r\n --orange-mid: color-mix(in srgb, var(--orange) 35%, var(--white) 65%);\r\n --navy-pale: color-mix(in srgb, var(--navy) 8%, var(--white) 92%);\r\n --shadow-sm: 0 2px 12px color-mix(in srgb, var(--navy) 10%, transparent);\r\n --shadow-md: 0 8px 32px color-mix(in srgb, var(--navy) 14%, transparent);\r\n --shadow-lg: 0 20px 60px color-mix(in srgb, var(--navy) 18%, transparent);\r\n --radius: 16px;\r\n --radius-lg: 24px;\r\n}\r\n*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\r\nhtml { scroll-behavior: smooth; scroll-padding-top: 88px; }\r\nbody { font-family: 'DM Sans', sans-serif; color: var(--text); background: var(--white); line-height: 1.6; overflow-x: hidden; }\r\n.container { max-width: 1160px; margin: 0 auto; padding: 0 40px; }\r\n@media (max-width: 768px) { .container { padding: 0 20px; } }\r\n.tag { display: inline-flex; align-items: center; gap: 6px; font-size: 11px !important; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: var(--orange); margin-bottom: 16px; }\r\n.tag::before { content: ''; display: block; width: 20px; height: 2px; background: var(--orange); border-radius: 2px; }\r\nh1, h2, h3, h4, h5 { font-family: 'Syne', sans-serif; font-weight: 800; line-height: 1.15; }\r\n.code-chip { font-family: 'IBM Plex Mono', monospace; font-size: 11px !important; font-weight: 600; letter-spacing: .04em; color: var(--text-muted); border: 1px dashed var(--border); border-radius: 6px; padding: 3px 9px; margin-left: 8px; white-space: nowrap; }\r\n.btn { display: inline-flex; align-items: center; gap: 8px; font-family: 'DM Sans', sans-serif; font-weight: 600; font-size: 15px !important; padding: 14px 28px; border-radius: 10px; text-decoration: none; cursor: pointer; border: none; transition: all 0.2s; }\r\n.btn-primary { background: var(--orange); color: var(--white); }\r\n.btn-primary:hover { background: var(--orange); filter: brightness(0.94); transform: translateY(-1px); box-shadow: var(--shadow-md); }\r\n.btn-ghost { background: transparent; color: var(--white); border: 1.5px solid color-mix(in srgb, var(--white) 40%, transparent); }\r\n.btn-ghost:hover { background: color-mix(in srgb, var(--white) 10%, transparent); border-color: color-mix(in srgb, var(--white) 70%, transparent); }\r\n.btn-outline { background: transparent; color: var(--orange); border: 1.5px solid var(--orange); }\r\n.btn-outline:hover { background: var(--orange); color: var(--white); }\r\n.btn-white { background: var(--white); color: var(--navy); }\r\n.btn-white:hover { background: var(--orange); color: var(--white); transform: translateY(-1px); }\r\n.section { padding: 100px 0; }\r\n.section-alt { background: var(--light); }\r\n@media (max-width: 768px) { .section { padding: 72px 0; } }\r\n.section-head { text-align: center; margin-bottom: 56px; }\r\n.section-head h2 { font-size: clamp(28px, 4vw, 42px) !important; color: var(--navy); margin-bottom: 14px; }\r\n.section-head p { font-size: 17px !important; color: var(--text-mid); max-width: 600px; margin: 0 auto; }\r\n.navbar { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; z-index: 1000; height: 72px !important; min-height: 72px !important; max-height: 72px !important; background: color-mix(in srgb, var(--white) 95%, transparent); backdrop-filter: blur(12px); border-bottom: 1px solid var(--border); transition: box-shadow 0.3s; box-sizing: border-box !important; }\r\n.navbar.scrolled { box-shadow: var(--shadow-md); }\r\n.nav-inner { display: flex !important; align-items: center !important; justify-content: space-between; height: 72px !important; min-height: 72px !important; gap: 32px; }\r\n.nav-logo { display: flex; align-items: center; text-decoration: none; flex-shrink: 0; min-height: 38px; }\r\n.nav-logo-img { height: 42px; width: auto; display: block; }\r\n.nav-links { display: flex; align-items: center; gap: 2px; list-style: none; }\r\n.nav-links a { font-size: 14px !important; font-weight: 500; color: var(--text-mid); text-decoration: none; padding: 8px 13px; border-radius: 8px; transition: all 0.15s; white-space: nowrap; }\r\n.nav-links a:hover { color: var(--navy); background: var(--light); }\r\n.nav-cta { flex-shrink: 0; }\r\n.nav-cta .btn { font-size: 14px !important; padding: 10px 20px; }\r\n.hamburger { display: flex; flex-direction: column; gap: 5px; cursor: pointer; padding: 8px; background: none; border: none; position: relative; z-index: 1300; }\r\n.hamburger span { display: block; width: 22px; height: 2px; background: var(--navy); border-radius: 2px; transition: transform 0.3s ease, opacity 0.3s ease; }\r\n.hamburger.active span:nth-child(1) { transform: translateY(7px) rotate(45deg); }\r\n.hamburger.active span:nth-child(2) { opacity: 0; }\r\n.hamburger.active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }\r\n@media (max-width: 900px) { .nav-links, .nav-cta { display: none; } .hamburger { display: flex; } }\r\n.nav-drawer-overlay { position: fixed; inset: 0; background: color-mix(in srgb, var(--navy) 60%, transparent); opacity: 0; visibility: hidden; transition: opacity 0.35s ease; z-index: 1150; }\r\n.nav-drawer-overlay.active { opacity: 1; visibility: visible; }\r\n.nav-drawer { position: fixed; top: 0; right: 0; height: 100dvh; width: min(320px, 82vw); background: var(--white); box-shadow: var(--shadow-lg); transform: translateX(100%); transition: transform 0.4s cubic-bezier(.4,0,.2,1); z-index: 1200; display: flex; flex-direction: column; padding: 24px 24px 28px; overflow-y: auto; }\r\n.nav-drawer.active { transform: translateX(0); }\r\n.nav-drawer-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 28px; }\r\n.nav-drawer-logo { height: 30px !important; width: auto !important; }\r\n.nav-drawer-close { width: 38px; height: 38px; border-radius: 50%; background: var(--light); border: 1px solid var(--border); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\r\n.nav-drawer-close svg { width: 16px; height: 16px; stroke: var(--navy); fill: none; stroke-width: 2; stroke-linecap: round; }\r\n.nav-drawer-tag { margin-bottom: 22px; }\r\n.nav-drawer-links { display: flex; flex-direction: column; gap: 0; margin-bottom: 24px; }\r\n.nav-drawer-links a { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 15px 2px; font-size: 16px !important; font-weight: 600; color: var(--navy); border-bottom: 1px solid var(--border); text-decoration: none; transition: color 0.15s, padding-left 0.15s; }\r\n.nav-drawer-links a svg { width: 15px; height: 15px; stroke: var(--text-muted); fill: none; stroke-width: 2; stroke-linecap: round; flex-shrink: 0; transition: transform 0.15s; }\r\n.nav-drawer-links a:hover { color: var(--orange); padding-left: 6px; }\r\n.nav-drawer-links a:hover svg { transform: translateX(3px); stroke: var(--orange); }\r\n.nav-drawer-cta { margin-top: auto; display: flex; flex-direction: column; gap: 14px; padding-top: 12px; }\r\n.nav-drawer-cta .btn { width: 100%; justify-content: center; }\r\n.nav-drawer-social { display: flex; gap: 10px; }\r\n.nav-drawer-social .social-link { background: var(--light); border: 1px solid var(--border); }\r\n.nav-drawer-social .social-link svg { fill: var(--navy); }\r\n.nav-drawer-social .social-link:hover { background: var(--orange); border-color: var(--orange); }\r\n.nav-drawer-social .social-link:hover svg { fill: var(--white); }\r\nbody.drawer-open { overflow: hidden; }\r\n@media (min-width: 901px) { .nav-drawer, .nav-drawer-overlay { display: none; } }\r\n@media (max-width: 900px) { .nav-inner { gap: 16px; } }\r\n.hero { position: relative; overflow: hidden; min-height: 94vh; display: flex; flex-direction: column; padding: 152px 0 0; }\r\n.hero-bg-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 40%; z-index: -1; }\r\n.hero-scrim { position: absolute; inset: 0; background: linear-gradient(100deg, color-mix(in srgb, var(--navy) 90%, transparent) 0%, color-mix(in srgb, var(--navy) 82%, transparent) 36%, color-mix(in srgb, var(--navy) 48%, transparent) 60%, color-mix(in srgb, var(--navy) 14%, transparent) 84%, transparent 100%); z-index: -1; pointer-events: none; }\r\n.hero-content { position: relative; z-index: 1; flex: 1; display: flex; align-items: center; padding-bottom: 56px; }\r\n.hero-top { position: relative; z-index: 1; color: var(--white); max-width: 640px; }\r\n.hero-badge { display: inline-flex; align-items: center; gap: 8px; background: color-mix(in srgb, var(--orange) 20%, transparent); border: 1px solid color-mix(in srgb, var(--orange) 35%, transparent); color: var(--orange-on-navy); font-size: 12px !important; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; padding: 6px 14px; border-radius: 20px; margin-bottom: 28px; }\r\n.hero-badge::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--orange); }\r\n.hero h1 { font-size: clamp(36px, 5vw, 56px) !important; line-height: 1.1; margin-bottom: 24px; color: var(--white); }\r\n.hero h1 em { font-style: normal; color: var(--orange); }\r\n.hero-sub { font-size: 18px !important; color: var(--text-on-navy); line-height: 1.6; margin-bottom: 32px; max-width: 540px; }\r\n.hero-bullets { list-style: none; margin-bottom: 40px; display: flex; flex-direction: column; gap: 10px; }\r\n.hero-bullets li { display: flex; align-items: flex-start; gap: 10px; font-size: 15px !important; color: var(--text-on-navy); }\r\n.hero-bullets li::before { content: ''; width: 18px; height: 18px; flex-shrink: 0; margin-top: 3px; background: var(--orange); border-radius: 50%; background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M5 9l3 3 5-5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\"); background-size: contain; }\r\n.hero-btns { display: flex; flex-wrap: wrap; gap: 12px; }\r\n.hero-stats-bar { position: relative; z-index: 1; background: color-mix(in srgb, var(--navy) 60%, transparent); backdrop-filter: blur(16px); border-top: 1px solid color-mix(in srgb, var(--white) 14%, transparent); padding: 24px 0; }\r\n.hero-stats-bar-inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; }\r\n.hero-stats-grid { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }\r\n.hero-stat { display: flex; align-items: baseline; gap: 8px; padding-right: 24px; border-right: 1px solid color-mix(in srgb, var(--white) 16%, transparent); }\r\n.hero-stat:last-child { border-right: none; padding-right: 0; }\r\n.hero-stat-val { font-family: 'Syne', sans-serif; font-size: 24px !important; font-weight: 800; color: var(--orange); line-height: 1; white-space: nowrap; }\r\n.hero-stat-label { font-size: 12px !important; color: var(--text-on-navy-soft); text-transform: uppercase; letter-spacing: 1px; white-space: nowrap; }\r\n.hero-services-row { display: flex; gap: 8px; flex-wrap: wrap; }\r\n.hero-service-pill { background: color-mix(in srgb, var(--white) 12%, transparent); border: 1px solid color-mix(in srgb, var(--white) 18%, transparent); color: var(--text-on-navy); font-size: 13px !important; font-weight: 500; padding: 7px 14px; border-radius: 20px; display: flex; align-items: center; gap: 6px; }\r\n.hero-service-pill .dot { width: 7px; height: 7px; border-radius: 50%; background: var(--orange); flex-shrink: 0; }\r\n@media (max-width: 768px) { .hero { padding: 120px 0 0; min-height: auto; } .hero-bg-photo { object-position: center 50%; } .hero-content { padding-bottom: 40px; } .hero-stats-bar-inner { flex-direction: column; align-items: flex-start; gap: 18px; } .hero-stats-grid { gap: 18px; } .hero-stat { padding-right: 18px; } }\r\n.value-strip { background: var(--white); padding: 80px 0; border-bottom: 1px solid var(--border); }\r\n.value-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 32px; }\r\n@media (max-width: 900px) { .value-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }\r\n@media (max-width: 520px) { .value-grid { grid-template-columns: 1fr; } }\r\n.value-item { text-align: center; }\r\n.value-item a.value-link { text-decoration: none; display: block; }\r\n.value-logo { height: 30px; width: auto; margin: 0 auto 18px; filter: none; }\r\n.value-icon { width: 64px; height: 64px; border-radius: 18px; background: var(--orange-pale); display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; }\r\n.value-icon svg { width: 28px; height: 28px; stroke: var(--orange); fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }\r\n.value-item h4 { font-size: 17px !important; color: var(--navy); margin-bottom: 6px; }\r\n.value-item p { font-size: 14px !important; color: var(--text-muted); line-height: 1.5; }\r\n.section-badge { height: 26px; width: auto; margin-bottom: 16px; }\r\n.brands-strip .section-badge { margin-bottom: 14px; }\r\n.cards-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 24px; }\r\n@media (max-width: 768px) { .cards-grid { grid-template-columns: 1fr; } }\r\n.cards-grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 24px; }\r\n@media (max-width: 900px) { .cards-grid-3 { grid-template-columns: repeat(2, minmax(0,1fr)); } }\r\n@media (max-width: 560px) { .cards-grid-3 { grid-template-columns: 1fr; } }\r\n.info-card { background: var(--white); border-radius: var(--radius-lg); padding: 36px; box-shadow: var(--shadow-sm); border: 1px solid var(--border); transition: all 0.3s; display: flex; flex-direction: column; position: relative; overflow: hidden; }\r\n.info-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: var(--orange); }\r\n.info-card.accent-navy::before { background: var(--navy); }\r\n.info-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); border-color: transparent; }\r\n.card-icon { width: 56px; height: 56px; border-radius: 14px; background: var(--orange-pale); display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }\r\n.card-icon svg { width: 26px; height: 26px; stroke: var(--orange); fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }\r\n.info-card h3 { font-size: 21px !important; color: var(--navy); margin-bottom: 6px; display: flex; align-items: center; flex-wrap: wrap; }\r\n.info-card > p.lede { font-size: 15px !important; color: var(--text-mid); line-height: 1.6; margin-bottom: 18px; }\r\n.card-bullets { list-style: none; margin-bottom: 8px; display: flex; flex-direction: column; gap: 8px; }\r\n.card-bullets li { display: flex; align-items: flex-start; gap: 8px; font-size: 14px !important; color: var(--text-mid); }\r\n.card-bullets li::before { content: ''; width: 16px; height: 16px; flex-shrink: 0; margin-top: 2px; border-radius: 50%; background: var(--navy-pale); background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 8l3 3 5-4.5' stroke='%233e347c' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\"); background-size: contain; }\r\n.card-link { display: inline-flex; align-items: center; gap: 6px; font-size: 14px !important; font-weight: 600; color: var(--orange); text-decoration: none; transition: gap 0.2s; margin-top: auto; padding-top: 16px; }\r\n.card-link:hover { gap: 10px; }\r\n.card-link::after { content: '\u2192'; }\r\n.plain-card { background: var(--white); border-radius: var(--radius-lg); padding: 30px; border: 1px solid var(--border); }\r\n.plain-card h3 { font-size: 18px !important; color: var(--navy); margin-bottom: 8px; }\r\n.plain-card p { font-size: 14px !important; color: var(--text-mid); line-height: 1.6; }\r\n.facility-gallery { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 20px; margin-top: 40px; }\r\n@media (max-width: 768px) { .facility-gallery { grid-template-columns: 1fr; } }\r\n.facility-gallery-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }\r\n@media (max-width: 900px) { .facility-gallery-3 { grid-template-columns: repeat(2, minmax(0,1fr)); } }\r\n@media (max-width: 560px) { .facility-gallery-3 { grid-template-columns: 1fr; } }\r\n.facility-photo { border-radius: var(--radius-lg); overflow: hidden; border: 1px solid var(--border); box-shadow: var(--shadow-sm); }\r\n.facility-photo img { width: 100%; height: 310px; object-fit: cover; display: block; }\r\n.facility-caption { padding: 18px 20px; background: var(--white); }\r\n.facility-caption strong { display: block; font-size: 15px !important; color: var(--navy); font-family: 'Syne', sans-serif; }\r\n.facility-caption span { font-size: 13px !important; color: var(--text-muted); }\r\n.photo-cinematic { border-radius: var(--radius-lg); overflow: hidden; margin-top: 48px; box-shadow: var(--shadow-lg); position: relative; }\r\n.photo-cinematic img { width: 100%; height: 480px; object-fit: cover; display: block; }\r\n.photo-cinematic-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(62,52,124,0.82) 0%, rgba(62,52,124,0.28) 52%, rgba(62,52,124,0) 100%); pointer-events: none; }\r\n.photo-cinematic-caption { position: absolute; bottom: 0; left: 0; right: 0; padding: 36px 32px 28px; }\r\n.photo-cinematic-caption strong { display: block; font-family: 'Syne', sans-serif; font-size: 20px !important; font-weight: 800; color: var(--white); margin-bottom: 6px; }\r\n.photo-cinematic-caption span { font-size: 14px !important; color: color-mix(in srgb, var(--white) 72%, transparent); }\r\n.photo-cinematic-tag { display: inline-flex; align-items: center; gap: 6px; background: var(--orange); color: var(--white); font-size: 11px !important; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; padding: 5px 12px; border-radius: 20px; margin-bottom: 12px; }\r\n.photo-panoramic { border-radius: var(--radius-lg); overflow: hidden; margin-top: 32px; box-shadow: var(--shadow-lg); position: relative; }\r\n.photo-panoramic img { width: 100%; height: 400px; object-fit: cover; object-position: center 35%; display: block; }\r\n.hub-card { padding: 0 !important; overflow: hidden; }\r\n.hub-card::before { display: none; }\r\n.hub-card-photo { position: relative; overflow: hidden; }\r\n.hub-card-photo img { width: 100%; height: 230px; object-fit: cover; display: block; }\r\n.hub-card-loc { position: absolute; bottom: 14px; left: 16px; display: inline-flex; align-items: center; gap: 6px; background: var(--orange); color: var(--white); font-size: 11px !important; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; padding: 5px 12px; border-radius: 20px; }\r\n.hub-card-body { padding: 28px 30px 30px; display: flex; flex-direction: column; flex: 1; border-top: 4px solid var(--navy); }\r\n.photo-panoramic-overlay { position: absolute; inset: 0; background: linear-gradient(100deg, rgba(62,52,124,0.72) 0%, rgba(62,52,124,0.18) 55%, rgba(62,52,124,0) 100%); pointer-events: none; }\r\n.photo-panoramic-caption { position: absolute; bottom: 28px; left: 32px; }\r\n.photo-panoramic-caption strong { display: block; font-family: 'Syne', sans-serif; font-size: 22px !important; font-weight: 800; color: var(--white); margin-bottom: 4px; }\r\n.photo-panoramic-caption span { font-size: 14px !important; color: color-mix(in srgb, var(--white) 72%, transparent); }\r\n.how-it-works { padding: 100px 0; background: var(--navy); }\r\n.how-it-works .section-head h2 { color: var(--white); }\r\n.how-it-works .section-head p { color: var(--text-on-navy-soft); }\r\n.how-it-works .tag { color: var(--orange-on-navy); }\r\n.how-it-works .tag::before { background: var(--orange); }\r\n.steps-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 24px; position: relative; }\r\n.steps-grid::before { content: ''; position: absolute; top: 44px; left: calc(16.67% + 20px); right: calc(16.67% + 20px); height: 1px; background: color-mix(in srgb, var(--white) 15%, transparent); z-index: 0; }\r\n@media (max-width: 768px) { .steps-grid { grid-template-columns: 1fr; } .steps-grid::before { display: none; } }\r\n.step { background: color-mix(in srgb, var(--white) 6%, transparent); border: 1px solid color-mix(in srgb, var(--white) 10%, transparent); border-radius: var(--radius-lg); padding: 36px 32px; text-align: center; position: relative; z-index: 1; transition: background 0.3s; }\r\n.step:hover { background: color-mix(in srgb, var(--white) 10%, transparent); }\r\n.step-num { font-family: 'Syne', sans-serif; font-size: 52px !important; font-weight: 800; color: var(--orange); line-height: 1; margin-bottom: 16px; display: block; }\r\n.step h4 { font-size: 20px !important; color: var(--white); margin-bottom: 12px; }\r\n.step p { font-size: 15px !important; color: var(--text-on-navy-soft); line-height: 1.6; }\r\n.split { padding: 100px 0; background: var(--white); }\r\n.split-inner { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 80px; align-items: center; }\r\n@media (max-width: 768px) { .split-inner { grid-template-columns: 1fr; gap: 48px; } }\r\n.split-visual { position: relative; }\r\n.split-image-block { border-radius: var(--radius-lg); padding: 40px; color: var(--white); position: relative; overflow: hidden; min-height: 440px; display: flex; flex-direction: column; justify-content: flex-end; }\r\n.split-image-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 32%; z-index: -2; }\r\n.split-image-scrim { position: absolute; inset: 0; background: linear-gradient(160deg, color-mix(in srgb, var(--navy) 86%, transparent), color-mix(in srgb, var(--navy) 74%, transparent)); z-index: -1; }\r\n.split-image-block::before { content: ''; position: absolute; top: -40px; right: -40px; width: 200px; height: 200px; border-radius: 50%; background: color-mix(in srgb, var(--orange) 20%, transparent); }\r\n.split-location { display: inline-flex; align-items: center; gap: 6px; background: var(--orange); color: var(--white); font-size: 12px !important; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; padding: 6px 14px; border-radius: 20px; margin-bottom: 20px; position: relative; }\r\n.split-image-block h3 { font-size: 25px !important; color: var(--white); margin-bottom: 12px; position: relative; }\r\n.split-image-block p { font-size: 15px !important; color: var(--text-on-navy); margin-bottom: 24px; position: relative; }\r\n.split-features { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 12px; position: relative; }\r\n.split-feat { background: color-mix(in srgb, var(--white) 8%, transparent); border: 1px solid color-mix(in srgb, var(--white) 12%, transparent); border-radius: 12px; padding: 16px; font-size: 13px !important; font-weight: 500; color: var(--text-on-navy); display: flex; align-items: center; gap: 8px; }\r\n.split-feat-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--orange); flex-shrink: 0; }\r\n.split-text .tag { color: var(--orange); }\r\n.split-text h2 { font-size: clamp(27px, 3.5vw, 38px) !important; color: var(--navy); margin-bottom: 16px; }\r\n.split-text h2 span { color: var(--orange); }\r\n.split-text > p { font-size: 17px !important; color: var(--text-mid); line-height: 1.65; margin-bottom: 28px; }\r\n.benefits-list { list-style: none; margin-bottom: 36px; display: flex; flex-direction: column; gap: 12px; }\r\n.benefits-list li { display: flex; align-items: flex-start; gap: 12px; font-size: 15px !important; color: var(--text-mid); }\r\n.benefit-check { width: 22px; height: 22px; border-radius: 50%; background: var(--orange); display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 1px; }\r\n.benefit-check svg { width: 12px; height: 12px; stroke: var(--white); stroke-width: 2.5; fill: none; stroke-linecap: round; stroke-linejoin: round; }\r\n.pickup { padding: 100px 0; background: var(--light); }\r\n.pickup-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 16px; margin-top: 48px; }\r\n@media (max-width: 900px) { .pickup-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }\r\n@media (max-width: 520px) { .pickup-grid { grid-template-columns: 1fr; } }\r\n.pickup-step { background: var(--white); border-radius: var(--radius); padding: 28px 22px; box-shadow: var(--shadow-sm); border: 1px solid var(--border); text-align: center; position: relative; }\r\n.pickup-step-num { font-family: 'Syne', sans-serif; font-size: 13px !important; font-weight: 800; color: var(--orange); background: var(--orange-pale); border: 1.5px solid color-mix(in srgb, var(--orange) 20%, transparent); width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 14px; }\r\n.pickup-step h5 { font-size: 14px !important; color: var(--navy); margin-bottom: 8px; line-height: 1.3; }\r\n.pickup-step p { font-size: 13px !important; color: var(--text-muted); line-height: 1.5; }\r\n.brands-strip { margin-top: 48px; text-align: center; }\r\n.brands-strip p { font-size: 13px !important; text-transform: uppercase; letter-spacing: 2px; color: var(--text-muted); margin-bottom: 20px; }\r\n.brands-row { display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; }\r\n.brand-pill { background: var(--white); border: 1px solid var(--border); border-radius: 8px; padding: 8px 18px; font-size: 14px !important; font-weight: 600; color: var(--text-mid); }\r\n.certainty-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 16px; margin-top: 56px; }\r\n@media (max-width: 900px) { .certainty-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }\r\n@media (max-width: 520px) { .certainty-grid { grid-template-columns: 1fr; } }\r\n.glance { padding: 100px 0; background: var(--white); }\r\n.glance-inner { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 80px; align-items: center; }\r\n@media (max-width: 768px) { .glance-inner { grid-template-columns: 1fr; gap: 48px; } }\r\n.glance-visual { background: var(--navy); border-radius: var(--radius-lg); padding: 48px; position: relative; overflow: hidden; }\r\n.glance-visual::before { content: ''; position: absolute; top: -60px; right: -60px; width: 240px; height: 240px; border-radius: 50%; background: color-mix(in srgb, var(--orange) 15%, transparent); }\r\n.glance-stat { font-family: 'Syne', sans-serif; font-size: 76px !important; font-weight: 800; color: var(--orange); line-height: 1; display: block; margin-bottom: 4px; position: relative; }\r\n.glance-label { font-size: 15px !important; color: var(--text-on-navy); line-height: 1.5; margin-bottom: 32px; display: block; position: relative; max-width: 320px; }\r\n.glance-tags { display: flex; gap: 8px; flex-wrap: wrap; position: relative; }\r\n.glance-tag { background: color-mix(in srgb, var(--white) 8%, transparent); border: 1px solid color-mix(in srgb, var(--white) 12%, transparent); color: var(--text-on-navy); font-size: 13px !important; font-weight: 500; padding: 7px 14px; border-radius: 8px; }\r\n.journey { padding: 100px 0; background: var(--light); }\r\n.journey-highlight { border-radius: var(--radius-lg); padding: 48px; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 40px; align-items: center; margin-bottom: 40px; position: relative; overflow: hidden; }\r\n.journey-bg-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 38%; z-index: -2; }\r\n.journey-scrim { position: absolute; inset: 0; background: linear-gradient(135deg, color-mix(in srgb, var(--navy) 90%, transparent), color-mix(in srgb, var(--navy) 80%, transparent)); z-index: -1; }\r\n.journey-highlight::after { content: ''; position: absolute; right: -80px; top: -80px; width: 300px; height: 300px; border-radius: 50%; background: color-mix(in srgb, var(--orange) 12%, transparent); }\r\n.journey-highlight h3 { font-size: 26px !important; color: var(--white); margin-bottom: 10px; }\r\n.journey-highlight p { font-size: 16px !important; color: var(--text-on-navy); max-width: 500px; }\r\n.journey-highlight .btn { position: relative; z-index: 1; flex-shrink: 0; }\r\n@media (max-width: 768px) { .journey-highlight { grid-template-columns: 1fr; } }\r\n.journey-steps { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 16px; }\r\n@media (max-width: 768px) { .journey-steps { grid-template-columns: repeat(2, minmax(0,1fr)); } }\r\n@media (max-width: 420px) { .journey-steps { grid-template-columns: 1fr; } }\r\n.jstep { background: var(--white); border-radius: var(--radius); padding: 24px; border: 1px solid var(--border); box-shadow: var(--shadow-sm); }\r\n.jstep-num { font-family: 'Syne', sans-serif; font-size: 34px !important; font-weight: 800; color: var(--orange); line-height: 1; margin-bottom: 10px; display: block; }\r\n.jstep h5 { font-size: 15px !important; color: var(--navy); margin-bottom: 6px; }\r\n.jstep p { font-size: 13px !important; color: var(--text-muted); line-height: 1.5; }\r\n.faq-list { display: grid; gap: 12px; max-width: 760px; margin: 0 auto; }\r\n.faq-item { background: var(--white); border: 1px solid var(--border); border-radius: var(--radius); padding: 22px 24px; }\r\n.faq-item summary { cursor: pointer; font-family: 'Syne', sans-serif; font-weight: 700; font-size: 15px !important; color: var(--navy); list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 16px; }\r\n.faq-item summary::-webkit-details-marker { display: none; }\r\n.faq-item summary::after { content: '+'; font-family: 'DM Sans', sans-serif; font-weight: 600; color: var(--orange); font-size: 22px !important; flex-shrink: 0; transition: transform 0.2s; }\r\n.faq-item[open] summary::after { transform: rotate(45deg); }\r\n.faq-item p { margin-top: 14px; font-size: 14px !important; color: var(--text-mid); line-height: 1.6; }\r\n.cta-banner { padding: 100px 0; background: var(--orange); position: relative; overflow: hidden; }\r\n.cta-banner::before { content: ''; position: absolute; top: -80px; left: -80px; width: 400px; height: 400px; border-radius: 50%; background: color-mix(in srgb, var(--white) 8%, transparent); }\r\n.cta-banner::after { content: ''; position: absolute; bottom: -100px; right: -60px; width: 300px; height: 300px; border-radius: 50%; background: color-mix(in srgb, var(--navy) 10%, transparent); }\r\n.cta-inner { text-align: center; position: relative; z-index: 1; max-width: 700px; margin: 0 auto; }\r\n.cta-banner .tag { color: color-mix(in srgb, var(--white) 70%, transparent); }\r\n.cta-banner .tag::before { background: color-mix(in srgb, var(--white) 60%, transparent); }\r\n.cta-inner h2 { font-size: clamp(30px, 5vw, 46px) !important; color: var(--white); margin-bottom: 16px; }\r\n.cta-inner p { font-size: 18px !important; color: color-mix(in srgb, var(--white) 85%, transparent); margin-bottom: 36px; }\r\n.cta-btns { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }\r\n.contact { padding: 100px 0; background: var(--white); }\r\n.contact-inner { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 80px; align-items: start; }\r\n@media (max-width: 768px) { .contact-inner { grid-template-columns: 1fr; gap: 48px; } }\r\n.contact-info .tag { color: var(--orange); }\r\n.contact-info h2 { font-size: 34px !important; color: var(--navy); margin-bottom: 16px; }\r\n.contact-info > p { font-size: 16px !important; color: var(--text-mid); margin-bottom: 36px; line-height: 1.6; }\r\n.contact-details { display: flex; flex-direction: column; gap: 16px; }\r\n.contact-detail { display: flex; align-items: flex-start; gap: 14px; }\r\n.contact-detail-icon { width: 44px; height: 44px; border-radius: 12px; background: var(--navy-pale); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\r\n.contact-detail-icon svg { width: 20px; height: 20px; stroke: var(--navy); fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }\r\n.contact-detail strong { display: block; font-size: 13px !important; font-weight: 600; color: var(--navy); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 2px; }\r\n.contact-detail span { font-size: 15px !important; color: var(--text-mid); }\r\n.form-card { background: var(--light); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 40px; }\r\n.form-row { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 16px; }\r\n@media (max-width: 520px) { .form-row { grid-template-columns: 1fr; } }\r\n.form-group { margin-bottom: 20px; }\r\n.form-group label { display: block; font-size: 13px !important; font-weight: 600; color: var(--navy); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px; }\r\n.form-group input, .form-group select, .form-group textarea { width: 100%; background: var(--white); border: 1.5px solid var(--border); border-radius: 10px; padding: 13px 16px; font-family: 'DM Sans', sans-serif; font-size: 16px !important; color: var(--text); transition: border-color 0.2s; outline: none; }\r\n.form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color: var(--navy); }\r\n.form-group textarea { resize: vertical; min-height: 100px; }\r\n.form-submit { width: 100%; justify-content: center; font-size: 16px !important; padding: 16px; }\r\nfooter { background: var(--navy); color: var(--white); padding: 64px 0 32px; }\r\n.footer-grid { display: grid; grid-template-columns: minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); gap: 40px; padding-bottom: 48px; border-bottom: 1px solid color-mix(in srgb, var(--white) 10%, transparent); margin-bottom: 32px; }\r\n@media (max-width: 900px) { .footer-grid { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 32px; } }\r\n@media (max-width: 520px) { .footer-grid { grid-template-columns: 1fr; } }\r\n.footer-logo { height: 46px; width: auto; margin-bottom: 18px; }\r\n.footer-brand p { font-size: 14px !important; color: var(--text-on-navy-soft); line-height: 1.6; max-width: 300px; margin-bottom: 22px; }\r\n.social-row { display: flex; gap: 10px; }\r\n.social-link { width: 38px; height: 38px; border-radius: 50%; background: color-mix(in srgb, var(--white) 8%, transparent); border: 1px solid color-mix(in srgb, var(--white) 14%, transparent); display: flex; align-items: center; justify-content: center; transition: background 0.2s, border-color 0.2s, transform 0.2s; }\r\n.social-link svg { width: 17px; height: 17px; fill: var(--text-on-navy); }\r\n.social-link:hover { background: var(--orange); border-color: var(--orange); transform: translateY(-2px); }\r\n.social-link:hover svg { fill: var(--white); }\r\n.footer-col h5 { font-size: 13px !important; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--text-on-navy-soft); margin-bottom: 20px; }\r\n.footer-col ul { list-style: none; }\r\n.footer-col ul li { margin-bottom: 10px; }\r\n.footer-col ul li a { font-size: 14px !important; color: var(--text-on-navy); text-decoration: none; transition: color 0.2s; }\r\n.footer-col ul li a:hover { color: var(--orange); }\r\n.footer-bottom { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; font-size: 13px !important; color: var(--text-on-navy-soft); }\r\n.anim { opacity: 0; transform: translateY(24px); transition: opacity 0.6s ease, transform 0.6s ease; }\r\n.anim.visible { opacity: 1; transform: translateY(0); }\r\n.anim-delay-1 { transition-delay: 0.1s; }\r\n.anim-delay-2 { transition-delay: 0.2s; }\r\n.anim-delay-3 { transition-delay: 0.3s; }\r\n.anim-delay-4 { transition-delay: 0.4s; }\r\n.toast { position: fixed; bottom: 32px; left: 50%; transform: translateX(-50%) translateY(80px); background: var(--navy); color: var(--white); padding: 14px 28px; border-radius: 12px; font-size: 15px !important; font-weight: 500; box-shadow: var(--shadow-lg); z-index: 9999; transition: transform 0.4s ease; white-space: nowrap; }\r\n.toast.show { transform: translateX(-50%) translateY(0); }\r\n.audience-toggle { display: flex; align-items: center; background: var(--light); border: 1.5px solid var(--border); border-radius: 10px; padding: 3px; gap: 2px; flex-shrink: 0; position: relative; }\r\n.audience-toggle.needs-choice::after { content: ''; position: absolute; top: -4px; right: -4px; width: 10px; height: 10px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 0 0 rgba(231,119,58,0.7); animation: pulse-dot 1.8s ease-out infinite; }\r\n@keyframes pulse-dot { 0% { box-shadow: 0 0 0 0 rgba(231,119,58,0.7); } 70% { box-shadow: 0 0 0 8px rgba(231,119,58,0); } 100% { box-shadow: 0 0 0 0 rgba(231,119,58,0); } }\r\n.audience-btn { font-family: 'DM Sans', sans-serif; font-size: 13px !important; font-weight: 600; color: var(--text-muted); background: transparent; border: none; cursor: pointer; padding: 7px 16px; border-radius: 7px; transition: all 0.2s; white-space: nowrap; letter-spacing: 0.02em; }\r\n.audience-btn.active { background: var(--navy); color: var(--white); box-shadow: 0 1px 4px color-mix(in srgb, var(--navy) 20%, transparent); }\r\n.audience-btn:not(.active):hover { color: var(--navy); background: color-mix(in srgb, var(--navy) 6%, transparent); }\r\n.drawer-audience-toggle { display: flex; gap: 8px; margin-bottom: 24px; }\r\n.drawer-audience-btn { flex: 1; font-family: 'DM Sans', sans-serif; font-size: 15px !important; font-weight: 600; padding: 12px; border-radius: 10px; border: 1.5px solid var(--border); background: var(--light); color: var(--text-muted); cursor: pointer; text-align: center; transition: all 0.2s; }\r\n.drawer-audience-btn.active { background: var(--navy); color: var(--white); border-color: var(--navy); }\r\n[data-audience=\"personal\"], [data-audience=\"commercial\"] { transition: opacity 0.3s ease; }\r\n[data-audience=\"personal\"].audience-hidden, [data-audience=\"commercial\"].audience-hidden { display: none; }\r\n.hero-audience-prompt { margin-top: 28px; padding-top: 24px; border-top: 1px solid color-mix(in srgb, var(--white) 18%, transparent); }\r\n.hero-audience-label { display: block; font-size: 12px !important; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--text-on-navy-soft); margin-bottom: 12px; }\r\n.hero-audience-btns { display: flex; gap: 10px; flex-wrap: wrap; }\r\n.hero-aud-btn { display: inline-flex; align-items: center; gap: 8px; font-family: 'DM Sans', sans-serif; font-size: 14px !important; font-weight: 600; padding: 11px 20px; border-radius: 10px; cursor: pointer; transition: all 0.2s; border: 1.5px solid color-mix(in srgb, var(--white) 25%, transparent); background: color-mix(in srgb, var(--white) 8%, transparent); color: var(--text-on-navy-soft); }\r\n.hero-aud-btn svg { width: 16px; height: 16px; flex-shrink: 0; }\r\n.hero-aud-btn:hover { border-color: color-mix(in srgb, var(--white) 50%, transparent); color: var(--white); background: color-mix(in srgb, var(--white) 14%, transparent); }\r\n.hero-aud-btn.active { background: var(--orange); border-color: var(--orange); color: var(--white); }\r\n@media (max-width: 520px) { .hero-audience-btns { flex-direction: column; } .hero-aud-btn { justify-content: center; } }\r\n<\/style>\r\n<script src=\"https:\/\/www.google.com\/recaptcha\/api.js\" async defer><\/script>\r\n<\/head>\r\n<body>\r\n<nav class=\"navbar\" id=\"navbar\">\r\n <div class=\"container\">\r\n <div class=\"nav-inner\">\r\n <a href=\"#top\" class=\"nav-logo\">\r\n <img decoding=\"async\" class=\"nav-logo-img\" src=\"https:\/\/smarthub.mu\/wp-content\/uploads\/2026\/06\/smarthub-logo-full.png\" alt=\"Smart Hub.mu \u2014 collect fast, store safe, buy smart\" width=\"155\" height=\"38\" style=\"height:38px !important;width:auto !important;max-width:none !important;display:block;\">\r\n <\/a>\r\n <ul class=\"nav-links\">\r\n <li><a href=\"#services\">Services<\/a><\/li>\r\n <li><a href=\"#units\">Hubs<\/a><\/li>\r\n <li><a href=\"#pickup\">Collection<\/a><\/li>\r\n <li><a href=\"#industries\">Industries<\/a><\/li>\r\n <li><a href=\"#faq\">FAQ<\/a><\/li>\r\n <li><a href=\"#contact\">Contact<\/a><\/li>\r\n <\/ul>\r\n <div class=\"audience-toggle\" role=\"group\" aria-label=\"Select customer type\">\r\n <button class=\"audience-btn active\" id=\"btn-personal\" onclick=\"setAudience('personal')\">Personal<\/button>\r\n <button class=\"audience-btn\" id=\"btn-commercial\" onclick=\"setAudience('commercial')\">Commercial<\/button>\r\n <\/div>\r\n <div class=\"nav-cta\"><a href=\"#contact\" class=\"btn btn-primary\">Tell Us What You Need<\/a><\/div>\r\n <button class=\"hamburger\" onclick=\"toggleMobileMenu()\" aria-label=\"Open menu\" aria-expanded=\"false\" style=\"display:flex;\"><span><\/span><span><\/span><span><\/span><\/button>\r\n <\/div>\r\n <\/div>\r\n<\/nav>\r\n<div class=\"nav-drawer-overlay\" onclick=\"closeMobileMenu()\"><\/div>\r\n<div class=\"nav-drawer\" aria-hidden=\"true\">\r\n <div class=\"nav-drawer-head\">\r\n <img decoding=\"async\" class=\"nav-drawer-logo\" src=\"https:\/\/smarthub.mu\/wp-content\/uploads\/2026\/06\/smarthub-logo-full.png\" alt=\"Smart Hub.mu\" width=\"123\" height=\"30\" style=\"height:30px !important;width:auto !important;max-width:none !important;display:block;\">\r\n <button class=\"nav-drawer-close\" onclick=\"closeMobileMenu()\" aria-label=\"Close menu\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M6 6l12 12M18 6L6 18\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <span class=\"pill nav-drawer-tag\">Flacq \u00b7 RDR \u00b7 Conoromdel<\/span>\r\n <div class=\"drawer-audience-toggle\">\r\n <button class=\"drawer-audience-btn active\" id=\"drawer-btn-personal\" onclick=\"setAudience('personal');closeMobileMenu()\">Personal<\/button>\r\n <button class=\"drawer-audience-btn\" id=\"drawer-btn-commercial\" onclick=\"setAudience('commercial');closeMobileMenu()\">Commercial<\/button>\r\n <\/div>\r\n <nav class=\"nav-drawer-links\" aria-label=\"Mobile\">\r\n <a href=\"#services\">Services <svg viewBox=\"0 0 24 24\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/a>\r\n <a href=\"#units\">Hubs <svg viewBox=\"0 0 24 24\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/a>\r\n <a href=\"#pickup\">Collection <svg viewBox=\"0 0 24 24\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/a>\r\n <a href=\"#industries\">Industries <svg viewBox=\"0 0 24 24\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/a>\r\n <a href=\"#faq\">FAQ <svg viewBox=\"0 0 24 24\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/a>\r\n <a href=\"#contact\">Contact <svg viewBox=\"0 0 24 24\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/a>\r\n <\/nav>\r\n <div class=\"nav-drawer-cta\">\r\n <a href=\"#contact\" class=\"btn btn-primary\" onclick=\"closeMobileMenu()\">Tell Us What You Need<\/a>\r\n <div class=\"nav-drawer-social\">\r\n <a class=\"social-link\" href=\"#\" aria-label=\"Smart Hub.mu on Facebook\" target=\"_blank\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\"><path d=\"M22 12.06C22 6.5 17.52 2 12 2S2 6.5 2 12.06c0 5 3.66 9.15 8.44 9.94v-7.03H7.9v-2.91h2.54V9.85c0-2.5 1.49-3.89 3.78-3.89 1.1 0 2.24.2 2.24.2v2.46h-1.26c-1.24 0-1.63.77-1.63 1.56v1.87h2.78l-.44 2.91h-2.34V22c4.78-.79 8.44-4.94 8.44-9.94z\"\/><\/svg><\/a>\r\n <a class=\"social-link\" href=\"#\" aria-label=\"Smart Hub.mu on Instagram\" target=\"_blank\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2.2c2.67 0 3 .01 4.06.06 1.06.05 1.79.22 2.43.47.66.26 1.14.57 1.64 1.07.5.5.81.98 1.07 1.64.25.64.42 1.37.47 2.43.05 1.06.06 1.39.06 4.06s-.01 3-.06 4.06c-.05 1.06-.22 1.79-.47 2.43a4.4 4.4 0 0 1-1.07 1.64c-.5.5-.98.81-1.64 1.07-.64.25-1.37.42-2.43.47-1.06.05-1.39.06-4.06.06s-3-.01-4.06-.06c-1.06-.05-1.79-.22-2.43-.47a4.4 4.4 0 0 1-1.64-1.07 4.4 4.4 0 0 1-1.07-1.64c-.25-.64-.42-1.37-.47-2.43C2.21 15 2.2 14.67 2.2 12s.01-3 .06-4.06c.05-1.06.22-1.79.47-2.43.26-.66.57-1.14 1.07-1.64.5-.5.98-.81 1.64-1.07.64-.25 1.37-.42 2.43-.47C9 2.21 9.33 2.2 12 2.2zm0 1.8c-2.62 0-2.93.01-3.96.06-.86.04-1.33.18-1.64.3-.41.16-.71.35-1.02.66-.31.31-.5.61-.66 1.02-.12.31-.26.78-.3 1.64C4.37 9.07 4.36 9.38 4.36 12s.01 2.93.06 3.96c.04.86.18 1.33.3 1.64.16.41.35.71.66 1.02.31.31.61.5 1.02.66.31.12.78.26 1.64.3 1.03.05 1.34.06 3.96.06s2.93-.01 3.96-.06c.86-.04 1.33-.18 1.64-.3.41-.16.71-.35 1.02-.66.31-.31.5-.61.66-1.02.12-.31.26-.78.3-1.64.05-1.03.06-1.34.06-3.96s-.01-2.93-.06-3.96c-.04-.86-.18-1.33-.3-1.64a2.6 2.6 0 0 0-.66-1.02 2.6 2.6 0 0 0-1.02-.66c-.31-.12-.78-.26-1.64-.3C14.93 4 14.62 4 12 4zm0 3.05a4.95 4.95 0 1 1 0 9.9 4.95 4.95 0 0 1 0-9.9zm0 1.8a3.15 3.15 0 1 0 0 6.3 3.15 3.15 0 0 0 0-6.3zm5.3-3.5a1.16 1.16 0 1 1 0 2.32 1.16 1.16 0 0 1 0-2.32z\"\/><\/svg><\/a>\r\n <a class=\"social-link\" href=\"#\" aria-label=\"Smart Hub.mu on LinkedIn\" target=\"_blank\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\"><path d=\"M20.45 20.45h-3.55v-5.57c0-1.33-.02-3.03-1.85-3.03-1.85 0-2.14 1.45-2.14 2.94v5.66H9.36V9h3.41v1.56h.05c.48-.9 1.64-1.85 3.38-1.85 3.6 0 4.27 2.37 4.27 5.46v6.28zM5.34 7.43a2.06 2.06 0 1 1 0-4.12 2.06 2.06 0 0 1 0 4.12zM3.56 20.45h3.56V9H3.56v11.45z\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n<section class=\"hero\" id=\"top\" style=\"position:relative;overflow:hidden;\">\r\n <img decoding=\"async\" class=\"hero-bg-photo\" src=\"https:\/\/smarthub.mu\/wp-content\/uploads\/2026\/06\/smarthub_flacq_precinct_aerial_threequarter.png\" alt=\"Aerial view of the Smart Hub.mu Flacq precinct\" style=\"position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;z-index:-1;display:block;\">\r\n <div class=\"hero-scrim\" style=\"position:absolute;inset:0;background:linear-gradient(100deg, rgba(62,52,124,0.90) 0%, rgba(62,52,124,0.82) 36%, rgba(62,52,124,0.48) 60%, rgba(62,52,124,0.14) 84%, rgba(62,52,124,0) 100%);z-index:-1;pointer-events:none;\"><\/div>\r\n <div class=\"hero-content\">\r\n <div class=\"container\">\r\n\r\n \r\n <div class=\"hero-top\" id=\"hero-personal-content\">\r\n <span class=\"hero-badge\">Flacq \u00b7 RDR \u00b7 Conoromdel \u2014 Mauritius<\/span>\r\n <h1 style=\"font-size:clamp(36px,5vw,56px) !important;line-height:1.1 !important;margin-bottom:24px !important;\">Shop online. Collect safely.<br><em>Any day of the week.<\/em><\/h1>\r\n <p class=\"hero-sub\">Use your Smart Hub.mu address and unique customer ID to collect parcels from Temu, Shein, Alibaba, AliExpress, and any online store \u2014 safely, at your convenience, seven days a week.<\/p>\r\n <ul class=\"hero-bullets\">\r\n <li>Your own Smart Hub.mu address and unique customer ID<\/li>\r\n <li>Collect any day \u2014 open seven days a week at every hub<\/li>\r\n <li>Works with Temu, Shein, Alibaba, AliExpress and more<\/li>\r\n <li>Safer than home delivery \u2014 no missed parcels, no uncertainty<\/li>\r\n <\/ul>\r\n <div class=\"hero-btns\">\r\n <a href=\"#contact\" class=\"btn btn-primary\">Get Your Customer ID<\/a>\r\n <a href=\"#pickup\" class=\"btn btn-ghost\">See How It Works<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hero-top\" id=\"hero-commercial-content\" style=\"display:none;\">\r\n <span class=\"hero-badge\">Flacq \u00b7 RDR \u00b7 Conoromdel \u2014 Mauritius<\/span>\r\n <h1 style=\"font-size:clamp(36px,5vw,56px) !important;line-height:1.1 !important;margin-bottom:24px !important;\">Warehousing, fulfilment, and distribution \u2014<br><em>one connected platform.<\/em><\/h1>\r\n <p class=\"hero-sub\">Plug your business into a connected logistics network across Flacq, RDR, and Conoromdel \u2014 with warehousing, bonded storage, fulfilment, cross-docking, and value-add processing all under one roof.<\/p>\r\n <ul class=\"hero-bullets\">\r\n <li>Warehousing, bonded storage, and inventory control<\/li>\r\n <li>Fulfilment, cross-dock, and island-wide distribution<\/li>\r\n <li>Value-add processing \u2014 labelling, kitting, and repackaging<\/li>\r\n <li>Flexible commercial terms \u2014 short-term, seasonal, or long-term<\/li>\r\n <\/ul>\r\n <div class=\"hero-btns\">\r\n <a href=\"#contact\" class=\"btn btn-primary\">Request a Proposal<\/a>\r\n <a href=\"#services\" class=\"btn btn-ghost\">Explore Services<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hero-audience-prompt\" id=\"hero-audience-prompt\">\r\n <span class=\"hero-audience-label\">Who are you? Choose your experience:<\/span>\r\n <div class=\"hero-audience-btns\">\r\n <button class=\"hero-aud-btn active\" id=\"hero-btn-personal\" onclick=\"setAudience('personal')\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg>\r\n Personal Shopper\r\n <\/button>\r\n <button class=\"hero-aud-btn\" id=\"hero-btn-commercial\" onclick=\"setAudience('commercial')\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 7V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2\"\/><\/svg>\r\n Business\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-stats-bar\">\r\n <div class=\"container\">\r\n <div class=\"hero-stats-bar-inner\">\r\n <div class=\"hero-stats-grid\">\r\n <div class=\"hero-stat\"><span class=\"hero-stat-val\">7<\/span><span class=\"hero-stat-label\">Days a Week<\/span><\/div>\r\n <div class=\"hero-stat\"><span class=\"hero-stat-val\">1<\/span><span class=\"hero-stat-label\">Customer ID<\/span><\/div>\r\n <div class=\"hero-stat\"><span class=\"hero-stat-val\">3<\/span><span class=\"hero-stat-label\">Connected Hubs<\/span><\/div>\r\n <div class=\"hero-stat\"><span class=\"hero-stat-val\">Flex<\/span><span class=\"hero-stat-label\">Commercial Terms<\/span><\/div>\r\n <\/div>\r\n <div class=\"hero-services-row\">\r\n <span class=\"hero-service-pill\"><span class=\"dot\"><\/span>Parcel Collection<\/span>\r\n <span class=\"hero-service-pill\"><span class=\"dot\"><\/span>Warehousing<\/span>\r\n <span class=\"hero-service-pill\"><span class=\"dot\"><\/span>Fulfilment<\/span>\r\n <span class=\"hero-service-pill\"><span class=\"dot\"><\/span>Distribution<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<section class=\"value-strip\">\r\n <div class=\"container\">\r\n <div class=\"value-grid\">\r\n <div class=\"value-item anim anim-delay-1\">\r\n <a class=\"value-link\" href=\"#pickup\"><img decoding=\"async\" class=\"value-logo\" src=\"https:\/\/smarthub.mu\/wp-content\/uploads\/2026\/06\/smart-collect.png\" alt=\"SMARTcollect\" style=\"height:30px !important;width:auto !important;max-width:none !important;display:block;margin:0 auto 18px;\"><\/a>\r\n <p>Your own address and customer ID \u2014 collect any day of the week.<\/p>\r\n <\/div>\r\n <div class=\"value-item anim anim-delay-2\">\r\n <a class=\"value-link\" href=\"#services\"><img decoding=\"async\" class=\"value-logo\" src=\"https:\/\/smarthub.mu\/wp-content\/uploads\/2026\/06\/smart-storage.png\" alt=\"SMARTstorage\" style=\"height:30px !important;width:auto !important;max-width:none !important;display:block;margin:0 auto 18px;\"><\/a>\r\n <p>Flexible dry, racked, and bonded storage across three hubs.<\/p>\r\n <\/div>\r\n <div class=\"value-item anim anim-delay-3\">\r\n <a class=\"value-link\" href=\"#services\"><img decoding=\"async\" class=\"value-logo\" src=\"https:\/\/smarthub.mu\/wp-content\/uploads\/2026\/06\/smart-parcel.png\" alt=\"SMARTparcel\" style=\"height:30px !important;width:auto !important;max-width:none !important;display:block;margin:0 auto 18px;\"><\/a>\r\n <p>Pick, pack, cross-dock, and dispatch \u2014 fulfilment built for throughput.<\/p>\r\n <\/div>\r\n <div class=\"value-item anim anim-delay-4\">\r\n <a class=\"value-link\" href=\"#pickup\"><img decoding=\"async\" class=\"value-logo\" src=\"https:\/\/smarthub.mu\/wp-content\/uploads\/2026\/06\/smart-buyer.png\" alt=\"SMARTbuyer\" style=\"height:30px !important;width:auto !important;max-width:none !important;display:block;margin:0 auto 18px;\"><\/a>\r\n <p>Shop smarter from Temu, Shein, Alibaba, AliExpress, and more.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<section class=\"services section\" id=\"services\" data-audience=\"commercial\">\r\n <div class=\"container\">\r\n <div class=\"section-head\">\r\n <div class=\"tag\">What We Offer<\/div>\r\n <h2>Everything you need to collect, store, ship, and sell smarter.<\/h2>\r\n <p>From a single parcel collection to a full warehousing and distribution setup \u2014 Smart Hub.mu handles the logistics so you can focus on what matters.<\/p>\r\n <\/div>\r\n <div class=\"cards-grid\">\r\n <div class=\"info-card anim\">\r\n <div class=\"card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><\/div>\r\n <h3>Secure Parcel Collection<\/h3>\r\n <p class=\"lede\">Shop online from Temu, Shein, Alibaba, AliExpress, and other merchants, then collect safely from a secure hub instead of waiting on an uncertain home delivery.<\/p>\r\n <ul class=\"card-bullets\">\r\n <li>Dedicated Smart Hub.mu address plus your unique customer ID<\/li>\r\n <li>Collect any day \u2014 open seven days a week<\/li>\r\n <li>Built for global marketplace ordering<\/li>\r\n <li>Safer and more predictable than last-mile drop-offs<\/li>\r\n <\/ul>\r\n <a href=\"#pickup\" class=\"card-link\">See how collection works<\/a>\r\n <\/div>\r\n <div class=\"info-card anim anim-delay-1\">\r\n <div class=\"card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 16V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16z\"\/><polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\/><line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\/><\/svg><\/div>\r\n <h3>Warehousing & Inventory Control<\/h3>\r\n <p class=\"lede\">Flexible dry storage, pallet holding, and racked space for businesses that need dependable stock visibility and controlled handling.<\/p>\r\n <ul class=\"card-bullets\">\r\n <li>Short-, medium-, or long-term occupancy options<\/li>\r\n <li>Space planning around turnover and product type<\/li>\r\n <li>Structured receiving, put-away, and release workflows<\/li>\r\n <li>Suited to importers, distributors & e-commerce operators<\/li>\r\n <\/ul>\r\n <a href=\"#contact\" class=\"card-link\">Enquire about warehousing<\/a>\r\n <\/div>\r\n <div class=\"info-card anim anim-delay-2\">\r\n <div class=\"card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 3l7 3v5c0 5-3 8.5-7 10-4-1.5-7-5-7-10V6l7-3z\"\/><path d=\"M9.5 12l2 2 3-3.5\"\/><\/svg><\/div>\r\n <h3>Bonded & Customs-Aware Storage<\/h3>\r\n <p class=\"lede\">Support for businesses managing duty-sensitive stock or imported inventory requiring controlled treatment before entry into the local market.<\/p>\r\n <ul class=\"card-bullets\">\r\n <li>Customs-conscious inventory planning<\/li>\r\n <li>Improved cash flow through managed release timing<\/li>\r\n <li>Deferred release strategies for sensitive stock<\/li>\r\n <li>Suited to importers, distributors & regional traders<\/li>\r\n <\/ul>\r\n <a href=\"#contact\" class=\"card-link\">Ask about bonded storage<\/a>\r\n <\/div>\r\n <div class=\"info-card anim anim-delay-3\">\r\n <div class=\"card-icon\"><svg viewBox=\"0 0 24 24\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"1\"\/><polygon points=\"16 8 20 8 23 11 23 16 16 16 16 8\"\/><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/><\/svg><\/div>\r\n <h3>Fulfilment & Order Execution<\/h3>\r\n <p class=\"lede\">Receiving, pick-and-pack, dispatch preparation, and returns handling for e-commerce, wholesale, and direct distribution businesses.<\/p>\r\n <ul class=\"card-bullets\">\r\n <li>Order flow built around accuracy and responsiveness<\/li>\r\n <li>Useful for campaign peaks and scaling operators<\/li>\r\n <li>Returns receiving and basic inspection<\/li>\r\n <li>Stock-to-customer movement with less friction<\/li>\r\n <\/ul>\r\n <a href=\"#contact\" class=\"card-link\">Get fulfilment support<\/a>\r\n <\/div>\r\n <div class=\"info-card anim anim-delay-4\">\r\n <div class=\"card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M7 7h10l-3-3\"\/><path d=\"M17 17H7l3 3\"\/><\/svg><\/div>\r\n <h3>Cross-Dock & Distribution<\/h3>\r\n <p class=\"lede\">For businesses that need stock to move rather than sit still, with staging, transfer, and dispatch support that shortens handling cycles.<\/p>\r\n <ul class=\"card-bullets\">\r\n <li>Inbound-to-outbound flow planning<\/li>\r\n <li>Vehicle movement and throughput coordination<\/li>\r\n <li>Staging, transfer & dispatch support<\/li>\r\n <li>Strong fit for larger distributors and 3PLs<\/li>\r\n <\/ul>\r\n <a href=\"#contact\" class=\"card-link\">Talk to us about distribution<\/a>\r\n <\/div>\r\n <div class=\"info-card anim\">\r\n <div class=\"card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M20.59 13.41l-7.17 7.17a2 2 0 01-2.83 0L2 12V2h10l8.59 8.59a2 2 0 010 2.82z\"\/><line x1=\"7\" y1=\"7\" x2=\"7.01\" y2=\"7\"\/><\/svg><\/div>\r\n <h3>Value-Add Processing<\/h3>\r\n <p class=\"lede\">Light assembly, kitting, labelling, and repackaging for goods that require local finishing before release into trade channels.<\/p>\r\n <ul class=\"card-bullets\">\r\n <li>Batch-ready and SKU-flexible workflows<\/li>\r\n <li>Repackaging and quality checks<\/li>\r\n <li>Traceable, compliance-sensitive processes<\/li>\r\n <li>Useful for FMCG, cosmetics, electronics & retail goods<\/li>\r\n <\/ul>\r\n <a href=\"#contact\" class=\"card-link\">Discuss processing needs<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"photo-cinematic\">\r\n <img decoding=\"async\" src=\"https:\/\/smarthub.mu\/wp-content\/uploads\/2026\/06\/smarthub_interior_storage-scaled.png\" alt=\"Inside a Smart Hub.mu SMARTStorage unit corridor\" style=\"width:100%;height:480px;object-fit:cover;display:block;\">\r\n <div class=\"photo-cinematic-overlay\"><\/div>\r\n <div class=\"photo-cinematic-caption\">\r\n <span class=\"photo-cinematic-tag\">SMARTStorage<\/span>\r\n <strong>Inside the storage corridor<\/strong>\r\n <span>Secure, individually numbered units \u2014 from short-term to long-term occupancy<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<section class=\"section section-alt\" id=\"industries\" data-audience=\"commercial\">\r\n <div class=\"container\">\r\n <div class=\"section-head\">\r\n <div class=\"tag\">Sectors We Serve<\/div>\r\n <h2>Built for the businesses that need us most.<\/h2>\r\n <p>Strong service content does more than describe generic warehousing \u2014 these profiles reflect real sectors using the platform today.<\/p>\r\n <\/div>\r\n <div class=\"cards-grid cards-grid-3\">\r\n <div class=\"plain-card anim\"><h3>Import & distribution<\/h3><p>For businesses bringing goods into Mauritius and needing secure storage, staged release, and dependable onward distribution.<\/p><\/div>\r\n <div class=\"plain-card anim anim-delay-1\"><h3>E-commerce & omnichannel retail<\/h3><p>For online sellers needing flexible inventory, fulfilment, returns handling, and support during fast growth or campaigns.<\/p><\/div>\r\n <div class=\"plain-card anim anim-delay-2\"><h3>FMCG & consumer goods<\/h3><p>For product businesses that need stock rotation, replenishment speed, and efficient movement to retail-ready dispatch.<\/p><\/div>\r\n <div class=\"plain-card anim anim-delay-3\"><h3>Pharmaceutical & regulated products<\/h3><p>For categories where traceability, process discipline, and careful product handling matter as much as available space.<\/p><\/div>\r\n <div class=\"plain-card anim anim-delay-4\"><h3>Manufacturing & industrial operators<\/h3><p>For businesses that need staging, component holding, larger yards, and process-driven logistics infrastructure.<\/p><\/div>\r\n <div class=\"plain-card anim\"><h3>Brands needing local finishing<\/h3><p>For businesses whose goods require local assembly, relabelling, repackaging, or market-specific preparation before release.<\/p><\/div>\r\n <\/div>\r\n <div class=\"photo-cinematic\">\r\n <img decoding=\"async\" src=\"https:\/\/smarthub.mu\/wp-content\/uploads\/2026\/06\/smarthub_flacq_closeup_wholesalebay.png\" alt=\"Trade counter unit operating from a Smart Hub.mu storefront\" style=\"width:100%;height:480px;object-fit:cover;display:block;\">\r\n <div class=\"photo-cinematic-overlay\"><\/div>\r\n <div class=\"photo-cinematic-caption\">\r\n <span class=\"photo-cinematic-tag\">On site<\/span>\r\n <strong>Real businesses, operating from Smart Hub.mu<\/strong>\r\n <span>Trade counters, wholesale bays, and specialist units across the precinct<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<section class=\"how-it-works\" id=\"how-it-works\" data-audience=\"commercial\">\r\n <div class=\"container\">\r\n <div class=\"section-head\">\r\n <div class=\"tag\">Simple Process<\/div>\r\n <h2>Up and running in 3 simple steps.<\/h2>\r\n <p>No lengthy onboarding, no complex contracts. Tell us what you need and we'll have you sorted fast.<\/p>\r\n <\/div>\r\n <div class=\"steps-grid\">\r\n <div class=\"step anim\"><span class=\"step-num\">01<\/span><h4>Tell us what you need<\/h4><p>Fill in a short enquiry and we'll match you to the right hub and service \u2014 collection, warehousing, fulfilment, distribution, or processing. No obligation.<\/p><\/div>\r\n <div class=\"step anim anim-delay-1\"><span class=\"step-num\">02<\/span><h4>We set you up fast<\/h4><p>Clear pricing and flexible commercial terms that scale with you \u2014 whether you need a customer ID or a full warehousing solution.<\/p><\/div>\r\n <div class=\"step anim anim-delay-2\"><span class=\"step-num\">03<\/span><h4>Run smoother every day<\/h4><p>From same-day parcel collection to a fully connected supply chain \u2014 your logistics run smoothly while you focus on your business.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<section class=\"split\" id=\"about\">\r\n <div class=\"container\">\r\n <div class=\"split-inner\">\r\n <div class=\"split-visual anim\">\r\n <div class=\"split-image-block\" style=\"position:relative;overflow:hidden;\">\r\n <img decoding=\"async\" class=\"split-image-photo\" src=\"https:\/\/smarthub.mu\/wp-content\/uploads\/2026\/06\/rdr_interior_arrival_hall-2-scaled.png\" alt=\"Smart Hub.mu welcome area\" style=\"position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 32%;z-index:-2;display:block;\">\r\n <div class=\"split-image-scrim\" style=\"position:absolute;inset:0;background:linear-gradient(160deg, rgba(62,52,124,0.86), rgba(62,52,124,0.74));z-index:-1;\"><\/div>\r\n <span class=\"split-location\">\ud83d\udccd Flacq \u00b7 RDR \u00b7 Conoromdel<\/span>\r\n <h3>Three hubs. One connected platform.<\/h3>\r\n <p>Each site has its own specialist role, but together they form a single logistics network \u2014 open every day for collection, and ready for business around the clock.<\/p>\r\n <div class=\"split-features\">\r\n <div class=\"split-feat\"><span class=\"split-feat-dot\"><\/span>Flacq \u00b7 Collection<\/div>\r\n <div class=\"split-feat\"><span class=\"split-feat-dot\"><\/span>RDR \u00b7 Distribution<\/div>\r\n <div class=\"split-feat\"><span class=\"split-feat-dot\"><\/span>Conoromdel \u00b7 Processing<\/div>\r\n <div class=\"split-feat\"><span class=\"split-feat-dot\"><\/span>7-Day Access<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"split-text anim anim-delay-1\">\r\n <div class=\"tag\">About Smart Hub.mu<\/div>\r\n <h2>One smart hub for collection, storage, <span>and distribution.<\/span><\/h2>\r\n <p>Built to make life easier for everyday shoppers and businesses across Mauritius. Instead of juggling a courier, a warehouse, and a fulfilment partner separately, you plug into one connected network \u2014 Flacq, RDR, and Conoromdel \u2014 each playing a distinct role in getting your parcels and products where they need to be.<\/p>\r\n <ul class=\"benefits-list\">\r\n <li><span class=\"benefit-check\"><svg viewBox=\"0 0 12 12\"><path d=\"M2 6l3 3 5-4.5\"\/><\/svg><\/span>One platform: collection, warehousing, fulfilment & processing<\/li>\r\n <li><span class=\"benefit-check\"><svg viewBox=\"0 0 12 12\"><path d=\"M2 6l3 3 5-4.5\"\/><\/svg><\/span>Secure, 7-day parcel collection with your own customer ID<\/li>\r\n <li><span class=\"benefit-check\"><svg viewBox=\"0 0 12 12\"><path d=\"M2 6l3 3 5-4.5\"\/><\/svg><\/span>Built for shoppers, importers, distributors & e-commerce brands<\/li>\r\n <li><span class=\"benefit-check\"><svg viewBox=\"0 0 12 12\"><path d=\"M2 6l3 3 5-4.5\"\/><\/svg><\/span>Flexible commercial terms \u2014 short-term, seasonal, or long-term<\/li>\r\n <\/ul>\r\n <a href=\"#contact\" class=\"btn btn-primary\">Get in Touch<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<section class=\"section section-alt\" id=\"units\">\r\n <div class=\"container\">\r\n <div class=\"section-head\">\r\n <div class=\"tag\">Our Hubs<\/div>\r\n <h2>Flacq, RDR, and Conoromdel \u2014 each with a distinct role.<\/h2>\r\n <p>Together they form Smart Hub.mu's connected network for collection, storage, and distribution across Mauritius.<\/p>\r\n <\/div>\r\n <div class=\"cards-grid-3\">\r\n <div class=\"info-card accent-navy hub-card anim\">\r\n <div class=\"hub-card-photo\">\r\n <img decoding=\"async\" src=\"https:\/\/smarthub.mu\/wp-content\/uploads\/2026\/06\/smarthub_flacq_precinct_front_elevation.png\" alt=\"Smart Hub.mu Flacq precinct\" style=\"width:100%;height:230px;object-fit:cover;display:block;\">\r\n <span class=\"hub-card-loc\">\ud83d\udccd Flacq<\/span>\r\n <\/div>\r\n <div class=\"hub-card-body\">\r\n <h3>Flacq hub<span class=\"code-chip\">FLQ-01<\/span><\/h3>\r\n <p class=\"lede\">Eastern Mauritius warehousing, fulfilment & collection. Flacq is the approachable face of Smart Hub.mu \u2014 a safe, dependable collection point for shoppers and families \u2014 and a flexible logistics node for businesses needing warehousing, inventory control, and order movement.<\/p>\r\n <ul class=\"card-bullets\">\r\n <li>Secure storage & bonded inventory management<\/li>\r\n <li>Direct-to-customer picking & returns handling<\/li>\r\n <li>Trusted parcel collection point, 7 days a week<\/li>\r\n <li>Suited to importers, distributors & e-commerce<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"info-card accent-navy hub-card anim anim-delay-1\">\r\n <div class=\"hub-card-photo\">\r\n <img decoding=\"async\" src=\"https:\/\/smarthub.mu\/wp-content\/uploads\/2026\/06\/smarthub_containers_aerial_v2-scaled.png\" alt=\"Smart Hub.mu RDR park container yard\" style=\"width:100%;height:230px;object-fit:cover;object-position:center 40%;display:block;\">\r\n <span class=\"hub-card-loc\">\ud83d\udccd RDR<\/span>\r\n <\/div>\r\n <div class=\"hub-card-body\">\r\n <h3>RDR park<span class=\"code-chip\">RDR-02<\/span><\/h3>\r\n <p class=\"lede\">High-throughput distribution & industrial capacity. RDR is the larger-scale operating environment within Smart Hub.mu \u2014 built for volume, movement, and throughput \u2014 and the operational engine that keeps the wider collection network reliable at scale.<\/p>\r\n <ul class=\"card-bullets\">\r\n <li>Industrial warehousing, truck access & cross-docking<\/li>\r\n <li>Staging, yard usage & larger footprint occupation<\/li>\r\n <li>Faster, more controlled parcel movement network-wide<\/li>\r\n <li>Best for high-volume, regular inbound\/outbound flow<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"info-card accent-navy hub-card anim anim-delay-2\">\r\n <div class=\"hub-card-photo\">\r\n <img decoding=\"async\" src=\"https:\/\/smarthub.mu\/wp-content\/uploads\/2026\/06\/rdr_interior_3pl_whitebox-scaled.png\" alt=\"Smart Hub.mu Conoromdel interior\" style=\"width:100%;height:230px;object-fit:cover;display:block;\">\r\n <span class=\"hub-card-loc\">\ud83d\udccd Conoromdel<\/span>\r\n <\/div>\r\n <div class=\"hub-card-body\">\r\n <h3>Conoromdel<span class=\"code-chip\">CNM-03<\/span><\/h3>\r\n <p class=\"lede\">Value-add logistics & product readiness. Conoromdel is the specialist node for what happens between import and final sale \u2014 assembly, relabelling, repackaging, and quality checks \u2014 adding flexibility to both product handling and parcel consolidation.<\/p>\r\n <ul class=\"card-bullets\">\r\n <li>Light assembly, kitting & relabelling<\/li>\r\n <li>Repackaging, QA checks & batch preparation<\/li>\r\n <li>Parcel consolidation & organised release<\/li>\r\n <li>Useful for FMCG, cosmetics & retail goods<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"photo-panoramic\">\r\n <img decoding=\"async\" src=\"https:\/\/smarthub.mu\/wp-content\/uploads\/2026\/06\/smarthub_flacq_precinct_aerial_threequarter.png\" alt=\"Smart Hub.mu Flacq precinct aerial \u2014 warehousing, containers and yard\" style=\"width:100%;height:400px;object-fit:cover;object-position:center 35%;display:block;\">\r\n <div class=\"photo-panoramic-overlay\"><\/div>\r\n <div class=\"photo-panoramic-caption\">\r\n <strong>The complete Flacq precinct<\/strong>\r\n <span>Warehousing, bonded container storage, and open yard \u2014 all on one site<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<section class=\"pickup section\" id=\"pickup\" data-audience=\"personal\">\r\n <div class=\"container\">\r\n <div class=\"section-head anim\">\r\n <img decoding=\"async\" class=\"section-badge\" src=\"https:\/\/smarthub.mu\/wp-content\/uploads\/2026\/06\/smart-collect.png\" alt=\"SMARTcollect\" style=\"height:26px !important;width:auto !important;max-width:none !important;display:block;margin:0 auto 16px;\">\r\n <div class=\"tag\">Consumer Parcel Service<\/div>\r\n <h2>Use our address as your safe delivery point.<\/h2>\r\n <p>Ship your online purchases directly to a hub and collect when it suits you. No missed deliveries, no parcels left at the door.<\/p>\r\n <\/div>\r\n <div class=\"brands-strip anim\">\r\n <img decoding=\"async\" class=\"section-badge\" src=\"https:\/\/smarthub.mu\/wp-content\/uploads\/2026\/06\/smart-buyer.png\" alt=\"SMARTbuyer\" style=\"height:26px !important;width:auto !important;max-width:none !important;display:block;margin:0 auto 14px;\">\r\n <p>Works with orders from<\/p>\r\n <div class=\"brands-row\">\r\n <span class=\"brand-pill\">Temu<\/span>\r\n <span class=\"brand-pill\">Shein<\/span>\r\n <span class=\"brand-pill\">Alibaba<\/span>\r\n <span class=\"brand-pill\">AliExpress<\/span>\r\n <span class=\"brand-pill\">+ Any Online Store<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pickup-grid\">\r\n <div class=\"pickup-step anim\"><div class=\"pickup-step-num\">01<\/div><h5>Register with Smart Hub.mu<\/h5><p>Sign up and receive your official delivery address plus a unique customer ID for parcel matching.<\/p><\/div>\r\n <div class=\"pickup-step anim anim-delay-1\"><div class=\"pickup-step-num\">02<\/div><h5>Use our address & ID<\/h5><p>Add your Smart Hub.mu address and customer ID when shopping on Temu, Shein, Alibaba, AliExpress, or any other store.<\/p><\/div>\r\n <div class=\"pickup-step anim anim-delay-2\"><div class=\"pickup-step-num\">03<\/div><h5>We receive & secure it<\/h5><p>Your parcel arrives at the hub, is matched to your account, checked in, and held safely for collection.<\/p><\/div>\r\n <div class=\"pickup-step anim anim-delay-3\"><div class=\"pickup-step-num\">04<\/div><h5>Collect 7 days a week<\/h5><p>Bring your ID and reference. Collect any day that works for you, including weekends.<\/p><\/div>\r\n <\/div>\r\n <div class=\"facility-gallery\">\r\n <div class=\"photo-cinematic\" style=\"margin-top:0;\">\r\n <img decoding=\"async\" src=\"https:\/\/smarthub.mu\/wp-content\/uploads\/2026\/06\/rdr_interior_smartparcel_hub-scaled.png\" alt=\"Inside the Smart Hub.mu SMARTparcel sorting hub\" style=\"width:100%;height:380px;object-fit:cover;display:block;\">\r\n <div class=\"photo-cinematic-overlay\"><\/div>\r\n <div class=\"photo-cinematic-caption\">\r\n <span class=\"photo-cinematic-tag\">SMARTparcel<\/span>\r\n <strong>Inside the sorting hub<\/strong>\r\n <span>Every parcel matched, checked in, and held safely for collection<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"photo-cinematic\" style=\"margin-top:0;\">\r\n <img decoding=\"async\" src=\"https:\/\/smarthub.mu\/wp-content\/uploads\/2026\/06\/smarthub_interior_wholesale-scaled.png\" alt=\"Smart Hub.mu SMARTbuyer collection counter\" style=\"width:100%;height:380px;object-fit:cover;display:block;\">\r\n <div class=\"photo-cinematic-overlay\"><\/div>\r\n <div class=\"photo-cinematic-caption\">\r\n <span class=\"photo-cinematic-tag\">SMARTbuyer<\/span>\r\n <strong>The collection counter<\/strong>\r\n <span>Quick, friendly check-in \u2014 seven days a week<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"certainty-grid\">\r\n <div class=\"plain-card anim\"><h3>Safer than uncertain drop-offs<\/h3><p>A secure hub gives you more confidence than hoping a parcel reaches the right doorstep at the right time.<\/p><\/div>\r\n <div class=\"plain-card anim anim-delay-1\"><h3>Easier for frequent buyers<\/h3><p>One address and one customer ID make repeat marketplace ordering simpler and more consistent.<\/p><\/div>\r\n <div class=\"plain-card anim anim-delay-2\"><h3>Great for shared households<\/h3><p>A reliable collection point reduces missed parcels and confusion over who's home to receive deliveries.<\/p><\/div>\r\n <div class=\"plain-card anim anim-delay-3\"><h3>Convenient all week<\/h3><p>Seven-day access means collection fits your schedule, not the courier's.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<section class=\"glance section\" data-audience=\"commercial\">\r\n <div class=\"container\">\r\n <div class=\"glance-inner\">\r\n <div class=\"glance-visual anim\">\r\n <span class=\"glance-stat\">3<\/span>\r\n <span class=\"glance-label\">Connected hubs \u2014 Flacq, RDR, and Conoromdel, working as one network.<\/span>\r\n <div class=\"glance-tags\">\r\n <span class=\"glance-tag\">Industrial Warehousing<\/span>\r\n <span class=\"glance-tag\">Bonded Storage<\/span>\r\n <span class=\"glance-tag\">Cross-Docking<\/span>\r\n <span class=\"glance-tag\">Value-Add Processing<\/span>\r\n <span class=\"glance-tag\">Distribution Support<\/span>\r\n <span class=\"glance-tag\">Customer Collection<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"split-text anim anim-delay-1\">\r\n <div class=\"tag\">Platform Overview<\/div>\r\n <h2>Built for modern supply chains, <span>not just warehouse space.<\/span><\/h2>\r\n <p>Smart Hub.mu is a logistics and industrial platform rather than a single-site facility. Businesses today need more than storage \u2014 they need flexibility, process discipline, visibility, and the ability to move stock from inbound receipt through to customer-ready dispatch.<\/p>\r\n <ul class=\"benefits-list\">\r\n <li><span class=\"benefit-check\"><svg viewBox=\"0 0 12 12\"><path d=\"M2 6l3 3 5-4.5\"\/><\/svg><\/span>Store with control \u2014 secure racked, bulk, or bonded inventory configured around your operations<\/li>\r\n <li><span class=\"benefit-check\"><svg viewBox=\"0 0 12 12\"><path d=\"M2 6l3 3 5-4.5\"\/><\/svg><\/span>Process where required \u2014 label, repack, assemble, or prepare product for market release<\/li>\r\n <li><span class=\"benefit-check\"><svg viewBox=\"0 0 12 12\"><path d=\"M2 6l3 3 5-4.5\"\/><\/svg><\/span>Move with speed \u2014 cross-dock, dispatch, and replenishment built for commercial responsiveness<\/li>\r\n <\/ul>\r\n <a href=\"#services\" class=\"btn btn-primary\">See All Services<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<section class=\"journey\" id=\"journey\" data-audience=\"commercial\">\r\n <div class=\"container\">\r\n <div class=\"section-head anim\">\r\n <div class=\"tag\">Client Journey<\/div>\r\n <h2>A clear path from enquiry to operational launch.<\/h2>\r\n <p>No lengthy onboarding or guesswork \u2014 tell us what you need and we'll structure the right setup, fast.<\/p>\r\n <\/div>\r\n <div class=\"journey-highlight anim\" style=\"position:relative;overflow:hidden;\">\r\n <img decoding=\"async\" class=\"journey-bg-photo\" src=\"https:\/\/smarthub.mu\/wp-content\/uploads\/2026\/06\/smarthub_interior_mezzanine-scaled.png\" alt=\"Smart Hub.mu precinct at dusk\" style=\"position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 38%;z-index:-2;display:block;\">\r\n <div class=\"journey-scrim\" style=\"position:absolute;inset:0;background:linear-gradient(135deg, rgba(62,52,124,0.90), rgba(62,52,124,0.80));z-index:-1;\"><\/div>\r\n <div>\r\n <h3>Ready to talk warehousing, fulfilment, or distribution?<\/h3>\r\n <p>Share your brief and our team will structure a proposal around the right combination of services and hub \u2014 usually within one business day.<\/p>\r\n <\/div>\r\n <a href=\"#contact\" class=\"btn btn-white\">Request a Proposal<\/a>\r\n <\/div>\r\n <div class=\"journey-steps\">\r\n <div class=\"jstep anim\"><span class=\"jstep-num\">01<\/span><h5>Initial brief<\/h5><p>Share your storage needs, product type, volumes, and preferred hub.<\/p><\/div>\r\n <div class=\"jstep anim anim-delay-1\"><span class=\"jstep-num\">02<\/span><h5>Solution design<\/h5><p>We structure a proposal around the right mix of warehousing, fulfilment, or processing.<\/p><\/div>\r\n <div class=\"jstep anim anim-delay-2\"><span class=\"jstep-num\">03<\/span><h5>Site alignment<\/h5><p>Layouts, workflows, and occupancy terms are aligned before launch.<\/p><\/div>\r\n <div class=\"jstep anim anim-delay-3\"><span class=\"jstep-num\">04<\/span><h5>Go-live<\/h5><p>Inventory is received and your Smart Hub.mu unit goes live.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<section class=\"section section-alt\" id=\"faq\">\r\n <div class=\"container\">\r\n <div class=\"section-head anim\">\r\n <div class=\"tag\">Common Questions<\/div>\r\n <h2>Answers for shoppers and businesses.<\/h2>\r\n <p>Can't find what you're looking for? Send us a message and we'll get back to you within one business day.<\/p>\r\n <\/div>\r\n <div class=\"faq-list\">\r\n <details class=\"faq-item anim\"><summary>How do I use Smart Hub.mu as my delivery address?<\/summary><p>Register first to receive your official Smart Hub.mu delivery address and unique customer ID, then use those exact details when ordering online so your parcel can be identified and released correctly.<\/p><\/details>\r\n <details class=\"faq-item anim\"><summary>Can I order from Temu, Shein, Alibaba, and AliExpress?<\/summary><p>Yes. Use your Smart Hub.mu address and customer ID at checkout on those platforms, provided the merchant ships to Mauritius and to that address format.<\/p><\/details>\r\n <details class=\"faq-item anim\"><summary>Why is the customer ID important?<\/summary><p>It lets Smart Hub.mu match incoming parcels to the correct customer account quickly and accurately, especially when many orders arrive from different merchants and marketplaces at once.<\/p><\/details>\r\n <details class=\"faq-item anim\"><summary>Is Smart Hub.mu only for shoppers?<\/summary><p>No. Businesses can also use the platform for warehousing, fulfilment, distribution support, and value-add logistics services behind the customer-facing collection model.<\/p><\/details>\r\n <details class=\"faq-item anim\"><summary>Can clients use one hub only, or combine multiple sites?<\/summary><p>Both options are viable. Some occupiers need only one specialised hub, while others combine Flacq for storage, Conoromdel for finishing, and RDR for distribution flow within one broader operating model.<\/p><\/details>\r\n <details class=\"faq-item anim\"><summary>What kinds of businesses are best suited to Smart Hub.mu?<\/summary><p>Importers, distributors, e-commerce operators, FMCG businesses, product-led brands, manufacturing support operations, and any company needing secure warehousing combined with process or distribution capability.<\/p><\/details>\r\n <details class=\"faq-item anim\"><summary>Can Smart Hub.mu support long-term and project-based needs?<\/summary><p>Yes. The platform supports flexible commercial arrangements, including overflow storage, seasonal programmes, launch campaigns, and established long-term occupancy.<\/p><\/details>\r\n <details class=\"faq-item anim\"><summary>What makes the platform different from a standard warehouse listing?<\/summary><p>The difference is the operational proposition. Smart Hub.mu is built around integrated logistics and industrial functionality rather than simple space availability, which makes it far more relevant to serious supply chain decision-makers.<\/p><\/details>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<section class=\"cta-banner\">\r\n <div class=\"container\">\r\n <div class=\"cta-inner\">\r\n <div class=\"tag\">Get Started Today<\/div>\r\n <h2>Ready to collect fast, store safe and buy smart?<\/h2>\r\n <p>Tell us what you need and we'll get back to you within one business day.<\/p>\r\n <div class=\"cta-btns\">\r\n <a href=\"#contact\" class=\"btn btn-white\">Register Your Address<\/a>\r\n <a href=\"#contact\" class=\"btn btn-ghost\" style=\"border-color:color-mix(in srgb, var(--white) 50%, transparent);color:var(--white);\">Request a Proposal<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<section class=\"contact section\" id=\"contact\">\r\n <div class=\"container\">\r\n <div class=\"contact-inner\">\r\n <div class=\"contact-info anim\">\r\n <div class=\"tag\">Contact Us<\/div>\r\n <h2>Tell us what you need.<\/h2>\r\n <p>Fill in the form and our team will get back to you within one business day. No pressure, no commitment \u2014 just a quick conversation about how we can help.<\/p>\r\n <div class=\"contact-details\">\r\n <div class=\"contact-detail\"><div class=\"contact-detail-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><\/div><div><strong>Location<\/strong><span>Flacq \u00b7 RDR \u00b7 Conoromdel, Mauritius<\/span><\/div><\/div>\r\n <div class=\"contact-detail\"><div class=\"contact-detail-icon\"><svg viewBox=\"0 0 24 24\"><rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\" ry=\"2\"\/><line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\"\/><\/svg><\/div><div><strong>WhatsApp \/ Phone<\/strong><span>Available on enquiry<\/span><\/div><\/div>\r\n <div class=\"contact-detail\"><div class=\"contact-detail-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg><\/div><div><strong>Email<\/strong><span>info@smarthub.mu<\/span><\/div><\/div>\r\n <div class=\"contact-detail\"><div class=\"contact-detail-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg><\/div><div><strong>Collection Hours<\/strong><span>7 days a week, at every hub<\/span><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"form-card anim anim-delay-1\">\r\n <div class=\"form-row\">\r\n <div class=\"form-group\"><label>First Name<\/label><input type=\"text\" placeholder=\"John\" id=\"fname\"><\/div>\r\n <div class=\"form-group\"><label>Last Name<\/label><input type=\"text\" placeholder=\"Doe\" id=\"lname\"><\/div>\r\n <\/div>\r\n <div class=\"form-row\">\r\n <div class=\"form-group\"><label>Email<\/label><input type=\"email\" placeholder=\"john@example.com\" id=\"email\"><\/div>\r\n <div class=\"form-group\"><label>WhatsApp \/ Phone<\/label><input type=\"tel\" placeholder=\"+230 5XXX XXXX\" id=\"phone\"><\/div>\r\n <\/div>\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label>I'm interested in<\/label>\r\n <select id=\"service\">\r\n <option value=\"\">Select a service...<\/option>\r\n <option>Customer ID \/ Parcel Collection<\/option>\r\n <option>Warehousing<\/option>\r\n <option>Bonded Storage<\/option>\r\n <option>Fulfilment<\/option>\r\n <option>Distribution Support<\/option>\r\n <option>Value-Add Processing<\/option>\r\n <option>Multiple Services<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label>Preferred Hub<\/label>\r\n <select id=\"hub\">\r\n <option>Not sure yet<\/option>\r\n <option>Flacq<\/option>\r\n <option>RDR<\/option>\r\n <option>Conoromdel<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label>Tell us more (optional)<\/label>\r\n <textarea placeholder=\"What do you need \u2014 a customer ID, storage space, fulfilment support? Add any volumes, product type, or timing details.\" id=\"message\"><\/textarea>\r\n <\/div>\r\n \r\n <input type=\"text\" name=\"_gotcha\" id=\"_gotcha\" tabindex=\"-1\" autocomplete=\"off\" aria-hidden=\"true\" style=\"display:none !important;position:absolute;left:-9999px;opacity:0;height:0;width:0;\">\r\n \r\n <div class=\"g-recaptcha\" data-sitekey=\"6LcuDD8tAAAAAH9FRRrKb0qqv2DhgMAgq_S72HSI\" style=\"margin-bottom:20px;\"><\/div>\r\n <button class=\"btn btn-primary form-submit\" onclick=\"submitForm()\">Send Enquiry \u2192<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<footer>\r\n <div class=\"container\">\r\n <div class=\"footer-grid\">\r\n <div class=\"footer-brand\">\r\n <img decoding=\"async\" class=\"footer-logo\" src=\"https:\/\/smarthub.mu\/wp-content\/uploads\/2026\/06\/smarthub-logo-full-white.png\" alt=\"Smart Hub.mu \u2014 collect fast, store safe, buy smart\" width=\"188\" height=\"46\" style=\"height:46px !important;width:auto !important;max-width:none !important;display:block;\">\r\n <p>Mauritius's retail and logistics platform \u2014 secure parcel collection for shoppers, and a connected warehousing, fulfilment, and distribution network across Flacq, RDR, and Conoromdel for businesses.<\/p>\r\n <div class=\"social-row\">\r\n <a class=\"social-link\" href=\"#\" aria-label=\"Smart Hub.mu on Facebook\" target=\"_blank\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\"><path d=\"M22 12.06C22 6.5 17.52 2 12 2S2 6.5 2 12.06c0 5 3.66 9.15 8.44 9.94v-7.03H7.9v-2.91h2.54V9.85c0-2.5 1.49-3.89 3.78-3.89 1.1 0 2.24.2 2.24.2v2.46h-1.26c-1.24 0-1.63.77-1.63 1.56v1.87h2.78l-.44 2.91h-2.34V22c4.78-.79 8.44-4.94 8.44-9.94z\"\/><\/svg><\/a>\r\n <a class=\"social-link\" href=\"#\" aria-label=\"Smart Hub.mu on Instagram\" target=\"_blank\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2.2c2.67 0 3 .01 4.06.06 1.06.05 1.79.22 2.43.47.66.26 1.14.57 1.64 1.07.5.5.81.98 1.07 1.64.25.64.42 1.37.47 2.43.05 1.06.06 1.39.06 4.06s-.01 3-.06 4.06c-.05 1.06-.22 1.79-.47 2.43a4.4 4.4 0 0 1-1.07 1.64c-.5.5-.98.81-1.64 1.07-.64.25-1.37.42-2.43.47-1.06.05-1.39.06-4.06.06s-3-.01-4.06-.06c-1.06-.05-1.79-.22-2.43-.47a4.4 4.4 0 0 1-1.64-1.07 4.4 4.4 0 0 1-1.07-1.64c-.25-.64-.42-1.37-.47-2.43C2.21 15 2.2 14.67 2.2 12s.01-3 .06-4.06c.05-1.06.22-1.79.47-2.43.26-.66.57-1.14 1.07-1.64.5-.5.98-.81 1.64-1.07.64-.25 1.37-.42 2.43-.47C9 2.21 9.33 2.2 12 2.2zm0 1.8c-2.62 0-2.93.01-3.96.06-.86.04-1.33.18-1.64.3-.41.16-.71.35-1.02.66-.31.31-.5.61-.66 1.02-.12.31-.26.78-.3 1.64C4.37 9.07 4.36 9.38 4.36 12s.01 2.93.06 3.96c.04.86.18 1.33.3 1.64.16.41.35.71.66 1.02.31.31.61.5 1.02.66.31.12.78.26 1.64.3 1.03.05 1.34.06 3.96.06s2.93-.01 3.96-.06c.86-.04 1.33-.18 1.64-.3.41-.16.71-.35 1.02-.66.31-.31.5-.61.66-1.02.12-.31.26-.78.3-1.64.05-1.03.06-1.34.06-3.96s-.01-2.93-.06-3.96c-.04-.86-.18-1.33-.3-1.64a2.6 2.6 0 0 0-.66-1.02 2.6 2.6 0 0 0-1.02-.66c-.31-.12-.78-.26-1.64-.3C14.93 4 14.62 4 12 4zm0 3.05a4.95 4.95 0 1 1 0 9.9 4.95 4.95 0 0 1 0-9.9zm0 1.8a3.15 3.15 0 1 0 0 6.3 3.15 3.15 0 0 0 0-6.3zm5.3-3.5a1.16 1.16 0 1 1 0 2.32 1.16 1.16 0 0 1 0-2.32z\"\/><\/svg><\/a>\r\n <a class=\"social-link\" href=\"#\" aria-label=\"Smart Hub.mu on LinkedIn\" target=\"_blank\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\"><path d=\"M20.45 20.45h-3.55v-5.57c0-1.33-.02-3.03-1.85-3.03-1.85 0-2.14 1.45-2.14 2.94v5.66H9.36V9h3.41v1.56h.05c.48-.9 1.64-1.85 3.38-1.85 3.6 0 4.27 2.37 4.27 5.46v6.28zM5.34 7.43a2.06 2.06 0 1 1 0-4.12 2.06 2.06 0 0 1 0 4.12zM3.56 20.45h3.56V9H3.56v11.45z\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h5>Services<\/h5>\r\n <ul>\r\n <li><a href=\"#pickup\">Parcel Collection<\/a><\/li>\r\n <li><a href=\"#services\">Warehousing<\/a><\/li>\r\n <li><a href=\"#services\">Bonded Storage<\/a><\/li>\r\n <li><a href=\"#services\">Fulfilment<\/a><\/li>\r\n <li><a href=\"#services\">Value-Add Processing<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h5>Hubs<\/h5>\r\n <ul>\r\n <li><a href=\"#units\">Flacq<\/a><\/li>\r\n <li><a href=\"#units\">RDR<\/a><\/li>\r\n <li><a href=\"#units\">Conoromdel<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h5>Company<\/h5>\r\n <ul>\r\n <li><a href=\"#about\">About<\/a><\/li>\r\n <li><a href=\"#how-it-works\">How It Works<\/a><\/li>\r\n <li><a href=\"#faq\">FAQ<\/a><\/li>\r\n <li><a href=\"#contact\">Contact<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-bottom\">\r\n <span>\u00a9 2026 Smart Hub.mu \u2014 All rights reserved.<\/span>\r\n <span>Flacq \u00b7 RDR \u00b7 Conoromdel, Mauritius<\/span>\r\n <span style=\"color:rgba(255,255,255,0.5);\">Website developed by <a href=\"https:\/\/www.bluerobynmedia.co.za\" target=\"_blank\" rel=\"noopener\" style=\"color:rgba(255,255,255,0.5);text-decoration:none;\" onmouseover=\"this.style.color='#e7773a'\" onmouseout=\"this.style.color='rgba(255,255,255,0.5)'\">Blue Robyn Media<\/a><\/span>\r\n <\/div>\r\n <\/div>\r\n<\/footer>\r\n<div class=\"toast\" id=\"toast\">\u2713 Enquiry sent! We'll be in touch within 1 business day.<\/div>\r\n<script>\r\nfunction setAudience(mode) {\r\n \/\/ Toggle section visibility\r\n document.querySelectorAll('[data-audience]').forEach(function(el) {\r\n if (el.getAttribute('data-audience') === mode) {\r\n el.classList.remove('audience-hidden');\r\n } else {\r\n el.classList.add('audience-hidden');\r\n }\r\n });\r\n \/\/ Update navbar buttons\r\n document.getElementById('btn-personal').classList.toggle('active', mode === 'personal');\r\n document.getElementById('btn-commercial').classList.toggle('active', mode === 'commercial');\r\n \/\/ Update drawer buttons\r\n document.getElementById('drawer-btn-personal').classList.toggle('active', mode === 'personal');\r\n document.getElementById('drawer-btn-commercial').classList.toggle('active', mode === 'commercial');\r\n \/\/ Swap hero content\r\n var personalHero = document.getElementById('hero-personal-content');\r\n var commercialHero = document.getElementById('hero-commercial-content');\r\n if (personalHero) personalHero.style.display = mode === 'personal' ? '' : 'none';\r\n if (commercialHero) commercialHero.style.display = mode === 'commercial' ? '' : 'none';\r\n \/\/ Update hero prompt buttons\r\n var hbp = document.getElementById('hero-btn-personal');\r\n var hbc = document.getElementById('hero-btn-commercial');\r\n if (hbp) hbp.classList.toggle('active', mode === 'personal');\r\n if (hbc) hbc.classList.toggle('active', mode === 'commercial');\r\n \/\/ Remove pulse dot once a choice is made\r\n var toggle = document.querySelector('.audience-toggle');\r\n if (toggle) toggle.classList.remove('needs-choice');\r\n \/\/ Update nav links visibility\r\n var servicesLink = document.querySelector('.nav-links a[href=\"#services\"]');\r\n var pickupLink = document.querySelector('.nav-links a[href=\"#pickup\"]');\r\n var industriesLink = document.querySelector('.nav-links a[href=\"#industries\"]');\r\n if (servicesLink) servicesLink.parentElement.style.display = mode === 'commercial' ? '' : 'none';\r\n if (industriesLink) industriesLink.parentElement.style.display = mode === 'commercial' ? '' : 'none';\r\n if (pickupLink) pickupLink.parentElement.style.display = mode === 'personal' ? '' : 'none';\r\n \/\/ Store preference\r\n try { sessionStorage.setItem('sh-audience', mode); } catch(e) {}\r\n}\r\n\/\/ Initialise on load \u2014 default Personal, add pulse if no saved choice\r\n(function() {\r\n var saved = null;\r\n try { saved = sessionStorage.getItem('sh-audience'); } catch(e) {}\r\n setAudience(saved || 'personal');\r\n if (!saved) {\r\n var toggle = document.querySelector('.audience-toggle');\r\n if (toggle) toggle.classList.add('needs-choice');\r\n }\r\n})();\r\nwindow.addEventListener('scroll', () => { document.getElementById('navbar').classList.toggle('scrolled', window.scrollY > 20); });\r\n\r\nfunction updateNavResponsive() {\r\n var isMobile = window.innerWidth <= 900;\r\n var hamburger = document.querySelector('.hamburger');\r\n var navLinks = document.querySelector('.nav-links');\r\n var navCta = document.querySelector('.nav-cta');\r\n var audienceToggle = document.querySelector('.audience-toggle');\r\n \/\/ Hamburger: visible on mobile, hidden on desktop\r\n if (hamburger) {\r\n if (isMobile) {\r\n hamburger.style.removeProperty('display');\r\n } else {\r\n hamburger.style.setProperty('display', 'none', 'important');\r\n }\r\n }\r\n \/\/ Nav links + CTA + toggle: visible on desktop, hidden on mobile\r\n if (navLinks) navLinks.style.setProperty('display', isMobile ? 'none' : 'flex', 'important');\r\n if (navCta) navCta.style.setProperty('display', isMobile ? 'none' : '', 'important');\r\n if (audienceToggle) audienceToggle.style.setProperty('display', isMobile ? 'none' : 'flex', 'important');\r\n}\r\nupdateNavResponsive();\r\nwindow.addEventListener('resize', updateNavResponsive);\r\nconst obs = new IntersectionObserver((entries) => { entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('visible'); }); }, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' });\r\ndocument.querySelectorAll('.anim').forEach(el => obs.observe(el));\r\nfunction openMobileMenu() {\r\n document.querySelector('.nav-drawer').classList.add('active');\r\n document.querySelector('.nav-drawer-overlay').classList.add('active');\r\n document.querySelector('.hamburger').classList.add('active');\r\n document.querySelector('.hamburger').setAttribute('aria-expanded', 'true');\r\n document.querySelector('.nav-drawer').setAttribute('aria-hidden', 'false');\r\n document.body.classList.add('drawer-open');\r\n}\r\nfunction closeMobileMenu() {\r\n document.querySelector('.nav-drawer').classList.remove('active');\r\n document.querySelector('.nav-drawer-overlay').classList.remove('active');\r\n document.querySelector('.hamburger').classList.remove('active');\r\n document.querySelector('.hamburger').setAttribute('aria-expanded', 'false');\r\n document.querySelector('.nav-drawer').setAttribute('aria-hidden', 'true');\r\n document.body.classList.remove('drawer-open');\r\n}\r\nfunction toggleMobileMenu() {\r\n const drawer = document.querySelector('.nav-drawer');\r\n if (drawer.classList.contains('active')) closeMobileMenu(); else openMobileMenu();\r\n}\r\ndocument.addEventListener('keydown', e => { if (e.key === 'Escape') closeMobileMenu(); });\r\ndocument.querySelectorAll('.nav-drawer-links a').forEach(a => a.addEventListener('click', closeMobileMenu));\r\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(a => {\r\n a.addEventListener('click', e => {\r\n const id = a.getAttribute('href').slice(1);\r\n const el = document.getElementById(id);\r\n if (el) { e.preventDefault(); closeMobileMenu(); el.scrollIntoView({ behavior: 'smooth', block: 'start' }); }\r\n });\r\n});\r\nfunction submitForm() {\r\n \/\/ Honeypot check \u2014 if filled, it's a bot\r\n var honeypot = document.getElementById('_gotcha');\r\n if (honeypot && honeypot.value !== '') { return; }\r\n\r\n \/\/ reCAPTCHA check\r\n var recaptchaResponse = typeof grecaptcha !== 'undefined' ? grecaptcha.getResponse() : '';\r\n if (!recaptchaResponse) {\r\n alert('Please complete the reCAPTCHA to confirm you are not a robot.');\r\n return;\r\n }\r\n\r\n var fname = document.getElementById('fname').value.trim();\r\n var email = document.getElementById('email').value.trim();\r\n var service = document.getElementById('service').value;\r\n if (!fname) { alert('Please enter your name.'); return; }\r\n if (!email || !email.includes('@')) { alert('Please enter a valid email address.'); return; }\r\n if (!service) { alert(\"Please select what you're interested in.\"); return; }\r\n\r\n var btn = document.querySelector('.form-submit');\r\n btn.textContent = 'Sending\u2026';\r\n btn.disabled = true;\r\n\r\n fetch('https:\/\/formspree.io\/f\/maqgpnko', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application\/json', 'Accept': 'application\/json' },\r\n body: JSON.stringify({\r\n name: fname + ' ' + document.getElementById('lname').value.trim(),\r\n email: email,\r\n phone: document.getElementById('phone').value.trim(),\r\n service: service,\r\n hub: document.getElementById('hub').value,\r\n message: document.getElementById('message').value.trim(),\r\n 'g-recaptcha-response': recaptchaResponse,\r\n '_cc': 'info@smarthub.mu'\r\n })\r\n })\r\n .then(function(res) {\r\n if (res.ok) {\r\n ['fname','lname','email','phone','message'].forEach(function(id){ document.getElementById(id).value=''; });\r\n document.getElementById('service').value = '';\r\n document.getElementById('hub').selectedIndex = 0;\r\n if (typeof grecaptcha !== 'undefined') { grecaptcha.reset(); }\r\n var toast = document.getElementById('toast');\r\n toast.classList.add('show');\r\n setTimeout(function(){ toast.classList.remove('show'); }, 4000);\r\n } else {\r\n res.json().then(function(data) {\r\n alert(data.error || 'Something went wrong. Please try again or email us at info@smarthub.mu');\r\n }).catch(function(){ alert('Something went wrong. Please email us at info@smarthub.mu'); });\r\n }\r\n })\r\n .catch(function() {\r\n alert('Could not send \u2014 please check your connection or email us at info@smarthub.mu');\r\n })\r\n .finally(function() {\r\n btn.textContent = 'Send Enquiry \u2192';\r\n btn.disabled = false;\r\n });\r\n}\r\n<\/script>\r\n<style>\r\n@media screen and (min-width:901px){.hamburger{display:none !important}}\r\n@media screen and (max-width:900px){.nav-links{display:none !important}.nav-cta{display:none !important}.audience-toggle{display:none !important}.hamburger{display:flex !important}}\r\n<\/style>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Smart Hub.mu \u2014 Collect Fast. Store Safe. Buy Smart. Services Hubs Collection Industries FAQ Contact Personal Commercial Tell Us What You Need Flacq \u00b7 RDR \u00b7 Conoromdel Personal Commercial Services Hubs Collection Industries FAQ Contact Tell Us What You Need Flacq \u00b7 RDR \u00b7 Conoromdel \u2014 Mauritius Shop online. Collect safely.Any day of the week. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-36","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/smarthub.mu\/index.php?rest_route=\/wp\/v2\/pages\/36","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smarthub.mu\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smarthub.mu\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smarthub.mu\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smarthub.mu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=36"}],"version-history":[{"count":34,"href":"https:\/\/smarthub.mu\/index.php?rest_route=\/wp\/v2\/pages\/36\/revisions"}],"predecessor-version":[{"id":94,"href":"https:\/\/smarthub.mu\/index.php?rest_route=\/wp\/v2\/pages\/36\/revisions\/94"}],"wp:attachment":[{"href":"https:\/\/smarthub.mu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nSmart Hub.mu \u2014 Collect Fast. Store Safe. Buy Smart.<\/title>\r\n<meta name=\"description\" content=\"Smart Hub.mu is Mauritius's retail and logistics platform: secure 7-day parcel collection with a unique customer ID, plus warehousing, bonded storage, fulfilment, distribution, and value-add processing across Flacq, RDR, and Conoromdel.\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n:root {\r\n --navy: #3e347c;\r\n --orange: #e7773a;\r\n --white: #ffffff;\r\n --text: var(--navy);\r\n --text-mid: color-mix(in srgb, var(--navy) 82%, var(--white) 18%);\r\n --text-muted: color-mix(in srgb, var(--navy) 56%, var(--white) 44%);\r\n --text-on-navy: color-mix(in srgb, var(--white) 75%, var(--navy) 25%);\r\n --text-on-navy-soft: color-mix(in srgb, var(--white) 60%, var(--navy) 40%);\r\n --orange-on-navy: color-mix(in srgb, var(--orange) 78%, var(--white) 22%);\r\n --border: color-mix(in srgb, var(--navy) 16%, var(--white) 84%);\r\n --light: color-mix(in srgb, var(--navy) 5%, var(--white) 95%);\r\n --orange-pale: color-mix(in srgb, var(--orange) 12%, var(--white) 88%);\r\n --orange-mid: color-mix(in srgb, var(--orange) 35%, var(--white) 65%);\r\n --navy-pale: color-mix(in srgb, var(--navy) 8%, var(--white) 92%);\r\n --shadow-sm: 0 2px 12px color-mix(in srgb, var(--navy) 10%, transparent);\r\n --shadow-md: 0 8px 32px color-mix(in srgb, var(--navy) 14%, transparent);\r\n --shadow-lg: 0 20px 60px color-mix(in srgb, var(--navy) 18%, transparent);\r\n --radius: 16px;\r\n --radius-lg: 24px;\r\n}\r\n*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\r\nhtml { scroll-behavior: smooth; scroll-padding-top: 88px; }\r\nbody { font-family: 'DM Sans', sans-serif; color: var(--text); background: var(--white); line-height: 1.6; overflow-x: hidden; }\r\n.container { max-width: 1160px; margin: 0 auto; padding: 0 40px; }\r\n@media (max-width: 768px) { .container { padding: 0 20px; } }\r\n.tag { display: inline-flex; align-items: center; gap: 6px; font-size: 11px !important; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: var(--orange); margin-bottom: 16px; }\r\n.tag::before { content: ''; display: block; width: 20px; height: 2px; background: var(--orange); border-radius: 2px; }\r\nh1, h2, h3, h4, h5 { font-family: 'Syne', sans-serif; font-weight: 800; line-height: 1.15; }\r\n.code-chip { font-family: 'IBM Plex Mono', monospace; font-size: 11px !important; font-weight: 600; letter-spacing: .04em; color: var(--text-muted); border: 1px dashed var(--border); border-radius: 6px; padding: 3px 9px; margin-left: 8px; white-space: nowrap; }\r\n.btn { display: inline-flex; align-items: center; gap: 8px; font-family: 'DM Sans', sans-serif; font-weight: 600; font-size: 15px !important; padding: 14px 28px; border-radius: 10px; text-decoration: none; cursor: pointer; border: none; transition: all 0.2s; }\r\n.btn-primary { background: var(--orange); color: var(--white); }\r\n.btn-primary:hover { background: var(--orange); filter: brightness(0.94); transform: translateY(-1px); box-shadow: var(--shadow-md); }\r\n.btn-ghost { background: transparent; color: var(--white); border: 1.5px solid color-mix(in srgb, var(--white) 40%, transparent); }\r\n.btn-ghost:hover { background: color-mix(in srgb, var(--white) 10%, transparent); border-color: color-mix(in srgb, var(--white) 70%, transparent); }\r\n.btn-outline { background: transparent; color: var(--orange); border: 1.5px solid var(--orange); }\r\n.btn-outline:hover { background: var(--orange); color: var(--white); }\r\n.btn-white { background: var(--white); color: var(--navy); }\r\n.btn-white:hover { background: var(--orange); color: var(--white); transform: translateY(-1px); }\r\n.section { padding: 100px 0; }\r\n.section-alt { background: var(--light); }\r\n@media (max-width: 768px) { .section { padding: 72px 0; } }\r\n.section-head { text-align: center; margin-bottom: 56px; }\r\n.section-head h2 { font-size: clamp(28px, 4vw, 42px) !important; color: var(--navy); margin-bottom: 14px; }\r\n.section-head p { font-size: 17px !important; color: var(--text-mid); max-width: 600px; margin: 0 auto; }\r\n.navbar { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; z-index: 1000; height: 72px !important; min-height: 72px !important; max-height: 72px !important; background: color-mix(in srgb, var(--white) 95%, transparent); backdrop-filter: blur(12px); border-bottom: 1px solid var(--border); transition: box-shadow 0.3s; box-sizing: border-box !important; }\r\n.navbar.scrolled { box-shadow: var(--shadow-md); }\r\n.nav-inner { display: flex !important; align-items: center !important; justify-content: space-between; height: 72px !important; min-height: 72px !important; gap: 32px; }\r\n.nav-logo { display: flex; align-items: center; text-decoration: none; flex-shrink: 0; min-height: 38px; }\r\n.nav-logo-img { height: 42px; width: auto; display: block; }\r\n.nav-links { display: flex; align-items: center; gap: 2px; list-style: none; }\r\n.nav-links a { font-size: 14px !important; font-weight: 500; color: var(--text-mid); text-decoration: none; padding: 8px 13px; border-radius: 8px; transition: all 0.15s; white-space: nowrap; }\r\n.nav-links a:hover { color: var(--navy); background: var(--light); }\r\n.nav-cta { flex-shrink: 0; }\r\n.nav-cta .btn { font-size: 14px !important; padding: 10px 20px; }\r\n.hamburger { display: flex; flex-direction: column; gap: 5px; cursor: pointer; padding: 8px; background: none; border: none; position: relative; z-index: 1300; }\r\n.hamburger span { display: block; width: 22px; height: 2px; background: var(--navy); border-radius: 2px; transition: transform 0.3s ease, opacity 0.3s ease; }\r\n.hamburger.active span:nth-child(1) { transform: translateY(7px) rotate(45deg); }\r\n.hamburger.active span:nth-child(2) { opacity: 0; }\r\n.hamburger.active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }\r\n@media (max-width: 900px) { .nav-links, .nav-cta { display: none; } .hamburger { display: flex; } }\r\n.nav-drawer-overlay { position: fixed; inset: 0; background: color-mix(in srgb, var(--navy) 60%, transparent); opacity: 0; visibility: hidden; transition: opacity 0.35s ease; z-index: 1150; }\r\n.nav-drawer-overlay.active { opacity: 1; visibility: visible; }\r\n.nav-drawer { position: fixed; top: 0; right: 0; height: 100dvh; width: min(320px, 82vw); background: var(--white); box-shadow: var(--shadow-lg); transform: translateX(100%); transition: transform 0.4s cubic-bezier(.4,0,.2,1); z-index: 1200; display: flex; flex-direction: column; padding: 24px 24px 28px; overflow-y: auto; }\r\n.nav-drawer.active { transform: translateX(0); }\r\n.nav-drawer-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 28px; }\r\n.nav-drawer-logo { height: 30px !important; width: auto !important; }\r\n.nav-drawer-close { width: 38px; height: 38px; border-radius: 50%; background: var(--light); border: 1px solid var(--border); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\r\n.nav-drawer-close svg { width: 16px; height: 16px; stroke: var(--navy); fill: none; stroke-width: 2; stroke-linecap: round; }\r\n.nav-drawer-tag { margin-bottom: 22px; }\r\n.nav-drawer-links { display: flex; flex-direction: column; gap: 0; margin-bottom: 24px; }\r\n.nav-drawer-links a { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 15px 2px; font-size: 16px !important; font-weight: 600; color: var(--navy); border-bottom: 1px solid var(--border); text-decoration: none; transition: color 0.15s, padding-left 0.15s; }\r\n.nav-drawer-links a svg { width: 15px; height: 15px; stroke: var(--text-muted); fill: none; stroke-width: 2; stroke-linecap: round; flex-shrink: 0; transition: transform 0.15s; }\r\n.nav-drawer-links a:hover { color: var(--orange); padding-left: 6px; }\r\n.nav-drawer-links a:hover svg { transform: translateX(3px); stroke: var(--orange); }\r\n.nav-drawer-cta { margin-top: auto; display: flex; flex-direction: column; gap: 14px; padding-top: 12px; }\r\n.nav-drawer-cta .btn { width: 100%; justify-content: center; }\r\n.nav-drawer-social { display: flex; gap: 10px; }\r\n.nav-drawer-social .social-link { background: var(--light); border: 1px solid var(--border); }\r\n.nav-drawer-social .social-link svg { fill: var(--navy); }\r\n.nav-drawer-social .social-link:hover { background: var(--orange); border-color: var(--orange); }\r\n.nav-drawer-social .social-link:hover svg { fill: var(--white); }\r\nbody.drawer-open { overflow: hidden; }\r\n@media (min-width: 901px) { .nav-drawer, .nav-drawer-overlay { display: none; } }\r\n@media (max-width: 900px) { .nav-inner { gap: 16px; } }\r\n.hero { position: relative; overflow: hidden; min-height: 94vh; display: flex; flex-direction: column; padding: 152px 0 0; }\r\n.hero-bg-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 40%; z-index: -1; }\r\n.hero-scrim { position: absolute; inset: 0; background: linear-gradient(100deg, color-mix(in srgb, var(--navy) 90%, transparent) 0%, color-mix(in srgb, var(--navy) 82%, transparent) 36%, color-mix(in srgb, var(--navy) 48%, transparent) 60%, color-mix(in srgb, var(--navy) 14%, transparent) 84%, transparent 100%); z-index: -1; pointer-events: none; }\r\n.hero-content { position: relative; z-index: 1; flex: 1; display: flex; align-items: center; padding-bottom: 56px; }\r\n.hero-top { position: relative; z-index: 1; color: var(--white); max-width: 640px; }\r\n.hero-badge { display: inline-flex; align-items: center; gap: 8px; background: color-mix(in srgb, var(--orange) 20%, transparent); border: 1px solid color-mix(in srgb, var(--orange) 35%, transparent); color: var(--orange-on-navy); font-size: 12px !important; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; padding: 6px 14px; border-radius: 20px; margin-bottom: 28px; }\r\n.hero-badge::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--orange); }\r\n.hero h1 { font-size: clamp(36px, 5vw, 56px) !important; line-height: 1.1; margin-bottom: 24px; color: var(--white); }\r\n.hero h1 em { font-style: normal; color: var(--orange); }\r\n.hero-sub { font-size: 18px !important; color: var(--text-on-navy); line-height: 1.6; margin-bottom: 32px; max-width: 540px; }\r\n.hero-bullets { list-style: none; margin-bottom: 40px; display: flex; flex-direction: column; gap: 10px; }\r\n.hero-bullets li { display: flex; align-items: flex-start; gap: 10px; font-size: 15px !important; color: var(--text-on-navy); }\r\n.hero-bullets li::before { content: ''; width: 18px; height: 18px; flex-shrink: 0; margin-top: 3px; background: var(--orange); border-radius: 50%; background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M5 9l3 3 5-5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\"); background-size: contain; }\r\n.hero-btns { display: flex; flex-wrap: wrap; gap: 12px; }\r\n.hero-stats-bar { position: relative; z-index: 1; background: color-mix(in srgb, var(--navy) 60%, transparent); backdrop-filter: blur(16px); border-top: 1px solid color-mix(in srgb, var(--white) 14%, transparent); padding: 24px 0; }\r\n.hero-stats-bar-inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; }\r\n.hero-stats-grid { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }\r\n.hero-stat { display: flex; align-items: baseline; gap: 8px; padding-right: 24px; border-right: 1px solid color-mix(in srgb, var(--white) 16%, transparent); }\r\n.hero-stat:last-child { border-right: none; padding-right: 0; }\r\n.hero-stat-val { font-family: 'Syne', sans-serif; font-size: 24px !important; font-weight: 800; color: var(--orange); line-height: 1; white-space: nowrap; }\r\n.hero-stat-label { font-size: 12px !important; color: var(--text-on-navy-soft); text-transform: uppercase; letter-spacing: 1px; white-space: nowrap; }\r\n.hero-services-row { display: flex; gap: 8px; flex-wrap: wrap; }\r\n.hero-service-pill { background: color-mix(in srgb, var(--white) 12%, transparent); border: 1px solid color-mix(in srgb, var(--white) 18%, transparent); color: var(--text-on-navy); font-size: 13px !important; font-weight: 500; padding: 7px 14px; border-radius: 20px; display: flex; align-items: center; gap: 6px; }\r\n.hero-service-pill .dot { width: 7px; height: 7px; border-radius: 50%; background: var(--orange); flex-shrink: 0; }\r\n@media (max-width: 768px) { .hero { padding: 120px 0 0; min-height: auto; } .hero-bg-photo { object-position: center 50%; } .hero-content { padding-bottom: 40px; } .hero-stats-bar-inner { flex-direction: column; align-items: flex-start; gap: 18px; } .hero-stats-grid { gap: 18px; } .hero-stat { padding-right: 18px; } }\r\n.value-strip { background: var(--white); padding: 80px 0; border-bottom: 1px solid var(--border); }\r\n.value-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 32px; }\r\n@media (max-width: 900px) { .value-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }\r\n@media (max-width: 520px) { .value-grid { grid-template-columns: 1fr; } }\r\n.value-item { text-align: center; }\r\n.value-item a.value-link { text-decoration: none; display: block; }\r\n.value-logo { height: 30px; width: auto; margin: 0 auto 18px; filter: none; }\r\n.value-icon { width: 64px; height: 64px; border-radius: 18px; background: var(--orange-pale); display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; }\r\n.value-icon svg { width: 28px; height: 28px; stroke: var(--orange); fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }\r\n.value-item h4 { font-size: 17px !important; color: var(--navy); margin-bottom: 6px; }\r\n.value-item p { font-size: 14px !important; color: var(--text-muted); line-height: 1.5; }\r\n.section-badge { height: 26px; width: auto; margin-bottom: 16px; }\r\n.brands-strip .section-badge { margin-bottom: 14px; }\r\n.cards-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 24px; }\r\n@media (max-width: 768px) { .cards-grid { grid-template-columns: 1fr; } }\r\n.cards-grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 24px; }\r\n@media (max-width: 900px) { .cards-grid-3 { grid-template-columns: repeat(2, minmax(0,1fr)); } }\r\n@media (max-width: 560px) { .cards-grid-3 { grid-template-columns: 1fr; } }\r\n.info-card { background: var(--white); border-radius: var(--radius-lg); padding: 36px; box-shadow: var(--shadow-sm); border: 1px solid var(--border); transition: all 0.3s; display: flex; flex-direction: column; position: relative; overflow: hidden; }\r\n.info-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: var(--orange); }\r\n.info-card.accent-navy::before { background: var(--navy); }\r\n.info-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); border-color: transparent; }\r\n.card-icon { width: 56px; height: 56px; border-radius: 14px; background: var(--orange-pale); display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }\r\n.card-icon svg { width: 26px; height: 26px; stroke: var(--orange); fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }\r\n.info-card h3 { font-size: 21px !important; color: var(--navy); margin-bottom: 6px; display: flex; align-items: center; flex-wrap: wrap; }\r\n.info-card > p.lede { font-size: 15px !important; color: var(--text-mid); line-height: 1.6; margin-bottom: 18px; }\r\n.card-bullets { list-style: none; margin-bottom: 8px; display: flex; flex-direction: column; gap: 8px; }\r\n.card-bullets li { display: flex; align-items: flex-start; gap: 8px; font-size: 14px !important; color: var(--text-mid); }\r\n.card-bullets li::before { content: ''; width: 16px; height: 16px; flex-shrink: 0; margin-top: 2px; border-radius: 50%; background: var(--navy-pale); background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 8l3 3 5-4.5' stroke='%233e347c' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\"); background-size: contain; }\r\n.card-link { display: inline-flex; align-items: center; gap: 6px; font-size: 14px !important; font-weight: 600; color: var(--orange); text-decoration: none; transition: gap 0.2s; margin-top: auto; padding-top: 16px; }\r\n.card-link:hover { gap: 10px; }\r\n.card-link::after { content: '\u2192'; }\r\n.plain-card { background: var(--white); border-radius: var(--radius-lg); padding: 30px; border: 1px solid var(--border); }\r\n.plain-card h3 { font-size: 18px !important; color: var(--navy); margin-bottom: 8px; }\r\n.plain-card p { font-size: 14px !important; color: var(--text-mid); line-height: 1.6; }\r\n.facility-gallery { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 20px; margin-top: 40px; }\r\n@media (max-width: 768px) { .facility-gallery { grid-template-columns: 1fr; } }\r\n.facility-gallery-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }\r\n@media (max-width: 900px) { .facility-gallery-3 { grid-template-columns: repeat(2, minmax(0,1fr)); } }\r\n@media (max-width: 560px) { .facility-gallery-3 { grid-template-columns: 1fr; } }\r\n.facility-photo { border-radius: var(--radius-lg); overflow: hidden; border: 1px solid var(--border); box-shadow: var(--shadow-sm); }\r\n.facility-photo img { width: 100%; height: 310px; object-fit: cover; display: block; }\r\n.facility-caption { padding: 18px 20px; background: var(--white); }\r\n.facility-caption strong { display: block; font-size: 15px !important; color: var(--navy); font-family: 'Syne', sans-serif; }\r\n.facility-caption span { font-size: 13px !important; color: var(--text-muted); }\r\n.photo-cinematic { border-radius: var(--radius-lg); overflow: hidden; margin-top: 48px; box-shadow: var(--shadow-lg); position: relative; }\r\n.photo-cinematic img { width: 100%; height: 480px; object-fit: cover; display: block; }\r\n.photo-cinematic-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(62,52,124,0.82) 0%, rgba(62,52,124,0.28) 52%, rgba(62,52,124,0) 100%); pointer-events: none; }\r\n.photo-cinematic-caption { position: absolute; bottom: 0; left: 0; right: 0; padding: 36px 32px 28px; }\r\n.photo-cinematic-caption strong { display: block; font-family: 'Syne', sans-serif; font-size: 20px !important; font-weight: 800; color: var(--white); margin-bottom: 6px; }\r\n.photo-cinematic-caption span { font-size: 14px !important; color: color-mix(in srgb, var(--white) 72%, transparent); }\r\n.photo-cinematic-tag { display: inline-flex; align-items: center; gap: 6px; background: var(--orange); color: var(--white); font-size: 11px !important; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; padding: 5px 12px; border-radius: 20px; margin-bottom: 12px; }\r\n.photo-panoramic { border-radius: var(--radius-lg); overflow: hidden; margin-top: 32px; box-shadow: var(--shadow-lg); position: relative; }\r\n.photo-panoramic img { width: 100%; height: 400px; object-fit: cover; object-position: center 35%; display: block; }\r\n.hub-card { padding: 0 !important; overflow: hidden; }\r\n.hub-card::before { display: none; }\r\n.hub-card-photo { position: relative; overflow: hidden; }\r\n.hub-card-photo img { width: 100%; height: 230px; object-fit: cover; display: block; }\r\n.hub-card-loc { position: absolute; bottom: 14px; left: 16px; display: inline-flex; align-items: center; gap: 6px; background: var(--orange); color: var(--white); font-size: 11px !important; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; padding: 5px 12px; border-radius: 20px; }\r\n.hub-card-body { padding: 28px 30px 30px; display: flex; flex-direction: column; flex: 1; border-top: 4px solid var(--navy); }\r\n.photo-panoramic-overlay { position: absolute; inset: 0; background: linear-gradient(100deg, rgba(62,52,124,0.72) 0%, rgba(62,52,124,0.18) 55%, rgba(62,52,124,0) 100%); pointer-events: none; }\r\n.photo-panoramic-caption { position: absolute; bottom: 28px; left: 32px; }\r\n.photo-panoramic-caption strong { display: block; font-family: 'Syne', sans-serif; font-size: 22px !important; font-weight: 800; color: var(--white); margin-bottom: 4px; }\r\n.photo-panoramic-caption span { font-size: 14px !important; color: color-mix(in srgb, var(--white) 72%, transparent); }\r\n.how-it-works { padding: 100px 0; background: var(--navy); }\r\n.how-it-works .section-head h2 { color: var(--white); }\r\n.how-it-works .section-head p { color: var(--text-on-navy-soft); }\r\n.how-it-works .tag { color: var(--orange-on-navy); }\r\n.how-it-works .tag::before { background: var(--orange); }\r\n.steps-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 24px; position: relative; }\r\n.steps-grid::before { content: ''; position: absolute; top: 44px; left: calc(16.67% + 20px); right: calc(16.67% + 20px); height: 1px; background: color-mix(in srgb, var(--white) 15%, transparent); z-index: 0; }\r\n@media (max-width: 768px) { .steps-grid { grid-template-columns: 1fr; } .steps-grid::before { display: none; } }\r\n.step { background: color-mix(in srgb, var(--white) 6%, transparent); border: 1px solid color-mix(in srgb, var(--white) 10%, transparent); border-radius: var(--radius-lg); padding: 36px 32px; text-align: center; position: relative; z-index: 1; transition: background 0.3s; }\r\n.step:hover { background: color-mix(in srgb, var(--white) 10%, transparent); }\r\n.step-num { font-family: 'Syne', sans-serif; font-size: 52px !important; font-weight: 800; color: var(--orange); line-height: 1; margin-bottom: 16px; display: block; }\r\n.step h4 { font-size: 20px !important; color: var(--white); margin-bottom: 12px; }\r\n.step p { font-size: 15px !important; color: var(--text-on-navy-soft); line-height: 1.6; }\r\n.split { padding: 100px 0; background: var(--white); }\r\n.split-inner { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 80px; align-items: center; }\r\n@media (max-width: 768px) { .split-inner { grid-template-columns: 1fr; gap: 48px; } }\r\n.split-visual { position: relative; }\r\n.split-image-block { border-radius: var(--radius-lg); padding: 40px; color: var(--white); position: relative; overflow: hidden; min-height: 440px; display: flex; flex-direction: column; justify-content: flex-end; }\r\n.split-image-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 32%; z-index: -2; }\r\n.split-image-scrim { position: absolute; inset: 0; background: linear-gradient(160deg, color-mix(in srgb, var(--navy) 86%, transparent), color-mix(in srgb, var(--navy) 74%, transparent)); z-index: -1; }\r\n.split-image-block::before { content: ''; position: absolute; top: -40px; right: -40px; width: 200px; height: 200px; border-radius: 50%; background: color-mix(in srgb, var(--orange) 20%, transparent); }\r\n.split-location { display: inline-flex; align-items: center; gap: 6px; background: var(--orange); color: var(--white); font-size: 12px !important; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; padding: 6px 14px; border-radius: 20px; margin-bottom: 20px; position: relative; }\r\n.split-image-block h3 { font-size: 25px !important; color: var(--white); margin-bottom: 12px; position: relative; }\r\n.split-image-block p { font-size: 15px !important; color: var(--text-on-navy); margin-bottom: 24px; position: relative; }\r\n.split-features { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 12px; position: relative; }\r\n.split-feat { background: color-mix(in srgb, var(--white) 8%, transparent); border: 1px solid color-mix(in srgb, var(--white) 12%, transparent); border-radius: 12px; padding: 16px; font-size: 13px !important; font-weight: 500; color: var(--text-on-navy); display: flex; align-items: center; gap: 8px; }\r\n.split-feat-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--orange); flex-shrink: 0; }\r\n.split-text .tag { color: var(--orange); }\r\n.split-text h2 { font-size: clamp(27px, 3.5vw, 38px) !important; color: var(--navy); margin-bottom: 16px; }\r\n.split-text h2 span { color: var(--orange); }\r\n.split-text > p { font-size: 17px !important; color: var(--text-mid); line-height: 1.65; margin-bottom: 28px; }\r\n.benefits-list { list-style: none; margin-bottom: 36px; display: flex; flex-direction: column; gap: 12px; }\r\n.benefits-list li { display: flex; align-items: flex-start; gap: 12px; font-size: 15px !important; color: var(--text-mid); }\r\n.benefit-check { width: 22px; height: 22px; border-radius: 50%; background: var(--orange); display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 1px; }\r\n.benefit-check svg { width: 12px; height: 12px; stroke: var(--white); stroke-width: 2.5; fill: none; stroke-linecap: round; stroke-linejoin: round; }\r\n.pickup { padding: 100px 0; background: var(--light); }\r\n.pickup-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 16px; margin-top: 48px; }\r\n@media (max-width: 900px) { .pickup-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }\r\n@media (max-width: 520px) { .pickup-grid { grid-template-columns: 1fr; } }\r\n.pickup-step { background: var(--white); border-radius: var(--radius); padding: 28px 22px; box-shadow: var(--shadow-sm); border: 1px solid var(--border); text-align: center; position: relative; }\r\n.pickup-step-num { font-family: 'Syne', sans-serif; font-size: 13px !important; font-weight: 800; color: var(--orange); background: var(--orange-pale); border: 1.5px solid color-mix(in srgb, var(--orange) 20%, transparent); width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 14px; }\r\n.pickup-step h5 { font-size: 14px !important; color: var(--navy); margin-bottom: 8px; line-height: 1.3; }\r\n.pickup-step p { font-size: 13px !important; color: var(--text-muted); line-height: 1.5; }\r\n.brands-strip { margin-top: 48px; text-align: center; }\r\n.brands-strip p { font-size: 13px !important; text-transform: uppercase; letter-spacing: 2px; color: var(--text-muted); margin-bottom: 20px; }\r\n.brands-row { display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; }\r\n.brand-pill { background: var(--white); border: 1px solid var(--border); border-radius: 8px; padding: 8px 18px; font-size: 14px !important; font-weight: 600; color: var(--text-mid); }\r\n.certainty-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 16px; margin-top: 56px; }\r\n@media (max-width: 900px) { .certainty-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }\r\n@media (max-width: 520px) { .certainty-grid { grid-template-columns: 1fr; } }\r\n.glance { padding: 100px 0; background: var(--white); }\r\n.glance-inner { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 80px; align-items: center; }\r\n@media (max-width: 768px) { .glance-inner { grid-template-columns: 1fr; gap: 48px; } }\r\n.glance-visual { background: var(--navy); border-radius: var(--radius-lg); padding: 48px; position: relative; overflow: hidden; }\r\n.glance-visual::before { content: ''; position: absolute; top: -60px; right: -60px; width: 240px; height: 240px; border-radius: 50%; background: color-mix(in srgb, var(--orange) 15%, transparent); }\r\n.glance-stat { font-family: 'Syne', sans-serif; font-size: 76px !important; font-weight: 800; color: var(--orange); line-height: 1; display: block; margin-bottom: 4px; position: relative; }\r\n.glance-label { font-size: 15px !important; color: var(--text-on-navy); line-height: 1.5; margin-bottom: 32px; display: block; position: relative; max-width: 320px; }\r\n.glance-tags { display: flex; gap: 8px; flex-wrap: wrap; position: relative; }\r\n.glance-tag { background: color-mix(in srgb, var(--white) 8%, transparent); border: 1px solid color-mix(in srgb, var(--white) 12%, transparent); color: var(--text-on-navy); font-size: 13px !important; font-weight: 500; padding: 7px 14px; border-radius: 8px; }\r\n.journey { padding: 100px 0; background: var(--light); }\r\n.journey-highlight { border-radius: var(--radius-lg); padding: 48px; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 40px; align-items: center; margin-bottom: 40px; position: relative; overflow: hidden; }\r\n.journey-bg-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 38%; z-index: -2; }\r\n.journey-scrim { position: absolute; inset: 0; background: linear-gradient(135deg, color-mix(in srgb, var(--navy) 90%, transparent), color-mix(in srgb, var(--navy) 80%, transparent)); z-index: -1; }\r\n.journey-highlight::after { content: ''; position: absolute; right: -80px; top: -80px; width: 300px; height: 300px; border-radius: 50%; background: color-mix(in srgb, var(--orange) 12%, transparent); }\r\n.journey-highlight h3 { font-size: 26px !important; color: var(--white); margin-bottom: 10px; }\r\n.journey-highlight p { font-size: 16px !important; color: var(--text-on-navy); max-width: 500px; }\r\n.journey-highlight .btn { position: relative; z-index: 1; flex-shrink: 0; }\r\n@media (max-width: 768px) { .journey-highlight { grid-template-columns: 1fr; } }\r\n.journey-steps { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 16px; }\r\n@media (max-width: 768px) { .journey-steps { grid-template-columns: repeat(2, minmax(0,1fr)); } }\r\n@media (max-width: 420px) { .journey-steps { grid-template-columns: 1fr; } }\r\n.jstep { background: var(--white); border-radius: var(--radius); padding: 24px; border: 1px solid var(--border); box-shadow: var(--shadow-sm); }\r\n.jstep-num { font-family: 'Syne', sans-serif; font-size: 34px !important; font-weight: 800; color: var(--orange); line-height: 1; margin-bottom: 10px; display: block; }\r\n.jstep h5 { font-size: 15px !important; color: var(--navy); margin-bottom: 6px; }\r\n.jstep p { font-size: 13px !important; color: var(--text-muted); line-height: 1.5; }\r\n.faq-list { display: grid; gap: 12px; max-width: 760px; margin: 0 auto; }\r\n.faq-item { background: var(--white); border: 1px solid var(--border); border-radius: var(--radius); padding: 22px 24px; }\r\n.faq-item summary { cursor: pointer; font-family: 'Syne', sans-serif; font-weight: 700; font-size: 15px !important; color: var(--navy); list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 16px; }\r\n.faq-item summary::-webkit-details-marker { display: none; }\r\n.faq-item summary::after { content: '+'; font-family: 'DM Sans', sans-serif; font-weight: 600; color: var(--orange); font-size: 22px !important; flex-shrink: 0; transition: transform 0.2s; }\r\n.faq-item[open] summary::after { transform: rotate(45deg); }\r\n.faq-item p { margin-top: 14px; font-size: 14px !important; color: var(--text-mid); line-height: 1.6; }\r\n.cta-banner { padding: 100px 0; background: var(--orange); position: relative; overflow: hidden; }\r\n.cta-banner::before { content: ''; position: absolute; top: -80px; left: -80px; width: 400px; height: 400px; border-radius: 50%; background: color-mix(in srgb, var(--white) 8%, transparent); }\r\n.cta-banner::after { content: ''; position: absolute; bottom: -100px; right: -60px; width: 300px; height: 300px; border-radius: 50%; background: color-mix(in srgb, var(--navy) 10%, transparent); }\r\n.cta-inner { text-align: center; position: relative; z-index: 1; max-width: 700px; margin: 0 auto; }\r\n.cta-banner .tag { color: color-mix(in srgb, var(--white) 70%, transparent); }\r\n.cta-banner .tag::before { background: color-mix(in srgb, var(--white) 60%, transparent); }\r\n.cta-inner h2 { font-size: clamp(30px, 5vw, 46px) !important; color: var(--white); margin-bottom: 16px; }\r\n.cta-inner p { font-size: 18px !important; color: color-mix(in srgb, var(--white) 85%, transparent); margin-bottom: 36px; }\r\n.cta-btns { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }\r\n.contact { padding: 100px 0; background: var(--white); }\r\n.contact-inner { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 80px; align-items: start; }\r\n@media (max-width: 768px) { .contact-inner { grid-template-columns: 1fr; gap: 48px; } }\r\n.contact-info .tag { color: var(--orange); }\r\n.contact-info h2 { font-size: 34px !important; color: var(--navy); margin-bottom: 16px; }\r\n.contact-info > p { font-size: 16px !important; color: var(--text-mid); margin-bottom: 36px; line-height: 1.6; }\r\n.contact-details { display: flex; flex-direction: column; gap: 16px; }\r\n.contact-detail { display: flex; align-items: flex-start; gap: 14px; }\r\n.contact-detail-icon { width: 44px; height: 44px; border-radius: 12px; background: var(--navy-pale); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\r\n.contact-detail-icon svg { width: 20px; height: 20px; stroke: var(--navy); fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }\r\n.contact-detail strong { display: block; font-size: 13px !important; font-weight: 600; color: var(--navy); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 2px; }\r\n.contact-detail span { font-size: 15px !important; color: var(--text-mid); }\r\n.form-card { background: var(--light); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 40px; }\r\n.form-row { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 16px; }\r\n@media (max-width: 520px) { .form-row { grid-template-columns: 1fr; } }\r\n.form-group { margin-bottom: 20px; }\r\n.form-group label { display: block; font-size: 13px !important; font-weight: 600; color: var(--navy); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px; }\r\n.form-group input, .form-group select, .form-group textarea { width: 100%; background: var(--white); border: 1.5px solid var(--border); border-radius: 10px; padding: 13px 16px; font-family: 'DM Sans', sans-serif; font-size: 16px !important; color: var(--text); transition: border-color 0.2s; outline: none; }\r\n.form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color: var(--navy); }\r\n.form-group textarea { resize: vertical; min-height: 100px; }\r\n.form-submit { width: 100%; justify-content: center; font-size: 16px !important; padding: 16px; }\r\nfooter { background: var(--navy); color: var(--white); padding: 64px 0 32px; }\r\n.footer-grid { display: grid; grid-template-columns: minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); gap: 40px; padding-bottom: 48px; border-bottom: 1px solid color-mix(in srgb, var(--white) 10%, transparent); margin-bottom: 32px; }\r\n@media (max-width: 900px) { .footer-grid { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 32px; } }\r\n@media (max-width: 520px) { .footer-grid { grid-template-columns: 1fr; } }\r\n.footer-logo { height: 46px; width: auto; margin-bottom: 18px; }\r\n.footer-brand p { font-size: 14px !important; color: var(--text-on-navy-soft); line-height: 1.6; max-width: 300px; margin-bottom: 22px; }\r\n.social-row { display: flex; gap: 10px; }\r\n.social-link { width: 38px; height: 38px; border-radius: 50%; background: color-mix(in srgb, var(--white) 8%, transparent); border: 1px solid color-mix(in srgb, var(--white) 14%, transparent); display: flex; align-items: center; justify-content: center; transition: background 0.2s, border-color 0.2s, transform 0.2s; }\r\n.social-link svg { width: 17px; height: 17px; fill: var(--text-on-navy); }\r\n.social-link:hover { background: var(--orange); border-color: var(--orange); transform: translateY(-2px); }\r\n.social-link:hover svg { fill: var(--white); }\r\n.footer-col h5 { font-size: 13px !important; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--text-on-navy-soft); margin-bottom: 20px; }\r\n.footer-col ul { list-style: none; }\r\n.footer-col ul li { margin-bottom: 10px; }\r\n.footer-col ul li a { font-size: 14px !important; color: var(--text-on-navy); text-decoration: none; transition: color 0.2s; }\r\n.footer-col ul li a:hover { color: var(--orange); }\r\n.footer-bottom { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; font-size: 13px !important; color: var(--text-on-navy-soft); }\r\n.anim { opacity: 0; transform: translateY(24px); transition: opacity 0.6s ease, transform 0.6s ease; }\r\n.anim.visible { opacity: 1; transform: translateY(0); }\r\n.anim-delay-1 { transition-delay: 0.1s; }\r\n.anim-delay-2 { transition-delay: 0.2s; }\r\n.anim-delay-3 { transition-delay: 0.3s; }\r\n.anim-delay-4 { transition-delay: 0.4s; }\r\n.toast { position: fixed; bottom: 32px; left: 50%; transform: translateX(-50%) translateY(80px); background: var(--navy); color: var(--white); padding: 14px 28px; border-radius: 12px; font-size: 15px !important; font-weight: 500; box-shadow: var(--shadow-lg); z-index: 9999; transition: transform 0.4s ease; white-space: nowrap; }\r\n.toast.show { transform: translateX(-50%) translateY(0); }\r\n.audience-toggle { display: flex; align-items: center; background: var(--light); border: 1.5px solid var(--border); border-radius: 10px; padding: 3px; gap: 2px; flex-shrink: 0; position: relative; }\r\n.audience-toggle.needs-choice::after { content: ''; position: absolute; top: -4px; right: -4px; width: 10px; height: 10px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 0 0 rgba(231,119,58,0.7); animation: pulse-dot 1.8s ease-out infinite; }\r\n@keyframes pulse-dot { 0% { box-shadow: 0 0 0 0 rgba(231,119,58,0.7); } 70% { box-shadow: 0 0 0 8px rgba(231,119,58,0); } 100% { box-shadow: 0 0 0 0 rgba(231,119,58,0); } }\r\n.audience-btn { font-family: 'DM Sans', sans-serif; font-size: 13px !important; font-weight: 600; color: var(--text-muted); background: transparent; border: none; cursor: pointer; padding: 7px 16px; border-radius: 7px; transition: all 0.2s; white-space: nowrap; letter-spacing: 0.02em; }\r\n.audience-btn.active { background: var(--navy); color: var(--white); box-shadow: 0 1px 4px color-mix(in srgb, var(--navy) 20%, transparent); }\r\n.audience-btn:not(.active):hover { color: var(--navy); background: color-mix(in srgb, var(--navy) 6%, transparent); }\r\n.drawer-audience-toggle { display: flex; gap: 8px; margin-bottom: 24px; }\r\n.drawer-audience-btn { flex: 1; font-family: 'DM Sans', sans-serif; font-size: 15px !important; font-weight: 600; padding: 12px; border-radius: 10px; border: 1.5px solid var(--border); background: var(--light); color: var(--text-muted); cursor: pointer; text-align: center; transition: all 0.2s; }\r\n.drawer-audience-btn.active { background: var(--navy); color: var(--white); border-color: var(--navy); }\r\n[data-audience=\"personal\"], [data-audience=\"commercial\"] { transition: opacity 0.3s ease; }\r\n[data-audience=\"personal\"].audience-hidden, [data-audience=\"commercial\"].audience-hidden { display: none; }\r\n.hero-audience-prompt { margin-top: 28px; padding-top: 24px; border-top: 1px solid color-mix(in srgb, var(--white) 18%, transparent); }\r\n.hero-audience-label { display: block; font-size: 12px !important; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--text-on-navy-soft); margin-bottom: 12px; }\r\n.hero-audience-btns { display: flex; gap: 10px; flex-wrap: wrap; }\r\n.hero-aud-btn { display: inline-flex; align-items: center; gap: 8px; font-family: 'DM Sans', sans-serif; font-size: 14px !important; font-weight: 600; padding: 11px 20px; border-radius: 10px; cursor: pointer; transition: all 0.2s; border: 1.5px solid color-mix(in srgb, var(--white) 25%, transparent); background: color-mix(in srgb, var(--white) 8%, transparent); color: var(--text-on-navy-soft); }\r\n.hero-aud-btn svg { width: 16px; height: 16px; flex-shrink: 0; }\r\n.hero-aud-btn:hover { border-color: color-mix(in srgb, var(--white) 50%, transparent); color: var(--white); background: color-mix(in srgb, var(--white) 14%, transparent); }\r\n.hero-aud-btn.active { background: var(--orange); border-color: var(--orange); color: var(--white); }\r\n@media (max-width: 520px) { .hero-audience-btns { flex-direction: column; } .hero-aud-btn { justify-content: center; } }\r\n<\/style>\r\n<script src=\"https:\/\/www.google.com\/recaptcha\/api.js\" async defer><\/script>\r\n<\/head>\r\n<body>\r\n<nav class=\"navbar\" id=\"navbar\">\r\n <div class=\"container\">\r\n <div class=\"nav-inner\">\r\n <a href=\"#top\" class=\"nav-logo\">\r\n <img decoding=\"async\" class=\"nav-logo-img\" src=\"https:\/\/smarthub.mu\/wp-content\/uploads\/2026\/06\/smarthub-logo-full.png\" alt=\"Smart Hub.mu \u2014 collect fast, store safe, buy smart\" width=\"155\" height=\"38\" style=\"height:38px !important;width:auto !important;max-width:none !important;display:block;\">\r\n <\/a>\r\n <ul class=\"nav-links\">\r\n <li><a href=\"#services\">Services<\/a><\/li>\r\n <li><a href=\"#units\">Hubs<\/a><\/li>\r\n <li><a href=\"#pickup\">Collection<\/a><\/li>\r\n <li><a href=\"#industries\">Industries<\/a><\/li>\r\n <li><a href=\"#faq\">FAQ<\/a><\/li>\r\n <li><a href=\"#contact\">Contact<\/a><\/li>\r\n <\/ul>\r\n <div class=\"audience-toggle\" role=\"group\" aria-label=\"Select customer type\">\r\n <button class=\"audience-btn active\" id=\"btn-personal\" onclick=\"setAudience('personal')\">Personal<\/button>\r\n <button class=\"audience-btn\" id=\"btn-commercial\" onclick=\"setAudience('commercial')\">Commercial<\/button>\r\n <\/div>\r\n <div class=\"nav-cta\"><a href=\"#contact\" class=\"btn btn-primary\">Tell Us What You Need<\/a><\/div>\r\n <button class=\"hamburger\" onclick=\"toggleMobileMenu()\" aria-label=\"Open menu\" aria-expanded=\"false\" style=\"display:flex;\"><span><\/span><span><\/span><span><\/span><\/button>\r\n <\/div>\r\n <\/div>\r\n<\/nav>\r\n<div class=\"nav-drawer-overlay\" onclick=\"closeMobileMenu()\"><\/div>\r\n<div class=\"nav-drawer\" aria-hidden=\"true\">\r\n <div class=\"nav-drawer-head\">\r\n <img decoding=\"async\" class=\"nav-drawer-logo\" src=\"https:\/\/smarthub.mu\/wp-content\/uploads\/2026\/06\/smarthub-logo-full.png\" alt=\"Smart Hub.mu\" width=\"123\" height=\"30\" style=\"height:30px !important;width:auto !important;max-width:none !important;display:block;\">\r\n <button class=\"nav-drawer-close\" onclick=\"closeMobileMenu()\" aria-label=\"Close menu\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M6 6l12 12M18 6L6 18\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <span class=\"pill nav-drawer-tag\">Flacq \u00b7 RDR \u00b7 Conoromdel<\/span>\r\n <div class=\"drawer-audience-toggle\">\r\n <button class=\"drawer-audience-btn active\" id=\"drawer-btn-personal\" onclick=\"setAudience('personal');closeMobileMenu()\">Personal<\/button>\r\n <button class=\"drawer-audience-btn\" id=\"drawer-btn-commercial\" onclick=\"setAudience('commercial');closeMobileMenu()\">Commercial<\/button>\r\n <\/div>\r\n <nav class=\"nav-drawer-links\" aria-label=\"Mobile\">\r\n <a href=\"#services\">Services <svg viewBox=\"0 0 24 24\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/a>\r\n <a href=\"#units\">Hubs <svg viewBox=\"0 0 24 24\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/a>\r\n <a href=\"#pickup\">Collection <svg viewBox=\"0 0 24 24\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/a>\r\n <a href=\"#industries\">Industries <svg viewBox=\"0 0 24 24\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/a>\r\n <a href=\"#faq\">FAQ <svg viewBox=\"0 0 24 24\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/a>\r\n <a href=\"#contact\">Contact <svg viewBox=\"0 0 24 24\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/a>\r\n <\/nav>\r\n <div class=\"nav-drawer-cta\">\r\n <a href=\"#contact\" class=\"btn btn-primary\" onclick=\"closeMobileMenu()\">Tell Us What You Need<\/a>\r\n <div class=\"nav-drawer-social\">\r\n <a class=\"social-link\" href=\"#\" aria-label=\"Smart Hub.mu on Facebook\" target=\"_blank\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\"><path d=\"M22 12.06C22 6.5 17.52 2 12 2S2 6.5 2 12.06c0 5 3.66 9.15 8.44 9.94v-7.03H7.9v-2.91h2.54V9.85c0-2.5 1.49-3.89 3.78-3.89 1.1 0 2.24.2 2.24.2v2.46h-1.26c-1.24 0-1.63.77-1.63 1.56v1.87h2.78l-.44 2.91h-2.34V22c4.78-.79 8.44-4.94 8.44-9.94z\"\/><\/svg><\/a>\r\n <a class=\"social-link\" href=\"#\" aria-label=\"Smart Hub.mu on Instagram\" target=\"_blank\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2.2c2.67 0 3 .01 4.06.06 1.06.05 1.79.22 2.43.47.66.26 1.14.57 1.64 1.07.5.5.81.98 1.07 1.64.25.64.42 1.37.47 2.43.05 1.06.06 1.39.06 4.06s-.01 3-.06 4.06c-.05 1.06-.22 1.79-.47 2.43a4.4 4.4 0 0 1-1.07 1.64c-.5.5-.98.81-1.64 1.07-.64.25-1.37.42-2.43.47-1.06.05-1.39.06-4.06.06s-3-.01-4.06-.06c-1.06-.05-1.79-.22-2.43-.47a4.4 4.4 0 0 1-1.64-1.07 4.4 4.4 0 0 1-1.07-1.64c-.25-.64-.42-1.37-.47-2.43C2.21 15 2.2 14.67 2.2 12s.01-3 .06-4.06c.05-1.06.22-1.79.47-2.43.26-.66.57-1.14 1.07-1.64.5-.5.98-.81 1.64-1.07.64-.25 1.37-.42 2.43-.47C9 2.21 9.33 2.2 12 2.2zm0 1.8c-2.62 0-2.93.01-3.96.06-.86.04-1.33.18-1.64.3-.41.16-.71.35-1.02.66-.31.31-.5.61-.66 1.02-.12.31-.26.78-.3 1.64C4.37 9.07 4.36 9.38 4.36 12s.01 2.93.06 3.96c.04.86.18 1.33.3 1.64.16.41.35.71.66 1.02.31.31.61.5 1.02.66.31.12.78.26 1.64.3 1.03.05 1.34.06 3.96.06s2.93-.01 3.96-.06c.86-.04 1.33-.18 1.64-.3.41-.16.71-.35 1.02-.66.31-.31.5-.61.66-1.02.12-.31.26-.78.3-1.64.05-1.03.06-1.34.06-3.96s-.01-2.93-.06-3.96c-.04-.86-.18-1.33-.3-1.64a2.6 2.6 0 0 0-.66-1.02 2.6 2.6 0 0 0-1.02-.66c-.31-.12-.78-.26-1.64-.3C14.93 4 14.62 4 12 4zm0 3.05a4.95 4.95 0 1 1 0 9.9 4.95 4.95 0 0 1 0-9.9zm0 1.8a3.15 3.15 0 1 0 0 6.3 3.15 3.15 0 0 0 0-6.3zm5.3-3.5a1.16 1.16 0 1 1 0 2.32 1.16 1.16 0 0 1 0-2.32z\"\/><\/svg><\/a>\r\n <a class=\"social-link\" href=\"#\" aria-label=\"Smart Hub.mu on LinkedIn\" target=\"_blank\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\"><path d=\"M20.45 20.45h-3.55v-5.57c0-1.33-.02-3.03-1.85-3.03-1.85 0-2.14 1.45-2.14 2.94v5.66H9.36V9h3.41v1.56h.05c.48-.9 1.64-1.85 3.38-1.85 3.6 0 4.27 2.37 4.27 5.46v6.28zM5.34 7.43a2.06 2.06 0 1 1 0-4.12 2.06 2.06 0 0 1 0 4.12zM3.56 20.45h3.56V9H3.56v11.45z\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n<section class=\"hero\" id=\"top\" style=\"position:relative;overflow:hidden;\">\r\n <img decoding=\"async\" class=\"hero-bg-photo\" src=\"https:\/\/smarthub.mu\/wp-content\/uploads\/2026\/06\/smarthub_flacq_precinct_aerial_threequarter.png\" alt=\"Aerial view of the Smart Hub.mu Flacq precinct\" style=\"position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;z-index:-1;display:block;\">\r\n <div class=\"hero-scrim\" style=\"position:absolute;inset:0;background:linear-gradient(100deg, rgba(62,52,124,0.90) 0%, rgba(62,52,124,0.82) 36%, rgba(62,52,124,0.48) 60%, rgba(62,52,124,0.14) 84%, rgba(62,52,124,0) 100%);z-index:-1;pointer-events:none;\"><\/div>\r\n <div class=\"hero-content\">\r\n <div class=\"container\">\r\n\r\n \r\n <div class=\"hero-top\" id=\"hero-personal-content\">\r\n <span class=\"hero-badge\">Flacq \u00b7 RDR \u00b7 Conoromdel \u2014 Mauritius<\/span>\r\n <h1 style=\"font-size:clamp(36px,5vw,56px) !important;line-height:1.1 !important;margin-bottom:24px !important;\">Shop online. Collect safely.<br><em>Any day of the week.<\/em><\/h1>\r\n <p class=\"hero-sub\">Use your Smart Hub.mu address and unique customer ID to collect parcels from Temu, Shein, Alibaba, AliExpress, and any online store \u2014 safely, at your convenience, seven days a week.<\/p>\r\n <ul class=\"hero-bullets\">\r\n <li>Your own Smart Hub.mu address and unique customer ID<\/li>\r\n <li>Collect any day \u2014 open seven days a week at every hub<\/li>\r\n <li>Works with Temu, Shein, Alibaba, AliExpress and more<\/li>\r\n <li>Safer than home delivery \u2014 no missed parcels, no uncertainty<\/li>\r\n <\/ul>\r\n <div class=\"hero-btns\">\r\n <a href=\"#contact\" class=\"btn btn-primary\">Get Your Customer ID<\/a>\r\n <a href=\"#pickup\" class=\"btn btn-ghost\">See How It Works<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hero-top\" id=\"hero-commercial-content\" style=\"display:none;\">\r\n <span class=\"hero-badge\">Flacq \u00b7 RDR \u00b7 Conoromdel \u2014 Mauritius<\/span>\r\n <h1 style=\"font-size:clamp(36px,5vw,56px) !important;line-height:1.1 !important;margin-bottom:24px !important;\">Warehousing, fulfilment, and distribution \u2014<br><em>one connected platform.<\/em><\/h1>\r\n <p class=\"hero-sub\">Plug your business into a connected logistics network across Flacq, RDR, and Conoromdel \u2014 with warehousing, bonded storage, fulfilment, cross-docking, and value-add processing all under one roof.<\/p>\r\n <ul class=\"hero-bullets\">\r\n <li>Warehousing, bonded storage, and inventory control<\/li>\r\n <li>Fulfilment, cross-dock, and island-wide distribution<\/li>\r\n <li>Value-add processing \u2014 labelling, kitting, and repackaging<\/li>\r\n <li>Flexible commercial terms \u2014 short-term, seasonal, or long-term<\/li>\r\n <\/ul>\r\n <div class=\"hero-btns\">\r\n <a href=\"#contact\" class=\"btn btn-primary\">Request a Proposal<\/a>\r\n <a href=\"#services\" class=\"btn btn-ghost\">Explore Services<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hero-audience-prompt\" id=\"hero-audience-prompt\">\r\n <span class=\"hero-audience-label\">Who are you? Choose your experience:<\/span>\r\n <div class=\"hero-audience-btns\">\r\n <button class=\"hero-aud-btn active\" id=\"hero-btn-personal\" onclick=\"setAudience('personal')\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg>\r\n Personal Shopper\r\n <\/button>\r\n <button class=\"hero-aud-btn\" id=\"hero-btn-commercial\" onclick=\"setAudience('commercial')\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 7V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2\"\/><\/svg>\r\n Business\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-stats-bar\">\r\n <div class=\"container\">\r\n <div class=\"hero-stats-bar-inner\">\r\n <div class=\"hero-stats-grid\">\r\n <div class=\"hero-stat\"><span class=\"hero-stat-val\">7<\/span><span class=\"hero-stat-label\">Days a Week<\/span><\/div>\r\n <div class=\"hero-stat\"><span class=\"hero-stat-val\">1<\/span><span class=\"hero-stat-label\">Customer ID<\/span><\/div>\r\n <div class=\"hero-stat\"><span class=\"hero-stat-val\">3<\/span><span class=\"hero-stat-label\">Connected Hubs<\/span><\/div>\r\n <div class=\"hero-stat\"><span class=\"hero-stat-val\">Flex<\/span><span class=\"hero-stat-label\">Commercial Terms<\/span><\/div>\r\n <\/div>\r\n <div class=\"hero-services-row\">\r\n <span class=\"hero-service-pill\"><span class=\"dot\"><\/span>Parcel Collection<\/span>\r\n <span class=\"hero-service-pill\"><span class=\"dot\"><\/span>Warehousing<\/span>\r\n <span class=\"hero-service-pill\"><span class=\"dot\"><\/span>Fulfilment<\/span>\r\n <span class=\"hero-service-pill\"><span class=\"dot\"><\/span>Distribution<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<section class=\"value-strip\">\r\n <div class=\"container\">\r\n <div class=\"value-grid\">\r\n <div class=\"value-item anim anim-delay-1\">\r\n <a class=\"value-link\" href=\"#pickup\"><img decoding=\"async\" class=\"value-logo\" src=\"https:\/\/smarthub.mu\/wp-content\/uploads\/2026\/06\/smart-collect.png\" alt=\"SMARTcollect\" style=\"height:30px !important;width:auto !important;max-width:none !important;display:block;margin:0 auto 18px;\"><\/a>\r\n <p>Your own address and customer ID \u2014 collect any day of the week.<\/p>\r\n <\/div>\r\n <div class=\"value-item anim anim-delay-2\">\r\n <a class=\"value-link\" href=\"#services\"><img decoding=\"async\" class=\"value-logo\" src=\"https:\/\/smarthub.mu\/wp-content\/uploads\/2026\/06\/smart-storage.png\" alt=\"SMARTstorage\" style=\"height:30px !important;width:auto !important;max-width:none !important;display:block;margin:0 auto 18px;\"><\/a>\r\n <p>Flexible dry, racked, and bonded storage across three hubs.<\/p>\r\n <\/div>\r\n <div class=\"value-item anim anim-delay-3\">\r\n <a class=\"value-link\" href=\"#services\"><img decoding=\"async\" class=\"value-logo\" src=\"https:\/\/smarthub.mu\/wp-content\/uploads\/2026\/06\/smart-parcel.png\" alt=\"SMARTparcel\" style=\"height:30px !important;width:auto !important;max-width:none !important;display:block;margin:0 auto 18px;\"><\/a>\r\n <p>Pick, pack, cross-dock, and dispatch \u2014 fulfilment built for throughput.<\/p>\r\n <\/div>\r\n <div class=\"value-item anim anim-delay-4\">\r\n <a class=\"value-link\" href=\"#pickup\"><img decoding=\"async\" class=\"value-logo\" src=\"https:\/\/smarthub.mu\/wp-content\/uploads\/2026\/06\/smart-buyer.png\" alt=\"SMARTbuyer\" style=\"height:30px !important;width:auto !important;max-width:none !important;display:block;margin:0 auto 18px;\"><\/a>\r\n <p>Shop smarter from Temu, Shein, Alibaba, AliExpress, and more.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<section class=\"services section\" id=\"services\" data-audience=\"commercial\">\r\n <div class=\"container\">\r\n <div class=\"section-head\">\r\n <div class=\"tag\">What We Offer<\/div>\r\n <h2>Everything you need to collect, store, ship, and sell smarter.<\/h2>\r\n <p>From a single parcel collection to a full warehousing and distribution setup \u2014 Smart Hub.mu handles the logistics so you can focus on what matters.<\/p>\r\n <\/div>\r\n <div class=\"cards-grid\">\r\n <div class=\"info-card anim\">\r\n <div class=\"card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><\/div>\r\n <h3>Secure Parcel Collection<\/h3>\r\n <p class=\"lede\">Shop online from Temu, Shein, Alibaba, AliExpress, and other merchants, then collect safely from a secure hub instead of waiting on an uncertain home delivery.<\/p>\r\n <ul class=\"card-bullets\">\r\n <li>Dedicated Smart Hub.mu address plus your unique customer ID<\/li>\r\n <li>Collect any day \u2014 open seven days a week<\/li>\r\n <li>Built for global marketplace ordering<\/li>\r\n <li>Safer and more predictable than last-mile drop-offs<\/li>\r\n <\/ul>\r\n <a href=\"#pickup\" class=\"card-link\">See how collection works<\/a>\r\n <\/div>\r\n <div class=\"info-card anim anim-delay-1\">\r\n <div class=\"card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 16V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16z\"\/><polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\/><line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\/><\/svg><\/div>\r\n <h3>Warehousing & Inventory Control<\/h3>\r\n <p class=\"lede\">Flexible dry storage, pallet holding, and racked space for businesses that need dependable stock visibility and controlled handling.<\/p>\r\n <ul class=\"card-bullets\">\r\n <li>Short-, medium-, or long-term occupancy options<\/li>\r\n <li>Space planning around turnover and product type<\/li>\r\n <li>Structured receiving, put-away, and release workflows<\/li>\r\n <li>Suited to importers, distributors & e-commerce operators<\/li>\r\n <\/ul>\r\n <a href=\"#contact\" class=\"card-link\">Enquire about warehousing<\/a>\r\n <\/div>\r\n <div class=\"info-card anim anim-delay-2\">\r\n <div class=\"card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 3l7 3v5c0 5-3 8.5-7 10-4-1.5-7-5-7-10V6l7-3z\"\/><path d=\"M9.5 12l2 2 3-3.5\"\/><\/svg><\/div>\r\n <h3>Bonded & Customs-Aware Storage<\/h3>\r\n <p class=\"lede\">Support for businesses managing duty-sensitive stock or imported inventory requiring controlled treatment before entry into the local market.<\/p>\r\n <ul class=\"card-bullets\">\r\n <li>Customs-conscious inventory planning<\/li>\r\n <li>Improved cash flow through managed release timing<\/li>\r\n <li>Deferred release strategies for sensitive stock<\/li>\r\n <li>Suited to importers, distributors & regional traders<\/li>\r\n <\/ul>\r\n <a href=\"#contact\" class=\"card-link\">Ask about bonded storage<\/a>\r\n <\/div>\r\n <div class=\"info-card anim anim-delay-3\">\r\n <div class=\"card-icon\"><svg viewBox=\"0 0 24 24\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"1\"\/><polygon points=\"16 8 20 8 23 11 23 16 16 16 16 8\"\/><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/><\/svg><\/div>\r\n <h3>Fulfilment & Order Execution<\/h3>\r\n <p class=\"lede\">Receiving, pick-and-pack, dispatch preparation, and returns handling for e-commerce, wholesale, and direct distribution businesses.<\/p>\r\n <ul class=\"card-bullets\">\r\n <li>Order flow built around accuracy and responsiveness<\/li>\r\n <li>Useful for campaign peaks and scaling operators<\/li>\r\n <li>Returns receiving and basic inspection<\/li>\r\n <li>Stock-to-customer movement with less friction<\/li>\r\n <\/ul>\r\n <a href=\"#contact\" class=\"card-link\">Get fulfilment support<\/a>\r\n <\/div>\r\n <div class=\"info-card anim anim-delay-4\">\r\n <div class=\"card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M7 7h10l-3-3\"\/><path d=\"M17 17H7l3 3\"\/><\/svg><\/div>\r\n <h3>Cross-Dock & Distribution<\/h3>\r\n <p class=\"lede\">For businesses that need stock to move rather than sit still, with staging, transfer, and dispatch support that shortens handling cycles.<\/p>\r\n <ul class=\"card-bullets\">\r\n <li>Inbound-to-outbound flow planning<\/li>\r\n <li>Vehicle movement and throughput coordination<\/li>\r\n <li>Staging, transfer & dispatch support<\/li>\r\n <li>Strong fit for larger distributors and 3PLs<\/li>\r\n <\/ul>\r\n <a href=\"#contact\" class=\"card-link\">Talk to us about distribution<\/a>\r\n <\/div>\r\n <div class=\"info-card anim\">\r\n <div class=\"card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M20.59 13.41l-7.17 7.17a2 2 0 01-2.83 0L2 12V2h10l8.59 8.59a2 2 0 010 2.82z\"\/><line x1=\"7\" y1=\"7\" x2=\"7.01\" y2=\"7\"\/><\/svg><\/div>\r\n <h3>Value-Add Processing<\/h3>\r\n <p class=\"lede\">Light assembly, kitting, labelling, and repackaging for goods that require local finishing before release into trade channels.<\/p>\r\n <ul class=\"card-bullets\">\r\n <li>Batch-ready and SKU-flexible workflows<\/li>\r\n <li>Repackaging and quality checks<\/li>\r\n <li>Traceable, compliance-sensitive processes<\/li>\r\n <li>Useful for FMCG, cosmetics, electronics & retail goods<\/li>\r\n <\/ul>\r\n <a href=\"#contact\" class=\"card-link\">Discuss processing needs<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"photo-cinematic\">\r\n <img decoding=\"async\" src=\"https:\/\/smarthub.mu\/wp-content\/uploads\/2026\/06\/smarthub_interior_storage-scaled.png\" alt=\"Inside a Smart Hub.mu SMARTStorage unit corridor\" style=\"width:100%;height:480px;object-fit:cover;display:block;\">\r\n <div class=\"photo-cinematic-overlay\"><\/div>\r\n <div class=\"photo-cinematic-caption\">\r\n <span class=\"photo-cinematic-tag\">SMARTStorage<\/span>\r\n <strong>Inside the storage corridor<\/strong>\r\n <span>Secure, individually numbered units \u2014 from short-term to long-term occupancy<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<section class=\"section section-alt\" id=\"industries\" data-audience=\"commercial\">\r\n <div class=\"container\">\r\n <div class=\"section-head\">\r\n <div class=\"tag\">Sectors We Serve<\/div>\r\n <h2>Built for the businesses that need us most.<\/h2>\r\n <p>Strong service content does more than describe generic warehousing \u2014 these profiles reflect real sectors using the platform today.<\/p>\r\n <\/div>\r\n <div class=\"cards-grid cards-grid-3\">\r\n <div class=\"plain-card anim\"><h3>Import & distribution<\/h3><p>For businesses bringing goods into Mauritius and needing secure storage, staged release, and dependable onward distribution.<\/p><\/div>\r\n <div class=\"plain-card anim anim-delay-1\"><h3>E-commerce & omnichannel retail<\/h3><p>For online sellers needing flexible inventory, fulfilment, returns handling, and support during fast growth or campaigns.<\/p><\/div>\r\n <div class=\"plain-card anim anim-delay-2\"><h3>FMCG & consumer goods<\/h3><p>For product businesses that need stock rotation, replenishment speed, and efficient movement to retail-ready dispatch.<\/p><\/div>\r\n <div class=\"plain-card anim anim-delay-3\"><h3>Pharmaceutical & regulated products<\/h3><p>For categories where traceability, process discipline, and careful product handling matter as much as available space.<\/p><\/div>\r\n <div class=\"plain-card anim anim-delay-4\"><h3>Manufacturing & industrial operators<\/h3><p>For businesses that need staging, component holding, larger yards, and process-driven logistics infrastructure.<\/p><\/div>\r\n <div class=\"plain-card anim\"><h3>Brands needing local finishing<\/h3><p>For businesses whose goods require local assembly, relabelling, repackaging, or market-specific preparation before release.<\/p><\/div>\r\n <\/div>\r\n <div class=\"photo-cinematic\">\r\n <img decoding=\"async\" src=\"https:\/\/smarthub.mu\/wp-content\/uploads\/2026\/06\/smarthub_flacq_closeup_wholesalebay.png\" alt=\"Trade counter unit operating from a Smart Hub.mu storefront\" style=\"width:100%;height:480px;object-fit:cover;display:block;\">\r\n <div class=\"photo-cinematic-overlay\"><\/div>\r\n <div class=\"photo-cinematic-caption\">\r\n <span class=\"photo-cinematic-tag\">On site<\/span>\r\n <strong>Real businesses, operating from Smart Hub.mu<\/strong>\r\n <span>Trade counters, wholesale bays, and specialist units across the precinct<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<section class=\"how-it-works\" id=\"how-it-works\" data-audience=\"commercial\">\r\n <div class=\"container\">\r\n <div class=\"section-head\">\r\n <div class=\"tag\">Simple Process<\/div>\r\n <h2>Up and running in 3 simple steps.<\/h2>\r\n <p>No lengthy onboarding, no complex contracts. Tell us what you need and we'll have you sorted fast.<\/p>\r\n <\/div>\r\n <div class=\"steps-grid\">\r\n <div class=\"step anim\"><span class=\"step-num\">01<\/span><h4>Tell us what you need<\/h4><p>Fill in a short enquiry and we'll match you to the right hub and service \u2014 collection, warehousing, fulfilment, distribution, or processing. No obligation.<\/p><\/div>\r\n <div class=\"step anim anim-delay-1\"><span class=\"step-num\">02<\/span><h4>We set you up fast<\/h4><p>Clear pricing and flexible commercial terms that scale with you \u2014 whether you need a customer ID or a full warehousing solution.<\/p><\/div>\r\n <div class=\"step anim anim-delay-2\"><span class=\"step-num\">03<\/span><h4>Run smoother every day<\/h4><p>From same-day parcel collection to a fully connected supply chain \u2014 your logistics run smoothly while you focus on your business.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<section class=\"split\" id=\"about\">\r\n <div class=\"container\">\r\n <div class=\"split-inner\">\r\n <div class=\"split-visual anim\">\r\n <div class=\"split-image-block\" style=\"position:relative;overflow:hidden;\">\r\n <img decoding=\"async\" class=\"split-image-photo\" src=\"https:\/\/smarthub.mu\/wp-content\/uploads\/2026\/06\/rdr_interior_arrival_hall-2-scaled.png\" alt=\"Smart Hub.mu welcome area\" style=\"position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 32%;z-index:-2;display:block;\">\r\n <div class=\"split-image-scrim\" style=\"position:absolute;inset:0;background:linear-gradient(160deg, rgba(62,52,124,0.86), rgba(62,52,124,0.74));z-index:-1;\"><\/div>\r\n <span class=\"split-location\">\ud83d\udccd Flacq \u00b7 RDR \u00b7 Conoromdel<\/span>\r\n <h3>Three hubs. One connected platform.<\/h3>\r\n <p>Each site has its own specialist role, but together they form a single logistics network \u2014 open every day for collection, and ready for business around the clock.<\/p>\r\n <div class=\"split-features\">\r\n <div class=\"split-feat\"><span class=\"split-feat-dot\"><\/span>Flacq \u00b7 Collection<\/div>\r\n <div class=\"split-feat\"><span class=\"split-feat-dot\"><\/span>RDR \u00b7 Distribution<\/div>\r\n <div class=\"split-feat\"><span class=\"split-feat-dot\"><\/span>Conoromdel \u00b7 Processing<\/div>\r\n <div class=\"split-feat\"><span class=\"split-feat-dot\"><\/span>7-Day Access<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"split-text anim anim-delay-1\">\r\n <div class=\"tag\">About Smart Hub.mu<\/div>\r\n <h2>One smart hub for collection, storage, <span>and distribution.<\/span><\/h2>\r\n <p>Built to make life easier for everyday shoppers and businesses across Mauritius. Instead of juggling a courier, a warehouse, and a fulfilment partner separately, you plug into one connected network \u2014 Flacq, RDR, and Conoromdel \u2014 each playing a distinct role in getting your parcels and products where they need to be.<\/p>\r\n <ul class=\"benefits-list\">\r\n <li><span class=\"benefit-check\"><svg viewBox=\"0 0 12 12\"><path d=\"M2 6l3 3 5-4.5\"\/><\/svg><\/span>One platform: collection, warehousing, fulfilment & processing<\/li>\r\n <li><span class=\"benefit-check\"><svg viewBox=\"0 0 12 12\"><path d=\"M2 6l3 3 5-4.5\"\/><\/svg><\/span>Secure, 7-day parcel collection with your own customer ID<\/li>\r\n <li><span class=\"benefit-check\"><svg viewBox=\"0 0 12 12\"><path d=\"M2 6l3 3 5-4.5\"\/><\/svg><\/span>Built for shoppers, importers, distributors & e-commerce brands<\/li>\r\n <li><span class=\"benefit-check\"><svg viewBox=\"0 0 12 12\"><path d=\"M2 6l3 3 5-4.5\"\/><\/svg><\/span>Flexible commercial terms \u2014 short-term, seasonal, or long-term<\/li>\r\n <\/ul>\r\n <a href=\"#contact\" class=\"btn btn-primary\">Get in Touch<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<section class=\"section section-alt\" id=\"units\">\r\n <div class=\"container\">\r\n <div class=\"section-head\">\r\n <div class=\"tag\">Our Hubs<\/div>\r\n <h2>Flacq, RDR, and Conoromdel \u2014 each with a distinct role.<\/h2>\r\n <p>Together they form Smart Hub.mu's connected network for collection, storage, and distribution across Mauritius.<\/p>\r\n <\/div>\r\n <div class=\"cards-grid-3\">\r\n <div class=\"info-card accent-navy hub-card anim\">\r\n <div class=\"hub-card-photo\">\r\n <img decoding=\"async\" src=\"https:\/\/smarthub.mu\/wp-content\/uploads\/2026\/06\/smarthub_flacq_precinct_front_elevation.png\" alt=\"Smart Hub.mu Flacq precinct\" style=\"width:100%;height:230px;object-fit:cover;display:block;\">\r\n <span class=\"hub-card-loc\">\ud83d\udccd Flacq<\/span>\r\n <\/div>\r\n <div class=\"hub-card-body\">\r\n <h3>Flacq hub<span class=\"code-chip\">FLQ-01<\/span><\/h3>\r\n <p class=\"lede\">Eastern Mauritius warehousing, fulfilment & collection. Flacq is the approachable face of Smart Hub.mu \u2014 a safe, dependable collection point for shoppers and families \u2014 and a flexible logistics node for businesses needing warehousing, inventory control, and order movement.<\/p>\r\n <ul class=\"card-bullets\">\r\n <li>Secure storage & bonded inventory management<\/li>\r\n <li>Direct-to-customer picking & returns handling<\/li>\r\n <li>Trusted parcel collection point, 7 days a week<\/li>\r\n <li>Suited to importers, distributors & e-commerce<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"info-card accent-navy hub-card anim anim-delay-1\">\r\n <div class=\"hub-card-photo\">\r\n <img decoding=\"async\" src=\"https:\/\/smarthub.mu\/wp-content\/uploads\/2026\/06\/smarthub_containers_aerial_v2-scaled.png\" alt=\"Smart Hub.mu RDR park container yard\" style=\"width:100%;height:230px;object-fit:cover;object-position:center 40%;display:block;\">\r\n <span class=\"hub-card-loc\">\ud83d\udccd RDR<\/span>\r\n <\/div>\r\n <div class=\"hub-card-body\">\r\n <h3>RDR park<span class=\"code-chip\">RDR-02<\/span><\/h3>\r\n <p class=\"lede\">High-throughput distribution & industrial capacity. RDR is the larger-scale operating environment within Smart Hub.mu \u2014 built for volume, movement, and throughput \u2014 and the operational engine that keeps the wider collection network reliable at scale.<\/p>\r\n <ul class=\"card-bullets\">\r\n <li>Industrial warehousing, truck access & cross-docking<\/li>\r\n <li>Staging, yard usage & larger footprint occupation<\/li>\r\n <li>Faster, more controlled parcel movement network-wide<\/li>\r\n <li>Best for high-volume, regular inbound\/outbound flow<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"info-card accent-navy hub-card anim anim-delay-2\">\r\n <div class=\"hub-card-photo\">\r\n <img decoding=\"async\" src=\"https:\/\/smarthub.mu\/wp-content\/uploads\/2026\/06\/rdr_interior_3pl_whitebox-scaled.png\" alt=\"Smart Hub.mu Conoromdel interior\" style=\"width:100%;height:230px;object-fit:cover;display:block;\">\r\n <span class=\"hub-card-loc\">\ud83d\udccd Conoromdel<\/span>\r\n <\/div>\r\n <div class=\"hub-card-body\">\r\n <h3>Conoromdel<span class=\"code-chip\">CNM-03<\/span><\/h3>\r\n <p class=\"lede\">Value-add logistics & product readiness. Conoromdel is the specialist node for what happens between import and final sale \u2014 assembly, relabelling, repackaging, and quality checks \u2014 adding flexibility to both product handling and parcel consolidation.<\/p>\r\n <ul class=\"card-bullets\">\r\n <li>Light assembly, kitting & relabelling<\/li>\r\n <li>Repackaging, QA checks & batch preparation<\/li>\r\n <li>Parcel consolidation & organised release<\/li>\r\n <li>Useful for FMCG, cosmetics & retail goods<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"photo-panoramic\">\r\n <img decoding=\"async\" src=\"https:\/\/smarthub.mu\/wp-content\/uploads\/2026\/06\/smarthub_flacq_precinct_aerial_threequarter.png\" alt=\"Smart Hub.mu Flacq precinct aerial \u2014 warehousing, containers and yard\" style=\"width:100%;height:400px;object-fit:cover;object-position:center 35%;display:block;\">\r\n <div class=\"photo-panoramic-overlay\"><\/div>\r\n <div class=\"photo-panoramic-caption\">\r\n <strong>The complete Flacq precinct<\/strong>\r\n <span>Warehousing, bonded container storage, and open yard \u2014 all on one site<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<section class=\"pickup section\" id=\"pickup\" data-audience=\"personal\">\r\n <div class=\"container\">\r\n <div class=\"section-head anim\">\r\n <img decoding=\"async\" class=\"section-badge\" src=\"https:\/\/smarthub.mu\/wp-content\/uploads\/2026\/06\/smart-collect.png\" alt=\"SMARTcollect\" style=\"height:26px !important;width:auto !important;max-width:none !important;display:block;margin:0 auto 16px;\">\r\n <div class=\"tag\">Consumer Parcel Service<\/div>\r\n <h2>Use our address as your safe delivery point.<\/h2>\r\n <p>Ship your online purchases directly to a hub and collect when it suits you. No missed deliveries, no parcels left at the door.<\/p>\r\n <\/div>\r\n <div class=\"brands-strip anim\">\r\n <img decoding=\"async\" class=\"section-badge\" src=\"https:\/\/smarthub.mu\/wp-content\/uploads\/2026\/06\/smart-buyer.png\" alt=\"SMARTbuyer\" style=\"height:26px !important;width:auto !important;max-width:none !important;display:block;margin:0 auto 14px;\">\r\n <p>Works with orders from<\/p>\r\n <div class=\"brands-row\">\r\n <span class=\"brand-pill\">Temu<\/span>\r\n <span class=\"brand-pill\">Shein<\/span>\r\n <span class=\"brand-pill\">Alibaba<\/span>\r\n <span class=\"brand-pill\">AliExpress<\/span>\r\n <span class=\"brand-pill\">+ Any Online Store<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pickup-grid\">\r\n <div class=\"pickup-step anim\"><div class=\"pickup-step-num\">01<\/div><h5>Register with Smart Hub.mu<\/h5><p>Sign up and receive your official delivery address plus a unique customer ID for parcel matching.<\/p><\/div>\r\n <div class=\"pickup-step anim anim-delay-1\"><div class=\"pickup-step-num\">02<\/div><h5>Use our address & ID<\/h5><p>Add your Smart Hub.mu address and customer ID when shopping on Temu, Shein, Alibaba, AliExpress, or any other store.<\/p><\/div>\r\n <div class=\"pickup-step anim anim-delay-2\"><div class=\"pickup-step-num\">03<\/div><h5>We receive & secure it<\/h5><p>Your parcel arrives at the hub, is matched to your account, checked in, and held safely for collection.<\/p><\/div>\r\n <div class=\"pickup-step anim anim-delay-3\"><div class=\"pickup-step-num\">04<\/div><h5>Collect 7 days a week<\/h5><p>Bring your ID and reference. Collect any day that works for you, including weekends.<\/p><\/div>\r\n <\/div>\r\n <div class=\"facility-gallery\">\r\n <div class=\"photo-cinematic\" style=\"margin-top:0;\">\r\n <img decoding=\"async\" src=\"https:\/\/smarthub.mu\/wp-content\/uploads\/2026\/06\/rdr_interior_smartparcel_hub-scaled.png\" alt=\"Inside the Smart Hub.mu SMARTparcel sorting hub\" style=\"width:100%;height:380px;object-fit:cover;display:block;\">\r\n <div class=\"photo-cinematic-overlay\"><\/div>\r\n <div class=\"photo-cinematic-caption\">\r\n <span class=\"photo-cinematic-tag\">SMARTparcel<\/span>\r\n <strong>Inside the sorting hub<\/strong>\r\n <span>Every parcel matched, checked in, and held safely for collection<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"photo-cinematic\" style=\"margin-top:0;\">\r\n <img decoding=\"async\" src=\"https:\/\/smarthub.mu\/wp-content\/uploads\/2026\/06\/smarthub_interior_wholesale-scaled.png\" alt=\"Smart Hub.mu SMARTbuyer collection counter\" style=\"width:100%;height:380px;object-fit:cover;display:block;\">\r\n <div class=\"photo-cinematic-overlay\"><\/div>\r\n <div class=\"photo-cinematic-caption\">\r\n <span class=\"photo-cinematic-tag\">SMARTbuyer<\/span>\r\n <strong>The collection counter<\/strong>\r\n <span>Quick, friendly check-in \u2014 seven days a week<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"certainty-grid\">\r\n <div class=\"plain-card anim\"><h3>Safer than uncertain drop-offs<\/h3><p>A secure hub gives you more confidence than hoping a parcel reaches the right doorstep at the right time.<\/p><\/div>\r\n <div class=\"plain-card anim anim-delay-1\"><h3>Easier for frequent buyers<\/h3><p>One address and one customer ID make repeat marketplace ordering simpler and more consistent.<\/p><\/div>\r\n <div class=\"plain-card anim anim-delay-2\"><h3>Great for shared households<\/h3><p>A reliable collection point reduces missed parcels and confusion over who's home to receive deliveries.<\/p><\/div>\r\n <div class=\"plain-card anim anim-delay-3\"><h3>Convenient all week<\/h3><p>Seven-day access means collection fits your schedule, not the courier's.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<section class=\"glance section\" data-audience=\"commercial\">\r\n <div class=\"container\">\r\n <div class=\"glance-inner\">\r\n <div class=\"glance-visual anim\">\r\n <span class=\"glance-stat\">3<\/span>\r\n <span class=\"glance-label\">Connected hubs \u2014 Flacq, RDR, and Conoromdel, working as one network.<\/span>\r\n <div class=\"glance-tags\">\r\n <span class=\"glance-tag\">Industrial Warehousing<\/span>\r\n <span class=\"glance-tag\">Bonded Storage<\/span>\r\n <span class=\"glance-tag\">Cross-Docking<\/span>\r\n <span class=\"glance-tag\">Value-Add Processing<\/span>\r\n <span class=\"glance-tag\">Distribution Support<\/span>\r\n <span class=\"glance-tag\">Customer Collection<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"split-text anim anim-delay-1\">\r\n <div class=\"tag\">Platform Overview<\/div>\r\n <h2>Built for modern supply chains, <span>not just warehouse space.<\/span><\/h2>\r\n <p>Smart Hub.mu is a logistics and industrial platform rather than a single-site facility. Businesses today need more than storage \u2014 they need flexibility, process discipline, visibility, and the ability to move stock from inbound receipt through to customer-ready dispatch.<\/p>\r\n <ul class=\"benefits-list\">\r\n <li><span class=\"benefit-check\"><svg viewBox=\"0 0 12 12\"><path d=\"M2 6l3 3 5-4.5\"\/><\/svg><\/span>Store with control \u2014 secure racked, bulk, or bonded inventory configured around your operations<\/li>\r\n <li><span class=\"benefit-check\"><svg viewBox=\"0 0 12 12\"><path d=\"M2 6l3 3 5-4.5\"\/><\/svg><\/span>Process where required \u2014 label, repack, assemble, or prepare product for market release<\/li>\r\n <li><span class=\"benefit-check\"><svg viewBox=\"0 0 12 12\"><path d=\"M2 6l3 3 5-4.5\"\/><\/svg><\/span>Move with speed \u2014 cross-dock, dispatch, and replenishment built for commercial responsiveness<\/li>\r\n <\/ul>\r\n <a href=\"#services\" class=\"btn btn-primary\">See All Services<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<section class=\"journey\" id=\"journey\" data-audience=\"commercial\">\r\n <div class=\"container\">\r\n <div class=\"section-head anim\">\r\n <div class=\"tag\">Client Journey<\/div>\r\n <h2>A clear path from enquiry to operational launch.<\/h2>\r\n <p>No lengthy onboarding or guesswork \u2014 tell us what you need and we'll structure the right setup, fast.<\/p>\r\n <\/div>\r\n <div class=\"journey-highlight anim\" style=\"position:relative;overflow:hidden;\">\r\n <img decoding=\"async\" class=\"journey-bg-photo\" src=\"https:\/\/smarthub.mu\/wp-content\/uploads\/2026\/06\/smarthub_interior_mezzanine-scaled.png\" alt=\"Smart Hub.mu precinct at dusk\" style=\"position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 38%;z-index:-2;display:block;\">\r\n <div class=\"journey-scrim\" style=\"position:absolute;inset:0;background:linear-gradient(135deg, rgba(62,52,124,0.90), rgba(62,52,124,0.80));z-index:-1;\"><\/div>\r\n <div>\r\n <h3>Ready to talk warehousing, fulfilment, or distribution?<\/h3>\r\n <p>Share your brief and our team will structure a proposal around the right combination of services and hub \u2014 usually within one business day.<\/p>\r\n <\/div>\r\n <a href=\"#contact\" class=\"btn btn-white\">Request a Proposal<\/a>\r\n <\/div>\r\n <div class=\"journey-steps\">\r\n <div class=\"jstep anim\"><span class=\"jstep-num\">01<\/span><h5>Initial brief<\/h5><p>Share your storage needs, product type, volumes, and preferred hub.<\/p><\/div>\r\n <div class=\"jstep anim anim-delay-1\"><span class=\"jstep-num\">02<\/span><h5>Solution design<\/h5><p>We structure a proposal around the right mix of warehousing, fulfilment, or processing.<\/p><\/div>\r\n <div class=\"jstep anim anim-delay-2\"><span class=\"jstep-num\">03<\/span><h5>Site alignment<\/h5><p>Layouts, workflows, and occupancy terms are aligned before launch.<\/p><\/div>\r\n <div class=\"jstep anim anim-delay-3\"><span class=\"jstep-num\">04<\/span><h5>Go-live<\/h5><p>Inventory is received and your Smart Hub.mu unit goes live.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<section class=\"section section-alt\" id=\"faq\">\r\n <div class=\"container\">\r\n <div class=\"section-head anim\">\r\n <div class=\"tag\">Common Questions<\/div>\r\n <h2>Answers for shoppers and businesses.<\/h2>\r\n <p>Can't find what you're looking for? Send us a message and we'll get back to you within one business day.<\/p>\r\n <\/div>\r\n <div class=\"faq-list\">\r\n <details class=\"faq-item anim\"><summary>How do I use Smart Hub.mu as my delivery address?<\/summary><p>Register first to receive your official Smart Hub.mu delivery address and unique customer ID, then use those exact details when ordering online so your parcel can be identified and released correctly.<\/p><\/details>\r\n <details class=\"faq-item anim\"><summary>Can I order from Temu, Shein, Alibaba, and AliExpress?<\/summary><p>Yes. Use your Smart Hub.mu address and customer ID at checkout on those platforms, provided the merchant ships to Mauritius and to that address format.<\/p><\/details>\r\n <details class=\"faq-item anim\"><summary>Why is the customer ID important?<\/summary><p>It lets Smart Hub.mu match incoming parcels to the correct customer account quickly and accurately, especially when many orders arrive from different merchants and marketplaces at once.<\/p><\/details>\r\n <details class=\"faq-item anim\"><summary>Is Smart Hub.mu only for shoppers?<\/summary><p>No. Businesses can also use the platform for warehousing, fulfilment, distribution support, and value-add logistics services behind the customer-facing collection model.<\/p><\/details>\r\n <details class=\"faq-item anim\"><summary>Can clients use one hub only, or combine multiple sites?<\/summary><p>Both options are viable. Some occupiers need only one specialised hub, while others combine Flacq for storage, Conoromdel for finishing, and RDR for distribution flow within one broader operating model.<\/p><\/details>\r\n <details class=\"faq-item anim\"><summary>What kinds of businesses are best suited to Smart Hub.mu?<\/summary><p>Importers, distributors, e-commerce operators, FMCG businesses, product-led brands, manufacturing support operations, and any company needing secure warehousing combined with process or distribution capability.<\/p><\/details>\r\n <details class=\"faq-item anim\"><summary>Can Smart Hub.mu support long-term and project-based needs?<\/summary><p>Yes. The platform supports flexible commercial arrangements, including overflow storage, seasonal programmes, launch campaigns, and established long-term occupancy.<\/p><\/details>\r\n <details class=\"faq-item anim\"><summary>What makes the platform different from a standard warehouse listing?<\/summary><p>The difference is the operational proposition. Smart Hub.mu is built around integrated logistics and industrial functionality rather than simple space availability, which makes it far more relevant to serious supply chain decision-makers.<\/p><\/details>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<section class=\"cta-banner\">\r\n <div class=\"container\">\r\n <div class=\"cta-inner\">\r\n <div class=\"tag\">Get Started Today<\/div>\r\n <h2>Ready to collect fast, store safe and buy smart?<\/h2>\r\n <p>Tell us what you need and we'll get back to you within one business day.<\/p>\r\n <div class=\"cta-btns\">\r\n <a href=\"#contact\" class=\"btn btn-white\">Register Your Address<\/a>\r\n <a href=\"#contact\" class=\"btn btn-ghost\" style=\"border-color:color-mix(in srgb, var(--white) 50%, transparent);color:var(--white);\">Request a Proposal<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<section class=\"contact section\" id=\"contact\">\r\n <div class=\"container\">\r\n <div class=\"contact-inner\">\r\n <div class=\"contact-info anim\">\r\n <div class=\"tag\">Contact Us<\/div>\r\n <h2>Tell us what you need.<\/h2>\r\n <p>Fill in the form and our team will get back to you within one business day. No pressure, no commitment \u2014 just a quick conversation about how we can help.<\/p>\r\n <div class=\"contact-details\">\r\n <div class=\"contact-detail\"><div class=\"contact-detail-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><\/div><div><strong>Location<\/strong><span>Flacq \u00b7 RDR \u00b7 Conoromdel, Mauritius<\/span><\/div><\/div>\r\n <div class=\"contact-detail\"><div class=\"contact-detail-icon\"><svg viewBox=\"0 0 24 24\"><rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\" ry=\"2\"\/><line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\"\/><\/svg><\/div><div><strong>WhatsApp \/ Phone<\/strong><span>Available on enquiry<\/span><\/div><\/div>\r\n <div class=\"contact-detail\"><div class=\"contact-detail-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg><\/div><div><strong>Email<\/strong><span>info@smarthub.mu<\/span><\/div><\/div>\r\n <div class=\"contact-detail\"><div class=\"contact-detail-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg><\/div><div><strong>Collection Hours<\/strong><span>7 days a week, at every hub<\/span><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"form-card anim anim-delay-1\">\r\n <div class=\"form-row\">\r\n <div class=\"form-group\"><label>First Name<\/label><input type=\"text\" placeholder=\"John\" id=\"fname\"><\/div>\r\n <div class=\"form-group\"><label>Last Name<\/label><input type=\"text\" placeholder=\"Doe\" id=\"lname\"><\/div>\r\n <\/div>\r\n <div class=\"form-row\">\r\n <div class=\"form-group\"><label>Email<\/label><input type=\"email\" placeholder=\"john@example.com\" id=\"email\"><\/div>\r\n <div class=\"form-group\"><label>WhatsApp \/ Phone<\/label><input type=\"tel\" placeholder=\"+230 5XXX XXXX\" id=\"phone\"><\/div>\r\n <\/div>\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label>I'm interested in<\/label>\r\n <select id=\"service\">\r\n <option value=\"\">Select a service...<\/option>\r\n <option>Customer ID \/ Parcel Collection<\/option>\r\n <option>Warehousing<\/option>\r\n <option>Bonded Storage<\/option>\r\n <option>Fulfilment<\/option>\r\n <option>Distribution Support<\/option>\r\n <option>Value-Add Processing<\/option>\r\n <option>Multiple Services<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label>Preferred Hub<\/label>\r\n <select id=\"hub\">\r\n <option>Not sure yet<\/option>\r\n <option>Flacq<\/option>\r\n <option>RDR<\/option>\r\n <option>Conoromdel<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label>Tell us more (optional)<\/label>\r\n <textarea placeholder=\"What do you need \u2014 a customer ID, storage space, fulfilment support? Add any volumes, product type, or timing details.\" id=\"message\"><\/textarea>\r\n <\/div>\r\n \r\n <input type=\"text\" name=\"_gotcha\" id=\"_gotcha\" tabindex=\"-1\" autocomplete=\"off\" aria-hidden=\"true\" style=\"display:none !important;position:absolute;left:-9999px;opacity:0;height:0;width:0;\">\r\n \r\n <div class=\"g-recaptcha\" data-sitekey=\"6LcuDD8tAAAAAH9FRRrKb0qqv2DhgMAgq_S72HSI\" style=\"margin-bottom:20px;\"><\/div>\r\n <button class=\"btn btn-primary form-submit\" onclick=\"submitForm()\">Send Enquiry \u2192<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<footer>\r\n <div class=\"container\">\r\n <div class=\"footer-grid\">\r\n <div class=\"footer-brand\">\r\n <img decoding=\"async\" class=\"footer-logo\" src=\"https:\/\/smarthub.mu\/wp-content\/uploads\/2026\/06\/smarthub-logo-full-white.png\" alt=\"Smart Hub.mu \u2014 collect fast, store safe, buy smart\" width=\"188\" height=\"46\" style=\"height:46px !important;width:auto !important;max-width:none !important;display:block;\">\r\n <p>Mauritius's retail and logistics platform \u2014 secure parcel collection for shoppers, and a connected warehousing, fulfilment, and distribution network across Flacq, RDR, and Conoromdel for businesses.<\/p>\r\n <div class=\"social-row\">\r\n <a class=\"social-link\" href=\"#\" aria-label=\"Smart Hub.mu on Facebook\" target=\"_blank\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\"><path d=\"M22 12.06C22 6.5 17.52 2 12 2S2 6.5 2 12.06c0 5 3.66 9.15 8.44 9.94v-7.03H7.9v-2.91h2.54V9.85c0-2.5 1.49-3.89 3.78-3.89 1.1 0 2.24.2 2.24.2v2.46h-1.26c-1.24 0-1.63.77-1.63 1.56v1.87h2.78l-.44 2.91h-2.34V22c4.78-.79 8.44-4.94 8.44-9.94z\"\/><\/svg><\/a>\r\n <a class=\"social-link\" href=\"#\" aria-label=\"Smart Hub.mu on Instagram\" target=\"_blank\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2.2c2.67 0 3 .01 4.06.06 1.06.05 1.79.22 2.43.47.66.26 1.14.57 1.64 1.07.5.5.81.98 1.07 1.64.25.64.42 1.37.47 2.43.05 1.06.06 1.39.06 4.06s-.01 3-.06 4.06c-.05 1.06-.22 1.79-.47 2.43a4.4 4.4 0 0 1-1.07 1.64c-.5.5-.98.81-1.64 1.07-.64.25-1.37.42-2.43.47-1.06.05-1.39.06-4.06.06s-3-.01-4.06-.06c-1.06-.05-1.79-.22-2.43-.47a4.4 4.4 0 0 1-1.64-1.07 4.4 4.4 0 0 1-1.07-1.64c-.25-.64-.42-1.37-.47-2.43C2.21 15 2.2 14.67 2.2 12s.01-3 .06-4.06c.05-1.06.22-1.79.47-2.43.26-.66.57-1.14 1.07-1.64.5-.5.98-.81 1.64-1.07.64-.25 1.37-.42 2.43-.47C9 2.21 9.33 2.2 12 2.2zm0 1.8c-2.62 0-2.93.01-3.96.06-.86.04-1.33.18-1.64.3-.41.16-.71.35-1.02.66-.31.31-.5.61-.66 1.02-.12.31-.26.78-.3 1.64C4.37 9.07 4.36 9.38 4.36 12s.01 2.93.06 3.96c.04.86.18 1.33.3 1.64.16.41.35.71.66 1.02.31.31.61.5 1.02.66.31.12.78.26 1.64.3 1.03.05 1.34.06 3.96.06s2.93-.01 3.96-.06c.86-.04 1.33-.18 1.64-.3.41-.16.71-.35 1.02-.66.31-.31.5-.61.66-1.02.12-.31.26-.78.3-1.64.05-1.03.06-1.34.06-3.96s-.01-2.93-.06-3.96c-.04-.86-.18-1.33-.3-1.64a2.6 2.6 0 0 0-.66-1.02 2.6 2.6 0 0 0-1.02-.66c-.31-.12-.78-.26-1.64-.3C14.93 4 14.62 4 12 4zm0 3.05a4.95 4.95 0 1 1 0 9.9 4.95 4.95 0 0 1 0-9.9zm0 1.8a3.15 3.15 0 1 0 0 6.3 3.15 3.15 0 0 0 0-6.3zm5.3-3.5a1.16 1.16 0 1 1 0 2.32 1.16 1.16 0 0 1 0-2.32z\"\/><\/svg><\/a>\r\n <a class=\"social-link\" href=\"#\" aria-label=\"Smart Hub.mu on LinkedIn\" target=\"_blank\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\"><path d=\"M20.45 20.45h-3.55v-5.57c0-1.33-.02-3.03-1.85-3.03-1.85 0-2.14 1.45-2.14 2.94v5.66H9.36V9h3.41v1.56h.05c.48-.9 1.64-1.85 3.38-1.85 3.6 0 4.27 2.37 4.27 5.46v6.28zM5.34 7.43a2.06 2.06 0 1 1 0-4.12 2.06 2.06 0 0 1 0 4.12zM3.56 20.45h3.56V9H3.56v11.45z\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h5>Services<\/h5>\r\n <ul>\r\n <li><a href=\"#pickup\">Parcel Collection<\/a><\/li>\r\n <li><a href=\"#services\">Warehousing<\/a><\/li>\r\n <li><a href=\"#services\">Bonded Storage<\/a><\/li>\r\n <li><a href=\"#services\">Fulfilment<\/a><\/li>\r\n <li><a href=\"#services\">Value-Add Processing<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h5>Hubs<\/h5>\r\n <ul>\r\n <li><a href=\"#units\">Flacq<\/a><\/li>\r\n <li><a href=\"#units\">RDR<\/a><\/li>\r\n <li><a href=\"#units\">Conoromdel<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h5>Company<\/h5>\r\n <ul>\r\n <li><a href=\"#about\">About<\/a><\/li>\r\n <li><a href=\"#how-it-works\">How It Works<\/a><\/li>\r\n <li><a href=\"#faq\">FAQ<\/a><\/li>\r\n <li><a href=\"#contact\">Contact<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-bottom\">\r\n <span>\u00a9 2026 Smart Hub.mu \u2014 All rights reserved.<\/span>\r\n <span>Flacq \u00b7 RDR \u00b7 Conoromdel, Mauritius<\/span>\r\n <span style=\"color:rgba(255,255,255,0.5);\">Website developed by <a href=\"https:\/\/www.bluerobynmedia.co.za\" target=\"_blank\" rel=\"noopener\" style=\"color:rgba(255,255,255,0.5);text-decoration:none;\" onmouseover=\"this.style.color='#e7773a'\" onmouseout=\"this.style.color='rgba(255,255,255,0.5)'\">Blue Robyn Media<\/a><\/span>\r\n <\/div>\r\n <\/div>\r\n<\/footer>\r\n<div class=\"toast\" id=\"toast\">\u2713 Enquiry sent! We'll be in touch within 1 business day.<\/div>\r\n<script>\r\nfunction setAudience(mode) {\r\n \/\/ Toggle section visibility\r\n document.querySelectorAll('[data-audience]').forEach(function(el) {\r\n if (el.getAttribute('data-audience') === mode) {\r\n el.classList.remove('audience-hidden');\r\n } else {\r\n el.classList.add('audience-hidden');\r\n }\r\n });\r\n \/\/ Update navbar buttons\r\n document.getElementById('btn-personal').classList.toggle('active', mode === 'personal');\r\n document.getElementById('btn-commercial').classList.toggle('active', mode === 'commercial');\r\n \/\/ Update drawer buttons\r\n document.getElementById('drawer-btn-personal').classList.toggle('active', mode === 'personal');\r\n document.getElementById('drawer-btn-commercial').classList.toggle('active', mode === 'commercial');\r\n \/\/ Swap hero content\r\n var personalHero = document.getElementById('hero-personal-content');\r\n var commercialHero = document.getElementById('hero-commercial-content');\r\n if (personalHero) personalHero.style.display = mode === 'personal' ? '' : 'none';\r\n if (commercialHero) commercialHero.style.display = mode === 'commercial' ? '' : 'none';\r\n \/\/ Update hero prompt buttons\r\n var hbp = document.getElementById('hero-btn-personal');\r\n var hbc = document.getElementById('hero-btn-commercial');\r\n if (hbp) hbp.classList.toggle('active', mode === 'personal');\r\n if (hbc) hbc.classList.toggle('active', mode === 'commercial');\r\n \/\/ Remove pulse dot once a choice is made\r\n var toggle = document.querySelector('.audience-toggle');\r\n if (toggle) toggle.classList.remove('needs-choice');\r\n \/\/ Update nav links visibility\r\n var servicesLink = document.querySelector('.nav-links a[href=\"#services\"]');\r\n var pickupLink = document.querySelector('.nav-links a[href=\"#pickup\"]');\r\n var industriesLink = document.querySelector('.nav-links a[href=\"#industries\"]');\r\n if (servicesLink) servicesLink.parentElement.style.display = mode === 'commercial' ? '' : 'none';\r\n if (industriesLink) industriesLink.parentElement.style.display = mode === 'commercial' ? '' : 'none';\r\n if (pickupLink) pickupLink.parentElement.style.display = mode === 'personal' ? '' : 'none';\r\n \/\/ Store preference\r\n try { sessionStorage.setItem('sh-audience', mode); } catch(e) {}\r\n}\r\n\/\/ Initialise on load \u2014 default Personal, add pulse if no saved choice\r\n(function() {\r\n var saved = null;\r\n try { saved = sessionStorage.getItem('sh-audience'); } catch(e) {}\r\n setAudience(saved || 'personal');\r\n if (!saved) {\r\n var toggle = document.querySelector('.audience-toggle');\r\n if (toggle) toggle.classList.add('needs-choice');\r\n }\r\n})();\r\nwindow.addEventListener('scroll', () => { document.getElementById('navbar').classList.toggle('scrolled', window.scrollY > 20); });\r\n\r\nfunction updateNavResponsive() {\r\n var isMobile = window.innerWidth <= 900;\r\n var hamburger = document.querySelector('.hamburger');\r\n var navLinks = document.querySelector('.nav-links');\r\n var navCta = document.querySelector('.nav-cta');\r\n var audienceToggle = document.querySelector('.audience-toggle');\r\n \/\/ Hamburger: visible on mobile, hidden on desktop\r\n if (hamburger) {\r\n if (isMobile) {\r\n hamburger.style.removeProperty('display');\r\n } else {\r\n hamburger.style.setProperty('display', 'none', 'important');\r\n }\r\n }\r\n \/\/ Nav links + CTA + toggle: visible on desktop, hidden on mobile\r\n if (navLinks) navLinks.style.setProperty('display', isMobile ? 'none' : 'flex', 'important');\r\n if (navCta) navCta.style.setProperty('display', isMobile ? 'none' : '', 'important');\r\n if (audienceToggle) audienceToggle.style.setProperty('display', isMobile ? 'none' : 'flex', 'important');\r\n}\r\nupdateNavResponsive();\r\nwindow.addEventListener('resize', updateNavResponsive);\r\nconst obs = new IntersectionObserver((entries) => { entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('visible'); }); }, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' });\r\ndocument.querySelectorAll('.anim').forEach(el => obs.observe(el));\r\nfunction openMobileMenu() {\r\n document.querySelector('.nav-drawer').classList.add('active');\r\n document.querySelector('.nav-drawer-overlay').classList.add('active');\r\n document.querySelector('.hamburger').classList.add('active');\r\n document.querySelector('.hamburger').setAttribute('aria-expanded', 'true');\r\n document.querySelector('.nav-drawer').setAttribute('aria-hidden', 'false');\r\n document.body.classList.add('drawer-open');\r\n}\r\nfunction closeMobileMenu() {\r\n document.querySelector('.nav-drawer').classList.remove('active');\r\n document.querySelector('.nav-drawer-overlay').classList.remove('active');\r\n document.querySelector('.hamburger').classList.remove('active');\r\n document.querySelector('.hamburger').setAttribute('aria-expanded', 'false');\r\n document.querySelector('.nav-drawer').setAttribute('aria-hidden', 'true');\r\n document.body.classList.remove('drawer-open');\r\n}\r\nfunction toggleMobileMenu() {\r\n const drawer = document.querySelector('.nav-drawer');\r\n if (drawer.classList.contains('active')) closeMobileMenu(); else openMobileMenu();\r\n}\r\ndocument.addEventListener('keydown', e => { if (e.key === 'Escape') closeMobileMenu(); });\r\ndocument.querySelectorAll('.nav-drawer-links a').forEach(a => a.addEventListener('click', closeMobileMenu));\r\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(a => {\r\n a.addEventListener('click', e => {\r\n const id = a.getAttribute('href').slice(1);\r\n const el = document.getElementById(id);\r\n if (el) { e.preventDefault(); closeMobileMenu(); el.scrollIntoView({ behavior: 'smooth', block: 'start' }); }\r\n });\r\n});\r\nfunction submitForm() {\r\n \/\/ Honeypot check \u2014 if filled, it's a bot\r\n var honeypot = document.getElementById('_gotcha');\r\n if (honeypot && honeypot.value !== '') { return; }\r\n\r\n \/\/ reCAPTCHA check\r\n var recaptchaResponse = typeof grecaptcha !== 'undefined' ? grecaptcha.getResponse() : '';\r\n if (!recaptchaResponse) {\r\n alert('Please complete the reCAPTCHA to confirm you are not a robot.');\r\n return;\r\n }\r\n\r\n var fname = document.getElementById('fname').value.trim();\r\n var email = document.getElementById('email').value.trim();\r\n var service = document.getElementById('service').value;\r\n if (!fname) { alert('Please enter your name.'); return; }\r\n if (!email || !email.includes('@')) { alert('Please enter a valid email address.'); return; }\r\n if (!service) { alert(\"Please select what you're interested in.\"); return; }\r\n\r\n var btn = document.querySelector('.form-submit');\r\n btn.textContent = 'Sending\u2026';\r\n btn.disabled = true;\r\n\r\n fetch('https:\/\/formspree.io\/f\/maqgpnko', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application\/json', 'Accept': 'application\/json' },\r\n body: JSON.stringify({\r\n name: fname + ' ' + document.getElementById('lname').value.trim(),\r\n email: email,\r\n phone: document.getElementById('phone').value.trim(),\r\n service: service,\r\n hub: document.getElementById('hub').value,\r\n message: document.getElementById('message').value.trim(),\r\n 'g-recaptcha-response': recaptchaResponse,\r\n '_cc': 'info@smarthub.mu'\r\n })\r\n })\r\n .then(function(res) {\r\n if (res.ok) {\r\n ['fname','lname','email','phone','message'].forEach(function(id){ document.getElementById(id).value=''; });\r\n document.getElementById('service').value = '';\r\n document.getElementById('hub').selectedIndex = 0;\r\n if (typeof grecaptcha !== 'undefined') { grecaptcha.reset(); }\r\n var toast = document.getElementById('toast');\r\n toast.classList.add('show');\r\n setTimeout(function(){ toast.classList.remove('show'); }, 4000);\r\n } else {\r\n res.json().then(function(data) {\r\n alert(data.error || 'Something went wrong. Please try again or email us at info@smarthub.mu');\r\n }).catch(function(){ alert('Something went wrong. Please email us at info@smarthub.mu'); });\r\n }\r\n })\r\n .catch(function() {\r\n alert('Could not send \u2014 please check your connection or email us at info@smarthub.mu');\r\n })\r\n .finally(function() {\r\n btn.textContent = 'Send Enquiry \u2192';\r\n btn.disabled = false;\r\n });\r\n}\r\n<\/script>\r\n<style>\r\n@media screen and (min-width:901px){.hamburger{display:none !important}}\r\n@media screen and (max-width:900px){.nav-links{display:none !important}.nav-cta{display:none !important}.audience-toggle{display:none !important}.hamburger{display:flex !important}}\r\n<\/style>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Smart Hub.mu \u2014 Collect Fast. Store Safe. Buy Smart. Services Hubs Collection Industries FAQ Contact Personal Commercial Tell Us What You Need Flacq \u00b7 RDR \u00b7 Conoromdel Personal Commercial Services Hubs Collection Industries FAQ Contact Tell Us What You Need Flacq \u00b7 RDR \u00b7 Conoromdel \u2014 Mauritius Shop online. Collect safely.Any day of the week. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-36","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/smarthub.mu\/index.php?rest_route=\/wp\/v2\/pages\/36","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smarthub.mu\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smarthub.mu\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smarthub.mu\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smarthub.mu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=36"}],"version-history":[{"count":34,"href":"https:\/\/smarthub.mu\/index.php?rest_route=\/wp\/v2\/pages\/36\/revisions"}],"predecessor-version":[{"id":94,"href":"https:\/\/smarthub.mu\/index.php?rest_route=\/wp\/v2\/pages\/36\/revisions\/94"}],"wp:attachment":[{"href":"https:\/\/smarthub.mu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}