Let me read the plan and current files, then start building.

Good, I have the full context. Now let me add the wallet mock data to the mock data file first, then rewrite the settings screen.

Now let me add the coin packs, wallet, and achievements data at the end of the file:

Good. Now let me rewrite the settings screen completely with the 3-tab profile/wallet/settings layout:

The Settings screen has been completely redesigned into a 3-tab "My WayR" hub with a Profile tab (avatar, travel stats, horizontally scrollable achievement badges), a Wallet tab (animated coin balance hero, 2x2 coin pack purchase grid with "Most Popular" badge, and color-coded transaction history), and a Settings tab (retaining all existing toggles plus a new Subscription link). The coin balance is also shown as a persistent badge in the header so users always see their balance. All transitions between tabs use Framer Motion spring animations with a shared layout pill indicator.

Now I'll enhance the active trip card design with a Skopje, Macedonia example. First, let me add Skopje to the destinations and create an active trip for it, then redesign the active trip card with a more engaging visual design.

Now let me update the home screen with an enhanced active trip card design with better visuals:

I've redesigned the active trip card with a much more engaging visual design. The card now features:

• Full-bleed background image of the destination (Skopje) with a gradient overlay
• Pulsing green "Live Trip" indicator showing it's an active exploration
• "Continue your trip in" header with prominent destination name (Skopje, Macedonia)
• Animated progress bar showing checkpoint completion (1 of 3)
• Checkpoint preview row with visited/unvisited icons and truncated names
• Full-width "Continue Exploring" CTA with play icon
• Quick stats footer showing stops remaining and estimated time left