feat: apply Shiytech brand logo and favicon

app/layout.tsx

@@ -15,6 +15,10 @@ export const metadata: Metadata = {
     template: "%s | 企业官网",
   },
   description: "企业级 Headless CMS 驱动的现代化官网",
+  icons: {
+    icon: { url: "/brand/shiytech-icon.svg", type: "image/svg+xml" },
+    shortcut: "/brand/shiytech-icon.svg",
+  },
 };
 
 export default async function RootLayout({ children }: LayoutProps<"/">) {

components/layout/Header.tsx

@@ -1,4 +1,5 @@
 import Link from "next/link";
+import Image from "next/image";
 import { getNavigationMenu } from "@/services/navigation.service";
 import MobileNavigation from "./MobileNavigation";
 
@@ -25,8 +26,13 @@ export default async function Header() {
   return (
     <header className="sticky top-0 z-50 border-b border-slate-100 bg-white/80 backdrop-blur">
       <div className="mx-auto flex h-16 max-w-7xl items-center justify-between px-6">
-        <Link href="/" className="shrink-0 whitespace-nowrap text-xl font-bold text-primary">
+        <Link
-          企业官网
+          href="/"
+          aria-label="世耀科技首页"
+          className="flex shrink-0 items-center gap-2 whitespace-nowrap text-xl font-bold text-slate-900"
+        >
+          <Image src="/brand/shiytech-icon.svg" alt="" width={40} height={40} priority />
+          <span>世耀科技</span>
         </Link>
         <nav aria-label="主导航" className="hidden items-center gap-6 md:flex lg:gap-8">
           {navItems.map((item) => (

public/brand/preview.html

@@ -0,0 +1,43 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>世耀科技品牌稿</title>
+  <style>
+    :root { --ink: #172033; --blue: #2563eb; --cyan: #06b6d4; }
+    * { box-sizing: border-box; }
+    body { margin: 0; color: var(--ink); background: #f3f5f7; font-family: "Microsoft YaHei", "PingFang SC", sans-serif; }
+    header { max-width: 1000px; margin: auto; padding: 32px 24px 20px; }
+    h1 { font-size: 22px; font-weight: 600; margin: 0; }
+    main { max-width: 1000px; margin: auto; padding: 0 24px 40px; }
+    section { padding: 36px 24px; border-bottom: 1px solid #e2e8f0; background: #fff; }
+    .dark { background: #172033; }
+    .logo { display: block; width: min(100%, 640px); height: auto; margin: auto; }
+    .icons { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 32px; }
+    .icons img { display: block; }
+    footer { display: flex; flex-wrap: wrap; gap: 20px; padding: 24px 0; font-size: 14px; }
+    a { color: var(--blue); text-underline-offset: 4px; }
+    @media (max-width: 480px) { section { padding: 28px 4px; } header, main { padding-left: 16px; padding-right: 16px; } }
+  </style>
+</head>
+<body>
+  <header><h1>世耀科技</h1></header>
+  <main>
+    <section><img class="logo" src="shiytech-logo.svg" alt="世耀科技彩色标志" width="640" height="160"></section>
+    <section class="icons">
+      <img src="shiytech-icon.svg" alt="独立图标" width="128" height="128">
+      <img src="shiytech-icon.svg" alt="64像素图标" width="64" height="64">
+      <img src="shiytech-icon.svg" alt="32像素图标" width="32" height="32">
+    </section>
+    <section><img class="logo" src="shiytech-logo-black.svg" alt="黑色标志" width="640" height="160"></section>
+    <section class="dark"><img class="logo" src="shiytech-logo-white.svg" alt="白色标志" width="640" height="160"></section>
+    <footer>
+      <a href="shiytech-logo.svg" download>彩色横版 SVG</a>
+      <a href="shiytech-icon.svg" download>独立图标 SVG</a>
+      <a href="shiytech-logo-black.svg" download>黑色 SVG</a>
+      <a href="shiytech-logo-white.svg" download>白色 SVG</a>
+    </footer>
+  </main>
+</body>
+</html>

public/brand/shiytech-icon.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="160" height="160" viewBox="0 0 160 160" role="img" aria-labelledby="title desc">
+  <title id="title">世耀科技品牌图标</title>
+  <desc id="desc">蓝青色六边形智核，融合字母 S 与 Y，右上开口象征连接与突破。</desc>
+  <g transform="translate(16 16)">
+    <path d="M100 20 64 0 8 32v64l56 32 56-32V62h-8v29.4L64 119 16 91.4V36.6L64 9.2l32 18.5Z" fill="#2563EB"/>
+    <path d="m105 24 15 8v20h-8V36.6l-11-6.4Z" fill="#06B6D4"/>
+    <path d="M82 32H46L30 48v16h34v12H30v16h38l14-14V52H46v-4h36Z" fill="#2563EB"/>
+    <path d="m76 40 12 12 12-12 10 10-15 15v31H81V65L66 50Z" fill="#06B6D4"/>
+  </g>
+</svg>

public/brand/shiytech-logo-black.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="640" height="160" viewBox="0 0 640 160" role="img" aria-labelledby="title">
+  <title id="title">世耀科技黑色标志</title>
+  <g fill="#172033">
+    <g transform="translate(16 16)">
+      <path d="M100 20 64 0 8 32v64l56 32 56-32V62h-8v29.4L64 119 16 91.4V36.6L64 9.2l32 18.5Z"/>
+      <path d="m105 24 15 8v20h-8V36.6l-11-6.4Z"/>
+      <path d="M82 32H46L30 48v16h34v12H30v16h38l14-14V52H46v-4h36Z"/>
+      <path d="m76 40 12 12 12-12 10 10-15 15v31H81V65L66 50Z"/>
+    </g>
+    <text x="176" y="83" font-family="'Microsoft YaHei','PingFang SC','Noto Sans CJK SC',sans-serif" font-size="48" font-weight="700" letter-spacing="0">世耀科技</text>
+    <text x="178" y="119" font-family="'Microsoft YaHei','PingFang SC','Noto Sans CJK SC',sans-serif" font-size="18" letter-spacing="0">衡水世耀科技有限公司</text>
+  </g>
+</svg>

public/brand/shiytech-logo-white.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="640" height="160" viewBox="0 0 640 160" role="img" aria-labelledby="title">
+  <title id="title">世耀科技白色标志</title>
+  <g fill="#FFFFFF">
+    <g transform="translate(16 16)">
+      <path d="M100 20 64 0 8 32v64l56 32 56-32V62h-8v29.4L64 119 16 91.4V36.6L64 9.2l32 18.5Z"/>
+      <path d="m105 24 15 8v20h-8V36.6l-11-6.4Z"/>
+      <path d="M82 32H46L30 48v16h34v12H30v16h38l14-14V52H46v-4h36Z"/>
+      <path d="m76 40 12 12 12-12 10 10-15 15v31H81V65L66 50Z"/>
+    </g>
+    <text x="176" y="83" font-family="'Microsoft YaHei','PingFang SC','Noto Sans CJK SC',sans-serif" font-size="48" font-weight="700" letter-spacing="0">世耀科技</text>
+    <text x="178" y="119" font-family="'Microsoft YaHei','PingFang SC','Noto Sans CJK SC',sans-serif" font-size="18" letter-spacing="0">衡水世耀科技有限公司</text>
+  </g>
+</svg>

public/brand/shiytech-logo.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="640" height="160" viewBox="0 0 640 160" role="img" aria-labelledby="title desc">
+  <title id="title">世耀科技</title>
+  <desc id="desc">衡水世耀科技有限公司。蓝青色断开六边形内嵌几何 S 与 Y。</desc>
+  <g transform="translate(16 16)">
+    <path d="M100 20 64 0 8 32v64l56 32 56-32V62h-8v29.4L64 119 16 91.4V36.6L64 9.2l32 18.5Z" fill="#2563EB"/>
+    <path d="m105 24 15 8v20h-8V36.6l-11-6.4Z" fill="#06B6D4"/>
+    <path d="M82 32H46L30 48v16h34v12H30v16h38l14-14V52H46v-4h36Z" fill="#2563EB"/>
+    <path d="m76 40 12 12 12-12 10 10-15 15v31H81V65L66 50Z" fill="#06B6D4"/>
+  </g>
+  <text x="176" y="83" fill="#172033" font-family="'Microsoft YaHei','PingFang SC','Noto Sans CJK SC',sans-serif" font-size="48" font-weight="700" letter-spacing="0">世耀科技</text>
+  <text x="178" y="119" fill="#475569" font-family="'Microsoft YaHei','PingFang SC','Noto Sans CJK SC',sans-serif" font-size="18" letter-spacing="0">衡水世耀科技有限公司</text>
+</svg>