\n 371→ {Array.from({ length: totalSteps }, (_, i) => (\n 372→
\n 380→ )}\n 381→\n 382→ {/* Step: Trade */}\n 383→ {step === \"trade\" && (\n 384→ \n 385→ setShowVoice(true)}\n 395→ 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 396→ style={{ minHeight: \"64px\" }}\n 397→ >\n 398→ \n 405→ \n 406→ {\n 425→ setShowVoice(false);\n 426→ setVoiceError(null);\n 427→ }}\n 428→ className=\"text-sm text-muted-foreground hover:text-foreground\"\n 429→ >\n 430→ Cancel — I'll tap instead\n 431→ \n 432→ \n 433→ \n 434→ )}\n 435→\n 436→
\n 457→ )}\n 458→\n 459→ {/* Step: Experience */}\n 460→ {step === \"experience\" && (\n 461→ \n 407→ Say something like: “I'm a chippie with 8 years experience in Parramatta, looking for full-time work”\n 408→
\n 409→\n 410→ {voiceProcessing ? (\n 411→\n 412→
\n 415→ ) : (\n 416→ {voiceStatus}
\n 414→{voiceError}
\n 421→ )}\n 422→\n 423→\n 437→ {TRADES.map((t) => (\n 438→ {\n 441→ setTrade(t);\n 442→ setAllTrades([t]);\n 443→ setStep(\"experience\");\n 444→ }}\n 445→ className={`rounded-xl border-2 px-4 py-4 text-left text-base font-medium transition-colors active:scale-95 ${\n 446→ trade === t\n 447→ ? \"border-primary bg-primary/10 text-primary\"\n 448→ : \"border-border hover:border-primary/50\"\n 449→ }`}\n 450→ style={{ minHeight: \"64px\" }}\n 451→ >\n 452→ {t}\n 453→ \n 454→ ))}\n 455→
\n 456→ \n 462→ setStep(\"trade\")}\n 491→ className=\"mt-4 flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground\"\n 492→ >\n 493→
\n 497→ )}\n 498→\n 499→ {/* Step: Location */}\n 500→ {step === \"location\" && (\n 501→ \n 469→ {EXPERIENCE_OPTIONS.map((opt) => (\n 470→ {\n 473→ setExperience(opt.value);\n 474→ setStep(\"location\");\n 475→ }}\n 476→ 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 477→ experience === opt.value\n 478→ ? \"border-primary bg-primary/10 text-primary\"\n 479→ : \"border-border hover:border-primary/50\"\n 480→ }`}\n 481→ style={{ minHeight: \"64px\" }}\n 482→ >\n 483→ {opt.label}\n 484→
\n 488→\n 489→ \n 502→ {\n 510→ e.preventDefault();\n 511→ if (location.trim()) setStep(\"availability\");\n 512→ }}\n 513→ className=\"mt-6 space-y-4\"\n 514→ >\n 515→
\n 551→ )}\n 552→\n 553→ {/* Step: Availability */}\n 554→ {step === \"availability\" && (\n 555→ \n 516→ \n 517→ setLocation(e.target.value)}\n 522→ required\n 523→ autoFocus\n 524→ className=\"h-14 text-base\"\n 525→ />\n 526→
\n 527→ \n 528→ We'll match you to nearby jobs\n 529→
\n 530→\n 531→\n 532→ setStep(\"experience\")}\n 536→ className=\"h-14 w-14 p-0\"\n 537→ >\n 538→ \n 545→ Continue\n 546→
\n 549→ \n 550→ \n 556→ setStep(\"location\")}\n 590→ className=\"mt-4 flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground\"\n 591→ >\n 592→
\n 596→ )}\n 597→\n 598→ {/* Step: Generating */}\n 599→ {step === \"generating\" && (\n 600→ \n 563→ {AVAILABILITY_OPTIONS.map((opt) => (\n 564→ {\n 567→ setAvailability(opt.value);\n 568→ generateProfile();\n 569→ }}\n 570→ className={`flex w-full items-start justify-between rounded-xl border-2 px-5 py-4 text-left transition-colors active:scale-95 ${\n 571→ availability === opt.value\n 572→ ? \"border-primary bg-primary/10\"\n 573→ : \"border-border hover:border-primary/50\"\n 574→ }`}\n 575→ style={{ minHeight: \"64px\" }}\n 576→ >\n 577→
\n 587→\n 588→ \n 578→
\n 583→ \n 579→ {opt.label}\n 580→
\n 581→{opt.desc}
\n 582→\n 601→
\n 614→ )}\n 615→\n 616→ {/* Step: Review */}\n 617→ {step === \"review\" && (\n 618→ \n 602→
\n 604→ Building your profile...
\n 605→\n 606→ AI is generating your bio, skills, and certifications\n 607→
\n 608→\n 609→ \n 610→ \n 611→ \n 612→
\n 613→ \n 619→ \n 633→ \n 634→ \n 675→ \n 676→\n 677→ {/* Bio */}\n 678→
\n 739→ )}\n 740→ \n 620→
\n 630→\n 631→ {/* Your Answers Summary */}\n 632→ \n 621→
\n 623→ \n 624→
\n 629→ Review & Edit
\n 625→\n 626→ AI generated this — customise as needed\n 627→
\n 628→\n 635→ setStep(\"trade\")}\n 643→ className=\"text-xs text-primary hover:underline\"\n 644→ >\n 645→ Change\n 646→ \n 647→
\n 648→ \n 636→
\n 641→ \n 649→ setStep(\"experience\")}\n 657→ className=\"text-xs text-primary hover:underline\"\n 658→ >\n 659→ Change\n 660→ \n 661→
\n 662→ \n 650→
\n 655→ \n 663→ setStep(\"location\")}\n 669→ className=\"text-xs text-primary hover:underline\"\n 670→ >\n 671→ Change\n 672→ \n 673→
\n 674→ \n 664→
\n 667→ \n 679→ setEditedBio(e.target.value)}\n 689→ 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 690→ placeholder=\"Your professional bio...\"\n 691→ />\n 692→
\n 693→\n 694→ {/* Skills */}\n 695→ \n 680→ \n 684→ AI-generated\n 685→
\n 686→ \n 696→
\n 715→\n 716→ {/* Certifications */}\n 717→ \n 697→ \n 701→ Tap to remove\n 702→
\n 703→ \n 704→ {editedSkills.map((skill, idx) => (\n 705→ setEditedSkills(editedSkills.filter((_, i) => i !== idx))}\n 708→ 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 709→ >\n 710→ {skill} ×\n 711→ \n 712→ ))}\n 713→
\n 714→ \n 718→
\n 738→ \n 719→ \n 723→ Tap to remove\n 724→
\n 725→ \n 726→ {editedCerts.map((cert, idx) => (\n 727→ setEditedCerts(editedCerts.filter((_, i) => i !== idx))}\n 730→ 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 731→ >\n 732→ {cert}\n 733→ Remove\n 734→ \n 735→ ))}\n 736→
\n 737→