[saqibmanan]

Adds two standalone cohort landing pages, each with application forms that save straight into a Google Sheet.

Page	URL	Closes
Local & Inclusive AI Cohort (CivicDataLab with Gram Vaani, for Tech4Dev)	/cohorts/tech4dev/	7 Nov, 11:59 PM IST
AI & Digital Tools for CSOs (CivicDataLab with UNDP India)	/cohorts/undp/	30 Nov, 11:59 PM IST

What's on the pages

• Content from the landing-page docs, styled with Inter (as in the CivicDataSpace design system) and the designer's brush artwork. The speech bubbles are 9-sliced so they keep their brush edges at any size.
• Countdown ("N days left to apply") is worked out in the browser, so the static build never shows a stale number. After the deadline, the Apply buttons hide and the forms are replaced with "Applications closed".
• Tech4Dev only: a 4-question eligibility check ("Are we a fit?"), saved to the Sheet's Short tab. It is collapsed behind a "Check if we're a fit" button to keep the page short; the hero and investment buttons, and any #fit link, open it.
• Application forms in 4 steps, with Back/Next and checks on each step. If a submission fails, the answers stay filled in. Responses go to the Long tab.
  • Tech4Dev: the NGO screening questionnaire, Q1–Q21.
  • UNDP: the baseline assessment questionnaire, Q1–Q22 (Inception Report, Annex A). It supports tick boxes with limits, options that must be chosen alone, optional questions, and a consent question that blocks submission on "No".
• Sheet columns are named after the questions themselves, e.g. Q1. Your full name. "Other" answers are saved inline, e.g. Other: <text>.

Layout

• Two shared content widths: wide (1100px) and text (760px), so section edges line up on desktop and phone.
• Tech4Dev Programme structure is a vertical timeline at text width, with a winding path that fills in as you scroll and compact step cards. The path is static (fully filled) when reduced motion is set.
• Tech4Dev What you will leave with is horizontal cards with tick badges, at text width.
• Tighter section spacing; the Tech4Dev page is about 9,650px tall on desktop, down from about 11,900px.
• No copy changes apart from the new "Hide the fit check" toggle label.

How the forms save

Each form posts to a Google Apps Script web app (scripts/cohort-apps-script/Code.gs, with setup steps in its README) that adds a row to that cohort's Sheet. The web app URLs are in src/components/cohort/config.js. Both deployments are live, and real submissions from the pages have been tested end to end. The script has a hidden spam-trap field, checks the email address, caps the length of each answer and blocks spreadsheet formula injection.

Code layout

• src/pages/cohorts/tech4dev.js, undp.js: each page's content
• src/components/cohort/layout.js: shared layout, styles and hooks
• src/components/cohort/ApplyForm.js, FitCheck.js, questions.js, ui.js: the forms
• src/images/cohort/: artwork, trimmed and compressed to webp

Still open (not blocking)

• Gram Vaani logo: left off until the official high-resolution file arrives.
• UNDP skill-area cards use placeholder line icons until the CDL icon files arrive.

Testing

Checked in a local dev build, on desktop and at phone width:

• Both pages render with no console errors and no sideways scrolling.
• Every form's checks and step navigation work.
• Real submissions land in both Sheets.
• Section widths measured at 1280px and 390px: both pages line up on the two shared widths, with no horizontal overflow.
• Visible text on both pages compared against the previous build: UNDP identical; Tech4Dev identical apart from the toggle label.
• Fit check: collapsed by default; opens from each button and from #fit; toggle closes and reopens.
• Not yet tested in the Node 14 CI build or on a real device.

Closes #397