1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 7 <title>Eros Marketing</title> 8 9 <link rel="icon" type="image/x-icon" href="https://app.erosmarketing.io/img/2026_update/favicon/favicon.ico"> 10<link rel="icon" type="image/png" sizes="32x32" href="https://app.erosmarketing.io/img/2026_update/favicon/favicon-32x32.png"> 11<link rel="icon" type="image/png" sizes="16x16" href="https://app.erosmarketing.io/img/2026_update/favicon/favicon-16x16.png"> 12<link id="apple-touch-icon" rel="apple-touch-icon" sizes="180x180" href="https://app.erosmarketing.io/img/2026_update/favicon/apple-touch-icon.png"> 13<link rel="manifest" href="https://app.erosmarketing.io/img/2026_update/favicon/site.webmanifest"> 14 15 <meta property="og:type" content="website"> 16<meta property="og:site_name" content="Eros"> 17<meta property="og:title" content="Eros â Influencer Marketing"> 18<meta property="og:description" content="Eros connects brands with creators to run authentic influencer marketing campaigns."> 19<meta property="og:url" content="https://app.erosmarketing.io/eros"> 20<meta property="og:image" content="https://app.erosmarketing.io/img/2026_update/og-image.png"> 21<meta property="og:image:secure_url" content="https://app.erosmarketing.io/img/2026_update/og-image.png"> 22<meta property="og:image:type" content="image/png"> 23<meta property="og:image:width" content="1200"> 24<meta property="og:image:height" content="630"> 25<meta property="og:image:alt" content="Eros"> 26 27<meta name="twitter:card" content="summary_large_image"> 28<meta name="twitter:title" content="Eros â Influencer Marketing"> 29<meta name="twitter:description" content="Eros connects brands with creators to run authentic influencer marketing campaigns."> 30<meta name="twitter:image" content="https://app.erosmarketing.io/img/2026_update/og-image.png"> 31 32 <link href="https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700;800&display=swap" 33 rel="stylesheet"> 34 <link rel="preload" as="style" href="https://app.erosmarketing.io/build/assets/main-0d9aa64c.css" /><link rel="preload" as="style" href="https://app.erosmarketing.io/build/assets/app-3161b6e0.css" /><link rel="modulepreload" href="https://app.erosmarketing.io/build/assets/app-f81b0b74.js" /><link rel="stylesheet" href="https://app.erosmarketing.io/build/assets/main-0d9aa64c.css" /><link rel="stylesheet" href="https://app.erosmarketing.io/build/assets/app-3161b6e0.css" />
34<script type="module" src="https://app.erosmarketing.io/build/assets/app-f81b0b74.js"></script>
34 <style> 35 .submit-once-spinner { 36 display: inline-block; 37 width: 1em; 38 height: 1em; 39 margin-right: .5em; 40 border: 2px solid currentColor; 41 border-right-color: transparent; 42 border-radius: 50%; 43 vertical-align: -.125em; 44 animation: submit-once-spin .7s linear infinite; 45 } 46 47 @keyframes submit-once-spin { to { transform: rotate(360deg); } } 48 49 [data-submit-once-busy] { opacity: .65; cursor: not-allowed !important; } 50 51 @media (prefers-reduced-motion: reduce) { 52 .submit-once-spinner { animation-duration: 2s; } 53 } 54</style>
55<script> 56(function () { 57 'use strict'; 58 59 var BUSY = 'data-submit-once-busy'; 60 // A failed AJAX call that forgets to release would strand the button, so never hold 61 // a lock longer than this. 62 var SAFETY_RELEASE_MS = 30000; 63 64 var timers = new WeakMap(); 65 var originals = new WeakMap(); 66 67 function isBusy(el) { 68 return !!el && el.hasAttribute(BUSY); 69 } 70 71 function submitControls(form, clicked) { 72 if (clicked && form.contains(clicked)) return [clicked]; 73 return Array.prototype.slice.call( 74 form.querySelectorAll('button[type="submit"], button:not([type]), input[type="submit"]') 75 ); 76 } 77 78 function spin(btn) { 79 if (originals.has(btn)) return; 80 originals.set(btn, btn.innerHTML); 81 82 var label = btn.getAttribute('data-loading-text'); 83 if (btn.tagName === 'INPUT') { 84 if (label) btn.value = label; 85 return; 86 } 87 88 var spinner = '<span class="submit-once-spinner" aria-hidden="true"></span>'; 89 btn.innerHTML = label ? spinner + '<span>' + label + '</span>' : spinner + btn.innerHTML; 90 } 91 92 function unspin(btn) { 93 if (!originals.has(btn)) return; 94 if (btn.tagName !== 'INPUT') btn.innerHTML = originals.get(btn); 95 originals.delete(btn); 96 } 97 98 // Disabling is deferred a tick: a button disabled while the browser is serialising the 99 // form drops its own name/value from the request. 100 function lock(el, buttons) { 101 el.setAttribute(BUSY, ''); 102 el.setAttribute('aria-busy', 'true'); 103 104 buttons.forEach(spin); 105 setTimeout(function () { 106 buttons.forEach(function (btn) { btn.disabled = true; }); 107 }, 0); 108 109 timers.set(el, { 110 buttons: buttons, 111 timeout: setTimeout(function () { release(el); }, SAFETY_RELEASE_MS) 112 }); 113 } 114 115 function release(el) { 116 if (!el || !isBusy(el)) return; 117 el.removeAttribute(BUSY); 118 el.removeAttribute('aria-busy'); 119 120 var state = timers.get(el); 121 if (!state) return; 122 clearTimeout(state.timeout); 123 state.buttons.forEach(function (btn) { 124 btn.disabled = false; 125 unspin(btn); 126 }); 127 timers.delete(el); 128 } 129 130 function guarded(el, selector) { 131 var match = el && el.closest ? el.closest(selector) : null; 132 return match && match.hasAttribute('data-submit-once') ? match : null; 133 } 134 135 // Capture phase: a repeat submit has to die before any page handler sees it. 136 document.addEventListener('submit', function (e) { 137 var form = guarded(e.target, 'form'); 138 if (form && isBusy(form)) { 139 e.preventDefault(); 140 e.stopImmediatePropagation(); 141 } 142 }, true); 143 144 // Bubble phase: by now the page's own handlers have run, so defaultPrevented tells us 145 // whether the submit actually went anywhere. 146 document.addEventListener('submit', function (e) { 147 var form = guarded(e.target, 'form'); 148 if (!form || isBusy(form) || e.defaultPrevented) return; 149 var clicked = form.__submitOnceClicked; 150 form.__submitOnceClicked = null; 151 lock(form, submitControls(form, clicked)); 152 }); 153 154 document.addEventListener('click', function (e) { 155 var form = guarded(e.target, 'form'); 156 if (form) form.__submitOnceClicked = e.target.closest('button, input[type="submit"]'); 157 158 var btn = guarded(e.target, 'button, a'); 159 if (!btn) return; 160 if (isBusy(btn)) { 161 e.preventDefault(); 162 e.stopImmediatePropagation(); 163 return; 164 } 165 166 // A submit button already covered by a guarded form: locking here would disable it 167 // before the form ever submits. The form's own guard handles it. 168 if (form && btn.type === 'submit') return; 169 170 lock(btn, [btn]); 171 }, true); 172 173 // Coming back via the bfcache restores the DOM mid-flight, buttons still locked. 174 window.addEventListener('pageshow', function (e) { 175 if (!e.persisted) return; 176 document.querySelectorAll('[' + BUSY + ']').forEach(release); 177 }); 178 179 window.submitOnce = { 180 // For flows that must decide when to lock â anything gated behind a confirm() 181 // or a prompt() the user can still back out of. Returns false if already locked. 182 lock: function (el) { 183 if (typeof el === 'string') el = document.querySelector(el); 184 if (!el || isBusy(el)) return false;
185 lock(el, [el]); 186 return true; 187 }, 188 release: function (el) { 189 if (typeof el === 'string') el = document.querySelector(el); 190 release(el); 191 }, 192 isBusy: isBusy 193 }; 194})(); 195</script>
195 196 <style> 197 .raised-gradient-panel { 198 background-color: #fcfcfe; 199 background-image: 200 radial-gradient(90% 120% at 0% 0%, rgba(244, 114, 182, 0.15) 0%, rgba(244, 114, 182, 0) 55%), 201 radial-gradient(80% 110% at 100% 100%, rgba(250, 204, 21, 0.18) 0%, rgba(250, 204, 21, 0) 58%); 202 border-color: #e5e7eb; 203 } 204 205 .logo-marquee { 206 overflow: hidden; 207 mask-image: linear-gradient(to right, transparent 0, black 8%, black 92%, transparent 100%); 208 -webkit-mask-image: linear-gradient(to right, transparent 0, black 8%, black 92%, transparent 100%); 209 } 210 211 .logo-marquee-track { 212 display: flex; 213 width: max-content; 214 gap: 1rem; 215 animation: logo-marquee-scroll 34s linear infinite; 216 will-change: transform; 217 } 218 219 .logo-pill { 220 flex: 0 0 auto; 221 min-width: 180px; 222 height: 82px; 223 border: 1px solid #e5e7eb; 224 border-radius: 9999px; 225 background: #ffffff; 226 display: flex; 227 align-items: center; 228 justify-content: center; 229 padding: 0.9rem 1.1rem; 230 box-shadow: 0 8px 22px rgba(17, 24, 39, 0.08); 231 } 232 233 .logo-pill img { 234 max-width: 100%; 235 max-height: 48px; 236 object-fit: contain; 237 } 238 239 .influencer-carousel { 240 display: flex; 241 gap: 1rem; 242 overflow-x: auto; 243 overflow-y: visible; 244 padding: 1rem 0.25rem 1.25rem; 245 scrollbar-width: none; 246 -ms-overflow-style: none; 247 cursor: grab; 248 } 249 250 .influencer-carousel::-webkit-scrollbar {
251 display: none; 252 } 253 254 .influencer-carousel:active { 255 cursor: grabbing; 256 } 257 258 .influencer-card { 259 flex: 0 0 auto; 260 width: clamp(170px, 18vw, 245px); 261 overflow: visible; 262 box-shadow: 0 14px 35px rgba(0, 0, 0, 0.28); 263 scroll-snap-align: start; 264 transition: transform 220ms ease; 265 } 266 267 .influencer-card:nth-child(3n + 1) { 268 transform: translateY(10px) rotate(-1.2deg); 269 width: clamp(175px, 19vw, 250px); 270 } 271 272 .influencer-card:nth-child(3n + 2) { 273 transform: translateY(-14px) rotate(1.2deg); 274 width: clamp(165px, 17vw, 228px); 275 } 276 277 .influencer-card:nth-child(3n + 3) { 278 transform: translateY(0) rotate(-0.6deg); 279 width: clamp(172px, 18.2vw, 240px); 280 } 281 282 .influencer-card img { 283 width: 100%; 284 height: auto; 285 object-fit: contain; 286 display: block; 287 } 288 289 .influencer-tabs-nav { 290 display: inline-flex; 291 gap: 0.5rem; 292 padding: 0.4rem; 293 border-radius: 9999px; 294 border: 1px solid rgba(255, 255, 255, 0.22); 295 background: rgba(255, 255, 255, 0.06); 296 backdrop-filter: blur(8px); 297 } 298 299 [data-influencer-tabs] { 300 text-align: center; 301 } 302 303 .influencer-tab { 304 border: 0; 305 border-radius: 9999px; 306 padding: 0.72rem 1.7rem; 307 font-size: 1rem; 308 font-weight: 600; 309 color: rgba(255, 255, 255, 0.86); 310 background: transparent; 311 transition: all 180ms ease; 312 } 313 314 .influencer-tab:hover { 315 color: #fff; 316 background: rgba(255, 255, 255, 0.12); 317 } 318 319 .influencer-tab.is-active { 320 color: #fff; 321 background: linear-gradient(90deg, #d946ef 0%, #7e22ce 100%); 322 box-shadow: 0 10px 24px rgba(168, 85, 247, 0.35); 323 } 324 325 .influencer-tab-panels { 326 margin-top: 1rem; 327 } 328 329 .influencer-tab-panel { 330 border-radius: 1rem; 331 border: 1px solid rgba(255, 255, 255, 0.16); 332 background: rgba(255, 255, 255, 0.04); 333 color: rgba(255, 255, 255, 0.86); 334 padding: 1rem 1.15rem; 335 } 336 337 .influencer-tab-panel[hidden] { 338 display: none !important; 339 } 340 341 .faq-grid { 342 display: grid; 343 grid-template-columns: 1fr; 344 gap: 0.9rem; 345 } 346 347 .faq-card { 348 border: 1px solid rgba(17, 24, 39, 0.12); 349 border-radius: 1rem; 350 background: rgba(255, 255, 255, 0.82); 351 min-height: 170px; 352 padding: 1rem 1rem 0.95rem; 353 display: flex; 354 flex-direction: column; 355 justify-content: space-between; 356 transition: all 220ms ease; 357 cursor: pointer; 358 } 359 360 .faq-card.is-open { 361 background: #ffffff; 362 border-color: rgba(217, 70, 239, 0.35); 363 box-shadow: 0 14px 34px rgba(168, 85, 247, 0.15); 364 } 365 366 .faq-question { 367 text-align: left; 368 color: #111827; 369 font-weight: 700; 370 font-size: 1.02rem; 371 line-height: 1.35; 372 } 373 374 .faq-answer { 375 margin-top: 0; 376 color: #374151; 377 line-height: 1.55; 378 font-size: 0.96rem; 379 max-height: 0; 380 opacity: 0; 381 overflow: hidden; 382 transform: translateY(-4px); 383 transition: max-height 420ms ease, opacity 340ms ease, transform 340ms ease, margin-top 340ms ease; 384 } 385 386 .faq-card.is-open .faq-answer { 387 margin-top: 0.85rem; 388 max-height: 320px; 389 opacity: 1; 390 transform: translateY(0); 391 } 392 393 .tab-feature-row { 394 display: grid; 395 grid-template-columns: minmax(0, 1fr); 396 gap: 1rem; 397 align-items: center; 398 text-align: left; 399 height: 100%; 400 } 401 402 .tab-feature-media img { 403 width: 100%; 404 max-width: none; 405 border-radius: 1rem; 406 display: block; 407 } 408 409 .tab-feature-copy h3 { 410 margin: 0; 411 font-size: clamp(1.35rem, 2.6vw, 1.9rem); 412 line-height: 1.2; 413 color: #fff; 414 } 415 416 .tab-feature-copy p { 417 margin: 0.8rem 0 0; 418 color: rgba(255, 255, 255, 0.84); 419 line-height: 1.6; 420 } 421 422 @keyframes logo-marquee-scroll { 423 from { 424 transform: translateX(0); 425 } 426 to { 427 transform: translateX(-50%); 428 } 429 } 430 431 @media (max-width: 640px) { 432 .logo-pill { 433 min-width: 148px; 434 height: 70px; 435 padding: 0.7rem 0.9rem; 436 } 437 438 .logo-pill img { 439 max-height: 40px; 440 } 441 442 .influencer-carousel { 443 gap: 0.85rem; 444 } 445 446 .influencer-card, 447 .influencer-card:nth-child(3n + 1), 448 .influencer-card:nth-child(3n + 2), 449 .influencer-card:nth-child(3n + 3) { 450 width: clamp(150px, 48vw, 190px); 451 transform: none; 452 } 453 } 454 455 @media (min-width: 760px) { 456 .faq-grid { 457 grid-template-columns: repeat(2, minmax(0, 1fr)); 458 } 459 460 .faq-card:last-child { 461 grid-column: 1 / -1; 462 } 463 } 464 465 @media (min-width: 1100px) { 466 .faq-grid { 467 grid-template-columns: repeat(6, minmax(0, 1fr)); 468 gap: 1rem; 469 } 470 471 .faq-card:nth-child(1), 472 .faq-card:nth-child(2), 473 .faq-card:nth-child(3) { 474 grid-column: span 2; 475 } 476 477 .faq-card:nth-child(4) { 478 grid-column: span 3; 479 } 480 481 .faq-card:nth-child(5) { 482 grid-column: span 3; 483 } 484 } 485 486 @media (min-width: 900px) { 487 .influencer-tab-panel { 488 min-height: 440px; 489 } 490 491 .influencer-tab-panel:not([hidden]) { 492 display: flex; 493 align-items: center; 494 } 495 496 .tab-feature-row { 497 grid-template-columns: minmax(360px, 1.35fr) minmax(0, 0.85fr); 498 gap: 1.5rem; 499 width: 100%; 500 } 501 502 .tab-feature-row--reverse { 503 grid-template-columns: minmax(0, 0.85fr) minmax(360px, 1.35fr); 504 } 505 506 .tab-feature-row--reverse .tab-feature-media { 507 order: 2; 508 } 509 510 .tab-feature-row--reverse .tab-feature-copy { 511 order: 1; 512 padding-left: 1.5rem; 513 } 514 } 515 516 @media (prefers-reduced-motion: reduce) { 517 .logo-marquee-track { 518 animation: none; 519 } 520 521 .influencer-card, 522 .influencer-card:nth-child(3n + 1), 523 .influencer-card:nth-child(3n + 2), 524 .influencer-card:nth-child(3n + 3) { 525 transform: none; 526 } 527 } 528 </style> 529 <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> 530</head> 531<body class="min-h-screen bg-white"> 532<style> 533 .eros-site-header { 534 background: var(--eros-header-background); 535 border-bottom: 1px solid rgba(26, 10, 46, 0.06); 536 box-shadow: 0 12px 35px rgba(26, 10, 46, 0.05); 537 backdrop-filter: blur(12px); 538 } 539 540 .eros-site-header img[src*="eros-logo"] { 541 height: 28px; 542 } 543 544 .eros-site-nav { 545 gap: 8px; 546 } 547 548 .eros-site-nav-link { 549 display: inline-flex; 550 align-items: center; 551 justify-content: center; 552 min-height: 34px; 553 border-radius: 999px; 554 padding: 8px 13px; 555 color: #6f6677; 556 font-size: 14px; 557 font-weight: 600; 558 line-height: 1; 559 text-decoration: none; 560 transition: background 0.15s ease, color 0.15s ease; 561 } 562 563 .eros-site-nav-link:hover, 564 .eros-site-nav-link.is-active { 565 background: #ffe0ea; 566 color: #c41553; 567 } 568 569 .eros-site-cta { 570 min-height: 40px; 571 border-radius: 999px; 572 background: #1a0a2e; 573 padding: 10px 18px; 574 color: #fff; 575 font-size: 14px; 576 font-weight: 700; 577 line-height: 1; 578 text-decoration: none; 579 transition: background 0.15s ease, transform 0.15s ease; 580 } 581 582 .eros-site-cta:hover { 583 background: var(--eros-hot-pink); 584 transform: translateY(-1px); 585 } 586 587 @media (max-width: 767px) { 588 .eros-site-header > div { 589 gap: 12px; 590 } 591 592 .eros-site-nav { 593 order: 3; 594 width: 100%; 595 overflow-x: auto; 596 flex-wrap: nowrap; 597 padding-bottom: 2px; 598 scrollbar-width: none; 599 } 600 601 .eros-site-nav::-webkit-scrollbar {
602 display: none; 603 } 604 605 .eros-site-nav-link { 606 white-space: nowrap; 607 } 608 } 609</style> 610 611<nav class="eros-site-header sticky top-0 z-50"> 612 <div class="container mx-auto px-4 py-3 flex flex-wrap items-center justify-between gap-4"> 613 <a href="https://app.erosmarketing.io/eros" class="flex items-center"> 614 <img class="w-auto h-6 sm:h-7" src="https://app.erosmarketing.io/img/eros-logo.png" alt="Eros"> 615 </a> 616 617 <ul class="eros-site-nav flex flex-wrap items-center gap-1 text-sm font-semibold"> 618 <li> 619 <a 620 href="https://app.erosmarketing.io/eros" 621 data-eros-link="home" 622 class="eros-site-nav-link is-active" 623 > 624 Home 625 </a> 626 </li> 627 <li> 628 <a 629 href="https://app.erosmarketing.io/eros#brand-business-tool" 630 data-eros-link="brands" 631 data-eros-section="brand-business-tool" class="eros-site-nav-link" 632 > 633 Brands & Agencies 634 </a> 635 </li> 636 <li> 637 <a 638 href="https://app.erosmarketing.io/eros#influencer-platform" 639 data-eros-link="influencers" 640 data-eros-section="influencer-platform" class="eros-site-nav-link" 641 > 642 Influencers 643 </a> 644 </li> 645 <li> 646 <a 647 href="https://app.erosmarketing.io/eros#pricing" 648 data-eros-link="pricing" 649 data-eros-section="pricing" class="eros-site-nav-link" 650 > 651 Pricing 652 </a> 653 </li> 654 <li> 655 <a 656 href="https://app.erosmarketing.io/eros#faq" 657 data-eros-link="faq" 658 data-eros-section="faq" class="eros-site-nav-link" 659 > 660 FAQ 661 </a> 662 </li> 663 <li> 664 <a 665 href="https://app.erosmarketing.io/eros/blogs-case-studies" 666 data-eros-link="blogs" 667 class="eros-site-nav-link" 668 > 669 Blogs & Case Studies 670 </a> 671 </li> 672 </ul> 673 674 <a href="https://app.erosmarketing.io/brand-joining" 675 class="eros-site-cta inline-flex items-center justify-center"> 676 Get Started 677 </a> 678 </div> 679</nav> 680 681 682<main class="container mx-auto px-2"> 683 <section class="py-16 sm:py-24 text-center"> 684 <div class="max-w-6xl mx-auto px-6 sm:px-10"> 685 <h1 class="text-5xl sm:text-7xl font-semibold leading-tight tracking-tight text-gray-900"> 686 Influencer Marketing made easy 687 </h1> 688 <p class="mt-6 text-lg sm:text-xl text-gray-600 max-w-4xl mx-auto leading-relaxed"> 689 At Eros Marketing, we help brands build real, lasting relationships with content creators who are genuinely excited about their products and services. Our edge is simple: we connect companies with influencers who want to work with them, creating campaigns that feel authentic and drive better results. 690 </p> 691 </div> 692 </section> 693 694 <section id="brands-agencies" class="pb-16"> 695 <div class="max-w-6xl mx-auto px-6 sm:px-10"> 696 <div class="w-full rounded-2xl overflow-hidden shadow-lg border border-gray-200"> 697 <div class="relative w-full" style="padding-top: 56.25%;"> 698 <iframe 699 class="absolute inset-0 h-full w-full" 700 src="https://www.youtube.com/embed/fCcVQMxjaxY" 701 title="Eros Marketing Video" 702 allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
703 referrerpolicy="strict-origin-when-cross-origin" 704 allowfullscreen 705 ></iframe> 706 </div> 707 </div> 708 </div> 709 </section> 710 711 <section id="influencers" class="py-10 sm:py-14"> 712 <div class="max-w-6xl mx-auto"> 713 <div class="raised-gradient-panel w-full rounded-[2rem] border border-gray-200 px-6 py-12 sm:px-10 sm:py-14 shadow-[inset_0_1px_0_rgba(255,255,255,0.85),0_14px_36px_rgba(15,23,42,0.10)]"> 714 <div class="text-center mb-10"> 715 <h2 class="text-3xl sm:text-4xl font-semibold text-gray-900">Instagram Highlights</h2> 716 <p class="mt-3 text-gray-600">Creators in action, matched with brands they believe in.</p> 717 </div> 718 719 <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 sm:gap-5 max-w-3xl mx-auto"> 720 <div class="rounded-2xl overflow-hidden shadow-md border border-gray-200 bg-black sm:-translate-y-3 sm:translate-x-2 transition-transform"> 721 <video class="w-full h-full object-cover" style="aspect-ratio: 9 / 16;" autoplay muted loop playsinline preload="metadata" data-ig-video> 722 <source src="https://app.erosmarketing.io/landing/video/ig1.mp4" type="video/mp4"> 723 </video> 724 </div> 725 <div class="rounded-2xl overflow-hidden shadow-md border border-gray-200 bg-black sm:translate-y-4 transition-transform"> 726 <video class="w-full h-full object-cover" style="aspect-ratio: 9 / 16;" autoplay muted loop playsinline preload="metadata" data-ig-video> 727 <source src="https://app.erosmarketing.io/landing/video/ig2.mp4" type="video/mp4"> 728 </video> 729 </div> 730 <div class="rounded-2xl overflow-hidden shadow-md border border-gray-200 bg-black sm:-translate-y-2 sm:-translate-x-3 transition-transform"> 731 <video class="w-full h-full object-cover" style="aspect-ratio: 9 / 16;" autoplay muted loop playsinline preload="metadata" data-ig-video> 732 <source src="https://app.erosmarketing.io/landing/video/ig3.mp4" type="video/mp4"> 733 </video> 734 </div> 735 <div class="rounded-2xl overflow-hidden shadow-md border border-gray-200 bg-black sm:translate-y-5 sm:translate-x-1 transition-transform"> 736 <video class="w-full h-full object-cover" style="aspect-ratio: 9 / 16;" autoplay muted loop playsinline preload="metadata" data-ig-video> 737 <source src="https://app.erosmarketing.io/landing/video/ig4.mp4" type="video/mp4"> 738 </video> 739 </div> 740 </div> 741 </div> 742 </div> 743 </section> 744 745 <section id="campaign-love" class="py-16"> 746 <div class="max-w-6xl mx-auto px-6 sm:px-10"> 747 <div class="logo-marquee mb-10 sm:mb-12" aria-hidden="true"> 748 <div class="logo-marquee-track"> 749 <div class="logo-pill"> 750 <img src="https://app.erosmarketing.io/landing/img/logos/665e354b3f9387e1fd51aab3_NENECHICKEN.png" alt="665e354b3f9387e1fd51aab3_NENECHICKEN logo" loading="lazy"> 751 </div> 752 <div class="logo-pill"> 753 <img src="https://app.erosmarketing.io/landing/img/logos/665e3561302e749557c5b358_QMPlogo.png" alt="665e3561302e749557c5b358_QMPlogo logo" loading="lazy"> 754 </div> 755 <div class="logo-pill"> 756 <img src="https://app.erosmarketing.io/landing/img/logos/665e356d7ee2aa7ba6fde981_thairoomlogo.png" alt="665e356d7ee2aa7ba6fde981_thairoomlogo logo" loading="lazy"> 757 </div> 758 <div class="logo-pill"> 759 <img src="https://app.erosmarketing.io/landing/img/logos/665e35ed432be6b79752dbf2_flor2logo.png" alt="665e35ed432be6b79752dbf2_flor2logo logo" loading="lazy"> 760 </div> 761 <div class="logo-pill"> 762 <img src="https://app.erosmarketing.io/landing/img/logos/665e35f7e0c2747f88499cef_mythlogo.png" alt="665e35f7e0c2747f88499cef_mythlogo logo" loading="lazy"> 763 </div> 764 <div class="logo-pill"> 765 <img src="https://app.erosmarketing.io/landing/img/logos/665e3607e1996767ec541ebb_aloettegologo.png" alt="665e3607e1996767ec541ebb_aloettegologo logo" loading="lazy"> 766 </div> 767 <div class="logo-pill"> 768 <img src="https://app.erosmarketing.io/landing/img/logos/665e361f1c3232124fbaf3b7_corapizzalogo.png" alt="665e361f1c3232124fbaf3b7_corapizzalogo logo" loading="lazy"> 769 </div> 770 <div class="logo-pill"> 771 <img src="https://app.erosmarketing.io/landing/img/logos/665e362acdaaba2356c8be4f_gushilogo.png" alt="665e362acdaaba2356c8be4f_gushilogo logo" loading="lazy"> 772 </div> 773 <div class="logo-pill"> 774 <img src="https://app.erosmarketing.io/landing/img/logos/665e36a4d297f0046ce610a2_dreamcrustlogo.png" alt="665e36a4d297f0046ce610a2_dreamcrustlogo logo" loading="lazy"> 775 </div> 776 <div class="logo-pill"> 777 <img src="https://app.erosmarketing.io/landing/img/logos/665e3748d87b060c0c12ede7_bboyzlogo (1).png" alt="665e3748d87b060c0c12ede7_bboyzlogo (1) logo" loading="lazy"> 778 </div> 779 <div class="logo-pill"> 780 <img src="https://app.erosmarketing.io/landing/img/logos/665e3755f9748be4bcdb3a5f_leesdumplinghouselogo (1).png" alt="665e3755f9748be4bcdb3a5f_leesdumplinghouselogo (1) logo" loading="lazy"> 781 </div> 782 <div class="logo-pill"> 783 <img src="https://app.erosmarketing.io/landing/img/logos/665e354b3f9387e1fd51aab3_NENECHICKEN.png" alt="665e354b3f9387e1fd51aab3_NENECHICKEN logo" loading="lazy"> 784 </div> 785 <div class="logo-pill"> 786 <img src="https://app.erosmarketing.io/landing/img/logos/665e3561302e749557c5b358_QMPlogo.png" alt="665e3561302e749557c5b358_QMPlogo logo" loading="lazy"> 787 </div> 788 <div class="logo-pill"> 789 <img src="https://app.erosmarketing.io/landing/img/logos/665e356d7ee2aa7ba6fde981_thairoomlogo.png" alt="665e356d7ee2aa7ba6fde981_thairoomlogo logo" loading="lazy"> 790 </div> 791 <div class="logo-pill"> 792 <img src="https://app.erosmarketing.io/landing/img/logos/665e35ed432be6b79752dbf2_flor2logo.png" alt="665e35ed432be6b79752dbf2_flor2logo logo" loading="lazy"> 793 </div> 794 <div class="logo-pill"> 795 <img src="https://app.erosmarketing.io/landing/img/logos/665e35f7e0c2747f88499cef_mythlogo.png" alt="665e35f7e0c2747f88499cef_mythlogo logo" loading="lazy"> 796 </div> 797 <div class="logo-pill"> 798 <img src="https://app.erosmarketing.io/landing/img/logos/665e3607e1996767ec541ebb_aloettegologo.png" alt="665e3607e1996767ec541ebb_aloettegologo logo" loading="lazy"> 799 </div> 800 <div class="logo-pill"> 801 <img src="https://app.erosmarketing.io/landing/img/logos/665e361f1c3232124fbaf3b7_corapizzalogo.png" alt="665e361f1c3232124fbaf3b7_corapizzalogo logo" loading="lazy"> 802 </div> 803 <div class="logo-pill"> 804 <img src="https://app.erosmarketing.io/landing/img/logos/665e362acdaaba2356c8be4f_gushilogo.png" alt="665e362acdaaba2356c8be4f_gushilogo logo" loading="lazy"> 805 </div> 806 <div class="logo-pill"> 807 <img src="https://app.erosmarketing.io/landing/img/logos/665e36a4d297f0046ce610a2_dreamcrustlogo.png" alt="665e36a4d297f0046ce610a2_dreamcrustlogo logo" loading="lazy"> 808 </div> 809 <div class="logo-pill"> 810 <img src="https://app.erosmarketing.io/landing/img/logos/665e3748d87b060c0c12ede7_bboyzlogo (1).png" alt="665e3748d87b060c0c12ede7_bboyzlogo (1) logo" loading="lazy"> 811 </div> 812 <div class="logo-pill"> 813 <img src="https://app.erosmarketing.io/landing/img/logos/665e3755f9748be4bcdb3a5f_leesdumplinghouselogo (1).png" alt="665e3755f9748be4bcdb3a5f_leesdumplinghouselogo (1) logo" loading="lazy"> 814 </div> 815 </div> 816 </div> 817 818 <div class="text-center max-w-3xl mx-auto"> 819 <h2 class="text-3xl sm:text-4xl font-semibold text-gray-900">Create campaigns that influencers love</h2> 820 <p class="mt-4 text-gray-600 text-base sm:text-lg leading-relaxed"> 821 Generate campaigns for goods and services which influencers really appreciate and are likely to continue advocating for. When creators genuinely like what they promote, content feels more natural, audiences respond with more trust, and your brand earns stronger long-term momentum beyond a single post. 822 </p> 823 </div> 824 825 <div class="mt-10 sm:mt-12 max-w-5xl mx-auto"> 826 <img 827 src="https://app.erosmarketing.io/landing/img/6377f890c15d534518ba6e97_WebsiteImageBRAND-p-1080.png" 828 alt="Brand campaign showcase" 829 class="w-full h-auto" 830 loading="lazy" 831 > 832 </div> 833 834 <div class="mt-16 sm:mt-20 max-w-4xl"> 835 <h3 class="text-2xl sm:text-3xl font-semibold text-gray-900"> 836 Fully managed campaigns and dynamic influencer engagement 837 </h3> 838 <p class="mt-4 text-gray-600 leading-relaxed"> 839 Through the utilization of Eros' revolutionary algorithm, businesses can create promotional campaigns that are dispersed among influencers who have a genuine enthusiasm for their brand. Not only will the company love the content that is generated, but the influencers behind it will as well. 840 </p> 841 </div> 842 843 <div class="mt-16 sm:mt-20 grid grid-cols-1 lg:grid-cols-12 gap-8 sm:gap-10 items-center"> 844 <div class="lg:col-span-5"> 845 <h3 class="text-2xl sm:text-3xl font-semibold text-gray-900"> 846 Easily track engagement and campaign budgets 847 </h3> 848 <p class="mt-4 text-gray-600 leading-relaxed"> 849 Examining dynamic campaign dashboards allows marketers to gain an insightful glimpse into the current and past performance of their campaigns. See how budget decisions impact real engagement outcomes, identify top-performing collaborations faster, and adjust strategy while campaigns are still active. 850 </p> 851 </div> 852 <div class="lg:col-span-7"> 853 <div class="grid grid-cols-12 gap-4"> 854 <div class="col-span-9 sm:col-span-8 rounded-2xl overflow-hidden shadow-xl ring-1 ring-gray-200 bg-white"> 855 <img 856 src="https://app.erosmarketing.io/landing/img/637bc986617d6c2124fb3bca_websitedashboardimage-p-1080.png" 857 alt="Campaign dashboard overview" 858 class="w-full h-auto" 859 loading="lazy" 860 > 861 </div> 862 <div class="col-span-8 sm:col-span-7 col-start-5 sm:col-start-6 -mt-6 sm:-mt-10 rounded-2xl overflow-hidden shadow-xl ring-1 ring-gray-200 bg-white"> 863 <img 864 src="https://app.erosmarketing.io/landing/img/637bec3be0d3368e48ae3b5a_websiteSTATSimage-p-1080.png" 865 alt="Campaign stats and performance view" 866 class="w-full h-auto" 867 loading="lazy" 868 > 869 </div> 870 </div> 871 </div> 872 </div> 873 </div> 874 </section> 875 876 <section id="brand-business-tool" class="py-10 sm:py-14"> 877 <div class="max-w-6xl mx-auto"> 878 <div class="raised-gradient-panel w-full rounded-[2rem] border border-gray-200 px-6 py-12 sm:px-10 sm:py-14 shadow-[inset_0_1px_0_rgba(255,255,255,0.85),0_14px_36px_rgba(15,23,42,0.10)]"> 879 <div class="flex items-center justify-center gap-3 sm:gap-4 text-center"> 880 <h2 class="text-3xl sm:text-4xl font-semibold text-gray-900">A powerful tool for every brand & business.</h2> 881 <img 882 src="https://app.erosmarketing.io/landing/img/63740995b7e1684c5484fa5d_Asterics.svg" 883 alt="Asterics graphic" 884 class="h-8 sm:h-10 w-auto shrink-0" 885 loading="lazy" 886 > 887 </div> 888 889 <div class="mt-10 grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-4 gap-4 sm:gap-5"> 890 <div class="rounded-2xl border border-gray-200 bg-white p-6"> 891 <h3 class="text-2xl font-bold text-gray-900 text-center">10K+</h3> 892 <p class="mt-1 text-sm font-medium uppercase tracking-wide text-gray-500 text-center">Influencers</p> 893 <p class="mt-4 text-gray-600 leading-relaxed"> 894 Influencers across all of Canada amongst all Demographics and Target Markets. 895 </p> 896 </div> 897 898 <div class="rounded-2xl border border-gray-200 bg-white p-6"> 899 <h3 class="text-2xl font-bold text-gray-900 text-center">No Contract</h3> 900 <p class="mt-1 text-sm font-medium uppercase tracking-wide text-gray-500 text-center">Month to Month</p> 901 <p class="mt-4 text-gray-600 leading-relaxed"> 902 No contract, no long term commitment. Generate campaigns that correspond to the exact time frame you require. 903 </p> 904 </div> 905 906 <div class="rounded-2xl border border-gray-200 bg-white p-6"> 907 <h3 class="text-2xl font-bold text-gray-900 text-center">Fully Managed</h3> 908 <p class="mt-1 text-sm font-medium uppercase tracking-wide text-gray-500 text-center">Account Brand Manager</p> 909 <p class="mt-4 text-gray-600 leading-relaxed"> 910 Fully managed. Rather than having to devote a considerable amount of energy and resources to overseeing the management of your busi
910ness, an Account Manager can be enlisted to adeptly handle the day-to-day tasks associated with your organization. 911 </p> 912 </div> 913 914 <div class="rounded-2xl border border-gray-200 bg-white p-6"> 915 <h3 class="text-2xl font-bold text-gray-900 text-center">25</h3> 916 <p class="mt-1 text-sm font-medium uppercase tracking-wide text-gray-500 text-center">Target Interested and Markets</p> 917 <p class="mt-4 text-gray-600 leading-relaxed"> 918 Develop marketing strategies and collaborate with influencers in an expansive variety of interests, ranging from 25 distinct topics. Food, Lifestyle, Fitness, etc. 919 </p> 920 </div> 921 </div> 922 923 <div class="mt-10 sm:mt-12 flex justify-center"> 924 <a href="https://app.erosmarketing.io/eros/request-demo" class="inline-flex items-center justify-center rounded-full bg-gradient-to-r from-fuchsia-600 to-purple-700 px-8 py-3 text-sm sm:text-base font-semibold text-white shadow-lg shadow-fuchsia-200/70 transition hover:from-fuchsia-500 hover:to-purple-600 focus:outline-none focus:ring-4 focus:ring-fuchsia-300"> 925 Request a Demo 926 </a> 927 </div> 928 </div> 929 </div> 930 </section> 931 932 <section id="influencer-platform" class="relative left-1/2 right-1/2 w-screen -ml-[50vw] -mr-[50vw] bg-black py-16 sm:py-20 overflow-visible"> 933 <div class="max-w-6xl mx-auto px-6 sm:px-10"> 934 <div class="max-w-4xl mx-auto text-center"> 935 <div class="relative inline-block max-w-full"> 936 <h2 class="text-3xl sm:text-[2.7rem] font-semibold leading-tight text-white"> 937 Become an Influencer on the fastest growing Influencer Marketing Platform. 938 </h2> 939 <img 940 src="https://app.erosmarketing.io/landing/img/63740995b7e168717384fa5e_Crumbs.svg" 941 alt="" 942 aria-hidden="true" 943 class="pointer-events-none absolute top-0 left-full -translate-x-2 sm:-translate-x-3 -translate-y-1/3 h-10 sm:h-12 w-auto opacity-90" 944 > 945 </div> 946 </div> 947 948 <p class="mt-6 max-w-3xl mx-auto text-gray-300 text-base sm:text-lg leading-relaxed"> 949 No influencer or content creator, no matter the size of their reach or platform, is too insignificant to be worthy of recognition. 950 </p> 951 952 <div class="mt-8 max-w-3xl mx-auto"> 953 <div class="mx-auto h-px w-full max-w-2xl bg-gradient-to-r from-transparent via-white/80 to-transparent"></div> 954 <p class="mt-4 text-center text-sm sm:text-base font-medium tracking-[0.02em] text-white"> 955 Interested in joining? Click the button for your region below. 956 </p> 957 <div class="mt-4 mx-auto h-px w-full max-w-2xl bg-gradient-to-r from-transparent via-white/80 to-transparent"></div> 958 </div> 959 960 <div class="mt-5 flex justify-center"> 961 <div class="flex flex-col sm:flex-row flex-wrap items-center justify-center gap-3"> 962 <a href="https://app.erosmarketing.io/influencer-joining" class="group inline-flex min-w-[250px] items-center justify-center gap-3 rounded-full border border-white/20 bg-white/10 px-7 py-3 text-sm sm:text-base font-semibold text-white shadow-lg shadow-black/20 backdrop-blur-md transition hover:-translate-y-0.5 hover:bg-white/16 focus:outline-none focus:ring-4 focus:ring-white/25"> 963 <span aria-hidden="true" class="inline-flex h-8 w-11 shrink-0 overflow-hidden rounded-md border border-white/35 bg-white/15 shadow-sm"> 964 <img src="https://app.erosmarketing.io/img/flags/ca.svg" alt="" class="h-full w-full object-cover" loading="lazy"> 965 </span>
966 <span>Canadian Influencers</span> 967 </a> 968 <a href="https://app.erosmarketing.io/eros/join-waitlist" class="group inline-flex min-w-[250px] items-center justify-center gap-3 rounded-full border border-white/20 bg-white/10 px-7 py-3 text-sm sm:text-base font-semibold text-white shadow-lg shadow-black/20 backdrop-blur-md transition hover:-translate-y-0.5 hover:bg-white/16 focus:outline-none focus:ring-4 focus:ring-white/25"> 969 <span aria-hidden="true" class="inline-flex h-8 w-11 shrink-0 overflow-hidden rounded-md border border-white/35 bg-white/15 shadow-sm"> 970 <img src="https://app.erosmarketing.io/img/flags/us.svg" alt="" class="h-full w-full object-cover" loading="lazy"> 971 </span> 972 <span>American Influencers</span> 973 </a> 974 <a href="https://app.erosmarketing.io/influencer-joining" class="group inline-flex min-w-[250px] items-center justify-center gap-3 rounded-full border border-white/20 bg-white/10 px-7 py-3 text-sm sm:text-base font-semibold text-white shadow-lg shadow-black/20 backdrop-blur-md transition hover:-translate-y-0.5 hover:bg-white/16 focus:outline-none focus:ring-4 focus:ring-white/25"> 975 <span aria-hidden="true" class="inline-flex h-8 w-11 shrink-0 overflow-hidden rounded-md border border-white/35 bg-white/15 shadow-sm"> 976 <img src="https://app.erosmarketing.io/img/flags/au.svg" alt="" class="h-full w-full object-cover" loading="lazy"> 977 </span> 978 <span>Australian Influencers</span> 979 </a> 980 </div> 981 </div> 982 983 <div class="mt-12 sm:mt-14"> 984 <div class="influencer-carousel" data-drag-carousel tabindex="0" aria-label="Influencer content examples"> 985 <article class="influencer-card"> 986 <img 987 src="https://app.erosmarketing.io/landing/img/carousel/637bfe88904d9208332e1004_instapost1-p-1080.png" 988 alt="637bfe88904d9208332e1004_instapost1-p-1080" 989 loading="lazy" 990 > 991 </article> 992 <article class="influencer-card"> 993 <img 994 src="https://app.erosmarketing.io/landing/img/carousel/637bfea1ef06ffaab3ef85b1_instapost2-p-1080.png" 995 alt="637bfea1ef06ffaab3ef85b1_instapost2-p-1080" 996 loading="lazy" 997 > 998 </article> 999 <article class="influencer-card"> 1000 <img 1001 src="https://app.erosmarketing.io/landing/img/carousel/637bfeb3336a137b4ff83927_instapost3-p-1080.png" 1002 alt="637bfeb3336a137b4ff83927_instapost3-p-1080" 1003 loading="lazy" 1004 > 1005 </article> 1006 <article class="influencer-card"> 1007 <img 1008 src="https://app.erosmarketing.io/landing/img/carousel/637bff4dcf7ee35d38ecf5f5_instapost5-p-1080.png" 1009 alt="637bff4dcf7ee35d38ecf5f5_instapost5-p-1080" 1010 loading="lazy" 1011 > 1012 </article> 1013 <article class="influencer-card"> 1014 <img 1015 src="https://app.erosmarketing.io/landing/img/carousel/637da96ba321eaeffd663305_AVOTOASTIMAGE-p-1080.png" 1016 alt="637da96ba321eaeffd663305_AVOTOASTIMAGE-p-1080" 1017 loading="lazy" 1018 > 1019 </article> 1020 </div> 1021 </div> 1022 1023 <div class="mt-12 sm:mt-14 max-w-5xl"> 1024 <p class="mb-5 sm:mb-6 text-center text-lg sm:text-xl font-semibold text-fuchsia-200/95 leading-relaxed"> 1025 Get paid for your passion, collaborate with brands you genuinely believe in, and use our platform to track social media activity across platforms while growing your social media following. 1026 </p> 1027 <div class="w-full rounded-2xl overflow-hidden border border-white/20 shadow-2xl shadow-black/30"> 1028 <div class="relative w-full" style="padding-top: 56.25%;"> 1029 <iframe 1030 class="absolute inset-0 h-full w-full" 1031 src="https://www.youtube.com/embed/rAi9zl79zjo" 1032 title="Influencer Platform Video" 1033 allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
1034 referrerpolicy="strict-origin-when-cross-origin" 1035 allowfullscreen 1036 ></iframe> 1037 </div> 1038 </div> 1039 </div> 1040 1041 <div class="mt-12 sm:mt-14 max-w-5xl" data-influencer-tabs> 1042 <div class="influencer-tabs-nav" role="tablist" aria-label="Influencer tabs"> 1043 <button type="button" class="influencer-tab is-active" role="tab" aria-selected="true" data-tab-target="profile">Profile</button> 1044 <button type="button" class="influencer-tab" role="tab" aria-selected="false" data-tab-target="social">Social</button> 1045 <button type="button" class="influencer-tab" role="tab" aria-selected="false" data-tab-target="for-you">For You</button> 1046 </div> 1047 <div class="influencer-tab-panels"> 1048 <div class="influencer-tab-panel is-active" role="tabpanel" data-tab-panel="profile"> 1049 <div class="tab-feature-row"> 1050 <div class="tab-feature-media"> 1051 <img 1052 src="https://app.erosmarketing.io/landing/img/637c11772b3e794fb8819439_WEBSITEPROFILEIMAGE.png" 1053 alt="Profile analytics overview" 1054 loading="lazy" 1055 > 1056 </div> 1057 <div class="tab-feature-copy"> 1058 <h3>Track all your social media statistics in one place.</h3> 1059 <p> 1060 Connecting your preferred social media platforms together can provide you with a comprehensive view of how your content has been received. 1061 </p> 1062 </div> 1063 </div> 1064 </div> 1065 <div class="influencer-tab-panel" role="tabpanel" data-tab-panel="social" hidden> 1066 <div class="tab-feature-row tab-feature-row--reverse"> 1067 <div class="tab-feature-media"> 1068 <img 1069 src="https://app.erosmarketing.io/landing/img/637da63cf7ec9c69612acd8b_INSTAGRAMIMAGEWEBSITE.png" 1070 alt="Social account connection dashboard" 1071 loading="lazy" 1072 > 1073 </div> 1074 <div class="tab-feature-copy"> 1075 <h3>Link your social accounts and create content on the platform you love.</h3> 1076 <p> 1077 This dynamic dashboard provides comprehensive and up-to-date insights into the engagement of your various social accounts. 1078 </p> 1079 </div> 1080 </div> 1081 </div> 1082 <div class="influencer-tab-panel" role="tabpanel" data-tab-panel="for-you" hidden> 1083 <div class="tab-feature-row"> 1084 <div class="tab-feature-media"> 1085 <img 1086 src="https://app.erosmarketing.io/landing/img/637c29efc31bc3054511c0de_foryoupageonWEBSITE-p-1600.png" 1087 alt="For You campaign matching view" 1088 loading="lazy" 1089 > 1090 </div> 1091 <div class="tab-feature-copy"> 1092 <h3>Find and create content for Campaigns you love!</h3> 1093 <p> 1094 Our platform offers a bespoke algorithmic marketplace specifically tailored to individual users. Here, you will have the opportunity to discover campaigns that are pertinent to your interests and skills while being compensated fairly for your efforts. 1095 </p> 1096 </div> 1097 </div> 1098 </div> 1099 </div> 1100 </div> 1101 </div> 1102 </section> 1103 1104 <section id="brand-next-level" class="py-10 sm:py-14"> 1105 <div class="max-w-6xl mx-auto"> 1106 <div class="raised-gradient-panel w-full rounded-[2rem] border border-gray-200 px-6 py-12 sm:px-10 sm:py-14 shadow-[inset_0_1px_0_rgba(255,255,255,0.85),0_14px_36px_rgba(15,23,42,0.10)]"> 1107 <div class="grid grid-cols-1 lg:grid-cols-12 gap-8 items-start"> 1108 <div class="lg:col-span-6 text-center"> 1109 <h2 class="text-3xl lg:ml-10 sm:text-4xl font-semibold text-gray-900 leading-tight"> 1110 Take your brand to the <span class="text-fuchsia-700">next level!</span> 1111 </h2> 1112 <div class="mt-16 flex justify-center"> 1113 <a href="https://app.erosmarketing.io/eros/request-demo" class="inline-flex items-center justify-center rounded-full bg-gradient-to-r from-fuchsia-600 to-purple-700 px-8 py-3 text-sm sm:text-base font-semibold text-white shadow-lg shadow-fuchsia-200/70 transition hover:from-fuchsia-500 hover:to-purple-600 focus:outline-none focus:ring-4 focus:ring-fuchsia-300"> 1114 Request a Demo 1115 </a> 1116 </div> 1117 </div> 1118 <div class="lg:col-span-6 mt-10 lg:mt-20 lg:-ml-24"> 1119 <p class="text-gray-700 leading-relaxed"> 1120 Take your company to unprecedented heights! By providing brands and influencers with a live communication medium, they can obtain increased visibility into the intricacies of a campaign. Brands can use the platform to request influencers for specific campaigns, and influencers can detail the
1120ir qualifications and objectives in order to best fit their needs. 1121 </p> 1122 </div> 1123 </div> 1124 1125 <div class="mt-10 sm:mt-12"> 1126 <img 1127 src="https://app.erosmarketing.io/landing/img/Screenshot 2026-02-26 154341.png" 1128 alt="Platform communication screenshot" 1129 class="w-full max-w-lg h-auto rounded-2xl mx-auto" 1130 loading="lazy" 1131 > 1132 </div> 1133 </div> 1134 </div> 1135 </section> 1136 1137 <section id="pricing" class="py-16 sm:py-20"> 1138 <div class="max-w-6xl mx-auto px-6 sm:px-10"> 1139 <div class="text-center mb-10 sm:mb-12"> 1140 <h2 class="text-3xl sm:text-4xl font-semibold text-gray-900"> 1141 A powerful marketing tool at an <span class="text-fuchsia-700">affordable cost.</span> 1142 </h2> 1143 </div> 1144 1145 <div class="mx-auto max-w-xl"> 1146 <article class="rounded-2xl border border-gray-200 bg-white shadow-md overflow-hidden"> 1147 <header class="bg-gradient-to-br from-pink-200/80 to-amber-100/90 px-5 py-5 text-center"> 1148 <h3 class="text-2xl font-bold text-gray-800">Subscriptions Available</h3> 1149 <p class="mt-1 text-sm text-gray-600">Standard or Agency Accounts</p> 1150 </header> 1151 1152 <div class="px-5 py-6 text-center"> 1153 <p class="text-3xl font-semibold text-gray-900"> 1154 From $99 <span class="text-base font-medium text-gray-500">/ month</span> 1155 </p> 1156 1157 <div class="mt-5 space-y-2.5 text-sm text-gray-700"> 1158 <p>10,000+ Reach</p> 1159 <p>1+ Campaign</p> 1160 <p>10+ Influencers</p> 1161 </div> 1162 1163 <div class="mt-6 flex justify-center"> 1164 <a href="https://app.erosmarketing.io/eros/request-demo" class="inline-flex items-center justify-center rounded-full bg-gradient-to-r from-fuchsia-600 to-purple-700 px-6 py-2.5 text-sm font-semibold text-white shadow-lg shadow-fuchsia-200/60 transition hover:from-fuchsia-500 hover:to-purple-600"> 1165 Request a Demo 1166 </a> 1167 </div> 1168 </div> 1169 </article> 1170 </div> 1171 </div> 1172 </section> 1173 1174 <section id="faq" class="py-10 sm:py-14"> 1175 <div class="max-w-6xl mx-auto"> 1176 <div class="raised-gradient-panel w-full rounded-[2rem] border border-gray-200 px-6 py-12 sm:px-10 sm:py-14 shadow-[inset_0_1px_0_rgba(255,255,255,0.85),0_14px_36px_rgba(15,23,42,0.10)]"> 1177 <div class="text-center max-w-3xl mx-auto"> 1178 <h2 class="text-3xl sm:text-4xl font-semibold text-gray-900">We've got you covered!</h2> 1179 <p class="mt-3 text-gray-600 text-lg">All the answers to your questions are here!</p> 1180 </div> 1181 1182 <div class="mt-10 faq-grid" data-faq-group> 1183 <article class="faq-card" data-faq-item role="button" tabindex="0" aria-expanded="false"> 1184 <div class="faq-question"> 1185 What makes Eros different from every other Influencer Marketing Platform? 1186 </div> 1187 <div class="faq-answer"> 1188 Our platform leverages highly sophisticated algorithms to create an automated system that links campaigns and brands with influencers whose interests align with the project's objectives. We strive to ensure fair payouts and satisfaction for both parties. 1189 </div> 1190 </article> 1191 1192 <article class="faq-card" data-faq-item role="button" tabindex="0" aria-expanded="false"> 1193 <div class="faq-question"> 1194 What is the cost? 1195 </div> 1196 <div class="faq-answer"> 1197 It is entirely possible to devise marketing campaigns reflecting any budgetary constraints; this is because there exists a suitable influencer for all brands, regardless of size. Influencers are varied and come in all shapes and sizes, with a plethora of different professional backgrounds and interests. 1198 </div> 1199 </article> 1200 1201 <article class="faq-card" data-faq-item role="button" tabindex="0" aria-expanded="false"> 1202 <div class="faq-question"> 1203 Who owns the content from the campaigns? 1204 </div> 1205 <div class="faq-answer"> 1206 Influencers are the proprietors of all rights related to their content. Brands may request permission from individual influencers to repurpose the content for their own marketing activities. The influencer should always be credited and compensated for the use of their content. 1207 </div> 1208 </article> 1209 1210 <article class="faq-card" data-faq-item role="button" tabindex="0" aria-expanded="false"> 1211 <div class="faq-question"> 1212 How does the approval process of the content work? 1213 </div> 1214 <div class="faq-answer"> 1215 At Eros, the management of campaigns is carried out in an organized and professional manner by our dedicated Brand Account Managers. Our Account Managers are highly experienced and knowledgeable about the industry, as well as up-to-date on the latest trends. 1216 </div> 1217 </article> 1218 1219 <article class="faq-card" data-faq-item role="button" tabindex="0" aria-expanded="false"> 1220 <div class="faq-question"> 1221 How does a brand measure success? 1222 </div> 1223 <div class="faq-answer"> 1224 The Eros brand dashboard grants brands an in-depth insight into the metrics of their campaigns, including engagement indicators such as comments, like
1224s, shares and clicks. This helps us to identify which campaigns are performing well and enable brands to make strategic decisions to optimize their digital channels for maximum reach and engagement. 1225 </div> 1226 </article> 1227 </div> 1228 </div> 1229 </div> 1230 </section> 1231</main> 1232<footer class="border-t border-gray-200 mt-16"> 1233 <div class="container mx-auto px-4 sm:px-6 py-12"> 1234 <div class="grid grid-cols-1 md:grid-cols-4 gap-10"> 1235 <div> 1236 <a href="https://app.erosmarketing.io/eros" class="inline-flex items-center"> 1237 <img class="w-auto h-8" src="https://app.erosmarketing.io/img/eros-logo.png" alt="Eros"> 1238 </a> 1239 </div> 1240 1241 <div> 1242 <h3 class="text-sm font-semibold uppercase tracking-wide text-gray-900">Company</h3> 1243 <ul class="mt-4 space-y-2 text-sm text-gray-700"> 1244 <li><a href="https://app.erosmarketing.io/eros" class="hover:text-black">Home</a></li> 1245 <li><a href="https://app.erosmarketing.io/eros/terms-of-service" class="hover:text-black">Terms of Service</a></li> 1246 <li><a href="https://app.erosmarketing.io/eros/privacy-policy" class="hover:text-black">Privacy Policy</a></li> 1247 </ul> 1248 <form method="POST" action="https://app.erosmarketing.io/locale" class="inline-flex items-center gap-2 mt-4" id="eros-footer"> 1249 <input type="hidden" name="_token" value="WLKe5yWxSjBb2qvbFPelAsqNfA48n4Bd0DeBqXuW"> <label for="locale-switcher-eros-footer" class="text-sm text-gray-600 dark:text-gray-400">Language</label> 1250 <select name="locale" 1251 id="locale-switcher-eros-footer" 1252 onchange="this.form.submit()" 1253 aria-label="Language" 1254 class="rounded-md border-gray-300 bg-white py-1 pl-2 pr-8 text-sm text-gray-700 focus:border-gray-400 focus:ring-0 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200"> 1255 <option value="en" lang="en" selected>English</option> 1256 <option value="zh_CN" lang="zh-CN" >ç®ä½ä¸æ</option> 1257 </select> 1258 <noscript><button type="submit" class="text-sm underline">Change</button></noscript> 1259 </form> 1260 </div> 1261 1262 <div> 1263 <h3 class="text-sm font-semibold uppercase tracking-wide text-gray-900">Resources</h3> 1264 <ul class="mt-4 space-y-2 text-sm text-gray-700"> 1265 <li><a href="https://app.erosmarketing.io/eros#brand-business-tool" class="hover:text-black">Brands & Agencies</a></li> 1266 <li><a href="https://app.erosmarketing.io/eros#influencer-platform" class="hover:text-black">Influencers</a></li> 1267 <li><a href="https://app.erosmarketing.io/eros#pricing" class="hover:text-black">Pricing</a></li> 1268 <li><a href="https://app.erosmarketing.io/eros/blogs-case-studies" class="hover:text-black">Blogs and Case Studies</a></li> 1269 </ul> 1270 </div> 1271 1272 <div> 1273 <h3 class="text-sm font-semibold uppercase tracking-wide text-gray-900">Socials</h3> 1274 <div class="mt-4 flex items-center gap-4"> 1275 <a href="https://www.linkedin.com/company/eros-influencer-marketing/" 1276 target="_blank" 1277 rel="noopener noreferrer" 1278 aria-label="LinkedIn" 1279 class="text-gray-700 hover:text-black"> 1280 <svg class="w-5 h-5" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"> 1281 <path d="M19 3A2 2 0 0 1 21 5V19A2 2 0 0 1 19 21H5A2 2 0 0 1 3 19V5A2 2 0 0 1 5 3H19ZM8.34 10.33H5.67V18H8.34V10.33ZM7 6A1.55 1.55 0 0 0 5.45 7.55A1.55 1.55 0 0 0 7 9.1A1.55 1.55 0 0 0 8.55 7.55A1.55 1.55 0 0 0 7 6ZM18.33 13.6C18.33 11.35 17.13 10.2 15.53 10.2C14.24 10.2 13.66 10.91 13.34 11.41V10.33H10.67V18H13.34V13.73C13.34 12.61 13.55 11.54 14.94 11.54C16.31 11.54 16.33 12.82 16.33 13.8V18H19V13.33L18.99 13.6H18.33Z"></path> 1282 </svg> 1283 </a> 1284 <a href="https://www.instagram.com/erosinfluencermarketing/" 1285 target="_blank" 1286 rel="noopener noreferrer" 1287 aria-label="Instagram" 1288 class="text-gray-700 hover:text-black"> 1289 <svg class="w-5 h-5" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"> 1290 <path d="M7.75 2H16.25C19.56 2 22 4.44 22 7.75V16.25C22 19.56 19.56 22 16.25 22H7.75C4.44 22 2 19.56 2 16.25V7.75C2 4.44 4.44 2 7.75 2ZM7.5 4A3.5 3.5 0 0 0 4 7.5V16.5A3.5 3.5 0 0 0 7.5 20H16.5A3.5 3.5 0 0 0 20 16.5V7.5A3.5 3.5 0 0 0 16.5 4H7.5ZM17.25 5.5A1.25 1.25 0 1 1 16 6.75A1.25 1.25 0 0 1 17.25 5.5ZM12 7A5 5 0 1 1 7 12A5 5 0 0 1 12 7ZM12 9A3 3 0 1 0 15 12A3 3 0 0 0 12 9Z"></path> 1291 </svg> 1292 </a> 1293 </div> 1294 </div> 1295 </div> 1296 </div> 1297</footer> 1298
1299<script src="https://code.jquery.com/jquery-3.6.4.min.js" 1300 integrity="sha256-oP6HI9z1XaZNBrJURtCoUT5SUnxFr8s3BzRl+cbzUq8=" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1300
1300
1301<script src="https://cdn.jsdelivr.net/gh/alpinejs/[email protected]/dist/alpine.min.js" defer></script>
vendor: 1 bytes, line 1301
1301
1302<script src="https://kit.fontawesome.com/8ca6caee4c.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1302
1302
1303<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js" 1304 integrity="sha512-VEd+nq25CkR676O+pLBnDW09R7VQX9Mdiij052gVCp5yVH3jGtH70Ho/UUv4mJDsEdTvqRCFZg0NKGiojGnUCw==" 1305 crossorigin="anonymous" referrerpolicy="no-referrer"></script>
1305 1306
1306<script> 1307 document.addEventListener('DOMContentLoaded', function () { 1308 document.querySelectorAll('[data-ig-video]').forEach((video) => { 1309 video.controls = false; 1310 1311 const showControls = () => { 1312 video.controls = true; 1313 }; 1314 1315 const hideControls = () => { 1316 video.controls = false; 1317 }; 1318 1319 video.addEventListener('mouseenter', showControls); 1320 video.addEventListener('mouseleave', hideControls); 1321 video.addEventListener('focus', showControls); 1322 video.addEventListener('blur', hideControls); 1323 }); 1324 1325 const dragCarousels = Array.from(document.querySelectorAll('[data-drag-carousel]')); 1326 1327 dragCarousels.forEach((carousel) => { 1328 let isDown = false; 1329 let startX = 0; 1330 let startScrollLeft = 0; 1331 1332 const onPointerDown = (event) => { 1333 isDown = true; 1334 carousel.classList.add('is-dragging'); 1335 startX = event.pageX; 1336 startScrollLeft = carousel.scrollLeft; 1337 }; 1338 1339 const onPointerUp = () => { 1340 isDown = false; 1341 carousel.classList.remove('is-dragging'); 1342 }; 1343 1344 const onPointerMove = (event) => { 1345 if (!isDown) { 1346 return; 1347 } 1348 event.preventDefault(); 1349 const delta = event.pageX - startX; 1350 carousel.scrollLeft = startScrollLeft - delta; 1351 }; 1352 1353 carousel.addEventListener('mousedown', onPointerDown); 1354 carousel.addEventListener('mouseleave', onPointerUp); 1355 carousel.addEventListener('mouseup', onPointerUp); 1356 carousel.addEventListener('mousemove', onPointerMove); 1357 }); 1358 1359 const influencerSection = document.getElementById('influencer-platform'); 1360 let scrollSyncQueued = false; 1361 1362 const syncCarouselWithSectionScroll = () => { 1363 scrollSyncQueued = false; 1364 if (!influencerSection || !dragCarousels.length) { 1365 return; 1366 } 1367 1368 const rect = influencerSection.getBoundingClientRect(); 1369 if (rect.height <= 0) { 1370 return; 1371 } 1372 1373 const earlyStartOffset = window.innerHeight * 0.33; 1374 const effectiveTravel = rect.height * 0.45; 1375 const rawProgress = (earlyStartOffset - rect.top) / effectiveTravel; 1376 const progress = Math.max(0, Math.min(1, rawProgress)); 1377 1378 dragCarousels.forEach((carousel) => { 1379 const maxScrollLeft = carousel.scrollWidth - carousel.clientWidth; 1380 if (maxScrollLeft <= 0) { 1381 return; 1382 } 1383 1384 carousel.scrollLeft = maxScrollLeft * progress; 1385 }); 1386 }; 1387 1388 const queueScrollSync = () => { 1389 if (scrollSyncQueued) { 1390 return; 1391 } 1392 scrollSyncQueued = true; 1393 window.requestAnimationFrame(syncCarouselWithSectionScroll); 1394 }; 1395 1396 window.addEventListener('scroll', queueScrollSync, { passive: true }); 1397 window.addEventListener('resize', queueScrollSync); 1398 queueScrollSync(); 1399 1400 document.querySelectorAll('[data-influencer-tabs]').forEach((tabsRoot) => { 1401 const tabs = Array.from(tabsRoot.querySelectorAll('[data-tab-target]')); 1402 const panels = Array.from(tabsRoot.querySelectorAll('[data-tab-panel]')); 1403 1404 const activateTab = (targetKey) => {
1405 tabs.forEach((tab) => { 1406 const isActive = tab.dataset.tabTarget === targetKey; 1407 tab.classList.toggle('is-active', isActive); 1408 tab.setAttribute('aria-selected', isActive ? 'true' : 'false'); 1409 }); 1410 1411 panels.forEach((panel) => { 1412 const isActive = panel.dataset.tabPanel === targetKey; 1413 panel.classList.toggle('is-active', isActive); 1414 panel.hidden = !isActive; 1415 }); 1416 }; 1417 1418 tabs.forEach((tab) => { 1419 tab.addEventListener('click', () => activateTab(tab.dataset.tabTarget)); 1420 }); 1421 }); 1422 1423 document.querySelectorAll('[data-faq-group]').forEach((group) => { 1424 const cards = Array.from(group.querySelectorAll('[data-faq-item]')); 1425 1426 const closeAll = () => { 1427 cards.forEach((card) => { 1428 card.classList.remove('is-open'); 1429 card.setAttribute('aria-expanded', 'false'); 1430 }); 1431 }; 1432 1433 cards.forEach((card) => { 1434 if (!card.querySelector('.faq-answer')) { 1435 return; 1436 } 1437 1438 const toggleCard = () => { 1439 const wasOpen = card.classList.contains('is-open'); 1440 closeAll(); 1441 if (!wasOpen) { 1442 card.classList.add('is-open'); 1443 card.setAttribute('aria-expanded', 'true'); 1444 } 1445 }; 1446 1447 card.addEventListener('click', toggleCard); 1448 card.addEventListener('keydown', (event) => { 1449 if (event.key === 'Enter' || event.key === ' ') { 1450 event.preventDefault(); 1451 toggleCard(); 1452 } 1453 }); 1454 }); 1455 }); 1456 }); 1457 </script>
1457 1458
1458<script> 1459 document.addEventListener('DOMContentLoaded', function () { 1460 const scrollToSection = (sectionId) => { 1461 const section = document.getElementById(sectionId); 1462 if (!section) { 1463 return; 1464 } 1465 1466 const nav = document.querySelector('nav'); 1467 const navHeight = nav ? nav.offsetHeight : 0; 1468 const targetTop = section.getBoundingClientRect().top + window.scrollY - navHeight - 12; 1469 window.scrollTo({ top: Math.max(targetTop, 0), behavior: 'smooth' }); 1470 }; 1471 1472 const links = Array.from(document.querySelectorAll('[data-eros-link]')); 1473 const homeLink = document.querySelector('[data-eros-link="home"]'); 1474 1475 const setActiveLink = (key) => { 1476 links.forEach((link) => { 1477 const isActive = link.dataset.erosLink === key; 1478 link.classList.toggle('is-active', isActive); 1479 }); 1480 }; 1481 1482 links.forEach((link) => { 1483 link.addEventListener('click', function (event) {
1484 setActiveLink(this.dataset.erosLink); 1485 1486 const linkUrl = new URL(this.href, window.location.origin); 1487 const samePath = linkUrl.pathname.replace(/\/+$/, '') === currentPath; 1488 1489 if (this.dataset.erosLink === 'home' && samePath) { 1490 event.preventDefault(); 1491 window.history.pushState(null, '', homePath || '/'); 1492 window.scrollTo({ top: 0, behavior: 'smooth' }); 1493 return; 1494 } 1495 1496 const sectionId = this.dataset.erosSection; 1497 if (!sectionId) { 1498 return; 1499 } 1500 if (!samePath) { 1501 return; 1502 } 1503 1504 event.preventDefault(); 1505 window.history.pushState(null, '', '#' + sectionId); 1506 scrollToSection(sectionId); 1507 }); 1508 }); 1509 1510 const currentPath = window.location.pathname.replace(/\/+$/, ''); 1511 const homePath = "/eros"; 1512 if (currentPath !== homePath) { 1513 return; 1514 } 1515 1516 const sectionLinks = links.filter((link) => link.dataset.erosSection); 1517 const sectionMap = sectionLinks 1518 .map((link) => ({ 1519 key: link.dataset.erosLink, 1520 section: document.getElementById(link.dataset.erosSection), 1521 })) 1522 .filter((item) => item.section); 1523 1524 const updateActiveSection = () => { 1525 let activeKey = null; 1526 1527 for (const item of sectionMap) { 1528 const rect = item.section.getBoundingClientRect(); 1529 const inView = rect.top <= window.innerHeight * 0.35 && rect.bottom >= window.innerHeight * 0.2; 1530 if (inView) { 1531 activeKey = item.key; 1532 break; 1533 } 1534 } 1535 1536 if (!activeKey && window.scrollY < 120 && homeLink) { 1537 activeKey = homeLink.dataset.erosLink; 1538 } 1539 1540 if (activeKey) {
1541 setActiveLink(activeKey); 1542 } 1543 }; 1544 1545 updateActiveSection(); 1546 window.addEventListener('scroll', updateActiveSection, { passive: true }); 1547 1548 const initialHash = window.location.hash.replace('#', ''); 1549 if (initialHash) { 1550 window.setTimeout(() => scrollToSection(initialHash), 0); 1551 } 1552 }); 1553 </script>
vendor: 1 bytes, line 1553
1553
1554<script> 1555 // Suppress success/info toasts globally; only errors and warnings are shown. 1556 // Runs after @stack('scripts') so pages that re-load toastr don't undo this. 1557 if (window.toastr) { toastr.success = function () {}; toastr.info = function () {}; } 1558</script>
1558 1559</body> 1560</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.