PageSourceSearch

https://clutch-app.co/gaming-hubs/

html clutch-app.co collected 2026-10-06 13:16:00 UTC 34,872 bytes, 1,177 lines download raw bytes

1<!-- public/gaming-hubs/index.html -->
2<!doctype html>
3<html lang="en">
4  <head>
5    <meta charset="UTF-8" />
6    <meta name="viewport" content="width=device-width,initial-scale=1" />
7
8    <title>Gaming Hubs: Organized by Game for Faster Sessions | Clutch</title>
9    <meta
10      name="description"
11      content="Clutch app organizes gaming hubs by title so you find relevant squads, cleaner posts, and faster sessions without server chaos. Explore better LFG today."
12    />
13    <link rel="canonical" href="https://clutch-app.co/gaming-hubs" />
14
15    <meta property="og:type" content="website" />
16    <meta property="og:site_name" content="Clutch" />
17    <meta
18      property="og:title"
19      content="Gaming Hubs Organized by Game | Clutch"
20    />
21    <meta
22      property="og:description"
23      content="Hubs keep discovery relevant by game, so Play Now sessions stay clean and high intent."
24    />
25    <meta property="og:url" content="https://clutch-app.co/gaming-hubs" />
26    <meta property="og:image" content="https://clutch-app.co/og.png" />
27    <meta property="og:image:alt" content="Clutch — Find your squad." />
28
29    <meta name="twitter:card" content="summary_large_image" />
30    <meta
31      name="twitter:title"
32      content="Gaming Hubs Organized by Game | Clutch"
33    />
34    <meta
35      name="twitter:description"
36      content="Organized discovery by game keeps sessions relevant and reliable."
37    />
38    <meta name="twitter:image" content="https://clutch-app.co/og.png" />
39
40    <meta
41      name="clutch:appstore"
42      content="https://apps.apple.com/us/app/clutch-team-up-lfg-play/id6756883623"
43    />
44    <meta
45      name="clutch:playstore"
46      content="https://play.google.com/store/apps/details?id=com.erniec1.ClutchApp&hl=en_US"
47    />
48
49    <link rel="icon" type="image/png" href="/clutch-logo.png" />
50    
50<script src="/ga4.js" defer></script>
50
51
52    <style>
53      :root {
54        --bg: #07070b;
55        --panel: rgba(255, 255, 255, 0.05);
56        --panel2: rgba(0, 0, 0, 0.35);
57        --border: rgba(255, 255, 255, 0.1);
58        --text: rgba(255, 255, 255, 0.92);
59        --muted: rgba(255, 255, 255, 0.7);
60        --muted2: rgba(255, 255, 255, 0.6);
61        --muted3: rgba(255, 255, 255, 0.5);
62        --orange: #f97316;
63        --shadow: 0 18px 55px rgba(0, 0, 0, 0.45);
64        --shadow2: 0 26px 80px rgba(0, 0, 0, 0.6);
65        --r-xl: 2.5rem;
66        --r-lg: 1.75rem;
67        --r-md: 1.25rem;
68      }
69
70      * {
71        box-sizing: border-box;
72      }
73      html,
74      body {
75        height: 100%;
76      }
77      body {
78        margin: 0;
79        font-family:
80          ui-sans-serif,
81          system-ui,
82          -apple-system,
83          Segoe UI,
84          Roboto,
85          Helvetica,
86          Arial,
87          "Apple Color Emoji",
88          "Segoe UI Emoji";
89        background: var(--bg);
90        color: var(--text);
91      }
92
93      a {
94        color: inherit;
95        text-decoration: none;
96      }
97      a:hover {
98        color: #fff;
99      }
100
101      .glow-layer {
102        pointer-events: none;
103        position: fixed;
104        inset: 0;
105        z-index: 0;
106      }
107      .glow-1 {
108        position: absolute;
109        left: 50%;
110        top: -220px;
111        width: 520px;
112        height: 520px;
113        transform: translateX(-50%);
114        border-radius: 9999px;
115        background: rgba(249, 115, 22, 0.25);
116        filter: blur(130px);
117      }
118      .glow-2 {
119        position: absolute;
120        left: -140px;
121        bottom: -260px;
122        width: 520px;
123        height: 520px;
124        border-radius: 9999px;
125        background: rgba(255, 255, 255, 0.1);
126        filter: blur(150px);
127      }
128
129      .container {
130        width: 100%;
131        max-width: 1120px;
132        margin: 0 auto;
133        padding: 0 24px;
134        position: relative;
135        z-index: 1;
136      }
137
138      header {
139        display: flex;
140        align-items: center;
141        justify-content: space-between;
142        padding: 22px 0;
143      }
144
145      .brand {
146        display: flex;
147        align-items: center;
148        gap: 14px;
149      }
150      .brand img {
151        width: 56px;
152        height: 56px;
153        filter: drop-shadow(0 18px 40px rgba(0, 0, 0, 0.55));
154      }
155      .brand-title {
156        font-weight: 800;
157        letter-spacing: -0.03em;
158        font-size: 28px;
159      }
160
161      .toplinks {
162        display: none;
163        gap: 18px;
164        font-size: 14px;
165        color: rgba(255, 255, 255, 0.7);
166        align-items: center;
167      }
168      .toplinks a {
169        padding: 8px 10px;
170        border-radius: 999px;
171      }
172      .toplinks a:hover {
173        background: rgba(255, 255, 255, 0.06);
174      }
175
176      .divider {
177        height: 1px;
178        background: rgba(255, 255, 255, 0.1);
179        width: 100%;
180      }
181
182      .pill {
183        display: inline-flex;
184        align-items: center;
185        gap: 8px;
186        padding: 8px 14px;
187        border-radius: 9999px;
188        border: 1px solid var(--border);
189        background: rgba(255, 255, 255, 0.05);
190        font-size: 12px;
191        color: rgba(255, 255, 255, 0.72);
192      }
193
194      .btn {
195        display: inline-flex;
196        align-items: center;
197        justify-content: center;
198        border-radius: 9999px;
199        border: 1px solid rgba(255, 255, 255, 0.1);
200        padding: 14px 22px;
201        font-weight: 800;
202        letter-spacing: -0.02em;
203        background: var(--orange);
204        box-shadow: var(--shadow);
205        transition:
206          transform 180ms ease,
207          box-shadow 180ms ease,
208          opacity 180ms ease;
209        cursor: pointer;
210        min-height: 52px;
211        white-space: nowrap;
212      }
213      .btn:hover {
214        transform: translateY(-2px);
215        box-shadow: var(--shadow2);
216      }
217      .btn:active {
218        transform: translateY(0);
219      }
220
221      .btn-ghost {
222        background: rgba(255, 255, 255, 0.06);
223        border: 1px solid rgba(255, 255, 255, 0.12);
224        box-shadow: none;
225        color: rgba(255, 255, 255, 0.9);
226      }
227      .btn-ghost:hover {
228        box-shadow: none;
229      }
230
231      .badges {
232        display: flex;
233        flex-wrap: wrap;
234        gap: 12px;
235        align-items: center;
236        justify-content: flex-start;
237      }
238      .badge img {
239        height: 50px;
240        user-select: none;
241        -webkit-user-drag: none;
242        transition:
243          transform 180ms ease,
244          opacity 180ms ease,
245          filter 180ms ease;
246      }
247      .badge:hover img {
248        transform: translateY(-2px);
249      }
250      .badge.disabled img {
251        opacity: 0.4;
252        filter: grayscale(1);
253        cursor: not-allowed;
254      }
255
256      .layout {
257        display: grid;
258        gap: 22px;
259        padding: 26px 0 54px;
260      }
261
262      .toc {
263        border: 1px solid var(--border);
264        background: rgba(255, 255, 255, 0.05);
265        border-radius: 22px;
266        padding: 16px;
267      }
268      .toc-title {
269        font-size: 12px;
270        letter-spacing: 0.06em;
271        text-transform: uppercase;
272        color: rgba(255, 255, 255, 0.55);
273        font-weight: 700;
274      }
275      .toc a {
276        display: block;
277        padding: 10px 10px;
278        border-radius: 14px;
279        color: rgba(255, 255, 255, 0.7);
280        font-size: 14px;
281        margin-top: 6px;
282      }
283      .toc a:hover {
284        background: rgba(0, 0, 0, 0.25);
285        color: #fff;
286      }
287      .toc .toc-actions {
288        margin-top: 16px;
289        display: grid;
290        gap: 10px;
291        padding-top: 12px;
292        border-top: 1px solid rgba(255, 255, 255, 0.08);
293      }
294      .toc .toc-actions .btn {
295        display: block;
296        text-align: center;
297        padding: 12px 16px;
298        border-radius: 16px;
299        background: rgba(255, 255, 255, 0.08);
300        border: 1px solid rgba(255, 255, 255, 0.14);
301        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35);
302      }
303      .toc .toc-actions .btn:hover {
304        background: rgba(255, 255, 255, 0.12);
305      }
306
307      .content {
308        min-width: 0;
309      }
310
311      .hero {
312        border: 1px solid var(--border);
313        background: rgba(255, 255, 255, 0.05);
314        border-radius: var(--r-xl);
315        padding: 22px;
316        overflow: hidden;
317      }
318
319      .hero-grid {
320        display: grid;
321        gap: 18px;
322        align-items: center;
323      }
324
325      h1 {
326        margin: 14px 0 0;
327        font-size: 36px;
328        line-height: 1.08;
329        letter-spacing: -0.04em;
330        font-weight: 680;
331      }
332      .lead {
333        margin: 14px 0 0;
334        color: rgba(255, 255, 255, 0.72);
335        font-size: 15px;
336        line-height: 1.7;
337        max-width: 70ch;
338      }
339
340      .definition {
341        margin-top: 16px;
342        padding: 14px 14px;
343        border-radius: 20px;
344        border: 1px solid rgba(255, 255, 255, 0.1);
345        background: rgba(0, 0, 0, 0.25);
346        color: rgba(255, 255, 255, 0.75);
347        font-size: 14px;
348        line-height: 1.6;
349      }
350      .definition strong {
351        color: rgba(255, 255, 255, 0.92);
352      }
353      .tldr {
354        margin-top: 14px;
355        border-radius: 22px;
356        border: 1px solid rgba(255, 255, 255, 0.1);
357        background: rgba(0, 0, 0, 0.3);
358        padding: 16px;
359      }
360      .tldr .kicker {
361        color: var(--orange);
362        font-weight: 800;
363        font-size: 12px;
364        letter-spacing: 0.04em;
365      }
366      .tldr ul {
367        margin: 10px 0 0;
368        padding-left: 18px;
369        color: rgba(255, 255, 255, 0.72);
370      }
371      .tldr li {
372        margin: 8px 0;
373      }
374
375      .figure {
376        border-radius: 28px;
377        border: 1px solid rgba(255, 255, 255, 0.12);
378        background: rgba(0, 0, 0, 0.3);
379        padding: 10px;
380        box-shadow: 0 20px 65px rgba(0, 0, 0, 0.55);
381      }
382      .figure img {
383        width: 100%;
384        height: auto;
385        border-radius: 20px;
386        display: block;
387        background: #000;
388      }
389      .caption {
390        margin-top: 10px;
391        font-size: 12px;
392        color: rgba(255, 255, 255, 0.55);
393      }
394      .sr-only {
395        position: absolute;
396        width: 1px;
397        height: 1px;
398        padding: 0;
399        margin: -1px;
400        overflow: hidden;
401        clip: rect(0, 0, 0, 0);
402        white-space: nowrap;
403        border: 0;
404      }
405
406      .section {
407        margin-top: 22px;
408        border: 1px solid var(--border);
409        background: rgba(255, 255, 255, 0.05);
410        border-radius: var(--r-xl);
411        padding: 22px;
412      }
413
414      .section h2 {
415        margin: 0;
416        font-size: 22px;
417        letter-spacing: -0.02em;
418        font-weight: 680;
419      }
420      .section p {
421        margin: 12px 0 0;
422        color: rgba(255, 255, 255, 0.67);
423        font-size: 14px;
424        line-height: 1.75;
425      }
426
427      .grid-2 {
428        display: grid;
429        gap: 14px;
430        margin-top: 16px;
431      }
432      .grid-3 {
433        display: grid;
434        gap: 14px;
435        margin-top: 16px;
436      }
437
438      .card {
439        border-radius: 26px;
440        border: 1px solid rgba(255, 255, 255, 0.1);
441        background: rgba(0, 0, 0, 0.25);
442        padding: 16px;
443      }
444      .card .tag {
445        display: inline-flex;
446        align-items: center;
447        gap: 8px;
448        font-size: 12px;
449        color: rgba(255, 255, 255, 0.62);
450      }
451      .card h3 {
452        margin: 10px 0 0;
453        font-size: 16px;
454        font-weight: 680;
455        letter-spacing: -0.01em;
456      }
457      .card p {
458        margin: 10px 0 0;
459        color: rgba(255, 255, 255, 0.65);
460        font-size: 14px;
461        line-height: 1.65;
462      }
463
464      .compare {
465        margin-top: 14px;
466        overflow: hidden;
467        border-radius: 26px;
468        border: 1px solid rgba(255, 255, 255, 0.1);
469        background: rgba(0, 0, 0, 0.2);
470      }
471      .compare table {
472        width: 100%;
473        border-collapse: collapse;
474      }
475      .compare th,
476      .compare td {
477        padding: 14px 14px;
478        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
479        vertical-align: top;
480        font-size: 14px;
481        line-height: 1.55;
482      }
483      .compare th {
484        text-align: left;
485        color: rgba(255, 255, 255, 0.7);
486        font-size: 12px;
487        text-transform: uppercase;
488        letter-spacing: 0.06em;
489        background: rgba(255, 255, 255, 0.04);
490      }
491      .compare td {
492        color: rgba(255, 255, 255, 0.68);
493      }
494      .compare .good {
495        color: rgba(255, 255, 255, 0.88);
496      }
497      .compare .accent {
498        color: var(--orange);
499        font-weight: 800;
500      }
501
502      details.faq {
503        border-radius: 20px;
504        border: 1px solid rgba(255, 255, 255, 0.1);
505        background: rgba(0, 0, 0, 0.25);
506        padding: 16px;
507      }
508      details.faq summary {
509        list-style: none;
510        cursor: pointer;
511        display: flex;
512        justify-content: space-between;
513        align-items: center;
514        gap: 12px;
515        font-weight: 680;
516        font-size: 14px;
517      }
518      details.faq summary::-webkit-details-marker {
519        display: none;
520      }
521      .faq-toggle {
522        width: 36px;
523        height: 36px;
524        border-radius: 14px;
525        display: inline-flex;
526        align-items: center;
527        justify-content: center;
528        border: 1px solid rgba(255, 255, 255, 0.1);
529        background: rgba(0, 0, 0, 0.3);
530        color: rgba(255, 255, 255, 0.75);
531        flex: 0 0 auto;
532      }
533      details.faq .answer {
534        margin-top: 10px;
535        color: rgba(255, 255, 255, 0.65);
536        font-size: 14px;
537        line-height: 1.7;
538      }
539
540      .cta {
541        margin-top: 22px;
542        border: 1px solid rgba(255, 255, 255, 0.12);
543        background: linear-gradient(
544          180deg,
545          rgba(249, 115, 22, 0.12),
546          rgba(255, 255, 255, 0.05)
547        );
548        border-radius: var(--r-xl);
549        padding: 22px;
550      }
551      .cta h2 {
552        margin: 0;
553        font-size: 22px;
554        letter-spacing: -0.02em;
555        font-weight: 720;
556      }
557      .cta p {
558        margin: 12px 0 0;
559        color: rgba(255, 255, 255, 0.68);
560        font-size: 14px;
561        line-height: 1.7;
562      }
563      .cta-row {
564        margin-top: 16px;
565        display: flex;
566        flex-wrap: wrap;
567        gap: 12px;
568        align-items: center;
569        justify-content: flex-start;
570      }
571
572      footer {
573        margin-top: 34px;
574        padding: 26px 0 44px;
575        border-top: 1px solid rgba(255, 255, 255, 0.1);
576        color: rgba(255, 255, 255, 0.7);
577        font-size: 14px;
578      }
579      .footer-row {
580        display: flex;
581        flex-direction: column;
582        gap: 16px;
583      }
584      .footer-links {
585        display: flex;
586        flex-wrap: wrap;
587        gap: 18px;
588        color: rgba(255, 255, 255, 0.7);
589      }
590      .footer-links a:hover {
591        color: #fff;
592      }
593      .copyright {
594        margin-top: 14px;
595        font-size: 12px;
596        color: rgba(255, 255, 255, 0.45);
597      }
598
599      @media (min-width: 880px) {
600        .toplinks {
601          display: flex;
602        }
603        h1 {
604          font-size: 44px;
605        }
606        .layout {
607          grid-template-columns: 280px 1fr;
608          align-items: start;
609        }
610        .toc {
611          position: sticky;
612          top: 18px;
613        }
614        .hero-grid {
615          grid-template-columns: 1fr 1fr;
616          gap: 18px;
617        }
618        .grid-2 {
619          grid-template-columns: repeat(2, minmax(0, 1fr));
620        }
621        .grid-3 {
622          grid-template-columns: repeat(3, minmax(0, 1fr));
623        }
624        .footer-row {
625          flex-direction: row;
626          align-items: center;
627          justify-content: space-between;
628        }
629      }
630
631      @media (prefers-reduced-motion: reduce) {
632        .btn,
633        .badge img {
634          transition: none !important;
635        }
636        .btn:hover,
637        .badge:hover img {
638          transform: none !important;
639        }
640      }
641    </style>
642
643    
643<script type="application/ld+json">
644      {
645        "@context": "https://schema.org",
646        "@type": "WebPage",
647        "name": "Gaming Hubs",
648        "url": "https://clutch-app.co/gaming-hubs",
649        "description": "Gaming hubs keep session discovery organized by game so live sessions stay relevant, coordination stays clean, and teams form faster.",
650        "isPartOf": {
651          "@type": "WebSite",
652          "name": "Clutch",
653          "url": "https://clutch-app.co/",
654          "about": {
655            "@type": "MobileApplication",
656            "name": "Clutch",
657            "applicationCategory": "SocialNetworkingApplication",
658            "operatingSystem": "iOS, Android",
659            "description": "A session-first gaming network: Play Now feed, game hubs, session group chats, and gamer identity."
660          }
661        }
662      }
663    </script>
663
664    
664<script type="application/ld+json">
665      {
666        "@context": "https://schema.org",
667        "@type": "FAQPage",
668        "mainEntity": [
669          {
670            "@type": "Question",
671            "name": "What are gaming hubs?",
672            "acceptedAnswer": {
673              "@type": "Answer",
674              "text": "Gaming hubs are game-based communities that organize session discovery so teams form faster."
675            }
676          },
677          {
678            "@type": "Question",
679            "name": "How do hubs improve LFG?",
680            "acceptedAnswer": {
681              "@type": "Answer",
682              "text": "Hubs reduce noise by grouping sessions by game and intent, keeping discovery relevant."
683            }
684          },
685          {
686            "@type": "Question",
687            "name": "How do hubs connect to session chat?",
688            "acceptedAnswer": {
689              "@type": "Answer",
690              "text": "Hubs funnel you into the right sessions, and session group chat handles coordination once you join."
691            }
692          },
693          {
694            "@type": "Question",
695            "name": "Do hubs replace Play Now?",
696            "acceptedAnswer": {
697              "@type": "Answer",
698              "text": "No. Play Now is the live session feed, and hubs keep that feed organized by game."
699            }
700          }
701        ]
702      }
703    </script>
703
704    
704<script type="application/ld+json">
705      {
706        "@context": "https://schema.org",
707        "@type": "BreadcrumbList",
708        "itemListElement": [
709          {
710            "@type": "ListItem",
711            "position": 1,
712            "name": "Home",
713            "item": "https://clutch-app.co/"
714          },
715          {
716            "@type": "ListItem",
717            "position": 2,
718            "name": "Gaming hubs",
719            "item": "https://clutch-app.co/gaming-hubs"
720          }
721        ]
722      }
723    </script>
723
724  </head>
725
726  <body>
727    <div class="glow-layer" aria-hidden="true">
728      <div class="glow-1"></div>
729      <div class="glow-2"></div>
730    </div>
731
732    <div class="container">
733      <header>
734        <a class="brand" href="/" aria-label="Clutch Home">
735          <img src="/clutch-logo.png" alt="Clutch logo" />
736          <div class="brand-title">Clutch</div>
737        </a>
738
739        <div class="toplinks" aria-label="Concept links">
740          <a href="/play-now">Play Now</a>
741          <a href="/discord-lfg-alternative">Discord LFG alternative</a>
742          <a href="/gaming-network">Gaming network</a>
743          <a href="/identity">Identity</a>
744          <a href="#download">Download</a>
745        </div>
746      </header>
747
748      <div class="divider"></div>
749
750      <div class="layout">
751        <aside class="toc" aria-label="Table of contents">
752          <div class="toc-title">On this page</div>
753          <a href="#definition">Definition</a>
754          <a href="#why-now">Why this matters</a>
755          <a href="#old-model">Old vs new model</a>
756          <a href="#how-clutch">How Clutch implements it</a>
757          <a href="#benefits">Benefits</a>
758          <a href="#examples">Real-world examples</a>
759          <a href="#faq">FAQ</a>
760          <a href="#download">Download</a>
761
762          <div class="toc-actions">
763            <a class="btn btn-ghost" href="/play-now">What is Play Now?</a>
764          </div>
765        </aside>
766
767        <main class="content">
768          <section class="hero" id="definition">
769            <div class="hero-grid">
770              <div>
771                <span class="pill">🎮 Concept page • hubs</span>
772                <h1>Clutch app organizes gaming hubs by game.</h1>
773
774                <p class="lead">
775                  Clutch hubs keep discovery clean by grouping live sessions
776                  around the games you actually play. That means less noise,
777                  faster coordination, and a more reliable Play Now feed — with
778                  <strong
779                    ><a
780                      href="/lfg-group-chat"
781                      style="text-decoration: underline"
782                      >session group chat</a
783                    ></strong
784                  >
785                  ready when you join.
786                </p>
787
788                <div class="definition">
789                  <strong>Definition:</strong> A <em>gaming hub</em> is a
790                  game-based community layer that organizes session discovery
791                  and keeps intent aligned.
792                </div>
793
794                <div class="tldr" aria-label="TL;DR">
795                  <div class="kicker">TL;DR</div>
796                  <ul>
797                    <li><strong>Organized by game</strong> for relevance</li>
798                    <li><strong>Play Now</strong> stays clean and active</li>
799                    <li>
800                      <strong>Session group chat</strong> keeps coordination
801                      tight
802                    </li>
803                    <li>
804                      <strong>Identity</strong> builds trust inside each hub
805                    </li>
806                  </ul>
807                </div>
808
809                <div class="cta-row" style="margin-top: 16px">
810                  <a class="btn btn-ghost" href="/session-first-gaming"
811                    >Why session-first gaming works</a
812                  >
813                </div>
814
815                <div
816                  style="
817                    margin-top: 10px;
818                    color: rgba(255, 255, 255, 0.5);
819                    font-size: 12px;
820                  "
821                >
822                  Clutch is social because it’s built around gameplay intent,
823                  not profile roulette.
824                </div>
825              </div>
826
827              <figure class="figure">
828                <img src="/screens/hubs.png" alt="Clutch hubs screen" />
829                <figcaption class="caption sr-only">
830                  Hubs keep discovery aligned to the games you actually play.
831                </figcaption>
832              </figure>
833            </div>
834          </section>
835
836          <section class="section" id="why-now">
837            <h2>Why hubs matter</h2>
838            <p>
839              LFG gets noisy when everything is in one pool. Hubs keep sessions
840              focused and make it easier to join the right teams quickly.
841            </p>
842
843            <div class="grid-3">
844              <div class="card">
845                <div class="tag">⏱️ Momentum</div>
846                <h3>Faster sessions</h3>
847                <p>
848                  Relevant sessions rise to the top when discovery is grouped by
849                  game.
850                </p>
851              </div>
852              <div class="card">
853                <div class="tag">🧨 Noise</div>
854                <h3>Less clutter</h3>
855                <p>Hubs reduce spam by keeping unrelated sessions separated.</p>
856              </div>
857              <div class="card">
858                <div class="tag">🤝 Trust</div>
859                <h3>Clearer signals</h3>
860                <p>
861                  Identity and clips stay relevant within each game community.
862                </p>
863              </div>
864            </div>
865          </section>
866
867          <section class="section" id="old-model">
868            <h2>Old model vs hubs</h2>
869            <p>
870              Generic pools create noise. Hubs keep the loop focused: Play Now →
871              session → group chat → game.
872            </p>
873
874            <div
875              class="compare"
876              role="region"
877              aria-label="Comparison: generic pools vs hubs"
878            >
879              <table>
880                <thead>
881                  <tr>
882                    <th style="width: 50%">Old model: generic pools</th>
883                    <th style="width: 50%">
884                      <span class="accent">Hubs</span>: organized by game
885                    </th>
886                  </tr>
887                </thead>
888                <tbody>
889                  <tr>
890                    <td>Mixed games, low relevance</td>
891                    <td class="good">Focused sessions by game</td>
892                  </tr>
893                  <tr>
894                    <td>High noise, low conversion</td>
895                    <td class="good">Cleaner feeds, faster teams</td>
896                  </tr>
897                  <tr>
898                    <td>Hard to build trust</td>
899                    <td class="good">Identity stays contextual</td>
900                  </tr>
901                  <tr>
902                    <td>Coordination splits across DMs</td>
903                    <td class="good">Session chat keeps it tight</td>
904                  </tr>
905                </tbody>
906              </table>
907            </div>
908          </section>
909
910          <section class="section" id="how-clutch">
911            <h2>How Clutch implements hubs</h2>
912            <p>
913              Hubs are the structure layer in Clutch’s
914              <strong
915                ><a
916                  href="/session-first-gaming"
917                  style="text-decoration: underline"
918                  >
918session-first gaming</a
919                ></strong
920              >
921              model.
922            </p>
923
924            <div class="grid-2">
925              <div class="card">
926                <div class="tag">⚡ Play Now</div>
927                <h3>Live sessions</h3>
928                <p>Sessions stay fresh because intent is live.</p>
929              </div>
930              <div class="card">
931                <div class="tag">🎮 Hubs</div>
932                <h3>Game-based organization</h3>
933                <p>Follow the games you actually play.</p>
934              </div>
935              <div class="card">
936                <div class="tag">💬 Session chat</div>
937                <h3>Coordination</h3>
938                <p>One focused chat per session.</p>
939              </div>
940              <div class="card">
941                <div class="tag">👤 Identity</div>
942                <h3>Trust</h3>
943                <p>Profiles, clips, and posts add signals inside each hub.</p>
944              </div>
945            </div>
946          </section>
947
948          <section class="section" id="benef
948its">
949            <h2>Benefits of gaming hubs</h2>
950            <p>Organized discovery improves speed, fit, and reliability.</p>
951
952            <div class="grid-3">
953              <div class="card">
954                <div class="tag">✅ Faster games</div>
955                <h3>Speed</h3>
956                <p>Less scrolling, more sessions that start.</p>
957              </div>
958              <div class="card">
959                <div class="tag">✅ Better fit</div>
960                <h3>Relevance</h3>
961                <p>Find players who actually run your game.</p>
962              </div>
963              <div class="card">
964                <div class="tag">✅ Less chaos</div>
965                <h3>Clarity</h3>
966                <p>Hubs reduce noise and keep coordination tight.</p>
967              </div>
968            </div>
969          </section>
970
971          <section class="section" id="examples">
972            <h2>Real-world examples</h2>
973            <p>Hubs keep sessions relevant across different play styles.</p>
974
975            <div class="grid-2">
976              <div class="card">
977                <div class="tag">🌙 Quick session</div>
978                <h3>“I’ve got 30 minutes.”</h3>
979                <p>Open your hub, join a live session, and start fast.</p>
980              </div>
981              <div class="card">
982                <div class="tag">🏆 Ranked grind</div>
983                <h3>“Need consistent teammates.”</h3>
984                <p>Use hub identity signals to find steady squads.</p>
985              </div>
986              <div class="card">
987                <div class="tag">👥 Squad night</div>
988                <h3>“We need one more.”</h3>
989                <p>Host a session inside your hub and fill quickly.</p>
990              </div>
991              <div class="card">
992                <div class="tag">🔁 Repeatable loop</div>
993                <h3>“This keeps converting.”</h3>
994                <p>Play Now → session → group chat → game stays consistent.</p>
995              </div>
996            </div>
997          </section>
998
999          <section class="section" id="faq">
1000            <h2>FAQ</h2>
1001            <p>Organized discovery, explained.</p>
1002
1003            <div class="grid-2">
1004              <details class="faq">
1005                <summary>
1006                  Are hubs just servers?
1007                  <span class="faq-toggle">+</span>
1008                </summary>
1009                <div class="answer">
1010                  No. Hubs are game-based discovery layers tied to live
1011                  sessions, not static channels.
1012                </div>
1013              </details>
1014
1015              <details class="faq">
1016                <summary>
1017                  How do hubs help Play Now?
1018                  <span class="faq-toggle">+</span>
1019                </summary>
1020                <div class="answer">
1021                  They keep the feed relevant by game so sessions convert
1022                  faster.
1023                </div>
1024              </details>
1025
1026              <details class="faq">
1027                <summary>
1028                  How does session chat fit in?
1029                  <span class="faq-toggle">+</span>
1030                </summary>
1031                <div class="answer">
1032                  Each session has its own focused chat for coordination.
1033                </div>
1034              </details>
1035
1036              <details class="faq">
1037                <summary>
1038                  Is Clutch only an LFG app?
1039                  <span class="faq-toggle">+</span>
1040                </summary>
1041                <div class="answer">
1042                  Clutch is a session-first gaming network with Play Now, hubs,
1043                  session chat, and identity.
1044                </div>
1045              </details>
1046            </div>
1047          </section>
1048
1049          <section class="cta" id="download">
1050            <h2>Explore hubs and join live sessions</h2>
1051            <p>
1052              Follow your hubs, join a session, coordinate in session chat, and
1053              start playing faster.
1054            </p>
1055
1056            <div class="cta-row">
1057              <a
1058                class="badge"
1059                id="appstoreBadge"
1060                href="/download.html"
1061                target="_blank"
1062                rel="noopener noreferrer"
1063              >
1064                <img
1065                  src="/badges/app-store.svg"
1066                  alt="Download on the App Store"
1067                  draggable="false"
1068                />
1069              </a>
1070              <a
1071                class="badge"
1072                id="playstoreBadge"
1073                href="/download.html"
1074                target="_blank"
1075                rel="noopener noreferrer"
1076              >
1077                <img
1078                  src="/badges/google-play.svg"
1079                  alt="Get it on Google Play"
1080                  draggable="false"
1081                />
1082              </a>
1083
1084              <a class="btn btn-ghost" href="/">Back to homepage</a>
1085            </div>
1086          </section>
1087
1088          <footer>
1089            <div class="footer-row">
1090              <a
1091                class="brand"
1092                href="/"
1093                aria-label="Clutch Home"
1094                style="gap: 12px"
1095              >
1096                <img
1097                  src="/clutch-logo.png"
1098                  alt="Clutch logo"
1099                  style="width: 44px; height: 44px"
1100                />
1101                <div>
1102                  <div
1103                    style="
1104                      font-weight: 800;
1105                      letter-spacing: -0.02em;
1106                      color: #fff;
1107                    "
1108                  >
1109                    Clutch
1110                  </div>
1111                  <div style="font-size: 12px; color: rgba(255, 255, 255, 0.6)">
1112                    Find teammates fast.
1113                  </div>
1114                </div>
1115              </a>
1116
1117              <div class="footer-links">
1118                <a href="/support.html">Support</a>
1119                <a href="/privacy.html">Privacy Policy</a>
1120                <a href="/play-now">Play Now</a>
1121                <a href="/discord-lfg-alternative">Discord LFG alternative</a>
1122                <a href="/gaming-network">Gaming network</a>
1123                <a href="/identity">Identity</a>
1124              </div>
1125            </div>
1126
1127            <div class="copyright">
1128              © <span id="year"></span> Clutch. All rights reserved.
1129            </div>
1130          </footer>
1131        </main>
1132      </div>
1133    </div>
1134
1135    
1135<script>
1136      document.getElementById("year").textContent = String(
1137        new Date().getFullYear(),
1138      );
1139
1140      const appstoreMeta =
1141        document
1142          .querySelector('meta[name="clutch:appstore"]')
1143          ?.getAttribute("content") || "";
1144      const playstoreMeta =
1145        document
1146          .querySelector('meta[name="clutch:playstore"]')
1147          ?.getAttribute("content") || "";
1148      const fallbackDownload = "/download.html";
1149      const appstore = appstoreMeta.trim() || fallbackDownload;
1150      const playstore = playstoreMeta.trim() || fallbackDownload;
1151
1152      function setBadge(id, href) {
1153        const a = document.getElementById(id);
1154        if (!a) return;
1155        if (!href) {
1156          a.setAttribute("href", "");
1157          a.classList.add("disabled");
1158          a.addEventListener("click", (e) => e.preventDefault());
1159          return;
1160        }
1161        a.setAttribute("href", href);
1162        a.classList.remove("disabled");
1163      }
1164      setBadge("appstoreBadge", appstore);
1165      setBadge("playstoreBadge", playstore);
1166
1167      document.querySelectorAll("details.faq").forEach((d) => {
1168        const toggle = d.querySelector(".faq-toggle");
1169        if (!toggle) return;
1170        const sync = () => (toggle.textContent = d.open ? "—" : "+");
1171        d.addEventListener("toggle", sync);
1172        sync();
1173      });
1174    </script>
1174
1175  
1175<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"bb2e6b35def54bfebcb76429b42d276c","r":1,"spa":2}' crossorigin="anonymous"></script>
1175
1176</body>
1177</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.