Home discovery
The live discovery card, top controls, and swipe actions are shown with the same light-mode rhythm as the Flutter app.
Exact app preview
The real app screens, rebuilt for the website
Home, users, chats, and profile now appear here in the same light-mode visual language as the Flutter app, presented inside polished iPhone 17 Pro mockups for desktop visitors.
Users and chat
Interaction tabs, profile grids, active-now avatars, and message rows keep the same structure users already know inside the app.
Profile depth
Profile hero, verification, completion, engagement, boost, and gallery are shown as real app surfaces, not generic placeholders.
9:41
92% match
Omar
29MA Casablanca, Morocco
Practicing Muslim / Sunni
Reading / Travel / Football
Swipe up for a compliment
Home
Matches
Chats
Profile
HomeScreen
Discovery card, top chrome, swipe hint, and the four-action dock taken from the Flutter Home screen.
9:41
Profiles
Liked Me
12
Liked By Me
Liked Me
Passed
Matches
DZ
Amina (27)
Architect
Oran, Algeria / 2 h ago
MA
Youssef (31)
Engineer
Rabat, Morocco / 1 h ago
Premium
QA
Leila (26)
Pharmacist
Doha, Qatar / 5 h ago
AE
Noor (29)
Dentist
Dubai, UAE / 1 d ago
Like
Home
Matches
Chats
Profile
UsersScreen
Profiles header, horizontal interaction tabs, and the same two-column grid used in the app.
Core App Flow
The website now shows the same four light-mode surfaces users actually move through inside Methna.
9:41
Hi Fatima.
Here are your Connections
Mariam
Youssef
Noor
Samir
Messages3
Mariam
Wa alaikum salam. I loved your answer about family values.
10:322
Samir
Would you like to continue after Maghrib?
09:18
Noor
Say hi to start your conversation.
Yesterday
Home
Matches
Chats
Profile
ChatListScreen
Live Today panel, quick actions, avatar bubbles, and conversation rows mirrored from chat list.
9:41
My Profile
Premium
Identity verified
Fatima Zahra
@fatimaz
28
DZ Algiers, Algeria
Algeria
Identity verified
Verification Center
Trusted profile with approved identity checks and document review status.
Identity verified
82%
Complete your profile
18% more to get noticed
Profile Engagement
48
Likes Sent
21
Likes Received
9
Compliments Sent
6
Matches
Boost your visibility
Get highlighted in discovery and reach more matches faster.
Boosts: 3
My Photos
Your visible photos
Home
Matches
Chats
Profile
ProfileScreen
Own-profile bar, hero card, verification, completion, engagement, boost, and gallery cards from profile.
Why this preview matters
- Visitors see exactly how the app feels before they download it.
- Every screen reflects the live app structure, not generic mockups.
- Privacy and intent come through clearly from the very first interaction.