<turbo-stream action="update" target="analysis-result"><template><div class="space-y-6 animate-fade-in">
  <div class="bg-surface border border-border shadow-sm rounded-card p-6 sm:p-8 relative overflow-hidden">
  <div class="space-y-6">
    <div class="flex items-center justify-between">
      <h2 class="text-xl font-bold text-text-primary tracking-tight">Executive Summary</h2>
      <span class="text-sm font-bold text-accent font-mono">zellbury</span>
    </div>

    <p class="text-text-muted leading-relaxed text-sm sm:text-base">
      Zellbury is a prominent Pakistani fashion retailer specializing in affordable ready-to-wear, unstitched fabrics, and accessories. AI assistants generally identify Zellbury accurately as an accessible fashion brand, primarily within Pakistan. Their biggest strength in AI visibility lies in the consistent mention of their product categories and value proposition. However, a significant gap exists in AI&#39;s ability to articulate their unique design philosophy, sustainability efforts, or differentiate them deeply from key regional competitors. AI portrays Zellbury as a strong regional player, but with limited global context.
    </p>

    <!-- Score Factors -->
      <div class="bg-surface-bg border border-border rounded-card p-5 space-y-4">
        <div class="flex items-center justify-between">
          <span class="text-xs font-bold tracking-wider text-accent uppercase">Score Breakdown</span>
          <span class="text-[0.6875rem] text-text-muted">Weighted Analysis</span>
        </div>
        <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
            <div class="bg-surface px-4 py-3.5 rounded-card border border-border space-y-2">
              <div class="flex justify-between items-center">
                <span class="text-xs text-text-primary font-bold">Brand Recognition (Regional)</span>
                <span class="text-xs font-mono font-bold text-text-primary">85</span>
              </div>
              <div class="w-full bg-surface-bg rounded-full h-1.5 overflow-hidden border border-border">
                <div class="bg-accent h-full rounded-full transition-all duration-1000 ease-out"
                     style="width: 0%;"
                     data-controller="progressbar"
                     data-progressbar-target-width="85%"></div>
              </div>
              <div class="flex justify-between items-center text-[0.6875rem] text-text-muted">
                <span class="font-light">Zellbury holds significant brand recognition within Pakistan, leading to frequent mentions by AI assistants discussing Pakistani fashion.</span>
                <span class="font-mono font-bold">35%</span>
              </div>
            </div>
            <div class="bg-surface px-4 py-3.5 rounded-card border border-border space-y-2">
              <div class="flex justify-between items-center">
                <span class="text-xs text-text-primary font-bold">Online Content Volume &amp; Quality</span>
                <span class="text-xs font-mono font-bold text-text-primary">70</span>
              </div>
              <div class="w-full bg-surface-bg rounded-full h-1.5 overflow-hidden border border-border">
                <div class="bg-accent h-full rounded-full transition-all duration-1000 ease-out"
                     style="width: 0%;"
                     data-controller="progressbar"
                     data-progressbar-target-width="70%"></div>
              </div>
              <div class="flex justify-between items-center text-[0.6875rem] text-text-muted">
                <span class="font-light">The brand has a substantial online presence through its website, e-commerce platforms, and social media, providing a good corpus for AI.</span>
                <span class="font-mono font-bold">30%</span>
              </div>
            </div>
            <div class="bg-surface px-4 py-3.5 rounded-card border border-border space-y-2">
              <div class="flex justify-between items-center">
                <span class="text-xs text-text-primary font-bold">Structured Data &amp; SEO</span>
                <span class="text-xs font-mono font-bold text-text-primary">68</span>
              </div>
              <div class="w-full bg-surface-bg rounded-full h-1.5 overflow-hidden border border-border">
                <div class="bg-accent h-full rounded-full transition-all duration-1000 ease-out"
                     style="width: 0%;"
                     data-controller="progressbar"
                     data-progressbar-target-width="68%"></div>
              </div>
              <div class="flex justify-between items-center text-[0.6875rem] text-text-muted">
                <span class="font-light">While product data exists, more structured data (e.g., schema markup for reviews, locations, company details) could enhance AI understanding.</span>
                <span class="font-mono font-bold">25%</span>
              </div>
            </div>
        </div>
      </div>
  </div>
</div>

  <div class="bg-surface border border-border rounded-card p-6">
  <div class="flex items-center justify-between mb-5">
    <h3 class="text-xs font-bold tracking-wider text-text-muted uppercase">Brand Snapshot</h3>
      <a href="https://www.zellbury.com/" target="_blank" rel="noopener"
         class="text-[0.6875rem] text-accent hover:text-accent/80 transition-colors flex items-center gap-1">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-3 h-3">
  <path d="M12 6h-6a2 2 0 0 0 -2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-6"></path>
  <path d="M11 13l9 -9"></path>
  <path d="M15 4h5v5"></path>
</svg>
        <span>Visit Website</span>
      </a>
  </div>

  <div class="grid grid-cols-2 sm:grid-cols-4 gap-4">
      <div class="space-y-1">
        <span class="block text-[0.6875rem] font-bold tracking-wider text-text-muted uppercase">Industry</span>
        <span class="block text-sm text-text-primary font-medium">Fashion Retail</span>
      </div>
      <div class="space-y-1">
        <span class="block text-[0.6875rem] font-bold tracking-wider text-text-muted uppercase">Headquarters</span>
        <span class="block text-sm text-text-primary font-medium">Karachi, Pakistan</span>
      </div>
      <div class="space-y-1">
        <span class="block text-[0.6875rem] font-bold tracking-wider text-text-muted uppercase">Founded</span>
        <span class="block text-sm text-text-primary font-medium">2016</span>
      </div>
      <div class="space-y-1">
        <span class="block text-[0.6875rem] font-bold tracking-wider text-text-muted uppercase">Company Size</span>
        <span class="block text-sm text-text-primary font-medium">Mid-Market</span>
      </div>
      <div class="space-y-1">
        <span class="block text-[0.6875rem] font-bold tracking-wider text-text-muted uppercase">Business Model</span>
        <span class="block text-sm text-text-primary font-medium">B2C</span>
      </div>
  </div>

    <div class="mt-5 flex flex-wrap gap-2">
        <span class="px-2.5 py-1 rounded-badge text-[0.6875rem] font-semibold bg-accent-subtle border border-accent-border/30 text-accent">Ready-to-wear apparel</span>
        <span class="px-2.5 py-1 rounded-badge text-[0.6875rem] font-semibold bg-accent-subtle border border-accent-border/30 text-accent">Unstitched fabrics</span>
        <span class="px-2.5 py-1 rounded-badge text-[0.6875rem] font-semibold bg-accent-subtle border border-accent-border/30 text-accent">Footwear</span>
        <span class="px-2.5 py-1 rounded-badge text-[0.6875rem] font-semibold bg-accent-subtle border border-accent-border/30 text-accent">Accessories</span>
    </div>
