// Proprietor's — POS landing page // Single React component file. Renders into #app. const { useState, useEffect } = React; const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "heroLayout": "split", "palette": "forest", "theme": "light" } /*EDITMODE-END*/; // ─── Icons (24×24, stroke-based) ───────────────────────────── const Ico = { Check: ({ size = 18 }) => , Arrow: ({ size = 14 }) => , Sparkle: () => , Ticket: () => , Stock: () => , Coin: () => , Tag: () => , Layers: () => , Truck: () => }; // ─── Key mark (real artwork) ────────────────────────────────── function KeyMark({ height = 32, variant = "full" }) { const src = variant === "short" ? "assets/key-short.png" : "assets/key.png"; return ( Proprietor's); } // ─── Brand lockup for nav ──────────────────────────────────── function Brand() { return ( Proprietor'sSuite ); } // ─── Hero visual: a small POS terminal mock ────────────────── function HeroTerminal() { return (
Proprietor's POS — order screen
); } // ─── POS UI mock — drawn in HTML/CSS ───────────────────────── function PosUI({ compact = false }) { const items = [ { name: "Old Fashioned", price: 14, cat: "Cocktails" }, { name: "Vieux Carré", price: 15, cat: "Cocktails" }, { name: "Negroni Sbagliato", price: 13, cat: "Cocktails" }, { name: "Espresso Martini", price: 14, cat: "Cocktails" }, { name: "Sazerac", price: 16, cat: "Cocktails" }, { name: "Paper Plane", price: 14, cat: "Cocktails" }, { name: "Gibson", price: 13, cat: "Cocktails" }, { name: "Last Word", price: 14, cat: "Cocktails" }]; const cart = [ { name: "Old Fashioned", qty: 2, price: 28 }, { name: "Negroni", qty: 1, price: 13 }, { name: "House Burger", qty: 1, price: 19, mod: "+ bacon, no onion" }, { name: "Frites", qty: 2, price: 14 }]; return (
Sections
    {["Bar 01", "Bar 02", "Patio", "Lounge", "Service Well"].map((s, i) =>
  • {s}
    • )}
Tabs open
12
Cocktails Wine Beer Food Mods
{items.map((i) =>
{i.name}
${i.price}
)}
Table 14 · Marlowe
2 guests · opened 7:42
#0428
    {cart.map((c) =>
  • {c.qty} {c.name} ${c.price}.00
    {c.mod &&
    {c.mod}
    }
    • )}
