diff --git a/src/pages/LandingPage.tsx b/src/pages/LandingPage.tsx
index a6a1101..952c39c 100644
--- a/src/pages/LandingPage.tsx
+++ b/src/pages/LandingPage.tsx
@@ -1,5 +1,5 @@
import { useEffect, useRef } from 'react';
-import { Button, Container, Title, Text, Group, Stack, Paper, ThemeIcon, SimpleGrid, Box } from '@mantine/core';
+import { Button, Container, Title, Text, Group, Stack } from '@mantine/core';
import { useNavigate } from 'react-router-dom';
import iconUrl from '../assets/icon.png';
@@ -22,12 +22,10 @@ function ZenBackground() {
resize();
window.addEventListener('resize', resize);
- // 简化的伪随机
const random = (min = 0, max = 1) => {
return min + Math.random() * (max - min);
};
- // 简化的噪声函数
const noise = (x: number, y: number, t: number) => {
return (Math.sin(x * 0.01 + t) * Math.cos(y * 0.01 + t * 0.7) + 1) * 0.5;
};
@@ -50,7 +48,6 @@ function ZenBackground() {
let lastStrokeTime = 0;
const strokeInterval = 30;
- // 生成随机笔触
const createStroke = (): InkStroke | null => {
const angle = random(0, Math.PI * 2);
const radius = random(canvas.width * 0.1, canvas.width * 0.4);
@@ -71,7 +68,6 @@ function ZenBackground() {
};
};
- // 初始化一些笔触
const initStrokes = () => {
strokes = [];
for (let i = 0; i < 8; i++) {
@@ -85,20 +81,17 @@ function ZenBackground() {
initStrokes();
- // 清空画布
ctx.fillStyle = '#faf9f7';
ctx.fillRect(0, 0, canvas.width, canvas.height);
const animate = () => {
time += 0.008;
- // 快速淡出背景
if (Math.floor(time * 125) % 3 === 0) {
ctx.fillStyle = 'rgba(250, 249, 247, 0.12)';
ctx.fillRect(0, 0, canvas.width, canvas.height);
}
- // 定期生成新笔触
if (time - lastStrokeTime > strokeInterval * 0.01) {
lastStrokeTime = time;
strokes = strokes.filter(s => !s.complete || s.currentLength < s.maxLength);
@@ -109,7 +102,6 @@ function ZenBackground() {
}
}
- // 更新和绘制笔触
for (const stroke of strokes) {
if (stroke.complete) continue;
@@ -162,7 +154,6 @@ function ZenBackground() {
}
}
- // 绘制圆相(Ensō)
const centerX = canvas.width / 2;
const centerY = canvas.height / 2;
const breathScale = 1 + Math.sin(time * 0.3) * 0.015;
@@ -214,40 +205,6 @@ function ZenBackground() {
);
}
-// 功能特性卡片
-function FeatureCard({
- icon,
- title,
- description,
-}: {
- icon: string;
- title: string;
- description: string;
-}) {
- return (
-
-
- {icon}
-
- {title}
-
-
- {description}
-
-
-
- );
-}
-
export function LandingPage() {
const navigate = useNavigate();
@@ -309,62 +266,54 @@ export function LandingPage() {
- {/* Hero 区域 */}
-
+
{/* 产品图标 */}
- {/* 主标题 */}
+ {/* 主标题 - 优化字体 */}
掐日子
@@ -374,16 +323,14 @@ export function LandingPage() {
AI 纪念日 · 提醒
@@ -391,13 +338,13 @@ export function LandingPage() {
{/* 描述文案 */}
轻便、灵活的倒数日和提醒应用
@@ -405,70 +352,57 @@ export function LandingPage() {
让每一个重要的日子都被铭记
-
+
-
- {/* 功能介绍区域 */}
-
-
-
-
-
-
-
-
+
+
+ ◯
+ 纪念日
+
+
+ ◎
+ 提醒
+
+
+ ◇
+ AI
+
+
+ ▫
+ 便签
+
+
+
);