fix: trimmer heading

packages/website/src/components/Navbar.astro

@@ -29,7 +29,7 @@ const strings = getStrings(locale);
 
 <style>
   .navbar,
-  .padder {
+  .navbar-padder {
     transition-duration: 1s;
   }
 
@@ -37,7 +37,7 @@ const strings = getStrings(locale);
     transform: translateY(-100%);
   }
 
-  body.no-navbar .padder {
+  body.no-navbar .navbar-padder {
     height: 0;
   }
 
@@ -79,7 +79,7 @@ const strings = getStrings(locale);
   });
 </script>
 
-<Box className="padder" height={{ initial: "3.5rem", sm: "3rem" }} />
+<Box className="navbar-padder" height={{ initial: "3.5rem", sm: "3rem" }} />
 
 <Flex
   direction="column"

packages/website/src/components/Tankopedia/HeroSection/components/TankSandbox/Title/index.tsx

@@ -8,11 +8,12 @@ export function Title() {
   const { unwrap } = useLocale();
   const protagonist = Duel.use((state) => state.protagonist.tank);
   const revealed = Tankopedia.use((state) => state.revealed);
+  const disturbed = Tankopedia.use((state) => state.disturbed);
   const name = unwrap(protagonist.name);
   const fontSize = revealed
-    ? revealed
+    ? disturbed
-      ? "2rem"
+      ? "1.5rem"
-      : `min(16vh, ${125 / name.length}vw)`
+      : "2rem"
     : `min(12vh, ${75 / name.length}vw)`;
 
   return (
@@ -28,7 +29,7 @@ export function Title() {
       position="absolute"
       align="center"
       justify="center"
-      top={revealed ? "6rem" : "50%"}
+      top={revealed ? (disturbed ? "3rem" : "6rem") : "50%"}
       left="50%"
       width="100%"
       height={revealed ? fontSize : "100%"}

packages/website/src/pages/[...locale]/index.astro

@@ -61,7 +61,7 @@ export const getStaticPaths = (() => {
   twitter={{ cardType: "summary_large_image" }}
 />
 
-<BaseLayout>
+<BaseLayout integrated>
   <HomeHero />
 
   <!-- <Flex justify="center" py="6" px="4" justify="center">