</div>

  <div class="bg-surface border border-border rounded-card p-6">
  <h3 class="text-xs font-bold tracking-wider text-text-muted uppercase mb-4">Company Overview</h3>
  <p class="text-text-primary leading-relaxed text-sm">Zellbury is a fast-growing Pakistani fashion brand established in 2016, offering a diverse range of clothing, accessories, and footwear for men, women, and children. The brand operates through its extensive retail network across Pakistan and a robust e-commerce platform, catering to a wide customer base seeking modern and affordable fashion. It focuses on providing accessible, trendy designs with a blend of traditional Pakistani aesthetics.</p>
</div>

  <div class="bg-surface border border-border rounded-card p-6">
  <div class="flex items-center justify-between mb-5">
    <h3 class="text-xs font-bold tracking-wider text-text-muted uppercase">Products & Services</h3>
    <span class="text-[0.6875rem] text-text-muted">3 identified</span>
  </div>

  <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
      <div class="bg-surface-bg border border-border rounded-card p-4 space-y-2.5">
        <h4 class="text-sm font-bold text-text-primary">Ready-to-Wear (RTW) Apparel</h4>
        <p class="text-xs text-text-muted leading-relaxed">Offers pre-stitched clothing for men, women, and children, including kurtas, shirts, trousers, and dresses.</p>

          <div class="flex items-start gap-2 pt-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-3.5 h-3.5 text-accent mt-0.5 shrink-0">
  <path d="M3 12h1m8 -9v1m8 8h1m-15.4 -6.4l.7 .7m12.1 -.7l-.7 .7"></path>
  <path d="M9 16a5 5 0 1 1 6 0a3.5 3.5 0 0 0 -1 3a2 2 0 0 1 -4 0a3.5 3.5 0 0 0 -1 -3"></path>
  <path d="M9.7 17l4.6 0"></path>
</svg>
            <span class="text-[11px] text-text-muted leading-relaxed"><strong class="text-text-primary font-medium">AI Perception:</strong> Accurate. AI consistently mentions Zellbury&#39;s RTW collections as a core offering, often highlighting their trendiness and affordability.</span>
          </div>
      </div>
      <div class="bg-surface-bg border border-border rounded-card p-4 space-y-2.5">
        <h4 class="text-sm font-bold text-text-primary">Unstitched Fabrics</h4>
        <p class="text-xs text-text-muted leading-relaxed">Provides raw fabric materials in various designs and qualities for customers to tailor according to their preferences.</p>

          <div class="flex items-start gap-2 pt-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-3.5 h-3.5 text-accent mt-0.5 shrink-0">
  <path d="M3 12h1m8 -9v1m8 8h1m-15.4 -6.4l.7 .7m12.1 -.7l-.7 .7"></path>
  <path d="M9 16a5 5 0 1 1 6 0a3.5 3.5 0 0 0 -1 3a2 2 0 0 1 -4 0a3.5 3.5 0 0 0 -1 -3"></path>
  <path d="M9.7 17l4.6 0"></path>
</svg>
            <span class="text-[11px] text-text-muted leading-relaxed"><strong class="text-text-primary font-medium">AI Perception:</strong> Accurate. AI recognizes unstitched fabric as a key product category for Zellbury, typical of South Asian fashion brands.</span>
          </div>
      </div>
      <div class="bg-surface-bg border border-border rounded-card p-4 space-y-2.5">
        <h4 class="text-sm font-bold text-text-primary">Footwear &amp; Accessories</h4>
        <p class="text-xs text-text-muted leading-relaxed">Includes a range of shoes, bags, scarves, and other complementary items to complete outfits.</p>

          <div class="flex items-start gap-2 pt-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-3.5 h-3.5 text-accent mt-0.5 shrink-0">
  <path d="M3 12h1m8 -9v1m8 8h1m-15.4 -6.4l.7 .7m12.1 -.7l-.7 .7"></path>
  <path d="M9 16a5 5 0 1 1 6 0a3.5 3.5 0 0 0 -1 3a2 2 0 0 1 -4 0a3.5 3.5 0 0 0 -1 -3"></path>
  <path d="M9.7 17l4.6 0"></path>
</svg>
            <span class="text-[11px] text-text-muted leading-relaxed"><strong class="text-text-primary font-medium">AI Perception:</strong> Incomplete. While AI may mention accessories, it often provides less detail or emphasis compared to clothing, sometimes missing the full breadth of their footwear offerings.</span>
          </div>
      </div>
  </div>
