feat: homets 化 创建类型定义文件

创建常量配置文件
 创建自定义 Hook

 创建组件目录
创建 HeroHeader 组件
创建 FeaturedFeatureCard 组件
创建 FeatureCard 组件
创建新的 HomePage.tsx

src/views/Home/components/HeroHeader.tsx

@@ -0,0 +1,48 @@
+// src/views/Home/components/HeroHeader.tsx
+// 首页主标题区域组件
+
+import React from 'react';
+import { Heading, Text, VStack } from '@chakra-ui/react';
+
+interface HeroHeaderProps {
+  headingSize: string | undefined;
+  headingLetterSpacing: string | undefined;
+  heroTextSize: string | undefined;
+}
+
+/**
+ * 首页主标题区域组件
+ * 包含主标题和副标题
+ */
+export const HeroHeader: React.FC<HeroHeaderProps> = ({
+  headingSize,
+  headingLetterSpacing,
+  heroTextSize
+}) => {
+  return (
+    <VStack
+      spacing={{ base: 4, md: 5, lg: 6 }}
+      textAlign="center"
+      pt={{ base: 4, md: 6, lg: 8 }}
+    >
+      <Heading
+        size={headingSize}
+        color="white"
+        fontWeight="900"
+        letterSpacing={headingLetterSpacing}
+        lineHeight="shorter"
+      >
+        智能投资分析平台
+      </Heading>
+      <Text
+        fontSize={heroTextSize}
+        color="whiteAlpha.800"
+        maxW={{ base: '100%', md: '2xl', lg: '3xl' }}
+        lineHeight="tall"
+        px={{ base: 4, md: 0 }}
+      >
+        专业投资研究工具,助您把握市场机遇
+      </Text>
+    </VStack>
+  );
+};