fix: use nextform.png logo across all components

This commit is contained in:
Aleksandar 2025-12-11 14:39:15 +01:00
parent 76b9ee24c5
commit 6207949e2d
7 changed files with 49 additions and 10 deletions

View File

@ -1 +0,0 @@
data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIj4KICAKICA8ZGVmcz4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iYmciIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPgogICAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjojMkZCN0U4O3N0b3Atb3BhY2l0eToxIiAvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiMwQjdGQjM7c3RvcC1vcGFjaXR5OjEiIC8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogIDwvZGVmcz4KICAKICAKPC9zdmc+

View File

@ -0,0 +1,28 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600">
<defs>
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#2FB7E8;stop-opacity:1" />
<stop offset="50%" style="stop-color:#0B9FD0;stop-opacity:1" />
<stop offset="100%" style="stop-color:#0B7FB3;stop-opacity:1" />
</linearGradient>
</defs>
<!-- Main arrow shape -->
<path d="M 420 150 L 540 150 L 420 300 Z" fill="url(#grad1)" opacity="0.95"/>
<path d="M 180 150 L 300 300 L 180 300 Z" fill="url(#grad1)" opacity="0.85"/>
<!-- Dumbbell - Left -->
<g transform="translate(200, 250)">
<!-- Left disk -->
<circle cx="0" cy="0" r="35" fill="white" opacity="0.95"/>
<!-- Bar left -->
<rect x="35" y="-15" width="80" height="30" fill="white" rx="4"/>
<!-- Right disk -->
<circle cx="115" cy="0" r="35" fill="white" opacity="0.95"/>
<!-- Grip lines -->
<line x1="45" y1="-35" x2="45" y2="35" stroke="url(#grad1)" stroke-width="3" opacity="0.5"/>
<line x1="65" y1="-35" x2="65" y2="35" stroke="url(#grad1)" stroke-width="3" opacity="0.5"/>
<line x1="85" y1="-35" x2="85" y2="35" stroke="url(#grad1)" stroke-width="3" opacity="0.5"/>
<line x1="105" y1="-35" x2="105" y2="35" stroke="url(#grad1)" stroke-width="3" opacity="0.5"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@ -0,0 +1 @@
PNG - NextForm Logo

View File

@ -51,12 +51,18 @@ export default function Home() {
{/* Hero Section */} {/* Hero Section */}
<div className="pt-8 pb-4"> <div className="pt-8 pb-4">
<div className="space-y-3"> <div className="space-y-3">
<div className="flex items-center gap-3"> <div className="flex items-center gap-4">
<img <img
src="/nextform-logo.svg" src="/nextform.png"
alt="NextForm" alt="NextForm"
className="h-16 w-16" className="h-14 w-14"
/> />
<div className="flex items-center gap-3">
<div className="h-12 w-1 bg-gradient-to-b from-blue-600 to-cyan-600 rounded-full"></div>
<h1 className="text-5xl font-black bg-gradient-to-r from-blue-600 via-blue-700 to-cyan-600 bg-clip-text text-transparent">
NextForm
</h1>
</div>
</div> </div>
<p className="text-lg text-gray-600 ml-4">Performance metrics & athlete insights</p> <p className="text-lg text-gray-600 ml-4">Performance metrics & athlete insights</p>
</div> </div>

View File

@ -52,10 +52,10 @@ export function Navigation(): ReactElement {
{/* Logo */} {/* Logo */}
<Link <Link
href="/" href="/"
className="flex items-center gap-2 hover:opacity-80 transition-opacity" className="flex items-center gap-3 hover:opacity-80 transition-opacity"
> >
<img <img
src="/nextform-logo.svg" src="/nextform.png"
alt="NextForm" alt="NextForm"
className="h-8 w-8" className="h-8 w-8"
/> />

View File

@ -68,12 +68,17 @@ export function Sidebar() {
<aside className="w-64 bg-gradient-to-b from-slate-900 via-slate-900 to-slate-950 text-white h-screen fixed left-0 top-0 flex flex-col border-r border-slate-800/50 shadow-2xl"> <aside className="w-64 bg-gradient-to-b from-slate-900 via-slate-900 to-slate-950 text-white h-screen fixed left-0 top-0 flex flex-col border-r border-slate-800/50 shadow-2xl">
{/* Logo Section */} {/* Logo Section */}
<div className="p-6 border-b border-slate-800/50"> <div className="p-6 border-b border-slate-800/50">
<div className="flex items-center justify-center"> <div className="flex items-center gap-3 justify-center">
<img <img
src="/nextform-logo.svg" src="/nextform.png"
alt="NextForm" alt="NextForm"
className="h-14 w-14" className="h-10 w-10"
/> />
<div>
<h1 className="text-lg font-black bg-gradient-to-r from-blue-400 via-cyan-400 to-blue-300 bg-clip-text text-transparent">
NextForm
</h1>
</div>
</div> </div>
</div> </div>

View File

@ -112,7 +112,7 @@ export default function HomeScreen() {
<View style={styles.header}> <View style={styles.header}>
<View style={{ flexDirection: "row", alignItems: "center", gap: 8 }}> <View style={{ flexDirection: "row", alignItems: "center", gap: 8 }}>
<Image <Image
source={require("../../public/nextform-logo.svg")} source={require("../../public/nextform.png")}
style={{ width: 32, height: 32 }} style={{ width: 32, height: 32 }}
/> />
<View> <View>