Update Databricks page content and layout

- Combined middle_text and integrations sections into unified section
- Updated CTA to use 'See Documentation' instead of 'Book a call'
- Removed top documentation button from integrations header
- Added comprehensive Databricks integration description
- Narrowed text column width for better readability
- Removed redundant middle_text.py file
- Updated page flow: hero -> video -> integrations (with text + diagram) -> security -> cta

Author: Alek99

pcweb/components/lemcal_modal.py

@@ -0,0 +1,44 @@
+"""Reusable Lemcal modal component for booking demos."""
+
+import reflex as rx
+
+
+class LemcalModalState(rx.State):
+    is_open: bool = False
+
+    @rx.event
+    def open(self):
+        self.is_open = True
+
+    @rx.event
+    def close(self):
+        self.is_open = False
+
+
+@rx.memo
+def lemcal_booking_calendar():
+    return rx.el.div(
+        class_name="lemcal-embed-booking-calendar",
+        custom_attrs={
+            "data-user": "usr_8tiwtJ8nEJaFj2qH9",
+            "data-meeting-type": "met_ToQQ9dLZDYrEBv5qz",
+        },
+        on_mount=rx.call_function("window.lemcal.refresh"),
+    )
+
+
+def lemcal_modal() -> rx.Component:
+    """Reusable lemcal modal component that can be used anywhere in the app."""
+    return rx.cond(
+        LemcalModalState.is_open,
+        rx.box(
+            rx.el.div(
+                rx.box(
+                    lemcal_booking_calendar(),
+                ),
+                class_name="fixed inset-0 bg-black/40 backdrop-blur-sm z-[9999] flex items-center justify-center",
+                on_click=LemcalModalState.close,
+            ),
+        ),
+        rx.fragment(),
+    )

pcweb/pages/databricks/databricks.py

@@ -4,7 +4,6 @@
 from pcweb.pages.databricks.views.cta import final_cta
 from pcweb.pages.databricks.views.hero import hero
 from pcweb.pages.databricks.views.integrations import integrations
-from pcweb.pages.databricks.views.middle_text import middle_text
 from pcweb.pages.databricks.views.security import security
 from pcweb.pages.databricks.views.video import video
 from pcweb.templates.mainpage import mainpage
@@ -24,7 +23,6 @@ def databricks_page():
         hero(),
         video(),
         integrations(),
-        middle_text(),
         security(),
         final_cta(),
         class_name="flex flex-col size-full justify-center items-center",

pcweb/pages/databricks/views/cta.py

@@ -1,22 +1,24 @@
 import reflex as rx
 import reflex_ui as ui
-from reflex_ui.blocks.lemcal import lemcal_dialog
 
 from pcweb.components.numbers_pattern import numbers_pattern
+from pcweb.pages.docs import ai_builder
 
 
 def content() -> rx.Component:
     return rx.el.div(
         rx.el.h2(
-            "Get a personalized walkthrough of Reflex for Databricks for your company",
+            "See how it works",
             class_name="text-slate-12 lg:text-4xl text-3xl font-semibold text-center",
         ),
-        lemcal_dialog(
-            ui.button(
-                "Get Personalized Walkthrough",
+        ui.link(
+            render_=ui.button(
+                "Databricks Documentation",
                 size="lg",
                 class_name="font-semibold mt-8 h-10",
-            )
+            ),
+            to=ai_builder.integrations.databricks.path,
+            target="_blank",
         ),
         class_name="flex flex-col items-center mx-auto w-full justify-center max-w-[42rem]",
     )

pcweb/pages/databricks/views/hero.py

@@ -14,7 +14,7 @@ def hero() -> rx.Component:
             class_name="lg:top-[65px] top-[45px] lg:h-[calc(100%-65px)] h-[calc(100%-45px)]",
         ),
         rx.el.h1(
-            "Reflex X Databricks",
+            "Reflex x Databricks",
             class_name="text-slate-12 lg:text-4xl text-3xl font-semibold text-center lg:max-w-[576px] text-balance",
         ),
         rx.el.h2(

pcweb/pages/databricks/views/integrations.py

@@ -13,18 +13,9 @@ def header() -> rx.Component:
             class_name="flex flex-row gap-2 items-center text-primary-9",
         ),
         rx.el.h2(
-            "Integrate with Everything in Databricks and deploy directly to Databricks apps.",
+            "Integrate with Everything in Databricks",
             class_name="max-w-full w-full lg:text-3xl text-2xl text-center text-slate-12 font-semibold text-balance",
         ),
