bullet points

Author: carlosabadia

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/government/views/features_2.py

@@ -9,25 +9,51 @@ def features_2() -> rx.Component:
             "WebDesign01Icon",
             "Internal Government Dashboards",
             "Track & Monitor Programs",
-            "Build program performance dashboards, budgeting and spend oversight tools, policy impact analysis, and operations and service delivery tracking.",
+            "Gain real-time visibility into program effectiveness, resource allocation, and service delivery with customizable dashboards.",
+            items=[
+                "Program performance dashboards",
+                "Budgeting and spend oversight tools",
+                "Policy impact analysis",
+                "Operations and service delivery tracking",
+            ],
+            class_name="lg:border-b",
         ),
         feature_card(
             "ArtificialIntelligence04Icon",
             "AI Assistants for Public Servants",
             "Empower Your Teams",
-            "Create RAG chatbots over legislation and regulations, internal knowledge assistants, caseworker and analyst copilots, and research and document analysis tools.",
+            "Equip your workforce with AI-powered tools to navigate complex regulations and enhance decision-making.",
+            items=[
+                "RAG chatbots over legislation and regulations",
+                "Internal knowledge assistants",
+                "Caseworker and analyst copilots",
+                "Research and document analysis tools",
+            ],
+            class_name="lg:border-b",
         ),
         feature_card(
             "FlowConnectionIcon",
             "Case, Permit & Workflow Systems",
             "Streamline Operations",
-            "Develop case management tools, review and approval workflows, compliance and inspection apps, and grant and funding administration systems.",
+            "Modernize administrative processes with tailored applications that reduce bottlenecks and improve transparency.",
+            items=[
+                "Case management tools",
+                "Review and approval workflows",
+                "Compliance and inspection apps",
+                "Grant and funding administration systems",
+            ],
         ),
         feature_card(
             "TestTube02Icon",
             "Research & National Lab Applications",
             "Support Scientific Work",
-            "Build scientific data visualization, experiment tracking and analysis, secure model exploration tools, and internal research portals.",
+            "Accelerate scientific discovery with purpose-built tools for data analysis, collaboration, and secure research environments.",
+            items=[
+                "Scientific data visualization",
+                "Experiment tracking and analysis",
+                "Secure model exploration tools",
+                "Internal research portals",
+            ],
         ),
-        class_name="grid lg:grid-cols-4 grid-cols-1 mx-auto w-full max-w-[64.19rem] lg:border-x border-slate-3 relative overflow-hidden border-t lg:divide-x divide-slate-3 max-lg:divide-y lg:border-b",
+        class_name="grid lg:grid-cols-2 grid-cols-1 mx-auto w-full max-w-[64.19rem] lg:border-x border-slate-3 relative overflow-hidden border-t lg:divide-x divide-slate-3 max-lg:divide-y lg:border-b",
     )