<svg width="250" height="80" viewBox="0 0 250 80" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <!-- More vibrant gradient for main text -->
    <linearGradient id="mainGradient" x1="0%" y1="0%" x2="100%" y2="0%">
      <stop offset="0%" style="stop-color:#4F46E5;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#7C3AED;stop-opacity:1" />
    </linearGradient>
    
    <!-- More vibrant accent gradient for secondary text -->
    <linearGradient id="accentGradient" x1="0%" y1="0%" x2="100%" y2="0%">
      <stop offset="0%" style="stop-color:#EC4899;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#F43F5E;stop-opacity:1" />
    </linearGradient>
    
    <!-- Enhanced shadow filter -->
    <filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
      <feDropShadow dx="2" dy="2" stdDeviation="3" flood-color="#000000" flood-opacity="0.25"/>
    </filter>
    
    <!-- Glow effect -->
    <filter id="glow" x="-50%" y="-50%" width="200%" height="200%">
      <feGaussianBlur stdDeviation="2" result="coloredBlur"/>
      <feMerge> 
        <feMergeNode in="coloredBlur"/>
        <feMergeNode in="SourceGraphic"/>
      </feMerge>
    </filter>
  </defs>
  
  <!-- Background decorative element - more prominent -->
  <rect x="5" y="30" width="240" height="3" fill="url(#accentGradient)" opacity="0.4" rx="2"/>
  
  <!-- Main text: Syeta - larger and more prominent -->
  <text x="10" y="45" font-family="'Poppins', 'Arial', sans-serif" font-size="42" font-weight="800" 
        fill="url(#mainGradient)" filter="url(#shadow)" letter-spacing="2">
    Syeta
  </text>
  
  <!-- Secondary text: Hub - larger and more vibrant -->
  <text x="10" y="70" font-family="'Poppins', 'Arial', sans-serif" font-size="32" font-weight="600" 
        fill="url(#accentGradient)" filter="url(#shadow)" letter-spacing="1">
    Hub
  </text>
  
  <!-- Elegant accent line - more visible -->
  <path d="M10 55 Q60 50 110 55" fill="none" stroke="url(#accentGradient)" stroke-width="2.5" stroke-linecap="round" opacity="0.8" filter="url(#glow)"/>
  
  <!-- Decorative fashion elements - larger and more prominent -->
  <g opacity="0.7">
    <!-- Small fashion icon -->
    <circle cx="200" cy="25" r="4" fill="url(#mainGradient)" filter="url(#glow)"/>
    <circle cx="215" cy="32" r="3" fill="url(#accentGradient)" filter="url(#glow)"/>
    <circle cx="230" cy="25" r="3.5" fill="url(#mainGradient)" filter="url(#glow)"/>
  </g>
  
  <!-- Additional accent elements for more impact -->
  <g opacity="0.5">
    <path d="M180 15 Q200 10 220 15" fill="none" stroke="url(#accentGradient)" stroke-width="1.5" stroke-linecap="round"/>
    <path d="M185 20 Q200 15 215 20" fill="none" stroke="url(#mainGradient)" stroke-width="1" stroke-linecap="round"/>
  </g>
</svg>
