import { Badge } from '@/Components/ui/badge'; import { Card, CardContent } from '@/Components/ui/card'; import WebLayout from '@/Layouts/Web/WebLayout'; import { Head, Link } from '@inertiajs/react'; import { motion, useReducedMotion } from 'framer-motion'; import { ArrowRight, CheckCircle2, ChevronRight, CreditCard, Printer, ShoppingCart, Smartphone, Wifi, } from 'lucide-react'; // ─── glass shorthand ─────────────────────────────────────────────────────────── const G = 'border border-white/20 bg-white/[0.07] backdrop-blur-xl dark:border-white/[0.07] dark:bg-white/[0.04]'; const GS = 'border border-white/80 bg-white/75 backdrop-blur-xl dark:border-white/[0.08] dark:bg-white/[0.05]'; // ─── data ────────────────────────────────────────────────────────────────────── const POS_FEATURES = [ 'Touch-optimised interface for cashier speed', 'Barcode scanning via camera or USB scanner', 'Quick-add product favourites per cashier', 'Cart management — hold, resume, split orders', 'Multi-item discounts and promotions engine', 'Shift open/close with cash float reconciliation', 'Thermal receipt printing (Bluetooth & USB)', 'Offline mode — transactions queue and auto-sync', ]; const PAYMENT_FEATURES = [ 'M-Pesa STK Push — Kenya', 'Airtel Money — KE, TZ, UG', 'MTN Mobile Money — Uganda', 'Cash with automatic change calculation', 'Split payments across multiple methods', 'Card payments via connected terminal', 'Real-time payment confirmation screen', 'Failed payment retry and reconciliation', ]; const HOW_IT_WORKS = [ { step: '01', title: 'Scan or search', icon: ShoppingCart, desc: 'Cashier scans barcode or types product name. Item added to cart instantly.', }, { step: '02', title: 'Choose payment', icon: CreditCard, desc: 'Customer pays by cash, M-Pesa STK Push, Airtel Money, or card. All confirmed in real time.', }, { step: '03', title: 'Print or send', icon: Printer, desc: 'Thermal receipt prints automatically, or SMS receipt sent to customer. Shift totals update.', }, ]; const COUNTRIES = [ { code: 'KE', name: 'Kenya', networks: 'M-Pesa · Airtel Money' }, { code: 'TZ', name: 'Tanzania', networks: 'Airtel Money' }, { code: 'UG', name: 'Uganda', networks: 'Airtel Money · MTN MoMo' }, { code: 'RW', name: 'Rwanda', networks: 'MoMo MTN' }, ]; // ─── animation helper ───────────────────────────────────────────────────────── function reveal(delay = 0, reduced = false) { return { initial: reduced ? {} : { opacity: 0, y: 22 }, whileInView: { opacity: 1, y: 0 }, viewport: { once: true, amount: 0.12 }, transition: { duration: 0.58, ease: [0.25, 0.1, 0.25, 1], delay, }, }; } // ─── page ───────────────────────────────────────────────────────────────────── export default function PosPage() { const reduced = useReducedMotion(); const rv = (d = 0) => reveal(d, !!reduced); return ( {/* ── HERO ─────────────────────────────────── */}
Point of Sale · Payments The POS that{' '} never lets you down. Built for East African realities — Upepo POS keeps selling whether the internet is up or down, and settles every payment via M-Pesa, Airtel Money, or card the moment connectivity returns. {['Works offline', 'M-Pesa + Airtel', 'Any device'].map( (chip) => ( {chip} ), )}
{/* ── FEATURE DEEP-DIVE ────────────────────── */}
{/* POS column */}

Point of Sale

A cashier experience built for speed and resilience — on any device, anywhere.

    {POS_FEATURES.map((item) => (
  • {item}
    • ))}
{/* Payments column */}

Mobile Payments

Every payment rail East Africa uses — integrated natively, no middleware required.

    {PAYMENT_FEATURES.map((item) => (
  • {item}
    • ))}
{/* ── HOW IT WORKS ─────────────────────────── */}
How it works

Three steps to every sale

{HOW_IT_WORKS.map(({ step, title, icon: Icon, desc }, i) => ( {step}

{title}

{desc}

))}
{/* ── PAYMENT NETWORKS ─────────────────────── */}
Supported networks

4 countries. 3 payment rails. Zero middleware.

{COUNTRIES.map(({ code, name, networks }, i) => ( {code}

{name}

{networks}

))}
{/* ── CTA ──────────────────────────────────── */}
30-day free trial · No card required

Ready to sell without limits?

Get full POS and mobile payments live in minutes. Offline-first, no extra hardware required to start.

Start free trial All platform features{' '}
); }