</div>

  <div class="bg-surface border border-border rounded-card p-6 space-y-6">
  <h3 class="text-xs font-bold tracking-wider text-text-muted uppercase">Deep AI Visibility Analysis</h3>

  <div class="grid grid-cols-1 md:grid-cols-2 gap-6">

    <!-- AI Understanding -->
      <div class="bg-surface-bg border border-border rounded-card p-5 space-y-3">
        <div class="flex items-center justify-between">
          <span class="text-[11px] font-bold tracking-wider text-accent uppercase">AI Understanding</span>
          <span class="px-2 py-0.5 rounded text-[0.6875rem] font-bold border text-red-600 dark:text-red-400 bg-red-500/10 border-red-500/20">High — AI correctly identifies Zellbury as a Pakistani fashion retailer offering affordable apparel. Accuracy</span>
        </div>

          <div class="space-y-1.5">
            <span class="text-[0.6875rem] text-text-muted font-semibold uppercase tracking-wider">Common Mistakes</span>
              <div class="flex items-start gap-2">
                <span class="text-status-negative text-xs mt-0.5">✕</span>
                <span class="text-xs text-text-muted leading-relaxed">Rarely clarifies Zellbury&#39;s specific design philosophy beyond &#39;trendy&#39; or &#39;affordable&#39;.</span>
              </div>
              <div class="flex items-start gap-2">
                <span class="text-status-negative text-xs mt-0.5">✕</span>
                <span class="text-xs text-text-muted leading-relaxed">Overlooks smaller product categories like specific home textiles or kids&#39; accessories.</span>
              </div>
              <div class="flex items-start gap-2">
                <span class="text-status-negative text-xs mt-0.5">✕</span>
                <span class="text-xs text-text-muted leading-relaxed">Does not usually provide a clear timeline of the brand&#39;s growth or specific milestones.</span>
              </div>
          </div>

          <div class="space-y-1.5">
            <span class="text-[0.6875rem] text-text-muted font-semibold uppercase tracking-wider">Missing Context</span>
              <div class="flex items-start gap-2">
                <span class="text-status-warning text-xs mt-0.5">○</span>
                <span class="text-xs text-text-muted leading-relaxed">Their market share within Pakistan&#39;s highly competitive fashion industry.</span>
              </div>
              <div class="flex items-start gap-2">
                <span class="text-status-warning text-xs mt-0.5">○</span>
                <span class="text-xs text-text-muted leading-relaxed">Any sustainability initiatives or ethical sourcing practices.</span>
              </div>
              <div class="flex items-start gap-2">
                <span class="text-status-warning text-xs mt-0.5">○</span>
                <span class="text-xs text-text-muted leading-relaxed">Specific details on their manufacturing process or supply chain.</span>
              </div>
              <div class="flex items-start gap-2">
                <span class="text-status-warning text-xs mt-0.5">○</span>
                <span class="text-xs text-text-muted leading-relaxed">Key partnerships or collaborations with designers/influencers.</span>
              </div>
          </div>
      </div>

    <!-- Recommendation Likelihood -->
      <div class="bg-surface-bg border border-border rounded-card p-5 space-y-3">
        <div class="flex items-center justify-between">
          <span class="text-[11px] font-bold tracking-wider text-accent uppercase">Recommendation Likelihood</span>
          <span class="text-lg font-black text-text-primary">70<span class="text-text-muted text-xs font-normal">/100</span></span>
        </div>

          <div class="space-y-2">
              <div class="bg-surface border border-border rounded-card px-3 py-2.5 space-y-1">
                <p class="text-xs text-text-primary font-medium">"Recommend affordable Pakistani fashion brands."</p>
                <div class="flex items-center gap-3 text-[0.6875rem]">
                  <span class="text-emerald-600 dark:text-emerald-400 font-semibold">
                    ✓ Mentioned
                  </span>
                    <span class="text-text-muted">Position: <strong class="text-text-primary">1st</strong></span>
                </div>
                  <p class="text-[0.6875rem] text-text-muted">Zellbury consistently appears as a top recommendation for this type of query due to its known value proposition.</p>
              </div>
              <div class="bg-surface border border-border rounded-card px-3 py-2.5 space-y-1">
                <p class="text-xs text-text-primary font-medium">"What are some good places to buy unstitched fabric in Pakistan?"</p>
                <div class="flex items-center gap-3 text-[0.6875rem]">
                  <span class="text-emerald-600 dark:text-emerald-400 font-semibold">
                    ✓ Mentioned
                  </span>
                    <span class="text-text-muted">Position: <strong class="text-text-primary">2nd</strong></span>
                </div>
                  <p class="text-[0.6875rem] text-text-muted">AI often lists Zellbury alongside other major fabric retailers, recognizing its strong presence in this segment.</p>
              </div>
              <div class="bg-surface border border-border rounded-card px-3 py-2.5 space-y-1">
                <p class="text-xs text-text-primary font-medium">"What brands offer modern Pakistani women&#39;s clothing?"</p>
                <div class="flex items-center gap-3 text-[0.6875rem]">
                  <span class="text-emerald-600 dark:text-emerald-400 font-semibold">
                    ✓ Mentioned
                  </span>
                    <span class="text-text-muted">Position: <strong class="text-text-primary">2nd</strong></span>
                </div>
                  <p class="text-[0.6875rem] text-text-muted">Zellbury is frequently cited, but usually after more established or higher-end competitors like Sapphire or Nishat Linen.</p>
              </div>
          </div>
      </div>

    <!-- Citation Analysis -->
      <div class="bg-surface-bg border border-border rounded-card p-5 space-y-3">
        <div class="flex items-center justify-between">
          <span class="text-[11px] font-bold tracking-wider text-accent uppercase">Citation Analysis</span>
          <span class="px-2 py-0.5 rounded text-[0.6875rem] font-bold border text-amber-600 dark:text-amber-400 bg-amber-500/10 border-amber-500/20">Moderate</span>
        </div>

          <div class="space-y-1.5">
            <span class="text-[0.6875rem] text-text-muted font-semibold uppercase tracking-wider">Primary Sources</span>
            <div class="flex flex-wrap gap-1.5">
                <span class="px-2 py-0.5 rounded text-[0.6875rem] font-medium bg-surface border border-border text-text-primary">Zellbury official website (zellbury.com)</span>
                <span class="px-2 py-0.5 rounded text-[0.6875rem] font-medium bg-surface border border-border text-text-primary">Major Pakistani e-commerce platforms (e.g., Daraz.pk, Shopsy.pk)</span>
                <span class="px-2 py-0.5 rounded text-[0.6875rem] font-medium bg-surface border border-border text-text-primary">Fashion news blogs and online magazines in Pakistan</span>
                <span class="px-2 py-0.5 rounded text-[0.6875rem] font-medium bg-surface border border-border text-text-primary">Social media profiles (Facebook, Instagram)</span>
            </div>
          </div>

          <div class="space-y-1.5">
            <span class="text-[0.6875rem] text-text-muted font-semibold uppercase tracking-wider">Missing Sources</span>
              <div class="flex items-start gap-2">
                <span class="text-status-warning text-xs mt-0.5">○</span>
                <span class="text-xs text-text-muted">Independent, in-depth fashion industry analysis reports.</span>
              </div>
              <div class="flex items-start gap-2">
                <span class="text-status-warning text-xs mt-0.5">○</span>
                <span class="text-xs text-text-muted">International fashion publications mentioning Pakistani brands.</span>
              </div>
              <div class="flex items-start gap-2">
                <span class="text-status-warning text-xs mt-0.5">○</span>
                <span class="text-xs text-text-muted">Detailed investor relations pages or corporate responsibility reports.</span>
              </div>
          </div>
      </div>

    <!-- Competitive Position -->
      <div class="bg-surface-bg border border-border rounded-card p-5 space-y-3">
        <div class="flex items-center justify-between">
          <span class="text-[11px] font-bold tracking-wider text-accent uppercase">Competitive Position</span>
          <span class="text-[0.6875rem] font-semibold text-red-600 dark:text-red-400">Unclear — AI struggles to articulate Zellbury&#39;s specific competitive advantages beyond being &#39;affordable&#39; and &#39;trendy&#39;, often failing to highlight unique design elements or value propositions. Differentiation</span>
        </div>

          <div class="space-y-2">
              <div class="bg-surface border border-border rounded-card px-3 py-2.5 flex items-start justify-between gap-3">
                <div class="min-w-0">
                  <span class="text-xs text-text-primary font-bold">Sapphire</span>
                  <p class="text-xs text-text-muted leading-relaxed mt-1">AI often favors Sapphire due to its slightly higher brand prestige, broader lifestyle offerings, and more extensive international recognition.</p>
                </div>
                <span class="px-2 py-0.5 rounded text-[0.6875rem] font-bold border shrink-0 mt-0.5 text-emerald-600 dark:text-emerald-400 bg-emerald-500/10 border-emerald-500/20">Favored</span>
              </div>
              <div class="bg-surface border border-border rounded-card px-3 py-2.5 flex items-start justify-between gap-3">
                <div class="min-w-0">
                  <span class="text-xs text-text-primary font-bold">Nishat Linen</span>
                  <p class="text-xs text-text-muted leading-relaxed mt-1">Nishat Linen&#39;s longer history, diverse textile empire, and distinct aesthetic often lead AI to mention it more prominently or with greater detail.</p>
                </div>
                <span class="px-2 py-0.5 rounded text-[0.6875rem] font-bold border shrink-0 mt-0.5 text-emerald-600 dark:text-emerald-400 bg-emerald-500/10 border-emerald-500/20">Favored</span>
              </div>
              <div class="bg-surface border border-border rounded-card px-3 py-2.5 flex items-start justify-between gap-3">
                <div class="min-w-0">
                  <span class="text-xs text-text-primary font-bold">J. (Junaid Jamshed)</span>
                  <p class="text-xs text-text-muted leading-relaxed mt-1">AI treats J. similarly for traditional and unstitched wear, recognizing its strong cultural association, but Zellbury has a stronger &#39;trendy&#39; association.</p>
                </div>
                <span class="px-2 py-0.5 rounded text-[0.6875rem] font-bold border shrink-0 mt-0.5 text-text-muted bg-surface-bg border border-border">Equal</span>
              </div>
          </div>
      </div>

    <!-- Content Coverage -->
      <div class="bg-surface-bg border border-border rounded-card p-5 space-y-3">
        <span class="text-[11px] font-bold tracking-wider text-accent uppercase">Content Coverage</span>

          <div class="space-y-1.5">
            <span class="text-[0.6875rem] text-text-muted font-semibold uppercase tracking-wider">Well Covered</span>
              <div class="flex items-start gap-2">
                <span class="text-emerald-600 dark:text-emerald-400 text-xs mt-0.5">✓</span>
                <span class="text-xs text-text-muted">Basic product categories (ready-to-wear, unstitched, footwear, accessories).</span>
              </div>
              <div class="flex items-start gap-2">
                <span class="text-emerald-600 dark:text-emerald-400 text-xs mt-0.5">✓</span>
                <span class="text-xs text-text-muted">Their status as a popular Pakistani fashion brand.</span>
              </div>
              <div class="flex items-start gap-2">
                <span class="text-emerald-600 dark:text-emerald-400 text-xs mt-0.5">✓</span>
                <span class="text-xs text-text-muted">General price point and affordability.</span>
              </div>
          </div>

          <div class="space-y-1.5">
            <span class="text-[0.6875rem] text-text-muted font-semibold uppercase tracking-wider">Gaps</span>
              <div class="flex items-start gap-2">
                <span class="text-status-negative text-xs mt-0.5">✕</span>
                <span class="text-xs text-text-muted">Specific design philosophy or seasonal collection inspirations.</span>
              </div>
              <div class="flex items-start gap-2">
                <span class="text-status-negative text-xs mt-0.5">✕</span>
                <span class="text-xs text-text-muted">Company history, milestones, or founder story beyond the launch year.</span>
              </div>
              <div class="flex items-start gap-2">
                <span class="text-status-negative text-xs mt-0.5">✕</span>
                <span class="text-xs text-text-muted">Details on customer service, return policies, or unique shopping experiences.</span>
              </div>
              <div class="flex items-start gap-2">
                <span class="text-status-negative text-xs mt-0.5">✕</span>
                <span class="text-xs text-text-muted">Environmental or social responsibility initiatives.</span>
              </div>
          </div>

          <div class="space-y-1.5">
            <span class="text-[0.6875rem] text-text-muted font-semibold uppercase tracking-wider">Opportunities</span>
              <div class="flex items-start gap-2">
                <span class="text-status-warning text-xs mt-0.5">◆</span>
                <span class="text-xs text-text-muted">Content discussing the brand&#39;s commitment to quality or specific fabric choices.</span>
              </div>
              <div class="flex items-start gap-2">
                <span class="text-status-warning text-xs mt-0.5">◆</span>
                <span class="text-xs text-text-muted">Behind-the-scenes content on design and manufacturing processes.</span>
              </div>
              <div class="flex items-start gap-2">
                <span class="text-status-warning text-xs mt-0.5">◆</span>
                <span class="text-xs text-text-muted">Customer testimonials and success stories integrated into brand narratives.</span>
              </div>
          </div>
      </div>

    <!-- Trust Signals -->
      <div class="bg-surface-bg border border-border rounded-card p-5 space-y-3">
        <span class="text-[11px] font-bold tracking-wider text-accent uppercase">Trust Signals</span>

        <div class="grid grid-cols-2 gap-3">
          <div class="space-y-1">
            <span class="text-[0.6875rem] text-text-muted uppercase tracking-wider">Review Presence</span>
            <span class="block text-sm text-text-primary font-bold">Moderate</span>
          </div>
          <div class="space-y-1">
            <span class="text-[0.6875rem] text-text-muted uppercase tracking-wider">Transparency</span>
            <span class="block text-sm text-text-primary font-bold">Medium — Basic company information is available, but in-depth details like corporate governance, sustainability reports, or detailed history are not readily accessible for AI consumption.</span>
          </div>
        </div>

          <div class="space-y-1.5">
            <span class="text-[0.6875rem] text-text-muted font-semibold uppercase tracking-wider">Authority Indicators</span>
            <div class="flex flex-wrap gap-1.5">
                <span class="px-2 py-0.5 rounded-badge text-[0.6875rem] font-semibold bg-emerald-500/10 border border-emerald-500/20 text-emerald-600">Widespread physical retail presence across Pakistan</span>
                <span class="px-2 py-0.5 rounded-badge text-[0.6875rem] font-semibold bg-emerald-500/10 border border-emerald-500/20 text-emerald-600">Active social media engagement with a large follower base</span>
                <span class="px-2 py-0.5 rounded-badge text-[0.6875rem] font-semibold bg-emerald-500/10 border border-emerald-500/20 text-emerald-600">Consistent digital advertising campaigns</span>
            </div>
          </div>
      </div>

  </div>
