<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">tyre tec trading</span>
    </div>

    <p class="text-text-muted leading-relaxed text-sm sm:text-base">
      Tyre Tec Trading is a B2B tire distributor and exporter based in Dubai, UAE, specializing in a wide range of tire brands and types. AI assistants accurately identify the company&#39;s core business and location, benefiting from a clear, functional website. Their biggest strength in AI visibility lies in straightforward factual recall, but their greatest gap is a lack of unique, differentiating content or broader industry recognition beyond their direct operations. The company exhibits moderate AI visibility, with significant room for strategic content expansion.
    </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">Online Presence &amp; Website Clarity</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">The company maintains a clear, well-structured website that AI can easily parse for core business information.</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">Brand Mentions &amp; External Recognition</span>
                <span class="text-xs font-mono font-bold text-text-primary">60</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="60%"></div>
              </div>
              <div class="flex justify-between items-center text-[0.6875rem] text-text-muted">
                <span class="font-light">Mentions outside their own website are limited to business directories and a few trade listings, lacking broader news coverage.</span>
                <span class="font-mono font-bold">40%</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">Content Depth &amp; Differentiation</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">AI grasps what they do, but finds little content that explains &#39;why&#39; they are different or better than competitors.</span>
                <span class="font-mono font-bold">30%</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.tyretectrading.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">Automotive &amp; Tire Distribution</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">Dubai, UAE</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">2005</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">SMB</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">B2B</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">Tire Distribution</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">Tire Export</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">Automotive Parts</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">Commercial Tires</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">Tyre Tec Trading LLC is a wholesale distributor and exporter of various tire brands and types, catering to the automotive, commercial, industrial, and agricultural sectors. Headquartered in Dubai, UAE, the company sources and supplies a comprehensive range of tires and related products across local and international markets. Their business focuses on efficient logistics and inventory management to serve B2B clients.</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">Tyre Distribution &amp; Wholesale</h4>
        <p class="text-xs text-text-muted leading-relaxed">Supplies a wide range of passenger, commercial, OTR, industrial, and agricultural tires from various global manufacturers.</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 assistants correctly identify the company as a multi-brand tire distributor and exporter.</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">Export Services</h4>
        <p class="text-xs text-text-muted leading-relaxed">Facilitates the global export of tires, managing logistics and documentation for international clients.</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 but incomplete; AI acknowledges export, but often omits specific regions or logistical capabilities.</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">Inner Tubes &amp; Rims Supply</h4>
        <p class="text-xs text-text-muted leading-relaxed">Provides inner tubes and steel/alloy rims as complementary products to their tire offerings.</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; AI typically focuses only on &#39;tires&#39; and rarely mentions these specific ancillary products without deeper prompting.</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-emerald-600 dark:text-emerald-400 bg-emerald-500/10 border-emerald-500/20">High 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">Confusing &#39;Tyre Tec Trading&#39; with other similarly named tire businesses if context is not explicit.</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">Attributing specific tire manufacturing to them, rather than just distribution.</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 specific competitive advantages beyond &#39;wide range&#39; and &#39;competitive prices&#39;.</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 regional markets or major export destinations they specialize in.</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 customer success stories or notable partnerships.</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">The tenure and experience of their leadership team.</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">72<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">"Who is Tyre Tec Trading?"</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">AI provides a direct factual overview based on their website.</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">"Where can I buy wholesale tires in Dubai?"</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 / 3rd</strong></span>
                </div>
                  <p class="text-[0.6875rem] text-text-muted">AI may list them alongside other prominent local distributors, especially if their website ranks well.</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 the best tire exporters from UAE?"</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">3rd / Not mentioned</strong></span>
                </div>
                  <p class="text-[0.6875rem] text-text-muted">AI might include them if export activities are clearly indexed, but without strong external validation, they might be omitted for larger players.</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">tyretectrading.com</span>
                <span class="px-2 py-0.5 rounded text-[0.6875rem] font-medium bg-surface border border-border text-text-primary">LinkedIn company page</span>
                <span class="px-2 py-0.5 rounded text-[0.6875rem] font-medium bg-surface border border-border text-text-primary">UAE business directories (e.g., Yellowpages.ae, Kompass.com)</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">Industry trade publications or news articles mentioning their growth or achievements.</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">Independent reviews or testimonials on third-party platforms.</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">Official press releases distributed through newswires.</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 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">Al-Futtaim Auto &amp; Machinery Co. (FAMCO)</span>
                  <p class="text-xs text-text-muted leading-relaxed mt-1">FAMCO is a much larger, diversified conglomerate with broader brand recognition and a more extensive digital footprint, leading to more frequent AI mentions.</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">National Tire &amp; Rubber Co. (NATCO)</span>
                  <p class="text-xs text-text-muted leading-relaxed mt-1">NATCO is a similar regional distributor; AI treats them comparably based on available factual information, with slight preference depending on specific brand associations.</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 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">Bridgestone MEA (Direct Distribution)</span>
                  <p class="text-xs text-text-muted leading-relaxed mt-1">Direct manufacturers like Bridgestone have immense brand authority and proprietary content, leading AI to prioritize them when discussing tire supply.</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>
      </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">Company name and location</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">Primary business activity (tire distribution/export)</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">Range of tire types offered</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 market specializations or niche offerings</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 leadership profiles</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 class="flex items-start gap-2">
                <span class="text-status-negative text-xs mt-0.5">✕</span>
                <span class="text-xs text-text-muted">Unique selling propositions or logistical efficiencies</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">Case studies showcasing successful large-scale exports or diverse client solutions.</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">Industry insights or whitepapers on tire market trends in the MENA region.</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 profiles of the brands they distribute and why they choose them.</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">Weak</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 — The website provides clear contact and business information but lacks deeper corporate transparency like management team details or detailed certifications.</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">Established physical presence in Dubai.</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">Representation of multiple international tire brands.</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">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">Claude offers a slightly more nuanced understanding, often connecting Tyre Tec Trading&#39;s location to the UAE&#39;s role as a regional trading hub. It excels at extracting product ranges and types from website content but similar to ChatGPT, lacks depth on market positioning or unique value propositions.</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">70/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="70%"></div>
          </div>
        </div>
        <!-- Platform Insight -->
          <p class="text-xs text-text-muted leading-relaxed pt-1">Gemini generally provides a solid, factual overview of Tyre Tec Trading. Its responses are concise and accurate for basic queries but often fall short on generating detailed competitive comparisons or industry context, possibly due to a heavier reliance on directly available structured data.</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">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">ChatGPT accurately summarizes Tyre Tec Trading&#39;s core business as a UAE-based tire distributor and exporter. It synthesizes information from their website and basic directory listings effectively, but struggles to provide unique insights or competitive differentiation due to limited broader content in its training data.</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">68/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="68%"></div>
          </div>
        </div>
        <!-- Platform Insight -->
          <p class="text-xs text-text-muted leading-relaxed pt-1">Perplexity, leveraging live web search, provides very current information, directly citing their website. While accurate for direct inquiries, its output is heavily dependent on the immediate search results. If competitors dominate top results for broader queries, Tyre Tec Trading may be less prominently featured, indicating a need for strong SEO.</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">Tyre Tec Trading possesses a clear, well-structured website that effectively communicates its core business, enabling AI assistants to accurately describe its services and location. This foundational clarity ensures basic factual recall is consistently high across platforms.</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">The brand&#39;s differentiation is unclear to AI. Assistants struggle to articulate why Tyre Tec Trading stands out from competitors, often reducing them to &#39;another tire distributor.&#39; This lack of unique value proposition in AI responses makes them vulnerable in competitive recommendation scenarios.</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 a significant opportunity to establish industry thought leadership. By publishing expert content on tire market trends, logistics challenges, or specific tire applications in the MENA region, Tyre Tec Trading can become a cited authority for AI, improving visibility and trust signals.</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 and Publish Differentiated Content Hub</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 ChatGPT, Claude, Gemini, and Perplexity (through improved indexing)</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 a dedicated section on the website for unique articles, case studies, and expert insights that highlight Tyre Tec Trading&#39;s logistical expertise, specific market niches, or client success stories. This content will provide AI with unique data points to differentiate the brand.</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">Establish Official Press &amp; Newsroom Presence</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, improving citation analysis and external recognition</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">Distribute press releases for company milestones, new partnerships, or significant export deals through reputable newswires. This generates authoritative external citations for AI, enhancing perceived credibility and improving brand mention scores.</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">Optimize Business Directory Listings &amp; Profiles</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">Perplexity, Gemini, and general knowledge bases for all AI</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">Ensure all online business directory listings (e.g., Google My Business, Yellow Pages, Kompass) are fully updated, consistent, and include rich descriptions, operating hours, and service categories. This reinforces factual accuracy and broadens the base of verifiable information for AI.</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">Solicit and Publish Client Testimonials/Reviews</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, specifically impacting trust signals and recommendation likelihood</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">Actively request testimonials from satisfied B2B clients and integrate them prominently on the website and relevant B2B review platforms. Authentic reviews provide social proof and positive sentiment that AI can detect and use to describe the brand favorably.</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">Enhance &#39;About Us&#39; Section with Leadership Profiles</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 (for context building)</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">Expand the &#39;About Us&#39; page to include brief profiles of key leadership team members, highlighting their experience and vision. This adds human elements and expertise, which AI can use to build a richer company narrative.</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">Regularly Update Website Content with Market Insights</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">Perplexity, and general index freshness for other AIs</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">Implement a schedule for minor updates to product descriptions or service pages to include current market relevance or benefits. Even small, regular updates signal activity and fresh information to AI crawlers, maintaining relevance.</p>
          </div>
      </div>
    </div>
</div>

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