Add on-premises deployment blog post and banner

- Add new blog post about Reflex Build on-premises deployment
- Add banner linking to on-premises blog post
- Update blog image display to prevent cropping
- Add images: on-prem.png, industries.png, connection.png

Author: Alek99

assets/blog/connection.png

@@ -0,0 +1,139 @@
+---
+author: Reflex Team
+date: 2025-12-05
+title: Reflex Build On-Prem - A Secure Builder Running in Your Environment
+description: Run Reflex Build on your own infrastructure with full control, security, and compliance.
+image: /blog/on-prem.png
+meta: [
+    {
+      "name": "keywords",
+      "content": "
+        on-premises deployment,
+        self-hosted reflex,
+        enterprise deployment,
+        private cloud deployment,
+        air-gapped deployment,
+        reflex enterprise,
+        secure app deployment,
+        compliance-ready deployment,
+        infrastructure control,
+        enterprise security,
+        data sovereignty,
+        private infrastructure,
+        reflex self-hosting,
+        enterprise python apps,
+        secure web app deployment,
+      "
+    },
+]
+---
+
+```python exec
+import reflex as rx
+from pcweb import pages, constants
+from reflex_image_zoom import image_zoom
+```
+
+For organizations with strict security, compliance, or data sovereignty requirements, building applications on your own infrastructure isn't just a preference—it's a necessity. With Reflex Enterprise, you can now run **Reflex Build**—our AI-powered app builder—on-premises or in your own private cloud, giving you complete control over your development environment while maintaining all the productivity benefits of building apps with AI.
+
+## Why On-Premises Deployment?
+
+Many enterprises face unique challenges that require on-premises solutions:
+
+```python eval
+rx.el.div(
+    image_zoom(
+        rx.image(
+            src="/blog/connection.png",
+            class_name="p-2 rounded-md h-auto w-full",
+            border=f"0.81px solid {rx.color('slate', 5)}",
+        ),
+        class_name="rounded-md overflow-hidden",
+    ),
+    class_name="w-full flex flex-col rounded-md cursor-pointer py-6",
+)
+```
+
+### Security and Compliance
+
+Organizations in regulated industries—finance, healthcare, government, and defense—often have strict requirements about where their data can reside and how applications must be secured. On-premises deployment ensures:
+
+- **Data Sovereignty**: Your data never leaves your infrastructure
+- **Compliance**: Meet HIPAA, SOC 2, GDPR, and other regulatory requirements
+- **Air-Gapped Environments**: Deploy in completely isolated networks
+- **Custom Security Policies**: Implement your own security controls and monitoring
+
+### Infrastructure Control
+
+Some organizations need full control over their infrastructure:
+
+- **Existing Cloud Investments**: Leverage your current AWS, Azure, or GCP infrastructure
+- **Custom Networking**: Integrate with your existing network architecture
+- **Resource Management**: Allocate resources according to your policies
+- **Integration Requirements**: Connect with internal systems and services
+
+## What's Included
+
+Reflex Enterprise on-premises deployment includes Reflex Build running securely in your environment:
+
+### Infrastructure & Deployment
+
+- **Complete Deployment on Your Infrastructure**: Full deployment with standard Helm charts and Docker containerization
+- **Fully Maintained by Reflex Team**: Automatic updates with latest security patches and features
+- **System Integration**: Full integration with your PostgreSQL databases and internal backend systems
+- **Performance Optimization**: Container lifecycle optimization and real-time state synchronization
+
+### Data Sovereignty & Security
+
+- **Zero PII Collection**: No Personally Identifiable Information collected
+- **Strict Data Confinement**: All data remains exclusively within your controlled infrastructure
+- **Access Control**: Data accessible only by authorized personnel, compliant with your security protocols
+- **SSO/SAML Integration**: Connect with your existing identity provider
+- **Audit Logs**: Complete audit trail of all builder activities
+
+### Builder Features
+
+- **AI-Powered App Building**: Build full-stack Python web apps using natural language prompts
+- **Private Projects**: Keep all projects private within your infrastructure
+- **Team Collaboration**: Manage team members and access controls
+- **Enterprise Integrations**: Connect with all your company's internal services, documentation, databases, and APIs
+- **Download App Code**: Export generated app code for full control
+
+## Use Cases
+
+```python eval
+rx.el.div(
+    image_zoom(
+        rx.image(
+            src="/blog/industries.png",
+            class_name="p-2 rounded-md h-auto w-full",
+            border=f"0.81px solid {rx.color('slate', 5)}",
+        ),
+        class_name="rounded-md overflow-hidden",
+    ),
+    class_name="w-full flex flex-col rounded-md cursor-pointer py-6",
+)
+```
+
+### Financial Services
+
+Financial institutions need to build internal tools and customer-facing apps while ensuring all code generation and app development happens within their controlled infrastructure. Reflex Build on-premises enables secure AI-powered app building in air-gapped environments.
+
+### Government and Defense
+
+Organizations with strict security requirements can use Reflex Build in completely isolated networks, meeting the highest security standards while leveraging AI to build modern web applications without exposing sensitive data.
+
+### Healthcare
+
+Healthcare organizations can run Reflex Build on-premises to meet HIPAA requirements, ensuring all app building activities and generated code remain within their controlled infrastructure.
+
+### Multi-Cloud Enterprises
+
+Large enterprises can run Reflex Build inside their own AWS and Azure environments, integrating with their existing SSO, logging, and infrastructure management systems while maintaining complete control over the development process.
+
+## What's Next
+
+If you're interested in deploying Reflex on-premises, [book a demo]({constants.REFLEX_CLOUD_URL}) to discuss your specific requirements. Our team will work with you to design a deployment that meets your security, compliance, and infrastructure needs.
+
+With Reflex Build on-premises, you get the best of both worlds: the power and productivity of AI-powered app building, with the control and security of your own infrastructure. Build full-stack Python web apps faster than ever, all while keeping your code, data, and development process completely within your controlled environment.
+

