MONTRA

bydcdl

Create a modern, premium SaaS landing page for a Friend Expense Tracking & Notification Application called "FriendFund". The website should have a dark navy and black gradient background with purple and blue neon accents, giving it a futuristic fintech appearance. Hero Section Large bold headline: "Track Friends. Track Money. Stay Connected." Subheading: "FriendFund helps you track shared expenses, get instant notifications, and settle up without awkward reminders." Two CTA buttons: Primary: Start Tracking Now Secondary: Explore Features Navigation Bar Logo with friend/group icon and the text FriendFund Menu items: Home Features How It Works About Contact Right-aligned button: Get Started App Showcase (Right Side) Display multiple realistic smartphone mockups floating in 3D perspective: Screen 1 – Add Expense User profile pictures for selecting friends Expense title field Amount input field Paid by selection Split options (Equal / Custom) Expense summary Screen 2 – Add Friend Profile picture upload Name input Mobile number input Add Friend button Screen 3 – Dashboard Amount owed and amount to pay cards Recent activity list Friend avatars Notification icon Screen 4 – Spend Analyzer Monthly spending statistics Category breakdown Donut chart visualization Spending trends and analytics cards Floating Notification Card Display a glassmorphism notification popup: Friend avatar "Friend added an expense" Expense description Total amount Feature Icons Section Include icons with labels: Add Friends Add Expense Get Notified Analyze Spend Secure & Private Design Style Dark mode UI Glassmorphism cards Soft glows and shadows Neon purple gradients Rounded corners Premium fintech startup aesthetics Smooth floating animations and subtle particle effects High-end Dribbble/Behance quality design Responsive for desktop, tablet, and mobile. Keywords: Fintech, Expense Splitter, Friends Money Tracker, Notification App, Dashboard UI, Dark Theme, Glassmorphism, Modern SaaS Landing Page, Analytics, Expense Management.

HomeAboutContactSignupLogin
Home

Comments (0)

No comments yet. Be the first!

About design preview
Login: Sign In
Dashboard: View Analytics
CMS: Edit Hero Content
CMS: Update CTA Buttons
CMS: Manage Feature Icons
CMS: Update Showcase Mockups
Analytics: Monitor User Interactions
Analytics: Review Feedback
CMS: Check Responsiveness
CMS: Publish Changes