hero section

src/layouts/Layout.astro

@@ -1,6 +1,8 @@
 ---
 import Navbar from "@components/navbar/navbar.astro";
 
+import "@fontsource/inter/variable.css";
+
 export interface Props {
   title: string;
 }
@@ -21,11 +23,15 @@ const { title } = Astro.props;
     <Navbar />
     <slot />
     <style is:global>
-      // Improve Page speed
-      // https://css-tricks.com/almanac/properties/c/content-visibility/
+      /* Improve Page speed */
+      /* https://css-tricks.com/almanac/properties/c/content-visibility/ */
       img {
         content-visibility: auto;
       }
+      /* Avoid Alpine.js Hidden Element Flash */
+      [x-cloak] {
+        display: none;
+      }
     </style>
   </body>
 </html>