From 29681d1076945b5ad1af59a85d5562ccf351e5f2 Mon Sep 17 00:00:00 2001 From: belltalion Date: Thu, 25 Sep 2025 10:38:09 +0900 Subject: [PATCH 1/3] Fix landing qa --- apps/landing/package.json | 3 +- apps/landing/script.js | 4 +- apps/landing/src/app/Bench.tsx | 106 ++++++++++++++------------- apps/landing/src/app/DevupUICard.tsx | 6 +- apps/landing/src/app/OtherCard.tsx | 8 +- apps/landing/src/app/layout.tsx | 15 ++-- pnpm-lock.yaml | 21 ++++++ 7 files changed, 98 insertions(+), 65 deletions(-) diff --git a/apps/landing/package.json b/apps/landing/package.json index e9a3ff05..c65fc06f 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/script.js b/apps/landing/script.js index bfb9f169..b25fd033 100644 --- a/apps/landing/script.js +++ b/apps/landing/script.js @@ -1,4 +1,6 @@ -import { glob, readFile, writeFile } from 'node:fs/promises' +import { readFile, writeFile } from 'node:fs/promises' + +import { glob } from 'glob' const files = await glob('src/**/*.mdx') diff --git a/apps/landing/src/app/Bench.tsx b/apps/landing/src/app/Bench.tsx index 529dc71e..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.24.2', - buildTime: '29.3s', - buildSize: '186.2MB', - url: 'https://chakra-ui.com', - }, - { - title: 'Mui', - version: '7.3.1', - buildTime: '21.6s', - buildSize: '84.3MB', - url: 'https://mui.com', - }, - { - title: 'Kuma UI', - version: '1.5.9', - buildTime: '20.6s', - buildSize: '60.3MB', - url: 'https://kuma-ui.com', - }, - { - title: 'Tailwindcss', - version: '4.1.13', - buildTime: '20.2s', - buildSize: '54.7MB', - url: 'https://tailwindcss.com', - }, - { - title: 'panda CSS', - version: '1.3.1', - buildTime: '22.0s', - buildSize: '59.5MB', - url: 'https://panda-css.com', - }, - { - title: 'styleX', - version: '0.15.4', - buildTime: '38.9s', - buildSize: '72.7MB', - url: 'https://stylexjs.com', - }, - { - title: 'vanilla extract', - version: '1.17.4', - buildTime: '20.1s', - buildSize: '56.6MB', - 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 ca434e34..b195d1b7 100644 --- a/apps/landing/src/app/DevupUICard.tsx +++ b/apps/landing/src/app/DevupUICard.tsx @@ -30,7 +30,7 @@ export function DevupUICard() { Devup-ui - 1.0.15 + 1.0.18 @@ -53,7 +53,7 @@ export function DevupUICard() { color="transparent" typography="h4" > - 16.8s + 18.23s @@ -76,7 +76,7 @@ export function DevupUICard() { color="transparent" typography="h4" > - 51.2MB + 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/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} - -