W
Back to Portfolios
Web App

Orphan Foundation Website

A modern, responsive landing page for a non-profit organization dedicated to empowering orphans and vulnerable communities through education, healthcare, and economic support.

Orphan Foundation Website

Project Overview

The Orphan Foundation Website is a complete web solution built for a charitable organization. Developed with Next.js 15 and the App Router, this project showcases modern web development practices with a focus on accessibility, performance, and user experience. The website includes a powerful CMS integration that allows the organization to manage their news and blog content independently. Staff can easily create, edit, and publish articles without any technical knowledge, keeping the community informed about the foundation's activities and impact stories.

Key Features

  • Engaging hero section with impact statistics and call-to-action buttons.
  • Detailed About page showcasing mission, vision, and team members.
  • Program showcase with volunteer opportunities and registration.
  • CMS-powered blog/news section for dynamic content management.
  • Functional contact form with location information.
  • Fully responsive design optimized for all devices.
  • Admin dashboard for easy content updates without code changes.

Tech Stack

NextJS 15
Typescript
Tailwind CSS
Sanity CMS

Tags

Non-ProfitLanding PageCMS IntegrationFullstack

Project Gallery

Orphan Foundation Website screenshot 1
Orphan Foundation Website screenshot 2
Orphan Foundation Website screenshot 3