Warri is a high-conversion, modern FinTech Landing Page designed to showcase a seamless financial management experience. This project blends a minimalist aesthetic with cutting-edge animations to transform complex banking concepts into an engaging user journey.
Link of project: https://onanavitaldev.github.io/Warri
This is a high-performance marketing showcase (Landing Page) optimized for user conversion. It demonstrates how a clean UI and fluid storytelling through motion can increase brand trust and user sign-ups.
- Hero Section: High-impact messaging with an immediate Call-to-Action (CTA).
- Social Proof & Stats: Real-time growth metrics and global user satisfaction.
- Bento Grid Features: A modern layout for quick scanning of core value propositions.
- Interactive Pricing: Clear, tiered plans designed to drive decision-making.
- Dynamic Footer: Brand reinforcement with smooth parallax effects.
This landing page is built using a lightweight, scalable architecture:
| Technology | Usage |
|---|---|
| Vue.js 3 | Reactive framework for UI logic and component management. |
| Tailwind CSS | Utility-first styling for rapid, responsive design. |
| GSAP (GreenSock) | High-performance animation engine for premium motion. |
| ScrollTrigger | For scroll-bound reveal effects and parallax. |
.
├── index.html # Core HTML5 structure & CDN imports
├── app.js # Vue.js initialization & GSAP animation sequences
├── public/
│ └── css/
│ └── main.css # Custom styles, resets, and layout overrides
└── README.md # Documentation (this file)