paulnamalomba/unimarket-technologies-website

Four-page working prototype for Unimarket Technologies, a Malawi-based technology startup delivering business solutions, POS software, card machines, MRA EIS solutions, enterprise software, UX/UI design, websites, and full-stack applications. # Unimarket Technologies Website Four-page working prototype for **Unimarket Technologies**, a Malawi-based technology startup delivering business solutions, POS software, card machines, MRA EIS solutions, enterprise software, UX/UI design, websites, and full-stack applications. ## Prototype routes | Route | Purpose | |---|---| | `/` | Brand, capabilities, services, process, and featured workflow | | `/solutions` | Business solution categories and engagement model | | `/solutions/pos-eis` | Combined POS, card payment, inventory, and MRA EIS concept | | `/contact` | Consultation flow with interactive form states | ## Technology - Next.js 16 App Router - React 19 and TypeScript - Tailwind CSS 3 - Google Inter font through `next/font` - shadcn/ui-inspired semantic tokens and component conventions - Class Variance Authority for typed button variants - Lucide React icons - `next/image` for optimized imagery and the approved logo ## Brand asset The approved logo is: ```text public/logos/logo-design-1-no-bg.png ``` The interface uses the exact PNG through `next/image`. Do not redraw, recolor, crop, trace, regenerate, or replace it. ## Template reference The prototype borrows compositional cues from the MIT-licensed Nuxt UI SaaS template: a focused hero, layered product media, alternating split sections, capability grids, restrained surfaces, and strong closing CTA panels. It does not use Nuxt or Vue code. The implementation remains native Next.js, React, and TypeScript, with the Unimarket Technologies design system applied throughout. ## Generated imagery The three WebP photographs under `public/images` were generated specifically for this prototype: - `retail-pos-payment.webp` - `inventory-team.webp` - `technology-team.webp` They depict conceptual business contexts and do not represent real clients, employees, partners, or live product interfaces. ## Commands | Command | Purpose | |---|---| | `npm install` | Install dependencies | | `npm run dev` | Start …