Merge pull request #272 from goteo/hotfix/home-issues

hotfix: home issues

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>

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>

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 />