OPS-831: Consulting page

pcweb/components/docpage/navbar/navbar.py

@@ -11,6 +11,7 @@
 from pcweb.pages.faq import faq
 from pcweb.pages.framework.framework import framework
 from pcweb.pages.hosting.hosting import hosting_landing
+from pcweb.pages.use_cases.consulting import consulting_use_case_page
 from pcweb.pages.use_cases.finance import finance_use_case_page
 from pcweb.pages.use_cases.healthcare import healthcare_use_case_page
 from pcweb.pages.use_cases.use_cases import use_cases_page
@@ -390,7 +391,7 @@ def solutions_section():
         },
         {
             "label": "Consulting",
-            "url": use_cases_page.path,
+            "url": consulting_use_case_page.path,
             "icon": "MentoringIcon",
         },
         {

pcweb/pages/__init__.py

@@ -23,6 +23,7 @@
 from .sales import sales as sales
 from .security.security import security_page as security_page
 from .to_be_booked import to_be_booked as to_be_booked
+from .use_cases.consulting import consulting_use_case_page as consulting_use_case_page
 from .use_cases.finance import finance_use_case_page as finance_use_case_page
 from .use_cases.healthcare import healthcare_use_case_page as healthcare_use_case_page
 from .use_cases.use_cases import use_cases_page as use_cases_page

pcweb/pages/use_cases/common/features_2.py

@@ -2,7 +2,14 @@
 import reflex_ui as ui
 
 
-def feature_card(icon: str, stat: str, title: str, description: str) -> rx.Component:
+def feature_card(
+    icon: str,
+    stat: str,
+    title: str,
+    description: str,
+    items: list[str] | None = None,
+    class_name: str = "",
+) -> rx.Component:
     return rx.el.div(
         ui.icon(
             icon, class_name="text-m-violet-9 dark:text-m-violet-10 shrink-0 size-5"
@@ -16,5 +23,17 @@ def feature_card(icon: str, stat: str, title: str, description: str) -> rx.Compo
             description,
             class_name="text-m-slate-11 dark:text-m-slate-9 text-sm font-medium mt-2",
         ),
-        class_name="flex flex-col items-start p-10",
+        rx.el.ul(
+            *[
+                rx.el.li(
+                    item,
+                    class_name="text-m-slate-11 dark:text-m-slate-9 text-sm font-medium mt-1",
+                )
+                for item in items
+            ],
+            class_name="text-m-slate-11 dark:text-m-slate-9 text-sm font-medium list-disc list-inside mt-2",
+        )
+        if items
+        else None,
+        class_name=ui.cn("flex flex-col items-start p-10", class_name),
     )

pcweb/pages/use_cases/consulting/__init__.py

@@ -0,0 +1,33 @@
+import reflex as rx
+
+from pcweb.meta.meta import meta_tags
+from pcweb.pages.use_cases.consulting.views.faq import faq
+from pcweb.pages.use_cases.consulting.views.features_1 import features_1
+from pcweb.pages.use_cases.consulting.views.features_2 import features_2
+from pcweb.pages.use_cases.consulting.views.final_section import final_section
+from pcweb.pages.use_cases.consulting.views.hero import hero
+from pcweb.pages.use_cases.consulting.views.social_proof import social_proof
+from pcweb.pages.use_cases.consulting.views.stats import stats
+from pcweb.pages.use_cases.consulting.views.text_section_1 import text_section_1
+from pcweb.pages.use_cases.consulting.views.text_section_3 import text_section_3
+from pcweb.pages.use_cases.consulting.views.text_section_4 import text_section_4
+from pcweb.templates.mainpage import mainpage
+
+
+@mainpage(
+    path="/use-cases/consulting", title="Consulting Use Case - Reflex", meta=meta_tags
+)
+def consulting_use_case_page() -> rx.Component:
+    return rx.el.div(
+        hero(),
+        social_proof(),
+        text_section_3(),
+        features_2(),
+        text_section_1(),
+        features_1(),
+        text_section_4(),
+        stats(),
+        faq(),
+        final_section(),
+        class_name="flex flex-col size-full justify-center items-center max-w-[calc(100vw-2rem)] mx-auto",
+    )

pcweb/pages/use_cases/consulting/views/faq.py

@@ -0,0 +1,30 @@
+import reflex as rx
+
+from pcweb.pages.use_cases.common.faq import faq_section
+
+
+def faq() -> rx.Component:
+    return faq_section(
+        faq_items=[
+            (
+                "Is Reflex suitable for client delivery?",
+                "Yes. Reflex is used to deliver real, long-lived applications inside enterprise client environments — not just demos.",
+            ),
+            (
+                "Do consultants need frontend or DevOps skills?",
+                "No. Reflex abstracts frontend and deployment so teams can focus on Python, analytics, and business logic.",
+            ),
+            (
+                "Can we reuse apps across multiple clients?",
+                "Absolutely. Many firms build reusable templates and accelerators on Reflex and customize them per engagement.",
+            ),
+            (
+                "Can Reflex support AI, analytics, and ML workloads?",
+                "Yes. Reflex runs in Python and integrates directly with models, data pipelines, and AI services.",
+            ),
+            (
+                "Can we deploy inside client infrastructure?",
+                "Yes. Reflex supports VPC, on-prem, and air-gapped deployments to meet strict client requirements.",
+            ),
+        ],
+    )