Corporate brand platform for technology-driven development in Africa
Lynxcess is a brand platform showcasing how technology and innovation drive sustainable development across Africa. The site presents the company's vision, mission, solutions, and impact through an immersive, animated single-page experience.
| Layer | Technology |
|---|---|
| Frontend | React 18, TypeScript 5, Vite 5 |
| Styling | Tailwind CSS, shadcn/ui, Radix Primitives |
| Animation | Framer Motion |
| Routing | React Router DOM v6 |
| State | TanStack React Query |
| Testing | Vitest, Playwright |
| Package Manager | Bun |
src/
├── components/
│ ├── SplashScreen.tsx # Animated entry experience
│ ├── Navbar.tsx # Navigation bar
│ ├── HeroSection.tsx # Hero with CTAs
│ ├── MissionSection.tsx # Mission & values
│ ├── ProblemSection.tsx # Problem identification
│ ├── FiveWhysSection.tsx # Root cause analysis
│ ├── SolutionSection.tsx # Proposed solutions
│ ├── PrototypeSection.tsx # Product/prototype showcase
│ ├── TeamSection.tsx # Team profiles
│ ├── ChallengesSection.tsx # Implementation challenges
│ ├── ImpactSection.tsx # Measurable impact metrics
│ └── FooterSection.tsx # Contact & links
├── assets/ # Images (Kigali, market, team, tech)
├── pages/
│ ├── Index.tsx # Main landing page
│ └── NotFound.tsx # 404 page
└── ui/ # shadcn/ui components
# Clone the repository
git clone https://github.com/hervekubanadev/lynxcess-website.git
cd lynxcess-website
# Install dependencies
bun install
# Start development server
bun run dev- Brand landing page with full sections
- Animated splash screen
- Responsive design
- Mission, vision, and impact storytelling
- Blog / insights section
- Case studies detail pages
- Contact form with Supabase backend
- Multilingual support (English / French / Kinyarwanda)
- Analytics dashboard
- Dark mode
Distributed under the MIT License.
KUBANA Friend Herve
Project Link: https://github.com/hervekubanadev/lynxcess-website
Built with ❤️ for African innovation | Kigali, Rwanda