I'll create a mobile-first Instagram-like social media app called "PI INSTAGRAM" with Web3 elements. This will be optimized for mobile devices with a responsive design.

I've created a mobile-first PI INSTAGRAM app with the following features:

Key Features:

1. Mobile-Optimized Design: Responsive layout optimized for mobile devices
2. Instagram-like Interface: Stories, posts, likes, comments, and saves
3. Web3 Integration: PI token rewards system and blockchain-themed content
4. Interactive Elements: Like/save functionality, story navigation
5. Modern UI: Using shadcn/ui components with a gradient brand theme

Mobile-First Features:

• Sticky Header: With PI token balance display
• Stories Section: Horizontal scrollable stories with add story option
• Feed: Infinite scroll-ready post feed
• Bottom Navigation: Easy thumb navigation for mobile users
• Touch-Friendly: Large tap targets and smooth interactions

Web3 Elements:

• PI token rewards for posts
• Blockchain-themed usernames and content
• Token balance in header
• Crypto/NFT focused posts and captions

The app is fully responsive and includes typical social media functionality like liking posts, saving content, viewing stories, and commenting. The design uses a modern orange-to-pink gradient theme that represents the PI branding while maintaining Instagram's familiar user experience patterns.

You can extend this further by adding actual Web3 functionality using libraries like ethers.js or web3.js for blockchain interactions, but this provides a solid foundation for the mobile frontend interface.