About The Webinar
Inbox visibility can drive 2X more email revenue.
In this For The Love Of Emails webinar, we reveal how Gmail measures attention today, what's changed, and what marketers must do to protect visibility and email-driven revenue.
<script>
var nt_g_var = {
mobilePill: "",
headerId: "#Mobile_Home_DD_Header.mnm-child-logo",
headerType: "main"
}
</script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../wp-content/themes/netcoretheme/styles/common.css" media="all" />
<link rel="stylesheet" href="../wp-content/themes/netcoretheme/styles/products.css" media="all" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/jquery.slick/1.5.9/slick.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<style id="" media="all">@font-face {
font-family: 'Plus Jakarta Sans';
font-style: italic;
font-weight: 200;
font-display: swap;
src: url(/fonts.gstatic.com/s/plusjakartasans/v12/LDIZaomQNQcsA88c7O9yZ4KMCoOg4KozySKCdSNG9OcqYQ2lCR_Q.ttf) format('truetype');
}
@font-face {
font-family: 'Plus Jakarta Sans';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url(/fonts.gstatic.com/s/plusjakartasans/v12/LDIZaomQNQcsA88c7O9yZ4KMCoOg4KozySKCdSNG9OcqYQ17CR_Q.ttf) format('truetype');
}
@font-face {
font-family: 'Plus Jakarta Sans';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(/fonts.gstatic.com/s/plusjakartasans/v12/LDIZaomQNQcsA88c7O9yZ4KMCoOg4KozySKCdSNG9OcqYQ0lCR_Q.ttf) format('truetype');
}
@font-face {
font-family: 'Plus Jakarta Sans';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(/fonts.gstatic.com/s/plusjakartasans/v12/LDIZaomQNQcsA88c7O9yZ4KMCoOg4KozySKCdSNG9OcqYQ0XCR_Q.ttf) format('truetype');
}
@font-face {
font-family: 'Plus Jakarta Sans';
font-style: italic;
font-weight: 600;
font-display: swap;
src: url(/fonts.gstatic.com/s/plusjakartasans/v12/LDIZaomQNQcsA88c7O9yZ4KMCoOg4KozySKCdSNG9OcqYQ37Dh_Q.ttf) format('truetype');
}
@font-face {
font-family: 'Plus Jakarta Sans';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(/fonts.gstatic.com/s/plusjakartasans/v12/LDIZaomQNQcsA88c7O9yZ4KMCoOg4KozySKCdSNG9OcqYQ3CDh_Q.ttf) format('truetype');
}
@font-face {
font-family: 'Plus Jakarta Sans';
font-style: italic;
font-weight: 800;
font-display: swap;
src: url(/fonts.gstatic.com/s/plusjakartasans/v12/LDIZaomQNQcsA88c7O9yZ4KMCoOg4KozySKCdSNG9OcqYQ2lDh_Q.ttf) format('truetype');
}
@font-face {
font-family: 'Plus Jakarta Sans';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url(/fonts.gstatic.com/s/plusjakartasans/v12/LDIbaomQNQcsA88c7O9yZ4KMCoOg4IA6-91aHEjcWuA_KU7NSg.ttf) format('truetype');
}
@font-face {
font-family: 'Plus Jakarta Sans';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/fonts.gstatic.com/s/plusjakartasans/v12/LDIbaomQNQcsA88c7O9yZ4KMCoOg4IA6-91aHEjcWuA_907NSg.ttf) format('truetype');
}
@font-face {
font-family: 'Plus Jakarta Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/fonts.gstatic.com/s/plusjakartasans/v12/LDIbaomQNQcsA88c7O9yZ4KMCoOg4IA6-91aHEjcWuA_qU7NSg.ttf) format('truetype');
}
@font-face {
font-family: 'Plus Jakarta Sans';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/fonts.gstatic.com/s/plusjakartasans/v12/LDIbaomQNQcsA88c7O9yZ4KMCoOg4IA6-91aHEjcWuA_m07NSg.ttf) format('truetype');
}
@font-face {
font-family: 'Plus Jakarta Sans';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/fonts.gstatic.com/s/plusjakartasans/v12/LDIbaomQNQcsA88c7O9yZ4KMCoOg4IA6-91aHEjcWuA_d0nNSg.ttf) format('truetype');
}
@font-face {
font-family: 'Plus Jakarta Sans';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/fonts.gstatic.com/s/plusjakartasans/v12/LDIbaomQNQcsA88c7O9yZ4KMCoOg4IA6-91aHEjcWuA_TknNSg.ttf) format('truetype');
}
@font-face {
font-family: 'Plus Jakarta Sans';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(/fonts.gstatic.com/s/plusjakartasans/v12/LDIbaomQNQcsA88c7O9yZ4KMCoOg4IA6-91aHEjcWuA_KUnNSg.ttf) format('truetype');
}
</style>
<!-- Hotjar Tracking Code for https://netcorecloud.com/ -->
<script>
(function(h,o,t,j,a,r){
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
h._hjSettings={hjid:6383222,hjsv:6};
a=o.getElementsByTagName('head')[0];
r=o.createElement('script');r.async=1;
r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
a.appendChild(r);
})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>
<!-- Google Tag Manager -->
<script>
(function(w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({
'gtm.start': new Date().getTime(),
event: 'gtm.js'
});
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-KL7QS9B');
</script>
<!-- End Google Tag Manager -->
<!-- Google tag (gtag.js) -->
<script defer src="https://www.googletagmanager.com/gtag/js?id=AW-781898969"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'AW-781898969');
</script>
<!-- Google tag (gtag.js) -->
<script defer src="https://www.googleoptimize.com/optimize.js?id=OPT-NJKZKF4"></script>
<script>
(function(c, p, d, u, id, i) {
id = ''; // Optional Custom ID for user in your system
u = 'https://tracking.g2crowd.com/attribution_tracking/conversions/' + c + '.js?p=' + encodeURI(p) + '&e=' + id;
i = document.createElement('script');
i.type = 'application/javascript';
i.async = true;
i.src = u;
d.getElementsByTagName('head')[0].appendChild(i);
}("1007564", document.location.href, document));
</script>
<script>
(function(c, p, d, u, id, i) {
id = ''; // Optional Custom ID for user in your system
u = 'https://tracking.g2crowd.com/attribution_tracking/conversions/' + c + '.js?p=' + encodeURI(p) + '&e=' + id;
i = document.createElement('script');
i.type = 'application/javascript';
i.async = true;
i.src = u;
d.getElementsByTagName('head')[0].appendChild(i);
}("3237", document.location.href, document));
</script>
<style>
/* ==================== CSS RESET & BASE ==================== */
*, *::before, *::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
:root {
/* Colors */
--background: #ffffff;
--foreground: #1a1625;
--primary: #FC5E02;
--primary-light: #ff7a33;
--accent: #FC5E02;
--muted: #64748b;
--muted-foreground: #64748b;
--hero-dark: #1a1625;
--hero-plum: #241f2e;
--card-bg: rgba(36, 31, 46, 0.6);
--glass-border: rgba(60, 50, 80, 0.3);
--section-grey: #f4f4f6;
--dot-color: #e5e7eb;
--radius: 0.75rem;
}
html {
scroll-behavior: smooth;
}
body {
font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
background-color: var(--background);
color: var(--foreground);
line-height: 1.6;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow-x: hidden;
}
img {
max-width: 100%;
height: auto;
display: block;
}
a {
text-decoration: none;
color: inherit;
}
/* ==================== UTILITY CLASSES ==================== */
.container {
max-width: 1400px;
margin: 0 auto;
padding: 0 1.5rem;
}
.text-gradient-orange {
background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
/* ==================== NAVIGATION ==================== */
.navbar {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
background: rgba(26, 22, 37, 0.95);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border-bottom: 1px solid rgba(60, 50, 80, 0.5);
transform: translateY(-100%);
opacity: 0;
transition: all 0.5s ease;
}
.navbar.visible {
transform: translateY(0);
opacity: 1;
}
.navbar-inner {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1rem 0;
}
.navbar-logo {
height: 24px;
}
/* ==================== BUTTONS ==================== */
.btn-cta {
background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);
color: white;
font-weight: 600;
padding: 0.75rem 1.5rem;
border-radius: 0.5rem;
border: none;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 4px 15px -3px rgba(252, 94, 2, 0.4);
font-family: inherit;
font-size: 0.875rem;
}
.btn-cta:hover {
transform: translateY(-2px);
box-shadow: 0 8px 25px -5px rgba(252, 94, 2, 0.5);
}
.btn-cta-shine {
position: relative;
background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);
color: white;
font-weight: 600;
padding: 1rem 2.5rem;
border-radius: 0.5rem;
border: none;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 4px 15px -3px rgba(252, 94, 2, 0.4);
font-family: inherit;
font-size: 1rem;
overflow: hidden;
}
.btn-cta-shine::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
animation: shine-sweep 5s ease-in-out infinite;
}
@keyframes shine-sweep {
0%, 100% { left: -100%; }
15%, 25% { left: 100%; }
}
.btn-cta-shine:hover {
transform: translateY(-2px);
box-shadow: 0 8px 25px -5px rgba(252, 94, 2, 0.5);
}
.btn-cta-shine:disabled {
opacity: 0.5;
cursor: not-allowed;
}
/* ==================== HERO SECTION ==================== */
.hero {
position: relative;
/* min-height: 100vh; */
background: var(--hero-dark);
overflow: hidden;
}
.hero-bg {
position: absolute;
inset: 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background:#1a1625;
}
/* Aurora Animation */
.aurora-container {
position: absolute;
inset: 0;
overflow: hidden;
pointer-events: none;
}
.aurora {
position: absolute;
width: 150%;
height: 150%;
border-radius: 50%;
filter: blur(80px);
}
.aurora-1 {
top: -30%;
left: -20%;
background: radial-gradient(ellipse 60% 50% at 50% 50%, rgba(252, 94, 2, 0.2), transparent 70%);
animation: aurora-pulse-1 20s ease-in-out infinite;
}
.aurora-2 {
bottom: -40%;
right: -30%;
background: radial-gradient(ellipse 50% 60% at 50% 50%, rgba(100, 50, 150, 0.15), transparent 70%);
animation: aurora-pulse-2 25s ease-in-out infinite;
}
.aurora-3 {
top: 20%;
right: -10%;
background: radial-gradient(ellipse 40% 45% at 50% 50%, rgba(252, 94, 2, 0.12), transparent 65%);
animation: aurora-pulse-3 18s ease-in-out infinite;
}
@keyframes aurora-pulse-1 {
0%, 100% { transform: translate(0, 0) rotate(0deg) scale(1); opacity: 0.6; }
33% { transform: translate(5%, 3%) rotate(5deg) scale(1.1); opacity: 0.8; }
66% { transform: translate(-3%, 5%) rotate(-3deg) scale(0.95); opacity: 0.5; }
}
@keyframes aurora-pulse-2 {
0%, 100% { transform: translate(0, 0) rotate(0deg) scale(1); opacity: 0.5; }
50% { transform: translate(-5%, -3%) rotate(-8deg) scale(1.15); opacity: 0.7; }
}
@keyframes aurora-pulse-3 {
0%, 100% { transform: translate(0, 0) rotate(0deg) scale(1); opacity: 0.4; }
40% { transform: translate(4%, -4%) rotate(10deg) scale(1.08); opacity: 0.6; }
70% { transform: translate(-2%, 3%) rotate(-5deg) scale(0.92); opacity: 0.5; }
}
/* Noise Overlay */
.noise-overlay {
position: absolute;
inset: 0;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
opacity: 0.03;
mix-blend-mode: overlay;
pointer-events: none;
z-index: 1;
}
.hero-content {
position: relative;
z-index: 10;
padding: 2rem 0 3rem;
}
.hero-grid {
display: grid;
grid-template-columns: 1fr;
gap: 2rem;
align-items: center;
}
@media (min-width: 1024px) {
.hero-grid {
grid-template-columns: 1fr 1fr;
gap: 4rem;
}
}
.hero-logos {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 1rem;
margin-bottom: 1.5rem;
animation: fade-in 0.6s ease-out forwards;
}
@media (min-width: 1024px) {
.hero-logos {
justify-content: flex-start;
gap: 1.5rem;
margin-bottom: 2.5rem;
}
}
.hero-logo-ftloe {
height: 80px;
}
.hero-logo-divider {
width: 1px;
height: 64px;
background: rgba(255, 255, 255, 0.3);
}
.hero-logo-netcore {
height: 32px;
}
@media (min-width: 640px) {
.hero-logo-ftloe { height: 64px; }
.hero-logo-divider { height: 48px; }
.hero-logo-netcore { height: 28px; }
}
@media (min-width: 1024px) {
.hero-logo-ftloe { height: 85px; }
.hero-logo-divider { height: 64px; }
.hero-logo-netcore { height: 36px; }
}
.hero-left {
text-align: center;
}
@media (min-width: 1024px) {
.hero-left {
text-align: left;
}
}
.hero-headline {
font-size: 1.5rem;
font-weight: 700;
color: white;
line-height: 1.2;
margin-bottom: 1rem;
}
@media (min-width: 640px) {
.hero-headline { font-size: 1.875rem; }
}
@media (min-width: 768px) {
.hero-headline { font-size: 2.25rem; }
}
@media (min-width: 1024px) {
.hero-headline { font-size: 2.75rem; margin-bottom: 1.5rem; }
}
@media (min-width: 1280px) {
.hero-headline { font-size: 3.5rem; }
}
.hero-headline .coral {
color: var(--primary);
}
.headline-line {
display: inline;
opacity: 0;
filter: blur(10px);
animation: headline-reveal 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
.headline-line:nth-child(1) { animation-delay: 0.2s; }
.headline-line:nth-child(2) { animation-delay: 0.35s; }
.headline-line:nth-child(3) { animation-delay: 0.5s; }
@keyframes headline-reveal {
0% { opacity: 0; filter: blur(10px); transform: translateY(20px); }
100% { opacity: 1; filter: blur(0); transform: translateY(0); }
}
@keyframes fade-in {
0% { opacity: 0; transform: translateY(20px); }
100% { opacity: 1; transform: translateY(0); }
}
.hero-subheadline {
font-size: 1rem;
color: rgba(255, 255, 255, 0.7);
margin-bottom: 1.5rem;
max-width: 36rem;
margin-left: auto;
margin-right: auto;
font-style: italic;
opacity: 0;
animation: fade-in 0.6s ease-out 0.6s forwards;
}
@media (min-width: 640px) {
.hero-subheadline { font-size: 1.125rem; }
}
@media (min-width: 1024px) {
.hero-subheadline {
font-size: 1.25rem;
margin-left: 0;
margin-right: 0;
}
}
.hero-badge {
display: flex;
justify-content: center;
margin-bottom: 1.5rem;
opacity: 0;
animation: fade-in 0.6s ease-out 0.7s forwards;
}
@media (min-width: 1024px) {
.hero-badge {
justify-content: flex-start;
margin-bottom: 2.5rem;
}
}
.hero-badge-inner {
display: inline-flex;
align-items: center;
gap: 0.75rem;
padding: 0.625rem 1.25rem;
border-radius: 9999px;
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.2);
}
.hero-badge-icon {
width: 22px;
height: 22px;
stroke: var(--primary);
}
.hero-badge-text {
font-size: 0.8rem;
font-weight: 700;
color: white;
}
@media (min-width: 640px) {
.hero-badge-text { font-size: 1.125rem; }
}
.hero-right {
opacity: 0;
animation: fade-in 0.6s ease-out 0.5s forwards, form-float 6s ease-in-out infinite;
}
@keyframes form-float {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-8px); }
}
/* ==================== GLASS CARD / FORM ==================== */
.glass-card {
background: rgba(36, 31, 46, 0.6);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(60, 50, 80, 0.3);
border-radius: 0.75rem;
padding: 1.5rem;
}
@media (min-width: 640px) {
.glass-card {
border-radius: 1rem;
padding: 2rem;
}
}
@media (min-width: 1024px) {
.glass-card {
padding: 2.5rem;
}
}
.form-title {
font-size: 1.25rem;
font-weight: 700;
color: white;
margin-bottom: 1.5rem;
}
@media (min-width: 640px) {
.form-title {
font-size: 1.5rem;
margin-bottom: 2rem;
}
}
.form-group {
margin-bottom: 1rem;
}
.form-input {
width: 100%;
background: rgba(26, 22, 37, 0.8);
border: 1px solid rgba(60, 50, 80, 0.4);
color: white;
padding: 0.875rem 1rem;
border-radius: 0.5rem;
font-family: inherit;
font-size: 1rem;
transition: all 0.2s ease;
}
.form-input::placeholder {
color: rgba(255, 255, 255, 0.5);
}
.form-input:focus {
outline: none;
border-color: var(--primary);
box-shadow: 0 0 0 3px rgba(252, 94, 2, 0.2);
}
.form-submit {
width: 100%;
margin-top: 1.5rem;
font-size: 1.125rem;
}
.form-disclaimer {
color: rgba(255, 255, 255, 0.4);
font-size: 0.75rem;
text-align: center;
margin-top: 1rem;
}
/* ==================== ABOUT SECTION ==================== */
.section-dotted {
background-color: var(--background);
background-image: radial-gradient(var(--dot-color) 1px, transparent 1px);
background-size: 24px 24px;
padding: 3rem 0;
}
@media (min-width: 640px) {
.section-dotted { padding: 4rem 0; }
}
@media (min-width: 1024px) {
.section-dotted { padding: 6rem 0; }
}
.about-grid {
display: grid;
grid-template-columns: 1fr;
gap: 3rem;
max-width: 72rem;
margin: 0 auto;
}
@media (min-width: 1024px) {
.about-grid {
grid-template-columns: 1.5fr 1fr;
gap: 4rem;
}
}
.section-label {
display: flex;
align-items: center;
gap: 0.75rem;
margin-bottom: 1.5rem;
}
@media (min-width: 640px) {
.section-label { margin-bottom: 2rem; }
}
.section-label-line {
width: 2rem;
height: 2px;
background: var(--accent);
}
@media (min-width: 640px) {
.section-label-line { width: 3rem; }
}
.section-label-text {
color: var(--accent);
font-weight: 600;
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 0.1em;
}
@media (min-width: 640px) {
.section-label-text { font-size: 0.875rem; }
}
.about-headline {
font-size: 1.125rem;
font-weight: 700;
color: var(--foreground);
line-height: 1.4;
margin-bottom: 1.5rem;
}
@media (min-width: 640px) {
.about-headline { font-size: 1.25rem; margin-bottom: 1rem; }
}
@media (min-width: 768px) {
.about-headline { font-size: 1.5rem; }
}
.about-headline .accent {
color: var(--accent);
}
.highlight-box {
background: rgba(252, 94, 2, 0.08);
border-left: 4px solid var(--accent);
padding: 1rem 1.25rem;
border-radius: 0.5rem;
margin-bottom: 1.5rem;
}
@media (min-width: 640px) {
.highlight-box {
padding: 1.5rem 2rem;
margin-bottom: 2rem;
}
}
.highlight-box p {
font-size: 1rem;
font-weight: 600;
color: var(--foreground);
}
@media (min-width: 640px) {
.highlight-box p { font-size: 1.125rem; }
}
@media (min-width: 1024px) {
.highlight-box p { font-size: 1.25rem; }
}
.about-description {
font-size: 1rem;
color: var(--muted-foreground);
line-height: 1.7;
margin-bottom: 2rem;
}
@media (min-width: 640px) {
.about-description { font-size: 1.125rem; }
}
.about-description .bold {
font-weight: 600;
color: var(--foreground);
}
/* Speaker Cards */
.speakers-heading {
font-size: 1.25rem;
font-weight: 700;
color: var(--foreground);
margin-bottom: 1.5rem;
}
@media (min-width: 640px) {
.speakers-heading { font-size: 1.5rem; margin-bottom: 2rem; }
}
.speakers-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0.75rem;
}
@media (min-width: 640px) {
.speakers-grid { gap: 1rem; }
}
.speaker-card {
background: white;
border-radius: var(--radius);
overflow: hidden;
box-shadow: 0 4px 20px -5px rgba(0, 0, 0, 0.1);
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.speaker-card:hover {
transform: translateY(-8px);
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.2);
}
.speaker-image {
aspect-ratio: 4/3;
overflow: hidden;
}
.speaker-image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
}
.speaker-info {
padding: 0.5rem;
text-align: center;
}
@media (min-width: 640px) {
.speaker-info { padding: 0.75rem; }
}
.speaker-name {
font-size: 0.875rem;
font-weight: 700;
color: var(--foreground);
margin-bottom: 0.25rem;
}
@media (min-width: 640px) {
.speaker-name { font-size: 1rem; }
}
.speaker-role {
font-size: 0.75rem;
color: var(--muted-foreground);
line-height: 1.3;
}
@media (min-width: 640px) {
.speaker-role { font-size: 0.875rem; }
}
/* ==================== WHAT YOU'LL LEARN SECTION ==================== */
.section-dark {
padding: 3rem 0;
background-size: cover;
background-position: center;
position: relative;
overflow: hidden;
}
@media (min-width: 640px) {
.section-dark { padding: 4rem 0; }
}
@media (min-width: 1024px) {
.section-dark { padding: 8rem 0; }
}
.section-dark-header {
text-align: center;
margin-bottom: 2.5rem;
}
@media (min-width: 640px) {
.section-dark-header { margin-bottom: 4rem; }
}
.section-dark-title {
font-size: 1.5rem;
font-weight: 700;
color: white;
margin-bottom: 0.75rem;
}
@media (min-width: 640px) {
.section-dark-title { font-size: 1.875rem; margin-bottom: 1rem; }
}
@media (min-width: 1024px) {
.section-dark-title { font-size: 2.25rem; }
}
.section-dark-subtitle {
font-size: 1rem;
color: rgba(255, 255, 255, 0.6);
max-width: 48rem;
margin: 0 auto;
}
@media (min-width: 640px) {
.section-dark-subtitle { font-size: 1.125rem; }
}
.bento-grid {
display: grid;
grid-template-columns: 1fr;
gap: 1rem;
max-width: 72rem;
margin: 0 auto;
}
@media (min-width: 768px) {
.bento-grid {
grid-template-columns: repeat(2, 1fr);
gap: 1.5rem;
}
}
@media (min-width: 1024px) {
.bento-grid {
grid-template-columns: repeat(5, 1fr);
}
}
.bento-card {
background: rgba(36, 31, 46, 0.5);
border: 1px solid rgba(60, 50, 80, 0.4);
backdrop-filter: blur(10px);
border-radius: 0.75rem;
padding: 1rem;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media (min-width: 640px) {
.bento-card {
border-radius: 1rem;
padding: 1.25rem;
}
}
.bento-card:hover {
border-color: rgba(252, 94, 2, 0.5);
transform: translateY(-4px);
box-shadow: 0 20px 40px -15px rgba(252, 94, 2, 0.2);
}
.bento-card-large {
grid-column: span 1;
}
@media (min-width: 768px) {
.bento-card-large { grid-column: span 2; }
}
@media (min-width: 1024px) {
.bento-card-large { grid-column: span 3; }
}
.bento-card-medium {
grid-column: span 1;
}
@media (min-width: 1024px) {
.bento-card-medium { grid-column: span 2; }
}
.bento-card-full {
grid-column: span 1;
}
@media (min-width: 768px) {
.bento-card-full { grid-column: span 2; }
}
@media (min-width: 1024px) {
.bento-card-full { grid-column: span 5; }
}
.bento-card-header {
display: flex;
align-items: flex-start;
gap: 0.75rem;
margin-bottom: 0.5rem;
}
.bento-icon {
width: 36px;
height: 36px;
min-width: 36px;
border-radius: 0.5rem;
background: rgba(252, 94, 2, 0.1);
display: flex;
align-items: center;
justify-content: center;
}
@media (min-width: 640px) {
.bento-icon {
width: 40px;
height: 40px;
min-width: 40px;
}
}
.bento-icon svg {
width: 16px;
height: 16px;
stroke: var(--accent);
}
@media (min-width: 640px) {
.bento-icon svg {
width: 20px;
height: 20px;
}
}
.bento-title {
font-size: 1.125rem;
font-weight: 700;
color: white;
line-height: 1.3;
}
@media (min-width: 640px) {
.bento-title { font-size: 1.25rem; }
}
.bento-description {
font-size: 0.875rem;
color: rgba(255, 255, 255, 0.6);
line-height: 1.6;
padding-left: 48px;
}
@media (min-width: 640px) {
.bento-description {
font-size: 1rem;
padding-left: 52px;
}
}
/* ==================== TRUST SECTION ==================== */
.section-grey-fade {
position: relative;
background: var(--section-grey);
}
.section-grey-fade::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 50%;
background: linear-gradient(165deg, transparent 0%, transparent 30%, white 100%);
pointer-events: none;
}
.trust-section {
padding: 1.5rem 0 3rem;
position: relative;
z-index: 10;
}
@media (min-width: 640px) {
.trust-section { padding: 2rem 0 4rem; }
}
@media (min-width: 1024px) {
.trust-section { padding: 3rem 0 6rem; }
}
.trust-header {
text-align: center;
margin-bottom: 2.5rem;
}
@media (min-width: 640px) {
.trust-header { margin-bottom: 4rem; }
}
.trust-title {
font-size: 1.5rem;
font-weight: 700;
color: var(--foreground);
margin-bottom: 0.5rem;
}
@media (min-width: 640px) {
.trust-title { font-size: 1.875rem; margin-bottom: 1rem; }
}
@media (min-width: 1024px) {
.trust-title { font-size: 2.25rem; }
}
.trust-subtitle {
color: var(--muted-foreground);
font-size: 1rem;
}
@media (min-width: 640px) {
.trust-subtitle { font-size: 1.125rem; }
}
.stats-container {
max-width: 72rem;
margin: 0 auto;
}
.stats-row {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1rem;
margin-bottom: 1.5rem;
}
@media (min-width: 640px) {
.stats-row { gap: 2rem; margin-bottom: 2rem; }
}
@media (min-width: 1024px) {
.stats-row { grid-template-columns: repeat(4, 1fr); gap: 3rem; margin-bottom: 3rem; }
}
.stats-row-bottom {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1rem;
}
@media (min-width: 640px) {
.stats-row-bottom { gap: 2rem; }
}
@media (min-width: 1024px) {
.stats-row-bottom {
grid-template-columns: repeat(3, 1fr);
gap: 3rem;
max-width: 56rem;
margin: 0 auto;
}
}
.stat-item {
text-align: center;
}
.stat-value {
font-size: 1.5rem;
font-weight: 700;
color: var(--foreground);
margin-bottom: 0.25rem;
}
@media (min-width: 640px) {
.stat-value { font-size: 1.875rem; margin-bottom: 0.5rem; }
}
@media (min-width: 768px) {
.stat-value { font-size: 2.25rem; }
}
@media (min-width: 1024px) {
.stat-value { font-size: 3rem; }
}
.stat-label {
color: var(--muted-foreground);
font-weight: 500;
font-size: 0.75rem;
}
@media (min-width: 640px) {
.stat-label { font-size: 0.875rem; }
}
@media (min-width: 1024px) {
.stat-label { font-size: 1rem; }
}
/* ==================== TESTIMONIALS SECTION ==================== */
.ftloe-testimonials-section {
position: relative;
padding: 2.5rem 0 1rem;
overflow: hidden;
z-index: 10;
}
@media (min-width: 640px) {
.ftloe-testimonials-section { padding: 4rem 0 1.5rem; }
}
.ftloe-testimonials-title {
font-size: 1.25rem;
font-weight: 700;
color: var(--ftloe-foreground);
text-align: center;
margin-bottom: 1.5rem;
}
@media (min-width: 640px) {
.ftloe-testimonials-title { font-size: 1.875rem; margin-bottom: 2.5rem; }
}
@media (min-width: 1024px) {
.ftloe-testimonials-title { font-size: 2.25rem; }
}
.ftloe-testimonial-card {
flex-shrink: 0;
border-radius: 1rem;
border: 1px solid rgba(0, 0, 0, 0.08);
background: rgba(0, 0, 0, 0.03);
backdrop-filter: blur(20px);
padding: 1rem 1.25rem;
display: flex;
flex-direction: column;
gap: 0.75rem;
}
@media (min-width: 640px) {
.ftloe-testimonial-card { padding: 1.5rem; gap: 1rem; }
}
.ftloe-testimonial-stars {
display: flex;
gap: 0.25rem;
}
.ftloe-testimonial-quote {
font-size: 0.875rem;
line-height: 1.6;
color: rgba(26, 22, 37, 0.7);
font-style: italic;
flex: 1;
}
@media (min-width: 640px) {
.ftloe-testimonial-quote { font-size: 1rem; }
}
.ftloe-testimonial-author-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
padding-top: 0.5rem;
border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.ftloe-testimonial-author-name {
font-size: 0.875rem;
font-weight: 600;
color: var(--ftloe-foreground);
}
.ftloe-testimonial-author-role {
font-size: 0.875rem;
color: var(--ftloe-muted-foreground);
}
.ftloe-testimonial-logo {
height: 1.75rem;
object-fit: contain;
opacity: 0.7;
}
/* Desktop Marquee */
.ftloe-marquee-wrapper {
position: relative;
}
.ftloe-marquee-fade-left {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 6rem;
z-index: 10;
background: linear-gradient(to right, var(--ftloe-section-grey), transparent);
pointer-events: none;
}
.ftloe-marquee-fade-right {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 6rem;
z-index: 10;
background: linear-gradient(to left, var(--ftloe-section-grey), transparent);
pointer-events: none;
}
.ftloe-marquee-track {
display: flex;
width: max-content;
gap: 1.5rem;
animation: ftloe-marquee-scroll 25s linear infinite;
}
.ftloe-marquee-wrapper:hover .ftloe-marquee-track {
animation-play-state: paused;
}
@keyframes ftloe-marquee-scroll {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}
.ftloe-marquee-track .ftloe-testimonial-card {
width: 340px;
min-height: 260px;
}
/* Mobile Carousel */
.ftloe-testimonial-mobile-carousel {
display: flex;
gap: 1rem;
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
padding: 0 1rem;
scrollbar-width: none;
}
.ftloe-testimonial-mobile-carousel::-webkit-scrollbar { display: none; }
.ftloe-testimonial-mobile-carousel .ftloe-testimonial-card {
width: 70vw;
min-height: 280px;
scroll-snap-align: start;
}
/* Show/hide based on screen size */
.ftloe-desktop-only { display: none; }
.ftloe-mobile-only { display: block; }
@media (min-width: 768px) {
.ftloe-desktop-only { display: block; }
.ftloe-mobile-only { display: none; }
}
.ftloe-section-grey-fade {
position: relative;
background: var(--ftloe-section-grey);
}
.ftloe-section-grey-fade::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 50%;
background: linear-gradient(165deg, transparent 0%, transparent 30%, white 100%);
pointer-events: none;
}
.ftloe-trust-section {
padding: 1.5rem 0 2rem;
position: relative;
z-index: 10;
}
@media (min-width: 480px) {
.ftloe-trust-section { padding: 1.5rem 0 2.5rem; }
}
@media (min-width: 640px) {
.ftloe-trust-section { padding: 2rem 0 3rem; }
}
@media (min-width: 1024px) {
.ftloe-trust-section { padding: 3rem 0 5rem; }
}
.ftloe-trust-header {
text-align: center;
margin-bottom: 1.5rem;
}
@media (min-width: 640px) {
.ftloe-trust-header { margin-bottom: 2.5rem; }
}
@media (min-width: 1024px) {
.ftloe-trust-header { margin-bottom: 4rem; }
}
.ftloe-trust-title {
font-size: 1.125rem;
font-weight: 700;
color: var(--ftloe-foreground);
margin-bottom: 0.25rem;
}
@media (min-width: 480px) {
.ftloe-trust-title { font-size: 1.25rem; }
}
@media (min-width: 640px) {
.ftloe-trust-title { font-size: 1.5rem; margin-bottom: 0.5rem; }
}
@media (min-width: 1024px) {
.ftloe-trust-title { font-size: 2rem; margin-bottom: 1rem; }
}
.ftloe-trust-subtitle {
color: var(--ftloe-muted-foreground);
font-size: 0.8125rem;
}
@media (min-width: 640px) {
.ftloe-trust-subtitle { font-size: 0.9375rem; }
}
@media (min-width: 1024px) {
.ftloe-trust-subtitle { font-size: 1.125rem; }
}
.ftloe-stats-container {
max-width: 72rem;
margin: 0 auto;
}
.ftloe-stats-row {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0.75rem 0.5rem;
margin-bottom: 0.75rem;
}
@media (min-width: 480px) {
.ftloe-stats-row { gap: 1rem 0.75rem; margin-bottom: 1rem; }
}
@media (min-width: 640px) {
.ftloe-stats-row { gap: 1.5rem; margin-bottom: 1.5rem; }
}
@media (min-width: 1024px) {
.ftloe-stats-row { grid-template-columns: repeat(4, 1fr); gap: 3rem; margin-bottom: 3rem; }
}
.ftloe-stats-row-bottom {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0.75rem 0.5rem;
}
@media (min-width: 480px) {
.ftloe-stats-row-bottom { gap: 1rem 0.75rem; }
}
@media (min-width: 640px) {
.ftloe-stats-row-bottom { gap: 1.5rem; }
}
@media (min-width: 1024px) {
.ftloe-stats-row-bottom {
grid-template-columns: repeat(3, 1fr);
gap: 3rem;
max-width: 56rem;
margin: 0 auto;
}
}
.ftloe-stat-item {
text-align: center;
}
.ftloe-stat-value {
font-size: 1.125rem;
font-weight: 700;
color: var(--ftloe-foreground);
margin-bottom: 0.125rem;
}
@media (min-width: 480px) {
.ftloe-stat-value { font-size: 1.25rem; margin-bottom: 0.25rem; }
}
@media (min-width: 640px) {
.ftloe-stat-value { font-size: 1.5rem; margin-bottom: 0.375rem; }
}
@media (min-width: 768px) {
.ftloe-stat-value { font-size: 1.875rem; }
}
@media (min-width: 1024px) {
.ftloe-stat-value { font-size: 2.5rem; margin-bottom: 0.5rem; }
}
.ftloe-stat-label {
color: var(--ftloe-muted-foreground);
font-weight: 500;
font-size: 0.625rem;
line-height: 1.3;
}
@media (min-width: 480px) {
.ftloe-stat-label { font-size: 0.6875rem; }
}
@media (min-width: 640px) {
.ftloe-stat-label { font-size: 0.75rem; }
}
@media (min-width: 1024px) {
.ftloe-stat-label { font-size: 0.9375rem; }
}
/* ==================== FOOTER ==================== */
.footer {
position: relative;
padding: 3rem 0;
background-size: cover;
background-position: center;
overflow: hidden;
}
@media (min-width: 640px) {
.footer { padding: 4rem 0; }
}
@media (min-width: 1024px) {
.footer { padding: 7rem 0; }
}
.footer-cta {
text-align: center;
max-width: 48rem;
margin: 0 auto 2.5rem;
}
@media (min-width: 640px) {
.footer-cta { margin-bottom: 4rem; }
}
.footer-headline {
font-size: 1.875rem;
font-weight: 700;
line-height: 1.2;
margin-bottom: 1rem;
}
@media (min-width: 640px) {
.footer-headline { font-size: 2.25rem; margin-bottom: 1.5rem; }
}
@media (min-width: 1024px) {
.footer-headline { font-size: 3rem; }
}
.footer-headline .white {
color: white;
}
.footer-subtext {
color: rgba(255, 255, 255, 0.6);
font-size: 1rem;
margin-bottom: 1.5rem;
}
@media (min-width: 640px) {
.footer-subtext { font-size: 1.125rem; margin-bottom: 2.5rem; }
}
.footer-divider {
width: 100%;
height: 1px;
background: rgba(255, 255, 255, 0.1);
margin-bottom: 2rem;
}
@media (min-width: 640px) {
.footer-divider { margin-bottom: 3rem; }
}
.footer-about-title {
color: rgba(255, 255, 255, 0.8);
font-weight: 600;
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 0.1em;
margin-bottom: 0.75rem;
}
@media (min-width: 640px) {
.footer-about-title {
font-size: 0.875rem;
margin-bottom: 1rem;
}
}
.footer-about-text {
color: rgba(255, 255, 255, 0.5);
font-size: 0.875rem;
line-height: 1.7;
margin-bottom: 2rem;
}
@media (min-width: 640px) {
.footer-about-text { font-size: 1rem; margin-bottom: 3rem; }
}
@media (min-width: 1024px) {
.footer-about-text { font-size: 1.125rem; }
}
.footer-bottom {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
gap: 1rem;
}
@media (min-width: 640px) {
.footer-bottom {
flex-direction: row;
gap: 1.5rem;
}
}
.footer-logo {
height: 24px;
}
@media (min-width: 640px) {
.footer-logo { height: 32px; }
}
.footer-copyright {
color: rgba(255, 255, 255, 0.4);
font-size: 0.75rem;
}
@media (min-width: 640px) {
.footer-copyright { font-size: 0.875rem; }
}
/* ==================== SUCCESS MODAL ==================== */
.modal-overlay {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.5);
backdrop-filter: blur(4px);
display: flex;
align-items: center;
justify-content: center;
z-index: 10000;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
}
.modal-overlay.active {
opacity: 1;
visibility: visible;
}
.modal-content {
background: white;
border-radius: 1rem;
padding: 2rem;
max-width: 28rem;
width: 90%;
text-align: center;
transform: scale(0.9);
transition: all 0.3s ease;
}
.modal-overlay.active .modal-content {
transform: scale(1);
}
.modal-checkmark {
width: 80px;
height: 80px;
margin: 0 auto 1.5rem;
}
.modal-checkmark svg {
width: 100%;
height: 100%;
}
.checkmark-circle {
stroke-dasharray: 166;
stroke-dashoffset: 166;
animation: checkmark-stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}
.checkmark-check {
stroke-dasharray: 48;
stroke-dashoffset: 48;
animation: checkmark-stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.5s forwards;
}
@keyframes checkmark-stroke {
100% { stroke-dashoffset: 0; }
}
.modal-title {
font-size: 1.5rem;
font-weight: 700;
color: var(--foreground);
margin-bottom: 0.5rem;
}
.modal-subtitle {
color: var(--muted-foreground);
margin-bottom: 1.5rem;
}
.modal-button {
background: var(--primary);
color: white;
font-weight: 600;
padding: 0.75rem 2rem;
border-radius: 0.5rem;
border: none;
cursor: pointer;
font-family: inherit;
font-size: 1rem;
transition: all 0.2s ease;
}
.modal-button:hover {
background: var(--primary-light);
}
/* Trust Badges */
.ftloe-trust-badges {
margin-top: 2rem;
/* opacity: 0; */
animation: ftloe-fade-in 0.6s ease-out 0.85s forwards;
}
.ftloe-trust-badges-label {
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.15em;
color: rgba(255,255,255,0.5);
margin-bottom: 1rem;
}
.ftloe-trust-badges-row {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 1rem;
}
@media (min-width: 1024px) {
.ftloe-trust-badges-row { justify-content: flex-start; }
}
.ftloe-trust-badge {
height: 4rem;
object-fit: contain;
/* opacity: 0.6; */
/* filter: grayscale(100%); */
mix-blend-mode: lighten;
transition: all 0.3s ease;
}
.ftloe-trust-badge:hover {
opacity: 1;
filter: grayscale(0%);
}
.ftloe-trust-badges-row {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0.75rem;
align-items: center;
justify-items: center;
}
@media (min-width: 640px) {
.ftloe-trust-badges-row {
display: flex;
flex-wrap: wrap;
gap: 1rem;
}
.ftloe-trust-badge { height: 2.25rem; }
}
@media (min-width: 1024px) {
.ftloe-trust-badges-row { justify-content: flex-start; }
.ftloe-trust-badge { height: 4.5rem; }
}
</style>
<!-- Navigation -->
<nav class="navbar" id="navbar">
<div class="container">
<div class="navbar-inner">
<img src="https://netcorecloud.com/wp-content/uploads/2026/02/netcore-webinar-white.png" alt="Netcore Webinar" class="navbar-logo" onerror="this.style.display='none'">
<a href="#registration-form" class="btn-cta">Webinar On-Demand</a>
</div>
</div>
</nav>
<!-- Hero Section -->
<section class="hero">
<!-- Background would be your hero-bg.png image -->
<div class="hero-bg" style="background-color: #1a1625;"></div>
<!-- Aurora Animation -->
<div class="aurora-container">
<div class="aurora aurora-1"></div>
<div class="aurora aurora-2"></div>
<div class="aurora aurora-3"></div>
</div>
<!-- Noise Overlay -->
<div class="noise-overlay"></div>
<div class="hero-content">
<div class="container">
<div class="hero-grid">
<!-- Left Column -->
<div class="hero-left">
<!-- Logos -->
<div class="hero-logos">
<img src="https://netcorecloud.com/wp-content/uploads/2026/02/email-love.png" alt="For The Love Of Emails" class="hero-logo-ftloe" onerror="this.alt='FTLOE'">
<div class="hero-logo-divider"></div>
<img src="https://netcorecloud.com/wp-content/uploads/2026/02/netcore-webinar-white.png" alt="Netcore Webinar" class="hero-logo-netcore" onerror="this.alt='Netcore'">
</div>
<!-- Headline -->
<h1 class="hero-headline">
<span class="headline-line">How to Grow </span>
<span class="headline-line coral"> Email Revenue </span>
<span class="headline-line"> with Gmail's New Inbox Reality</span>
</h1>
<!-- Subheadline -->
<!-- <p class="hero-subheadline">Learn how to grow email revenue with Gmail's new Inbox reality.</p> -->
<!-- Date Badge -->
<div class="hero-badge">
<div class="hero-badge-inner">
<svg class="hero-badge-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect width="18" height="18" x="3" y="4" rx="2" ry="2"/>
<line x1="16" x2="16" y1="2" y2="6"/>
<line x1="8" x2="8" y1="2" y2="6"/>
<line x1="3" x2="21" y1="10" y2="10"/>
</svg>
<span class="hero-badge-text">19 February | 2 PM GMT / 9 AM EST</span>
</div>
</div>
<!-- Trust/Awards Badges -->
<div class="ftloe-trust-badges">
<p class="ftloe-trust-badges-label">Recognized by industry leaders</p>
<div class="ftloe-trust-badges-row">
<img src="https://netcorecloud.com/wp-content/uploads/2026/02/badge-g2-leader.png" alt="G2 Leader Winter 2026" class="ftloe-trust-badge">
<img src="https://netcorecloud.com/wp-content/uploads/2026/02/badge-g2-users-love-us.png" alt="G2 Users Love Us" class="ftloe-trust-badge">
<img src="https://netcorecloud.com/wp-content/uploads/2026/02/badge-g2-best-relationship.png" alt="G2 Best Relationship Enterprise" class="ftloe-trust-badge">
<img src="https://netcorecloud.com/wp-content/uploads/2026/02/badge-google-partner.png" alt="Google Cloud Premier Partner" class="ftloe-trust-badge">
<img src="https://netcorecloud.com/wp-content/uploads/2026/02/badge-forrester-strong.png" alt="Forrester Wave Strong Performer 2025" class="ftloe-trust-badge">
<img src="https://netcorecloud.com/wp-content/uploads/2026/02/badge-forrester-email.png" alt="Forrester Wave Strong Performer Email 2024" class="ftloe-trust-badge">
</div>
</div>
</div>
<!-- Right Column - Form -->
<div class="hero-right">
<div class="glass-card" id="registration-form">
<h3 class="form-title">Reserve your spot for this exclusive session</h3>
<form id="registrationForm" method="POST">
<div class="form-group">
<input type="text" name="name" placeholder="Full Name" required class="form-input">
</div>
<div class="form-group">
<input type="email" name="email" placeholder="Work Email" class="form-input" pattern="^(?!.+@(gmail|google|yahoo|GMail|outlook|hotmail|Gmail|msn|GMAIL|mail5u)\..+)(.+@.+\..+)$" title="Please provide a business email address" oninvalid="this.setCustomValidity('Please provide a business email address')" onchange="try{setCustomValidity('')}catch(e){}" oninput="try{setCustomValidity('')}catch(e){}" required>
</div>
<div class="form-group">
<input type="text" name="company" placeholder="Company Name" required class="form-input">
</div>
<input type="hidden" name="utm_source">
<input type="hidden" name="utm_medium">
<input type="hidden" name="utm_campaign">
<input type="hidden" name="page_url">
<button type="submit" class="btn-cta-shine form-submit" id="submitBtn">Webinar On-Demand</button>
<p class="form-disclaimer">By registering, you agree to receive communications from Netcore.</p>
</form>
</div>
</div>
</div>
</div>
</div>
<script>
document.addEventListener("DOMContentLoaded", function () {
const params = new URLSearchParams(window.location.search);
const utmFields = ['utm_source', 'utm_medium', 'utm_campaign'];
utmFields.forEach(function(field) {
const input = document.querySelector(`input[name="${field}"]`);
const value = params.get(field);
if (input && value) {
input.value = value;
}
});
// Capture full current page URL
const pageUrlInput = document.querySelector('input[name="page_url"]');
if (pageUrlInput) {
pageUrlInput.value = window.location.href;
}
});
</script>
</section>
<!-- About Section -->
<section class="section-dotted">
<div class="container">
<div class="about-grid">
<!-- Left Column -->
<div>
<div class="section-label">
<div class="section-label-line"></div>
<span class="section-label-text">About The Webinar</span>
</div>
<h3 class="about-headline">
Are you aware Gmail is quietly impacting your inbox revenue?
</h3>
<h3 class="about-headline">
In 2026, Gmail ranks emails based on <span class="accent">relevance and engagement</span>, and your CRM revenue increasingly depends on where your emails land.
</h3>
<div class="highlight-box">
<p>Inbox visibility can drive <strong>2X more email revenue</strong>.</p>
</div>
<p class="about-description">
In this <span class="bold">For The Love Of Emails</span> webinar, we reveal how Gmail measures attention today, what's changed, and what marketers must do to protect visibility and email-driven revenue.
</p>
<a href="#registration-form" class="btn-cta">Webinar On-Demand</a>
</div>
<!-- Right Column - Speakers -->
<div>
<div class="section-label">
<div class="section-label-line"></div>
<span class="section-label-text">Expert Speakers</span>
</div>
<h3 class="speakers-heading">Learn From Industry Leaders</h3>
<div class="speakers-grid">
<div class="speaker-card">
<div class="speaker-image">
<img src="https://netcorecloud.com/wp-content/uploads/2026/02/ankit-gupta.png" alt="Ankit Gupta" onerror="this.parentElement.style.background='#e5e7eb'">
</div>
<div class="speaker-info">
<h4 class="speaker-name">Ankit Gupta</h4>
<p class="speaker-role">VP-Growth, Netcore</p>
</div>
</div>
<div class="speaker-card">
<div class="speaker-image">
<img src="https://netcorecloud.com/wp-content/uploads/2026/02/james-decon.png" alt="James Deacon" onerror="this.parentElement.style.background='#e5e7eb'">
</div>
<div class="speaker-info">
<h4 class="speaker-name">James Deacon</h4>
<p class="speaker-role">Email Deliverability Consultant & Industry Advisor</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- What You'll Learn Section -->
<section class="section-dark" style="background-color: #1a1625;">
<div class="noise-overlay"></div>
<div class="container" style="position: relative; z-index: 10;">
<div class="section-dark-header">
<h2 class="section-dark-title">What You'll Learn & Why It Matters</h2>
<p class="section-dark-subtitle">In this For The Love Of Emails (FTLOE) session, you'll learn how inbox attention is actually earned in 2026 and why delivery alone no longer guarantees performance.</p>
</div>
<div class="bento-grid">
<!-- Card 1 - Large -->
<div class="bento-card bento-card-large">
<div class="bento-card-header">
<div class="bento-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"/>
<circle cx="12" cy="12" r="3"/>
</svg>
</div>
<h3 class="bento-title">How Gmail decides which promotional emails get seen first</h3>
</div>
<p class="bento-description">Understand how relevance, engagement, and interaction shape inbox ranking.</p>
</div>
<!-- Card 2 - Medium -->
<div class="bento-card bento-card-medium">
<div class="bento-card-header">
<div class="bento-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polyline points="22 7 13.5 15.5 8.5 10.5 2 17"/>
<polyline points="16 7 22 7 22 13"/>
</svg>
</div>
<h3 class="bento-title">Why "delivered" no longer means "seen"</h3>
</div>
<p class="bento-description">Learn where visibility quietly drops even when metrics look healthy.</p>
</div>
<!-- Card 3 - Medium -->
<div class="bento-card bento-card-medium">
<div class="bento-card-header">
<div class="bento-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<line x1="12" x2="12" y1="2" y2="22"/>
<path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/>
</svg>
</div>
<h3 class="bento-title">How inbox visibility impacts real CRM revenue</h3>
</div>
<p class="bento-description">Connect what gets seen to engagement, conversion, and long-term performance.</p>
</div>
<!-- Card 4 - Large -->
<div class="bento-card bento-card-large">
<div class="bento-card-header">
<div class="bento-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/>
</svg>
</div>
<h3 class="bento-title">Why experience optimisation is replacing campaign optimisation</h3>
</div>
<p class="bento-description">See how leading teams move beyond one-off sends to relevance-led experiences.</p>
</div>
<!-- Card 5 - Full Width -->
<div class="bento-card bento-card-full">
<div class="bento-card-header">
<div class="bento-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<circle cx="12" cy="12" r="10"/>
<circle cx="12" cy="12" r="6"/>
<circle cx="12" cy="12" r="2"/>
</svg>
</div>
<div>
<h3 class="bento-title">What email success looks like heading into 2026</h3>
<p class="bento-description" style="padding-left: 0; margin-top: 0.25rem;">Practical clarity for planning email strategies that scale without increasing volume.</p>
</div>
</div>
</div>
</div>
<p class="section-dark-subtitle" style="text-align: center;margin-top: 5%;">Inbox visibility isn’t guaranteed - it’s earned. Are you keeping up?</p>
</div>
</section>
<!-- Trust Section -->
<div class="section-grey-fade">
<!-- Testimonials Section -->
<section class="ftloe-testimonials-section">
<div class="ftloe-container" style="margin-bottom: 1.5rem;">
<h2 class="ftloe-testimonials-title">Trusted by Top Email Marketers</h2>
</div>
<!-- Desktop Marquee -->
<div class="ftloe-desktop-only">
<div class="ftloe-marquee-wrapper">
<div class="ftloe-marquee-fade-left"></div>
<div class="ftloe-marquee-fade-right"></div>
<div class="ftloe-marquee-track" id="ftloe-marquee-track">
<!-- Cards duplicated for seamless loop -->
</div>
</div>
</div>
<!-- Mobile Carousel -->
<div class="ftloe-mobile-only">
<div class="ftloe-testimonial-mobile-carousel" id="ftloe-mobile-carousel">
<!-- Cards injected by JS -->
</div>
</div>
</section>
<section class="trust-section">
<div class="container">
<div class="trust-header">
<h2 class="trust-title">Global Scale You Can Count On</h2>
<p class="trust-subtitle">Trusted by leading brands worldwide</p>
</div>
<div class="stats-container">
<!-- Top Row -->
<div class="stats-row">
<div class="stat-item">
<div class="stat-value">27+</div>
<p class="stat-label">Years in Marketing</p>
</div>
<div class="stat-item">
<div class="stat-value">100 Mn+</div>
<p class="stat-label">ARR (Profitable & Bootstrapped)</p>
</div>
<div class="stat-item">
<div class="stat-value">6500</div>
<p class="stat-label">Global Customers</p>
</div>
<div class="stat-item">
<div class="stat-value">40+</div>
<p class="stat-label">Countries Served</p>
</div>
</div>
<!-- Bottom Row -->
<div class="stats-row-bottom">
<div class="stat-item">
<div class="stat-value">50 Bn+</div>
<p class="stat-label">Emails per month</p>
</div>
<div class="stat-item">
<div class="stat-value">200 Mn+</div>
<p class="stat-label">WhatsApp Messages per month</p>
</div>
<div class="stat-item">
<div class="stat-value">30 Bn+</div>
<p class="stat-label">Unique Searches per month</p>
</div>
</div>
</div>
</div>
</section>
</div>
<!-- Footer -->
<footer class="footer" style="background-color: #1a1625;">
<div class="noise-overlay"></div>
<div class="container" style="position: relative; z-index: 10;">
<div class="footer-cta">
<h2 class="footer-headline">
<span class="white">From </span><span class="text-gradient-orange">Sent</span><span class="white"> to </span><span class="text-gradient-orange">Seen.</span><br>
<span class="white">From </span><span class="text-gradient-orange">Visibility</span><span class="white"> to </span><span class="text-gradient-orange">Revenue.</span>
</h2>
<p class="footer-subtext">Don't miss this exclusive session on the future of email visibility.</p>
<a href="#registration-form" class="btn-cta">Webinar On-Demand</a>
</div>
<div class="footer-divider"></div>
<div style="margin-bottom: 2rem;">
<h4 class="footer-about-title">About Netcore</h4>
<p class="footer-about-text">Netcore, a global MarTech leader, empowers B2C brands to craft distinctive digital journeys through innovative acquisition, engagement, and retention solutions. Netcore continues revolutionizing consumer interactions for marketing and product teams worldwide. We champion 'Intelligent Customer Experience' for brands, facilitating seamless, personalized interactions across digital channels. Marketers across industries trust Netcore's AI-driven solutions to deliver exceptional customer experiences on email, mobile, web, and beyond.</p>
</div>
<div class="footer-bottom">
<img src="https://netcorecloud.com/wp-content/uploads/2026/01/Netcore_Logo_white.png" alt="Netcore Webinar" class="footer-logo" onerror="this.alt='Netcore'">
<p class="footer-copyright">© 2026 Netcore. All rights reserved.</p>
</div>
</div>
</footer>
<!-- Success Modal -->
<div class="modal-overlay" id="successModal">
<div class="modal-content">
<div class="modal-checkmark">
<svg viewBox="0 0 52 52">
<circle class="checkmark-circle" cx="26" cy="26" r="25" fill="none" stroke="#FC5E02" stroke-width="2"/>
<path class="checkmark-check" fill="none" stroke="#FC5E02" stroke-width="3" d="M14.1 27.2l7.1 7.2 16.7-16.8"/>
</svg>
</div>
<h3 class="modal-title">You're In!</h3>
<p class="modal-subtitle">Thank you for registering. Your on-demand webinar is ready.</p>
<button class="modal-button" onclick="closeModal()">Got it</button>
</div>
</div>
<script>
// Navbar scroll behavior
let lastScrollY = window.scrollY;
const navbar = document.getElementById('navbar');
window.addEventListener('scroll', () => {
if (window.scrollY > 600) {
navbar.classList.add('visible');
} else {
navbar.classList.remove('visible');
}
lastScrollY = window.scrollY;
});
// Smooth scroll for anchor links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function(e) {
e.preventDefault();
const target = document.querySelector(this.getAttribute('href'));
if (target) {
target.scrollIntoView({ behavior: 'smooth' });
}
});
});
// Form submission
const form = document.getElementById('registrationForm');
const submitBtn = document.getElementById('submitBtn');
const successModal = document.getElementById('successModal');
form.addEventListener('submit', async function(e) {
e.preventDefault();
submitBtn.disabled = true;
submitBtn.textContent = 'Submitting...';
const formData = new FormData(form);
try {
// Submit to Google Apps Script
await fetch(
'https://script.google.com/macros/s/AKfycbwWA-vW5Zy2aaAqN3990p_00ctsG-9eysx_Ck8aU8BNgFTmNc_cnHamV1Bx_a9Rhzs/exec',
{
method: 'POST',
mode: 'no-cors',
body: formData
}
);
// Show success modal
successModal.classList.add('active');
window.location.replace("https://content.netcorecloud.com/shares/view/id/699803d5d89fbc2b706a6b1f");
// Reset form
form.reset();
} catch (error) {
console.error('Form submission error:', error);
alert('There was an error submitting the form. Please try again.');
} finally {
submitBtn.disabled = false;
submitBtn.textContent = 'Register Now';
}
});
function closeModal() {
successModal.classList.remove('active');
}
// Close modal on overlay click
successModal.addEventListener('click', function(e) {
if (e.target === successModal) {
closeModal();
}
});
// Intersection Observer for animations
const observerOptions = {
threshold: 0.1,
rootMargin: '0px 0px -50px 0px'
};
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.style.opacity = '1';
entry.target.style.transform = 'translateY(0)';
}
});
}, observerOptions);
// Observe elements for scroll animations
document.querySelectorAll('.bento-card, .speaker-card, .stat-item').forEach(el => {
el.style.opacity = '0';
el.style.transform = 'translateY(30px)';
el.style.transition = 'all 0.6s ease-out';
observer.observe(el);
});
// ==================== TESTIMONIALS ====================
const ftloeTestimonials = [
{ quote: "Partnering with Netcore transformed Tobi's marketing strategy. Their advanced affinity-based segmentation and personalization tools elevated our email marketing, resulting in a 94X engagement increase, 2X higher open rates, and 44X higher CTOR.", author: "Winston Abiera", role: "Sr. Manager, Platform", logo: "https://netcorecloud.com/wp-content/uploads/2026/02/tobi.png", logoAlt: "Tobi" },
{ quote: "Partnering with Netcore has been a game-changer for us at Farmison & Co. Their expertise in improving email deliverability and AI-driven personalisation transformed our campaigns, resulting in a 3x boost in conversions and a significant increase in engagement.", author: "Carleen", role: "Director of Marketing", logo: "https://netcorecloud.com/wp-content/uploads/2026/02/farmison.png", logoAlt: "Farmison & Co" },
{ quote: "Netcore Cloud helped us turn data challenges into a 20% revenue boost. Through advanced segmentation and interactive AMP emails, we've created a seamless, personalized journey for every Holzkern customer. With a 182x ROI, the impact on our bottom line has been nothing short of remarkable!", author: "Georg Holzer", role: "CEO", logo: "https://netcorecloud.com/wp-content/uploads/2026/02/holzkern.png", logoAlt: "Holzkern" },
{ quote: "The two things that made us choose Netcore were cost and autonomy. We've already seen an ROI lift of 71%.", author: "Luiza Guimaraes", role: "Senior Marketing Manager", logo: "https://netcorecloud.com/wp-content/uploads/2026/02/buser.png", logoAlt: "Buser" },
{ quote: "Switching to Netcore's unified platform changed everything. With AI-powered search and personalized emails working together, we created a smoother shopping journey. Every click fueled smarter marketing, driving conversion lift and higher engagement.", author: "Laura Cantor", role: "VP Marketing & Ecommerce", logo: "https://netcorecloud.com/wp-content/uploads/2026/02/nyc.jpg", logoAlt: "New York & Company" },
];
function ftloeCreateTestimonialCard(t) {
return `<div class="ftloe-testimonial-card">
<div class="ftloe-testimonial-stars">
${[...Array(5)].map(() => `<svg width="18" height="18" viewBox="0 0 24 24" fill="#FC5E02" xmlns="http://www.w3.org/2000/svg"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg>`).join('')}
</div>
<p class="ftloe-testimonial-quote">"${t.quote}"</p>
<div class="ftloe-testimonial-author-row">
<div>
<p class="ftloe-testimonial-author-name">${t.author}</p>
<p class="ftloe-testimonial-author-role">${t.role}</p>
</div>
<img src="${t.logo}" alt="${t.logoAlt}" class="ftloe-testimonial-logo" onerror="this.style.display='none'">
</div>
</div>`;
}
// Desktop: duplicate for seamless marquee
const ftloeMarqueeTrack = document.getElementById('ftloe-marquee-track');
if (ftloeMarqueeTrack) {
const allCards = [...ftloeTestimonials, ...ftloeTestimonials];
ftloeMarqueeTrack.innerHTML = allCards.map(ftloeCreateTestimonialCard).join('');
}
// Mobile carousel
const ftloeMobileCarousel = document.getElementById('ftloe-mobile-carousel');
if (ftloeMobileCarousel) {
ftloeMobileCarousel.innerHTML = ftloeTestimonials.map(ftloeCreateTestimonialCard).join('');
// Auto-advance
let ftloeMobileIdx = 0;
let ftloeMobilePausedUntil = 0;
setInterval(() => {
if (Date.now() < ftloeMobilePausedUntil) return;
ftloeMobileIdx = (ftloeMobileIdx + 1) % ftloeTestimonials.length;
const card = ftloeMobileCarousel.children[ftloeMobileIdx];
if (card) ftloeMobileCarousel.scrollTo({ left: card.offsetLeft - 16, behavior: 'smooth' });
}, 2000);
ftloeMobileCarousel.addEventListener('touchstart', () => { ftloeMobilePausedUntil = Date.now() + 4000; }, { passive: true });
}
</script>
<script src="https://cdn.jsdelivr.net/jquery.slick/1.5.9/slick.min.js"></script>