A ); } function NavV2() { const [scrolled, setScrolled] = React.useState(false); React.useEffect(() => { const fn = () => setScrolled(window.scrollY > 8); window.addEventListener('scroll', fn, { passive: true }); return () => window.removeEventListener('scroll', fn); }, []); return ( ); } function HeroV2() { return (

{/* Two-column hero */}

{/* LEFT — text */}

Built in 808 · Clover-authorized · Honolulu

We process your credit cards.
Then we build the system on top.

Hawaii’s payment platform for restaurants, food courts, markets, and multi-vendor halls. Credit card processing, POS, kiosks, table ordering, delivery integration, and in-store digital signage — engineered locally on Clover and Zorder, installed across O‘ahu.

Find your fit 60 sec

Already know what you need? Book a demo · Get payment quote

{/* RIGHT — photo composition */}

{/* Storefront photo (background, top-right) */}

{/* Label tag */}

CHOI’S GARDEN

Table Order · POS

{/* Tablet photo (foreground, bottom-left, overlapping) */}

{/* Label tag */}

SURA HAWAII

Zorder tablet · integrated with our POS

{/* Stat strip */}

{[ ['Hawaii-based', 'Honolulu HQ · on-site install'], ['Clover authorized', 'Direct merchant services'], ['Zorder partner', 'Native integration'], ['Multi-language', 'EN · 한국어 · 日本語'], ].map(([h, s]) => (

{h}

{s}

))}

); } function WhatYouGetSection() { const hardware = [ { img: 'assets/photos/clover-station.png', name: 'Clover Station', role: 'Counter POS · the workhorse' }, { img: 'assets/photos/clover-mini.png', name: 'Clover Mini', role: 'Compact countertop · tap-to-pay' }, { img: 'assets/photos/clover-flex.png', name: 'Clover Flex', role: 'Handheld · tableside ordering' }, { img: 'assets/photos/clover-kds.png', name: 'Kitchen Display', role: 'Tickets · routes by station' }, { img: 'assets/photos/clover-kiosk.png', name: 'Self-Order Kiosk', role: 'Customer self-checkout' }, ]; const apps = [ { letter: 'F', name: 'Food Court Master', body: 'One ticket auto-routes to every kitchen. Cuts the runner role entirely.' }, { letter: 'I', name: 'Inventory Master', body: 'Vision-OCR invoices + auto-reorder. Saves 5–7 manager hours/week.' }, { letter: 'T', name: 'Table Order', body: 'Guests order from the table. Frees servers for service, not order-taking.' }, { letter: 'D', name: 'Delivery Hub', body: 'DoorDash + Uber + GrubHub on one screen. Stop juggling three tablets.' }, { letter: 'K', name: 'Smart Kiosk', body: 'Bilingual self-order at peak hours. Replaces a counter cashier.' }, { letter: 'M', name: 'Display Network', body: 'In-store TVs sell for you. Lifts ticket size without staff effort.' }, ]; return (

{/* Header */}

What you actually get

Clover hardware on the bottom.
Our apps on top.

Most providers stop at the hardware. We use Clover as the foundation, then build features no one else has — the kind that cut server hours, stop missed orders, and let your staff focus on guests instead of paperwork.

{/* Layer 1 — Hardware */}

Layer 1 — Hardware

Comes with every install. Built on Clover.

{hardware.map((h) => (

{h.name}

{h.role}

))}

{/* Layer 2 — Apps */}

Layer 2 — Aloha Apps

What only we give you. Cuts labor hours. Built in Honolulu.

{apps.map((a) => (

{a.letter}

{a.name}

{a.body}

))}

{/* Bottom framing */}

Same hardware everyone uses. Apps no one else has.

Restaurants on our stack run with fewer servers, fewer missed tickets, and lower invoice labor — with one Honolulu support number for all of it.

Get a quote →

); } function ProcessingSection() { return (

Hawaii credit card processing

The processor and the platform — under one roof.

Most Hawaii restaurants use one company for credit card processing and another for their POS. When something breaks, you’re stuck on hold with both. Aloha Smart System is your processor and your platform. Local rates, local install, local support — and the apps you actually need on top.

{[ ['01', 'Local rates, local people', 'Negotiated in Honolulu, not at a 1-800 mainland call center. Your account manager has a Hawaii area code.'], ['02', 'Built on Clover, integrated with Zorder', 'Clover-authorized for hardware and merchant services. Native Zorder integration for kitchen display and order routing.'], ['03', 'Hardware + software + install', 'We deliver the terminal, install at your store, train your staff, and stay on call. One number for everything.'], ].map(([n, t, d]) => (

{n}

{t}

{d}

))}

); } function PersonaSection() { const [active, setActive] = React.useState('restaurants'); const persona = ALOHA_PERSONAS.find(p => p.id === active); const products = ALOHA_PRODUCTS.filter(p => persona.products.includes(p.id)); return (

Built for your business

From a single Korean BBQ to a 12-vendor food hall.

{/* Tabs */}

{ALOHA_PERSONAS.map(p => ( ))}

{persona.headline}

{persona.description}

What we hear from owners

✕ “{pain}”

We solve it with

{products.map(prod => ( { e.currentTarget.style.borderColor = COLORS_V2.ink; }} onMouseLeave={e => { e.currentTarget.style.borderColor = COLORS_V2.ink10; }}>

{prod.name.charAt(0)}

{prod.name}

{prod.category}

{prod.tagline}

))}

); } function ProductsGrid() { return (

Product lineup

Six systems. One platform.

All built on Clover, integrated with Zorder, installed in Hawaii.

{ALOHA_PRODUCTS.map(prod => (

{prod.name.charAt(0)}

{prod.category}

{prod.name}

{prod.tagline}

{prod.blurb}

→ {f}

Learn more → ))}

); } function BuiltForHawaii() { return (

Built for Hawaii

We’re your neighbors.

Mainland POS companies don’t understand a Korean BBQ in Kaka‘ako, a poke counter in Waikīkī, or a 12-vendor food court in Pearlridge. We do — because we eat there.

Aloha Smart System is operated by Musubi Media LLC, a Honolulu-based studio. Our roots are in karaoke and hospitality tech — we’ve been building software that talks to TVs and POS terminals for years. Now we bring that to every restaurant, market, and food hall in Hawaii.

808

Local area code support

Languages — EN · KO · JP

O‘ahu

On-site installs

Serving these neighborhoods

{ALOHA_LOCATIONS.map(loc => ( {loc} ))}

Hawaii credit card processing · Hawaii POS system · Honolulu kiosk system · Hawaii table ordering system · Hawaii delivery integration · Korean restaurant POS Hawaii · Japanese restaurant POS Hawaii · Food court POS Hawaii · Clover Hawaii.

); } function FAQSection() { const [open, setOpen] = React.useState(0); return (

Frequently asked

Questions Hawaii owners actually ask.

{ALOHA_FAQ.map((item, i) => (

{open === i && (

{item.a}

)}

))}

); } function ContactCTA() { const [status, setStatus] = React.useState('idle'); // idle | submitting | success | error const [errorMsg, setErrorMsg] = React.useState(''); async function handleSubmit(e) { e.preventDefault(); setStatus('submitting'); setErrorMsg(''); const formData = new FormData(e.currentTarget); try { const res = await fetch('https://api.web3forms.com/submit', { method: 'POST', headers: { Accept: 'application/json' }, body: formData, }); const data = await res.json(); if (data.success) { setStatus('success'); e.target.reset(); } else { setStatus('error'); setErrorMsg(data.message || 'Something went wrong. Please email us directly.'); } } catch (err) { setStatus('error'); setErrorMsg('Network error. Please email us directly.'); } } const inputStyle = { width: '100%', background: 'rgba(255,255,255,0.05)', border: '1px solid rgba(255,255,255,0.18)', borderRadius: 10, padding: '14px 16px', fontSize: 15, color: 'white', fontFamily: 'inherit', outline: 'none', transition: 'border-color 150ms ease, background 150ms ease', }; const labelStyle = { display: 'block', fontSize: 12, fontWeight: 600, letterSpacing: '0.06em', textTransform: 'uppercase', color: 'rgba(255,255,255,0.65)', marginBottom: 8, }; return (

{/* LEFT: headline + email/phone */}

Talk to Aloha

Get a payment quote.
Or just talk story.

Send us your menu, current processor statement, or a photo of the chaos behind your counter. We’ll come back with a real quote and a plan.

{ALOHA_BRAND.email} {ALOHA_BRAND.phone}

Same business day reply, Mon–Fri.
On-site visits across O‘ahu. Remote support neighbor islands.

{/* RIGHT: contact form (Web3Forms) */}

{status === 'success' ? (

✓

Mahalo — we got it.

We’ll reply within one business day. If you don’t hear back, check your spam — or email us directly.

) : (

Send us a message

Tell us about your store and we’ll reply same business day.

{/* Web3Forms hidden fields */} {/* honeypot */}

Name * { e.target.style.borderColor = COLORS_V2.accent; e.target.style.background = 'rgba(255,255,255,0.07)'; }} onBlur={e => { e.target.style.borderColor = 'rgba(255,255,255,0.18)'; e.target.style.background = 'rgba(255,255,255,0.05)'; }} />

Business name { e.target.style.borderColor = COLORS_V2.accent; e.target.style.background = 'rgba(255,255,255,0.07)'; }} onBlur={e => { e.target.style.borderColor = 'rgba(255,255,255,0.18)'; e.target.style.background = 'rgba(255,255,255,0.05)'; }} />

Email * { e.target.style.borderColor = COLORS_V2.accent; e.target.style.background = 'rgba(255,255,255,0.07)'; }} onBlur={e => { e.target.style.borderColor = 'rgba(255,255,255,0.18)'; e.target.style.background = 'rgba(255,255,255,0.05)'; }} />

