A modern, responsive landing page for NilPay - a unified payment wallet for South Sudan.
✅ Fully Responsive - Works on mobile, tablet, and desktop ✅ SEO Optimized - Meta tags, Open Graph, Twitter Card support ✅ Smooth Interactions - Smooth scrolling, hover effects, form validation ✅ Accessible - ARIA labels, semantic HTML, keyboard navigation ✅ Form Storage - Email waitlist saves locally with LocalStorage ✅ Performance Optimized - Lazy loading images, minimal CSS ✅ Modern Design - Clean gradient hero, feature cards, smooth animations
index.html- Main HTML structure with improved SEO and accessibilitystyles.css- Comprehensive styling with responsive design (mobile-first)assets/nilpay-logo.jpeg- Logo image
-
HTML Enhancements
- Added meta tags for SEO and social sharing
- Added form validation and success messages
- Improved accessibility with ARIA labels
- Added smooth scrolling behavior
- LocalStorage integration for waitlist emails
-
CSS Improvements
- Responsive grid layouts with
clamp()for fluid typography - Mobile-first approach with breakpoints at 768px and 480px
- Smooth transitions and hover effects
- Sticky navigation
- Better spacing and typography
- Optimized buttons and form elements
- Responsive grid layouts with
-
JavaScript Features
- Smooth scroll navigation
- Email validation
- Form submission handling with feedback
- LocalStorage for persistent email storage
- Open
index.htmlin any modern web browser - Test the form - emails are stored in your browser's local storage
- All links are fully functional with smooth scrolling
- Go to netlify.com
- Sign up with GitHub or email
- Create a new project and connect your repository OR drag and drop the
NilPayfolder - Deploy! Your site will be live instantly
- Go to vercel.com
- Sign up with GitHub or email
- Import the project or drag and drop the folder
- Click Deploy
- Get a live URL immediately
- Create a GitHub repository
- Upload your files
- Go to Settings → Pages
- Select
mainbranch as source - Your site is live at
yourusername.github.io/nilpay
- Upload files via FTP
- Ensure
index.htmlis in the root directory - Access via your domain
- Chrome/Edge: ✅ Full support
- Firefox: ✅ Full support
- Safari: ✅ Full support
- Mobile browsers: ✅ Fully responsive
- Images are lazy-loaded
- CSS is minified and optimized
- No external dependencies
- Fast load time
- Update colors in
styles.css:rootvariables - Modify content directly in
index.html - Change the logo in
assets/folder - Update social media links in meta tags
To add Google Analytics:
<!-- Add to <head> in index.html -->
<script async src="https://www.googletagmanager.com/gtag/js?id=YOUR_GA_ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'YOUR_GA_ID');
</script>- Test the form by entering your email
- Check browser console for any errors (F12)
- Test on mobile devices
- Deploy to Netlify or Vercel
- Set up a backend service to handle emails (Firebase, Mailchimp, etc.)
© 2026 NilPay. All rights reserved.