traffic-torch/mobile-menu.html at main · traffictorch/traffic-torch · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<!-- mobile-menu.html – fixed bright text for all items -->
<nav class="flex flex-col gap-6 py-20 px-4 text-xl">

<!-- Pro Traffic -->
  <a href="/pro/"
     class="flex items-center gap-3 w-full text-black dark:text-gray-100 font-semibold hover:text-orange-400 transition pro-menu-link block py-1.5">
    <span class="text-2xl">🚥</span> Pro Traffic
  </a>

  <!-- SEO Tools group button -->
  <button
    type="button"
    class="group flex items-center justify-between w-full text-black dark:text-gray-100 font-semibold hover:text-orange-400 transition focus:outline-none"
    aria-expanded="false"
    data-category="seo-mobile"
  >
    🧰 SEO Tools
    <span class="text-sm transition-transform">▼</span>
  </button>
  <div class="pl-8 flex flex-col gap-3 hidden" data-category-content="seo-mobile">
    <a href="/topical-authority-audit-tool/" class="text-gray-100 dark:text-gray-100 hover:text-orange-400 transition block py-1.5 text-[1.125rem]">⚜️ Topical Authority</a>
    <a href="/seo-entity-extractor-tool/" class="text-gray-100 dark:text-gray-100 hover:text-orange-400 transition block py-1.5 text-[1.125rem]">🧬 Entity Extractor</a>
    <a href="/seo-intent-tool/" class="text-gray-100 dark:text-gray-100 hover:text-orange-400 transition block py-1.5 text-[1.125rem]">🎯 SEO Intent</a>
    <a href="/local-seo-tool/" class="text-gray-100 dark:text-gray-100 hover:text-orange-400 transition block py-1.5 text-[1.125rem]">📍 Local SEO</a>
    <a href="/product-seo-tool/" class="text-gray-100 dark:text-gray-100 hover:text-orange-400 transition block py-1.5 text-[1.125rem]">🛒 Product SEO</a>
    <a href="/schema-generator/" class="text-gray-100 dark:text-gray-100 hover:text-orange-400 transition block py-1.5 text-[1.125rem]">⚙️ Schema Generator</a>
  </div>

  <!-- AI Tools group button -->
  <button
    type="button"
    class="group flex items-center justify-between w-full text-black dark:text-gray-100 font-semibold hover:text-orange-400 transition focus:outline-none"
    aria-expanded="false"
    data-category="ai-mobile"
  >
    🛠 AI Tools
    <span class="text-sm transition-transform">▼</span>
  </button>
  <div class="pl-8 flex flex-col gap-3 hidden" data-category-content="ai-mobile">
    <a href="/ai-search-optimization-tool/" class="text-gray-100 dark:text-gray-100 hover:text-orange-400 transition block py-1.5 text-[1.125rem]">🔍 GEO Audit</a>
    <a href="/ai-voice-search-tool/" class="text-gray-100 dark:text-gray-100 hover:text-orange-400 transition block py-1.5 text-[1.125rem]">🎙️ AI Voice Search</a>
    <a href="/ai-audit-tool/" class="text-gray-100 dark:text-gray-100 hover:text-orange-400 transition block py-1.5 text-[1.125rem]">🤖 AI Content</a>
  </div>

  <!-- UX Tools group button -->
  <button
    type="button"
    class="group flex items-center justify-between w-full text-black dark:text-gray-100 font-semibold hover:text-orange-400 transition focus:outline-none"
    aria-expanded="false"
    data-category="ux-mobile"
  >
    🛡️ UX Tools
    <span class="text-sm transition-transform">▼</span>
  </button>
  <div class="pl-8 flex flex-col gap-3 hidden" data-category-content="ux-mobile">
    <a href="/quit-risk-tool/" class="text-gray-100 dark:text-gray-100 hover:text-orange-400 transition block py-1.5 text-[1.125rem]">⚠️ Quit Risk</a>
    <a href="/#seo-ux-tool" class="text-gray-100 dark:text-gray-100 hover:text-orange-400 transition block py-1.5 text-[1.125rem]">⚖️ SEO + UX</a>
  </div>

  <!-- Keyword Tools group button -->
  <button
    type="button"
    class="group flex items-center justify-between w-full text-black dark:text-gray-100 font-semibold hover:text-orange-400 transition focus:outline-none"
    aria-expanded="false"
    data-category="keywords-mobile"
  >
    🔐 Keywords
    <span class="text-sm transition-transform">▼</span>
  </button>
  <div class="pl-8 flex flex-col gap-3 hidden" data-category-content="keywords-mobile">
    <a href="/keyword-research-tool/" class="text-gray-100 dark:text-gray-100 hover:text-orange-400 transition block py-1.5 text-[1.125rem]">🔑 Research</a>
    <a href="/keyword-tool/" class="text-gray-100 dark:text-gray-100 hover:text-orange-400 transition block py-1.5 text-[1.125rem]">🗝️ Placement</a>
    <a href="/keyword-vs-tool/" class="text-gray-100 dark:text-gray-100 hover:text-orange-400 transition block py-1.5 text-[1.125rem]">🆚 Competition</a>
  </div>

  <!-- Help Guides -->
  <a href="/ai-ux-seo-help-guides/" class="text-gray-100 dark:text-gray-100 hover:text-orange-400 transition font-semibold block py-1.5 text-[1.125rem]">
    📋 Help Guides
  </a>

  <!-- Extensions -->
<a href="/#extensions"
   class="text-gray-100 dark:text-gray-100 hover:text-orange-400 transition font-semibold block py-1.5 text-[1.125rem]">
  🦊 Extensions
</a>

  <!-- Plugins -->
<a href="/#ai-seo-plugins"
   class="text-gray-100 dark:text-gray-100 hover:text-orange-400 transition font-semibold block py-1.5 text-[1.125rem]">
  💠 Plugins
</a>
</nav>