OrbId Wallet Landing

Modern landing page for OrbId Wallet mini-app on World App

Website · OrbId Wallet

---

✨ Features

• 🎨 Beautiful Design — Modern glassmorphism UI with animated gradients
• 📱 iPhone 17 Pro Max Mockup — Pixel-perfect device frame in Cosmic Orange
• 🌍 Multi-language Support — 10 languages with automatic browser detection
• ⚡ Blazing Fast — Static generation with Next.js Turbopack
• 🎭 Smooth Animations — Framer Motion powered transitions
• 📲 World App Integration — Deep link to mini-app download

🌐 Supported Languages

Language	Code
English	en
中文 (Simplified)	zh
Español (LATAM)	es-419
Español	es
हिन्दी	hi
Português	pt
Français	fr
日本語	ja
한국어	ko
Deutsch	de

🚀 Quick Start

# Install dependencies
npm install

# Run development server
npm run dev

# Build for production
npm run build

📁 Project Structure

src/
├── app/
│   ├── page.tsx          # Main landing page
│   ├── not-found.tsx     # 404 page
│   ├── layout.tsx        # Root layout with metadata
│   └── globals.css       # Global styles & animations
├── components/
│   └── PhoneCarousel.tsx # iPhone mockup carousel
├── hooks/
│   └── useLocale.ts      # Auto language detection
└── lib/
    └── translations.ts   # i18n dictionaries

📦 Tech Stack

• Framework: Next.js 16 with App Router
• UI: React 19 + TailwindCSS 4
• Animations: Framer Motion 12
• Language: TypeScript 5
• Deployment: Vercel

🔗 Links

• OrbId Wallet App
• World Chain
• OrbId Organization

---

Built with ❤️ for the World Chain Ecosystem by OrbId Labs