0 && data.aadhaarName.trim().length <= 1 ? "var(--clay)" : "var(--ink-2)", marginTop: 6 }}>Must match the name on your Aadhaar exactly. Your UPI must later match this name.
);
}
/* ============ STEP 2: SELFIE ============ */
function SelfieStep({ data, set }) {
return (
Take a selfie
We'll match this against your Aadhaar photo. Make sure your face is clearly visible and well-lit.
{/* Do's and Don'ts */}
Do's
{["Look straight at camera", "Good lighting on face", "Neutral expression", "Plain background"].map((t, i) => (
{t}
))}
Don'ts
{["No sunglasses or hats", "No face masks", "No group photos", "No heavy filters"].map((t, i) => (
{t}
))}
{ set("selfieFileName", name); set("selfieFile", file); set("selfiePreview", file ? URL.createObjectURL(file) : null); }} label="Take or upload a selfie" hint="Look straight at the camera · Well-lit" icon="camera" />
);
}
/* ============ STEP 3: VIDEO ============ */
function VideoStep({ data, set }) {
return (
Record a liveness video
A short clip proves it's really you — not just a photo of someone else's ID.
{/* Recording instructions */}
What to do in the video:
{[
{ num: "1", text: "Hold your phone at face level, look at the camera" },
{ num: "2", text: "Say your full name clearly" },
{ num: "3", text: "Say today's date" },
{ num: "4", text: "Turn your head left, then right slowly" },
].map(({ num, text }) => (
{num}{text}
))}
5–10 seconds is enough. Keep it simple.
{ set("videoFileName", name); set("videoFile", file); set("videoPreview", file ? URL.createObjectURL(file) : null); }}
label="Record or upload a video" hint="MP4 or MOV · 5–10 seconds" />
)}
))}