Merge branch 'main' into carlos/bg-search

Author: LineIndent

assets/tailwind-theme.css

@@ -1,4 +1,5 @@
 @import "tailwindcss";
+@import "tailwindcss-animated";
 
 @custom-variant dark (&:where(.dark, .dark *));
 

docs/ai_builder/integrations/mcp_installation.md

@@ -4,6 +4,10 @@
 import reflex as rx
 ```
 
+```md alert warning
+# The Reflex MCP integration is currently only available for enterprise customers. Please [book a demo](https://reflex.dev/pricing/) to discuss access.
+```
+
 To use the Reflex MCP integration, you'll need to configure your AI assistant or coding tool to connect to the Reflex MCP server. No additional Python packages are required on your local machine - the server is hosted and ready to use.
 
 ## Prerequisites

docs/ai_builder/integrations/mcp_overview.md

@@ -4,6 +4,10 @@
 import reflex as rx
 ```
 
+```md alert warning
+# The Reflex MCP integration is currently only available for enterprise customers. Please [book a demo](https://reflex.dev/pricing/) to discuss access.
+```
+
 The Reflex [Model Context Protocol (MCP)](https://modelcontextprotocol.io/) integration provides AI assistants and coding tools with structured access to Reflex framework documentation and component information. This enables intelligent assistance while developing Reflex applications.
 
 The Reflex MCP server is deployed at `https://mcp.reflex.dev/mcp` and provides access to component documentation and Reflex documentation through standardized MCP tools.

pcweb/components/docpage/navbar/buttons/sidebar.py

@@ -1,10 +1,12 @@
 import reflex as rx
 from pcweb.components.icons.icons import get_icon
 from pcweb.constants import GITHUB_URL, TWITTER_URL, DISCORD_URL
-from pcweb.pages.docs import getting_started, hosting
+from pcweb.pages.docs import getting_started
+from pcweb.pages.hosting.hosting import hosting_landing
 from pcweb.pages.docs.library import library
 from pcweb.pages.blog import blogs
 from pcweb.pages.gallery import gallery
+from pcweb.pages.framework.framework import framework
 from reflex.style import toggle_color_mode
 
 
@@ -72,8 +74,9 @@ def navbar_sidebar_drawer(trigger) -> rx.Component:
                     drawer_item("Blog", blogs.path, "blog"),
                     drawer_item("Case Studies", "/customers", "customers"),
                     drawer_item("Components", library.path, "library"),
-                    drawer_item("Hosting", hosting.deploy_quick_start.path, "hosting"),
-                    drawer_item("Pricing", "/pricing", "hosting"),
+                    drawer_item("Open Source", framework.path, "open-source"),
+                    drawer_item("Cloud", hosting_landing.path, "hosting"),
+                    drawer_item("Pricing", "/pricing", "pricing"),
                     drawer_socials(),
                     rx.el.button(
                         rx.color_mode.icon(

pcweb/pages/gallery/apps.py

@@ -118,7 +118,7 @@ def page(document, is_reflex_template: bool) -> rx.Component:
                 class_name="w-full h-full xl:rounded-md shadow-small",
                 id="iFrame",
             ),
-            class_name="w-full h-[70vh] text-center flex flex-col gap-y-4 items-center text-slate-10",
+            class_name="w-full h-[80vh] text-center flex flex-col gap-y-4 items-center text-slate-10",
         )
     )
 

pcweb/pages/gallery/gallery.py

@@ -59,7 +59,7 @@ def app_dialog_with_trigger(
                 ),
                 class_name="flex flex-col w-full h-full gap-y-3",
             ),
-            class_name="w-full max-w-[65em] h-[70vh]",
+            class_name="w-full !max-w-[75em] xl:max-w-[85em] 2xl:max-w-[95em] h-[80vh]",
         ),
     )
 
@@ -156,12 +156,14 @@ def create_header():
         class_name="flex flex-col justify-center items-center gap-6 w-full text-center",
     )
 
-
 @webpage(path="/templates", title="Templates · Reflex")
 def gallery() -> rx.Component:
     return rx.el.section(
-        create_header(),
-        create_grid_with_items(),
+        rx.box(
+            create_header(),
+            create_grid_with_items(),
+            class_name="w-full !max-w-[94.5rem] mx-auto",
+        ),
         id="gallery",
-        class_name="flex flex-col mx-auto mt-4 mb-20 px-4 lg:px-6 pt-24 lg:pt-52 w-full",
+        class_name="w-full px-4 pt-24 lg:pt-52 mt-4 mb-20",
     )

pcweb/pages/pricing/header.py

@@ -564,5 +564,9 @@ def header() -> rx.Component:
     return rx.box(
         custom_quote_form(),
         class_name="flex flex-col gap-2 justify-center items-center max-w-[64.19rem] 2xl:border-x border-slate-4 w-full -mb-10 "
-        + rx.cond(HostingBannerState.show_banner, "pt-[11rem]", "pt-[12rem]"),
+        + rx.cond(
+            HostingBannerState.show_banner,
+            "pt-[8rem] lg:pt-[11rem]",
+            "pt-[8rem] lg:pt-[12rem]",
+        ),
     )

pcweb/telemetry/pixels.py

@@ -1,20 +1,29 @@
-from __future__ import annotations
+"""This module contains the pixel trackers for the website."""
 
-import itertools
-from typing import TYPE_CHECKING
+import reflex as rx
 
-from pcweb.telemetry import pixels_google, pixels_koala, pixels_rb2b, pixels_posthog
-
-if TYPE_CHECKING:
-    import reflex as rx
+from reflex_ui.blocks.telemetry import (
+    get_common_room_trackers,
+    get_google_analytics_trackers,
+    get_clearbit_trackers,
+    get_posthog_trackers,
+    get_rb2b_trackers,
+    get_koala_trackers,
+)
 
 
 def get_pixel_website_trackers() -> list[rx.Component]:
-    return list(
-        itertools.chain(
-            pixels_google.get_pixel_website_trackers(),
-            pixels_koala.get_pixel_website_trackers(),
-            pixels_rb2b.get_pixel_rb2b_website_trackers(),
-            pixels_posthog.get_pixel_website_trackers(),
+    """Get the pixel trackers for the website."""
+
+    return [
+        get_common_room_trackers(site_id="b608b3c3-5dea-4365-b685-6b6635c7fda5"),
+        get_koala_trackers(
+            public_api_key="pk_733c6bff981543743bd2d53b4d7e95cc9b3f",
+        ),
+        *get_google_analytics_trackers(tracking_id="G-4T7C8ZD9TR"),
+        get_clearbit_trackers(public_key="pk_3d711a6e26de5ddb47443d8db170d506"),
+        get_posthog_trackers(
+            project_id="phc_A0MAR0wCGhXrizWmowRZcYqyZ8PMhPPQW06KEwD43aC"
         ),
-    )
+        *get_rb2b_trackers(),
+    ]