From 9c6314009d51f16b9d2c6f23dcbcf3c4ed0cf637 Mon Sep 17 00:00:00 2001 From: Carlos Date: Tue, 13 Jan 2026 16:30:36 +0100 Subject: [PATCH] OPS-833: Add extra logos to finance page --- assets/companies/light/antgroup.svg | 1 + assets/companies/light/spglobal.svg | 1 + .../pages/use_cases/common/logos_carousel.py | 1 + .../use_cases/finance/views/social_proof.py | 33 +++++++++++++++---- 4 files changed, 30 insertions(+), 6 deletions(-) create mode 100644 assets/companies/light/antgroup.svg create mode 100644 assets/companies/light/spglobal.svg diff --git a/assets/companies/light/antgroup.svg b/assets/companies/light/antgroup.svg new file mode 100644 index 000000000..8fec8659d --- /dev/null +++ b/assets/companies/light/antgroup.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/companies/light/spglobal.svg b/assets/companies/light/spglobal.svg new file mode 100644 index 000000000..14400de09 --- /dev/null +++ b/assets/companies/light/spglobal.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/pcweb/pages/use_cases/common/logos_carousel.py b/pcweb/pages/use_cases/common/logos_carousel.py index bda3aebb7..b1d1a6c7e 100644 --- a/pcweb/pages/use_cases/common/logos_carousel.py +++ b/pcweb/pages/use_cases/common/logos_carousel.py @@ -22,4 +22,5 @@ def logos_carousel(logos: list[str]) -> rx.Component: class_name="h-[10.75rem] w-full overflow-hidden", gradient_width=0, speed=50, + pause_on_hover=False, ) diff --git a/pcweb/pages/use_cases/finance/views/social_proof.py b/pcweb/pages/use_cases/finance/views/social_proof.py index f839e2072..32117879d 100644 --- a/pcweb/pages/use_cases/finance/views/social_proof.py +++ b/pcweb/pages/use_cases/finance/views/social_proof.py @@ -1,14 +1,35 @@ import reflex as rx +import reflex_ui as ui -from pcweb.pages.use_cases.common.social_proof import first_card, social_proof_card +from pcweb.pages.use_cases.common.logos_carousel import logos_carousel + +LOGOS = [ + "man_group", + "world_bank", + "credit_agricole", + "bayesline", + "antgroup", + "spglobal", +] + + +def first_card(title: str) -> rx.Component: + return rx.el.div( + ui.icon( + "CheckmarkBadge02Icon", + class_name="text-m-slate-11 dark:text-m-slate-9 shrink-0", + ), + rx.el.span( + title, + class_name="text-m-slate-11 dark:text-m-slate-9 text-sm font-medium text-wrap", + ), + class_name="flex flex-row gap-2.5 items-center max-lg:justify-center lg:col-span-2 px-10 h-full max-lg:h-[10.75rem] max-lg:w-full w-full lg:border-r", + ) def social_proof() -> rx.Component: return rx.el.div( first_card("Trusted by innovative finance teams"), - social_proof_card("man_group"), - social_proof_card("world_bank"), - social_proof_card("credit_agricole"), - social_proof_card("bayesline"), - class_name="grid lg:grid-cols-6 grid-cols-1 justify-center items-center mx-auto w-full max-w-[64.19rem] lg:border-x border-slate-3 lg:divide-x divide-slate-3 lg:border-t max-lg:divide-y", + logos_carousel(LOGOS), + class_name="flex lg:flex-row flex-col justify-center items-center mx-auto w-full max-w-[64.19rem] lg:border border-slate-3 h-[10.75rem] z-1", )