Update logo to orchard/tree design
- Three trees representing an orchard - Center tree larger for visual hierarchy - Side trees with subtle opacity - Ground line for grounding effect
This commit is contained in:
@@ -16,9 +16,18 @@ function Layout({ children }: LayoutProps) {
|
||||
<Link to="/" className="logo">
|
||||
<div className="logo-icon">
|
||||
<svg width="28" height="28" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 2L4 6V12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12V6L12 2Z" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
|
||||
<path d="M12 8V14" stroke="currentColor" strokeWidth="2" strokeLinecap="round"/>
|
||||
<path d="M9 11L12 8L15 11" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
|
||||
{/* Three trees representing an orchard */}
|
||||
{/* Left tree */}
|
||||
<ellipse cx="6" cy="9" rx="4" ry="5" fill="currentColor" opacity="0.7"/>
|
||||
<rect x="5" y="13" width="2" height="5" fill="currentColor"/>
|
||||
{/* Center tree (larger) */}
|
||||
<ellipse cx="12" cy="7" rx="5" ry="6" fill="currentColor"/>
|
||||
<rect x="11" y="12" width="2" height="6" fill="currentColor"/>
|
||||
{/* Right tree */}
|
||||
<ellipse cx="18" cy="9" rx="4" ry="5" fill="currentColor" opacity="0.7"/>
|
||||
<rect x="17" y="13" width="2" height="5" fill="currentColor"/>
|
||||
{/* Ground line */}
|
||||
<line x1="2" y1="18" x2="22" y2="18" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" opacity="0.5"/>
|
||||
</svg>
|
||||
</div>
|
||||
<span className="logo-text">Orchard</span>
|
||||
|
||||
Reference in New Issue
Block a user