From 764a941cae94df46549bedd25309cf907eb37e0b Mon Sep 17 00:00:00 2001 From: belltalion Date: Thu, 25 Sep 2025 11:43:26 +0900 Subject: [PATCH] Fix landing qa --- apps/landing/package.json | 3 +- apps/landing/src/app/Bench.tsx | 106 ++++++++++++++------------- apps/landing/src/app/DevupUICard.tsx | 4 +- apps/landing/src/app/OtherCard.tsx | 8 +- apps/landing/src/app/TopBanner.tsx | 6 +- apps/landing/src/app/layout.tsx | 15 ++-- pnpm-lock.yaml | 21 ++++++ 7 files changed, 99 insertions(+), 64 deletions(-) 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 ( - {[ - { - 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) => ( ))} 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 @@ -76,7 +76,7 @@ export function DevupUICard() { color="transparent" typography="h4" > - 57.40MB + 54.8MB 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']} > @@ -34,7 +36,7 @@ export function OtherCard({ href={url} target="_blank" > - + {title} 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() { CSS in JS Preprocessor - + Building the Future of CSS-in-JS
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" /> - - -
- {children} - -