\n 421β {/* Voice Input β Primary CTA */}\n 422β
\n 485β )}\n 486β\n 487β {/* STEP 2: AI-filled Job Details + Location/Date/Workers (COMBINED) */}\n 488β {step === 2 && (\n 489β \n 423β \n 439β {voiceStarting ? (\n 440β
\n 460β\n 461β {/* Divider */}\n 462β Post a Job
\n 424β\n 425β Tap the mic and describe what you need\n 426β
\n 427β\n 428β\n 449β {voiceStarting\n 450β ? \"Starting...\"\n 451β : voiceRecording\n 452β ? \"Listening... tap to stop\"\n 453β : \"\\\"I need two steelfixers in Parramatta, 45 an hour\\\"\"}\n 454β
\n 455β\n 456β {voiceError && (\n 457β{voiceError}
\n 458β )}\n 459β\n 463β \n 464β or pick a trade\n 465β \n 466β
\n 467β\n 468β {/* Trade Selection Grid */}\n 469β \n 470β {TRADE_CATEGORIES.map((trade) => {\n 471β const Icon = trade.icon;\n 472β return (\n 473β handleTradeSelect(trade.id)}\n 476β className={`flex flex-col items-center justify-center gap-3 rounded-2xl border-2 p-6 min-h-[120px] text-center transition-all active:scale-95 ${trade.color}`}\n 477β >\n 478β
\n 484β \n 490β {aiLoading ? (\n 491β
\n 719β )}\n 720β\n 721β {/* STEP 3: Success */}\n 722β {step === 3 && (\n 723β \n 492β
\n 502β ) : (\n 503β \n 493β
\n 495β \n 496β {aiLoadingMessage || \"AI writing your job post...\"}\n 497β
\n 498β\n 499β Based on what you said and market rates\n 500β
\n 501β\n 504β
\n 717β )}\n 718β \n 505β
\n 508β Job Details
\n 507β\n 509β AI pre-filled these. Edit anything you like.\n 510β
\n 511β\n 512β\n 513β {/* Job Details Section */}\n 514β
\n 716β \n 515β \n 516β setTitle(e.target.value)}\n 520β className=\"mt-2 h-14 text-base\"\n 521β />\n 522β
\n 523β\n 524β \n 525β \n 526β setDescription(e.target.value)}\n 530β rows={5}\n 531β maxLength={5000}\n 532β className=\"mt-2 flex w-full rounded-md border border-input bg-background px-4 py-3 text-base ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\"\n 533β />\n 534β
\n 535β\n 536β \n 537β \n 538β
\n 599β\n 600β {/* Location Section */}\n 601β \n 539β
\n 580β \n 540β {\n 545β setRateMin(e.target.value);\n 546β // Keep max in sync unless user explicitly set a range\n 547β if (!rateMax || rateMax === rateMin) {\n 548β setRateMax(e.target.value);\n 549β }\n 550β }}\n 551β placeholder=\"e.g. 60\"\n 552β className=\"h-14 pl-10 text-base\"\n 553β />\n 554β
\n 555β {rateMin && rateMax && rateMin !== rateMax && (\n 556β \n 557β to\n 558β setRateMax(rateMin)}\n 573β className=\"text-xs text-muted-foreground shrink-0\"\n 574β >\n 575β Use exact rate\n 576β \n 577β
\n 578β )}\n 579β \n 559β setRateMax(e.target.value)}\n 564β placeholder=\"Max\"\n 565β className=\"h-14 pl-10 text-base\"\n 566β />\n 567β
\n 568β \n 581β setRateType(\"hourly\")}\n 585β className=\"h-12 text-base font-semibold\"\n 586β >\n 587β Per Hour\n 588β \n 589β setRateType(\"daily\")}\n 593β className=\"h-12 text-base font-semibold\"\n 594β >\n 595β Per Day\n 596β \n 597β
\n 598β \n 602β \n 603β
\n 606β \n 607β
\n 631β\n 632β {/* Date & Workers Section */}\n 633β \n 603β
\n 606β \n 607β \n 608β
\n 630β \n 609β \n 610β setSiteAddress(e.target.value)}\n 614β placeholder=\"e.g. 123 George St, Sydney\"\n 615β className=\"mt-2 h-14 text-base\"\n 616β />\n 617β
\n 618β\n 619β \n 620β \n 621β setSuburb(e.target.value)}\n 625β placeholder=\"e.g. Parramatta\"\n 626β className=\"mt-2 h-14 text-base\"\n 627β />\n 628β
\n 629β \n 634β \n 635β
\n 638β \n 639β
\n 695β\n 696β {/* Required Certifications */}\n 697β {certs.length > 0 && (\n 698β \n 635β
\n 638β \n 639β \n 640β
\n 694β \n 641β \n 642β setStartDate(e.target.value)}\n 647β className=\"mt-2 h-14 text-base\"\n 648β />\n 649β
\n 650β\n 651β \n 652β \n 653β setDuration(e.target.value)}\n 657β placeholder=\"e.g. 2 weeks, ongoing\"\n 658β className=\"mt-2 h-14 text-base\"\n 659β />\n 660β
\n 661β\n 662β \n 663β \n 667β
\n 693β \n 668β \n 672β setWorkersNeeded(String(Math.max(1, parseInt(workersNeeded) - 1)))\n 673β }\n 674β className=\"h-14 w-14 text-2xl font-bold\"\n 675β >\n 676β -\n 677β \n 678β \n 679β {workersNeeded}\n 680β \n 681β \n 685β setWorkersNeeded(String(parseInt(workersNeeded) + 1))\n 686β }\n 687β className=\"h-14 w-14 text-2xl font-bold\"\n 688β >\n 689β +\n 690β \n 691β
\n 692β \n 699β \n 700β
\n 714β )}\n 715β \n 701β {certs.map((cert) => (\n 702β \n 703β {cert}\n 704β setCerts(certs.filter((c) => c !== cert))}\n 706β className=\"ml-2 text-muted-foreground hover:text-foreground\"\n 707β >\n 708β ×\n 709β \n 710β \n 711β ))}\n 712β
\n 713β \n 726β
\n 728β Job Posted!
\n 729β\n 730β We're matching you with the best workers now.\n 731β You'll get notified when we find matches.\n 732β
\n 733β\n 734β router.push(\"/contractor/matches\")}\n 736β className=\"w-full h-12 text-base font-semibold\"\n 737β >\n 738β View Matches\n 739β \n 740β router.push(\"/dashboard\")}\n 742β variant=\"outline\"\n 743β className=\"w-full h-12 text-base\"\n 744β >\n 745β Back to Dashboard\n 746β \n 747β
\n 748β