Phone { e.target.style.borderColor = COLORS_V2.accent; e.target.style.background = 'rgba(255,255,255,0.07)'; }} onBlur={e => { e.target.style.borderColor = 'rgba(255,255,255,0.18)'; e.target.style.background = 'rgba(255,255,255,0.05)'; }} />

Tell us about your store *

{ e.target.style.borderColor = COLORS_V2.accent; e.target.style.background = 'rgba(255,255,255,0.07)'; }}
                    onBlur={e => { e.target.style.borderColor = 'rgba(255,255,255,0.18)'; e.target.style.background = 'rgba(255,255,255,0.05)'; }} />
                </div>

{status === 'error' && (
                  <div style={{
                    background: 'rgba(217,79,47,0.15)',
                    border: '1px solid rgba(217,79,47,0.4)',
                    borderRadius: 10, padding: '12px 16px',
                    fontSize: 14, color: '#FFD7CC', lineHeight: 1.5,
                  }}>
                    {errorMsg} Or email <a href={`mailto:${ALOHA_BRAND.email}`} style={{ color: 'white', borderBottom: '1px solid rgba(255,255,255,0.4)' }}>{ALOHA_BRAND.email}</a> directly.
                  </div>
                )}

<button type="submit" disabled={status === 'submitting'} style={{
                  background: status === 'submitting' ? 'rgba(200,85,61,0.6)' : COLORS_V2.accent,
                  color: 'white', border: 'none',
                  padding: '16px 28px', borderRadius: 999,
                  fontSize: 15, fontWeight: 700, letterSpacing: '-0.01em',
                  cursor: status === 'submitting' ? 'wait' : 'pointer',
                  marginTop: 8, transition: 'background 150ms ease',
                }}>
                  {status === 'submitting' ? 'Sending…' : 'Send message →'}
                </button>

