大更新

tailwind.config.ts

@@ -1,4 +1,5 @@
 import type { Config } from "tailwindcss";
+import { heroui } from "@heroui/theme";
 
 export default {
   darkMode: "class",
@@ -6,6 +7,7 @@ export default {
     "./pages/**/*.{js,ts,jsx,tsx,mdx}",
     "./components/**/*.{js,ts,jsx,tsx,mdx}",
     "./app/**/*.{js,ts,jsx,tsx,mdx}",
+    "./node_modules/@heroui/theme/dist/**/*.{js,ts,jsx,tsx}",
   ],
   theme: {
     extend: {
@@ -29,6 +31,7 @@ export default {
         'body-small': ['14px', { lineHeight: '150%' }],
         'body-default': ['16px', { lineHeight: '150%' }],
         'body-large': ['18px', { lineHeight: '150%' }],
+        'heading-h4': ['20px', { lineHeight: '140%', letterSpacing: '-0.005em' }],
         'heading-h3': ['24px', { lineHeight: '130%', letterSpacing: '-0.005em' }],
         'heading-h2': ['32px', { lineHeight: '120%', letterSpacing: '-0.01em' }],
       },
@@ -38,7 +41,22 @@ export default {
         bold: '700',
         extrabold: '800',
       },
+      animation: {
+        'fade-in': 'fadeInCard 0.4s ease-out',
+      },
+      keyframes: {
+        fadeInCard: {
+          '0%': {
+            opacity: '0',
+            transform: 'scale(0.95) translateY(20px)',
+          },
+          '100%': {
+            opacity: '1',
+            transform: 'scale(1) translateY(0)',
+          },
+        },
+      },
     },
   },
-  plugins: [],
+  plugins: [heroui()],
 } satisfies Config;