feat: update tools page

src/pages/tools/index.astro

@@ -10,6 +10,20 @@ const DESIGN = [
 		href: 'https://www.figma.com/',
 		iconPath: 'figma',
 		iconBgColour: '#000001'
+	},
+	{
+		name: 'Canva',
+		description: 'Design Tool',
+		href: 'https://www.canva.com/',
+		iconPath: 'canva',
+		iconBgColour: '#000001'
+	},
+	{
+		name: '剪映',
+		description: '视频剪辑',
+		href: 'https://www.capcut.cn/',
+		iconPath: 'tiktok',
+		iconBgColour: '#000001'
 	}
 ]
 
@@ -21,16 +35,9 @@ const PRODUCTIVITY = [
 		iconPath: 'arc',
 		iconBgColour: '#414350'
 	},
-	{
-		name: 'Notion',
-		description: 'Note Taking',
-		href: 'https://www.notion.so/product',
-		iconPath: 'notion',
-		iconBgColour: '#EFEFEE'
-	},
 	{
 		name: 'Obsidian',
-		description: 'Long-form Writing',
+		description: 'local-first markdown editor',
 		href: 'https://obsidian.md/',
 		iconPath: 'obsidian',
 		iconBgColour: '#7A3EE8'
@@ -53,6 +60,27 @@ const DEVELOPMENT = [
 		iconBgColour: '#06A67F'
 	}
 ]
+
+const Divices = [
+	{
+		name: 'mac mini m2 pro 32G 512G',
+		description: '主力机',
+		iconPath: 'apple',
+		iconBgColour: '#000001'
+	},
+	{
+		name: 'macbook air m1 16G 256G',
+		description: '移动办公机',
+		iconPath: 'apple',
+		iconBgColour: '#000001'
+	},
+	{
+		name: '机械师整机 i5 32G 512G',
+		description: 'windows 台式机',
+		iconPath: 'windows',
+		iconBgColour: '#000001'
+	}
+]
 ---
 
 <PageLayout meta={{ title: 'Home' }}>
@@ -78,10 +106,10 @@ const DEVELOPMENT = [
 				<h1 class='mb-1 text-2xl font-bold'>Tools</h1>
 				<p>Tools and software I use daily</p>
 			</div>
-
-			<ToolSection title='Design' tools={DESIGN} />
-			<ToolSection title='Productivity' tools={PRODUCTIVITY} />
 			<ToolSection title='Development' tools={DEVELOPMENT} />
+			<ToolSection title='Productivity' tools={PRODUCTIVITY} />
+			<ToolSection title='Design' tools={DESIGN} />
+			<ToolSection title='Devices' tools={Divices} />
 		</div>
 	</div>
 </PageLayout>