Plume Salon POS — Salon, Barbershop & Beauty POS Software Website (Frontend + Backend)

8 pages and a real lead-capture backend — this is a DYNAMIC website for a salon / barbershop / beauty POS software company: every product page (features, appointments, team & inventory, clients & memberships, pricing, FAQ) is static editorial content with HTML/CSS product mockups, while the "Book a Demo" form writes to your own database in real time. Design: editorial luxe — cream, blush and espresso with champagne-gold hairlines, Cormorant Garamond + Manrope, arched photo frames, and a staff-column calendar, service menu, commission table and membership card built in HTML — no screenshots to replace. 1. Home (index.html) — editorial hero with arched photo and floating appointment / reminder cards, feature grid, calendar, an interactive service & retail menu (12 items with photos, category chips, search, live invoice), numbers, commissions, membership, WhatsApp, quote. 2. Features (features.html) — all 10 features: appointment booking, walk-ins, service catalog, staff management, commission tracking, packages & memberships, product inventory, customer history, payments & invoicing, WhatsApp reminders & receipts; plus service menu. 3. Appointments (appointments.html) — staff calendar, walk-in queue, WhatsApp reminders and receipts. 4. Team & Inventory (team.html) — staff management, commission table, product inventory. 5. Clients & Memberships (clients.html) — client history card, membership card, payments & invoicing, a print-ready 80mm invoice. 6. Pricing (pricing.html) — 3 arched plan cards and comparison table. 7. FAQ (faq.html) — 8 questions. 8. Book a Demo (demo.html) — the real demo request form. WHOSE DATABASE, WHOSE EMAIL PROVIDER. Yours, not this platform's. Before anything here does something real: 1. Create a Postgres database anywhere you like — Vercel Postgres, Supabase, Neon, or your own server — and run schema.sql against it once. 2. In your Vercel project's Settings -> Environment Variables, set: DATABASE_URL your database connection string SALON_DEMO_REQUESTS_ADMIN_KEY any secret string you choose Optional, for automatic email confirmations on new requests: RESEND_API_KEY from your own Resend (resend.com) account SALON_DEMO_REQUEST_FROM_EMAIL an address on a domain verified in that account Without the two optional variables set, requests still save correctly — no confirmation email sends, that's all. MANAGING DEMO REQUESTS. Once published, this purchase's library page shows a "Manage live data" panel — paste in your SALON_DEMO_REQUESTS_ADMIN_KEY to see every demo request as it comes in, mark it contacted, and delete ones you've handled. MANAGING YOUR SERVICES & PRODUCTS. The same "Manage live data" panel has a second table for the Home page catalogue (salon_products, served by api/salon_products.ts). With the same admin key entered, add, edit and delete your services and retail products: name, category, price, a short description line, an optional badge, and a photo uploaded straight from your computer (resized in your browser and stored in your own database, so there's no separate file storage to set up). While the table is empty the catalogue shows its built-in samples; as soon as you add your first item, your list replaces them. Your categories become the filter chips, and prices use the currency symbol already written on the page. Changes appear on the live site on the next page load, with no republish needed. SPAM PROTECTION. The demo form includes a hidden honeypot field real visitors never see or fill — checked both client-side and in api/salon_demo_requests.ts; filled submissions are accepted but silently discarded. WHAT YOU CAN CUSTOMIZE, HONESTLY: - Every page's copy, prices, mockup contents, images and layout — through the same AI-guided editor as any other template, no coding. - One optional field at a time on the "salon_demo_requests" resource (for example, "current booking software" or "number of chairs"), through the "Backend customization" panel once purchased. - The calendar and other product screens on this site are marketing mockups, not a working booking system. Building real online booking, payments, WhatsApp sending or a client portal isn't something the editor automates — every purchase includes the full source code so you or a developer can extend it. INTERACTIVE SERVICE MENU & 80MM PRINTING. The Home page service & retail menu really works in the browser: tap services and products to build a checkout, filter by category, search, remove lines, and press "Print receipt · 80mm". The Clients & Memberships page has a print-ready sample invoice with its own Print button. Both open the browser print dialog with a page exactly 80 mm wide (72 mm printable, black monospace, height sized to the invoice) — select your thermal receipt printer and its 80mm roll paper size, margins none. Service names, prices, stylists and categories are ordinary text you can edit; the cart reads them straight from the page, and tax comes from the "8%" on the invoice. Sales rung up here are a demo, not a connected POS: the cart itself stores and sends nothing. PREVIEW LIMITATION. The demo form calls a real endpoint that only exists once deployed — this platform's preview has no backend, so it shows a friendly "try it once deployed" message here. That's expected. The catalogue shows its built-in samples here for the same reason. CLAIMS & COMPLIANCE. Statistics, prices, salon counts and the quote are realistic placeholders — replace them with your own verified figures before publishing. WhatsApp claims assume the WhatsApp Business Platform with client opt-in. The product name, salons and people named are fictional. IMAGES. All photography is real, licensed-for-web Unsplash stock, self-hosted under /content-images. 3 photos depict identifiable people and must be replaced before commercial use (right-of-publicity, not copyright): the stylist and client (Book a Demo hero and the "Signature Cut & Style" tile on Home), the barber's client (Pricing hero and the "Skin Fade" tile on Home), and the facial client ("Signature Facial" tile on Home). Interiors, nails and tools may be kept as-is.