Subtotal$74.00
Tax$6.66
Total$80.66
); } // ─── Hardware renders ──────────────────────────────────────── function HwCounterTop() { return ( ); } function HwReader() { return ( ); } function HwPrinter() { return ( ); } function HwRegister() { return ( ); } // ─── Tweaks panel ──────────────────────────────────────────── function Tweaks({ t, setTweak }) { return ( setTweak("heroLayout", v)} /> setTweak("palette", typeof v === "string" ? v : v.value)} /> setTweak("theme", v)} /> ); } // ─── Page sections ─────────────────────────────────────────── function Nav() { return (
); } function Hero({ layout }) { const cls = "hero hero-" + layout; return (
Built for independent operators

The point of sale
that respects the
house you built.

Proprietor's is a POS for bars, restaurants, and pop-ups that prizes craft over scale — fast at the rail, gentle on your margin, and yours, not your processor's.

No long-term contract Yours to Own Built with You, For You.
); } function Trust() { return (
{["The Lambswool", "Marlowe & Sons", "Pétanque", "Spoke 12", "Demerara Co.", "Hour & Gate"].map((n) => {n} )}
); } function Features() { const feats = [ { n: "01", icon: , t: "Tabs, splits & quick sales", b: "Create named tabs assigned to staff, split the bill evenly or by item, transfer tabs between employees, or ring a quick sale with no tab required." }, { n: "02", icon: , t: "Cash, card & tap-to-pay", b: "Cash, card, and tap-to-pay support, with tip presets and custom amounts, void transactions, and a receipt at the end." }, { n: "03", icon: , t: "Happy hour & daily specials", b: "Happy hour rules with discount %, days, and times, plus daily specials on scheduled time windows with a live or upcoming badge." }, { n: "04", icon: , t: "Works offline, synced everywhere", b: "Offline mode keeps all core POS functions working without internet, then syncs automatically across every device when the connection restores." }, { n: "05", icon: , t: "Live manager dashboard", b: "Revenue, open tabs, tips, and average ticket size in real time — with sales pace, projected end-of-day revenue, and a walkout risk alert for tabs left open too long." }, { n: "06", icon: , t: "Payroll, scheduling & a staff portal", b: "Employee pay runs, scheduling, and leave approvals in one place. Staff get their own portal for hours, pay stubs, schedules, and PTO balance." }]; return (
What it does

Everything you need.
Nothing you don't.

Most POS software is built for chains and bolted on to small rooms. Proprietor's runs the other way around — designed first for independent operators, then scaled up.

{feats.map((f) =>
{f.icon}
{f.n}

{f.t}

{f.b}

)}
); } function Product() { return (
A closer look

Designed by people
who have worked in the industry.

Every screen is built around the moment a guest is standing in front of you. The check is where your eye lands first, and where it stays.

  • 86 status. Mark an item unavailable the moment you run out, and it's gone from every screen.
  • Low-stock alerts. An inventory tab with par levels flags what's running low before you're caught short.
  • Kitchen Display System. Tickets land on the line in a clean queue — with delivery and catering orders in the same flow.
  • Time clock built in. Staff clock in and out, with breaks and lunch tracked, right from the same device.
Proprietor's POS — order screen
); } function Hardware() { const hw = [ { art: , t: "Countertop or Handheld — Your Call", price: "", b: "Any smart tablet with an internet connection can run the system. We'll help you decide whether countertop or handheld works best for you." }, { art: , t: "Card Reader", price: "", b: "A card reader is completely optional. We'll help you figure out if you need one, and if so, which option makes the most sense for your setup." }, { art: , t: "Receipt Printer", price: "", b: "A receipt printer is optional. This system also lets you customize the receipt to your liking." }, { art: , t: "Cash Register", price: "", b: "A cash drawer is fully optional. And every piece of hardware you purchase is yours to keep — no leasing, no vendor lock-in." }]; return (
Hardware

Your device, Your system.

Use the tablet you already have. Add a cash drawer, receipt printer, and card reader — and you're open for business. That's the whole setup. No proprietary terminals, no leasing fees. 

{hw.map((h) =>
{h.art}

{h.t}

{h.b}

{h.price &&
{h.price}
}
)}
); } function Pricing() { const tiers = [ { name: "Software", price: "800", oneTime: true, ribbon: "One-time", desc: "Your bar. Your rules. A complete point-of-sale built for operators who want full control — without a monthly software bill.", cta: "Get the software", items: [ "End-to-end encrypted data", "Role-based access — owners, managers & staff", "Real-time manager dashboard & floor view", "Fully customizable menu, layout & modifiers", "Push price changes & specials instantly", "No accidental voids or unauthorized discounts", "One payment — yours to keep"] }, { name: "Subscription", price: "100", featured: true, ribbon: "Every plan", desc: "Every plan comes with full system monitoring, maintenance, and updates. You run your business. We keep the system running.", cta: "Get started", unit: "Per month", items: [ "Full system monitoring, 24 / 7", "Maintenance & updates included", "If something breaks, we fix it", "Menu, layout & pricing — updated anytime on request", "No IT. No vendor calls. No surprise fees."] }]; return (
Pricing

Own the software.
Monitoring on your terms.

No tiered processing, no junk fees, no surprise rolling reserves. What you see is the rate you pay, on day one and on day three thousand.

{tiers.map((tier) =>
{tier.ribbon &&
{tier.ribbon}
}
{tier.name}
{tier.title ?
{tier.title}
: tier.price === "Let's talk" ?
Let's talk Custom pricing for groups & residencies
:
${tier.price} {tier.unit || (tier.oneTime ? "One-time license" : "per month, per location")}
}

{tier.desc}

    {tier.items.map((i) =>
  • {i}
    • )}
{tier.cta}
)}
); } function FinalCTA() { return (
Est. for the independents

Own Your Business.
Keep the keys.

We'll spend forty minutes with you on what your custom build out will look like: your menu, your features, and your hardware — no guesswork, no surprises. Just your system, built the way you run.

); } function Footer() { return ( ); } // ─── App ───────────────────────────────────────────────────── function App() { const [t, setTweak] = useTweaks(TWEAK_DEFAULTS); useEffect(() => { document.body.setAttribute("data-palette", t.palette); document.body.setAttribute("data-theme", t.theme); }, [t.palette, t.theme]); return ( <>