Merge remote-tracking branch 'origin/main' into ahmad/pricing

LineIndent · LineIndent · commit 467828fce659 · 2025-08-25T20:50:30.000+03:00
diff --git a/assets/reflex_build_template_images/behavioral_ops_dashboard.png b/assets/reflex_build_template_images/behavioral_ops_dashboard.png
diff --git a/assets/reflex_build_template_images/delivery_ops_dashboard.png b/assets/reflex_build_template_images/delivery_ops_dashboard.png
diff --git a/assets/reflex_build_template_images/knowledge_chat.png b/assets/reflex_build_template_images/knowledge_chat.png
diff --git a/pcweb/components/docpage/navbar/navbar.py b/pcweb/components/docpage/navbar/navbar.py
@@ -433,16 +433,18 @@ def new_component_section() -> rx.Component:
                     rx.badge(
                         "Docs",
                         variant="surface",
-                        class_name="text-violet-9 xl:flex hidden text-sm",
-                        display=rx.cond(
-                            rx.State.router.page.path.contains("docs")
-                            | rx.State.router.page.path.contains("ai-builder")
-                            | rx.State.router.page.path.contains("cloud"),
-                            "block",
-                            "none",
-                        ),
+                        class_name=(
+                            "text-violet-9 text-sm "
+                            + rx.cond(
+                                rx.State.router.page.path.contains("docs")
+                                | rx.State.router.page.path.contains("ai-builder")
+                                | rx.State.router.page.path.contains("cloud"),
+                                "hidden lg:flex",
+                                "hidden",
+                            )
+                        )
                     ),
-                    class_name="flex flex-row gap-x-0",
+                    class_name="flex flex-row gap-x-0 items-center",
                 ),
             ),
             rx.cond(
diff --git a/pcweb/constants.py b/pcweb/constants.py
@@ -2,9 +2,6 @@
 
 # pcweb constants.
 API_BASE_URL_LOOPS: str = "https://app.loops.so/api/v1"
-REFLEX_DEV_WEB_LANDING_FORM_URL_GET_DEMO: str = (
-    "https://cal.com/forms/f87bd9b2-b339-4915-b4d4-0098e2db4394"
-)
 REFLEX_DEV_WEB_LANDING_FORM_SALES_CALL_WEBHOOK_URL: str = (
     "https://hooks.zapier.com/hooks/catch/20661176/2s1nxp9/"
 )
diff --git a/pcweb/pages/demo/header.py b/pcweb/pages/demo/header.py
@@ -31,7 +31,8 @@ def custom_quote_form() -> rx.Component:
             ),
             class_name="grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-16 max-w-7xl mx-auto items-start",
         ),
-        class_name="py-12 sm:py-20 px-4 sm:px-8",
+        id="demo-form",
+        class_name="py-12 sm:py-20 px-4 sm:px-8 scroll-m-20",
     )
 
 
diff --git a/pcweb/pages/framework/components/hero.py b/pcweb/pages/framework/components/hero.py
@@ -2,7 +2,6 @@
 
 from pcweb.components.button import button
 from pcweb.components.icons.icons import get_icon
-from pcweb.constants import REFLEX_DEV_WEB_LANDING_FORM_URL_GET_DEMO
 from pcweb.pages.docs import getting_started
 from pcweb.pages.framework.demos.demos import demo_section
 
diff --git a/pcweb/pages/framework/views/hero.py b/pcweb/pages/framework/views/hero.py
@@ -2,7 +2,6 @@
 
 from pcweb.components.button import button
 from pcweb.components.icons.icons import get_icon
-from pcweb.constants import REFLEX_DEV_WEB_LANDING_FORM_URL_GET_DEMO
 from pcweb.pages.docs import getting_started
 
 
diff --git a/pcweb/pages/hosting/views/hero.py b/pcweb/pages/hosting/views/hero.py
@@ -1,7 +1,6 @@
 import reflex as rx
 from pcweb.components.new_button import button
 from pcweb.pages.docs import hosting
