Pinb mobile app - v0 by Vercel

Please create a mobile app based on below name and description. The app should be designed with mobile-first principles, optimized for responsive for mobile devices.

Name: PinB Description: Rent or list homes using Pi Coin. Secure bookings, host profiles, AI-powered search, chat, reviews & calendar. A decentralized marketplace for global stays, powered by the Pi Network.

I'll create a mobile-first PinB app - a decentralized home rental marketplace powered by Pi Coin. This will include property listings, bookings, host profiles, search functionality, and more.

I've created a comprehensive mobile-first PinB app - a decentralized home rental marketplace powered by Pi Coin. Here are the key features implemented:

Core Features

Home Page (/)

Hero section with AI-powered search
Featured properties with Pi Coin pricing
Mobile-responsive design with gradient branding
Search functionality with location, dates, and guests

Search Results (/search)

Advanced filtering (price range, property type, amenities)
Grid/list view toggle
Favorites functionality
AI-powered search badge
Mobile-optimized property cards

Property Details (/property/[id])

Image gallery with navigation
Host information with verification badges
Amenities, reviews, and booking calendar
Sticky booking card with Pi Coin pricing
Mobile-responsive layout

Booking Flow (/booking/[id])

Multi-step booking process (Guest Info → Payment → Confirmation)
Pi Coin payment integration
Secure escrow system
Terms and conditions
Booking confirmation

Chat System (/chat)

Real-time messaging interface
Conversation list with unread indicators
Host-guest communication
Mobile-optimized chat UI
Online status indicators

User Profile (/profile)

Comprehensive profile management
Pi Coin wallet integration
Booking history and listings
Reviews and ratings
Tabbed interface for organization

Design Features

Mobile-First: Optimized for touch interfaces and small screens
Purple/Pink Gradient: Consistent branding throughout
Pi Coin Integration: Custom currency display and payment flows
Responsive Grid: Adapts to different screen sizes
Modern UI: Clean cards, badges, and interactive elements

Security & Trust

Verified host badges
Secure Pi Network payments
Escrow system for bookings
End-to-end encrypted messaging
Blockchain-based identity verification

Mobile Optimizations

Touch-friendly buttons and inputs
Swipeable image galleries
Collapsible navigation
Optimized form layouts
Fast loading with placeholder images

The app demonstrates a complete rental marketplace experience with Pi Coin integration, providing users with a secure, decentralized platform for booking accommodations worldwide.

components

tabs.tsx