@opensite/ui 2.7.7 → 2.7.8

package/dist/registry.cjs

@@ -14432,7 +14432,7 @@ function AccordionItem({
     AccordionPrimitive__namespace.Item,
     {
       "data-slot": "accordion-item",
-      className: cn("border-b ", className),
+      className: cn(className, "border-b"),
       ...props
     }
   );
@@ -14457,7 +14457,7 @@ function AccordionTrigger({
           DynamicIcon,
           {
             name: "lucide/chevron-down",
-            className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200"
+            className: "pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200"
           }
         )
       ]
@@ -14473,7 +14473,7 @@ function AccordionContent({
     AccordionPrimitive__namespace.Content,
     {
       "data-slot": "accordion-content",
-      className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
+      className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-base",
       ...props,
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("pt-0 pb-4", className), children })
     }
@@ -17165,14 +17165,13 @@ function ContactMap({
   descriptionClassName,
   cardClassName,
   cardContentClassName,
-  panelClassName,
   contentGridClassName,
   mapColumnClassName,
   mapClassName,
   background,
   spacing = "xl",
   pattern,
-  patternOpacity = 0.1,
+  patternOpacity,
   mapProps
 }) {
   const renderForm = React32__namespace.useMemo(() => {
@@ -17203,59 +17202,41 @@ function ContactMap({
       spacing,
       pattern,
       patternOpacity,
-      className: cn("py-12", className),
+      className,
       containerClassName,
       children: /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
           className: cn(
-            "mx-auto grid max-w-7xl gap-8 lg:grid-cols-[minmax(0,0.9fr)_minmax(0,1.1fr)]",
+            "mx-auto grid max-w-full md:max-w-7xl gap-8 lg:grid-cols-[minmax(0,0.9fr)_minmax(0,1.1fr)]",
             contentGridClassName
           ),
           children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(
-              "div",
-              {
-                className: cn(
-                  "flex flex-col rounded-2xl bg-slate-900 p-6 md:p-8 text-slate-100",
-                  panelClassName
-                ),
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mb-6", headerClassName), children: [
-                    heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-                      "h2",
-                      {
-                        className: cn(
-                          "mb-3 text-3xl font-bold tracking-tight text-balance text-white md:text-5xl",
-                          headingClassName
-                        ),
-                        children: heading
-                      }
-                    ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
-                    description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-                      "p",
-                      {
-                        className: cn(
-                          "leading-relaxed text-balance text-slate-300",
-                          descriptionClassName
-                        ),
-                        children: description
-                      }
-                    ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
-                  ] }),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    Card,
-                    {
-                      className: cn(
-                        "mt-4 border-0 bg-rose-500 text-rose-50 shadow-none",
-                        cardClassName
-                      ),
-                      children: /* @__PURE__ */ jsxRuntime.jsx(CardContent, { className: cn("p-6 lg:p-8", cardContentClassName), children: renderForm })
-                    }
-                  )
-                ]
-              }
-            ),
+            /* @__PURE__ */ jsxRuntime.jsx(Card, { className: cardClassName, children: /* @__PURE__ */ jsxRuntime.jsxs(CardContent, { className: cardContentClassName, children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mb-6", headerClassName), children: [
+                heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                  "h2",
+                  {
+                    className: cn(
+                      "mb-3 text-3xl font-bold tracking-tight text-balance md:text-5xl",
+                      headingClassName
+                    ),
+                    children: heading
+                  }
+                ) : heading),
+                description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                  "p",
+                  {
+                    className: cn(
+                      "leading-relaxed text-balance ",
+                      descriptionClassName
+                    ),
+                    children: description
+                  }
+                ) : description)
+              ] }),
+              renderForm
+            ] }) }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("h-full", mapColumnClassName), children: /* @__PURE__ */ jsxRuntime.jsx(GeoMap, { ...resolvedMapProps }) })
           ]
         }
@@ -39715,19 +39696,19 @@ function FaqStaticList({
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("space-y-8", itemsWrapperClassName), children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        className: cn("border-b border-border/50 pb-6", itemClassName),
+        className: cn("border-b border-border/30 pb-8", itemClassName),
         children: [
           typeof item.question === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
               className: cn(
-                "text-lg md:text-xl mb-2 font-semibold",
+                "text-lg md:text-xl mb-4 font-medium",
                 questionClassName
               ),
               children: item.question
             }
           ) : item.question,
-          typeof item.answer === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("leading-snug", answerClassName), children: item.answer }) : item.answer
+          typeof item.answer === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("leading-normal", answerClassName), children: item.answer }) : item.answer
         ]
       },
       index