-from pcweb.constants import REFLEX_DEV_WEB_LANDING_FORM_URL_GET_DEMO
 from pcweb.components.hosting_banner import HostingBannerState
 
 
diff --git a/pcweb/pages/pricing/faq.py b/pcweb/pages/pricing/faq.py
@@ -1,6 +1,5 @@
 import reflex as rx
 from pcweb.components.button import button
-from pcweb.constants import REFLEX_DEV_WEB_LANDING_FORM_URL_GET_DEMO
 
 
 def glow() -> rx.Component:
@@ -31,8 +30,7 @@ def sales_button() -> rx.Component:
             variant="secondary",
             class_name="!text-slate-11 !font-semibold !text-sm",
         ),
-        href=REFLEX_DEV_WEB_LANDING_FORM_URL_GET_DEMO,
-        is_external=True,
+        href="#demo-form",
         class_name="self-center relative",
     )
 
diff --git a/pcweb/pages/pricing/table.py b/pcweb/pages/pricing/table.py
@@ -1,6 +1,5 @@
 import reflex as rx
 from pcweb.components.button import button
-from pcweb.constants import REFLEX_DEV_WEB_LANDING_FORM_URL_GET_DEMO
 
 STYLES = {
     "cell": "text-slate-12 font-medium text-sm whitespace-nowrap",
@@ -186,8 +185,8 @@ def create_action_button(
             variant=variant,
             class_name=f"{STYLES['button_base']} {extra_styles}",
         ),
-        href=REFLEX_DEV_WEB_LANDING_FORM_URL_GET_DEMO,
-        is_external=True,
+        href="#demo-form",
+        is_external=False,
         underline="none",
         class_name="w-full flex justify-center items-center",
     )
