feat: new logo

Author: JOYCEQL

public/logo.svg

@@ -94,10 +94,10 @@ const DashboardLayout = ({ children }: { children: React.ReactNode }) => {
           className="border-r border-border/40 bg-card/50 backdrop-blur-xl"
         >
           <SidebarHeader className="h-16 flex items-center justify-center border-b border-border/40">
-            <div className="w-full justify-center flex items-center gap-2">
+            <div className="w-full justify-center flex items-center">
               <Logo
                 className="cursor-pointer hover:opacity-80 transition-opacity"
-                size={32}
+                size={48}
                 onClick={() => router.push("/")}
               />
               {open && (

src/app/app/dashboard/client.tsx

@@ -9,7 +9,7 @@ export default function Footer() {
       <div className="container mx-auto px-6 max-w-6xl">
         <div className="flex flex-col md:flex-row justify-between items-center gap-8">
           <div className="flex items-center gap-3">
-            <Logo size={24} />
+            <Logo size={32} />
             <span className="font-serif font-semibold text-lg text-foreground/80">Magic Resume</span>
           </div>
 

src/components/home/Footer.tsx

@@ -26,10 +26,10 @@ export default function LandingHeader() {
         <div className="mx-auto max-w-[1200px] px-4">
           <div className="flex items-center justify-between h-20">
             <div
-              className="flex items-center gap-3 cursor-pointer group"
+              className="flex items-center  cursor-pointer group"
               onClick={() => (window.location.href = `/${locale}/`)}
             >
-              <Logo size={32} />
+              <Logo size={60} />
               <span className="font-serif text-[24px] tracking-tight font-semibold text-foreground/90">
                 {t("header.title")}
               </span>

src/components/home/LandingHeader.tsx

@@ -1,78 +1,28 @@
 "use client";
 import React from "react";
-import { useTheme } from "next-themes";
+import Image from "next/image";
 
 interface LogoProps {
   size?: number;
   className?: string;
   onClick?: () => void;
-  startColor?: string;
-  endColor?: string;
 }
 
 const Logo: React.FC<LogoProps> = ({
   size = 100,
   className = "",
   onClick,
-  startColor,
-  endColor,
 }) => {
-  const { theme } = useTheme();
-
-  // 默认使用主题色
-  const defaultStartColor = theme === "dark" ? "#A700FF" : "#000000";
-  const defaultEndColor = theme === "dark" ? "#4F46E5" : "#171717";
-
-  // 使用传入的颜色或默认颜色
-  const gradientStartColor = startColor || defaultStartColor;
-  const gradientEndColor = endColor || defaultEndColor;
-
   return (
-    <svg
+    <Image
+      src="/logo.svg"
+      alt="Magic Resume Logo"
       width={size}
       height={size}
-      viewBox="0 0 100 100"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
       className={className}
-      aria-label="Magic Resume Logo"
       onClick={onClick}
-    >
-      <defs>
-        <linearGradient id="gradient" x1="0%" y1="0%" x2="100%" y2="100%">
-          <stop offset="0%" stopColor={gradientStartColor} />
-          <stop offset="100%" stopColor={gradientEndColor} />
-        </linearGradient>
-        <filter id="glow">
-          <feGaussianBlur stdDeviation="2" result="coloredBlur" />
-          <feMerge>
-            <feMergeNode in="coloredBlur" />
-            <feMergeNode in="SourceGraphic" />
-          </feMerge>
-        </filter>
-      </defs>
-
-      {/* 背景圆角矩形 */}
-      <rect
-        x="5"
-        y="5"
-        width="90"
-        height="90"
-        rx="24"
-        fill="url(#gradient)"
-        filter="url(#glow)"
-      />
-
-      {/* 字母 R */}
-      <path
-        d="M35 30 L35 70 L35 30 L60 30 C67 30 70 35 70 40 C70 45 67 50 60 50 L35 50 L60 70"
-        stroke="white"
-        strokeWidth="8"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        fill="none"
-      />
-    </svg>
+      priority={size >= 64}
+    />
   );
 };