-        ui.link(
-            render_=ui.button(
-                "See Integration Guide",
-                size="lg",
-                class_name="w-fit font-semibold rounded-[0.625rem] mx-auto mt-4",
-            ),
-            to=ai_builder.integrations.databricks.path,
-            target="_blank",
-        ),
         class_name="flex flex-col gap-4 items-center justify-center w-full relative overflow-hidden mx-auto",
     )
 
@@ -143,11 +134,43 @@ def integrations_row() -> rx.Component:
     )
 
 
+def content_text() -> rx.Component:
+    return rx.el.div(
+        rx.el.p(
+            "With Reflex's Databricks integration, you can build customizable, performant web apps that seamlessly leverage Databricks' powerful data and AI services — including SQL Warehouse, Unity Catalog, Genie AI, and OAuth-based authentication. These are just a few examples — Reflex can hook into most Databricks services, giving you the flexibility to integrate analytics, governance, AI, and data pipelines directly into your apps.",
+            class_name="text-slate-12 text-center mb-6",
+        ),
+        rx.el.div(
+            rx.el.p(
+                "This integration enables you to:",
+                class_name="text-slate-12 text-center font-medium mb-4",
+            ),
+            rx.el.ul(
+                rx.el.li("Query and visualize data directly from Databricks SQL Warehouses.", class_name="text-slate-12 mb-2"),
+                rx.el.li("Securely manage access and permissions through Unity Catalog and OAuth.", class_name="text-slate-12 mb-2"),
+                rx.el.li("Incorporate AI-driven insights and automation using Genie AI.", class_name="text-slate-12 mb-2"),
+                rx.el.li("Build responsive, production-grade interfaces in Python with Reflex's simple yet powerful framework.", class_name="text-slate-12 mb-2"),
+                class_name="text-left max-w-2xl mx-auto mb-6 space-y-2",
+            ),
+        ),
+        rx.el.p(
+            "Once your app is ready, you can deploy it directly to Databricks Apps, ensuring that all data, compute, and governance remain fully within your organization's Databricks environment — maintaining compliance, security, and performance at scale.",
+            class_name="text-slate-12 text-center mb-6",
+        ),
+        rx.el.p(
+            "With Reflex + Databricks, you can transform data workflows, analytics dashboards, and AI interfaces into interactive, secure, and enterprise-ready applications — all without leaving your Databricks ecosystem.",
+            class_name="text-slate-12 text-center font-medium mb-8",
+        ),
+        class_name="flex flex-col items-center mx-auto w-full justify-center max-w-[36rem] mt-8",
+    )
+
+
 def integrations() -> rx.Component:
     return rx.el.section(
         numbers_pattern(side="left", class_name="left-0 top-0"),
         numbers_pattern(side="right", class_name="right-0 top-0"),
         header(),
+        content_text(),
         integrations_row(),
         class_name="flex flex-col items-center mx-auto w-full max-w-[64.19rem] lg:border-x border-slate-3 relative overflow-hidden lg:pb-26 pb-20 pt-20 lg:border-b",
     )

pcweb/pages/databricks/views/middle_text.py

@@ -32,7 +32,7 @@ def text() -> rx.Component:
         rx.el.h2(
             "Build With Reflex. ",
             rx.el.span(
-                "A Single Platform to Build With AI And Iterate in Python",
+                "Deploy your apps directly to Databricks Apps.",
                 class_name="text-slate-10 lg:text-3xl text-2xl font-semibold",
             ),
             class_name="text-slate-12 lg:text-3xl text-2xl font-semibold max-w-[57rem]",

pcweb/pages/databricks/views/video.py

@@ -10,7 +10,7 @@
 - Incorrect: WHITELISTED_PAGES = ["/docs/getting-started/introduction/"]
 """
 
-WHITELISTED_PAGES = []
+WHITELISTED_PAGES = ["/databricks"]
 
 
 def _check_whitelisted_path(path: str):