Skip to content

Spring 2026 homepage #9054

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
anselmbradford wants to merge 3 commits into
base: main
Choose a base branch
from
+91 −157
Draft

Spring 2026 homepage #9054

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
e052974
Spring 2026 homepage
anselmbradford Apr 22, 2026
6263f45
Merge branch 'main' into ans_new_hp
niqjohnson Apr 30, 2026
46c2d95
Update homepage template and content
niqjohnson Apr 30, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
104 changes: 49 additions & 55 deletions cfgov/v1/jinja2/v1/home_page/_hardcoded_en.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{%- set hero = {
"heading": "<strong>On your side</strong> through life’s financial moments." | safe,
"body": "We’re the Consumer Financial Protection Bureau, a U.S. government agency dedicated to making sure you are treated fairly by banks, lenders and other financial institutions.",
"heading": "Lorem ipusm dolor sit amet consectetur",
"body": "The CFPB works to create and support innovative and resilient consumer financial markets where consumers can choose the products and services that meet their individual needs.",
"image": {
"url": static( "apps/homepage/img/hero.jpg" ),
"height": 575,
Expand All @@ -10,91 +10,85 @@
"is_jumbo": true
} -%}

{%- set answers_heading = "Find answers to your money questions" -%}

{%- set topics = {
"cards": [
{
"icon": "credit-report",
"text": "Credit reports",
"url": "/consumer-tools/credit-reports-and-scores/",
},
{
"icon": "debt-collection",
"text": "Debt collection",
"url": "/consumer-tools/debt-collection/",
},
{
"icon": "mortgage",
"text": "Mortgages",
"url": "/consumer-tools/mortgages/",
},
{
"icon": "credit-card",
"text": "Credit cards",
"url": "/consumer-tools/credit-cards/",
},
{
"icon": "arrow-right-round",
"text": "See all money topics",
"url": "/consumer-tools/",
}
],
} -%}

<!-- {%- set highlights_heading = "Bureau highlights" -%} -->

{%- set highlights = [
{
"img_src": static( "apps/homepage/img/putting-green_housing-counselor.png" ),
"card_type": "highlight",
"heading": "Talk with an expert about your housing needs for free",
"link_text": "Find a housing counselor",
"link_url": "/find-a-housing-counselor/"
"heading": "CFPB accomplishments under Acting Director Vought",
"link_text": "Read the 2025 report",
"link_url": "/data-research/research-reports/semi-annual-report-october-2024-december-2025/"
},
{
"img_src": static( "apps/homepage/img/putting-green_submit-a-complaint.png" ),
"card_type": "highlight",
"heading": "Submit a complaint about a financial product or service",
"link_text": "Start a complaint",
"link_url": "/complaint/"
"heading": "CFPB vision, mission, and values",
"link_text": "Read the 2026-2040 strategic plan",
"link_url": "/rules-policy/notice-opportunities-comment/open-notices/we-invite-your-feedback-on-our-draft-strategic-plan-for-fy-2026-2030/"
},
] -%}

{%- set announcements = [
{
"heading": "The CFPB is standing up for you",
"content": "<ul><li><strong>6.8 million+</strong> consumer complaints sent for response</li><li><strong>$21 billion+</strong> in financial relief as a result of CFPB actions</li><li><strong>205 million+</strong> people eligible for financial relief</li></ul>" | safe,
"link_text": "",
"link_url": ""
"heading": "Our deregulatory agenda",
"content": "The CFPB aims to make rules governing consumer finance markets more effective and efficient",
"links": [
{
"link_text": "Learn about the CFPB’s actions",
"link_url": "/rules-policy/"
}
]
},
{
"heading": "Supervision",
"content": "Overview of the CFPB’s supervision process, including the CFPB Supervision Humility Pledge",
"links": [
{
"link_text": "Learn about CFPB supervision",
"link_url": "/compliance/supervision-examinations/"
},
{
"link_text": "Read the Supervision Humility Pledge",
"link_url": "https://files.consumerfinance.gov/f/documents/cfpb_examiner-humility-pledge_2025-11.pdf"
}
]
},
{
"heading": "Protecting you from junk fees",
"content": "<p>The CFPB is working to save households billions of dollars a year by reducing exploitative junk fees charged by banks and financial companies.</p>" | safe,
"link_text": "Read about junk fees",
"link_url": "/rules-policy/junk-fees/"
"heading": "Enforcement",
"content": "Overview of the CFPB’s enforcement principles",
"links": [
{
"link_text": "Learn about CFPB enforcement",
"link_url": "/enforcement/"
},
{
"link_text": "Read our Enforcement principles",
"link_url": ""
}
]
}
] -%}

{%- set breakout_cards_heading = "Get help planning for future goals" -%}
{%- set breakout_cards_heading = "Help when you need it" -%}

{%- set breakout_cards = [
{
"card_type": "breakout",
"link_text": "Buy a house",
"link_url": "/owning-a-home/",
"link_text": "Servicemembers and veterans",
"link_url": "/consumer-tools/military-financial-lifecycle/",
"img_src": static( "apps/homepage/img/key-house.png" ),
},
{
"card_type": "breakout",
"link_text": "Pay for college",
"link_url": "/paying-for-college/",
"link_text": "Older Americans",
"link_url": "/consumer-tools/educator-tools/resources-for-older-adults/",
"img_src": static( "apps/homepage/img/graduate.png" ),
},
{
"card_type": "breakout",
"link_text": "Get an auto loan",
"link_url": "/consumer-tools/getting-an-auto-loan/",
"link_text": "Debanking",
"link_url": "/fair-lending/",
"img_src": static( "apps/homepage/img/key-car.png" )
}
] -%}
43 changes: 7 additions & 36 deletions cfgov/v1/jinja2/v1/home_page/_hardcoded_es.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,38 +10,6 @@
"is_jumbo": true
} -%}