@@ -39763,7 +39744,7 @@ function FaqStaticList({
           _type: "text",
           as: "p",
           className: cn(
-            "text-xl max-w-full md:max-w-md text-balance",
+            "text-lg md:text-xl max-w-full md:max-w-md text-balance opacity-75",
             descriptionClassName
           ),
           children: description
@@ -39784,11 +39765,15 @@ function FaqStaticList({
       patternClassName,
       className,
       containerClassName,
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-start gap-8 md:gap-12", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-full md:max-w-3xl", children: [
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-start gap-8 md:gap-12", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-full md:max-w-3xl space-y-12 md:space-y-16", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           ContentGroup,
           {
-            className: cn("flex flex-col", "text-left", headerClassName),
+            className: cn(
+              "flex flex-col items-start",
+              "text-left",
+              headerClassName
+            ),
             items: contentItems
           }
         ),
@@ -40120,16 +40105,17 @@ function FaqNumberedList({
       "div",
       {
         className: cn(
-          "mt-8 md:mt-12 w-full max-w-3xl space-y-4 text-left",
+          "mt-8 md:mt-12 w-full max-w-3xl space-y-12 text-left",
           itemsWrapperClassName
         ),
         children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
             className: cn(
-              "flex gap-4 p-4 md:p-5",
+              "flex gap-4 p-4 md:p-6",
               "bg-card text-card-foreground",
-              "rounded-lg border shadow-lg",
+              "ring-4 ring-primary",
+              "rounded-xl shadow-2xl",
               itemClassName
             ),
             children: [
@@ -40138,7 +40124,7 @@ function FaqNumberedList({
                 {
                   className: cn(
                     "flex items-center justify-center",
-                    "rounded-lg shadow-lg",
+                    "rounded-xl shadow-lg",
                     "bg-primary text-primary-foreground",
                     "text-base font-semibold",
                     "size-10 shrink-0",
@@ -40148,12 +40134,12 @@ function FaqNumberedList({
                   children: index + 1
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2 mt-2", children: [
                 typeof item.question === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                   "div",
                   {
                     className: cn(
-                      "mb-1 font-semibold text-lg",
+                      "font-semibold text-lg leading-snug",
                       questionClassName
                     ),
                     children: item.question
@@ -40187,18 +40173,19 @@ function FaqNumberedList({
       patternClassName,
       className,
       containerClassName,
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-full md:max-w-3xl space-y-6", children: [
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-full md:max-w-3xl flex flex-col items-center gap-4", children: [
         badge && (typeof badge === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: badgeClassName, children: badge }) : badge),
         heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
           "h2",
           {
             className: cn(
-              "text-3xl font-semibold md:text-4xl text-pretty text-center",
+              "text-2xl md:text-4xl lg:text-5xl",
+              "font-semibold text-pretty text-center",
               headingClassName
             ),
             children: heading
           }
-        ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
+        ) : heading),
         description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
           "p",
           {
@@ -40208,7 +40195,7 @@ function FaqNumberedList({
             ),
             children: description
           }
-        ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
+        ) : description),
         itemsContent
       ] }) })
     }
@@ -40415,7 +40402,7 @@ function FaqSplitHelp({
       {
         type: "single",
         collapsible: true,
-        className: cn("lg:w-2/3", accordionClassName),
+        className: cn("w-full lg:w-2/3", accordionClassName),
         children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
           AccordionItem,
           {
@@ -40499,6 +40486,38 @@ function FaqSplitHelp({
     helpSectionClassName,
     background
   ]);
+  const contentItems = React32.useMemo(() => {
+    const items2 = [];
+    if (heading) {
+      if (typeof heading === "string") {
+        items2.push({
+          _type: "text",
+          as: "h2",
+          className: cn(
+            "text-3xl lg:text-4xl font-semibold",
+            "mb-3  md:mb-4 lg:mb-6",
+            headingClassName
+          ),
+          children: heading
+        });
+      } else {
+        items2.push(heading);
+      }
+    }
+    if (description) {
+      if (typeof description === "string") {
+        items2.push({
+          _type: "text",
+          as: "p",
+          className: cn("text-base md:text-lg", descriptionClassName),
+          children: description
+        });
+      } else {
+        items2.push(description);
+      }
+    }
+    return items2;
+  }, [heading, headingClassName, description, descriptionClassName]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -40510,21 +40529,14 @@ function FaqSplitHelp({
       className,
       containerClassName,
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-10 lg:flex-row lg:gap-20", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("lg:w-1/3", leftColumnClassName), children: [
-            heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-              "h2",
-              {
-                className: cn(
-                  "text-3xl lg:text-4xl font-semibold",
-                  "mb-3  md:mb-4 lg:mb-6",
-                  headingClassName
-                ),
-                children: heading
-              }
-            ) : heading),
-            description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-base md:text-lg", descriptionClassName), children: description }) : description)
-          ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col lg:flex-row gap-10 lg:gap-20", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ContentGroup,
+            {
+              className: cn("w-full lg:w-1/3", leftColumnClassName),
+              items: contentItems
+            }
+          ),
           itemsContent
         ] }),
         helpSectionContent
@@ -40682,12 +40694,20 @@ function FaqMutedCards({
       {
         type: "single",
         collapsible: true,
-        className: cn("space-y-4", accordionClassName),
-        children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+        className: cn(
+          "bg-muted text-muted-foreground",
+          "space-y-0 rounded-2xl shadow-2xl",
+          accordionClassName
+        ),
+        children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(
           AccordionItem,
           {
             value: item.id,
-            className: accordionItemClassName,
+            className: cn(
+              "border-border/50",
+              index === items.length - 1 ? "border-none" : "",
+              accordionItemClassName
+            ),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(
                 AccordionTrigger,
@@ -40696,21 +40716,22 @@ function FaqMutedCards({
                     "transition-opacity",
                     "hover:no-underline hover:opacity-75",
                     "cursor-pointer duration-200",
+                    "px-4 md:px-5",
                     accordionTriggerClassName
                   ),
-                  children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium py-1 md:py-2 text-lg", children: item.question })
+                  children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-semibold py-1 md:py-2 text-lg", children: item.question })
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
                 AccordionContent,
                 {
                   className: cn("mb-1 md:mb-2", accordionContentClassName),
-                  children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-lg", children: item.answer })
+                  children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 md:px-5 text-base md:text-lg", children: item.answer })
                 }
               )
             ]
           },
-          item.id
+          item.id || index
         ))
       }
     );
@@ -40771,8 +40792,8 @@ function FaqMutedCards({
         "div",
         {
           className: cn(
-            "max-w-full md:max-w-3xl",
-            "flex flex-col items-start gap-8",
+            "max-w-full md:max-w-3xl w-full",
+            "flex flex-col items-stretch gap-8",
             contentWrapperClassName
           ),
           children: [
@@ -40781,9 +40802,7 @@ function FaqMutedCards({
               {
                 className: cn(
                   "mx-auto flex flex-col",
-                  "max-w-full md:max-w-3xl",
                   "text-left md:text-center",
-                  "mb-12 md:mb-20",
                   headerClassName
                 ),
                 items: contentItems
@@ -40916,12 +40935,12 @@ function FaqGradientCategories({
   categoriesSlot,
   background,
   containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
-  spacing = "lg",
+  spacing = "py-6 md:py-32",
   pattern,
   patternOpacity,
   patternClassName,
   className,
-  gradientWrapperClassName,
+  contentWrapperClassName,
   headerClassName,
   headingClassName,
   descriptionClassName,
@@ -40944,15 +40963,15 @@ function FaqGradientCategories({
         ),
         children: categories.map((category, categoryIndex) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
           typeof category.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-            "h3",
+            "div",
             {
               className: cn(
-                "mb-4 text-xl font-semibold",
+                "leading-none font-bold opacity-60 uppercase text-sm tracking-widest",
                 categoryTitleClassName
               ),
               children: category.title
             }
-          ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: categoryTitleClassName, children: category.title }),
+          ) : category.title,
           /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "single", collapsible: true, className: accordionClassName, children: category.items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
             AccordionItem,
             {
@@ -40968,14 +40987,14 @@ function FaqGradientCategories({
                       "cursor-pointer duration-200",
                       accordionTriggerClassName
                     ),
-                    children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium py-1 md:py-2 text-lg", children: item.question })
+                    children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium py-1 md:py-2 text-lg leading-tight", children: item.question })
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(
                   AccordionContent,
                   {
                     className: cn("mb-1 md:mb-2", accordionContentClassName),
-                    children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-lg", children: item.answer })
+                    children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base md:text-lg", children: item.answer })
                   }
                 )
               ]
@@ -41044,8 +41063,10 @@ function FaqGradientCategories({
         "div",
         {
           className: cn(
-            "rounded-lg bg-card text-card-foreground p-8 md:p-12 lg:p-16",
-            gradientWrapperClassName
+            "bg-card text-card-foreground",
+            "p-8 md:p-12 lg:p-16",
+            "rounded-xl shadow-xl",
+            contentWrapperClassName
           ),
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(
@@ -41236,7 +41257,7 @@ function FaqSidebarNavigation({
                     onClick: () => setActiveCategory("all"),
                     className: cn(
                       "cursor-pointer",
-                      "w-full lg:w-full",
+                      "w-fit lg:w-full",
                       "shrink-0 whitespace-nowrap",
                       "rounded-md px-4 py-2",
                       "text-left text-sm font-medium",
@@ -41294,7 +41315,7 @@ function FaqCardCategories({
   categoriesSlot,
   background,
   containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
-  spacing = "lg",
+  spacing = "xl",
   pattern,
   patternOpacity,
   patternClassName,
@@ -41319,7 +41340,16 @@ function FaqCardCategories({
           gridClassName
         ),
         children: categories.map((category, categoryIndex) => /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: cardClassName, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(CardHeader, { children: typeof category.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(CardTitle, { className: categoryTitleClassName, children: category.title }) : category.title }),
+          /* @__PURE__ */ jsxRuntime.jsx(CardHeader, { children: typeof category.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+            CardTitle,
+            {
+              className: cn(
+                "leading-none font-bold opacity-60 uppercase text-sm tracking-widest",
+                categoryTitleClassName
+              ),
+              children: category.title
+            }
+          ) : category.title }),
           /* @__PURE__ */ jsxRuntime.jsx(CardContent, { children: /* @__PURE__ */ jsxRuntime.jsx(
             Accordion,
             {
@@ -41336,7 +41366,9 @@ function FaqCardCategories({
                       AccordionTrigger,
                       {
                         className: cn(
-                          "text-sm transition-opacity duration-200 hover:no-underline hover:opacity-60",
+                          "text-sm transition-opacity",
+                          "duration-200 hover:no-underline hover:opacity-60",
+                          "text-lg",
                           accordionTriggerClassName
                         ),
                         children: item.question
@@ -41345,7 +41377,7 @@ function FaqCardCategories({
                     /* @__PURE__ */ jsxRuntime.jsx(
                       AccordionContent,
                       {
-                        className: cn("text-sm", accordionContentClassName),
+                        className: cn("text-base", accordionContentClassName),
                         children: item.answer
                       }
                     )
@@ -41414,31 +41446,22 @@ function FaqCardCategories({
       patternClassName,
       className,
       containerClassName,
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative", children: /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          className: cn(
-            "relative rounded-lg p-8 md:p-12 lg:p-16",
-            contentWrapperClassName
-          ),
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              ContentGroup,
-              {
-                className: cn(
-                  "mx-auto flex flex-col",
-                  "max-w-full md:max-w-3xl",
-                  "text-left md:text-center",
-                  "mb-12 md:mb-20",
-                  headerClassName
-                ),
-                items: contentItems
-              }
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative", contentWrapperClassName), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ContentGroup,
+          {
+            className: cn(
+              "mx-auto flex flex-col",
+              "max-w-full md:max-w-3xl",
+              "text-left md:text-center",
+              "mb-12 md:mb-20",
+              headerClassName
             ),
-            categoriesContent
-          ]
-        }
-      ) })
+            items: contentItems
+          }
+        ),
+        categoriesContent
+      ] }) })
     }
   );
 }
@@ -41471,7 +41494,9 @@ function FaqIconBenefits({
       "div",
       {
         className: cn(
-          "mx-auto mt-10 grid max-w-7xl gap-6 md:grid-cols-2 lg:grid-cols-3",
+          "mx-auto mt-10",
+          "grid gap-8 md:gap-12 md:grid-cols-2 lg:grid-cols-3",
+          "max-w-full md:max-w-7xl",
           gridClassName
         ),
         children: benefits.map((benefit, index) => /* @__PURE__ */ jsxRuntime.jsxs(
@@ -41505,8 +41530,26 @@ function FaqIconBenefits({
                   )
                 }
               ),
-              typeof benefit.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("text-lg font-semibold", titleClassName), children: benefit.title }) : benefit.title,
-              typeof benefit.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-sm", benefitDescriptionClassName), children: benefit.description }) : benefit.description
+              typeof benefit.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: cn(
+                    "text-lg md:text-xl font-semibold text-pretty",
+                    titleClassName
+                  ),
+                  children: benefit.title
+                }
+              ) : benefit.title,
+              typeof benefit.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                "p",
+                {
+                  className: cn(
+                    "text-sm md:text-base text-balance",
+                    benefitDescriptionClassName
+                  ),
+                  children: benefit.description
+                }
+              ) : benefit.description
             ]
           },
           index
@@ -41616,17 +41659,16 @@ function FaqRoundedCards({
       {
         type: "single",
         collapsible: true,
-        className: cn("space-y-3", accordionClassName),
+        className: cn("space-y-4", accordionClassName),
         children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
           AccordionItem,
           {
             value: item.id,
             className: cn(
               "border border-border/50",
-              "px-5",
-              "transition-shadow",
-              "rounded-xl shadow-sm",
-              "hover:shadow-lg data-[state=open]:shadow-lg",
+              "transition-all duration-500",
+              "rounded-xl shadow-lg px-5",
+              "backdrop-blur-xs hover:backdrop-blur-lg",
               "data-[state=open]:bg-card",
               "data-[state=open]:text-card-foreground",
               accordionItemClassName
@@ -41636,17 +41678,26 @@ function FaqRoundedCards({
                 AccordionTrigger,
                 {
                   className: cn(
-                    "text-lg",
-                    "cursor-pointer py-4 font-medium",
+                    "text-base md:text-lg",
+                    "cursor-pointer py-4 font-semibold",
                     "transition-opacity",
                     "hover:no-underline hover:opacity-70",
-                    "[&[data-state=open]>svg]:rotate-180",
+                    "leading-tight",
                     accordionTriggerClassName
                   ),
                   children: item.question
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: cn("pb-4", accordionContentClassName), children: item.answer })
+              /* @__PURE__ */ jsxRuntime.jsx(
+                AccordionContent,
+                {
+                  className: cn(
+                    "pb-4 text-base md:text-lg",
+                    accordionContentClassName
+                  ),
+                  children: item.answer
+                }
+              )
             ]
           },
           item.id
@@ -41669,7 +41720,10 @@ function FaqRoundedCards({
           _type: "text",
           as: "h2",
           className: cn(
-            "mb-4 text-3xl font-semibold lg:text-4xl text-pretty",
+            "font-bold ",
+            "mb-4 text-pretty",
+            "text-3xl lg:text-4xl",
+            "max-w-full md:max-w-sm",
             headingClassName
           ),
           children: heading
@@ -41684,7 +41738,8 @@ function FaqRoundedCards({
           _type: "text",
           as: "p",
           className: cn(
-            "text-xl max-w-full md:max-w-md text-balance",
+            "text-lg md:text-xl text-balance",
+            "max-w-full md:max-w-sm",
             descriptionClassName
           ),
           children: description
@@ -41704,20 +41759,20 @@ function FaqRoundedCards({
       patternOpacity,
       patternClassName,
       containerClassName,
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-full md:max-w-3xl", children: [
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-full md:max-w-3xl w-full space-y-8 md:space-y-12", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           ContentGroup,
           {
             className: cn(
               "flex flex-col",
+              "items-start md:items-center",
               "text-left md:text-center",
-              "mb-12 md:mb-20",
               headerClassName
             ),
             items: contentItems
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-10", cardsWrapperClassName), children: itemsContent })
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cardsWrapperClassName, children: itemsContent })
       ] }) })
     }
   );
@@ -41932,10 +41987,16 @@ function FaqProfileSidebar({
             contentWrapperClassName
           ),
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("w-full lg:w-1/3", sidebarClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sticky top-24 space-y-6", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ContentGroup, { items: contentItems }),
-              profileSectionContent
-            ] }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: cn("w-full lg:w-1/3 lg:self-stretch", sidebarClassName),
+                children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sticky top-24 space-y-6", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(ContentGroup, { items: contentItems }),
+                  profileSectionContent
+                ] })
+              }
+            ),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("w-full lg:w-2/3", faqColumnClassName), children: itemsContent })
           ]
         }