<.flash_group flash={@flash} /> <%!-- ══════════════════════════════════════════════════════════════════ NAVBAR — white · no border · logo left · centre links · auth right Matches reference: Shukria diamond icon + brand name, violet Dashboard btn ══════════════════════════════════════════════════════════════════ --%>

<%!-- Brand — shukria_logo.svg: coloured petal icon + Shukria wordmark --%>

<%!-- Centre nav links --%> <%!-- Auth actions --%>

<%= if @current_user do %> {@current_user.email} <.link href={~p"/users/log_out"} method="delete" style="font-size:0.875rem;font-weight:600;color:#374151;text-decoration:none;">Sign Out <.link href={~p"/dashboard"} style="font-size:0.875rem;font-weight:700;color:#fff;background:#7c3aed;padding:0.6rem 1.4rem;border-radius:8px;text-decoration:none;">Dashboard <% else %> <.link href={~p"/users/log_in"} style="font-size:0.875rem;font-weight:400;color:#374151;text-decoration:none;">Sign In <.link href={~p"/dashboard"} style="font-size:0.875rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#c026d3 100%);padding:0.6rem 1.6rem;border-radius:24px;text-decoration:none;box-shadow:0 2px 10px rgba(139,92,246,0.35);">Dashboard <% end %>

<%!-- ══════════════════════════════════════════════════════════════════ HERO — two-column flex layout (copy left · mascot right) Lavender gradient blob bleeds out at the bottom Matches reference: large black heading, violet accent word, orange label, orange + violet CTA buttons, purple mascot character with payment card ══════════════════════════════════════════════════════════════════ --%>

<%!-- Left: Copy --%>

Streamline Your Payment Operations

The Smart Way To
Process QR Payments
Is Right Here

Connect merchants, terminals, and payment providers through a single unified middleware. Support Alipay, AANI, and WeChat Pay with real-time processing, settlement, and complete audit trails.

<%= if @current_user do %> <.link href={~p"/dashboard"} style="display:inline-block;background:#f97316;color:#fff;font-weight:800;font-size:0.95rem;padding:0.9rem 2.2rem;border-radius:10px;text-decoration:none;box-shadow:0 4px 14px rgba(249,115,22,0.45);letter-spacing:0.01em;">Go to Dashboard <% else %> <.link href={~p"/users/log_in"} style="display:inline-block;background:#f97316;color:#fff;font-weight:800;font-size:0.95rem;padding:0.9rem 2.2rem;border-radius:10px;text-decoration:none;box-shadow:0 4px 14px rgba(249,115,22,0.45);letter-spacing:0.01em;">Start Now <.link href={~p"/users/register"} style="display:inline-block;background:linear-gradient(135deg,#8b5cf6 0%,#c026d3 100%);color:#fff;font-weight:700;font-size:0.95rem;padding:0.9rem 2.2rem;border-radius:10px;text-decoration:none;box-shadow:0 4px 14px rgba(139,92,246,0.4);letter-spacing:0.01em;">View Dashboard <% end %>

<%!-- Right: help card + mascot --%>

<%!-- Need help? card --%>

Need help?
Support is here!

<%!-- Mascot SVG --%>

<%!-- White SVG wave --%>

<%!-- ══════════════════════════════════════════════════════════════════ FEATURES — 6-card grid, violet-50 background Content sourced 1:1 from lib folder modules ══════════════════════════════════════════════════════════════════ --%>

Everything In One Platform

All the tools your payment operations team needs, unified in one middleware.

<%!-- 1 — QR Providers --%>

Multi-Provider QR Payments

Generate and route QR codes across Alipay, AANI, and WeChat Pay through a single provider-agnostic middleware layer.

<%!-- 2 — Transactions --%>

Transaction Processing

Initiate, cancel, and refund transactions in real-time with full custom event logs and detailed audit trails.

<%!-- 3 — Merchant --%>

Merchant Management

Register merchants, manage chains, stores, cash desks, and bank accounts for Alipay and AANI through a unified API.

<%!-- 4 — Settlements --%>

Settlement & EOD Reports

Automated end-of-day file generation, Alipay+ SFTP retrieval, and batch settlement reconciliation with audit records.

<%!-- 5 — Terminals --%>

Device & Terminal Registry

Register and monitor Shukria POS terminals and YSP devices across all merchant locations with real-time status tracking.

<%!-- 6 — Software/SBOM --%>

Software & SBOM Tracking

Track software versions and bill-of-materials components across every terminal deployed in the payment network.

<%!-- ══════════════════════════════════════════════════════════════════ FOOTER ══════════════════════════════════════════════════════════════════ --%>