reflex-site-shared: canonical override + Try-for-free primary CTA

packages/reflex-site-shared/src/reflex_site_shared/meta/meta.py

@@ -126,7 +126,11 @@ def to_cdn_image_url(image: str | None) -> str:
 
 
 def create_meta_tags(
-    title: str, description: str, image: str | None, url: str | None = None
+    title: str,
+    description: str,
+    image: str | None,
+    url: str | None = None,
+    canonical: str | None = None,
 ) -> list[dict[str, str] | rx.Component]:
     """Create meta tags for a page.
 
@@ -135,21 +139,28 @@ def create_meta_tags(
         description: The page description.
         image: The image path for social media previews (None to omit).
         url: The page URL (optional, defaults to REFLEX_DOMAIN_URL).
+        canonical: Override for the canonical link. Use when one page should
+            consolidate SEO signals to a different URL (for example, a blog
+            post that canonicalizes to a dedicated comparison lander). When
+            set, ``og:url`` and ``twitter:url`` also follow the canonical so
+            social crawlers index the same target as search engines. Leave
+            None to canonicalize to ``url``.
 
     Returns:
         A list of meta tag dictionaries.
     """
     page_url = url or REFLEX_DOMAIN_URL
+    canonical_url = canonical if canonical is not None else page_url
     image_url = to_cdn_image_url(image) if image else None
 
     return [
         *_build_meta_tags(
             title=title,
             description=description,
             image=image_url,
-            url=page_url,
+            url=canonical_url,
         ),
-        rx.el.link(rel="canonical", href=page_url),
+        rx.el.link(rel="canonical", href=canonical_url),
     ]
 
 

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

@@ -26,21 +26,21 @@ def cta_card():
                 class_name="text-m-slate-7 dark:text-m-slate-6 text-sm font-medium",
             ),
             rx.el.div(
-                demo_form_dialog(
-                    trigger=marketing_button(
-                        "Book a Demo",
-                        variant="primary",
-                    ),
-                ),
                 rx.el.elements.a(
                     marketing_button(
                         "Try for free",
                         ui.icon("ArrowRight01Icon"),
-                        variant="ghost",
+                        variant="primary",
                     ),
                     href=REFLEX_BUILD_URL,
                     target="_blank",
                 ),
+                demo_form_dialog(
+                    trigger=marketing_button(
+                        "Book a Demo",
+                        variant="ghost",
+                    ),
+                ),
                 class_name="flex flex-row gap-4 items-center",
             ),
             class_name="flex flex-col gap-6 justify-center max-w-[29.25rem]",