Public Website
The marketing-grade public destination for XS Lawyer. Every visitor lands on a calm, authoritative legal-tech landing, scrolls through the value proposition, picks a plan from the pricing table, signs up, and lands inside the live AI chat — all in either Arabic or English. Lighthouse-tuned, lazy-loaded media, and tightly coupled to the admin Plans & Features modules so a pricing change in the back-office ships to the public site instantly.
Every section, explained.
5 working sections inside Public Website — each one a screen we designed, built and tested in the live system.
Live Platform — Above the Fold
The first impression on xs-lawyer.com — a calm, authoritative above-the-fold view of the live platform, anchored by the XS shield mark, the bilingual EN/AR language toggle and a clear path into either the pricing table or the live demo chat.
- Live platform rendered above the fold on first paint
- Bilingual EN / AR language toggle in the header
- Primary CTAs — pick a plan, try the demo
- Trust signals: Egyptian-law training + 24/7 availability
Hero & Value Proposition
The hero section that earns the next scroll — XS Lawyer's value proposition rendered with a restrained indigo / slate gradient, a measured legal-tech tone of voice, and two primary CTAs leading either to plan selection or the live chat surface.
- Full-bleed hero with restrained indigo / slate gradient
- Value-proposition headline tuned for legal users
- Two primary CTAs — pick a plan, try the demo
- Measured, never-alarmist tone of voice in EN and AR
Pricing
Three tiers (Basic / Professional / Enterprise) across four cycles (Monthly, Quarterly, Semi-Annual, Annual) rendered as a sortable pricing table — every row tied directly to a Plan record in the admin and a Paymob / Apple Product ID.
- 3 tiers × 4 cycles — 10 SKUs in EGP
- Sale-price column toggled per cycle
- Per-plan message + file quotas surfaced inline
- Tied directly to admin Plans + Paymob / Apple IDs
Contact Form
The public conversion endpoint for prospects who aren't ready to self-serve — a structured contact form with name, Egyptian phone validation, subject taxonomy and free-text body that drops every submission directly into the admin CRM Leads pipeline.
- Name + email + Egyptian phone validation
- Subject taxonomy mirroring CRM lead types
- Submissions land directly in admin CRM Leads
- Bilingual EN / AR labels + validation messages
System Overview
The system-overview surface that ties brand promise to product reality — how the AI engine, document analyser, subscription billing and admin OS connect end-to-end, rendered as a single visual story for prospects evaluating the platform.
- End-to-end system diagram — AI → SaaS → Admin
- Chat → credit → subscription flow explained inline
- Document upload → clause extraction → analysis path
- Single visual story for evaluating prospects
Jump to another chapter
Need a public website like this?
If your product is a model wrapped in a Notion doc, that's exactly the gap we close — billing, admin, multilingual, security, and all. Let's talk.
