feat: 重构网站UI设计并优化布局结构

重构整体UI设计，采用红色主题配色方案优化页面布局结构，将Header和Footer移至page组件更新按钮样式和交互效果，增强视觉反馈调整全局字体配置，使用思源黑体作为中文字体改进各区块卡片样式，增加悬停动画效果优化响应式设计，提升移动端体验
2026-02-08 16:46:22 +08:00
parent cc55146ba6
commit 522f1e09a7
13 changed files with 392 additions and 322 deletions
@@ -1,5 +1,5 @@
 import type { Metadata } from "next";
-import { Geist, Geist_Mono, Ma_Shan_Zheng, ZCOOL_XiaoWei, Noto_Serif_SC } from "next/font/google";
+import { Geist, Geist_Mono, Noto_Sans_SC } from "next/font/google";
 import "./globals.css";

 const geistSans = Geist({
@@ -12,23 +12,10 @@ const geistMono = Geist_Mono({
  subsets: ["latin"],
 });

-// 书法字体
-const maShanZheng = Ma_Shan_Zheng({
-  weight: "400",
-  variable: "--font-ma-shan-zheng",
-  subsets: ["latin"],
-});
-
-const zcoolXiaoWei = ZCOOL_XiaoWei({
-  weight: "400",
-  variable: "--font-zcool-xiaowei",
-  subsets: ["latin"],
-});
-
-// 思源宋体 - 作为青柳隶书的替代
-const notoSerifSC = Noto_Serif_SC({
-  weight: ["400", "700"],
-  variable: "--font-noto-serif-sc",
+// 思源黑体 - 中文字体
+const notoSansSC = Noto_Sans_SC({
+  weight: ["400", "500", "700"],
+  variable: "--font-noto-sans-sc",
  subsets: ["latin"],
 });

@@ -59,11 +46,6 @@ export const metadata: Metadata = {
    title: "四川睿新致远科技有限公司",
    description: "企业数字化转型服务商",
  },
-  verification: {
-    // 可以添加搜索引擎验证代码
-    // google: "your-google-verification-code",
-    // baidu: "your-baidu-verification-code",
-  },
  alternates: {
    canonical: "https://www.novalon.cn",
  },
@@ -75,21 +57,15 @@ export default function RootLayout({
  children: React.ReactNode;
 }>) {
  return (
-    <html lang="zh-CN">
+    <html lang="zh-CN" className="scroll-smooth">
      <head>
        {/* Favicon */}
        <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
        <link rel="apple-touch-icon" href="/favicon.svg" />
-        {/* 中文字体 - 从Google Fonts加载 */}
-        <link rel="preconnect" href="https://fonts.googleapis.com" />
-        <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous" />
-        <link
-          href="https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&family=ZCOOL+XiaoWei&display=swap"
-          rel="stylesheet"
-        />
      </head>
      <body
-        className={`${geistSans.variable} ${geistMono.variable} ${maShanZheng.variable} ${zcoolXiaoWei.variable} ${notoSerifSC.variable} antialiased`}
+        className={`${geistSans.variable} ${geistMono.variable} ${notoSansSC.variable} font-sans antialiased`}
+        style={{ fontFamily: "'Noto Sans SC', 'Geist', -apple-system, BlinkMacSystemFont, sans-serif" }}
      >
        {children}
      </body>