\n 338→ {Array.from({ length: totalSteps }, (_, i) => (\n 339→
\n 347→ )}\n 348→\n 349→ {/* Step: Trade */}\n 350→ {step === \"trade\" && (\n 351→ \n 352→ setShowVoice(true)}\n 362→ className=\"mt-6 flex w-full items-center justify-center gap-3 rounded-xl border-2 border-dashed border-primary/40 bg-primary/5 px-5 py-4 text-base font-medium text-primary transition-colors hover:border-primary hover:bg-primary/10 active:scale-95\"\n 363→ style={{ minHeight: \"64px\" }}\n 364→ >\n 365→ \n 372→ \n 373→ {\n 392→ setShowVoice(false);\n 393→ setVoiceError(null);\n 394→ }}\n 395→ className=\"text-sm text-muted-foreground hover:text-foreground\"\n 396→ >\n 397→ Cancel — I'll tap instead\n 398→ \n 399→ \n 400→ \n 401→ )}\n 402→\n 403→
\n 423→ )}\n 424→\n 425→ {/* Step: Experience */}\n 426→ {step === \"experience\" && (\n 427→ \n 374→ Say something like: “I'm a chippie with 8 years experience in Parramatta, looking for full-time work”\n 375→
\n 376→\n 377→ {voiceProcessing ? (\n 378→\n 379→
\n 382→ ) : (\n 383→ {voiceStatus}
\n 381→{voiceError}
\n 388→ )}\n 389→\n 390→\n 404→ {TRADES.map((t) => (\n 405→ {\n 408→ setTrade(t);\n 409→ setStep(\"experience\");\n 410→ }}\n 411→ className={`rounded-xl border-2 px-4 py-4 text-left text-base font-medium transition-colors active:scale-95 ${\n 412→ trade === t\n 413→ ? \"border-primary bg-primary/10 text-primary\"\n 414→ : \"border-border hover:border-primary/50\"\n 415→ }`}\n 416→ style={{ minHeight: \"64px\" }}\n 417→ >\n 418→ {t}\n 419→ \n 420→ ))}\n 421→
\n 422→ \n 428→ setStep(\"trade\")}\n 457→ className=\"mt-4 flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground\"\n 458→ >\n 459→
\n 463→ )}\n 464→\n 465→ {/* Step: Location */}\n 466→ {step === \"location\" && (\n 467→ \n 435→ {EXPERIENCE_OPTIONS.map((opt) => (\n 436→ {\n 439→ setExperience(opt.value);\n 440→ setStep(\"location\");\n 441→ }}\n 442→ className={`flex w-full items-center justify-between rounded-xl border-2 px-5 text-left text-base font-medium transition-colors active:scale-95 ${\n 443→ experience === opt.value\n 444→ ? \"border-primary bg-primary/10 text-primary\"\n 445→ : \"border-border hover:border-primary/50\"\n 446→ }`}\n 447→ style={{ minHeight: \"64px\" }}\n 448→ >\n 449→ {opt.label}\n 450→
\n 454→\n 455→ \n 468→ {\n 476→ e.preventDefault();\n 477→ if (location.trim()) setStep(\"availability\");\n 478→ }}\n 479→ className=\"mt-6 space-y-4\"\n 480→ >\n 481→
\n 517→ )}\n 518→\n 519→ {/* Step: Availability */}\n 520→ {step === \"availability\" && (\n 521→ \n 482→ \n 483→ setLocation(e.target.value)}\n 488→ required\n 489→ autoFocus\n 490→ className=\"h-14 text-base\"\n 491→ />\n 492→
\n 493→ \n 494→ We'll match you to nearby jobs\n 495→
\n 496→\n 497→\n 498→ setStep(\"experience\")}\n 502→ className=\"h-14 w-14 p-0\"\n 503→ >\n 504→ \n 511→ Continue\n 512→
\n 515→ \n 516→ \n 522→ setStep(\"location\")}\n 556→ className=\"mt-4 flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground\"\n 557→ >\n 558→
\n 562→ )}\n 563→\n 564→ {/* Step: Generating */}\n 565→ {step === \"generating\" && (\n 566→ \n 529→ {AVAILABILITY_OPTIONS.map((opt) => (\n 530→ {\n 533→ setAvailability(opt.value);\n 534→ generateProfile();\n 535→ }}\n 536→ className={`flex w-full items-start justify-between rounded-xl border-2 px-5 py-4 text-left transition-colors active:scale-95 ${\n 537→ availability === opt.value\n 538→ ? \"border-primary bg-primary/10\"\n 539→ : \"border-border hover:border-primary/50\"\n 540→ }`}\n 541→ style={{ minHeight: \"64px\" }}\n 542→ >\n 543→
\n 553→\n 554→ \n 544→
\n 549→ \n 545→ {opt.label}\n 546→
\n 547→{opt.desc}
\n 548→\n 567→
\n 580→ )}\n 581→\n 582→ {/* Step: Review */}\n 583→ {step === \"review\" && (\n 584→ \n 568→
\n 570→ Building your profile...
\n 571→\n 572→ AI is generating your bio, skills, and certifications\n 573→
\n 574→\n 575→ \n 576→ \n 577→ \n 578→
\n 579→ \n 585→ \n 599→ \n 600→ \n 639→ \n 640→\n 641→ {/* Bio */}\n 642→
\n 703→ )}\n 704→ \n 586→
\n 596→\n 597→ {/* Your Answers Summary */}\n 598→ \n 587→
\n 589→ \n 590→
\n 595→ Review & Edit
\n 591→\n 592→ AI generated this — customise as needed\n 593→
\n 594→\n 601→ setStep(\"trade\")}\n 607→ className=\"text-xs text-primary hover:underline\"\n 608→ >\n 609→ Change\n 610→ \n 611→
\n 612→ \n 602→
\n 605→ \n 613→ setStep(\"experience\")}\n 621→ className=\"text-xs text-primary hover:underline\"\n 622→ >\n 623→ Change\n 624→ \n 625→
\n 626→ \n 614→
\n 619→ \n 627→ setStep(\"location\")}\n 633→ className=\"text-xs text-primary hover:underline\"\n 634→ >\n 635→ Change\n 636→ \n 637→
\n 638→ \n 628→
\n 631→ \n 643→ setEditedBio(e.target.value)}\n 653→ className=\"min-h-[120px] w-full rounded-xl border-2 border-border bg-background px-4 py-3 text-base focus:border-primary focus:outline-none\"\n 654→ placeholder=\"Your professional bio...\"\n 655→ />\n 656→
\n 657→\n 658→ {/* Skills */}\n 659→ \n 644→ \n 648→ AI-generated\n 649→
\n 650→ \n 660→
\n 679→\n 680→ {/* Certifications */}\n 681→ \n 661→ \n 665→ Tap to remove\n 666→
\n 667→ \n 668→ {editedSkills.map((skill, idx) => (\n 669→ setEditedSkills(editedSkills.filter((_, i) => i !== idx))}\n 672→ className=\"rounded-full border-2 border-primary bg-primary/10 px-4 py-2 text-sm font-medium text-primary transition-colors hover:bg-primary/20 active:scale-95\"\n 673→ >\n 674→ {skill} ×\n 675→ \n 676→ ))}\n 677→
\n 678→ \n 682→
\n 702→ \n 683→ \n 687→ Tap to remove\n 688→
\n 689→ \n 690→ {editedCerts.map((cert, idx) => (\n 691→ setEditedCerts(editedCerts.filter((_, i) => i !== idx))}\n 694→ className=\"flex w-full items-center justify-between rounded-xl border-2 border-border bg-background px-4 py-3 text-left text-sm font-medium transition-colors hover:border-destructive hover:bg-destructive/5 active:scale-95\"\n 695→ >\n 696→ {cert}\n 697→ Remove\n 698→ \n 699→ ))}\n 700→
\n 701→