Skip to content

Commit 07692c5

Browse files
author
Alberto
committed
Refine homepage and integration page UX
1 parent 36ecd78 commit 07692c5

10 files changed

Lines changed: 279 additions & 612 deletions

File tree

‎index.html‎

Lines changed: 130 additions & 257 deletions
Large diffs are not rendered by default.

‎index.template.html‎

Lines changed: 130 additions & 257 deletions
Large diffs are not rendered by default.

‎integrations/agora.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -55,7 +55,7 @@
5555
</li>
5656
<li class="nav-item"><a href="/#managed-services" class="nav-link">Managed Services</a></li>
5757
<li class="nav-item"><a href="https://github.com/peermetrics/peermetrics" class="nav-link" target="_blank" rel="noopener noreferrer">Documentation</a></li>
58-
<li class="nav-item"><a href="/#how-it-works" class="nav-link demo-btn">See how it works</a></li>
58+
<li class="nav-item"><a href="https://www.youtube.com/watch?v=VdgfarYkdGQ&t=15s" class="nav-link demo-btn" target="_blank" rel="noopener noreferrer">See how it works</a></li>
5959
</ul>
6060
<ul class="navbar-nav">
6161
<li class="nav-item"><a href="/#contact">Need Help?</a></li>

‎integrations/janus.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -55,7 +55,7 @@
5555
</li>
5656
<li class="nav-item"><a href="/#managed-services" class="nav-link">Managed Services</a></li>
5757
<li class="nav-item"><a href="https://github.com/peermetrics/peermetrics" class="nav-link" target="_blank" rel="noopener noreferrer">Documentation</a></li>
58-
<li class="nav-item"><a href="/#how-it-works" class="nav-link demo-btn">See how it works</a></li>
58+
<li class="nav-item"><a href="https://www.youtube.com/watch?v=VdgfarYkdGQ&t=15s" class="nav-link demo-btn" target="_blank" rel="noopener noreferrer">See how it works</a></li>
5959
</ul>
6060
<ul class="navbar-nav">
6161
<li class="nav-item"><a href="/#contact">Need Help?</a></li>

‎integrations/jitsi.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -55,7 +55,7 @@
5555
</li>
5656
<li class="nav-item"><a href="/#managed-services" class="nav-link">Managed Services</a></li>
5757
<li class="nav-item"><a href="https://github.com/peermetrics/peermetrics" class="nav-link" target="_blank" rel="noopener noreferrer">Documentation</a></li>
58-
<li class="nav-item"><a href="/#how-it-works" class="nav-link demo-btn">See how it works</a></li>
58+
<li class="nav-item"><a href="https://www.youtube.com/watch?v=VdgfarYkdGQ&t=15s" class="nav-link demo-btn" target="_blank" rel="noopener noreferrer">See how it works</a></li>
5959
</ul>
6060
<ul class="navbar-nav">
6161
<li class="nav-item"><a href="/#contact">Need Help?</a></li>

‎integrations/livekit.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -55,7 +55,7 @@
5555
</li>
5656
<li class="nav-item"><a href="/#managed-services" class="nav-link">Managed Services</a></li>
5757
<li class="nav-item"><a href="https://github.com/peermetrics/peermetrics" class="nav-link" target="_blank" rel="noopener noreferrer">Documentation</a></li>
58-
<li class="nav-item"><a href="/#how-it-works" class="nav-link demo-btn">See how it works</a></li>
58+
<li class="nav-item"><a href="https://www.youtube.com/watch?v=VdgfarYkdGQ&t=15s" class="nav-link demo-btn" target="_blank" rel="noopener noreferrer">See how it works</a></li>
5959
</ul>
6060
<ul class="navbar-nav">
6161
<li class="nav-item"><a href="/#contact">Need Help?</a></li>

‎integrations/mediasoup.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -55,7 +55,7 @@
5555
</li>
5656
<li class="nav-item"><a href="/#managed-services" class="nav-link">Managed Services</a></li>
5757
<li class="nav-item"><a href="https://github.com/peermetrics/peermetrics" class="nav-link" target="_blank" rel="noopener noreferrer">Documentation</a></li>
58-
<li class="nav-item"><a href="/#how-it-works" class="nav-link demo-btn">See how it works</a></li>
58+
<li class="nav-item"><a href="https://www.youtube.com/watch?v=VdgfarYkdGQ&t=15s" class="nav-link demo-btn" target="_blank" rel="noopener noreferrer">See how it works</a></li>
5959
</ul>
6060
<ul class="navbar-nav">
6161
<li class="nav-item"><a href="/#contact">Need Help?</a></li>

