the first version of homepage

src/components/home.jsx

@@ -83,45 +83,80 @@ const tableData = [1, 2, 3].map((item) => ({
 
 const faqs = [
   {
-    q: "Rhdata是什么？使用Rhdata有什么好处？",
+    q: "Hoyidata是什么？使用Hoyidata有什么好处？",
     a:
-      "Rhdata 是行业用户规模最大、市场占有率第一的 TikTok 电商数据分析工具，已服务全球 300 万+品牌、卖家、达人与机构。作为行业首家同时覆盖 TikTok 全球 15 站点、Amazon 与 Shopee 的一站式跨平台数据分析工具，Rhdata 利用 AI 与大数据赋能，帮助你高效完成爆品挖掘、竞品分析、达人筛选与内容优化，以精准数据驱动决策，全面提升跨境电商运营效率！"
+      "Hoyidata 是行业用户规模最大、市场占有率第一的 TikTok 电商数据分析工具，已服务全球 300 万+品牌、卖家、达人与机构。作为行业首家同时覆盖 TikTok 全球 15 站点、Amazon 与 Shopee 的一站式跨平台数据分析工具，Hoyidata 利用 AI 与大数据赋能，帮助你高效完成爆品挖掘、竞品分析、达人筛选与内容优化，以精准数据驱动决策，全面提升跨境电商运营效率！"
   },
   {
-    q: "Rhdata的数据是怎么获得的？准确度如何？",
+    q: "Hoyidata的数据是怎么获得的？准确度如何？",
     a:
       "TikTok 电商数据由我们的技术团队通过采集公开渠道的数据，再结合先进的 AI 算法模型和数据处理技术加工得出。部分数据（如成交金额、广告消耗）会与真实数据存在一定误差。随着模型每天训练与升级，数据准确度也在不断提升。我们的核心宗旨是帮助用户更深入了解、学习并借鉴商品、店铺与内容，用于形成更科学的经营策略。请勿将该数据用于合作分佣结算、绩效考核等高精度要求场景。"
   },
   {
-    q: "Rhdata团队的背景？",
+    q: "Hoyidata团队的背景？",
     a:
       "我们的团队拥有丰富的行业经验与数据分析能力，能够快速识别并分析数据中的关键洞察。我们不仅提供基础的数据统计，还能进行深度的数据挖掘与趋势预测，帮助用户更好地理解市场与用户需求，制定更有效的选品与营销策略。"
   },
   {
-    q: "Rhdata的费用是多少？",
+    q: "Hoyidata的费用是多少？",
     a: (
       <>
         您可以在我们的付费页面查看更多和详细了解套餐价格和功能：
-        <Link href="https://www.Rhdata.com/pricing" target="_blank">
+        <Link href="https://www.hoyidata.com/pricing" target="_blank">
-          https://www.Rhdata.com/pricing
+          https://www.Hoyidata.com/pricing
         </Link>
         。
       </>
     )
   },
   {
-    q: "如果向他人推介Rhdata，可以得到佣金吗？",
+    q: "如果向他人推介Hoyidata，可以得到佣金吗？",
     a: "是的，我们有代理合作计划，请您联系官方客服。"
   }
 ];
 
+const friendLinks = [
+  [
+    "Hoyidata",
+    "toby",
+    "41",
+    "yannyang",
+    "rh-shop",
+    "leileiwang"
+  ],
+  [
+    "Hoyidata",
+    "toby",
+    "41",
+    "yannyang",
+    "rh-shop",
+    "leileiwang"
+  ],
+  [
+    "Hoyidata",
+    "toby",
+    "41",
+    "yannyang",
+    "rh-shop",
+    "leileiwang"
+  ],
+  [
+    "Hoyidata",
+    "toby",
+    "41",
+    "yannyang",
+    "rh-shop",
+    "leileiwang"
+  ],
+];
+
 export default function Home() {
   return (
     <Layout className="home">
       <Header className="home-header">
         <div className="home-brand">
           <span className="home-logo-wrap">
-            <img className="home-logo" src={logoWhite} alt="Rhdata" />
+            <img className="home-logo" src={logoWhite} alt="Hoyidata" />
           </span>
         </div>
         <Menu
@@ -259,6 +294,51 @@ export default function Home() {
             </Card>
           </div>
         </section>
+        <section className="home-links">
+          <div className="home-links-inner">
+            <div className="home-links-title">
+              友情链接
+            </div>
+            <Row gutter={[40, 16]} className="home-links-grid">
+              {friendLinks.map((column, colIndex) => (
+                <Col key={`link-col-${colIndex}`} xs={12} md={6}>
+                  <Space direction="vertical" size={10} className="home-links-col">
+                    {column.map((item) => (
+                      <Text key={item} className="home-links-item">
+                        {item}
+                      </Text>
+                    ))}
+                  </Space>
+                </Col>
+              ))}
+            </Row>
+          </div>
+        </section>
+        <footer className="home-footer">
+          <div className="home-footer-inner">
+            <div className="home-footer-links">
+              <Text className="home-footer-link">联系我们</Text>
+              <span className="home-footer-sep">|</span>
+              <Text className="home-footer-link">隐私政策</Text>
+              <span className="home-footer-sep">|</span>
+              <Text className="home-footer-link">使用须知</Text>
+              <span className="home-footer-sep">|</span>
+              <Text className="home-footer-link">网站地图</Text>
+            </div>
+            <div className="home-footer-meta">
+              <Text>版权所有：深圳火蚁木木科技有限公司</Text>
+              <Text>备案号：（注册中...）</Text>
+            </div>
+            <div className="home-footer-meta">
+              <div className="home-footer-icp">
+                <span className="home-footer-icp-icon" aria-hidden="true" />
+                <Text>安备号：（注册中...）</Text>
+              </div>
+              <Text>联系方式：redhare@redhare.cc</Text>
+              <Text>办公地址：深圳市南山区粤海街道海滨二路99号</Text>
+            </div>
+          </div>
+        </footer>
       </Content>
     </Layout>
   );

src/css/home.css

@@ -400,3 +400,85 @@ body {
   color: #5f6b7c;
   line-height: 1.7;
 }
+
+.home-links {
+  width: 100%;
+  background: #fff;
+  padding: 32px 0 48px;
+}
+
+.home-links-inner {
+  width: 1200px;
+  margin: 0 auto;
+}
+
+.home-links-title {
+  text-align: center;
+  margin-bottom: 28px;
+  font-size: 16px;
+  color: #1f2a37;
+  font-weight: 500;
+}
+
+.home-links-col {
+  align-items: flex-start;
+}
+
+.home-links-item {
+  color: #6b7280;
+  font-size: 13px;
+}
+
+.home-footer {
+  width: 100%;
+  background: #f5f7fb;
+  border-top: 1px solid #eef2f7;
+}
+
+.home-footer-inner {
+  width: 1200px;
+  margin: 0 auto;
+  padding: 18px 0 28px;
+  text-align: center;
+  color: #6b7280;
+  font-size: 12px;
+}
+
+.home-footer-links {
+  display: flex;
+  justify-content: center;
+  gap: 12px;
+  margin-bottom: 14px;
+  color: #1f2a37;
+}
+
+.home-footer-link {
+  color: #1f2a37;
+  cursor: pointer;
+}
+
+.home-footer-sep {
+  color: #c7ced9;
+}
+
+.home-footer-meta {
+  display: flex;
+  justify-content: center;
+  gap: 24px;
+  margin-top: 8px;
+  flex-wrap: wrap;
+}
+
+.home-footer-icp {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.home-footer-icp-icon {
+  width: 14px;
+  height: 14px;
+  background: url("https://d149xzut2sq6e3.cloudfront.net/upload/a98075c1.png")
+    center/contain no-repeat;
+  display: inline-block;
+}