@@ -223,11 +222,14 @@ def create_table_row_header(
     # Compose the header cell content
     header_content = rx.el.div(
         rx.el.span(name),
-        rx.badge(
-            badge, class_name="ml-2 bg-violet-2 text-violet-11 border border-violet-5"
-        )
-        if badge
-        else None,
+        (
+            rx.badge(
+                badge,
+                class_name="ml-2 bg-violet-2 text-violet-11 border border-violet-5",
+            )
+            if badge
+            else None
+        ),
         rx.badge("coming soon", margin_left="0.5rem") if coming_soon else None,
         class_name="flex items-center gap-x-2",
     )
@@ -286,11 +288,14 @@ def create_feature_row(feature: str, description: str) -> rx.Component:
 def create_feature_table_header(section: str, badge: str = None) -> rx.Component:
     header_content = rx.el.div(
         rx.el.span(section),
-        rx.badge(
-            badge, class_name="ml-2 bg-violet-2 text-violet-11 border border-violet-5"
-        )
-        if badge
-        else None,
+        (
+            rx.badge(
+                badge,
+                class_name="ml-2 bg-violet-2 text-violet-11 border border-violet-5",
+            )
+            if badge
+            else None
+        ),
         class_name="flex items-center gap-x-2",
     )
     return rx.table.row(
diff --git a/reflex_build_templates/behavioral_ops_dashboard.md b/reflex_build_templates/behavioral_ops_dashboard.md
@@ -0,0 +1,40 @@
+---
+title: behavioral_ops_dashboard
+description: "Behavioral cohort dashboard for product and marketing teams to create, analyze, and schedule user segments for ongoing insights."
+author: "Reflex"
+image: "behavioral_ops_dashboard.png"
+demo: ""
+video: "https://www.youtube.com/embed/XiSVMcx2Fqw"
+meta: [
+    {"name": "keywords", "content": "behavioral cohort explorer, user segmentation dashboard, product analytics, marketing analytics, cohort scheduling, Reflex app"},
+]
+tags: ["Dashboard", "Behavioral Analytics", "Cohort Analysis", "Product Growth", "Marketing Insights"]
+---
+
+# Behavioral Ops Dashboard
+
+The **Behavioral Ops Dashboard** is a cohort exploration tool that helps product and marketing teams **slice users into precise cohorts** using an intuitive drag-and-drop GUI.
+Teams can export these cohorts or schedule them for continuous tracking, unlocking a deeper understanding of customer behavior across product usage, campaigns, and retention cycles.
+
+This dashboard brings behavioral data closer to decision-makers by combining flexible segmentation logic with automated reporting and visualization.
+
+**Industry**
+SaaS · Consumer Apps · E-commerce · Media & Entertainment
+
+**End users**
+Product Managers · Growth Marketers · Data Analysts · Customer Insights Teams
+
+**Components**
+Drag-and-Drop Cohort Builder · Segmentation Filters · Scheduled Exports · Behavioral Trend Charts · Retention Analytics · Campaign Performance Panels
+
+
+### What you can build
+
+* **Dynamic Cohort Creation** – build user groups based on attributes, events, and time-based behaviors.
+* **Drag-and-Drop Segmentation** – empower non-technical teams with a GUI to create complex filters without SQL.
+* **Scheduled Cohorts** – automate exports to BI tools, CRMs, or ad platforms for continuous monitoring.
+* **Behavioral Trends** – visualize how cohorts evolve over time, tracking retention, engagement, or churn.
+* **Campaign Analysis** – measure how marketing actions affect different cohorts and compare results.
+* **Product Insights** – identify which features drive adoption, stickiness, or drop-off.
+
+Built with Reflex, this dashboard bridges the gap between raw event data and actionable cohort insights, helping teams experiment, measure, and grow faster.
diff --git a/reflex_build_templates/delivery_ops_dashboard.md b/reflex_build_templates/delivery_ops_dashboard.md
@@ -0,0 +1,41 @@
+---
+title: delivery_ops_dashboard
+description: "Real-time delivery operations dashboard for tracking orders, drivers, routes, and performance metrics across logistics and fulfillment networks."
+author: "Reflex"
+image: "delivery_ops_dashboard.png"
+demo: ""
+video: "https://www.youtube.com/embed/zmQt6w3U6Cw"
+meta: [
+    {"name": "keywords", "content": "delivery operations dashboard, logistics tracking, fleet management, order fulfillment, route optimization, Reflex app"},
+]
+tags: ["Dashboard", "Logistics", "Delivery", "Operations"]
+---
+
+
+# Delivery Operations Dashboard
+
+Managing deliveries at scale requires constant visibility into orders, drivers, and routes.
+This Reflex-powered Delivery Operations Dashboard provides a centralized platform for logistics teams to monitor shipments, optimize delivery performance, and keep customers updated in real time.
+
+From last-mile delivery tracking to fleet utilization and SLA compliance, this dashboard gives you the insights to streamline operations end-to-end.
+
+**Industry**
+E-commerce · Logistics · Food Delivery · Transportation · Supply Chain
+
+**End users**
+Operations Managers · Fleet Coordinators · Dispatchers · Delivery Drivers · Customer Support Teams
+
+**Components**
+Order Tracking Tables · Live Route Maps · Driver Status Indicators · SLA Compliance Monitors · Fleet Utilization Charts · Customer Feedback Panels
+
+
+### What you can build
+
+* **Order Tracking Console** – view all active, pending, and completed deliveries in real time with searchable filters.
+* **Driver & Fleet Status** – monitor driver availability, vehicle usage, and delivery capacity with live updates.
+* **Route Optimization Map** – integrate with mapping APIs to show optimized delivery routes and real-time driver locations.
+* **Delivery SLA Monitor** – track on-time vs delayed deliveries and surface alerts for high-priority shipments.
+* **Customer Feedback Insights** – collect and visualize customer ratings, complaints, and satisfaction trends.
+* **Performance Analytics** – compare delivery speed, success rates, and route efficiency across regions or teams.
+
+Built entirely with Reflex and Python logic, this dashboard integrates seamlessly with logistics APIs, GPS trackers, and order management systems to create a powerful command center for delivery operations.
diff --git a/reflex_build_templates/knowledge_chat.md b/reflex_build_templates/knowledge_chat.md
@@ -0,0 +1,41 @@
+---
+title: knowledge_chat
+description: "AI-powered knowledge assistant for real-time Q&A, document search, and collaborative insights across teams."
+author: "Reflex"
+image: "knowledge_chat.png"
+demo: ""
+video: "https://www.youtube.com/embed/Aob6Fv-T3wg"
+meta: [
+    {"name": "keywords", "content": "knowledge chat, AI assistant, Q&A, document search, enterprise knowledge base, team collaboration, Reflex app"},
+]
+tags: ["AI", "Chat", "Knowledge Management", "Collaboration", "Assistant"]
+---
+
+
+# Knowledge Chat
+
+Modern teams are overwhelmed by scattered information across documents, wikis, tickets, and dashboards.
+The **Knowledge Chat** app turns this chaos into clarity, giving your team a single conversational interface to ask questions, search across knowledge sources, and collaborate in real time.
+
+With an AI-powered chat assistant layered on top of your knowledge base, teams can discover answers instantly, surface relevant documents, and accelerate decision-making—all inside one Reflex app.
+
+**Industry**
+Enterprise · SaaS · Customer Support · Research · Consulting · Knowledge Management
+
+**End users**
+Product Teams · Customer Support Agents · Analysts · Researchers · Knowledge Managers
+
+**Components**
+Chat Interface · Context-Aware Search · Document Viewer · Answer Summaries · Conversation History · Source Citations
+
+
+### What you can build
+
+* **Unified Knowledge Search** – connect documents, wikis, tickets, and dashboards into one conversational search hub.
+* **AI-Powered Q&A** – ask natural language questions and get instant answers with links back to original sources.
+* **Collaboration Mode** – share answers, threads, and insights with teammates directly in chat.
+* **Smart Summaries** – generate concise takeaways from lengthy documents, tickets, or reports.
+* **Citation & Traceability** – provide transparent links to underlying knowledge sources for trust and verification.
+* **Conversation Memory** – revisit past queries, insights, and team discussions in a persistent chat history.
+
+Built with Reflex and Python logic, this app integrates seamlessly with your knowledge systems and large language models, making it a powerful, real-time assistant for team knowledge workflows.

Original file line number	Diff line number	Diff line change
`@@ -2,9 +2,6 @@`
`2`	`2`
`3`	`3`	`# pcweb constants.`
`4`	`4`	`API_BASE_URL_LOOPS: str = "https://app.loops.so/api/v1"`
`5`		`-REFLEX_DEV_WEB_LANDING_FORM_URL_GET_DEMO: str = (`
`6`		`- "https://cal.com/forms/f87bd9b2-b339-4915-b4d4-0098e2db4394"`
`7`		`-)`
`8`	`5`	`REFLEX_DEV_WEB_LANDING_FORM_SALES_CALL_WEBHOOK_URL: str = (`
`9`	`6`	`"https://hooks.zapier.com/hooks/catch/20661176/2s1nxp9/"`
`10`	`7`	`)`
Original file line number	Diff line number	Diff line change
`@@ -31,7 +31,8 @@ def custom_quote_form() -> rx.Component:`
`31`	`31`	`),`
`32`	`32`	`class_name="grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-16 max-w-7xl mx-auto items-start",`
`33`	`33`	`),`
`34`		`- class_name="py-12 sm:py-20 px-4 sm:px-8",`
	`34`	`+ id="demo-form",`
	`35`	`+ class_name="py-12 sm:py-20 px-4 sm:px-8 scroll-m-20",`
`35`	`36`	`)`
`36`	`37`
`37`	`38`