assets/blog/industries.png

@@ -10,6 +10,7 @@ def glow() -> rx.Component:
 
 
 POST_LINK = "https://www.producthunt.com/products/reflex-5?launch=reflex-7"
+BLOG_LINK = "/blog/2025-12-05-on-premises-deployment/"
 
 # October 25, 2025 12:01 AM PDT (UTC-7) = October 25, 2025 07:01 AM UTC
 DEADLINE = datetime.datetime(2025, 10, 25, 7, 1, tzinfo=datetime.UTC)
@@ -28,6 +29,11 @@ def check_deadline(self):
         if datetime.datetime.now(datetime.UTC) < DEADLINE:
             self.show_banner = True
 
+    @rx.event
+    def show_blog_banner(self):
+        """Show the on-premises blog banner."""
+        self.show_banner = True
+
     @rx.var
     def is_banner_visible(self) -> bool:
         return self.show_banner and not self.force_hide_banner
@@ -64,46 +70,35 @@ def hosting_banner() -> rx.Component:
                         rx.box(
                             # Header text with responsive spans
                             rx.el.span(
-                                "Launch",
+                                "New",
                                 class_name="items-center font-medium px-1.5 h-5 rounded-md text-xs bg-violet-9 text-slate-1 z-[1] inline-flex",
                             ),
                             rx.text(
                                 rx.el.span(
-                                    "We're live on Product Hunt - ",
+                                    "Reflex Build On-Prem - A secure builder running in your environment.",
                                     class_name="inline-block text-slate-12 font-semibold text-sm",
                                 ),
-                                # Mobile CTA: inline on small, hidden on md+
-                                rx.el.span(
-                                    " 50% ",
-                                    class_name="text-slate-12 font-semibold text-sm underline decoration-slate-11",
-                                ),
-                                rx.el.span(
-                                    " launch",
-                                    class_name="text-slate-12 font-semibold text-sm underline decoration-slate-11 hidden md:inline-block",
-                                ),
-                                rx.el.span(
-                                    " discount!",
-                                    class_name="text-slate-12 font-semibold text-sm underline decoration-slate-11",
-                                ),
                                 class_name="text-slate-12 font-semibold text-sm z-[1]",
                             ),
-                            # Standalone CTA button: hidden on small, inline on md+
-                            timer(),
+                            rx.el.span(
+                                "Learn more",
+                                class_name="text-slate-12 font-semibold text-sm underline decoration-slate-11",
+                            ),
                             class_name="flex items-center md:gap-3.5 gap-2",
                         )
                     ),
                     glow(),
-                    to=POST_LINK,
-                    target="_blank",
+                    to=BLOG_LINK,
+                    is_external=False,
                 ),
                 rx.icon(
                     "x",
                     on_click=HostingBannerState.hide_banner,
                     size=16,
-                    class_name="cursor-pointer hover:!text-slate-11 transition-color !text-slate-9 absolute right-4 z-10",
+                    class_name="cursor-pointer hover:!text-slate-11 transition-color !text-slate-9 absolute right-6 lg:right-4 z-10",
                 ),
-                class_name="px-4 lg:px-6 w-screen h-[2rem] lg:h-[3.5rem] shadow-[inset_0_-1px_0_0_var(--c-slate-3)] flex items-center justify-between md:justify-center bg-slate-1 flex-row gap-4 overflow-hidden relative lg:py-0 py-2 max-w-full group",
+                class_name="px-6 lg:px-6 w-screen min-h-[3rem] lg:h-[3.5rem] shadow-[inset_0_-1px_0_0_var(--c-slate-3)] flex items-center justify-between md:justify-center bg-slate-1 flex-row gap-4 overflow-hidden relative lg:py-0 py-3 max-w-full group",
             ),
         ),
-        on_mount=HostingBannerState.check_deadline,
+        on_mount=HostingBannerState.show_blog_banner,
     )

assets/blog/on-prem.png

@@ -18,7 +18,7 @@ def first_post_card(meta: dict, path: str) -> rx.Component:
                 alt="Image preview for blog post: " + str(meta["title"]),
                 class_name="group-hover:scale-105 w-full h-full transition-transform duration-150 ease-out object-center object-cover",
             ),
-            class_name="relative flex-shrink-0 w-1/2 h-[18rem] overflow-hidden border-r border-solid border-slate-5",
+            class_name="relative flex-shrink-0 w-2/5 h-[18rem] overflow-hidden border-r border-solid border-slate-5",
         ),
         rx.box(
             rx.box(

blog/2025-12-05-on-premises-deployment.md

@@ -92,7 +92,7 @@ def page(document, route) -> rx.Component:
                 src=f"{meta['image']}",
                 alt=f"Image for blog post: {meta['title']}",
                 loading="lazy",
-                class_name="rounded-[1.125rem] w-auto object-cover max-w-full max-h-[25rem] aspect-[2/1]",
+                class_name="rounded-[1.125rem] w-auto object-contain max-w-full max-h-[40rem]",
             ),
             rx.box(
                 xd.render(document, document.filename),