diff --git a/assets/styles/user/item.css b/assets/styles/user/item.css
index e8f569f..ae9730d 100644
--- a/assets/styles/user/item.css
+++ b/assets/styles/user/item.css
@@ -27,32 +27,34 @@
     transition: all;
 }
 
-.radio-button input[type="radio"]:checked + label {
+.radio-button input[type="radio"]:checked+label {
     background-color: var(--primary);
     color: var(--text-surface);
 }
 
-.radio-button input[type="radio"]:hover + label {
+.radio-button input[type="radio"]:hover+label {
     background-color: var(--primary);
     color: var(--text-surface);
 }
 
-.radio-button input[type="radio"]:checked:hover + label {
+.radio-button input[type="radio"]:checked:hover+label {
     background-color: var(--primary);
     color: var(--text-surface);
 }
-.no-line-height{
+
+.no-line-height {
     line-height: 0;
 }
-.description-container{
+
+.description-container {
     display: flex;
     flex-direction: column;
-    gap: 1rem;
 
     width: calc(100% - var(--padding-inner));
     max-width: 500px;
 }
-.description-container span{
+
+.description-container span {
     display: flex;
     flex-direction: column;
     gap: 0.5rem;
@@ -63,23 +65,24 @@ dialog[open] {
     max-width: 600px;
 
     height: 300px;
-    
+
     /* justify-content: center;
     align-items: center; */
     position: relative;
 }
-dialog > img{
+
+dialog>img {
     max-width: 100%;
     min-width: 100%;
 }
 
 
 @media screen and (min-width: 800px) {
-    main > div{
+    main>div {
         display: space-between;
         flex-direction: row !important;
         gap: 2rem;
-    
+
         align-items: flex-start !important;
         justify-content: center !important;
         padding: var(--padding);
@@ -99,24 +102,24 @@ dialog > img{
     border: 1px solid #ccc;
 }
 
-.radio-button input[type="radio"]:disabled + label {
+.radio-button input[type="radio"]:disabled+label {
     background-color: #f0f0f0;
     color: #999;
     border: 1px solid #ccc;
 }
 
-dialog[open]{
+dialog[open] {
     min-width: unset !important;
     max-width: max-content !important;
 
     height: max-content;
 }
 
-.size-recommend{
+.size-recommend {
     overflow: hidden;
 }
 
-.size-recommend > form{
+.size-recommend>form {
     width: 100%;
     max-width: 600px;
     margin: 0 auto;
@@ -127,38 +130,38 @@ dialog[open]{
     display: flex;
     flex-direction: column;
     padding: var(--padding);
-  }
-  
-  .size-recommend > form > section {
+}
+
+.size-recommend>form>section {
     display: none;
     width: 300px;
     transition: transform 0.3s ease-in-out;
 
-  }
-  
-  .size-recommend > form > section.active {
+}
+
+.size-recommend>form>section.active {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     height: 100%;
     flex: 1;
-  }
+}
 
-  .size-recommend > form > section > .input-group {
+.size-recommend>form>section>.input-group {
     display: flex;
     flex-direction: column;
-  }
+}
 
-  .button-container{
+.button-container {
     display: flex;
     flex-direction: column;
     gap: 1rem;
     margin-top: 1.2rem;
-  }
+}
 
 
-  
-  /* @media (max-width: 768px) {
+
+/* @media (max-width: 768px) {
     .size-recommend > form {
       width: 100%;
       padding: 0 1rem; 
@@ -169,7 +172,8 @@ dialog[open]{
     }
   } */
 
-input.invalid, select.invalid {
+input.invalid,
+select.invalid {
     border: 2px solid red;
     background-color: #ffe6e6;
 }
diff --git a/view/user/Item.templ b/view/user/Item.templ
index 2a26740..730b604 100644
--- a/view/user/Item.templ
+++ b/view/user/Item.templ
@@ -20,11 +20,11 @@ templ Item(product models.Product, stock map[string]int) {
                 <h1 style="font-weight: 600;" class="no-line-height">{product.Name}</h1>
             </span>
             <span style="gap: 2px;">
-                <p style="font-weight: 600;" class="no-line-height">&#8360;. {fmt.Sprintf("%d",product.Price)}</p>
+                <p style="font-weight: 400; font-size: 2rem;" class="no-line-height">&#8360;. {fmt.Sprintf("%d",product.Price)}</p>
                 <p>{product.Description}</p>
                 <p class="no-line-height" onclick={clothingSizeDialog()}>
                     Size: 
-                    <button class="button-secondary" style="margin-left: var(--padding); padding-inline: var(--padding)">help</button>
+                    <button class="button-secondary" style="margin-left: var(--padding); padding: 0; padding-inline: var(--padding); font-size: 0.9rem; ">Recommend Size</button>
                     <dialog id="clothingSizeDialog">
                         <div class="size-recommend">
                             <form onsubmit="event.preventDefault()" novalidate>
@@ -178,7 +178,7 @@ templ Item(product models.Product, stock map[string]int) {
                         </div>
                     }
                 </div>
-                <span>
+                <span style="margin-bottom: 2rem;">
                     <button 
                         id="buy-button"
                         class="button-primary" 
diff --git a/view/user/Item_templ.go b/view/user/Item_templ.go
index 82707c7..d83d0cc 100644
--- a/view/user/Item_templ.go
+++ b/view/user/Item_templ.go
@@ -91,14 +91,14 @@ func Item(product models.Product, stock map[string]int) templ.Component {
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 5, "</h1></span> <span style=\"gap: 2px;\"><p style=\"font-weight: 600;\" class=\"no-line-height\">&#8360;. ")
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 5, "</h1></span> <span style=\"gap: 2px;\"><p style=\"font-weight: 400; font-size: 2rem;\" class=\"no-line-height\">&#8360;. ")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
 			var templ_7745c5c3_Var6 string
 			templ_7745c5c3_Var6, templ_7745c5c3_Err = templ.JoinStringErrs(fmt.Sprintf("%d", product.Price))
 			if templ_7745c5c3_Err != nil {
-				return templ.Error{Err: templ_7745c5c3_Err, FileName: `view/user/Item.templ`, Line: 23, Col: 109}
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `view/user/Item.templ`, Line: 23, Col: 126}
 			}
 			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var6))
 			if templ_7745c5c3_Err != nil {
@@ -134,7 +134,7 @@ func Item(product models.Product, stock map[string]int) templ.Component {
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 9, "\">Size:  <button class=\"button-secondary\" style=\"margin-left: var(--padding); padding-inline: var(--padding)\">help</button> <dialog id=\"clothingSizeDialog\"><div class=\"size-recommend\"><form onsubmit=\"event.preventDefault()\" novalidate><section class=\"step active\"><h1 align=\"center\">Basic Details</h1><div class=\"input-group\"><label for=\"gender\">Gender</label> <select id=\"gender\" required><option value=\"\">Select Gender</option> <option value=\"male\">Male</option> <option value=\"female\">Female</option></select></div><div class=\"input-group\"><label for=\"age\">Age</label> <input type=\"number\" id=\"age\" placeholder=\"Age\" required min=\"16\" max=\"80\" step=\"1\"></div><div class=\"input-group\"><label for=\"height\">Height (cm)</label> <input type=\"number\" id=\"height\" placeholder=\"Height (cm)\" required min=\"140\" max=\"200\" step=\"1\"></div><div class=\"input-group\"><label for=\"weight\">Weight (kg)</label> <input type=\"number\" id=\"weight\" placeholder=\"Weight (kg)\" required min=\"30\" max=\"150\" step=\"1\"></div><div class=\"button-container\"><button class=\"button-primary\" onclick=\"nextStep()\">Next</button> ")
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 9, "\">Size:  <button class=\"button-secondary\" style=\"margin-left: var(--padding); padding: 0; padding-inline: var(--padding); font-size: 0.9rem; \">Recommend Size</button> <dialog id=\"clothingSizeDialog\"><div class=\"size-recommend\"><form onsubmit=\"event.preventDefault()\" novalidate><section class=\"step active\"><h1 align=\"center\">Basic Details</h1><div class=\"input-group\"><label for=\"gender\">Gender</label> <select id=\"gender\" required><option value=\"\">Select Gender</option> <option value=\"male\">Male</option> <option value=\"female\">Female</option></select></div><div class=\"input-group\"><label for=\"age\">Age</label> <input type=\"number\" id=\"age\" placeholder=\"Age\" required min=\"16\" max=\"80\" step=\"1\"></div><div class=\"input-group\"><label for=\"height\">Height (cm)</label> <input type=\"number\" id=\"height\" placeholder=\"Height (cm)\" required min=\"140\" max=\"200\" step=\"1\"></div><div class=\"input-group\"><label for=\"weight\">Weight (kg)</label> <input type=\"number\" id=\"weight\" placeholder=\"Weight (kg)\" required min=\"30\" max=\"150\" step=\"1\"></div><div class=\"button-container\"><button class=\"button-primary\" onclick=\"nextStep()\">Next</button> ")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
@@ -255,7 +255,7 @@ func Item(product models.Product, stock map[string]int) templ.Component {
 					return templ_7745c5c3_Err
 				}
 			}
-			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 28, "</div><span><button id=\"buy-button\" class=\"button-primary\" hx-include=\"closest form\" hx-get=\"")
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 28, "</div><span style=\"margin-bottom: 2rem;\"><button id=\"buy-button\" class=\"button-primary\" hx-include=\"closest form\" hx-get=\"")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
diff --git a/view/user/cart-order_templ.go b/view/user/cart-order_templ.go
index 0525e90..92f1d00 100644
--- a/view/user/cart-order_templ.go
+++ b/view/user/cart-order_templ.go
@@ -75,16 +75,12 @@ func CartOrder(products []models.Product) templ.Component {
 				return templ_7745c5c3_Err
 			}
 			for _, product := range products {
-				templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 4, "       ")
-				if templ_7745c5c3_Err != nil {
-					return templ_7745c5c3_Err
-				}
 				templ_7745c5c3_Err = OrdersCard(product).Render(ctx, templ_7745c5c3_Buffer)
 				if templ_7745c5c3_Err != nil {
 					return templ_7745c5c3_Err
 				}
 			}
-			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 5, "</div><form hx-post=\"/cart/order\"><input type=\"text\" name=\"name\" placeholder=\"Name\"> <textarea name=\"address\" placeholder=\"Adress\"></textarea> <input type=\"text\" name=\"house\" placeholder=\"House no. or House name\"> <input type=\"text\" name=\"pin\" placeholder=\"Pin code\"> <input type=\"text\" name=\"city\" placeholder=\"City\"> <input type=\"tel\" name=\"phone\" placeholder=\"Phone no.\"> <select name=\"payment\" placeholder=\"Delivery method\"><option value=\"cod\">Cash on delivery</option> <option value=\"online\">Credit card</option></select> <button type=\"submit\" class=\"button-primary\" style=\"margin-top: 2rem;\">Place Order</button></form></div></div><script>\n            function emptyCallback() {\n                setTimeout(() => {\n                    if (document.querySelectorAll('.product-card-cart').length === 0) {\n                        window.location.href = '/';\n                    }\n                }, 100);\n                return true;\n            }\n        </script>")
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 4, "</div><form hx-post=\"/cart/order\"><input type=\"text\" name=\"name\" placeholder=\"Name\"> <textarea name=\"address\" placeholder=\"Adress\"></textarea> <input type=\"text\" name=\"house\" placeholder=\"House no. or House name\"> <input type=\"text\" name=\"pin\" placeholder=\"Pin code\"> <input type=\"text\" name=\"city\" placeholder=\"City\"> <input type=\"tel\" name=\"phone\" placeholder=\"Phone no.\"> <select name=\"payment\" placeholder=\"Delivery method\"><option value=\"cod\">Cash on delivery</option> <option value=\"online\">Credit card</option></select> <button type=\"submit\" class=\"button-primary\" style=\"margin-top: 2rem;\">Place Order</button></form></div></div><script>\n            function emptyCallback() {\n                setTimeout(() => {\n                    if (document.querySelectorAll('.product-card-cart').length === 0) {\n                        window.location.href = '/';\n                    }\n                }, 100);\n                return true;\n            }\n        </script>")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
@@ -119,85 +115,85 @@ func OrdersCard(product models.Product) templ.Component {
 			templ_7745c5c3_Var5 = templ.NopComponent
 		}
 		ctx = templ.ClearChildren(ctx)
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 6, "<div class=\"product-card-cart\"><img src=\"")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 5, "<div class=\"product-card-cart\"><img src=\"")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
 		var templ_7745c5c3_Var6 string
 		templ_7745c5c3_Var6, templ_7745c5c3_Err = templ.JoinStringErrs("/static/images/" + product.Id + "-main")
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `view/user/cart-order.templ`, Line: 59, Col: 54}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `view/user/cart-order.templ`, Line: 52, Col: 54}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var6))
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 7, "\"><div><b>")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 6, "\"><div><b>")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
 		var templ_7745c5c3_Var7 string
 		templ_7745c5c3_Var7, templ_7745c5c3_Err = templ.JoinStringErrs(product.Name)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `view/user/cart-order.templ`, Line: 61, Col: 28}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `view/user/cart-order.templ`, Line: 54, Col: 28}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var7))
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 8, "</b><br>&#8360;. ")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 7, "</b><br>&#8360;. ")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
 		var templ_7745c5c3_Var8 string
 		templ_7745c5c3_Var8, templ_7745c5c3_Err = templ.JoinStringErrs(fmt.Sprintf("%d", product.Price))
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `view/user/cart-order.templ`, Line: 62, Col: 53}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `view/user/cart-order.templ`, Line: 55, Col: 53}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var8))
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 9, "</div><div><button class=\"button-primary\" hx-delete=\"")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 8, "</div><div><button class=\"button-primary\" hx-delete=\"")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
 		var templ_7745c5c3_Var9 string
 		templ_7745c5c3_Var9, templ_7745c5c3_Err = templ.JoinStringErrs(fmt.Sprintf("/delete-cart/%s", product.Id))
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `view/user/cart-order.templ`, Line: 65, Col: 96}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `view/user/cart-order.templ`, Line: 58, Col: 96}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var9))
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 10, "\" hx-target=\"closest .product-card-cart\" hx-swap=\"outerHTML\" hx-trigger=\"click[emptyCallback()]\">Remove Product</button> <button class=\"button-secondary\" hx-get=\"")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 9, "\" hx-target=\"closest .product-card-cart\" hx-swap=\"outerHTML\" hx-trigger=\"click[emptyCallback()]\">Remove Product</button> <button class=\"button-secondary\" hx-get=\"")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
 		var templ_7745c5c3_Var10 string
 		templ_7745c5c3_Var10, templ_7745c5c3_Err = templ.JoinStringErrs(fmt.Sprintf("/item/%s", product.Id))
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `view/user/cart-order.templ`, Line: 66, Col: 88}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `view/user/cart-order.templ`, Line: 59, Col: 88}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var10))
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 11, "\" hx-push-url=\"")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 10, "\" hx-push-url=\"")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
 		var templ_7745c5c3_Var11 string
 		templ_7745c5c3_Var11, templ_7745c5c3_Err = templ.JoinStringErrs(fmt.Sprintf("/item/%s", product.Id))
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `view/user/cart-order.templ`, Line: 66, Col: 138}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `view/user/cart-order.templ`, Line: 59, Col: 138}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var11))
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 12, "\" hx-target=\"body\">View Product</button></div></div>")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 11, "\" hx-target=\"body\">View Product</button></div></div>")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
diff --git a/view/user/order.templ b/view/user/order.templ
index ad77479..7deae89 100644
--- a/view/user/order.templ
+++ b/view/user/order.templ
@@ -23,16 +23,17 @@ templ Order(product models.Product, size string) {
                 </div>
                 <form hx-post={fmt.Sprintf("/order/%s",product.Id)}>
                     <input type="hidden" name="size" value={size} />
-                    <input type="text" name="name" placeholder="Name"/>
-                    <textarea name="address" placeholder="Adress"></textarea>
-                    <input type="text" name="house" placeholder="House no. or House name"/>
-                    <input type="text" name="pin" placeholder="Pin code"/>
-                    <input type="text" name="city" placeholder="City"/>
-                    <input type="tel" name="phone" placeholder="Phone no."/>
-                    <input type="number" name="quantity" placeholder="Quantity"/>
-                    <select name="payment" placeholder="Delivery method">
+
+                    <input type="text" name="name" placeholder="Name" required/>
+                    <textarea name="address" placeholder="Adress" required></textarea>
+                    <input type="text" name="house" placeholder="House no. or House name" required/>
+                    <input type="text" name="pin" placeholder="Pin code" pattern="\d{6}" title="Please enter a 6-digit pin code" required/>
+                    <input type="text" name="city" placeholder="City" required/>
+                    <input type="tel" name="phone" placeholder="Phone no. (e.g., +918967439823)"   pattern="\+[1-9]{1}[0-9]{1,3}[0-9]{4,14}"    title="Please enter a valid phone number with country code (e.g., +911234567890)" required/>
+                    <input type="number" name="quantity" placeholder="Quantity" value="1" min="1" max="20" required/>
+                    <select name="payment" placeholder="Delivery method" required>
+                        <option value="online" selected>Online payment</option>
                         <option value="cod">Cash on delivery</option>
-                        <option value="online">Credit card</option>
                     </select>
                     <button type="submit" class="button-primary" style="margin-top: 2rem;">Place Order</button>
                 </form>
diff --git a/view/user/order_templ.go b/view/user/order_templ.go
index 364d1a2..0046fea 100644
--- a/view/user/order_templ.go
+++ b/view/user/order_templ.go
@@ -135,7 +135,7 @@ func Order(product models.Product, size string) templ.Component {
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 8, "\"> <input type=\"text\" name=\"name\" placeholder=\"Name\"> <textarea name=\"address\" placeholder=\"Adress\"></textarea> <input type=\"text\" name=\"house\" placeholder=\"House no. or House name\"> <input type=\"text\" name=\"pin\" placeholder=\"Pin code\"> <input type=\"text\" name=\"city\" placeholder=\"City\"> <input type=\"tel\" name=\"phone\" placeholder=\"Phone no.\"> <input type=\"number\" name=\"quantity\" placeholder=\"Quantity\"> <select name=\"payment\" placeholder=\"Delivery method\"><option value=\"cod\">Cash on delivery</option> <option value=\"online\">Credit card</option></select> <button type=\"submit\" class=\"button-primary\" style=\"margin-top: 2rem;\">Place Order</button></form></div></div>")
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 8, "\"> <input type=\"text\" name=\"name\" placeholder=\"Name\" required> <textarea name=\"address\" placeholder=\"Adress\" required></textarea> <input type=\"text\" name=\"house\" placeholder=\"House no. or House name\" required> <input type=\"text\" name=\"pin\" placeholder=\"Pin code\" pattern=\"\\d{6}\" title=\"Please enter a 6-digit pin code\" required> <input type=\"text\" name=\"city\" placeholder=\"City\" required> <input type=\"tel\" name=\"phone\" placeholder=\"Phone no. (e.g., +918967439823)\" pattern=\"\\+[1-9]{1}[0-9]{1,3}[0-9]{4,14}\" title=\"Please enter a valid phone number with country code (e.g., +911234567890)\" required> <input type=\"number\" name=\"quantity\" placeholder=\"Quantity\" value=\"1\" min=\"1\" max=\"20\" required> <select name=\"payment\" placeholder=\"Delivery method\" required><option value=\"online\" selected>Online payment</option> <option value=\"cod\">Cash on delivery</option></select> <button type=\"submit\" class=\"button-primary\" style=\"margin-top: 2rem;\">Place Order</button></form></div></div>")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}