From 68df7df7b6aa20a88f90a2eb491be51f55e1b5b9 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sat, 11 Jul 2026 13:57:07 +0000
Subject: [PATCH] Changes

Co-authored-by: wolfoftyreso-debug <250630591+wolfoftyreso-debug@users.noreply.github.com>
---
 src/components/PlansSection.tsx | 29 ++++++++++++++++++++++++++---
 1 file changed, 26 insertions(+), 3 deletions(-)

diff --git a/src/components/PlansSection.tsx b/src/components/PlansSection.tsx
index 7587160..69bbc27 100644
--- a/src/components/PlansSection.tsx
+++ b/src/components/PlansSection.tsx
@@ -371,16 +371,23 @@ const PlansSection = () => {
               </div>
 
               <div>
-                <label className="block mb-1.5 text-sm font-semibold">Leveransadress</label>
+                <label className="block mb-1.5 text-sm font-semibold">
+                  Leveransadress <span className="text-primary">*</span>
+                </label>
                 <input
                   name="adress"
+                  placeholder="Gatuadress, t.ex. Kungsgatan 12"
                   value={form.adress}
                   onChange={handleChange}
+                  aria-invalid={!!errors.adress}
                   className="w-full px-4 py-3 rounded-sm bg-background border border-border focus:outline-none focus:ring-2 focus:ring-primary/30"
                 />
+                {errors.adress && (
+                  <p className="text-destructive text-xs mt-1">{errors.adress}</p>
+                )}
               </div>
 
-              <div>
+              <div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
                 <div>
                   <label className="block mb-1.5 text-sm font-semibold">
                     Postnummer <span className="text-primary">*</span>
@@ -397,9 +404,25 @@ const PlansSection = () => {
                     <p className="text-destructive text-xs mt-1">{errors.postnummer}</p>
                   )}
                   <p className="text-muted-foreground text-xs mt-1">
-                    Beställningen kan endast fortsätta för postnummer inom Storstockholm.
+                    Endast postnummer inom Storstockholm.
                   </p>
                 </div>
+                <div>
+                  <label className="block mb-1.5 text-sm font-semibold">
+                    Stad <span className="text-primary">*</span>
+                  </label>
+                  <input
+                    name="stad"
+                    placeholder="t.ex. Stockholm"
+                    value={form.stad}
+                    onChange={handleChange}
+                    aria-invalid={!!errors.stad}
+                    className="w-full px-4 py-3 rounded-sm bg-background border border-border focus:outline-none focus:ring-2 focus:ring-primary/30"
+                  />
+                  {errors.stad && (
+                    <p className="text-destructive text-xs mt-1">{errors.stad}</p>
+                  )}
+                </div>
               </div>
 
               <div>