<div style={{ fontSize: 12, color: 'rgba(255,255,255,0.45)', lineHeight: 1.5, marginTop: -2 }}>
                  By submitting, you’re sharing your contact info with Aloha Smart System (Musubi Media LLC). We don’t share it with anyone else.
                </div>
              </div>
            </form>
          )}
        </div>
      </div>
    </section>
  );
}

function FooterV2() {
  return (
    <footer style={{
      background: COLORS_V2.bg, padding: '56px 32px 40px',
      borderTop: `1px solid ${COLORS_V2.ink10}`,
    }}>
      <div style={{ maxWidth: 1280, margin: '0 auto' }}>
        <div style={{ display: 'grid', gridTemplateColumns: '1.5fr 1fr 1fr 1fr', gap: 48, marginBottom: 48 }}>
          <div>
            <div style={{ display: 'flex', alignItems: 'center', gap: 12, marginBottom: 16 }}>
              <LogoA size={26} />
              <div style={{ fontWeight: 700, fontSize: 15, color: COLORS_V2.ink }}>Aloha Smart System</div>
            </div>
            <p style={{ fontSize: 14, lineHeight: 1.55, color: COLORS_V2.ink70, margin: '0 0 16px', maxWidth: 320 }}>
              Hawaii’s payment platform for restaurants, food courts, and markets.
              Credit card processing, POS, kiosks, table ordering, delivery integration, in-store digital signage.
            </p>
            <div style={{ fontSize: 13, color: COLORS_V2.ink50, lineHeight: 1.6 }}>
              Operated by Musubi Media LLC<br/>
              Honolulu, Hawaii<br/>
              <a href="https://musubimedia.net" style={{ color: COLORS_V2.accent, fontWeight: 500 }}>
                Sister company: Musubi Media →
              </a>
            </div>
          </div>

<div>
            <div style={{ fontSize: 12, fontWeight: 700, letterSpacing: '0.08em', textTransform: 'uppercase', color: COLORS_V2.ink50, marginBottom: 14 }}>Products</div>
            <ul style={{ listStyle: 'none', padding: 0, margin: 0, display: 'grid', gap: 10 }}>
              {ALOHA_PRODUCTS.map(p => (
                <li key={p.id}><a href={`#${p.id}`} style={{ fontSize: 14, color: COLORS_V2.ink70 }}>{p.name}</a></li>
              ))}
            </ul>
          </div>

<div>
            <div style={{ fontSize: 12, fontWeight: 700, letterSpacing: '0.08em', textTransform: 'uppercase', color: COLORS_V2.ink50, marginBottom: 14 }}>Industries</div>
            <ul style={{ listStyle: 'none', padding: 0, margin: 0, display: 'grid', gap: 10 }}>
              {ALOHA_PERSONAS.map(p => (
                <li key={p.id}><a href="#personas" style={{ fontSize: 14, color: COLORS_V2.ink70 }}>{p.label}</a></li>
              ))}
            </ul>
          </div>

<div>
            <div style={{ fontSize: 12, fontWeight: 700, letterSpacing: '0.08em', textTransform: 'uppercase', color: COLORS_V2.ink50, marginBottom: 14 }}>Contact</div>
            <ul style={{ listStyle: 'none', padding: 0, margin: 0, display: 'grid', gap: 10 }}>
              <li><a href={`mailto:${ALOHA_BRAND.email}`} style={{ fontSize: 14, color: COLORS_V2.ink70 }}>{ALOHA_BRAND.email}</a></li>
              <li><a href={`tel:${ALOHA_BRAND.phone}`} style={{ fontSize: 14, color: COLORS_V2.ink70 }}>{ALOHA_BRAND.phone}</a></li>
              <li style={{ fontSize: 14, color: COLORS_V2.ink70 }}>Honolulu, HI</li>
            </ul>
          </div>
        </div>

<div style={{
          paddingTop: 24, borderTop: `1px solid ${COLORS_V2.ink10}`,
          display: 'flex', justifyContent: 'space-between', flexWrap: 'wrap', gap: 16,
          fontSize: 12, color: COLORS_V2.ink50, alignItems: 'flex-start',
        }}>
          <div>© {new Date().getFullYear()} Musubi Media LLC. All rights reserved.</div>
          <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'flex-end', gap: 6, textAlign: 'right' }}>
            <div style={{ display: 'flex', alignItems: 'center', gap: 8, flexWrap: 'wrap', justifyContent: 'flex-end' }}>
              <span>Authorized partner of</span>
              <CardConnectMark scale={0.6} />
              <span>· Clover-authorized · Zorder integration partner</span>
            </div>
            <div style={{ fontSize: 11, color: COLORS_V2.ink50 }}>
              CCS HQ: (877) 682-1117 ·{' '}
              <a href="https://ccscardservice.com" target="_blank" rel="noopener noreferrer"
                style={{ color: COLORS_V2.ink50 }}>ccscardservice.com</a>
            </div>
          </div>
        </div>
      </div>
    </footer>
  );
}

function AlohaSmartLandingV2() {
  return (
    <div style={{ background: COLORS_V2.bg, color: COLORS_V2.ink, minHeight: '100vh', fontFamily: '"Söhne", "Inter", system-ui, sans-serif' }}>
      <NavV2 />
      <HeroV2 />
      <WhatYouGetSection />
      <ProcessingSection />
      <PersonaSection />
      <ProductsGrid />
      <BuiltForHawaii />
      <FAQSection />
      <ContactCTA />
      <FooterV2 />
    </div>
  );
}

window.AlohaSmartLandingV2 = AlohaSmartLandingV2;

We process your credit cards. Then we build the system on top.

Clover hardware on the bottom. Our apps on top.

The processor and the platform — under one roof.

From a single Korean BBQ to a 12-vendor food hall.

{persona.headline}

Six systems. One platform.

{prod.name}

We’re your neighbors.

Questions Hawaii owners actually ask.

Get a payment quote. Or just talk story.

We process your credit cards.
Then we build the system on top.

Clover hardware on the bottom.
Our apps on top.

Get a payment quote.
Or just talk story.