# Seed Co Group — The African Seed Company

> **Certified Hybrid Seed Bred for African Soils and Seasons Since 1940.**

Seed Co Group is the leading pan-African plant breeding and seed supply business, developing and distributing high-yielding, climate-resilient certified hybrid seed across more than 35 African countries.

---

## Overview

This platform is the digital flagship for Seed Co Group, serving commercial growers, smallholder farmers, agribusiness partners, investors, and agricultural researchers across Africa.

### Key Features

- **Interactive Seed Variety Finder**: Filter certified crop varieties by country, agro-ecological zone, rainfall pattern, altitude, and maturity class with instant drought-resilience toggles.
- **El Niño and Climate-Smart Advisory Hub**: Real-time seasonal advisories, planting window adjustments, and agronomic management practices tailored to regional climate cycles.
- **8 Crop Portfolios**: In-depth variety catalogues spanning Hybrid Maize, Wheat, Soyabeans, Sorghum, Sugar Beans, Groundnuts, Cowpeas, and Rice.
- **Pan-African Footprint**: Country-specific distribution hubs, agronomist directories, and direct links to official Seed Co online seed shops.
- **Sustainability and ESG**: Dedicated tracking for climate-smart breeding initiatives, smallholder farmer training, community seed banks, and dual-listed governance standards.
- **Investor Relations**: Comprehensive reporting for dual-listed entities — **Seed Co International Limited (BSE: SCIL)** and **Seed Co Limited (ZSE: SEED.zw)**.
- **Media and Newsroom**: Real-time press releases, market updates, agronomy bulletins, and downloadable annual reports.
- **Multilingual Support**: Built-in localization support for regional languages across Sub-Saharan Africa (English, Shona, Ndebele, French, Swahili, Portuguese).

---

## Technology Stack

- **Framework**: [TanStack Start](https://tanstack.com/start) (Full-stack React with SSR & Nitro)
- **Routing**: [TanStack Router](https://tanstack.com/router) (Type-safe file-based routing)
- **State and Data**: [TanStack Query](https://tanstack.com/query)
- **Styling**: [Tailwind CSS v4](https://tailwindcss.com) with custom Seed Co design system
- **UI Components**: [Radix UI](https://www.radix-ui.com/) accessible primitives
- **Icons**: [Lucide React](https://lucide.dev) & Custom SVG Agronomy Badges
- **Build Tool**: [Vite](https://vitejs.dev/)

---

## Getting Started

### Prerequisites

- **Node.js**: v18.0.0 or higher
- **npm** (or **pnpm** / **yarn**)

### Installation

1. **Clone the repository**:
   ```bash
   git clone https://github.com/Jefterwork/Seed-Co-Group.git
   cd Seed-Co-Group
   ```

2. **Install dependencies**:
   ```bash
   npm install
   ```

3. **Start the development server**:
   ```bash
   npm run dev
   ```
   Open [http://localhost:3000](http://localhost:3000) in your browser.

---

## Available Scripts

| Command | Description |
| :--- | :--- |
| `npm run dev` | Starts the local development server with hot module replacement (HMR). |
| `npm run build` | Compiles and builds the production application with Nitro server assets. |
| `npm run preview` | Previews the production build locally. |

---

## Project Structure

```text
├── public/                     # Static assets (brand logos, SVG icons, imagery)
├── src/
│   ├── assets/                 # High-resolution optimized photography
│   ├── components/
│   │   ├── site/               # Site-wide components (Header, Footer, AdvisoryCta, VarietyFinder)
│   │   └── ui/                 # Reusable Radix UI design tokens (Button, Dialog, Accordion, etc.)
│   ├── data/
│   │   ├── site.ts             # Global navigation, countries, crops, news, and stats
│   │   └── varieties.ts        # Certified hybrid seed variety registry and specs
│   ├── lib/
│   │   ├── i18n.tsx            # Localization and language switching
│   │   └── utils.ts            # ClassName merging and formatting helpers
│   ├── routes/                 # File-based TanStack Start application routes
│   │   ├── __root.tsx          # Master layout with SEO meta & analytics
│   │   ├── index.tsx           # Homepage & Hero with floating metrics dock
│   │   ├── about.tsx           # History, leadership boards, and executive team
│   │   ├── contact.tsx         # Pan-African enquiry form and office directory
│   │   ├── countries.tsx       # Regional operating entities & country portals
│   │   ├── el-nino.tsx         # Climate outlook and drought-tolerant seed selector
│   │   ├── innovations.tsx     # Molecular breeding, nurseries, and R&D pipelines
│   │   ├── investors.tsx       # SCIL / SCL financial disclosures & circulars
│   │   ├── media.tsx           # News, press releases, and articles
│   │   ├── products.tsx        # Crop catalogue & variety details
│   │   ├── sustainability.tsx  # ESG frameworks and farmer livelihood impact
│   │   └── variety-finder.tsx  # Interactive hybrid seed matching engine
│   ├── router.tsx              # Router instantiation & configuration
│   ├── server.ts               # SSR entry point
│   ├── start.ts                # Application bootstrap
│   └── styles.css              # Global styles, OKLCH brand palette, and custom utility classes
├── tsconfig.json               # TypeScript configuration
└── vite.config.ts              # Vite & Nitro bundler configuration
```

---

## Brand Design System

| Token | Value | Description |
| :--- | :--- | :--- |
| **Seed Co Green** | `#009F4F` | Primary brand color used across headers, badges, and primary actions. |
| **Pure White** | `#FFFFFF` | Accent color for callouts, metrics, and organic contour lines. |
| **Canvas Paper** | `oklch(0.975 0.012 92)` | Warm, organic background canvas surface. |
| **Forest Green** | `#005e1c` | Deep green accent for utility bars and footer gradients. |

---

## License

Copyright © 1940–2026 **Seed Co Group**. All rights reserved.