From a9228f5e3b13791ba1aa864389ff954d2153cb73 Mon Sep 17 00:00:00 2001
From: Daniel Subiabre <daniel.subiabre@platoniq.net>
Date: Mon, 11 May 2026 14:59:20 +0200
Subject: [PATCH 1/2] fix: add wrapper to home banner section

---
 src/pages/[...locale]/index.astro | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/pages/[...locale]/index.astro b/src/pages/[...locale]/index.astro
index 1027fb17..a889cd9d 100644
--- a/src/pages/[...locale]/index.astro
+++ b/src/pages/[...locale]/index.astro
@@ -26,13 +26,15 @@ const { t, lang, session } = Astro.locals;
 <Layout title={t("pages.index.title")} description={t("metadata.description")}>
     <App client:load locale={lang} session={session} class="mb-20 gap-18">
         <Hero />
-        <HomeBanner
-            title={t("pages.home.banner.title")}
-            description={t("pages.home.banner.description")}
-            ctaText={t("pages.home.banner.ctaText")}
-            ctaLink={t("pages.home.banner.ctaLink")}
-            closeAriaLabel={t("pages.home.banner.closeAriaLabel")}
-        />
+        <div class="wrapper">
+            <HomeBanner
+                title={t("pages.home.banner.title")}
+                description={t("pages.home.banner.description")}
+                ctaText={t("pages.home.banner.ctaText")}
+                ctaLink={t("pages.home.banner.ctaLink")}
+                closeAriaLabel={t("pages.home.banner.closeAriaLabel")}
+            />
+        </div>
         <Campaigns />
         <Blog />
         <Stats />

From 261e571408fd52a7391a9e285730d7dc31ab4d7c Mon Sep 17 00:00:00 2001
From: Daniel Subiabre <daniel.subiabre@platoniq.net>
Date: Mon, 11 May 2026 15:03:55 +0200
Subject: [PATCH 2/2] fix: missing client:load in astro layout components

---
 src/components/home/Campaigns.astro     | 2 +-
 src/components/home/CampaignsTabs.astro | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/home/Campaigns.astro b/src/components/home/Campaigns.astro
index 600f35a3..b9ed5866 100644
--- a/src/components/home/Campaigns.astro
+++ b/src/components/home/Campaigns.astro
@@ -96,7 +96,7 @@ const displayCampaigns = selectCampaignsForGrid(campaigns);
     <Grid class="auto-rows-fr grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3" client:load>
         {
             displayCampaigns.map((campaign) => (
-                <CampaignCard size={campaign.size} campaign={campaign} />
+                <CampaignCard size={campaign.size} campaign={campaign} client:load />
             ))
         }
     </Grid>
diff --git a/src/components/home/CampaignsTabs.astro b/src/components/home/CampaignsTabs.astro
index 8909b8b6..a1f191ab 100644
--- a/src/components/home/CampaignsTabs.astro
+++ b/src/components/home/CampaignsTabs.astro
@@ -68,7 +68,11 @@ const displayCampaigns = campaigns.slice(0, 4); // Show first 4 campaigns
     <!-- Campaigns Carousel -->
     <div>
         <Carousel client:load itemsPerGroup={3} gap={24} showDots={false}>
-            {displayCampaigns.map((campaign) => <CampaignCard size="small" campaign={campaign} />)}
+            {
+                displayCampaigns.map((campaign) => (
+                    <CampaignCard size="small" campaign={campaign} client:load />
+                ))
+            }
         </Carousel>
     </div>
 </section>