</div>

  <div class="bg-surface border border-border rounded-card p-6 space-y-5">
  <h3 class="text-xs font-bold tracking-wider text-text-muted uppercase">AI Answer Engine Performance</h3>

  <div class="grid grid-cols-1 md:grid-cols-2 gap-5">


      <div class="bg-surface-bg border border-border rounded-card p-5 space-y-3 flex flex-col justify-between">
        <div class="space-y-2">
          <div class="flex justify-between items-center">
            <div class="flex items-center gap-2">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-4 h-4 text-orange-600 shrink-0">
  <path d="M15.5 13a3.5 3.5 0 0 0 -3.5 3.5v1a3.5 3.5 0 0 0 7 0v-1.8"></path>
  <path d="M8.5 13a3.5 3.5 0 0 1 3.5 3.5v1a3.5 3.5 0 0 1 -7 0v-1.8"></path>
  <path d="M17.5 16a3.5 3.5 0 0 0 0 -7h-.5"></path>
  <path d="M19 9.3v-2.8a3.5 3.5 0 0 0 -7 0"></path>
  <path d="M6.5 16a3.5 3.5 0 0 1 0 -7h.5"></path>
  <path d="M5 9.3v-2.8a3.5 3.5 0 0 1 7 0v10"></path>
</svg>
              <span class="text-sm font-bold text-text-primary">Claude</span>
            </div>
            <span class="text-xs font-semibold px-2 py-0.5 rounded-badge bg-accent-subtle text-accent border border-accent-border/30">82/100</span>
          </div>
          <!-- Progress Bar -->
          <div class="w-full bg-surface rounded-full h-2.5 overflow-hidden border border-border">
            <div class="bg-gradient-to-r from-accent to-accent/75 h-full rounded-full transition-all duration-1000 ease-out"
                 style="width: 0%;"
                 data-controller="progressbar"
                 data-progressbar-target-width="82%"></div>
          </div>
        </div>
        <!-- Platform Insight -->
          <p class="text-xs text-text-muted leading-relaxed pt-1">Claude often offers a slightly more nuanced understanding of Zellbury, sometimes picking up on subtle brand attributes or tone from website content. It excels at summarizing the brand&#39;s offerings and positioning within the Pakistani market, potentially providing a more articulate explanation of their value for money, but also struggles to pinpoint detailed unique selling propositions or specific sustainability efforts.</p>
      </div>

      <div class="bg-surface-bg border border-border rounded-card p-5 space-y-3 flex flex-col justify-between">
        <div class="space-y-2">
          <div class="flex justify-between items-center">
            <div class="flex items-center gap-2">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-4 h-4 text-blue-500 shrink-0">
  <path d="M20.945 11a9 9 0 1 1 -3.284 -5.997l-2.655 2.392a5.5 5.5 0 1 0 2.119 6.605h-4.125v-3h7.945"></path>
