From e695807e77fb47d24776b48193ecc2e7ab449ba3 Mon Sep 17 00:00:00 2001
From: Kartik Sharma <kartik.sharma@marcoaiot.com>
Date: Sat, 13 Dec 2025 11:18:45 +0530
Subject: [PATCH] Adding

---
 src/pages/Home/SubscriptionPlans.jsx | 91 ++++++++++++++--------------
 1 file changed, 45 insertions(+), 46 deletions(-)

diff --git a/src/pages/Home/SubscriptionPlans.jsx b/src/pages/Home/SubscriptionPlans.jsx
index f6357ff3..8637e121 100644
--- a/src/pages/Home/SubscriptionPlans.jsx
+++ b/src/pages/Home/SubscriptionPlans.jsx
@@ -109,54 +109,53 @@ const SubscriptionPlans = () => {
 
                       return (
                         <div className="accordion-item mb-2" key={`${plan.id}-${mod.id}`}>
-  <h2 id={`heading-${plan.id}-${mod.id}`} className="accordion-header">
-    <button
-      className="accordion-button py-2 d-flex justify-content-between align-items-center"
-      type="button"
-      data-bs-toggle="collapse"
-      data-bs-target={`#collapse-${plan.id}-${mod.id}`}
-      aria-expanded="true"
-      aria-controls={`collapse-${plan.id}-${mod.id}`}
-    >
-      <span className="fw-semibold d-flex align-items-center">
-        {mod.enabled ? (
-          <i className="fa-regular fa-circle-check text-success me-2"></i>
-        ) : (
-          <i className="fa-regular fa-circle-xmark text-danger me-2"></i>
-        )}
-        {mod.name}
-      </span>
+                          <h2 id={`heading-${plan.id}-${mod.id}`} className="accordion-header">
+                            <button
+                              className="accordion-button py-2 d-flex justify-content-between align-items-center"
+                              type="button"
+                              data-bs-toggle="collapse"
+                              data-bs-target={`#collapse-${plan.id}-${mod.id}`}
+                              aria-expanded="true"
+                              aria-controls={`collapse-${plan.id}-${mod.id}`}
+                            >
+                              <span className="fw-semibold d-flex align-items-center">
+                                {mod.enabled ? (
+                                  <i className="fa-regular fa-circle-check text-success me-2"></i>
+                                ) : (
+                                  <i className="fa-regular fa-circle-xmark text-danger me-2"></i>
+                                )}
+                                {mod.name}
+                              </span>
 
-      <i className="bx bx-chevron-down ms-2"></i>
-    </button>
-  </h2>
+                              <i className="bx bx-chevron-down ms-2"></i>
+                            </button>
+                          </h2>
 
-  <div
-    id={`collapse-${plan.id}-${mod.id}`}
-    className="accordion-collapse collapse show"
-    aria-labelledby={`heading-${plan.id}-${mod.id}`}
-  >
-    <div className="accordion-body py-2">
-      {mod.features?.length > 0 ? (
-        <ul className="list-unstyled ms-2">
-          {mod.features.map((feat) => (
-            <li key={feat.id} className="d-flex align-items-start mb-1">
-              <i
-                className={`bx bxs-circle ${
-                  mod.enabled ? "text-success" : "text-danger"
-                } me-2 mt-1`}
-                style={{ fontSize: "8px" }}
-              ></i>
-              <span>{feat.name}</span>
-            </li>
-          ))}
-        </ul>
-      ) : (
-        <p className="text-muted small mb-0">No additional features</p>
-      )}
-    </div>
-  </div>
-</div>
+                          <div
+                            id={`collapse-${plan.id}-${mod.id}`}
+                            className="accordion-collapse collapse show"
+                            aria-labelledby={`heading-${plan.id}-${mod.id}`}
+                          >
+                            <div className="accordion-body py-2">
+                              {mod.features?.length > 0 ? (
+                                <ul className="list-unstyled ms-2">
+                                  {mod.features.map((feat) => (
+                                    <li key={feat.id} className="d-flex align-items-start mb-1">
+                                      <i
+                                        className={`bx bxs-circle ${mod.enabled ? "text-success" : "text-danger"
+                                          } me-2 mt-1`}
+                                        style={{ fontSize: "8px" }}
+                                      ></i>
+                                      <span>{feat.name}</span>
+                                    </li>
+                                  ))}
+                                </ul>
+                              ) : (
+                                <p className="text-muted small mb-0">No additional features</p>
+                              )}
+                            </div>
+                          </div>
+                        </div>
 
                       );
                     })}