feat: Add i18n support to company registration page

frontend/src/app/register/company/page.tsx

@@ -5,13 +5,6 @@ import { useRouter } from "next/navigation";
 import Link from "next/link";
 import Image from "next/image";
 import { Button } from "@/components/ui/button";
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from "@/components/ui/card";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
 import { Checkbox } from "@/components/ui/checkbox";
@@ -31,50 +24,51 @@ import {
   EyeOff,
   Phone,
   MapPin,
-  Users,
   Globe,
   FileText,
   ArrowLeft,
 } from "lucide-react";
-import { Alert, AlertDescription } from "@/components/ui/alert";
 import { motion } from "framer-motion";
 import { useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { z } from "zod";
-
+import { useTranslation } from "@/lib/i18n";
-const companySchema = z.object({
+import { LanguageSwitcher } from "@/components/language-switcher";
-  companyName: z.string().min(2, "Company name must be at least 2 characters"),
-  cnpj: z.string().min(14, "CNPJ must have 14 digits"),
-  email: z.string().email("Invalid email"),
-  password: z.string().min(6, "Password must be at least 6 characters"),
-  confirmPassword: z.string(),
-  phone: z.string().min(10, "Phone must have at least 10 digits"),
-  website: z.string().url("Website must be a valid URL").optional().or(z.literal("")),
-  address: z.string().min(5, "Address must be at least 5 characters"),
-  city: z.string().min(2, "City is required"),
-  state: z.string().min(2, "State is required"),
-  zipCode: z.string().min(8, "ZIP code must have 8 digits"),
-  sector: z.string().min(1, "Industry is required"),
-  companySize: z.string().min(1, "Company size is required"),
-  description: z.string().min(20, "Description must be at least 20 characters"),
-  contactPerson: z.string().min(2, "Contact name is required"),
-  contactRole: z.string().min(2, "Contact role is required"),
-  acceptTerms: z.boolean().refine(val => val === true, "You must accept the terms"),
-  acceptNewsletter: z.boolean().optional(),
-}).refine(data => data.password === data.confirmPassword, {
-  message: "Passwords do not match",
-  path: ["confirmPassword"],
-});
-
-type CompanyFormData = z.infer<typeof companySchema>;
 
 export default function CompanyRegisterPage() {
   const router = useRouter();
+  const { t } = useTranslation();
   const [loading, setLoading] = useState(false);
   const [showPassword, setShowPassword] = useState(false);
   const [showConfirmPassword, setShowConfirmPassword] = useState(false);
   const [currentStep, setCurrentStep] = useState(1);
 
+  const companySchema = z.object({
+    companyName: z.string().min(2, t("register.company.form.errors.companyName")),
+    cnpj: z.string().min(14, t("register.company.form.errors.cnpj")),
+    email: z.string().email(t("register.company.form.errors.email")),
+    password: z.string().min(6, t("register.company.form.errors.password")),
+    confirmPassword: z.string(),
+    phone: z.string().min(10, t("register.company.form.errors.phone")),
+    website: z.string().url(t("register.company.form.errors.website")).optional().or(z.literal("")),
+    address: z.string().min(5, t("register.company.form.errors.address")),
+    city: z.string().min(2, t("register.company.form.errors.city")),
+    state: z.string().min(2, t("register.company.form.errors.state")),
+    zipCode: z.string().min(8, t("register.company.form.errors.zipCode")),
+    sector: z.string().min(1, t("register.company.form.errors.industry")),
+    companySize: z.string().min(1, t("register.company.form.errors.size")),
+    description: z.string().min(20, t("register.company.form.errors.description")),
+    contactPerson: z.string().min(2, t("register.company.form.errors.contactName")),
+    contactRole: z.string().min(2, t("register.company.form.errors.contactRole")),
+    acceptTerms: z.boolean().refine(val => val === true, t("register.company.form.errors.acceptTerms")),
+    acceptNewsletter: z.boolean().optional(),
+  }).refine(data => data.password === data.confirmPassword, {
+    message: t("register.company.form.errors.passwordMismatch"),
+    path: ["confirmPassword"],
+  });
+
+  type CompanyFormData = z.infer<typeof companySchema>;
+
   const {
     register,
     handleSubmit,
@@ -87,7 +81,6 @@ export default function CompanyRegisterPage() {
 
   const acceptTerms = watch("acceptTerms");
   const acceptNewsletter = watch("acceptNewsletter");
-
   const [errorMsg, setErrorMsg] = useState<string | null>(null);
 
   const onSubmit = async (data: CompanyFormData) => {
@@ -103,17 +96,15 @@ export default function CompanyRegisterPage() {
         phone: data.phone,
       });
 
-      // Redirect to login after registration
       router.push("/login?message=Empresa registrada com sucesso! Faça login com seu email e a senha padrão: ChangeMe123!");
     } catch (error: any) {
       console.error("Registration error:", error);
-      setErrorMsg(error.message || "Erro ao registrar empresa. Tente novamente.");
+      setErrorMsg(error.message || t("register.company.form.errors.generic"));
     } finally {
       setLoading(false);
     }
   };
 
-
   const nextStep = () => {
     if (currentStep < 3) setCurrentStep(currentStep + 1);
   };
@@ -131,7 +122,7 @@ export default function CompanyRegisterPage() {
   return (
     <div className="min-h-screen bg-gradient-to-br from-background to-muted/20 flex">
       {/* Left Panel - Information */}
-      <div className="hidden lg:flex lg:flex-1 bg-gradient-to-br from-primary to-primary/80 p-8 flex-col justify-center items-center text-primary-foreground">
+      <div className="hidden lg:flex lg:flex-1 bg-gradient-to-br from-primary to-primary/80 p-8 flex-col justify-center items-center text-primary-foreground relative">
         <motion.div
           initial={{ opacity: 0, y: 20 }}
           animate={{ opacity: 1, y: 0 }}
@@ -142,37 +133,40 @@ export default function CompanyRegisterPage() {
           </div>
 
           <h1 className="text-4xl font-bold mb-4">
-            Register your company
+            {t("register.company.title")}
           </h1>
 
           <p className="text-lg opacity-90 leading-relaxed mb-6">
-            Find top talent for your company.
+            {t("register.company.subtitle")}
-            Post jobs and connect with qualified candidates.
           </p>
 
           <div className="space-y-4 text-left">
             <div className="flex items-center gap-3">
               <div className="w-2 h-2 bg-white rounded-full"></div>
-              <span>Post jobs for free</span>
+              <span>{t("register.company.bullets.free")}</span>
             </div>
             <div className="flex items-center gap-3">
               <div className="w-2 h-2 bg-white rounded-full"></div>
-              <span>Access thousands of candidates</span>
+              <span>{t("register.company.bullets.candidates")}</span>
             </div>
             <div className="flex items-center gap-3">
               <div className="w-2 h-2 bg-white rounded-full"></div>
-              <span>Application management tools</span>
+              <span>{t("register.company.bullets.tools")}</span>
             </div>
             <div className="flex items-center gap-3">
               <div className="w-2 h-2 bg-white rounded-full"></div>
-              <span>Complete recruiting dashboard</span>
+              <span>{t("register.company.bullets.dashboard")}</span>
             </div>
           </div>
         </motion.div>
       </div>
 
       {/* Right Panel - Form */}
-      <div className="flex-1 p-8 flex flex-col justify-center">
+      <div className="flex-1 p-8 flex flex-col justify-center relative">
+        <div className="absolute top-4 right-4">
+          <LanguageSwitcher />
+        </div>
+
         <div className="w-full max-w-md mx-auto">
           {/* Header */}
           <div className="mb-6">
@@ -181,25 +175,25 @@ export default function CompanyRegisterPage() {
               className="inline-flex items-center gap-2 text-muted-foreground hover:text-foreground mb-4 transition-colors"
             >
               <ArrowLeft className="w-4 h-4" />
-              Back to login
+              {t("register.company.form.actions.backLogin")}
             </Link>
 
             <h2 className="text-2xl font-bold text-foreground mb-2">
-              Create account - company
+              {t("register.company.form.title")}
             </h2>
             <p className="text-muted-foreground">
-              Fill in your company details
+              {t("register.company.form.subtitle")}
             </p>
           </div>
 
           {/* Progress Indicator */}
           <div className="mb-8">
             <div className="flex items-center justify-between mb-2">
-              <span className="text-sm font-medium">Step {currentStep} of 3</span>
+              <span className="text-sm font-medium">{t("register.company.form.steps.step", { current: currentStep, total: 3 })}</span>
               <span className="text-sm text-muted-foreground">
-                {currentStep === 1 && "Company details"}
+                {currentStep === 1 && t("register.company.form.steps.details")}
-                {currentStep === 2 && "Address & contact"}
+                {currentStep === 2 && t("register.company.form.steps.address")}
-                {currentStep === 3 && "Additional information"}
+                {currentStep === 3 && t("register.company.form.steps.info")}
               </span>
             </div>
             <div className="w-full bg-muted rounded-full h-2">
@@ -222,13 +216,13 @@ export default function CompanyRegisterPage() {
                 className="space-y-4"
               >
                 <div className="space-y-2">
-                  <Label htmlFor="companyName">Company name</Label>
+                  <Label htmlFor="companyName">{t("register.company.form.fields.companyName")}</Label>
                   <div className="relative">
                     <Building2 className="absolute left-3 top-3 h-4 w-4 text-muted-foreground" />
                     <Input
                       id="companyName"
                       type="text"
-                      placeholder="Your company name"
+                      placeholder={t("register.company.form.fields.companyNamePlaceholder")}
                       className="pl-10"
                       {...register("companyName")}
                     />
@@ -239,13 +233,13 @@ export default function CompanyRegisterPage() {
                 </div>
 
                 <div className="space-y-2">
-                  <Label htmlFor="cnpj">CNPJ</Label>
+                  <Label htmlFor="cnpj">{t("register.company.form.fields.cnpj")}</Label>
                   <div className="relative">
                     <FileText className="absolute left-3 top-3 h-4 w-4 text-muted-foreground" />
                     <Input
                       id="cnpj"
                       type="text"
-                      placeholder="00.000.000/0000-00"
+                      placeholder={t("register.company.form.fields.cnpjPlaceholder")}
                       className="pl-10"
                       {...register("cnpj")}
                     />
@@ -256,13 +250,13 @@ export default function CompanyRegisterPage() {
                 </div>
 
                 <div className="space-y-2">
-                  <Label htmlFor="email">Company email</Label>
+                  <Label htmlFor="email">{t("register.company.form.fields.email")}</Label>
                   <div className="relative">
                     <Mail className="absolute left-3 top-3 h-4 w-4 text-muted-foreground" />
                     <Input
                       id="email"
                       type="email"
-                      placeholder="hello@company.com"
+                      placeholder={t("register.company.form.fields.emailPlaceholder")}
                       className="pl-10"
                       {...register("email")}
                     />
@@ -273,13 +267,13 @@ export default function CompanyRegisterPage() {
                 </div>
 
                 <div className="space-y-2">
-                  <Label htmlFor="password">Password</Label>
+                  <Label htmlFor="password">{t("register.company.form.fields.password")}</Label>
                   <div className="relative">
                     <Lock className="absolute left-3 top-3 h-4 w-4 text-muted-foreground" />
                     <Input
                       id="password"
                       type={showPassword ? "text" : "password"}
-                      placeholder="Your password"
+                      placeholder={t("register.company.form.fields.passwordPlaceholder")}
                       className="pl-10 pr-10"
                       {...register("password")}
                     />
@@ -303,13 +297,13 @@ export default function CompanyRegisterPage() {
                 </div>
 
                 <div className="space-y-2">
-                  <Label htmlFor="confirmPassword">Confirm password</Label>
+                  <Label htmlFor="confirmPassword">{t("register.company.form.fields.confirmPassword")}</Label>
                   <div className="relative">
                     <Lock className="absolute left-3 top-3 h-4 w-4 text-muted-foreground" />
                     <Input
                       id="confirmPassword"
                       type={showConfirmPassword ? "text" : "password"}
-                      placeholder="Confirm your password"
+                      placeholder={t("register.company.form.fields.confirmPasswordPlaceholder")}
                       className="pl-10 pr-10"
                       {...register("confirmPassword")}
                     />
@@ -333,7 +327,7 @@ export default function CompanyRegisterPage() {
                 </div>
 
                 <Button type="button" onClick={nextStep} className="w-full">
-                  Next step
+                  {t("register.company.form.actions.next")}
                 </Button>
               </motion.div>
             )}
@@ -349,13 +343,13 @@ export default function CompanyRegisterPage() {
                 className="space-y-4"
               >
                 <div className="space-y-2">
-                  <Label htmlFor="phone">Phone</Label>
+                  <Label htmlFor="phone">{t("register.company.form.fields.phone")}</Label>
                   <div className="relative">
                     <Phone className="absolute left-3 top-3 h-4 w-4 text-muted-foreground" />
                     <Input
                       id="phone"
                       type="tel"
-                      placeholder="(11) 99999-9999"
+                      placeholder={t("register.company.form.fields.phonePlaceholder")}
                       className="pl-10"
                       {...register("phone")}
                     />
@@ -366,13 +360,13 @@ export default function CompanyRegisterPage() {
                 </div>
 
                 <div className="space-y-2">
-                  <Label htmlFor="website">Website (optional)</Label>
+                  <Label htmlFor="website">{t("register.company.form.fields.website")}</Label>
                   <div className="relative">
                     <Globe className="absolute left-3 top-3 h-4 w-4 text-muted-foreground" />
                     <Input
                       id="website"
                       type="url"
-                      placeholder="https://www.company.com"
+                      placeholder={t("register.company.form.fields.websitePlaceholder")}
                       className="pl-10"
                       {...register("website")}
                     />
@@ -383,13 +377,13 @@ export default function CompanyRegisterPage() {
                 </div>
 
                 <div className="space-y-2">
-                  <Label htmlFor="address">Address</Label>
+                  <Label htmlFor="address">{t("register.company.form.fields.address")}</Label>
                   <div className="relative">
                     <MapPin className="absolute left-3 top-3 h-4 w-4 text-muted-foreground" />
                     <Input
                       id="address"
                       type="text"
-                      placeholder="Street, number, suite"
+                      placeholder={t("register.company.form.fields.addressPlaceholder")}
                       className="pl-10"
                       {...register("address")}
                     />
@@ -401,11 +395,11 @@ export default function CompanyRegisterPage() {
 
                 <div className="grid grid-cols-2 gap-4">
                   <div className="space-y-2">
-                    <Label htmlFor="city">City</Label>
+                    <Label htmlFor="city">{t("register.company.form.fields.city")}</Label>
                     <Input
                       id="city"
                       type="text"
-                      placeholder="Sua cidade"
+                      placeholder={t("register.company.form.fields.cityPlaceholder")}
                       {...register("city")}
                     />
                     {errors.city && (
@@ -414,10 +408,10 @@ export default function CompanyRegisterPage() {
                   </div>
 
                   <div className="space-y-2">
-                    <Label htmlFor="state">State</Label>
+                    <Label htmlFor="state">{t("register.company.form.fields.state")}</Label>
                     <Select onValueChange={(value) => setValue("state", value)}>
                       <SelectTrigger>
-                        <SelectValue placeholder="State" />
+                        <SelectValue placeholder={t("register.company.form.fields.statePlaceholder")} />
                       </SelectTrigger>
                       <SelectContent>
                         <SelectItem value="AC">Acre</SelectItem>
@@ -456,11 +450,11 @@ export default function CompanyRegisterPage() {
                 </div>
 
                 <div className="space-y-2">
-                  <Label htmlFor="zipCode">ZIP code</Label>
+                  <Label htmlFor="zipCode">{t("register.company.form.fields.zipCode")}</Label>
                   <Input
                     id="zipCode"
                     type="text"
-                    placeholder="00000-000"
+                    placeholder={t("register.company.form.fields.zipCodePlaceholder")}
                     {...register("zipCode")}
                   />
                   {errors.zipCode && (
@@ -470,10 +464,10 @@ export default function CompanyRegisterPage() {
 
                 <div className="flex gap-4">
                   <Button type="button" variant="outline" onClick={prevStep} className="flex-1">
-                    Back
+                    {t("register.company.form.actions.back")}
                   </Button>
                   <Button type="button" onClick={nextStep} className="flex-1">
-                    Next step
+                    {t("register.company.form.actions.next")}
                   </Button>
                 </div>
               </motion.div>
@@ -490,26 +484,26 @@ export default function CompanyRegisterPage() {
                 className="space-y-4"
               >
                 <div className="space-y-2">
-                  <Label htmlFor="sector">Industry</Label>
+                  <Label htmlFor="sector">{t("register.company.form.fields.industry")}</Label>
                   <Select onValueChange={(value) => setValue("sector", value)}>
                     <SelectTrigger>
-                      <SelectValue placeholder="Select an industry" />
+                      <SelectValue placeholder={t("register.company.form.fields.industryPlaceholder")} />
                     </SelectTrigger>
                     <SelectContent>
-                      <SelectItem value="technology">Technology</SelectItem>
+                      <SelectItem value="technology">{t("register.company.industries.technology")}</SelectItem>
-                      <SelectItem value="finance">Finance</SelectItem>
+                      <SelectItem value="finance">{t("register.company.industries.finance")}</SelectItem>
-                      <SelectItem value="healthcare">Healthcare</SelectItem>
+                      <SelectItem value="healthcare">{t("register.company.industries.healthcare")}</SelectItem>
-                      <SelectItem value="education">Education</SelectItem>
+                      <SelectItem value="education">{t("register.company.industries.education")}</SelectItem>
-                      <SelectItem value="retail">Retail</SelectItem>
+                      <SelectItem value="retail">{t("register.company.industries.retail")}</SelectItem>
-                      <SelectItem value="construction">Construction</SelectItem>
+                      <SelectItem value="construction">{t("register.company.industries.construction")}</SelectItem>
-                      <SelectItem value="industry">Industry</SelectItem>
+                      <SelectItem value="industry">{t("register.company.industries.industry")}</SelectItem>
-                      <SelectItem value="services">Services</SelectItem>
+                      <SelectItem value="services">{t("register.company.industries.services")}</SelectItem>
-                      <SelectItem value="agriculture">Agriculture</SelectItem>
+                      <SelectItem value="agriculture">{t("register.company.industries.agriculture")}</SelectItem>
-                      <SelectItem value="transport">Transportation</SelectItem>
+                      <SelectItem value="transport">{t("register.company.industries.transport")}</SelectItem>
-                      <SelectItem value="energy">Energy</SelectItem>
+                      <SelectItem value="energy">{t("register.company.industries.energy")}</SelectItem>
-                      <SelectItem value="consulting">Consulting</SelectItem>
+                      <SelectItem value="consulting">{t("register.company.industries.consulting")}</SelectItem>
-                      <SelectItem value="marketing">Marketing</SelectItem>
+                      <SelectItem value="marketing">{t("register.company.industries.marketing")}</SelectItem>
-                      <SelectItem value="other">Other</SelectItem>
+                      <SelectItem value="other">{t("register.company.industries.other")}</SelectItem>
                     </SelectContent>
                   </Select>
                   {errors.sector && (
@@ -518,18 +512,18 @@ export default function CompanyRegisterPage() {
                 </div>
 
                 <div className="space-y-2">
-                  <Label htmlFor="companySize">Company size</Label>
+                  <Label htmlFor="companySize">{t("register.company.form.fields.size")}</Label>
                   <Select onValueChange={(value) => setValue("companySize", value)}>
                     <SelectTrigger>
-                      <SelectValue placeholder="Number of employees" />
+                      <SelectValue placeholder={t("register.company.form.fields.sizePlaceholder")} />
                     </SelectTrigger>
                     <SelectContent>
-                      <SelectItem value="1-10">1 to 10 employees</SelectItem>
+                      <SelectItem value="1-10">{t("register.company.sizes.1-10")}</SelectItem>
-                      <SelectItem value="11-50">11 to 50 employees</SelectItem>
+                      <SelectItem value="11-50">{t("register.company.sizes.11-50")}</SelectItem>
-                      <SelectItem value="51-200">51 to 200 employees</SelectItem>
+                      <SelectItem value="51-200">{t("register.company.sizes.51-200")}</SelectItem>
-                      <SelectItem value="201-500">201 to 500 employees</SelectItem>
+                      <SelectItem value="201-500">{t("register.company.sizes.201-500")}</SelectItem>
-                      <SelectItem value="501-1000">501 to 1000 employees</SelectItem>
+                      <SelectItem value="501-1000">{t("register.company.sizes.501-1000")}</SelectItem>
-                      <SelectItem value="1000+">More than 1000 employees</SelectItem>
+                      <SelectItem value="1000+">{t("register.company.sizes.1000+")}</SelectItem>
                     </SelectContent>
                   </Select>
                   {errors.companySize && (
@@ -538,10 +532,10 @@ export default function CompanyRegisterPage() {
                 </div>
 
                 <div className="space-y-2">
-                  <Label htmlFor="description">Company description</Label>
+                  <Label htmlFor="description">{t("register.company.form.fields.description")}</Label>
                   <Textarea
                     id="description"
-                    placeholder="Describe your company, culture, values, and what you offer employees..."
+                    placeholder={t("register.company.form.fields.descriptionPlaceholder")}
                     className="min-h-[100px]"
                     {...register("description")}
                   />
@@ -552,11 +546,11 @@ export default function CompanyRegisterPage() {
 
                 <div className="grid grid-cols-2 gap-4">
                   <div className="space-y-2">
-                    <Label htmlFor="contactPerson">Contact name</Label>
+                    <Label htmlFor="contactPerson">{t("register.company.form.fields.contactName")}</Label>
                     <Input
                       id="contactPerson"
                       type="text"
-                      placeholder="Full name"
+                      placeholder={t("register.company.form.fields.contactNamePlaceholder")}
                       {...register("contactPerson")}
                     />
                     {errors.contactPerson && (
@@ -565,11 +559,11 @@ export default function CompanyRegisterPage() {
                   </div>
 
                   <div className="space-y-2">
-                    <Label htmlFor="contactRole">Role</Label>
+                    <Label htmlFor="contactRole">{t("register.company.form.fields.contactRole")}</Label>
                     <Input
                       id="contactRole"
                       type="text"
-                      placeholder="e.g. HR, Manager"
+                      placeholder={t("register.company.form.fields.contactRolePlaceholder")}
                       {...register("contactRole")}
                     />
                     {errors.contactRole && (
@@ -590,13 +584,13 @@ export default function CompanyRegisterPage() {
                         htmlFor="acceptTerms"
                         className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
                       >
-                        I accept the{" "}
+                        {t("register.company.form.fields.acceptTerms")}{" "}
                         <Link href="/terms" className="text-primary hover:underline">
-                          Terms of Use
+                          {t("terms.title")}
                         </Link>{" "}
-                        and{" "}
+                        {t("register.candidate.acceptTerms.and")}{" "}
                         <Link href="/privacy" className="text-primary hover:underline">
-                          Privacy Policy
+                          {t("privacy.title")}
                         </Link>
                       </label>
                     </div>
@@ -616,7 +610,7 @@ export default function CompanyRegisterPage() {
                         htmlFor="acceptNewsletter"
                         className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
                       >
-                        I want to receive recruiting tips and updates by email
+                        {t("register.company.form.fields.acceptNewsletter")}
                       </label>
                     </div>
                   </div>
@@ -624,10 +618,10 @@ export default function CompanyRegisterPage() {
 
                 <div className="flex gap-4">
                   <Button type="button" variant="outline" onClick={prevStep} className="flex-1">
-                    Back
+                    {t("register.company.form.actions.back")}
                   </Button>
                   <Button type="submit" disabled={loading} className="flex-1">
-                    {loading ? "Creating account..." : "Create account"}
+                    {loading ? t("register.company.form.actions.submitting") : t("register.company.form.actions.submit")}
                   </Button>
                 </div>
               </motion.div>
@@ -636,9 +630,9 @@ export default function CompanyRegisterPage() {
 
           <div className="mt-6 text-center">
             <p className="text-sm text-muted-foreground">
-              Already have an account?{" "}
+              {t("register.company.form.actions.haveAccount")}{" "}
               <Link href="/login" className="text-primary hover:underline font-medium">
-                Sign in
+                {t("register.company.form.actions.signIn")}
               </Link>
             </p>
           </div>

frontend/src/components/language-switcher.tsx

@@ -1,27 +1,32 @@
-'use client';
+"use client";
 
-import { useTranslation, locales } from '@/lib/i18n';
+import { useTranslation } from "@/lib/i18n";
-import { Button } from '@/components/ui/button';
+import { Button } from "@/components/ui/button";
 import {
     DropdownMenu,
     DropdownMenuContent,
     DropdownMenuItem,
     DropdownMenuTrigger,
-} from '@/components/ui/dropdown-menu';
+} from "@/components/ui/dropdown-menu";
-import { Globe } from 'lucide-react';
+import { Globe } from "lucide-react";
 
 export function LanguageSwitcher() {
     const { locale, setLocale } = useTranslation();
 
-    const currentLocale = locales.find(l => l.code === locale);
+    const locales = [
+        { code: "en" as const, name: "English", flag: "🇺🇸" },
+        { code: "es" as const, name: "Español", flag: "🇪🇸" },
+        { code: "pt-BR" as const, name: "Português", flag: "🇧🇷" },
+    ];
+
+    const currentLocale = locales.find((l) => l.code === locale) || locales[0];
 
     return (
         <DropdownMenu>
             <DropdownMenuTrigger asChild>
-                <Button variant="ghost" size="sm" className="gap-2">
+                <Button variant="ghost" size="sm" className="w-12 px-0 gap-2">
                     <Globe className="h-4 w-4" />
-                    <span className="hidden sm:inline">{currentLocale?.flag} {currentLocale?.name}</span>
+                    <span className="sr-only">Toggle language</span>
-                    <span className="sm:hidden">{currentLocale?.flag}</span>
                 </Button>
             </DropdownMenuTrigger>
             <DropdownMenuContent align="end">
@@ -29,10 +34,11 @@ export function LanguageSwitcher() {
                     <DropdownMenuItem
                         key={l.code}
                         onClick={() => setLocale(l.code)}
-                        className={locale === l.code ? 'bg-accent' : ''}
+                        className="flex items-center gap-2"
                     >
-                        <span className="mr-2">{l.flag}</span>
+                        <span className="text-lg">{l.flag}</span>
-                        {l.name}
+                        <span>{l.name}</span>
+                        {locale === l.code && <span className="ml-auto text-xs opacity-50">✓</span>}
                     </DropdownMenuItem>
                 ))}
             </DropdownMenuContent>

frontend/src/i18n/en.json

@@ -360,6 +360,115 @@
         "experience": "Professional experience is required",
         "acceptTerms": "You must accept the terms"
       }
+    },
+    "company": {
+      "title": "Register your company",
+      "subtitle": "Find top talent for your company. Post jobs and connect with qualified candidates.",
+      "bullets": {
+        "free": "Post jobs for free",
+        "candidates": "Access thousands of candidates",
+        "tools": "Application management tools",
+        "dashboard": "Complete recruiting dashboard"
+      },
+      "form": {
+        "title": "Create account - company",
+        "subtitle": "Fill in your company details",
+        "steps": {
+          "details": "Company details",
+          "address": "Address & contact",
+          "info": "Additional information",
+          "step": "Step {current} of {total}"
+        },
+        "fields": {
+          "companyName": "Company name",
+          "companyNamePlaceholder": "Your company name",
+          "cnpj": "CNPJ",
+          "cnpjPlaceholder": "00.000.000/0000-00",
+          "email": "Company email",
+          "emailPlaceholder": "hello@company.com",
+          "password": "Password",
+          "passwordPlaceholder": "Your password",
+          "confirmPassword": "Confirm password",
+          "confirmPasswordPlaceholder": "Confirm your password",
+          "phone": "Phone",
+          "phonePlaceholder": "(11) 99999-9999",
+          "website": "Website (optional)",
+          "websitePlaceholder": "https://www.company.com",
+          "address": "Address",
+          "addressPlaceholder": "Street, number, suite",
+          "city": "City",
+          "cityPlaceholder": "Your city",
+          "state": "State",
+          "statePlaceholder": "State",
+          "zipCode": "ZIP code",
+          "zipCodePlaceholder": "00000-000",
+          "industry": "Industry",
+          "industryPlaceholder": "Select an industry",
+          "size": "Company size",
+          "sizePlaceholder": "Number of employees",
+          "description": "Company description",
+          "descriptionPlaceholder": "Describe your company, culture, values, and what you offer employees...",
+          "contactName": "Contact name",
+          "contactNamePlaceholder": "Full name",
+          "contactRole": "Role",
+          "contactRolePlaceholder": "e.g. HR, Manager",
+          "acceptTerms": "I accept the",
+          "acceptNewsletter": "I want to receive recruiting tips and updates by email"
+        },
+        "actions": {
+          "next": "Next step",
+          "back": "Back",
+          "submit": "Create account",
+          "submitting": "Creating account...",
+          "backLogin": "Back to login",
+          "signIn": "Sign in",
+          "haveAccount": "Already have an account?"
+        },
+        "errors": {
+          "companyName": "Company name must be at least 2 characters",
+          "cnpj": "CNPJ must have 14 digits",
+          "email": "Invalid email",
+          "password": "Password must be at least 6 characters",
+          "passwordMismatch": "Passwords do not match",
+          "phone": "Phone must have at least 10 digits",
+          "website": "Website must be a valid URL",
+          "address": "Address must be at least 5 characters",
+          "city": "City is required",
+          "state": "State is required",
+          "zipCode": "ZIP code must have 8 digits",
+          "industry": "Industry is required",
+          "size": "Company size is required",
+          "description": "Description must be at least 20 characters",
+          "contactName": "Contact name is required",
+          "contactRole": "Contact role is required",
+          "acceptTerms": "You must accept the terms",
+          "generic": "Error registering company. Please try again."
+        }
+      },
+      "industries": {
+        "technology": "Technology",
+        "finance": "Finance",
+        "healthcare": "Healthcare",
+        "education": "Education",
+        "retail": "Retail",
+        "construction": "Construction",
+        "industry": "Industry",
+        "services": "Services",
+        "agriculture": "Agriculture",
+        "transport": "Transportation",
+        "energy": "Energy",
+        "consulting": "Consulting",
+        "marketing": "Marketing",
+        "other": "Other"
+      },
+      "sizes": {
+        "1-10": "1 to 10 employees",
+        "11-50": "11 to 50 employees",
+        "51-200": "51 to 200 employees",
+        "201-500": "201 to 500 employees",
+        "501-1000": "501 to 1000 employees",
+        "1000+": "More than 1000 employees"
+      }
     }
   },
   "privacy": {

frontend/src/i18n/pt-BR.json

@@ -360,6 +360,115 @@
         "experience": "Experiência profissional é obrigatória",
         "acceptTerms": "Você deve aceitar os termos"
       }
+    },
+    "company": {
+      "title": "Cadastre sua empresa",
+      "subtitle": "Encontre os melhores talentos para sua empresa. Publique vagas e conecte-se com candidatos qualificados.",
+      "bullets": {
+        "free": "Publique vagas gratuitamente",
+        "candidates": "Acesso a milhares de candidatos",
+        "tools": "Ferramentas de gestão de candidaturas",
+        "dashboard": "Dashboard completo de recrutamento"
+      },
+      "form": {
+        "title": "Criar conta - empresa",
+        "subtitle": "Preencha os dados da sua empresa",
+        "steps": {
+          "details": "Dados da empresa",
+          "address": "Endereço e contato",
+          "info": "Informações adicionais",
+          "step": "Etapa {current} de {total}"
+        },
+        "fields": {
+          "companyName": "Nome da empresa",
+          "companyNamePlaceholder": "Nome da sua empresa",
+          "cnpj": "CNPJ",
+          "cnpjPlaceholder": "00.000.000/0000-00",
+          "email": "E-mail corporativo",
+          "emailPlaceholder": "ola@empresa.com",
+          "password": "Senha",
+          "passwordPlaceholder": "Sua senha",
+          "confirmPassword": "Confirmar senha",
+          "confirmPasswordPlaceholder": "Confirme sua senha",
+          "phone": "Telefone",
+          "phonePlaceholder": "(11) 99999-9999",
+          "website": "Site (opcional)",
+          "websitePlaceholder": "https://www.empresa.com.br",
+          "address": "Endereço",
+          "addressPlaceholder": "Rua, número, complemento",
+          "city": "Cidade",
+          "cityPlaceholder": "Sua cidade",
+          "state": "Estado",
+          "statePlaceholder": "Selecione",
+          "zipCode": "CEP",
+          "zipCodePlaceholder": "00000-000",
+          "industry": "Setor",
+          "industryPlaceholder": "Selecione um setor",
+          "size": "Tamanho da empresa",
+          "sizePlaceholder": "Número de funcionários",
+          "description": "Descrição da empresa",
+          "descriptionPlaceholder": "Descreva a cultura, valores e o que a empresa oferece...",
+          "contactName": "Nome do contato",
+          "contactNamePlaceholder": "Nome completo",
+          "contactRole": "Cargo",
+          "contactRolePlaceholder": "Ex: RH, Gerente",
+          "acceptTerms": "Aceito os",
+          "acceptNewsletter": "Quero receber dicas de recrutamento e novidades por e-mail"
+        },
+        "actions": {
+          "next": "Próxima etapa",
+          "back": "Voltar",
+          "submit": "Criar conta",
+          "submitting": "Criando conta...",
+          "backLogin": "Voltar ao login",
+          "signIn": "Entrar",
+          "haveAccount": "Já tem uma conta?"
+        },
+        "errors": {
+          "companyName": "Nome da empresa deve ter pelo menos 2 caracteres",
+          "cnpj": "CNPJ deve ter 14 dígitos",
+          "email": "E-mail inválido",
+          "password": "Senha deve ter pelo menos 6 caracteres",
+          "passwordMismatch": "Senhas não coincidem",
+          "phone": "Telefone deve ter pelo menos 10 dígitos",
+          "website": "Site deve ser uma URL válida",
+          "address": "Endereço deve ter pelo menos 5 caracteres",
+          "city": "Cidade é obrigatória",
+          "state": "Estado é obrigatório",
+          "zipCode": "CEP deve ter 8 dígitos",
+          "industry": "Setor é obrigatório",
+          "size": "Tamanho da empresa é obrigatório",
+          "description": "Descrição deve ter pelo menos 20 caracteres",
+          "contactName": "Nome do contato é obrigatório",
+          "contactRole": "Cargo de contato é obrigatório",
+          "acceptTerms": "Você deve aceitar os termos",
+          "generic": "Erro ao registrar empresa. Tente novamente."
+        }
+      },
+      "industries": {
+        "technology": "Tecnologia",
+        "finance": "Finanças",
+        "healthcare": "Saúde",
+        "education": "Educação",
+        "retail": "Varejo",
+        "construction": "Construção",
+        "industry": "Indústria",
+        "services": "Serviços",
+        "agriculture": "Agricultura",
+        "transport": "Transporte",
+        "energy": "Energia",
+        "consulting": "Consultoria",
+        "marketing": "Marketing",
+        "other": "Outros"
+      },
+      "sizes": {
+        "1-10": "1 a 10 funcionários",
+        "11-50": "11 a 50 funcionários",
+        "51-200": "51 a 200 funcionários",
+        "201-500": "201 a 500 funcionários",
+        "501-1000": "501 a 1000 funcionários",
+        "1000+": "Mais de 1000 funcionários"
+      }
     }
   },
   "privacy": {