style: landing page news alert style perf

apps/fronted/src/components/home/NewsAlert.tsx

@@ -1,4 +1,4 @@
-import { ArrowRight } from "lucide-react";
+import { ArrowRight, Sparkles } from "lucide-react";
 import { useTranslations } from "next-intl";
 import { cn } from "@/lib/utils";
 
@@ -13,21 +13,18 @@ export default function NewsAlert({ className }: NewsAlertProps) {
     <div
       className={cn(
         "relative inline-flex items-center gap-3 px-5 py-2.5 text-sm font-medium rounded-full",
-        "bg-gradient-to-r from-slate-900/90 to-slate-800/90 dark:from-slate-50/10 dark:to-slate-100/5",
-        "backdrop-blur-md shadow-lg shadow-black/5 dark:shadow-white/5",
-        "hover:shadow-xl hover:shadow-black/10 dark:hover:shadow-white/10",
-        "border border-white/10 dark:border-white/5",
+        "bg-white shadow-[0_1px_1px_rgba(0,0,0,0.1)] dark:bg-slate-900",
+        "border border-slate-200/80 dark:border-white/10",
+        "hover:shadow-[0_2px_2px_rgba(0,0,0,0.1)] dark:hover:shadow-white/5",
         "transition-all duration-300 cursor-pointer group",
         className
       )}
     >
-      <div className="flex items-center justify-center w-[4.5rem] h-7 bg-gradient-to-r from-amber-400 to-amber-500 dark:from-amber-500 dark:to-amber-600 rounded-full text-black dark:text-white font-semibold shadow-sm">
-        {t("news.label")}
-      </div>
-      <span className="text-white/90 dark:text-white/80 whitespace-nowrap">
+      <div className="flex items-center gap-1 text-black font-semibold">🎉</div>
+      <span className="text-slate-600 dark:text-white/80 whitespace-nowrap">
         {t("news.content")}
       </span>
-      {/* <ArrowRight className="w-4 h-4 text-white/50 group-hover:text-white/90 dark:text-white/40 dark:group-hover:text-white/80 transition-colors flex-shrink-0" /> */}
+      {/* <ArrowRight className="w-4 h-4 text-slate-400 group-hover:text-slate-600 dark:text-white/40 dark:group-hover:text-white/80 transition-colors flex-shrink-0" /> */}
     </div>
   );
 }

apps/fronted/src/i18n/locales/en.json

@@ -80,13 +80,13 @@
         "description": "Configure AI models to provide intelligent optimization and suggestions for your resume.",
         "selectedModel": "Select Model",
         "doubao": {
-          "title": "Doubao Settings",
+          "title": "Doubao",
           "description": "Obtain API Key from Volcengine Platform",
           "apiKey": "API Key",
           "modelId": "Model ID"
         },
         "deepseek": {
-          "title": "Deepseek Settings",
+          "title": "Deepseek",
           "description": "Obtain API Key from Deepseek Open Platform",
           "apiKey": "API Key",
           "modelId": "Model ID"

apps/fronted/src/i18n/locales/zh.json

@@ -35,7 +35,7 @@
     },
     "news": {
       "label": "新闻",
-      "content": "现已接入 DeepSeek, Doubao 大模型"
+      "content": "现已接入 DeepSeek, Doubao AI大模型"
     },
     "footer": {
       "copyright": " 2024 Magic Resume. All rights reserved."