01 · Edge Core
Next.js 16 & React 19 Engine
Leveraging Next.js App Router and React Server Components for maximum static pre-rendering. Catalog entries and product specifications are statically rendered at build time, yielding instant navigation transitions without client-side waterfalls.
- Sub-second TTFB: Edge CDN deployment with automated static asset caching.
- Cumulative Layout Shift: CLS < 0.01 with fixed aspect-ratio image pre-reservations.
- Zero Client Bloat: Minimal JavaScript runtime footprint across institutional devices.
02 · Interface System
Clinical Design & Micro-Interactions
Engineered a sterile, hyper-legible aesthetic using Satoshi and Cabinet Grotesk typography, precision hairlines, and glassmorphic modal HUDs. Procurement officers can view detailed chemical specs and DRAP dossiers without losing context.
- High-Density Layouts: Rapid glanceability for busy hospital procurement teams.
- Quick-View Overlay: Glassmorphic context modal for on-the-fly technical review.
- Responsive Sizing: Optimized across mobile phones, tablets, and hospital desktop displays.
03 · Procurement Engine
Serverless RFQ & Brevo SMTP Pipeline
Designed a dedicated serverless route (/api/procurement) handling direct quote requests from hospital procurement committees. Incoming inquiries trigger transactional emails via Brevo SMTP relay with built-in validation.
- Zero Friction Ordering: Automated pre-filling of product dosage and packaging units.
- Abuse Protection: Rate-limiting safeguards and input sanitization on quote requests.
- Tender Pipeline: Simultaneous dispatch to client headquarters and customer confirmation.
04 · Compliance & SEO
DRAP Transparency & Medical Schema
Integrated verified DRAP registration numbers, COA batch letters, and embassy-attested COPP notifications directly into the user flow, paired with rich Schema.org MedicalBusiness and Organization JSON-LD.
- Structured Data: Direct indexation of anaesthetic imports in Pakistani healthcare search.
- Audit Trail: Verifiable DRAP Medical Device Importer Licence (ELI-01251) metadata.
- Cold-Chain Assurance: Interactive temperature threshold indicators (Aislar < 20°C, Seaflurane < 30°C).
