diff --git a/apps/landing/package.json b/apps/landing/package.json
index e9a3ff05..809833d6 100644
--- a/apps/landing/package.json
+++ b/apps/landing/package.json
@@ -25,7 +25,8 @@
     "react-dom": "^19.1.1",
     "react-markdown": "^10.1.0",
     "react-syntax-highlighter": "^15.6.6",
-    "remark-gfm": "^4.0.1"
+    "remark-gfm": "^4.0.1",
+     "lenis": "1.3.11"
   },
   "devDependencies": {
     "@devup-ui/next-plugin": "workspace:*",
diff --git a/apps/landing/src/app/Bench.tsx b/apps/landing/src/app/Bench.tsx
index 4ef32d79..d5014d12 100644
--- a/apps/landing/src/app/Bench.tsx
+++ b/apps/landing/src/app/Bench.tsx
@@ -3,6 +3,58 @@ import { Box, Flex, Text, VStack } from '@devup-ui/react'
 import { DevupUICard } from './DevupUICard'
 import { OtherCard } from './OtherCard'
 
+const OTHER_CARDS = [
+  {
+    title: 'Chakra UI',
+    version: '3.27.0',
+    buildTime: '29.99s',
+    buildSize: '200.4MB',
+    url: 'https://chakra-ui.com',
+  },
+  {
+    title: 'Mui',
+    version: '7.3.2',
+    buildTime: '22.21s',
+    buildSize: '89.9MB',
+    url: 'https://mui.com',
+  },
+  {
+    title: 'Kuma UI',
+    version: '1.5.9',
+    buildTime: '21.61s',
+    buildSize: '64.3MB',
+    url: 'https://kuma-ui.com',
+  },
+  {
+    title: 'Tailwindcss',
+    version: '4.1.13',
+    buildTime: '20.22s',
+    buildSize: '54.8MB',
+    url: 'https://tailwindcss.com',
+  },
+  {
+    title: 'panda CSS',
+    version: '1.3.1',
+    buildTime: '22.01s',
+    buildSize: '59.5MB',
+    url: 'https://panda-css.com',
+  },
+  {
+    title: 'styleX',
+    version: '0.15.4',
+    buildTime: '38.97s',
+    buildSize: '54.7MB',
+    url: 'https://stylexjs.com',
+  },
+  {
+    title: 'vanilla extract',
+    version: '1.17.4',
+    buildTime: '20.09s',
+    buildSize: '56.6MB',
+    url: 'https://vanilla-extract.style',
+  },
+]
+
 export function Bench() {
   return (
     <VStack
@@ -39,65 +91,17 @@ export function Bench() {
           scrollbarWidth="none"
         >
           <Flex
+            alignItems="flex-end"
             flexWrap={[null, null, null, null, 'wrap']}
             gap={[3, null, 5]}
             justifyContent={[null, null, null, null, 'center']}
             px={[4, null, '40px', null, 0]}
+            w="fit-content"
           >
             <Flex display={['none', null, null, null, 'flex']}>
               <DevupUICard />
             </Flex>
-            {[
-              {
-                title: 'Chakra UI',
-                version: '3.27.0',
-                buildTime: '29.99s',
-                buildSize: '210.1MB',
-                url: 'https://chakra-ui.com',
-              },
-              {
-                title: 'Mui',
-                version: '7.3.2',
-                buildTime: '22.21s',
-                buildSize: '94.23MB',
-                url: 'https://mui.com',
-              },
-              {
-                title: 'Kuma UI',
-                version: '1.5.9',
-                buildTime: '21.61s',
-                buildSize: '67.42MB',
-                url: 'https://kuma-ui.com',
-              },
-              {
-                title: 'Tailwindcss',
-                version: '4.1.13',
-                buildTime: '20.22s',
-                buildSize: '57.41MB',
-                url: 'https://tailwindcss.com',
-              },
-              {
-                title: 'Panda CSS',
-                version: '1.3.1',
-                buildTime: '21.61s',
-                buildSize: '62.43MB',
-                url: 'https://panda-css.com',
-              },
-              {
-                title: 'styleX',
-                version: '0.15.4',
-                buildTime: '38.97s',
-                buildSize: '76.25MB',
-                url: 'https://stylexjs.com',
-              },
-              {
-                title: 'Vanilla Extract',
-                version: '1.17.4',
-                buildTime: '20.09s',
-                buildSize: '59.36MB',
-                url: 'https://vanilla-extract.style',
-              },
-            ].map((item) => (
+            {OTHER_CARDS.map((item) => (
               <OtherCard key={item.title} {...item} />
             ))}
           </Flex>
diff --git a/apps/landing/src/app/DevupUICard.tsx b/apps/landing/src/app/DevupUICard.tsx
index 3fb693ef..75f60965 100644
--- a/apps/landing/src/app/DevupUICard.tsx
+++ b/apps/landing/src/app/DevupUICard.tsx
@@ -53,7 +53,7 @@ export function DevupUICard() {
               color="transparent"
               typography="h4"
             >
-              18.35s
+              18.23s
             </Text>
           </Flex>
         </VStack>
@@ -76,7 +76,7 @@ export function DevupUICard() {
               color="transparent"
               typography="h4"
             >
-              57.40MB
+              54.8MB
             </Text>
           </Flex>
         </VStack>
diff --git a/apps/landing/src/app/OtherCard.tsx b/apps/landing/src/app/OtherCard.tsx
index 80ffb6e6..6b3cacf1 100644
--- a/apps/landing/src/app/OtherCard.tsx
+++ b/apps/landing/src/app/OtherCard.tsx
@@ -20,10 +20,12 @@ export function OtherCard({
       aspectRatio={[null, null, null, null, '1']}
       bg="$cardBg"
       borderRadius="20px"
+      flex="1"
       flexDir={['row', null, 'column']}
-      gap="40px"
+      gap={['20px', null, '40px']}
+      h={[null, null, null, null, '318px']}
       justifyContent="space-between"
-      minW={[null, null, '240px', null, '300px']}
+      minW={[null, null, '240px', null, 'none']}
       p={[6, null, '30px']}
     >
       <VStack gap="8px">
@@ -34,7 +36,7 @@ export function OtherCard({
           href={url}
           target="_blank"
         >
-          <Text color="$captionBold" typography="h6">
+          <Text color="$captionBold" typography="h6" whiteSpace="nowrap">
             {title}
           </Text>
         </Link>
diff --git a/apps/landing/src/app/TopBanner.tsx b/apps/landing/src/app/TopBanner.tsx
index be533e3a..8e3119f3 100644
--- a/apps/landing/src/app/TopBanner.tsx
+++ b/apps/landing/src/app/TopBanner.tsx
@@ -55,7 +55,11 @@ export function TopBanner() {
             <Box as="br" display={['none', null, 'initial']} />
             CSS in JS Preprocessor
           </Text>
-          <Text color="$text" typography="h6Reg">
+          <Text
+            color="$text"
+            textShadow="0 -2px 4px var(--base, #FFF), 0 2px 4px var(--base, #FFF)"
+            typography="h6Reg"
+          >
             Building the Future of CSS-in-JS
             <br />
             Analyze all possible scenarios at the fastest speed and style with
diff --git a/apps/landing/src/app/layout.tsx b/apps/landing/src/app/layout.tsx
index 70c3d8ce..0dbaaa2c 100644
--- a/apps/landing/src/app/layout.tsx
+++ b/apps/landing/src/app/layout.tsx
@@ -1,5 +1,6 @@
 import { Box, css, globalCss, ThemeScript } from '@devup-ui/react'
 import { resetCss } from '@devup-ui/reset-css'
+import ReactLenis from 'lenis/react'
 import type { Metadata } from 'next'
 
 import { Footer } from '../components/Footer'
@@ -98,12 +99,14 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
             width="0"
           />
         </noscript>
-        <SearchModal />
-        <Box bg="$background">
-          <Header />
-          {children}
-        </Box>
-        <Footer />
+        <ReactLenis options={{ duration: 1.4 }} root>
+          <SearchModal />
+          <Box bg="$background">
+            <Header />
+            {children}
+          </Box>
+          <Footer />
+        </ReactLenis>
       </body>
     </html>
   )
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 16eb724a..bc50ed99 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -74,6 +74,9 @@ importers:
       clsx:
         specifier: ^2.1.1
         version: 2.1.1
+      lenis:
+        specifier: 1.3.11
+        version: 1.3.11(react@19.1.1)
       next:
         specifier: ^15.5.3
         version: 15.5.3(@babel/core@7.28.4)(babel-plugin-macros@3.1.0)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
@@ -4990,6 +4993,20 @@ packages:
     resolution: {integrity: sha512-MbjN408fEndfiQXbFQ1vnd+1NoLDsnQW41410oQBXiyXDMYH5z505juWa4KUE1LqxRC7DgOgZDbKLxHIwm27hA==}
     engines: {node: '>=0.10'}
 
+  lenis@1.3.11:
+    resolution: {integrity: sha512-lkyBnNTVwJzlupp+VL6LTn62WeT8WponuLpmTU0Z20cMwMsLLjqbSqwuA7I1yKSVWCBj/awo4jnFzOMOVCB8OQ==}
+    peerDependencies:
+      '@nuxt/kit': '>=3.0.0'
+      react: '>=17.0.0'
+      vue: '>=3.0.0'
+    peerDependenciesMeta:
+      '@nuxt/kit':
+        optional: true
+      react:
+        optional: true
+      vue:
+        optional: true
+
   levn@0.4.1:
     resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
     engines: {node: '>= 0.8.0'}
@@ -12062,6 +12079,10 @@ snapshots:
     dependencies:
       language-subtag-registry: 0.3.23
 
+  lenis@1.3.11(react@19.1.1):
+    optionalDependencies:
+      react: 19.1.1
+
   levn@0.4.1:
     dependencies:
       prelude-ls: 1.2.1