From c073c06cbaae26efd308a179597f14d54d30560f Mon Sep 17 00:00:00 2001
From: SakshiKekre <sakshi.kekre@gmail.com>
Date: Tue, 22 Jul 2025 16:25:59 -0700
Subject: [PATCH 01/11] Banner for OBBBA household explorer

---
 src/pages/Home.jsx                            |   7 +
 .../banners/OBBBAHouseholdExplorerBanner.jsx  | 179 ++++++++++++++++++
 2 files changed, 186 insertions(+)
 create mode 100644 src/pages/home/banners/OBBBAHouseholdExplorerBanner.jsx

diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
index 63ab796e4..f62c0eede 100644
--- a/src/pages/Home.jsx
+++ b/src/pages/Home.jsx
@@ -10,7 +10,13 @@ import Footer from "../layout/Footer";
 import HomeQuoteCarousel from "./home/HomeQuoteCarousel";
 import { Helmet } from "react-helmet";
 
+import UK2024AutumnBudgetBanner from "./home/banners/UK2024AutumnBudgetBanner";
+import US2024ElectionBanner from "./home/banners/US2024ElectionBanner.jsx";
+import OBBBAHouseholdBanner from "./home/banners/OBBBAHouseholdExplorerBanner.jsx";
+import useCountryId from "../hooks/useCountryId";
+
 export default function Home() {
+  const countryId = useCountryId();
   return (
     <>
       <Helmet>
@@ -18,6 +24,7 @@ export default function Home() {
       </Helmet>
       <div>
         <Header />
+        {countryId === "us" && <OBBBAHouseholdBanner />} 
         <HomeLanding />
         <HomeUsedBy />
         <HomeBlogPreview />
diff --git a/src/pages/home/banners/OBBBAHouseholdExplorerBanner.jsx b/src/pages/home/banners/OBBBAHouseholdExplorerBanner.jsx
new file mode 100644
index 000000000..d64f2719d
--- /dev/null
+++ b/src/pages/home/banners/OBBBAHouseholdExplorerBanner.jsx
@@ -0,0 +1,179 @@
+import LinkButton from "../../../controls/LinkButton";
+import style from "../../../style";
+import finalReconciliationImg from "../../../images/posts/final-2025-reconciliation-tax.png";
+import useDisplayCategory from "../../../hooks/useDisplayCategory";
+import { useWindowWidth } from "../../../hooks/useWindow";
+
+
+export default function OBBBAHouseholdBanner() {
+  const dC = useDisplayCategory();
+  const windowWidth = useWindowWidth();
+
+  const title = "Explore PolicyEngine's coverage of OBBBA";
+  const subtitle =
+    "Use our new dashboard to estimate the " +
+    "household-level impacts of each party's policy proposals, suggestions, and ideas";
+  const ctaText = "Explore OBBBA household impacts";
+  const ctaLink = "/us/obbba-household-explorer";
+  const ariaLabel =
+    "Illustration of the U.S. Capitol building, representing federal policy context for household impact analysis. ";
+    // "Courtesy of Tim Mossholder, https://www.pexels.com/photo/flag-of-the-usa-on-a-pole-1709929/";
+
+  const shouldUseShortTitle =
+    (dC !== "mobile" && windowWidth < 1150 && windowWidth >= 950) ||
+    (dC === "mobile" && windowWidth < 600);
+
+  if (dC === "mobile") {
+    return (
+      <div
+        style={{
+          width: "100%",
+          minHeight: "fit-content",
+          display: "flex",
+          flexDirection: "column",
+          justifyContent: "flex-start",
+          alignItems: "center",
+          backgroundColor: style.colors.LIGHT_GRAY,
+          paddingLeft: "40px",
+          paddingRight: "40px",
+          paddingTop: "24px",
+          paddingBottom: "24px",
+        }}
+      >
+        <div
+          style={{
+            position: "relative",
+            width: "100%",
+            display: "flex",
+            backgroundImage: `url(${finalReconciliationImg})`,
+            backgroundColor: style.colors.BLUE_LIGHT,
+            backgroundSize: "cover",
+            minHeight: "fit-content",
+          }}
+          role="img"
+          aria-label={ariaLabel}
+        >
+          <div
+            style={{
+              minHeight: "fit-content",
+              width: "100%",
+              display: "flex",
+              flexDirection: "column",
+              padding: "24px",
+              justifyContent: "flex-end",
+              alignItems: "flex-start",
+              margin: "24px",
+            }}
+          >
+            <h3 style={{ color: style.colors.WHITE }}>{title}</h3>
+            <p style={{ color: style.colors.WHITE }}>{subtitle}</p>
+            <LinkButton
+              type="primary"
+              text={ctaText}
+              style={{ marginTop: "16px" }}
+              link={ctaLink}
+            />
+          </div>
+        </div>
+        <div
+          style={{
+            backgroundColor: "rgba(0, 0, 0, 0.8)",
+            width: "100%",
+            height: "1px",
+            margin: "24px 0",
+            flexShrink: 0,
+          }}
+        />
+        <div
+          style={{
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "center",
+            justifyContent: "center",
+            gap: "16px",
+            height: "100%",
+          }}
+        >
+          <h4 style={{ color: style.colors.BLACK }}>{articlesHeader}</h4>
+          <div
+            style={{
+              display: "grid",
+              gridTemplateColumns: "repeat(2, 1fr)",
+              gridTemplateRows: "repeat(5, 1fr)",
+              gap: "16px",
+            }}
+          >
+          </div>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div
+      style={{
+        width: "100%",
+        minHeight: "65vh",
+        height: "fit-content",
+        display: "flex",
+        flexDirection: "column",
+        backgroundColor: style.colors.LIGHT_GRAY,
+        paddingLeft: dC === "desktop" ? "calc((100% - 1200px) / 2)" : "100px",
+        paddingRight: dC === "desktop" ? "calc((100% - 1200px) / 2)" : "100px",
+        paddingTop: "24px",
+        paddingBottom: "24px",
+      }}
+    >
+      <div
+        style={{
+          width: "100%",
+          height: "100%",
+          position: "relative",
+          display: "flex",
+          flexDirection: "column",
+        }}
+      >
+        {/* Image and overlay container */}
+        <div
+          style={{
+            width: "100%",
+            position: "relative",
+            marginBottom: "24px",
+            backgroundImage: `url(${finalReconciliationImg})`,
+            // Fallback
+            backgroundColor: style.colors.BLUE_LIGHT,
+            backgroundSize: "cover",
+            backgroundPosition: "right top",
+            height: "min-content",
+          }}
+          role="img"
+          aria-label={ariaLabel}
+        >
+          <div
+            style={{
+              // Margin doesn't count as part of percentage-based width.
+              // Instead of struggling to find the right solution, just set to 92%
+              // instead of 100% since this behavior only desired at select
+              // visual breakpoint (like 800px width)
+              width: "min(600px, 92%)",
+              display: "flex",
+              flexDirection: "column",
+              padding: "48px",
+              gap: "16px",
+              margin: "24px",
+            }}
+          >
+            <h3 style={{ color: style.colors.WHITE }}>{title}</h3>
+            <p style={{ color: style.colors.WHITE }}>{subtitle}</p>
+            <LinkButton
+              type="primary"
+              text={ctaText}
+              style={{ marginTop: "8px" }}
+              link={ctaLink}
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}

From 9761468c163725b6dc13ac139a27565b76e16706 Mon Sep 17 00:00:00 2001
From: SakshiKekre <sakshi.kekre@gmail.com>
Date: Tue, 22 Jul 2025 16:29:19 -0700
Subject: [PATCH 02/11] removed article

---
 .../home/banners/OBBBAHouseholdExplorerBanner.jsx      | 10 ----------
 1 file changed, 10 deletions(-)

diff --git a/src/pages/home/banners/OBBBAHouseholdExplorerBanner.jsx b/src/pages/home/banners/OBBBAHouseholdExplorerBanner.jsx
index d64f2719d..ff3781fa7 100644
--- a/src/pages/home/banners/OBBBAHouseholdExplorerBanner.jsx
+++ b/src/pages/home/banners/OBBBAHouseholdExplorerBanner.jsx
@@ -94,16 +94,6 @@ export default function OBBBAHouseholdBanner() {
             height: "100%",
           }}
         >
-          <h4 style={{ color: style.colors.BLACK }}>{articlesHeader}</h4>
-          <div
-            style={{
-              display: "grid",
-              gridTemplateColumns: "repeat(2, 1fr)",
-              gridTemplateRows: "repeat(5, 1fr)",
-              gap: "16px",
-            }}
-          >
-          </div>
         </div>
       </div>
     );

From d88bb3756cc5c14d671fefa7160aa6fbf4a11792 Mon Sep 17 00:00:00 2001
From: SakshiKekre <sakshi.kekre@gmail.com>
Date: Tue, 22 Jul 2025 16:40:38 -0700
Subject: [PATCH 03/11] linted and fixed

---
 src/pages/Home.jsx                                 |  4 +---
 .../home/banners/OBBBAHouseholdExplorerBanner.jsx  | 14 +++++---------
 2 files changed, 6 insertions(+), 12 deletions(-)

diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
index f62c0eede..44f242676 100644
--- a/src/pages/Home.jsx
+++ b/src/pages/Home.jsx
@@ -10,8 +10,6 @@ import Footer from "../layout/Footer";
 import HomeQuoteCarousel from "./home/HomeQuoteCarousel";
 import { Helmet } from "react-helmet";
 
-import UK2024AutumnBudgetBanner from "./home/banners/UK2024AutumnBudgetBanner";
-import US2024ElectionBanner from "./home/banners/US2024ElectionBanner.jsx";
 import OBBBAHouseholdBanner from "./home/banners/OBBBAHouseholdExplorerBanner.jsx";
 import useCountryId from "../hooks/useCountryId";
 
@@ -24,7 +22,7 @@ export default function Home() {
       </Helmet>
       <div>
         <Header />
-        {countryId === "us" && <OBBBAHouseholdBanner />} 
+        {countryId === "us" && <OBBBAHouseholdBanner />}
         <HomeLanding />
         <HomeUsedBy />
         <HomeBlogPreview />
diff --git a/src/pages/home/banners/OBBBAHouseholdExplorerBanner.jsx b/src/pages/home/banners/OBBBAHouseholdExplorerBanner.jsx
index ff3781fa7..919601d78 100644
--- a/src/pages/home/banners/OBBBAHouseholdExplorerBanner.jsx
+++ b/src/pages/home/banners/OBBBAHouseholdExplorerBanner.jsx
@@ -2,12 +2,9 @@ import LinkButton from "../../../controls/LinkButton";
 import style from "../../../style";
 import finalReconciliationImg from "../../../images/posts/final-2025-reconciliation-tax.png";
 import useDisplayCategory from "../../../hooks/useDisplayCategory";
-import { useWindowWidth } from "../../../hooks/useWindow";
-
 
 export default function OBBBAHouseholdBanner() {
   const dC = useDisplayCategory();
-  const windowWidth = useWindowWidth();
 
   const title = "Explore PolicyEngine's coverage of OBBBA";
   const subtitle =
@@ -17,11 +14,11 @@ export default function OBBBAHouseholdBanner() {
   const ctaLink = "/us/obbba-household-explorer";
   const ariaLabel =
     "Illustration of the U.S. Capitol building, representing federal policy context for household impact analysis. ";
-    // "Courtesy of Tim Mossholder, https://www.pexels.com/photo/flag-of-the-usa-on-a-pole-1709929/";
+  // "Courtesy of Tim Mossholder, https://www.pexels.com/photo/flag-of-the-usa-on-a-pole-1709929/";
 
-  const shouldUseShortTitle =
-    (dC !== "mobile" && windowWidth < 1150 && windowWidth >= 950) ||
-    (dC === "mobile" && windowWidth < 600);
+  // const shouldUseShortTitle =
+  //   (dC !== "mobile" && windowWidth < 1150 && windowWidth >= 950) ||
+  //   (dC === "mobile" && windowWidth < 600);
 
   if (dC === "mobile") {
     return (
@@ -93,8 +90,7 @@ export default function OBBBAHouseholdBanner() {
             gap: "16px",
             height: "100%",
           }}
-        >
-        </div>
+        ></div>
       </div>
     );
   }

From 1e3d6d26b8df280e3a78d10140006a8386fba83c Mon Sep 17 00:00:00 2001
From: SakshiKekre <sakshi.kekre@gmail.com>
Date: Wed, 23 Jul 2025 10:08:09 -0700
Subject: [PATCH 04/11] Improved readability

---
 .../banners/OBBBAHouseholdExplorerBanner.jsx     | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/pages/home/banners/OBBBAHouseholdExplorerBanner.jsx b/src/pages/home/banners/OBBBAHouseholdExplorerBanner.jsx
index 919601d78..4379abeca 100644
--- a/src/pages/home/banners/OBBBAHouseholdExplorerBanner.jsx
+++ b/src/pages/home/banners/OBBBAHouseholdExplorerBanner.jsx
@@ -9,7 +9,7 @@ export default function OBBBAHouseholdBanner() {
   const title = "Explore PolicyEngine's coverage of OBBBA";
   const subtitle =
     "Use our new dashboard to estimate the " +
-    "household-level impacts of each party's policy proposals, suggestions, and ideas";
+    "household-level impacts of the One Big Beautiful Bill Act";
   const ctaText = "Explore OBBBA household impacts";
   const ctaLink = "/us/obbba-household-explorer";
   const ariaLabel =
@@ -43,6 +43,7 @@ export default function OBBBAHouseholdBanner() {
             width: "100%",
             display: "flex",
             backgroundImage: `url(${finalReconciliationImg})`,
+            backgroundBlendMode: "multiply",
             backgroundColor: style.colors.BLUE_LIGHT,
             backgroundSize: "cover",
             minHeight: "fit-content",
@@ -62,8 +63,10 @@ export default function OBBBAHouseholdBanner() {
               margin: "24px",
             }}
           >
-            <h3 style={{ color: style.colors.WHITE }}>{title}</h3>
-            <p style={{ color: style.colors.WHITE }}>{subtitle}</p>
+            <h3 style={{ color: style.colors.DARK_BLUE_HOVER }}>{title}</h3>
+            <p style={{ color: style.colors.DARK_BLUE_HOVER, fontWeight: 500 }}>
+              {subtitle}
+            </p>
             <LinkButton
               type="primary"
               text={ctaText}
@@ -126,6 +129,7 @@ export default function OBBBAHouseholdBanner() {
             position: "relative",
             marginBottom: "24px",
             backgroundImage: `url(${finalReconciliationImg})`,
+            backgroundBlendMode: "multiply",
             // Fallback
             backgroundColor: style.colors.BLUE_LIGHT,
             backgroundSize: "cover",
@@ -149,8 +153,10 @@ export default function OBBBAHouseholdBanner() {
               margin: "24px",
             }}
           >
-            <h3 style={{ color: style.colors.WHITE }}>{title}</h3>
-            <p style={{ color: style.colors.WHITE }}>{subtitle}</p>
+            <h3 style={{ color: style.colors.DARK_BLUE_HOVER }}>{title}</h3>
+            <p style={{ color: style.colors.DARK_BLUE_HOVER, fontWeight: 500 }}>
+              {subtitle}
+            </p>
             <LinkButton
               type="primary"
               text={ctaText}

From d849765f3e5f98023f0714e9073b54103fd1488b Mon Sep 17 00:00:00 2001
From: SakshiKekre <sakshi.kekre@gmail.com>
Date: Thu, 24 Jul 2025 15:20:35 -0700
Subject: [PATCH 05/11] style changes - blurred card, image alignment

---
 .../banners/OBBBAHouseholdExplorerBanner.jsx  | 48 +++++++++++++------
 1 file changed, 33 insertions(+), 15 deletions(-)

diff --git a/src/pages/home/banners/OBBBAHouseholdExplorerBanner.jsx b/src/pages/home/banners/OBBBAHouseholdExplorerBanner.jsx
index 4379abeca..4b9a508e3 100644
--- a/src/pages/home/banners/OBBBAHouseholdExplorerBanner.jsx
+++ b/src/pages/home/banners/OBBBAHouseholdExplorerBanner.jsx
@@ -12,14 +12,11 @@ export default function OBBBAHouseholdBanner() {
     "household-level impacts of the One Big Beautiful Bill Act";
   const ctaText = "Explore OBBBA household impacts";
   const ctaLink = "/us/obbba-household-explorer";
+  // const ctaLink = "/us/obbba-household-by-household";
   const ariaLabel =
     "Illustration of the U.S. Capitol building, representing federal policy context for household impact analysis. ";
   // "Courtesy of Tim Mossholder, https://www.pexels.com/photo/flag-of-the-usa-on-a-pole-1709929/";
 
-  // const shouldUseShortTitle =
-  //   (dC !== "mobile" && windowWidth < 1150 && windowWidth >= 950) ||
-  //   (dC === "mobile" && windowWidth < 600);
-
   if (dC === "mobile") {
     return (
       <div
@@ -45,7 +42,8 @@ export default function OBBBAHouseholdBanner() {
             backgroundImage: `url(${finalReconciliationImg})`,
             backgroundBlendMode: "multiply",
             backgroundColor: style.colors.BLUE_LIGHT,
-            backgroundSize: "cover",
+            backgroundSize: "auto",
+            backgroundPosition: "top left",
             minHeight: "fit-content",
           }}
           role="img"
@@ -63,10 +61,20 @@ export default function OBBBAHouseholdBanner() {
               margin: "24px",
             }}
           >
-            <h3 style={{ color: style.colors.DARK_BLUE_HOVER }}>{title}</h3>
-            <p style={{ color: style.colors.DARK_BLUE_HOVER, fontWeight: 500 }}>
-              {subtitle}
-            </p>
+            <div
+              id="blurred-card-container"
+              style={{
+                backgroundColor: "rgba(255, 255, 255, 0.3)",
+                backdropFilter: "blur(8px)",
+                WebkitBackdropFilter: "blur(8px)",
+                borderRadius: "8px",
+                padding: "16px",
+                display: "inline-block",
+              }}
+            >
+              <h3 style={{ color: style.colors.DARK_BLUE_HOVER }}>{title}</h3>
+              <p style={{ color: style.colors.DARK_BLUE_HOVER }}>{subtitle}</p>
+            </div>
             <LinkButton
               type="primary"
               text={ctaText}
@@ -132,8 +140,8 @@ export default function OBBBAHouseholdBanner() {
             backgroundBlendMode: "multiply",
             // Fallback
             backgroundColor: style.colors.BLUE_LIGHT,
-            backgroundSize: "cover",
-            backgroundPosition: "right top",
+            backgroundSize: "auto",
+            backgroundPosition: "top left",
             height: "min-content",
           }}
           role="img"
@@ -153,10 +161,20 @@ export default function OBBBAHouseholdBanner() {
               margin: "24px",
             }}
           >
-            <h3 style={{ color: style.colors.DARK_BLUE_HOVER }}>{title}</h3>
-            <p style={{ color: style.colors.DARK_BLUE_HOVER, fontWeight: 500 }}>
-              {subtitle}
-            </p>
+            <div
+              id="blurred-card-container"
+              style={{
+                backgroundColor: "rgba(255, 255, 255, 0.3)",
+                backdropFilter: "blur(8px)",
+                WebkitBackdropFilter: "blur(8px)",
+                borderRadius: "8px",
+                padding: "16px",
+                display: "inline-block",
+              }}
+            >
+              <h3 style={{ color: style.colors.DARK_BLUE_HOVER }}>{title}</h3>
+              <p style={{ color: style.colors.DARK_BLUE_HOVER }}>{subtitle}</p>
+            </div>
             <LinkButton
               type="primary"
               text={ctaText}

From f9bd50e80c148b837ac844144b6708ad90d05eb9 Mon Sep 17 00:00:00 2001
From: SakshiKekre <sakshi.kekre@gmail.com>
Date: Thu, 24 Jul 2025 15:32:05 -0700
Subject: [PATCH 06/11] updated url and texts

---
 .../home/banners/OBBBAHouseholdExplorerBanner.jsx   | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/pages/home/banners/OBBBAHouseholdExplorerBanner.jsx b/src/pages/home/banners/OBBBAHouseholdExplorerBanner.jsx
index 4b9a508e3..6b39ae1be 100644
--- a/src/pages/home/banners/OBBBAHouseholdExplorerBanner.jsx
+++ b/src/pages/home/banners/OBBBAHouseholdExplorerBanner.jsx
@@ -6,16 +6,15 @@ import useDisplayCategory from "../../../hooks/useDisplayCategory";
 export default function OBBBAHouseholdBanner() {
   const dC = useDisplayCategory();
 
-  const title = "Explore PolicyEngine's coverage of OBBBA";
+  const title = "Explore PolicyEngine's coverage of " +
+  "The One Big Beautiful Bill Act";
   const subtitle =
-    "Use our new dashboard to estimate the " +
-    "household-level impacts of the One Big Beautiful Bill Act";
+    "Use our new dashboard to explore the " +
+    "household by household impacts of the One Big Beautiful Bill Act";
   const ctaText = "Explore OBBBA household impacts";
-  const ctaLink = "/us/obbba-household-explorer";
-  // const ctaLink = "/us/obbba-household-by-household";
+  const ctaLink = "/us/obbba-household-by-household";
   const ariaLabel =
-    "Illustration of the U.S. Capitol building, representing federal policy context for household impact analysis. ";
-  // "Courtesy of Tim Mossholder, https://www.pexels.com/photo/flag-of-the-usa-on-a-pole-1709929/";
+    "Illustration of the U.S. Capitol building, representing federal policy context for household impact analysis.";
 
   if (dC === "mobile") {
     return (

From 86d10ceb0e565ec767a110f143f4c82b763d9aa3 Mon Sep 17 00:00:00 2001
From: SakshiKekre <sakshi.kekre@gmail.com>
Date: Thu, 24 Jul 2025 15:36:50 -0700
Subject: [PATCH 07/11] linted

---
 src/pages/home/banners/OBBBAHouseholdExplorerBanner.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/home/banners/OBBBAHouseholdExplorerBanner.jsx b/src/pages/home/banners/OBBBAHouseholdExplorerBanner.jsx
index 6b39ae1be..f1bbe8c2f 100644
--- a/src/pages/home/banners/OBBBAHouseholdExplorerBanner.jsx
+++ b/src/pages/home/banners/OBBBAHouseholdExplorerBanner.jsx
@@ -6,8 +6,8 @@ import useDisplayCategory from "../../../hooks/useDisplayCategory";
 export default function OBBBAHouseholdBanner() {
   const dC = useDisplayCategory();
 
-  const title = "Explore PolicyEngine's coverage of " +
-  "The One Big Beautiful Bill Act";
+  const title =
+    "Explore PolicyEngine's coverage of " + "The One Big Beautiful Bill Act";
   const subtitle =
     "Use our new dashboard to explore the " +
     "household by household impacts of the One Big Beautiful Bill Act";

From fd77340b7f4c6de36fc8b73ce9fb30617e34589a Mon Sep 17 00:00:00 2001
From: SakshiKekre <sakshi.kekre@gmail.com>
Date: Thu, 24 Jul 2025 15:45:55 -0700
Subject: [PATCH 08/11] linted fixed

---
 src/pages/home/banners/OBBBAHouseholdExplorerBanner.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/home/banners/OBBBAHouseholdExplorerBanner.jsx b/src/pages/home/banners/OBBBAHouseholdExplorerBanner.jsx
index f1bbe8c2f..09aedf864 100644
--- a/src/pages/home/banners/OBBBAHouseholdExplorerBanner.jsx
+++ b/src/pages/home/banners/OBBBAHouseholdExplorerBanner.jsx
@@ -7,7 +7,7 @@ export default function OBBBAHouseholdBanner() {
   const dC = useDisplayCategory();
 
   const title =
-    "Explore PolicyEngine's coverage of " + "The One Big Beautiful Bill Act";
+    "Explore PolicyEngine's coverage of The One Big Beautiful Bill Act";
   const subtitle =
     "Use our new dashboard to explore the " +
     "household by household impacts of the One Big Beautiful Bill Act";

From 0dc69afdd4760f6b814bbea68dfaa14b3a2b05d2 Mon Sep 17 00:00:00 2001
From: SakshiKekre <sakshi.kekre@gmail.com>
Date: Thu, 24 Jul 2025 18:06:22 -0700
Subject: [PATCH 09/11] Squared corners for blurred card

---
 src/pages/home/banners/OBBBAHouseholdExplorerBanner.jsx | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/pages/home/banners/OBBBAHouseholdExplorerBanner.jsx b/src/pages/home/banners/OBBBAHouseholdExplorerBanner.jsx
index 09aedf864..f748d75b8 100644
--- a/src/pages/home/banners/OBBBAHouseholdExplorerBanner.jsx
+++ b/src/pages/home/banners/OBBBAHouseholdExplorerBanner.jsx
@@ -66,7 +66,6 @@ export default function OBBBAHouseholdBanner() {
                 backgroundColor: "rgba(255, 255, 255, 0.3)",
                 backdropFilter: "blur(8px)",
                 WebkitBackdropFilter: "blur(8px)",
-                borderRadius: "8px",
                 padding: "16px",
                 display: "inline-block",
               }}
@@ -166,7 +165,6 @@ export default function OBBBAHouseholdBanner() {
                 backgroundColor: "rgba(255, 255, 255, 0.3)",
                 backdropFilter: "blur(8px)",
                 WebkitBackdropFilter: "blur(8px)",
-                borderRadius: "8px",
                 padding: "16px",
                 display: "inline-block",
               }}

From 51aa96965acf864dd4310955b9fe825f8de25a76 Mon Sep 17 00:00:00 2001
From: Max Ghenis <mghenis@gmail.com>
Date: Mon, 11 Aug 2025 12:38:34 -0400
Subject: [PATCH 10/11] Improve OBBBA banner copy for clarity and impact

---
 src/pages/home/banners/OBBBAHouseholdExplorerBanner.jsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/home/banners/OBBBAHouseholdExplorerBanner.jsx b/src/pages/home/banners/OBBBAHouseholdExplorerBanner.jsx
index f748d75b8..5d0da056d 100644
--- a/src/pages/home/banners/OBBBAHouseholdExplorerBanner.jsx
+++ b/src/pages/home/banners/OBBBAHouseholdExplorerBanner.jsx
@@ -7,11 +7,11 @@ export default function OBBBAHouseholdBanner() {
   const dC = useDisplayCategory();
 
   const title =
-    "Explore PolicyEngine's coverage of The One Big Beautiful Bill Act";
+    "The One Big Beautiful Bill Act, household by household";
   const subtitle =
-    "Use our new dashboard to explore the " +
-    "household by household impacts of the One Big Beautiful Bill Act";
-  const ctaText = "Explore OBBBA household impacts";
+    "See how the reconciliation bill affects 20,000 representative households " +
+    "across income levels, states, and provisions";
+  const ctaText = "Explore household impacts";
   const ctaLink = "/us/obbba-household-by-household";
   const ariaLabel =
     "Illustration of the U.S. Capitol building, representing federal policy context for household impact analysis.";

From a6ad33a20e0767d2f0cad0e4c2d9ecbb6f2e3b49 Mon Sep 17 00:00:00 2001
From: Max Ghenis <mghenis@gmail.com>
Date: Mon, 11 Aug 2025 12:42:33 -0400
Subject: [PATCH 11/11] Fix formatting for Prettier

---
 src/pages/home/banners/OBBBAHouseholdExplorerBanner.jsx | 3 +--
 src/posts/posts.json                                    | 2 +-
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/pages/home/banners/OBBBAHouseholdExplorerBanner.jsx b/src/pages/home/banners/OBBBAHouseholdExplorerBanner.jsx
index 5d0da056d..162e16af3 100644
--- a/src/pages/home/banners/OBBBAHouseholdExplorerBanner.jsx
+++ b/src/pages/home/banners/OBBBAHouseholdExplorerBanner.jsx
@@ -6,8 +6,7 @@ import useDisplayCategory from "../../../hooks/useDisplayCategory";
 export default function OBBBAHouseholdBanner() {
   const dC = useDisplayCategory();
 
-  const title =
-    "The One Big Beautiful Bill Act, household by household";
+  const title = "The One Big Beautiful Bill Act, household by household";
   const subtitle =
     "See how the reconciliation bill affects 20,000 representative households " +
     "across income levels, states, and provisions";
diff --git a/src/posts/posts.json b/src/posts/posts.json
index 0a32b186c..049a104c5 100644
--- a/src/posts/posts.json
+++ b/src/posts/posts.json
@@ -8,7 +8,7 @@
     "image": "enhanced-cps-launch.png",
     "authors": ["max-ghenis", "nikhil-woodruff", "ben-ogorek", "maria-juaristi"]
   },
-    {
+  {
     "title": "The One Big Beautiful Bill Act, household by household",
     "description": "Our latest interactive shows how the reconciliation bill affects each of 20,000 representative households across income levels, states, and provisions.",
     "date": "2025-08-11",