Bouncy Cards

src/pages/index.astro

@@ -114,18 +114,18 @@ function mapMap<T, K, J>(i: Map<T, K>, fn: (key: T, value: K) => J): J[] {
     </div>
     <section class="w-full flex flex-col items-center justify-center shadow-2xl rounded-b-2xl pb-8">
         <div class="py-10 flex flex-col lg:flex-row">
-            <Card>
+            <Card client:idle>
                 <Archive heigth="64" width="64"/>
                 <h1>{t("home.benefits.historic.title")}</h1>
                 <p>{t("home.benefits.historic.description.1")}</p>
                 <p>{t("home.benefits.historic.description.2")}</p>
             </Card>
-            <Card>
+            <Card client:idle>
                 <Rocket heigth="64" width="64"/>
                 <h1>{t("home.benefits.server.title")}</h1>
                 <p>{t("home.benefits.server.description")}</p>
             </Card>
-            <Card>
+            <Card client:idle>
                 <Bell heigth="64" width="64"/>
                 <h1>{t("home.benefits.events.title")}</h1>
                 <p>{t("home.benefits.events.description.1")}</p>