ENG-8908: Blog cards updates (#1763)

carlosabadia · web-flow · commit db9058b81e58 · 2026-02-27T10:35:34.000-08:00
* ENG-8908: Blog cards updates

* show 2

* updates
diff --git a/blog/2023-06-28-rebrand-to-reflex.md b/blog/2023-06-28-rebrand-to-reflex.md
@@ -4,6 +4,7 @@ date: 2023-06-28
 title: Pynecone is now Reflex
 description: We have some exciting news to share about the next stage of our company!
 image: /reflex_banner.png
+tag: Announcements
 meta: [
     {"name": "keywords", "content": ""},
 ]
diff --git a/blog/2023-08-02-seed-annoucement.md b/blog/2023-08-02-seed-annoucement.md
@@ -4,6 +4,7 @@ date: 2023-08-02
 title: Announcing our Seed Round
 description: Reflex has raised a $5M seed led by Lux Capital.
 image: /blog/fundraise_dark.webp
+tag: Announcements
 meta: [
     {"name": "keywords", "content": ""},
 ]
diff --git a/blog/2023-09-28-unlocking-new-workflows-with-background-tasks.md b/blog/2023-09-28-unlocking-new-workflows-with-background-tasks.md
@@ -4,6 +4,7 @@ date: 2023-09-28
 title: Unlocking New Workflows with Background Tasks
 description: What is a background task and how can it help you build better apps?
 image: /blog/background_tasks.webp
+tag: Open Source
 meta: [
     {"name": "keywords", "content": ""},
 ]
diff --git a/blog/2023-10-11-graphing-update.md b/blog/2023-10-11-graphing-update.md
@@ -4,6 +4,7 @@ date: 2023-10-11
 title: "New Core Graphing Components"
 description: "Using Reflex's new core graphing feature to build a live streaming graphing app."
 image: /blog/graphing.webp
+tag: Open Source
 meta: [
     {"name": "keywords", "content": ""},
 ]
diff --git a/blog/2023-10-25-implementing-sign-in-with-google.md b/blog/2023-10-25-implementing-sign-in-with-google.md
@@ -4,6 +4,7 @@ date: 2023-10-25
 title: "Implementing Sign In with Google"
 description: "How to wrap a third-party auth component and integrate it into a Reflex app."
 image: /blog/google_auth.webp
+tag: Open Source
 meta: [
     {"name": "keywords", "content": ""},
 ]
diff --git a/blog/2024-02-16-reflex-v0-4-0.md b/blog/2024-02-16-reflex-v0-4-0.md
@@ -4,6 +4,7 @@ date: 2024-02-16
 title: "Reflex v0.4.0"
 description: "New features coming in the 0.4.0 release."
 image: /blog/reflex-040.webp
+tag: Open Source
 meta: [
     {"name": "keywords", "content": ""},
 ]
diff --git a/blog/2024-03-21-reflex-architecture.md b/blog/2024-03-21-reflex-architecture.md
@@ -4,6 +4,7 @@ date: 2024-03-21
 title: Designing a Pure Python Web Framework
 description: A look at how Reflex works under the hood.
 image: /blog/web_framework.webp
+tag: Open Source
 meta: [
     {"name": "keywords", "content": "python web app, python web app framework, web app framework python, python web apps, web app python, react python websocket, python react, react python, react with python, python and react js, react js with python, python and react, react js python"},
 ]
diff --git a/blog/2024-03-27-structuring-a-large-app.md b/blog/2024-03-27-structuring-a-large-app.md
@@ -4,6 +4,7 @@ date: 2024-03-27
 title: "Structuring a Large App"
 description: "So your Reflex app is getting large? Here's some advice on how to lay it out."
 image: /blog/project_structure.webp
+tag: Open Source
 meta: [
     {"name": "keywords", "content": ""},
 ]
diff --git a/blog/2024-04-16-custom-components.md b/blog/2024-04-16-custom-components.md
@@ -4,6 +4,7 @@ date: 2024-04-16
 title: Custom Components
 description: Announcing our custom component ecosystem.
 image: /blog/custom_components.webp
+tag: Open Source
 meta: [
     {"name": "keywords", "content": ""},
 ]
diff --git a/blog/2024-06-28-using-table-component.md b/blog/2024-06-28-using-table-component.md
@@ -4,6 +4,7 @@ date: 2024-06-28
 title: Creating Tables in Reflex
 description: Describing main uses of the Table component with a Database
 image: /blog/table.webp
+tag: Open Source
 meta: [
     {"name": "keywords", "content": "data table, table data, data tables, data table example, python data table, python table"},
 ]
diff --git a/blog/2024-09-21-reflex-v060.md b/blog/2024-09-21-reflex-v060.md
@@ -4,6 +4,7 @@ date: 2024-09-21
 title: Reflex v0.6.0
 description: New features and improvements in Reflex v0.6.0
 image: /blog/reflex-060.webp
+tag: Open Source
 meta: [
     {"name": "keywords", "content": "web application framework in python, python gui library, python web framework, reflex python"},
 ]
diff --git a/blog/2024-09-25-using-ag-grid-in-reflex.md b/blog/2024-09-25-using-ag-grid-in-reflex.md
@@ -4,6 +4,7 @@ date: 2024-10-03
 title: AG Grid in Reflex
 description: Getting started with powerful data tables in your Python web apps
 image: /blog/ag-grid.webp
+tag: Open Source
 meta: [
     {
       "name": "keywords",
diff --git a/blog/2024-10-8-self-hosting-reflex-with-docker.md b/blog/2024-10-8-self-hosting-reflex-with-docker.md
@@ -4,6 +4,7 @@ date: 2024-10-08
 title: Self Hosting Reflex with Docker
 description: Hosting Reflex on your own infra using Docker for efficient containerization.
 image: /blog/self-hosting-with-docker.webp
+tag: Open Source
 meta: [
     {
       "name": "keywords",
diff --git a/blog/2024-11-19-microsoft-azure-authentication.md b/blog/2024-11-19-microsoft-azure-authentication.md
@@ -4,6 +4,7 @@ date: 2024-11-19
 title: Microsoft Azure Auth
 description: Implementing Microsoft Azure Single Sign-On (SSO) Auth in Reflex app.
 image: /blog/azure_auth.webp
+tag: Open Source
 meta: [
     {
       "name": "keywords",
diff --git a/blog/2024-12-05-reflex-cloud.md b/blog/2024-12-05-reflex-cloud.md
@@ -4,6 +4,7 @@ date: 2024-12-05
 title: Reflex Cloud
 description: Deploy your Reflex apps with a single command
 image: /blog/reflex-cloud.webp
+tag: Cloud
 meta: [
     {"name": "keywords", "content": ""},
 ]
diff --git a/blog/2024-12-20-python-comparison.md b/blog/2024-12-20-python-comparison.md
@@ -4,6 +4,7 @@ date: 2024-12-20
 title: Top Python Web Development Frameworks in 2025
 description: Reflex vs Django vs Flask vs Gradio vs Streamlit vs Dash vs FastAPI
 image: /blog/top_python_web_frameworks.webp
+tag: Builder
 meta: [
     {"name": "keywords", "content": "streamlit python, streamlit, streamlit alternatives, plotly, dash app, plotly python, fastapi"},
 ]
diff --git a/blog/2025-01-27-top-10-data-visualization-libraries.md b/blog/2025-01-27-top-10-data-visualization-libraries.md
@@ -4,6 +4,7 @@ date: 2025-01-27
 title: Top 10 Python Data Visualization Libraries in 2025 
 description: Matplotlib vs Seaborn vs Plotly vs Bokeh vs Altair vs GeoPandas vs HoloViews vs Pygal vs Geoplotlib vs GGPlot
 image: /blog/data_visualization_blog.webp
+tag: Builder
 meta: [  
     {"name": "keywords", "content": "matplotlib, seaborn, plotly, bokeh, altair, geopandas, holoviews, pygal, Geoplotlib, ggplot"},  
 ]
diff --git a/blog/2025-05-16-top-5-ai-app-builders.md b/blog/2025-05-16-top-5-ai-app-builders.md
@@ -4,6 +4,7 @@ date: 2025-05-16
 title: Top AI App Builders in 2025
 description: Reflex.build vs Replit Agent vs v0.dev vs Bolt.new vs Lovable.dev
 image: /blog/ai_app_builders.webp
+tag: Builder
 meta: [
   {"name": "keywords", "content": "Reflex vs Replit, v0.dev alternatives, build AI apps, no-code AI tools, Replit agent, AI developer tools, app builders for developers, AI UI generators, v0.dev review, Replit AI tools, Lovable.dev, Bolt.new, AI in software development, full-stack AI apps"}
 ]
diff --git a/blog/2025-06-03-internal-tool-builders-2025.md b/blog/2025-06-03-internal-tool-builders-2025.md
@@ -4,6 +4,7 @@ date: 2025-06-03
 title: The 10 best internal tool builders in 2025
 description: Reflex vs Retool vs Budibase vs Appsmith vs ToolJet vs Zapier Interfaces vs Glide vs Softr vs DronaHQ vs Microsoft Power Apps
 image: /blog/10_best_internal_tool_builders.webp
+tag: Builder
 meta: [
   {"name": "keywords", "content": "Reflex vs Retool, internal tool builders 2025, Appsmith alternatives, Budibase vs ToolJet, low-code tools, no-code internal apps, best internal app platforms, enterprise internal tools, Power Apps review, build dashboards, admin panel builders, internal tool comparison, open source internal tools, Zapier Interfaces, Glide app builder, DronaHQ, Softr"}
 ]
diff --git a/blog/2025-06-20-reflex-dash.md b/blog/2025-06-20-reflex-dash.md
@@ -4,6 +4,7 @@ date: 2025-06-20
 title: Reflex vs Plotly Dash
 description: A Comparison of Python Frameworks for Building Interactive Financial Dashboards
 image: /blog/reflex-dash.webp
+tag: Builder
 meta: [
   {
     "name": "keywords",
diff --git a/blog/2025-06-30-reflex-databricks-partnership.md b/blog/2025-06-30-reflex-databricks-partnership.md
@@ -4,6 +4,7 @@ date: 2025-06-30
 title: "Reflex x Databricks: Python-Powered Vibe Coding for Enterprises"
 description: "We're excited to announce our official partnership with Databricks and the launch of our Reflex AI Builder integration with Databricks Apps."
 image: /blog/databricks-partnership.webp
+tag: Announcements
 meta: [
   {"name": "keywords", "content": "Reflex Databricks, Python apps, enterprise development, AI Builder, Unity Catalog, data apps, Python framework, Databricks Apps"}
 ]
diff --git a/blog/2025-07-01-reflex-080.md b/blog/2025-07-01-reflex-080.md
@@ -4,6 +4,7 @@ date: 2025-07-01
 title: Reflex v0.8.0 - Refactoring for Performance
 description: Major improvements in Reflex v0.8.0 developer experience and performance.
 image: /blog/080.webp
+tag: Open Source
 meta: [
     {"name": "keywords", "content": "reflex python, web framework, nextjs migration, react router, vite, pydantic replacement, performance improvements"},
 ]
diff --git a/blog/2025-08-20-reflex-streamlit.md b/blog/2025-08-20-reflex-streamlit.md
@@ -4,6 +4,7 @@ date: 2025-08-20
 title: Reflex vs Streamlit
 description: "A head‑to‑head comparison of two Python frameworks for building fast, interactive web apps"
 image: /blog/reflex-streamlit.webp
+tag: Builder
 meta: [
   {
     "name": "keywords",
diff --git a/blog/2025-09-03-reflex-jupyter.md b/blog/2025-09-03-reflex-jupyter.md
@@ -4,6 +4,7 @@ date: 2025-09-03
 title: Turn Jupyter Notebooks into Production Dashboards in Python
 description: "Convert Jupyter notebooks into interactive, production-ready dashboards with Python and Reflex. Keep your pandas logic, add UI, and deploy in minutes."
 image: /blog/jupyter_reflex.png
+tag: Open Source
 meta: [
   {
     "name": "keywords",
diff --git a/blog/2025-12-05-on-premises-deployment.md b/blog/2025-12-05-on-premises-deployment.md
@@ -4,6 +4,7 @@ date: 2025-12-05
 title: "Reflex Build On-Prem: The Secure AI App Builder That Runs Inside Your Company Infrastructure"
 description: An enterprise, on-premises AI app builder for developing secure internal tools and dashboards using Python.
 image: /blog/on-prem.png
+tag: Cloud
 meta: [
     {
       "name": "keywords",
diff --git a/blog/2025-12-17-top-7-enterprise-ai-app-builders-2026.md b/blog/2025-12-17-top-7-enterprise-ai-app-builders-2026.md
@@ -4,6 +4,7 @@ date: 2025-12-17
 title: "Top 7 Enterprise AI App Builders in 2026: A Practical Comparison"
 description: Reflex.build vs Microsoft Power Apps vs Superblocks vs Blaze.tech vs Knack vs Lovable.dev vs Replit Agent
 image: /blog/top7.webp
+tag: Builder
 meta: [
   {
     "name": "keywords",
diff --git a/blog/2026-01-09-top-python-web-frameworks-2026.md b/blog/2026-01-09-top-python-web-frameworks-2026.md
@@ -4,6 +4,7 @@ date: 2026-01-09
 title: Top Python Web Development Frameworks in 2026
 description: Reflex vs Django vs Flask vs Gradio vs Streamlit vs Dash vs FastAPI
 image: /blog/top_python_web_frameworks_2026.png
+tag: Builder
 meta: [
     {"name": "keywords", "content": "streamlit python, streamlit, streamlit alternatives, plotly, dash app, plotly python, fastapi"},
 ]
diff --git a/pcweb/pages/__init__.py b/pcweb/pages/__init__.py
@@ -1,6 +1,6 @@
 from pcweb.route import Route
 
-from .about import about  # noqa: F401
+from .about import about_page as about_page
 from .blog import blog_routes
 from .booked import booked as booked
 from .check_your_email_demo import page_thank_you as page_thank_you
diff --git a/pcweb/pages/about/__init__.py b/pcweb/pages/about/__init__.py
@@ -12,36 +12,32 @@
     team,
 )
 from pcweb.pages.framework.views.footer_index import footer_index
-from pcweb.views.marketing_navbar import marketing_navbar
+from pcweb.templates.marketing_page import marketing_page
 
 
-@rx.page(
-    route="/about",
+@marketing_page(
+    path="/about",
     title="Reflex · About",
     meta=create_meta_tags(
         title="Reflex · About",
         description="About Reflex - The platform to build and scale enterprise apps",
         image="/previews/index_preview.webp",
     ),
 )
-def about() -> rx.Component:
+def about_page() -> rx.Component:
     return rx.el.div(
-        marketing_navbar(),
-        rx.el.main(
-            rx.el.div(
-                hero(),
-                companies(),
-                square_logo(),
-                cards(),
-                divider(),
-                hiring(),
-                team(),
-                news(),
-                divider(),
-                footer_index(),
-                class_name="flex flex-col relative justify-center items-center w-full",
-            ),
-            class_name="flex flex-col w-full relative h-full justify-center items-center",
+        rx.el.div(
+            hero(),
+            companies(),
+            square_logo(),
+            cards(),
+            divider(),
+            hiring(),
+            team(),
+            news(),
+            divider(),
+            footer_index(),
+            class_name="flex flex-col relative justify-center items-center w-full",
         ),
-        class_name="flex flex-col w-full justify-center items-center relative dark:bg-m-slate-12 bg-m-slate-1",
+        class_name="flex flex-col w-full relative h-full justify-center items-center",
     )
diff --git a/pcweb/pages/about/views/hero.py b/pcweb/pages/about/views/hero.py
@@ -1,8 +1,6 @@
 import reflex as rx
 import reflex_ui as ui
 
-from pcweb.components.hosting_banner import HostingBannerState
-
 
 def hero() -> rx.Component:
     return rx.el.section(
@@ -92,11 +90,6 @@ def hero() -> rx.Component:
             class_name="flex flex-col gap-8 lg:p-12 p-6 border border-m-slate-4 dark:border-m-slate-10 shadow-[0_6px_16px_0_rgba(0,0,0,0.04)_inset] dark:shadow-none dark:bg-[linear-gradient(212deg,var(--m-slate-12)_0%,var(--m-slate-11)_100%)] lg:max-w-[34.5rem] w-full relative",
         ),
         class_name=ui.cn(
-            "flex lg:flex-row flex-col max-w-(--layout-max-width) mx-auto lg:px-24 px-6 overflow-hidden",
-            rx.cond(
-                HostingBannerState.is_banner_visible,
-                "lg:pt-[14.5rem] pt-[12.5rem]",
-                "lg:pt-[10.5rem] pt-[7.5rem]",
-            ),
+            "flex lg:flex-row flex-col max-w-(--layout-max-width) mx-auto lg:px-24 px-6 overflow-hidden pt-24",
         ),
     )
diff --git a/pcweb/pages/blog/blog.py b/pcweb/pages/blog/blog.py
diff --git a/pcweb/pages/blog/page.py b/pcweb/pages/blog/page.py
diff --git a/pcweb/pages/customers/views/footer.py b/pcweb/pages/customers/views/footer.py
diff --git a/pcweb/pages/framework/views/footer_index.py b/pcweb/pages/framework/views/footer_index.py
diff --git a/pcweb/pages/framework/views/os_newsletter.py b/pcweb/pages/framework/views/os_newsletter.py
diff --git a/pcweb/templates/marketing_page.py b/pcweb/templates/marketing_page.py
diff --git a/pcweb/views/bottom_section/newsletter.py b/pcweb/views/bottom_section/newsletter.py

Original file line number	Diff line number	Diff line change
`@@ -4,6 +4,7 @@ date: 2023-06-28`
`4`	`4`	`title: Pynecone is now Reflex`
`5`	`5`	`description: We have some exciting news to share about the next stage of our company!`
`6`	`6`	`image: /reflex_banner.png`
	`7`	`+tag: Announcements`
`7`	`8`	`meta: [`
`8`	`9`	`{"name": "keywords", "content": ""},`
`9`	`10`	`]`
Original file line number	Diff line number	Diff line change
`@@ -4,6 +4,7 @@ date: 2023-08-02`
`4`	`4`	`title: Announcing our Seed Round`
`5`	`5`	`description: Reflex has raised a $5M seed led by Lux Capital.`
`6`	`6`	`image: /blog/fundraise_dark.webp`
	`7`	`+tag: Announcements`
`7`	`8`	`meta: [`
`8`	`9`	`{"name": "keywords", "content": ""},`
`9`	`10`	`]`
Original file line number	Diff line number	Diff line change
`@@ -4,6 +4,7 @@ date: 2023-09-28`
`4`	`4`	`title: Unlocking New Workflows with Background Tasks`
`5`	`5`	`description: What is a background task and how can it help you build better apps?`
`6`	`6`	`image: /blog/background_tasks.webp`
	`7`	`+tag: Open Source`
`7`	`8`	`meta: [`
`8`	`9`	`{"name": "keywords", "content": ""},`
`9`	`10`	`]`
Original file line number	Diff line number	Diff line change
`@@ -4,6 +4,7 @@ date: 2023-10-11`
`4`	`4`	`title: "New Core Graphing Components"`
`5`	`5`	`description: "Using Reflex's new core graphing feature to build a live streaming graphing app."`
`6`	`6`	`image: /blog/graphing.webp`
	`7`	`+tag: Open Source`
`7`	`8`	`meta: [`
`8`	`9`	`{"name": "keywords", "content": ""},`
`9`	`10`	`]`
Original file line number	Diff line number	Diff line change
`@@ -4,6 +4,7 @@ date: 2023-10-25`
`4`	`4`	`title: "Implementing Sign In with Google"`
`5`	`5`	`description: "How to wrap a third-party auth component and integrate it into a Reflex app."`
`6`	`6`	`image: /blog/google_auth.webp`
	`7`	`+tag: Open Source`
`7`	`8`	`meta: [`
`8`	`9`	`{"name": "keywords", "content": ""},`
`9`	`10`	`]`
Original file line number	Diff line number	Diff line change
`@@ -4,6 +4,7 @@ date: 2024-02-16`
`4`	`4`	`title: "Reflex v0.4.0"`
`5`	`5`	`description: "New features coming in the 0.4.0 release."`
`6`	`6`	`image: /blog/reflex-040.webp`
	`7`	`+tag: Open Source`
`7`	`8`	`meta: [`
`8`	`9`	`{"name": "keywords", "content": ""},`
`9`	`10`	`]`
Original file line number	Diff line number	Diff line change
`@@ -4,6 +4,7 @@ date: 2024-03-21`
`4`	`4`	`title: Designing a Pure Python Web Framework`
`5`	`5`	`description: A look at how Reflex works under the hood.`
`6`	`6`	`image: /blog/web_framework.webp`
	`7`	`+tag: Open Source`
`7`	`8`	`meta: [`
`8`	`9`	`{"name": "keywords", "content": "python web app, python web app framework, web app framework python, python web apps, web app python, react python websocket, python react, react python, react with python, python and react js, react js with python, python and react, react js python"},`
`9`	`10`	`]`
Original file line number	Diff line number	Diff line change
`@@ -4,6 +4,7 @@ date: 2024-03-27`
`4`	`4`	`title: "Structuring a Large App"`
`5`	`5`	`description: "So your Reflex app is getting large? Here's some advice on how to lay it out."`
`6`	`6`	`image: /blog/project_structure.webp`
	`7`	`+tag: Open Source`
`7`	`8`	`meta: [`
`8`	`9`	`{"name": "keywords", "content": ""},`
`9`	`10`	`]`
Original file line number	Diff line number	Diff line change
`@@ -4,6 +4,7 @@ date: 2024-04-16`
`4`	`4`	`title: Custom Components`
`5`	`5`	`description: Announcing our custom component ecosystem.`
`6`	`6`	`image: /blog/custom_components.webp`
	`7`	`+tag: Open Source`
`7`	`8`	`meta: [`
`8`	`9`	`{"name": "keywords", "content": ""},`
`9`	`10`	`]`
Original file line number	Diff line number	Diff line change
`@@ -4,6 +4,7 @@ date: 2024-06-28`
`4`	`4`	`title: Creating Tables in Reflex`
`5`	`5`	`description: Describing main uses of the Table component with a Database`
`6`	`6`	`image: /blog/table.webp`
	`7`	`+tag: Open Source`
`7`	`8`	`meta: [`
`8`	`9`	`{"name": "keywords", "content": "data table, table data, data tables, data table example, python data table, python table"},`
`9`	`10`	`]`