WalletBridge Preview

A modern Flutter app showcasing the WalletBridge fintech platform with an engaging preview experience.

🚀 Features

Core Features

• Splash Screen Animation: Branded splash screen with animated logo and "Coming Soon" message
• About Page: Comprehensive project description and value proposition
• UI Demo: Interactive wallet connection simulation with portfolio overview
• Email Capture: Waitlist signup form with multiple integration options
• Social Links: Direct links to social media platforms and website
• FAQ/Roadmap: Comprehensive FAQ section and development timeline

Design Features

• Modern UI: Clean, card-based layout with clear information hierarchy
• Brand Colors:
  • Primary: Strong vibrant blue (#29ABE2)
  • Background: Light desaturated blue (#E5F6FD)
  • Accent: Cyan shade (#45C2E8)
• Typography: Inter font family for headlines and body text
• Animations: Smooth transitions and engaging micro-interactions
• Responsive: Optimized for both Android and iOS platforms

📱 Screenshots

The app includes the following screens:

1. Splash Screen - Animated logo and loading experience
2. Home Screen - Main navigation hub with feature cards
3. About Screen - Project overview and key features
4. UI Demo Screen - Interactive wallet simulation
5. Email Capture Screen - Waitlist signup with multiple options
6. Social Links Screen - Social media and contact information
7. FAQ Screen - Frequently asked questions and roadmap

🛠️ Tech Stack

• Framework: Flutter 3.0+
• Language: Dart
• Dependencies:
  • google_fonts: Inter font family
  • url_launcher: External link handling
  • shared_preferences: Local data storage
  • lottie: Animation support
  • flutter_svg: SVG icon support
  • animated_text_kit: Text animations

📋 Prerequisites

• Flutter SDK (3.0 or higher)
• Dart SDK
• Android Studio / VS Code
• Android SDK (for Android development)
• Xcode (for iOS development, macOS only)

🚀 Installation

1. Clone the repository

   git clone <repository-url>
   cd walletbridge_preview

2. Install dependencies

   flutter pub get

3. Run the app

   flutter run

📁 Project Structure

lib/
├── main.dart                 # App entry point and theme configuration
├── screens/
│   ├── splash_screen.dart    # Animated splash screen
│   ├── home_screen.dart      # Main navigation screen
│   ├── about_screen.dart     # Project information
│   ├── ui_demo_screen.dart   # Interactive demo
│   ├── email_capture_screen.dart  # Waitlist signup
│   ├── social_links_screen.dart   # Social media links
│   └── faq_screen.dart       # FAQ and roadmap
└── assets/
    ├── images/               # Image assets
    ├── animations/           # Lottie animations
    ├── icons/               # Custom icons
    └── fonts/               # Inter font files

🎨 Customization

Colors

The app uses a consistent color scheme defined in main.dart:

• Primary: #29ABE2 (Strong vibrant blue)
• Background: #E5F6FD (Light desaturated blue)
• Accent: #45C2E8 (Cyan shade)

Fonts

The app uses Inter font family for all text elements. Font weights are configured in the theme.

Icons

The app uses Material Design icons and custom SVG icons where needed.

🔧 Configuration

External Links

Update the following URLs in the respective screen files:

• Social media links in social_links_screen.dart
• Email addresses in email_capture_screen.dart
• Website URLs throughout the app

Content

Modify the content in each screen to match your specific project requirements:

• About page content
• FAQ questions and answers
• Roadmap timeline
• Social media links

📱 Platform Support

• Android: API level 21+ (Android 5.0+)
• iOS: iOS 11.0+
• Web: Supported (with some limitations for native features)

🚀 Deployment

Android

flutter build apk --release

iOS

flutter build ios --release

Web

flutter build web --release

🤝 Contributing

1. Fork the repository
2. Create a feature branch
3. Make your changes
4. Test thoroughly
5. Submit a pull request

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

📞 Support

For support and questions:

• Email: hello@walletbridge.com
• Website: https://walletbridge.com
• Social Media: @walletbridge

🔮 Future Enhancements

• Push notifications
• Deep linking support
• Analytics integration
• A/B testing framework
• Localization support
• Dark mode theme
• Accessibility improvements

---

Note: This is a preview version of WalletBridge. All features are for demonstration purposes only.