Belgrade

Built with

• React
• Next.js
• Tailwind CSS
• shadcn/ui
• TypeScript
• Framer Motion

Share

About

Belgrade is a free landing page template for a mobile app, set up here for a wallet and fintech app. It has smooth scroll animations, phone mockups and a dark mode with a light mode switch, so your app's features look good before anyone downloads it. The home page has a hero with phone mockups, a partner logo strip, a feature grid, bento features, a phone that tilts as you scroll with callouts around it, orbiting integrations, reviews, a screen carousel, a benefits slider, an FAQ styled like a chat, and a call to action. It also comes with About, Contact, Privacy and Terms pages. It's built with Next.js, Tailwind CSS, shadcn/ui and Motion. Open it in VS Code and run npm install and npm run dev, or add it to your project with the shadcn CLI. The phone screens are made in code, not screenshots, so changing the text and colors is easy.

Who it's for

For founders and frontend teams launching a mobile app site who'd rather start from a finished Next.js landing page.

• Indie foundersPick Belgrade for a wallet, banking or fintech app launch. Your hero, reviews, FAQ chat section and call to action are already on the page.
• Frontend developersIf you're shipping the marketing site alongside the app, this gives you the home page plus About, Contact, Privacy and Terms. We'd use it when we want the phone mockups and scroll motion done first.
• Product designersThe phone screens are built in code, so it's a good pick when you want to swap copy and colours fast. You can skip drawing a hero mockup, feature grid and screen carousel from scratch.
• App teamsUse this when the app itself is the thing you need to show. The tilting phone with callouts, orbiting integrations and benefits slider give you real sections for feature marketing.

Features

• Hero with phone mockups
• Partner logo strip
• Feature grid
• Bento features
• Phone that tilts as you scroll with callouts around it
• Orbiting integrations
• Reviews
• Screen carousel
• Benefits slider
• FAQ styled like a chat
• Call to action

Keywords

• app landing page template
• free app landing page template
• landing page template
• app landing page UI kit
• Next.js landing page template
• React landing page template
• shadcn/ui landing page template

License