// Mini animated mockups for each product card. function LivestockMockup() { return ( DRASIL · LIVESTOCK Herd overview HEAD284 CALVES47 MILK YIELD+12% ); } function PoultryMockup() { return ( DRASIL · POULTRY · HOUSE 03 Flock at a glance BIRDS8,420 EGGS / DAY7,612 MORTALITY0.3% {[15, 45, 75, 105, 135, 165, 195, 225, 255, 285, 315, 345].map((x, i) => { const h = 20 + ((i * 13) % 50); return ; })} ); } function KarttlyMockup() { return ( KARTTLY · WEEK 17 Grocery budget R 1,420 / R 2,200 {[["MON", "Chakalaka & pap"], ["TUE", "Bobotie bowl"], ["WED", "Bunny chow (veg)"], ["THU", "Peri-peri chicken"]].map(([d, m], i) => {d} {m} )} ); } function TradeWorxMockup() { return ( TRADE WORX · INVOICE #0428 Naidoo Plumbing {[["Geyser replacement", "R 4,200"], ["Call-out + labour (2h)", "R 850"], ["Copper fittings", "R 320"]].map(([d, v], i) => {d} {v} )} TOTAL DUE R 5,370 INVOICE RETAIL · POS ); } function CVReadyMockup() { return ( CV READY · INTERVIEW COACH Tell me about yourself. COACH Open with your strongest skill. THANDIWE · JOB SEEKER I'm a logistics coordinator with 4 years at Shoprite… INTERVIEW SCORE 82 / 100 ); } const PRODUCT_DATA = [ { num: "I", name: <>Drasil Agri · Livestock, tagline: "Cattle, sheep & goat management for working farmers.", desc: "Cattle, sheep, goats and game — one app, total livestock visibility. Drasil Agri Livestock is the herd book that lives in your pocket: full animal register with individual profiles, calving records with target dates and production metrics, complete health logs and treatment history, and species selection across cattle, sheep, goats and game. Capture vaccine batch numbers and vet notes, manage permit checklists, and download professional PDF & Excel reports — P&L summaries, FMD compliance certificates, vaccination certs and attendance records — for any data set.", bullets: [ "Full animal register — individual profiles for cattle, sheep, goats and game.", "Calving records with birth tracking, target dates and production metrics.", "Health logs & treatment history — vaccine batch numbers, vet notes, health trends.", "Permit checklists and vaccination certificates, ready when you need them.", "Professional PDF & Excel reports — P&L, FMD compliance, attendance records.", "40-day free tree trial. Available on App Store and Google Play.", ], hue: 155, Mockup: LivestockMockup, image: "assets/drasil-agri-livestock-infographic.png", status: "LIVE", region: "INTERNATIONAL", logo: "assets/drasil-agri-logo.png", url: "https://farm-dairy-ten.vercel.app/", }, { num: "II", name: <>Drasil Agri · Poultry, tagline: "Dedicated poultry app for commercial operations.", desc: "A dedicated poultry app, specialised for commercial poultry operations — broilers, layers, breeders and ducks. Drasil Agri Poultry tracks flock life cycles end to end: monitor production metrics like Lay % and FCR, log mortality and feed conversion, record daily egg numbers and calculate Lay % for layers and breeders. Manage movement permits and state-vet certificates, track hatch data and hatchery efficiency, and download professional PDF & Excel reports — P&L summaries, vaccination certificates, FMD compliance certs and attendance records.", bullets: [ "Dedicated poultry app for commercial operations — broilers, layers, breeders, ducks.", "Flock history & batch data — Lay %, FCR, mortality, feed conversion, performance trends.", "Egg collection & tracking — daily numbers and automatic Lay % per house.", "Permit checklists, hatch data and hatchery efficiency in one place.", "Professional PDF & Excel reports — P&L, vaccination certs, FMD compliance, attendance.", "One app. Total poultry visibility — 40 day free trial ", ], hue: 60, Mockup: PoultryMockup, image: "assets/drasil-agri-poultry-infographic.png", status: "LIVE", region: "INTERNATIONAL", logo: "assets/drasil-agri-logo.png", url: "https://farm-dairy-poultry.vercel.app/", }, { num: "III", name: <>Karttly, tagline: "Shopping & lifestyle app — every expense, every list, every meal.", desc: "Karttly is the shopping & lifestyle companion that gives you total personal visibility — every expense, every list, every meal in one app. Track all expenses and balance with a real-time total, compare prices to find the best deal, keep all your loyalty cards in one place, coordinate shared lists with the family in real-time, plan the week's meals and generate recipes, and visualise your spending history with rich analytics.", bullets: [ "Budget tracker — every expense, every list, balance with a real-time total.", "Price comparison to find the best deal across products.", "Loyalty cards — every card in one place, instant access at the till.", "Shared lists — coordinate with family with real-time sync.", "Meal planner that organises your week and generates recipes.", "Spending analytics — visualise history and review your habits. 7-day free trial.", ], hue: 340, Mockup: KarttlyMockup, image: "assets/karttly-infographic.png", status: "LIVE", region: "INTERNATIONAL", logo: "assets/karttly-logo.png", url: "https://karttly-lctp.vercel.app/", }, { num: "IV", name: <>Trade Worx, tagline: "Invoicing for trades. POS for small retail. Complete visibility in one app.", desc: "Trade Worx gives South African small businesses total business visibility — every quote, every job, every sale in one app. Run your business from the bakkie: send professional quotes for instant job specs, track on-site field service jobs, manage stock with reorder suggestions, issue VAT-ready invoices with accurate Rand totals, and switch into Small Retail / POS mode for barcode scanning and end-of-day cash-up.", bullets: [ "Professional quotes — instant job specs in your branding.", "Field service — track on-site jobs from quote through to paid.", "Stock control with intelligent reorder suggestions.", "VAT-ready invoices with accurate Rand totals, ready for SARS.", "Small Retail / POS — barcode scanning and end-of-day cash-up.", "One app. Total business visibility. Join the beta — free trial available.", ], hue: 200, Mockup: TradeWorxMockup, image: "assets/tradeworx-infographic.png", status: "90% — JOIN BETA", region: "SOUTH AFRICA ONLY", logo: "assets/tradeworx-logo.jpg", url: "https://trade-worx.vercel.app/", }, { num: "V", name: <>CV Ready, tagline: "Recruiter-ready CVs and an interview coach for the SA market.", desc: "CV Ready helps South African job seekers move from \"I'm looking\" to \"I got the offer.\" Build an ATS-friendly CV in minutes, then practise the interview with an AI coach that understands local industries — mining, fintech, retail, public sector — and the questions that actually come up.", bullets: [ "Guided CV builder with templates that pass automated screening.", "Targeted CVs per role — same profile, tailored output for each application.", "AI interview coach trained on SA industries, with feedback after each answer.", "Salary-range research for South African roles, by city and experience.", "Cover-letter generator that doesn't sound like a robot wrote it.", "Aimed squarely at the SA market — TVET, NQF, learnerships, B-BBEE context.", ], hue: 75, Mockup: CVReadyMockup, status: "IN DEVELOPMENT", region: "SOUTH AFRICA ONLY", }, ]; function ProductBlock({ p, idx }) { const reverse = idx % 2 === 1; const M = p.Mockup; const accent = `oklch(0.82 0.1 ${p.hue})`; const accentSoft = `oklch(0.5 0.08 ${p.hue} / 0.5)`; const statusColor = p.status === "LIVE" ? "oklch(0.74 0.12 155)" : p.status.startsWith("90%") ? "oklch(0.82 0.14 75)" : "oklch(0.62 0.04 260)"; return (
{p.logo && }
{p.num}
● {p.status} {p.region}

{p.name}

{p.tagline}

{p.desc}

{p.url && ( Open {p.name.props ? "the app" : "app"} ↗ )}
{p.image ? ( {p.name?.props?.children?.toString?.() ) : (
)}
); } function Products() { return (

Five
branches,
each its own.

II · THE CATALOGUE Drasil Nova SaaS apps
Every app stands on its own — its own sign-in, its own focus, its own audience. Two reach the world; three are built for South Africa specifically.
{PRODUCT_DATA.map((p, i) => )}
); } Object.assign(window, { Products, PRODUCT_DATA });