Voyager — Online Booking Platform

A Next.js application for browsing and managing travel listings: residences, adventures, fleet rentals, and air travel. Includes a member workspace, search flows, listing detail pages, and checkout-style screens.

Overview

Area	Description
Discovery	Hero search with category tabs, map views, and filtered listing grids
Listings	Detail pages for stays, experiences, vehicles, and related flows
Workspace	Profile, collections, security, and wallet-style account pages
UI	Responsive layout, light/dark theme, Tailwind CSS styling

Tech stack

• Next.js 13 (App Router)
• React 18
• TypeScript
• Tailwind CSS 3
• Headless UI, Heroicons, Framer Motion

Prerequisites

• Node.js 18+ (20 LTS recommended)
• npm, yarn, or pnpm

Local development

From the repository root:

npm install
npm run dev

Open http://localhost:3000.

Other scripts:

npm run build    # production build
npm run start    # serve production build
npm run lint     # ESLint
npm run dev:clean  # remove .next cache, then start dev

Environment variables (optional)

Copy .env.local.example to .env.local and fill in values if you use Cloudinary or OAuth providers.

Project structure

src/
  app/              # Routes and layouts (App Router)
  components/       # Shared UI components
  config/           # Brand copy and dashboard labels
  data/             # Demo listing and author data
  shared/           # Buttons, inputs, avatar, etc.
public/             # Static assets (including screenshots above)

Customization

Branding text, category names, and dashboard copy are centralized in src/config/brand.ts. Update that file to change product name, hero messaging, and workspace labels without hunting through every page.