From 19661710c1f6a73902961798e02d310e908e4fca Mon Sep 17 00:00:00 2001
From: songtianlun <tianlun.song@foxmail.com>
Date: Sun, 3 Aug 2025 13:17:07 +0800
Subject: [PATCH] better logo

---
 src/app/page.tsx                 |   6 +-
 src/components/layout/Header.tsx |   8 +-
 src/components/ui/logo.tsx       | 165 +++++++++++++++++++++++++++++++
 3 files changed, 172 insertions(+), 7 deletions(-)
 create mode 100644 src/components/ui/logo.tsx

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 05823a1..1c5f9db 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,6 +2,7 @@
 
 import { useTranslations } from 'next-intl'
 import { Header } from '@/components/layout/Header'
+import { Logo } from '@/components/ui/logo'
 import { Button } from '@/components/ui/button'
 import { Zap, Target, Layers, BarChart3, Check } from 'lucide-react'
 
@@ -168,9 +169,8 @@ export default function Home() {
       <footer className="border-t py-12">
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
           <div className="flex flex-col md:flex-row justify-between items-center">
-            <div className="flex items-center mb-4 md:mb-0">
-              <Zap className="h-8 w-8 text-primary" />
-              <span className="ml-2 text-xl font-bold text-foreground">Prmbr</span>
+            <div className="mb-4 md:mb-0">
+              <Logo size={32} showText={true} />
             </div>
             <div className="text-muted-foreground text-sm">
               © 2024 Prmbr. All rights reserved.
diff --git a/src/components/layout/Header.tsx b/src/components/layout/Header.tsx
index e8d29ba..2d59e28 100644
--- a/src/components/layout/Header.tsx
+++ b/src/components/layout/Header.tsx
@@ -8,7 +8,8 @@ import { Button } from '@/components/ui/button'
 import { ThemeToggle, MobileThemeToggle } from '@/components/ui/theme-toggle'
 import { LanguageToggle, MobileLanguageToggle } from '@/components/ui/language-toggle'
 import { UserAvatarDropdown, MobileUserMenu } from '@/components/ui/user-avatar-dropdown'
-import { Menu, X, Zap } from 'lucide-react'
+import { Logo } from '@/components/ui/logo'
+import { Menu, X } from 'lucide-react'
 
 export function Header() {
   const { user, signOut } = useAuth()
@@ -20,9 +21,8 @@ export function Header() {
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
         <div className="flex justify-between items-center h-16">
           <div className="flex items-center">
-            <Link href="/" className="flex-shrink-0 flex items-center hover:opacity-80 transition-opacity">
-              <Zap className="h-8 w-8 text-primary" />
-              <span className="ml-2 text-xl font-bold text-foreground">Prmbr</span>
+            <Link href="/" className="flex-shrink-0 hover:opacity-80 transition-opacity">
+              <Logo size={32} showText={true} />
             </Link>
           </div>
 
diff --git a/src/components/ui/logo.tsx b/src/components/ui/logo.tsx
new file mode 100644
index 0000000..5e9341b
--- /dev/null
+++ b/src/components/ui/logo.tsx
@@ -0,0 +1,165 @@
+'use client'
+
+import { cn } from '@/lib/utils'
+
+interface LogoProps {
+  className?: string
+  size?: number
+  showText?: boolean
+}
+
+export function Logo({ className, size = 32, showText = true }: LogoProps) {
+  return (
+    <div className={cn("flex items-center", className)}>
+      {/* SVG Logo */}
+      <svg
+        width={size}
+        height={size}
+        viewBox="0 0 1280 1280"
+        className="flex-shrink-0"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <g transform="translate(0,1280) scale(0.1,-0.1)">
+          <path
+            d="M6815 12601 c-65 -8 -157 -53 -191 -94 -38 -44 -64 -108 -85 -202
+            -26 -119 -39 -166 -60 -210 -10 -22 -27 -69 -38 -105 -18 -59 -73 -229 -99
+            -305 -37 -109 -44 -133 -49 -155 -3 -14 -22 -72 -43 -130 -21 -58 -46 -131
+            -54 -162 -9 -31 -21 -60 -26 -63 -6 -3 -10 -20 -10 -36 0 -16 -8 -46 -18 -67
+            -10 -20 -28 -86 -41 -147 -12 -60 -31 -132 -43 -160 -11 -27 -23 -63 -28 -80
+            -4 -16 -14 -46 -23 -65 -8 -19 -26 -66 -40 -105 -13 -38 -30 -86 -37 -105 -7
+            -19 -21 -64 -31 -100 -30 -109 -47 -161 -79 -250 -18 -47 -37 -110 -44 -140
+            -7 -30 -18 -68 -24 -83 -7 -16 -12 -35 -12 -43 0 -7 -11 -42 -24 -76 -13 -35
+            -37 -110 -54 -168 -37 -127 -65 -207 -86 -248 -9 -17 -16 -43 -16 -57 0 -14
+            -8 -42 -19 -63 -10 -20 -21 -54 -25 -76 -4 -21 -13 -52 -21 -70 -7 -17 -26
+            -71 -40 -121 -15 -49 -36 -109 -46 -133 -11 -23 -19 -51 -19 -61 0 -11 -8 -39
+            -18 -63 -11 -24 -22 -61 -26 -83 -4 -22 -25 -98 -48 -170 -22 -71 -49 -159
+            -60 -195 -34 -111 -60 -183 -85 -232 -12 -26 -23 -52 -23 -58 0 -6 -8 -29 -19
+            -53 -10 -23 -28 -73 -39 -112 -52 -177 -62 -214 -62 -230 0 -9 -7 -31 -14 -48
+            -26 -55 -60 -159 -133 -397 -14 -47 -34 -100 -45 -118 -28 -46 -36 -144 -14
+            -177 14 -21 24 -25 64 -25 26 0 71 11 102 24 189 80 254 106 325 130 118 39
+            375 124 415 137 19 6 53 19 75 29 22 10 63 27 90 38 264 108 258 106 397 151
+            138 45 239 61 262 42 10 -8 13 -33 11 -94 -2 -68 -8 -95 -36 -162 -19 -44 -48
+            -120 -63 -170 -53 -165 -77 -237 -95 -279 -10 -22 -24 -57 -31 -76 -6 -19 -23
+            -64 -36 -100 -13 -36 -38 -108 -55 -160 -16 -52 -37 -115 -45 -140 -9 -25 -20
+            -63 -25 -84 -5 -22 -13 -44 -17 -50 -10 -16 -51 -134 -67 -191 -7 -27 -28 -86
+            -45 -130 -42 -108 -72 -205 -151 -480 -11 -38 -27 -84 -34 -101 -8 -18 -28
+            -74 -46 -125 -17 -52 -38 -107 -46 -122 -8 -16 -20 -65 -28 -110 -8 -45 -17
+            -91 -20 -103 -4 -13 1 -29 14 -45 l19 -24 89 90 c78 80 154 170 241 287 26 35
+            52 75 82 128 14 24 107 135 177 210 34 38 93 119 93 129 0 6 26 43 58 83 31
+            40 70 93 87 118 16 25 47 68 70 95 22 28 52 66 66 85 15 19 41 51 60 70 64 67
+            144 168 179 226 19 32 45 67 56 79 37 35 195 237 244 310 25 39 61 86 79 105
+            39 40 104 134 141 202 14 26 57 80 95 120 102 106 154 170 228 283 37 55 85
+            120 107 145 34 38 85 106 152 203 7 10 44 60 82 110 59 79 112 156 151 218 24
+            39 51 75 65 89 14 13 32 41 117 171 13 19 23 39 23 43 0 4 34 46 76 93 89 101
+            100 123 78 164 -29 57 31 54 -849 41 -565 -8 -583 -7 -641 11 -27 8 -65 18
+            -85 21 -52 9 -63 25 -44 69 8 20 15 45 15 56 0 30 72 177 138 281 105 167 132
+            215 132 238 0 5 7 15 15 22 8 7 15 20 15 29 0 10 8 26 18 37 9 11 30 44 46 73
+            15 29 46 79 67 112 22 32 39 62 39 67 0 5 6 15 14 21 8 7 18 25 21 41 3 16 13
+            34 22 42 9 7 24 31 34 53 11 22 29 56 40 75 27 44 89 160 166 310 32 63 74
+            140 94 170 82 127 83 129 144 245 23 44 46 89 52 100 6 11 23 47 39 80 15 33
+            43 81 61 107 18 26 55 93 83 150 29 57 65 121 81 143 17 22 37 54 45 70 8 17
+            28 53 44 80 17 28 45 83 65 123 19 39 40 72 45 72 6 0 20 19 31 43 11 23 26
+            53 32 67 60 124 120 228 198 342 11 15 19 34 19 41 0 8 8 25 19 38 10 13 22
+            35 26 49 4 14 13 31 19 39 20 24 91 153 190 345 68 132 77 171 55 220 -7 14
+            -28 33 -48 43 -34 17 -98 18 -1131 19 -602 1 -1117 -1 -1145 -5z"
+            className="fill-foreground dark:fill-foreground"
+          />
+          <path
+            d="M5315 12450 c-60 -15 -144 -42 -185 -58 -101 -40 -124 -48 -200 -67
+            -85 -22 -113 -30 -185 -55 -73 -26 -366 -169 -415 -202 -30 -21 -87 -53 -165
+            -95 -11 -5 -47 -23 -80 -38 -54 -26 -155 -95 -196 -134 -9 -9 -40 -34 -69 -56
+            -127 -97 -243 -196 -351 -299 -64 -61 -174 -165 -245 -231 -173 -162 -185
+            -175 -251 -263 -31 -42 -71 -93 -87 -112 -78 -90 -140 -181 -184 -271 -18 -35
+            -48 -91 -67 -124 -19 -33 -40 -69 -45 -80 -6 -11 -14 -27 -18 -35 -5 -8 -42
+            -82 -82 -165 -40 -82 -82 -166 -92 -186 -10 -20 -18 -43 -18 -50 0 -8 -9 -32
+            -19 -54 -42 -88 -61 -133 -61 -143 0 -7 -11 -40 -24 -74 -71 -189 -89 -297
+            -62 -363 36 -85 91 -114 216 -115 153 0 224 35 271 133 16 34 29 78 29 97 0
+            20 9 61 20 93 11 31 20 64 20 74 0 10 9 29 20 43 11 14 20 30 20 35 0 6 10 26
+            22 45 12 19 27 49 34 65 50 128 97 242 104 250 4 6 26 55 50 110 23 55 46 109
+            51 120 12 27 72 111 116 162 44 52 113 154 113 168 0 11 64 115 77 124 5 3 28
+            33 53 65 79 104 138 162 233 230 51 36 158 128 237 204 153 145 204 186 283
+            220 27 12 79 42 117 67 37 25 72 45 76 46 5 0 29 16 54 34 63 48 243 135 277
+            135 9 0 32 9 52 19 72 39 248 111 270 111 24 0 134 38 236 81 50 21 120 47
+            157 58 36 11 93 33 126 50 82 41 87 59 73 237 -12 151 -26 184 -87 210 -48 20
+            -94 17 -219 -16z"
+            className="fill-foreground dark:fill-foreground"
+          />
+          <path
+            d="M9473 11191 c-17 -11 -45 -39 -62 -64 -51 -74 -66 -124 -66 -212 0
+            -72 4 -86 34 -138 18 -32 63 -94 100 -137 128 -152 150 -182 206 -285 21 -38
+            49 -90 62 -115 14 -24 33 -56 43 -70 9 -14 34 -59 55 -100 20 -41 53 -104 72
+            -140 75 -143 105 -227 169 -475 44 -168 112 -272 193 -295 42 -12 185 4 237
+            26 66 28 80 89 49 209 -9 33 -27 110 -40 170 -13 61 -32 135 -43 165 -35 100
+            -140 333 -202 450 -34 63 -90 174 -125 245 -91 187 -326 518 -405 571 -78 53
+            -116 87 -142 128 -27 44 -72 86 -92 86 -6 0 -25 -9 -43 -19z"
+            className="fill-foreground dark:fill-foreground"
+          />
+          <path
+            d="M2255 8141 c-22 -4 -54 -15 -72 -26 -38 -22 -83 -100 -83 -143 0 -37
+            24 -156 40 -197 7 -17 11 -55 11 -85 -1 -135 26 -276 75 -397 7 -17 18 -58 24
+            -91 18 -101 78 -261 122 -324 10 -14 18 -34 18 -43 0 -10 9 -34 19 -54 20 -37
+            64 -136 126 -280 35 -81 112 -208 141 -232 8 -6 14 -16 14 -21 0 -5 11 -24 25
+            -42 14 -18 25 -37 25 -42 0 -22 105 -168 190 -264 51 -57 99 -119 106 -136 7
+            -17 63 -80 123 -140 61 -59 129 -131 151 -159 113 -139 150 -187 150 -193 0
+            -4 38 -47 85 -97 46 -49 85 -94 85 -100 0 -5 32 -55 70 -110 38 -55 96 -143
+            130 -195 33 -52 69 -106 79 -120 39 -52 93 -141 107 -177 9 -21 39 -92 68
+            -158 29 -66 59 -136 65 -155 7 -19 24 -64 38 -100 13 -36 29 -83 35 -105 6
+            -22 19 -58 29 -81 11 -23 19 -58 19 -78 0 -20 9 -63 19 -94 11 -32 25 -114 31
+            -187 16 -190 30 -305 42 -345 24 -82 112 -182 184 -211 28 -11 862 -12 3144
+            -6 l565 2 45 24 c73 39 105 68 130 118 21 41 23 59 22 162 -1 64 2 139 7 166
+            23 127 42 213 56 248 8 20 15 56 15 80 0 23 9 62 20 86 11 24 20 49 20 57 0 8
+            11 42 24 76 13 35 34 97 46 138 13 41 38 108 57 148 52 113 79 172 104 232 12
+            30 30 64 39 75 9 11 20 28 24 39 3 10 23 43 45 75 21 31 53 81 72 111 19 30
+            54 78 79 106 67 75 96 113 135 174 64 102 77 120 85 120 11 0 139 152 168 200
+            12 19 45 58 74 86 216 210 268 266 303 324 22 36 65 92 97 125 86 91 116 133
+            155 214 20 40 64 113 98 162 34 48 74 117 88 152 14 35 39 86 54 113 53 89
+            101 198 132 296 16 53 44 127 61 165 43 93 104 325 130 497 6 43 18 97 26 120
+            20 54 32 156 35 286 5 176 -14 196 -197 211 -133 10 -177 3 -218 -37 -14 -15
+            -30 -43 -35 -63 -24 -93 -63 -277 -81 -386 -12 -66 -27 -137 -35 -158 -8 -20
+            -20 -59 -25 -85 -6 -26 -16 -63 -24 -82 -7 -19 -23 -66 -34 -105 -12 -38 -33
+            -107 -46 -151 -14 -45 -43 -119 -65 -165 -48 -101 -71 -155 -71 -164 0 -24
+            -95 -196 -138 -250 -17 -21 -179 -271 -192 -295 -7 -14 -40 -56 -73 -95 -32
+            -38 -80 -95 -106 -125 -103 -121 -147 -165 -195 -198 -77 -52 -221 -212 -276
+            -307 -16 -27 -49 -73 -72 -102 -198 -238 -270 -344 -401 -587 -98 -184 -110
+            -209 -168 -355 -16 -40 -38 -85 -49 -99 -11 -13 -20 -33 -20 -44 0 -10 -6 -31
+            -14 -46 -7 -15 -23 -70 -34 -122 -11 -52 -43 -158 -70 -235 -28 -77 -53 -157
+            -56 -177 -4 -21 -16 -57 -26 -80 -11 -24 -20 -52 -20 -64 0 -24 -24 -48 -60
+            -59 -42 -12 -2853 -20 -2950 -8 -83 10 -94 26 -131 181 -17 75 -40 153 -49
+            172 -20 40 -90 253 -90 273 0 28 -72 232 -88 250 -9 10 -22 37 -28 60 -36 130
+            -70 199 -173 352 -150 222 -165 246 -206 320 -21 39 -81 124 -133 190 -52 66
+            -118 153 -146 194 -53 76 -128 160 -325 360 -109 111 -211 240 -295 371 -21
+            33 -63 88 -93 121 -29 33 -53 63 -53 68 0 4 -16 29 -35 54 -19 25 -35 50 -35
+            56 0 6 -25 55 -55 109 -31 54 -71 141 -89 193 -33 89 -69 173 -101 229 -35 63
+            -55 113 -55 138 0 15 -9 53 -20 85 -11 31 -20 63 -20 70 0 7 -9 31 -19 53 -23
+            48 -57 177 -67 254 -4 30 -11 66 -17 80 -5 14 -13 88 -16 166 -8 164 -18 186
+            -103 228 -44 22 -64 26 -132 25 -45 -1 -99 -4 -121 -8z"
+            className="fill-foreground dark:fill-foreground"
+          />
+          <path
+            d="M4655 2320 c-63 -9 -96 -22 -162 -66 -148 -98 -151 -252 -6 -384 99
+            -90 114 -95 293 -90 332 10 851 -1 965 -21 83 -14 871 -4 970 13 33 5 364 13
+            735 16 623 7 678 8 708 25 18 10 42 15 52 12 10 -3 36 3 57 13 21 11 50 22 64
+            25 15 4 42 24 62 46 78 86 70 248 -17 343 -13 15 -53 38 -88 50 l-63 23 -1550
+            -1 c-852 -1 -1617 -3 -1700 -5 -82 -2 -177 -1 -210 2 -33 4 -82 3 -110 -1z"
+            className="fill-foreground dark:fill-foreground"
+          />
+          <path
+            d="M5285 1084 c-123 -25 -186 -85 -199 -188 -10 -86 20 -155 91 -207 94
+            -70 157 -94 243 -94 41 0 107 4 145 9 64 7 75 6 130 -18 33 -15 65 -32 70 -39
+            16 -20 179 -150 211 -169 16 -9 64 -39 108 -67 95 -60 203 -97 311 -105 67 -5
+            92 -2 158 18 128 40 268 132 408 268 93 91 165 124 251 114 29 -3 94 -8 143
+            -12 88 -6 92 -5 168 30 105 48 151 86 181 151 59 123 20 230 -103 289 l-66 31
+            -1095 1 c-823 0 -1110 -3 -1155 -12z"
+            className="fill-foreground dark:fill-foreground"
+          />
+        </g>
+      </svg>
+      
+      {/* Text */}
+      {showText && (
+        <span className="ml-2 text-xl font-bold text-foreground">Prmbr</span>
+      )}
+    </div>
+  )
+}