shamba-land/shamba-website

# Shamba Website A geospatial smallholder CRM system website built with Next.js and Strapi CMS. ## Project Structure ``` / ├── frontend/ # Next.js application │ ├── app/ # App Router pages │ ├── components/ # React components │ ├── lib/ # Utilities, API client │ └── public/ # Static assets ├── backend/ # Strapi CMS (to be set up) └── package.json # Root workspace config ``` ## Tech Stack - **Frontend**: Next.js 14+ with App Router, TypeScript, Tailwind CSS - **UI Components**: shadcn/ui - **Backend**: Strapi CMS v5 (headless CMS) - **Styling**: Tailwind CSS with custom Shamba brand colors - **Font**: Geist Sans (placeholder for LT Superior) ## Shamba Brand Colors The design system uses these colors: ### Brand Core - **Forest Green** (#1F3D2B) - Primary brand color - **Deep Moss** (#2F5D3A) - Secondary brand color - **Sage Green** (#8FB996) - Accent color ### Backgrounds - **Off-White** (#F6F5F1) - Main background - **Sand** (#EEECE6) - Secondary background - **Light Clay** (#E4E1D8) - Tertiary background ### Text Colors - **Charcoal** (#1E1E1E) - Primary text - **Muted Charcoal** (#4A4A4A) - Secondary text - **Warm Grey** (#7A7A7A) - Tertiary text ### Accent Colors - **Rich Earth** (#7A5C3E) - **Burnt Clay** (#C46A3A) - **Harvest Gold** (#E1B75A) ### Status Colors - **Success**: #2E7D32 (light: #E6F4EA) - **Warning**: #F2A900 (light: #FFF4D6) - **Error**: #C0392B (light: #FCEAEA) - **Info**: #4E7F7A (light: #EAF3F2) ## Getting Started ### Prerequisites - Node.js 18+ and npm - Git ### Installation 1. **Clone the repository** ```bash git clone cd website ``` 2. **Install dependencies** ```bash npm install ``` 3. **Set up environment variables** ```bash cd frontend cp .env.example .env.local # Edit .env.local with your Strapi URL ``` ### Running the Development Server #### Frontend Only ```bash npm run dev:frontend ``` The Next.js app will be available at localhost #### Fronten …