Travel Umroh Website

Travel Umroh Website

Travel landing draft for Umroh packages, inquiry flow, itinerary content, and trust sections.

Website DraftAvailableLanding PageRp 14.000IntermediateUpdated 2026-07-09Vite 6, React 19, Express 4, TypeScript, Tailwind CSS 4, Framer Motion, jsPDF, Client-side SHA-256 auth (Web Crypto)
Demo

Descripción

Bilingual (EN/AR) Umrah pilgrimage booking starter built as a multi-screen SPA: a marketing landing page, package detail and booking flow, a customer 'Pilgrim Portal' (booking summary, document checklist, mock payment progress, PDF itinerary, notifications), and an admin console (lead pipeline, document verification, stats). Full RTL support and client-side authentication.

Lo que ya funciona

  • Marketing landing page with packages, prayer schedule, FAQ, and package comparison
  • Package detail and room-type selection with a full booking flow
  • Customer Pilgrim Portal: booking summary, document checklist, mock payment progress, in-app notifications, and a downloadable PDF itinerary
  • Admin console with dashboard stats, lead pipeline, and document verification
  • Client-side authentication with customer and admin roles, registration, and password reset
  • Full EN/AR bilingual support with RTL layout toggle
  • Dark/light theme with persistence

Qué incluye

  • Full source code (Vite + React 19 + Express)
  • Custom Express production server
  • README with demo accounts and honest limitations
  • AI-ready docs (PRD, technical spec, deployment notes)
  • License

Cómo ejecutarlo

  1. Unzip the source and run npm install.
  2. Copy .env.example to .env if you want to set a custom APP_URL (optional).
  3. Run npm run dev and open http://localhost:3000.
  4. Build for production with npm run build, then start with npm run start (needs a Node host, not Vercel serverless).

Notas de continuación

  • Set DEMO_MODE=false and rotate the demo credentials before going live — the demo build ships a floating demo navigator that bypasses login for sales showcase purposes.

Limitaciones conocidas

  • Cannot deploy to Vercel serverless — ships a long-lived Express server with /api routes, needs a Node host (Render, Railway, Fly.io, or a VPS)
  • Authentication is client-side only (unsalted SHA-256 in localStorage) — not production-secure, must be moved server-side before real use
  • No persistence beyond the browser — leads, bookings, documents, and accounts live in localStorage; no cross-device sync or real database
  • Mock payments only — no real payment provider integrated
  • Still needs human or developer review before shipping
Preview of GoodWearpack Supplier Website
Website DraftLanding PageAvailable

GoodWearpack Supplier Website

Global B2B supplier website draft for industrial wearpack, safety workwear, and RFQ-first procurement flows.

Next.js 16 (App Router)React 19TypeScriptnext-intl (7 locales, RTL)Tailwind CSS 4+1

Rp 14.000

Preview of Bricket Export Website
Website DraftLanding PageAvailable

Bricket Export Website

Multi-language coconut charcoal export website draft for B2B quote requests, product specs, OEM/private-label positioning, and trust-heavy buyer flows.

Next.js 14React 18TypeScriptSanity CMS (client)next-intl (7 locales, RTL)+4

Rp 14.000