updates

Author: carlosabadia

docs/app/assets/tailwind-theme.css

@@ -1239,7 +1239,7 @@
     /* Width */
     --layout-max-width: 81rem;
     --docs-layout-max-width: 69rem;
-    --landing-layout-max-width: 68.5rem;
+    --landing-layout-max-width: 78.5rem;
 
     @keyframes accordion-down {
         from {

packages/reflex-site-shared/src/reflex_site_shared/views/cta_card.py

@@ -43,13 +43,13 @@ def cta_card():
                 ),
                 class_name="flex flex-row gap-4 items-center",
             ),
-            class_name="flex flex-col gap-6 justify-center max-w-[24.5rem]",
+            class_name="flex flex-col gap-6 justify-center max-w-[29.25rem]",
         ),
         rx.image(
-            f"{REFLEX_ASSETS_CDN}common/{rx.color_mode_cond('light', 'dark')}/cta_gray_lines.svg",
+            f"{REFLEX_ASSETS_CDN}common/{rx.color_mode_cond('light', 'dark')}/cta_gray_lines_2.svg",
             class_name="w-auto h-full pointer-events-none",
             loading="lazy",
             alt="CTA Card",
         ),
-        class_name="flex flex-row justify-between max-w-(--docs-layout-max-width) mx-auto w-full bg-white/96 dark:bg-m-slate-11 backdrop-blur-[16px] rounded-xl relative overflow-hidden shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_12px_24px_0_rgba(0,0,0,0.08),0_1px_1px_0_rgba(0,0,0,0.01),0_4px_8px_0_rgba(0,0,0,0.03)] dark:shadow-none dark:border dark:border-m-slate-9 pl-16 max-lg:hidden mb-12 mt-24",
+        class_name="flex flex-row justify-between max-w-(--landing-layout-max-width) mx-auto w-full bg-white/96 dark:bg-m-slate-11 backdrop-blur-[16px] rounded-xl relative overflow-hidden shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_12px_24px_0_rgba(0,0,0,0.08),0_1px_1px_0_rgba(0,0,0,0.01),0_4px_8px_0_rgba(0,0,0,0.03)] dark:shadow-none dark:border dark:border-m-slate-9 pl-16 max-lg:hidden mb-12 mt-24",
     )

packages/reflex-site-shared/src/reflex_site_shared/views/marketing_navbar.py

@@ -806,7 +806,7 @@ def navigation_menu() -> rx.Component:
                 class_name="safari-nav-positioner box-border h-[var(--positioner-height)] w-[var(--positioner-width)] max-w-[var(--available-width)] transition-[top,left,right,bottom] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] data-[instant]:transition-none",
                 side_offset=30,
                 align="start",
-                align_offset=-105,
+                align_offset=-106,
                 position_method="fixed",
             ),
         ),
@@ -829,7 +829,7 @@ def marketing_navbar() -> rx.Component:
         rx.el.header(
             logo(),
             navigation_menu(),
-            class_name="w-full max-w-[71.5rem] h-[4.5rem] mx-auto flex flex-row items-center p-5 rounded-b-xl backdrop-blur-[16px] shadow-[0_-2px_2px_1px_rgba(0,0,0,0.02),0_1px_1px_0_rgba(0,0,0,0.08),0_4px_8px_0_rgba(0,0,0,0.03),0_0_0_1px_#FFF_inset] dark:shadow-none dark:border-x dark:border-b dark:border-m-slate-10 bg-gradient-to-b from-white to-m-slate-1 dark:from-m-slate-11 dark:to-m-slate-12",
+            class_name="w-full max-w-[81rem] h-[4.5rem] mx-auto flex flex-row items-center p-5 rounded-b-xl backdrop-blur-[16px] shadow-[0_-2px_2px_1px_rgba(0,0,0,0.02),0_1px_1px_0_rgba(0,0,0,0.08),0_4px_8px_0_rgba(0,0,0,0.03),0_0_0_1px_#FFF_inset] dark:shadow-none dark:border-x dark:border-b dark:border-m-slate-10 bg-gradient-to-b from-white to-m-slate-1 dark:from-m-slate-11 dark:to-m-slate-12",
         ),
         class_name="flex flex-col w-full top-0 z-[9999] fixed self-center",
     )