{%- set answers_heading = "Encuentre respuestas a sus preguntas sobre finanzas" -%}

{%- set topics = {
"cards": [
{
"icon": "credit-report",
"text": "Informes y puntajes de crédito",
"url": "/es/herramientas-del-consumidor/informes-y-puntajes-de-credito/",
},
{
"icon": "debt-collection",
"text": "Cobro de deudas",
"url": "/es/herramientas-del-consumidor/cobro-de-deudas/",
},
{
"icon": "money-transfer",
"text": "Transferencias de dinero",
"url": "/es/herramientas-del-consumidor/transferencias-de-dinero/",
},
{
"icon": "bank",
"text": "Cuentas y servicios bancarios",
"url": "/es/herramientas-del-consumidor/cuentas-bancarias/",
},
{
"icon": "arrow-right-round",
"text": "Ver todos los temas de dinero",
"url": "/es/herramientas-del-consumidor/",
}
],
} -%}

<!-- {%- set highlights_heading = "Bureau highlights" -%} -->

{%- set highlights = [
Expand All @@ -65,14 +33,17 @@
{
"heading": "La CFPB le protege",
"content": "<ul><li><strong>+6.8 millones</strong> de quejas de los consumidores fueron respondidas</li><li><strong>+$21 billones</strong> en alivio financiero fueron entregados como resultado de las acciones de la CFPB</li><li><strong>+205 millones</strong> de personas son elegibles para recibir ayuda financiera</li></ul>" | safe,
"link_text": "",
"link_url": ""
"links": []
},
{
"heading": "Le protegemos del trato injusto",
"content": "<p>Parte integral de nuestra misión es defender al consumidor y asegurarnos de sea tratado de forma justa dentro del mercado financiero.</p>" | safe,
"link_text": "Lea nuestras publicaciones y sepa cómo trabajamos para protegerle",
"link_url": "/activity-log/?title=&language=es&from_date=&to_date="
"links": [
{
"link_text": "Lea nuestras publicaciones y sepa cómo trabajamos para protegerle",
"link_url": "/activity-log/?title=&language=es&from_date=&to_date="
}
]
}
] -%}

Expand Down
101 changes: 35 additions & 66 deletions cfgov/v1/jinja2/v1/home_page/home_page.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -59,81 +59,50 @@ <h2 class="h3">{{ highlight.heading }}</h2>

{% block content_main %}
{% import "v1/home_page/_hardcoded_" ~ language ~ ".html" as hardcoded with context %}
<section class="block u-text-centered">
<h2 class="h1">{{ hardcoded.answers_heading }}</h2>
</section>

<section class="block">
<div class="o-well u-text-centered">
<div class="o-card-group o-card-group--flow">
<div class="o-card-group__cards">
{% for card in hardcoded.topics.cards %}
<article class="m-card m-card--topic
{%- if loop.last %} m-card--topic-action{% endif -%}
">
<a href="{{ card.url }}">
<div class="m-card__icon">
{{ svg_icon( card.icon ) }}
</div>
<div class="m-card__footer">
<span>{{ card.text }}</span>
</div>
</a>
</article>
{% endfor %}
</div>
</div>
</div>
</section>

<section class="content__level-1">
<section class="block">
<div class="o-info-unit-group">
<div class="content-l">
{% for announcement in hardcoded.announcements %}
<div class="content-l__col content-l__col-1-2">
<div class="m-info-unit">
{%- if announcement.link_url -%}
<a class="m-info-unit__heading-link" href="{{ announcement.link_url }}">
{%- endif -%}
<div class="m-info-unit__heading-text">
<h2>{{ announcement.heading }}</h2>
</div>
{%- if announcement.link_url -%}
</a>
<div class="o-info-unit-group">
<div class="content-l">
{% for announcement in hardcoded.announcements %}
<div class="content-l__col content-l__col-1-{{ hardcoded.announcements|count }}">
<div class="m-info-unit">
<div class="m-info-unit__heading-text">
<h2>{{ announcement.heading }}</h2>
</div>
<div class="m-info-unit__content">
{{ announcement.content }}
{%- if announcement.links -%}
<ul class="m-list m-list--links u-mt15">
{% for link in announcement.links %}
<li class="m-list__item">
<a class="a-link a-link--jump"
href="{{ link.link_url }}">
<span class="a-link__text">
{{ link.link_text }}
</span>
</a>
</li>
{% endfor %}
</ul>
{%- endif -%}
<div class="m-info-unit__content">
{{ announcement.content }}
{%- if announcement.link_url -%}
<ul class="m-list m-list--links u-mt15">
<li class="m-list__item">
<a class="a-link a-link--jump"
href="{{ announcement.link_url }}">
<span class="a-link__text">
{{ announcement.link_text }}
</span>
</a>
</ul>
{%- endif -%}
</div>
</div>
</div>
{% endfor %}
</div>
{% endfor %}
</div>
</div>

</section>
</section>

<hr>

<section class="block content__level-2">
{{ card_group.render( {
'heading': hardcoded.breakout_cards_heading,
'type_group': 'column-3',
'type_card': 'breakout',
'cards': hardcoded.breakout_cards
} ) }}
</section>
<hr>

<section class="block">
{{ card_group.render( {
'heading': hardcoded.breakout_cards_heading,
'type_group': 'column-3',
'type_card': 'breakout',
'cards': hardcoded.breakout_cards
} ) }}
</section>

{% endblock content_main %}
Loading