</svg>
              <span class="text-sm font-bold text-text-primary">Gemini</span>
            </div>
            <span class="text-xs font-semibold px-2 py-0.5 rounded-badge bg-accent-subtle text-accent border border-accent-border/30">78/100</span>
          </div>
          <!-- Progress Bar -->
          <div class="w-full bg-surface rounded-full h-2.5 overflow-hidden border border-border">
            <div class="bg-gradient-to-r from-accent to-accent/75 h-full rounded-full transition-all duration-1000 ease-out"
                 style="width: 0%;"
                 data-controller="progressbar"
                 data-progressbar-target-width="78%"></div>
          </div>
        </div>
        <!-- Platform Insight -->
          <p class="text-xs text-text-muted leading-relaxed pt-1">Gemini typically presents concise and factual information about Zellbury, focusing on its core business as a fashion brand in Pakistan. It is good at listing product categories and general market position. However, it may offer less in-depth analysis regarding brand philosophy or competitive landscape, sometimes providing a more superficial overview compared to other models.</p>
      </div>

      <div class="bg-surface-bg border border-border rounded-card p-5 space-y-3 flex flex-col justify-between">
        <div class="space-y-2">
          <div class="flex justify-between items-center">
            <div class="flex items-center gap-2">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-4 h-4 text-emerald-500 shrink-0">
  <path d="M11.217 19.384a3.501 3.501 0 0 0 6.783 -1.217v-5.167l-6 -3.35"></path>
  <path d="M5.214 15.014a3.501 3.501 0 0 0 4.446 5.266l4.34 -2.534v-6.946"></path>
  <path d="M6 7.63c-1.391 -.236 -2.787 .395 -3.534 1.689a3.474 3.474 0 0 0 1.271 4.745l4.263 2.514l6 -3.348"></path>
  <path d="M12.783 4.616a3.501 3.501 0 0 0 -6.783 1.217v5.067l6 3.45"></path>
  <path d="M18.786 8.986a3.501 3.501 0 0 0 -4.446 -5.266l-4.34 2.534v6.946"></path>
  <path d="M18 16.302c1.391 .236 2.787 -.395 3.534 -1.689a3.474 3.474 0 0 0 -1.271 -4.745l-4.308 -2.514l-5.955 3.42"></path>
