PageSourceSearch

https://app.erosmarketing.io/eros

html erosmarketing.io collected 2026-10-05 07:25:59 UTC 77,836 bytes, 1,560 lines download raw bytes

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&amp;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 &amp; 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 &amp; 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&#039; 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 &amp; 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&#039;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&#039;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 &amp; 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.