Dariusnyambu/Ascend

Ascend finance is a micro finance bussines in kenya offering affordable loans # 🏦 ASCEND FINANCE ### Kenya's Trusted Microfinance Web Application > A premium, production-ready React + Vite fintech frontend > Deep Royal Blue `#0B1F4D` × Gold `#D4AF37` design system --- ## 🚀 Quick Start (VS Code) ```bash # 1. Open the folder in VS Code cd ascend-finance # 2. Install dependencies npm install # 3. Start development server npm run dev # 4. Open in browser # localhost ``` --- ## 📁 Project Structure ``` ascend-finance/ ├── public/ │ └── favicon.svg ├── src/ │ ├── components/ │ │ ├── layout/ │ │ │ ├── Navbar.jsx ← Sticky nav with mobile menu │ │ │ └── Footer.jsx ← 4-column footer │ │ ├── sections/ │ │ │ ├── HeroSlider.jsx ← 5-slide auto-carousel │ │ │ └── StatsSection.jsx ← Animated counters │ │ └── ui/ │ │ ├── Badge.jsx ← Gold/color pill badge │ │ ├── SectionHeader.jsx ← Badge + title + subtitle │ │ └── FieldLabel.jsx ← Form field labels │ ├── pages/ │ │ ├── Home.jsx ← Full landing page │ │ ├── About.jsx ← Company story + team │ │ ├── Loans.jsx ← 5 loan products │ │ ├── Calculator.jsx ← Live loan calculator + charts │ │ ├── Apply.jsx ← 7-step application form │ │ ├── Contact.jsx ← Form + map + FAQ │ │ └── Dashboard.jsx ← Admin-style dashboard UI │ ├── hooks/ │ │ ├── useScrolled.js ← Navbar scroll detection │ │ └── useCounter.js ← IntersectionObserver counter │ ├── data/ │ │ └── index.js ← All static data + mock APIs │ ├── utils/ │ │ └── index.js ← ksh(), calcLoan(), genRef()… │ ├── App.jsx ← Router + layout wrapper │ ├── main.jsx ← React DOM entry point │ └── index.css ← Tailwind + global styles ├── index.html ├── vite.config.js ├── tailwind.config.js ├── postcss.config.js └─ …