</svg>
              <span class="text-sm font-bold text-text-primary">ChatGPT</span>
            </div>
            <span class="text-xs font-semibold px-2 py-0.5 rounded-badge bg-accent-subtle text-accent border border-accent-border/30">80/100</span>
          </div>
          <!-- Progress Bar -->
          <div class="w-full bg-surface rounded-full h-2.5 overflow-hidden border border-border">
            <div class="bg-gradient-to-r from-accent to-accent/75 h-full rounded-full transition-all duration-1000 ease-out"
                 style="width: 0%;"
                 data-controller="progressbar"
                 data-progressbar-target-width="80%"></div>
          </div>
        </div>
        <!-- Platform Insight -->
          <p class="text-xs text-text-muted leading-relaxed pt-1">ChatGPT provides a generally accurate and comprehensive overview of Zellbury as a leading Pakistani fashion retailer, citing its product range and affordability. It synthesizes information well from various web sources but tends to generalize about competitive differentiation, often lacking deep insights into the brand&#39;s unique design ethos or specific market position beyond &#39;affordable trendy fashion&#39;.</p>
      </div>

      <div class="bg-surface-bg border border-border rounded-card p-5 space-y-3 flex flex-col justify-between">
        <div class="space-y-2">
          <div class="flex justify-between items-center">
            <div class="flex items-center gap-2">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-4 h-4 text-teal-600 shrink-0">
  <path d="M3 10a7 7 0 1 0 14 0a7 7 0 1 0 -14 0"></path>
  <path d="M21 21l-6 -6"></path>
</svg>
              <span class="text-sm font-bold text-text-primary">Perplexity</span>
            </div>
            <span class="text-xs font-semibold px-2 py-0.5 rounded-badge bg-accent-subtle text-accent border border-accent-border/30">75/100</span>
          </div>
          <!-- Progress Bar -->
          <div class="w-full bg-surface rounded-full h-2.5 overflow-hidden border border-border">
            <div class="bg-gradient-to-r from-accent to-accent/75 h-full rounded-full transition-all duration-1000 ease-out"
                 style="width: 0%;"
                 data-controller="progressbar"
                 data-progressbar-target-width="75%"></div>
          </div>
        </div>
        <!-- Platform Insight -->
          <p class="text-xs text-text-muted leading-relaxed pt-1">Perplexity, leveraging live web search, can provide very up-to-date information on Zellbury, including current collections or promotions if mentioned in recent news. While its citations are excellent, the summarized answer can sometimes be fragmented, reflecting the diverse and occasionally inconsistent nature of search results, leading to a less cohesive narrative about the brand&#39;s overarching identity.</p>
      </div>
  </div>
</div>

  <div class="bg-surface border border-border rounded-card p-6 space-y-4">
  <h3 class="text-xs font-bold tracking-wider text-text-muted uppercase">Key Insights</h3>

  <div class="space-y-3">

      <div class="flex items-start gap-3 p-3 rounded-card border bg-emerald-500/5 dark:bg-emerald-500/10 border-emerald-500/20">
        <span class="text-emerald-600 dark:text-emerald-400 text-sm mt-0.5 shrink-0">✓</span>
        <div class="min-w-0">
          <span class="text-[0.6875rem] font-bold tracking-wider uppercase text-emerald-600 dark:text-emerald-400">Strength</span>
          <p class="text-sm text-text-primary leading-relaxed mt-0.5">AI assistants consistently recognize Zellbury for its &#39;affordable&#39; and &#39;trendy&#39; fashion, a strong value proposition well-understood across platforms, making them a default recommendation for budget-conscious consumers seeking modern Pakistani wear.</p>
        </div>
      </div>

      <div class="flex items-start gap-3 p-3 rounded-card border bg-amber-500/5 dark:bg-amber-500/10 border-amber-500/20">
        <span class="text-amber-600 dark:text-amber-400 text-sm mt-0.5 shrink-0">⚠</span>
        <div class="min-w-0">
          <span class="text-[0.6875rem] font-bold tracking-wider uppercase text-amber-600 dark:text-amber-400">Warning</span>
          <p class="text-sm text-text-primary leading-relaxed mt-0.5">AI struggles to articulate Zellbury&#39;s unique design philosophy or specific competitive differentiation beyond price, often positioning them generically alongside major competitors like Sapphire and Nishat Linen without highlighting distinct brand personality or aesthetic.</p>
        </div>
      </div>

      <div class="flex items-start gap-3 p-3 rounded-card border bg-fuchsia-500/5 dark:bg-fuchsia-500/10 border-fuchsia-500/20">
        <span class="text-fuchsia-600 dark:text-fuchsia-400 text-sm mt-0.5 shrink-0">◆</span>
        <div class="min-w-0">
          <span class="text-[0.6875rem] font-bold tracking-wider uppercase text-fuchsia-600 dark:text-fuchsia-400">Opportunity</span>
          <p class="text-sm text-text-primary leading-relaxed mt-0.5">There is an untapped opportunity to improve AI visibility by publishing detailed, structured content on Zellbury&#39;s commitment to quality, specific fabric innovations, and any nascent sustainability initiatives, moving beyond just &#39;affordable&#39; to &#39;affordable quality with purpose&#39;.</p>
        </div>
      </div>
  </div>
