https://github.com/bohd4nx/mobile-landing
A sleek and modern mobile landing page for the app, designed for a seamless user experience. Built with responsive design and optimized for performance.
https://github.com/bohd4nx/mobile-landing
astro astro-landing-page landing landing-page website website-template
Last synced: 4 months ago
JSON representation
A sleek and modern mobile landing page for the app, designed for a seamless user experience. Built with responsive design and optimized for performance.
- Host: GitHub
- URL: https://github.com/bohd4nx/mobile-landing
- Owner: bohd4nx
- Created: 2025-02-19T02:47:18.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2025-05-07T23:22:30.000Z (6 months ago)
- Last Synced: 2025-06-18T06:35:49.839Z (5 months ago)
- Topics: astro, astro-landing-page, landing, landing-page, website, website-template
- Language: TypeScript
- Homepage: https://landing.bohd4n.dev/
- Size: 1.24 MB
- Stars: 21
- Watchers: 1
- Forks: 5
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Mobile App Landing Page
This is a clean, customizable landing page template for mobile apps built with Astro and React. Display your app's key features, screenshots, and download links in an elegant, responsive design.
## Features
- 📱 **Responsive Design** - Optimized for all devices and screen sizes
- 🖼️ **Device Preview** - Toggle between iPhone and iPad screenshots
- 🎨 **Modern UI** - Clean aesthetics with smooth animations
- 📝 **Markdown Legal Pages** - Easy editing of Privacy Policy and Terms of Service
- 🔍 **SEO Optimized** - Meta tags and proper structure for better visibility
- ⚡ **Performant** - Fast loading, built with modern web technologies
## Quick Start
```bash
# Clone repository
git clone https://github.com/bohd4nx/mobile-landing.git
# Install dependencies
npm install
# Start development server
npm run dev
# Build for production
npm run build
```
## Customization
### App Configuration
Edit files in the `src/config/` directory to customize different aspects of your app:
- **appInfo.ts** - Change app name, description, logo and store links
- **features.ts** - Modify your app's feature list and icons
- **faq.ts** - Update frequently asked questions
- **reviews.ts** - Edit user testimonials
- **screenshots.ts** - Configure screenshot image paths
- **socialLinks.ts** - Set up social media links
### Content
- **Legal Pages:** Edit markdown files in `src/pages/content/`
- **Screenshots:** Place device images in `public/screenshots/{iphone|ipad}/`
- **Styling:** Modify Tailwind classes or edit theme in `tailwind.config.cjs`
## License
MIT Licensed. See LICENSE file for details.
---