‎integrations/pion.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -55,7 +55,7 @@
5555
</li>
5656
<li class="nav-item"><a href="/#managed-services" class="nav-link">Managed Services</a></li>
5757
<li class="nav-item"><a href="https://github.com/peermetrics/peermetrics" class="nav-link" target="_blank" rel="noopener noreferrer">Documentation</a></li>
58-
<li class="nav-item"><a href="/#how-it-works" class="nav-link demo-btn">See how it works</a></li>
58+
<li class="nav-item"><a href="https://www.youtube.com/watch?v=VdgfarYkdGQ&t=15s" class="nav-link demo-btn" target="_blank" rel="noopener noreferrer">See how it works</a></li>
5959
</ul>
6060
<ul class="navbar-nav">
6161
<li class="nav-item"><a href="/#contact">Need Help?</a></li>

‎integrations/vonage.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -55,7 +55,7 @@
5555
</li>
5656
<li class="nav-item"><a href="/#managed-services" class="nav-link">Managed Services</a></li>
5757
<li class="nav-item"><a href="https://github.com/peermetrics/peermetrics" class="nav-link" target="_blank" rel="noopener noreferrer">Documentation</a></li>
58-
<li class="nav-item"><a href="/#how-it-works" class="nav-link demo-btn">See how it works</a></li>
58+
<li class="nav-item"><a href="https://www.youtube.com/watch?v=VdgfarYkdGQ&t=15s" class="nav-link demo-btn" target="_blank" rel="noopener noreferrer">See how it works</a></li>
5959
</ul>
6060
<ul class="navbar-nav">
6161
<li class="nav-item"><a href="/#contact">Need Help?</a></li>

‎static/css/overrides.css‎

Lines changed: 12 additions & 91 deletions
Original file line numberDiff line numberDiff line change
@@ -252,9 +252,20 @@ section {
252252
box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
253253
}
254254

255+
.integration-page-card .card-body {
256+
text-align: left;
257+
}
258+
259+
.integration-page-card .display-5,
260+
.integration-code-header,
261+
.integration-footnote {
262+
text-align: center;
263+
}
264+
255265
.integration-steps {
256266
margin: 0 0 1.5rem;
257267
padding-left: 1.2rem;
268+
max-width: 42rem;
258269
}
259270

260271
.integration-steps li {
@@ -284,6 +295,7 @@ section {
284295
font-size: 0.92rem;
285296
line-height: 1.6;
286297
white-space: pre-wrap;
298+
text-align: left;
287299
}
288300

289301
.integration-footnote {
@@ -368,94 +380,3 @@ footer.footer-short {
368380
#hubspot-form iframe {
369381
width: 100% !important;
370382
}
371-
372-
.hero-support-copy {
373-
max-width: 38rem;
374-
margin-top: 1rem;
375-
margin-bottom: 0;
376-
color: #495057;
377-
line-height: 1.8;
378-
}
379-
380-
.hero-proof-list {
381-
display: flex;
382-
flex-wrap: wrap;
383-
gap: 0.75rem;
384-
}
385-
386-
.signal-pill {
387-
display: inline-flex;
388-
align-items: center;
389-
padding: 0.55rem 0.85rem;
390-
border-radius: 999px;
391-
background: rgba(40, 167, 69, 0.08);
392-
color: #218838;
393-
font-size: 0.85rem;
394-
line-height: 1.4;
395-
}
396-
397-
.section-panel {
398-
padding: 2rem;
399-
border-radius: 0.9rem;
400-
background: linear-gradient(180deg, #ffffff 0%, #f8fbf9 100%);
401-
border: 1px solid rgba(15, 23, 42, 0.08);
402-
box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
403-
}
404-
405-
.metric-card {
406-
height: 100%;
407-
padding: 1.5rem;
408-
margin-bottom: 1rem;
409-
border-radius: 0.85rem;
410-
background: #ffffff;
411-
border: 1px solid rgba(15, 23, 42, 0.08);
412-
box-shadow: 0 14px 32px rgba(15, 23, 42, 0.06);
413-
}
414-
415-
.metric-card h2,
416-
.metric-card h3 {
417-
margin-bottom: 0.9rem;
418-
}
419-
420-
.eyebrow {
421-
display: inline-block;
422-
margin-bottom: 0.8rem;
423-
color: #218838;
424-
font-size: 0.78rem;
425-
letter-spacing: 0.06em;
426-
text-transform: uppercase;
427-
}
428-
429-
.signal-list {
430-
margin: 1.25rem 0 0;
431-
padding-left: 1.2rem;
432-
}
433-
434-
.signal-list li {
435-
margin-bottom: 0.8rem;
436-
color: #495057;
437-
line-height: 1.7;
438-
}
439-
440-
.stats-highlight {
441-
margin: 1.5rem 0;
442-
padding: 1rem 1.15rem;
443-
border-left: 4px solid #28a745;
444-
background: rgba(40, 167, 69, 0.07);
445-
color: #1f2937;
446-
}
447-
448-
code {
449-
color: #156f2d;
450-
}
451-
452-
@media (max-width: 767.98px) {
453-
.hero-proof-list {
454-
margin-bottom: 1rem;
455-
}
456-
457-
.section-panel,
458-
.metric-card {
459-
padding: 1.25rem;
460-
}
461-
}

0 commit comments

Comments
 (0)