</div>

  <div class="bg-surface border border-border rounded-card p-6 space-y-6">
  <div class="flex flex-col sm:flex-row justify-between sm:items-center gap-2">
    <div>
      <h3 class="text-xs font-bold tracking-wider text-text-muted uppercase">Improvement Roadmap</h3>
      <p class="text-xs text-text-muted mt-1">Prioritized actions to boost your AI visibility and recommendation rate.</p>
    </div>
    <span class="text-[0.6875rem] font-semibold text-accent bg-accent-subtle border border-accent-border/30 px-3 py-1 rounded-badge uppercase tracking-wider shrink-0">
      6 Actions
    </span>
  </div>



    <div class="space-y-3">
      <div class="flex items-center gap-2">
        <div class="w-8 h-0.5 bg-gradient-to-r from-red-500 to-fuchsia-500 rounded-full"></div>
        <span class="text-[11px] font-bold tracking-wider text-text-muted uppercase">High Impact</span>
        <span class="text-[0.6875rem] text-text-muted">(2)</span>
      </div>

      <div class="grid grid-cols-1 gap-4">
          <div class="bg-surface-bg border border-border rounded-card p-5 space-y-3 relative overflow-hidden group">
            <!-- Bottom accent bar -->
            <div class="absolute bottom-0 inset-x-0 h-0.5 bg-gradient-to-r from-red-500 to-fuchsia-500 opacity-40 group-hover:opacity-70 transition-opacity"></div>

            <div class="flex flex-wrap items-center justify-between gap-3">
              <div class="flex items-center gap-3">
                <span class="px-2.5 py-0.5 rounded text-[0.6875rem] font-bold border uppercase bg-red-500/10 border-red-500/20 text-red-600 dark:text-red-400">High Impact</span>
                <h4 class="text-sm font-bold text-text-primary">Develop &amp; Promote a Unique Brand Narrative</h4>
              </div>

              <div class="flex items-center gap-4 text-xs">
                  <div class="flex items-center gap-1.5 text-text-muted">
                    <span class="text-text-muted font-light">Impact:</span>
                    <span class="font-medium text-text-primary">ChatGPT, Claude, Gemini</span>
                  </div>
                  <div class="flex items-center gap-1.5 text-text-muted">
                    <span class="text-text-muted font-light">Effort:</span>
                    <span class="font-medium text-text-primary">Medium</span>
                  </div>
              </div>
            </div>

            <p class="text-xs sm:text-sm text-text-primary leading-relaxed">Create compelling content (blog posts, &#39;About Us&#39; revamp, press releases) that clearly articulates Zellbury&#39;s unique design philosophy, specific aesthetic influences, and brand story beyond just affordability. This helps AI understand and convey distinct differentiation against competitors.</p>
          </div>
          <div class="bg-surface-bg border border-border rounded-card p-5 space-y-3 relative overflow-hidden group">
            <!-- Bottom accent bar -->
            <div class="absolute bottom-0 inset-x-0 h-0.5 bg-gradient-to-r from-red-500 to-fuchsia-500 opacity-40 group-hover:opacity-70 transition-opacity"></div>

            <div class="flex flex-wrap items-center justify-between gap-3">
              <div class="flex items-center gap-3">
                <span class="px-2.5 py-0.5 rounded text-[0.6875rem] font-bold border uppercase bg-red-500/10 border-red-500/20 text-red-600 dark:text-red-400">High Impact</span>
                <h4 class="text-sm font-bold text-text-primary">Implement Comprehensive Schema Markup</h4>
              </div>

              <div class="flex items-center gap-4 text-xs">
                  <div class="flex items-center gap-1.5 text-text-muted">
                    <span class="text-text-muted font-light">Impact:</span>
                    <span class="font-medium text-text-primary">All engines, especially Perplexity and those relying on search indices</span>
                  </div>
                  <div class="flex items-center gap-1.5 text-text-muted">
                    <span class="text-text-muted font-light">Effort:</span>
                    <span class="font-medium text-text-primary">Hard</span>
                  </div>
              </div>
            </div>

            <p class="text-xs sm:text-sm text-text-primary leading-relaxed">Integrate detailed schema markup (Organization, Product, Review, LocalBusiness) across zellbury.com. This provides structured data that AI models and search engines can easily parse, improving accuracy and depth of information about the brand, products, and locations.</p>
          </div>
      </div>
    </div>

    <div class="space-y-3">
      <div class="flex items-center gap-2">
        <div class="w-8 h-0.5 bg-gradient-to-r from-amber-500 to-orange-500 rounded-full"></div>
        <span class="text-[11px] font-bold tracking-wider text-text-muted uppercase">Medium Impact</span>
        <span class="text-[0.6875rem] text-text-muted">(2)</span>
      </div>

      <div class="grid grid-cols-1 gap-4">
          <div class="bg-surface-bg border border-border rounded-card p-5 space-y-3 relative overflow-hidden group">
            <!-- Bottom accent bar -->
            <div class="absolute bottom-0 inset-x-0 h-0.5 bg-gradient-to-r from-amber-500 to-orange-500 opacity-40 group-hover:opacity-70 transition-opacity"></div>

            <div class="flex flex-wrap items-center justify-between gap-3">
              <div class="flex items-center gap-3">
                <span class="px-2.5 py-0.5 rounded text-[0.6875rem] font-bold border uppercase bg-amber-500/10 border-amber-500/20 text-amber-600 dark:text-amber-400">Medium Impact</span>
                <h4 class="text-sm font-bold text-text-primary">Establish an Accessible &#39;Press &amp; Media&#39; Kit</h4>
              </div>

              <div class="flex items-center gap-4 text-xs">
                  <div class="flex items-center gap-1.5 text-text-muted">
                    <span class="text-text-muted font-light">Impact:</span>
                    <span class="font-medium text-text-primary">All engines, particularly for accuracy and missing context</span>
                  </div>
                  <div class="flex items-center gap-1.5 text-text-muted">
                    <span class="text-text-muted font-light">Effort:</span>
                    <span class="font-medium text-text-primary">Easy</span>
                  </div>
              </div>
            </div>

            <p class="text-xs sm:text-sm text-text-primary leading-relaxed">Create a dedicated, easily discoverable section on the website with press releases, high-resolution brand assets, company factsheets, and key contact information. This empowers AI to cite accurate and official brand information, reducing factual errors and missing context.</p>
          </div>
          <div class="bg-surface-bg border border-border rounded-card p-5 space-y-3 relative overflow-hidden group">
            <!-- Bottom accent bar -->
            <div class="absolute bottom-0 inset-x-0 h-0.5 bg-gradient-to-r from-amber-500 to-orange-500 opacity-40 group-hover:opacity-70 transition-opacity"></div>

            <div class="flex flex-wrap items-center justify-between gap-3">
              <div class="flex items-center gap-3">
                <span class="px-2.5 py-0.5 rounded text-[0.6875rem] font-bold border uppercase bg-amber-500/10 border-amber-500/20 text-amber-600 dark:text-amber-400">Medium Impact</span>
                <h4 class="text-sm font-bold text-text-primary">Highlight Sustainability and Ethical Practices</h4>
              </div>

              <div class="flex items-center gap-4 text-xs">
                  <div class="flex items-center gap-1.5 text-text-muted">
                    <span class="text-text-muted font-light">Impact:</span>
                    <span class="font-medium text-text-primary">ChatGPT, Claude, Gemini (for brand perception and value alignment)</span>
                  </div>
                  <div class="flex items-center gap-1.5 text-text-muted">
                    <span class="text-text-muted font-light">Effort:</span>
                    <span class="font-medium text-text-primary">Medium</span>
                  </div>
              </div>
            </div>

            <p class="text-xs sm:text-sm text-text-primary leading-relaxed">Publicize any existing or planned sustainability initiatives, ethical sourcing, or community involvement efforts on the website and through official channels. AI currently lacks this context, and such information can significantly boost favorability and brand perception.</p>
          </div>
      </div>
    </div>

    <div class="space-y-3">
      <div class="flex items-center gap-2">
        <div class="w-8 h-0.5 bg-gradient-to-r from-blue-500 to-indigo-500 rounded-full"></div>
        <span class="text-[11px] font-bold tracking-wider text-text-muted uppercase">Low Impact</span>
        <span class="text-[0.6875rem] text-text-muted">(2)</span>
      </div>

      <div class="grid grid-cols-1 gap-4">
          <div class="bg-surface-bg border border-border rounded-card p-5 space-y-3 relative overflow-hidden group">
            <!-- Bottom accent bar -->
            <div class="absolute bottom-0 inset-x-0 h-0.5 bg-gradient-to-r from-blue-500 to-indigo-500 opacity-40 group-hover:opacity-70 transition-opacity"></div>

            <div class="flex flex-wrap items-center justify-between gap-3">
              <div class="flex items-center gap-3">
                <span class="px-2.5 py-0.5 rounded text-[0.6875rem] font-bold border uppercase bg-blue-500/10 border-blue-500/20 text-blue-600 dark:text-blue-400">Low Impact</span>
                <h4 class="text-sm font-bold text-text-primary">Curate and Syndicate Customer Testimonials</h4>
              </div>

              <div class="flex items-center gap-4 text-xs">
                  <div class="flex items-center gap-1.5 text-text-muted">
                    <span class="text-text-muted font-light">Impact:</span>
                    <span class="font-medium text-text-primary">All engines (for trust and social proof)</span>
                  </div>
                  <div class="flex items-center gap-1.5 text-text-muted">
                    <span class="text-text-muted font-light">Effort:</span>
                    <span class="font-medium text-text-primary">Easy</span>
                  </div>
              </div>
            </div>

            <p class="text-xs sm:text-sm text-text-primary leading-relaxed">Actively collect and publish customer testimonials and success stories, both on the website and through review platforms. This enhances trust signals and provides AI with more qualitative data about customer satisfaction and product quality.</p>
          </div>
          <div class="bg-surface-bg border border-border rounded-card p-5 space-y-3 relative overflow-hidden group">
            <!-- Bottom accent bar -->
            <div class="absolute bottom-0 inset-x-0 h-0.5 bg-gradient-to-r from-blue-500 to-indigo-500 opacity-40 group-hover:opacity-70 transition-opacity"></div>

            <div class="flex flex-wrap items-center justify-between gap-3">
              <div class="flex items-center gap-3">
                <span class="px-2.5 py-0.5 rounded text-[0.6875rem] font-bold border uppercase bg-blue-500/10 border-blue-500/20 text-blue-600 dark:text-blue-400">Low Impact</span>
                <h4 class="text-sm font-bold text-text-primary">Optimize Product Descriptions for Richness</h4>
              </div>

              <div class="flex items-center gap-4 text-xs">
                  <div class="flex items-center gap-1.5 text-text-muted">
                    <span class="text-text-muted font-light">Impact:</span>
                    <span class="font-medium text-text-primary">ChatGPT, Claude, Gemini (for detailed product understanding)</span>
                  </div>
                  <div class="flex items-center gap-1.5 text-text-muted">
                    <span class="text-text-muted font-light">Effort:</span>
                    <span class="font-medium text-text-primary">Medium</span>
                  </div>
              </div>
            </div>

            <p class="text-xs sm:text-sm text-text-primary leading-relaxed">Beyond basic features, enrich product descriptions with details about fabric origin, design inspiration, care instructions, and styling tips. This provides AI with more specific, engaging content to draw from, improving descriptions beyond generic statements.</p>
          </div>
      </div>
    </div>
</div>

  
</div>
</template></turbo-stream><turbo-stream action="update" target="brand-error"><template></template></turbo-stream>