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

Description

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.

What Already Works

  • 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

What's Included

  • 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

How to Run

  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).

Continuation Notes

  • 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.

Known Limitations

  • 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

Preview of Palmora CPO — Palm Oil Supply Chain 3D Landing Page
Website DraftLanding PageAvailable

Palmora CPO — Palm Oil Supply Chain 3D Landing Page

Bilingual cinematic landing page for a palm-oil supply-chain brand, built on a fully procedural Three.js 3D scene with scroll-linked camera choreography.

Next.js 16React 19TypeScriptReact Three Fiber / Three.jsZod+1

Rp 14.000