feat: Zaktualizuj sekcję hero, nawigację, kalkulator i formularz zgłoszenia awarii

app/kontakt/actions.ts

@@ -10,9 +10,10 @@ const resend = new Resend(process.env.RESEND_API_KEY);
 const contactFormSchema = z.object({
   name: z.string().min(2, "Imię musi mieć min. 2 znaki"),
   phone: z.string().min(9, "Wprowadź poprawny numer telefonu"),
-  email: z.string().email("Niepoprawny adres e-mail"),
-  subject: z.string().min(1, "Wybierz temat"),
-  message: z.string().min(10, "Wiadomość musi mieć min. 10 znaków"),
+  email: z.union([z.literal(''), z.string().email("Niepoprawny adres e-mail")]).optional(),
+  city: z.string().min(1, "Wybierz miasto"),
+  subject: z.string().optional(),
+  message: z.string().optional(),
   consent: z.boolean().refine((val) => val === true, "Zgoda RODO jest wymagana"),
 });
 
@@ -23,6 +24,7 @@ export async function submitContactForm(prevState: any, formData: FormData) {
       name: formData.get("name"),
       phone: formData.get("phone"),
       email: formData.get("email"),
+      city: formData.get("city"),
       subject: formData.get("subject"),
       message: formData.get("message"),
       consent: formData.get("consent") === "true" || formData.get("consent") === "on",
@@ -57,6 +59,10 @@ export async function submitContactForm(prevState: any, formData: FormData) {
                 <td style="padding: 8px 0; border-bottom: 1px solid #f1f5f9;"><strong>E-mail:</strong></td>
                 <td style="padding: 8px 0; border-bottom: 1px solid #f1f5f9;"><a href="mailto:${validatedData.email}" style="color: #0F2A47; text-decoration: none;">${validatedData.email}</a></td>
               </tr>
+              <tr>
+                <td style="padding: 8px 0; border-bottom: 1px solid #f1f5f9;"><strong>Miasto:</strong></td>
+                <td style="padding: 8px 0; border-bottom: 1px solid #f1f5f9;">${validatedData.city}</td>
+              </tr>
               <tr>
                 <td style="padding: 8px 0; border-bottom: 1px solid #f1f5f9;"><strong>Temat:</strong></td>
                 <td style="padding: 8px 0; border-bottom: 1px solid #f1f5f9;">${validatedData.subject}</td>