PageSourceSearch

https://ajaystark.github.io/odd_planet/index.html

html ajaystark.github.io collected 2026-10-03 08:35:07 UTC 67,343 bytes, 1,036 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, shrink-to-fit=no">
6    <meta name="description" content="Odd Planet — Building Attention, Influence & Culture. India's leading influencer marketing, content production, and digital amplification agency.">
7    <meta name="keywords" content="influencer marketing, content production, digital amplification, talent management, media, marketing, meme marketing, linkedin marketing, social media management">
8    <title>Odd Planet | Where Odds Align</title>
9    <link rel="icon" href="ad-agency/img/favicon.ico" type="image/x-icon">
10    <!-- Fonts (kept on CDN — Google Fonts is optimized for caching) -->
11    <link rel="preconnect" href="https://fonts.googleapis.com">
12    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
13    <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
14    <!-- Local Vendor CSS -->
15    <link rel="stylesheet" href="ad-agency/vendor/css/swiper-bundle.min.css">
16    <link rel="stylesheet" href="ad-agency/vendor/css/fontawesome.min.css">
17    <link rel="stylesheet" href="ad-agency/vendor/css/glightbox.min.css">
18    <!-- Custom CSS -->
19    <link rel="stylesheet" href="ad-agency/css/style.css">
20</head>
21<body>
22    <!-- Preloader -->
23    <div id="preloader">
24        <div class="preloader-logo-wrap">
25            <img src="ad-agency/img/logo-header.png" alt="Odd Planet" class="preloader-logo" id="preloader-logo">
26        </div>
27    </div>
28
29    <!-- Header -->
30    <header class="navbar" id="navbar">
31        <div class="nav-inner">
32            <div class="logo">
33                <a href="#home"><img src="ad-agency/img/logo-header.png" alt="Odd Planet Logo"></a>
34            </div>
35            <nav class="nav-links">
36                <a href="#home" class="active">Home</a>
37                <a href="#services">Services</a>
38                <a href="#work">Work</a>
39                <a href="#culture">Culture</a>
40                <a href="#creators">Creators</a>
41                <a href="#clients">Clients</a>
42                <a href="#media">Media</a>
43                <a href="#contact">Contact</a>
44            </nav>
45            <a href="#contact" class="btn-book-call">
46                <span>Book a Call</span>
47                <i class="fas fa-arrow-right"></i>
48            </a>
49            <div class="hamburger" id="hamburger">
50                <span></span>
51                <span></span>
52                <span></span>
53            </div>
54        </div>
55    </header>
56
57    <!-- Mobile Menu -->
58    <div class="mobile-menu" id="mobile-menu">
59        <div class="close-menu" id="close-menu"><i class="fas fa-times"></i></div>
60        <nav>
61            <a href="#home">Home</a>
62            <a href="#services">Services</a>
63            <a href="#work">Work</a>
64            <a href="#culture">Culture</a>
65            <a href="#creators">Creators</a>
66            <a href="#clients">Clients</a>
67            <a href="#media">Media</a>
68            <a href="#contact">Contact</a>
69        </nav>
70    </div>
71
72    <!-- ===== HERO SECTION ===== -->
73    <section id="home" class="hero">
74        <div id="canvas-container"></div>
75        <div class="hero-overlay"></div>
76        <div class="hero-content">
77            <div class="hero-left">
78                <p class="hero-tagline animate-hero">WHERE ODDS ALIGN.</p>
79                <h1 class="hero-headline animate-hero">
80                    BUILDING<br>
81                    ATTENTION,<br>
82                    INFLUENCE &<br>
83                    <span class="hero-highlight">CULTURE.</span>
84                </h1>
85                <p class="hero-sub animate-hero">Influencer Marketing · Content Production · Digital Amplification</p>
86                <p class="hero-desc animate-hero">We help brands connect with the right creators, produce impactful content and amplify it to the right audience.</p>
87                <div class="hero-cta animate-hero">
88                    <a href="#work" class="btn-primary">
89                        View Our Work <i class="fas fa-arrow-right"></i>
90                    </a>
91                    <a href="#contact" class="btn-outline">
92                        Book a Discovery Call <i class="fas fa-arrow-right"></i>
93                    </a>
94                </div>
95            </div>
96            <div class="hero-right animate-hero">
97                <img src="ad-agency/img/oddplanet2-03.png" alt="Odd Planet" class="hero-planet-logo">
98            </div>
99        </div>
100        <!-- Trusted By Brands Bar -->
101        <div class="hero-brands trusted-brands-enhanced animate-hero">
102            <span class="brands-label" style="font-size: 1.1rem; text-align: center; color: #fff; letter-spacing: 1px;">Trusted By Leading Brands</span>
103            <div class="brands-grid">
104                <div class="brand-item"><img src="ad-agency/img/brands_extracted/scitron.png" alt="Scitron"></div>
105                <div class="brand-item"><img src="ad-agency/img/brands_extracted/converse.png" alt="Converse"></div>
106                <div class="brand-item"><img src="ad-agency/img/brands_extracted/mg_motor.png" alt="MG Motor"></div>
107                <div class="brand-item"><img src="ad-agency/img/brands_extracted/ponds.png" alt="POND'S"></div>
108                <div class="brand-item"><img src="ad-agency/img/brands_extracted/michael_kors.png" alt="Michael Kors"></div>
109                <div class="brand-item"><img src="ad-agency/img/brands_extracted/starbucks.png" alt="Starbucks"></div>
110                <div class="brand-item"><img src="ad-agency/img/brands_extracted/dominos.png" alt="Domino's"></div>
111                <div class="brand-item"><img src="ad-agency/img/brands_extracted/allen_solly.png" alt="Allen Solly"></div>
112            </div>
113        </div>
114    </section>
115
116    <!-- ===== STATS SECTION ===== -->
117    <section id="stats" class="stats-section">
118        <div class="container">
119            <div class="stats-grid">
120                <div class="stat-card animate-on-scroll">
121                    <div class="stat-icon"><i class="fas fa-eye"></i></div>
122                    <div class="stat-value">
123                        <span class="stat-number" data-target="100">0</span><span class="stat-suffix">M+</span>
124                    </div>
125                    <p class="stat-label">Views Generated</p>
126                </div>
127                <div class="stat-card animate-on-scroll">
128                    <div class="stat-icon"><i class="fas fa-handshake"></i></div>
129                    <div class="stat-value">
130                        <span class="stat-number" data-target="50">0</span><span class="stat-suffix">+</span>
131                    </div>
132                    <p class="stat-label">Brands Served</p>
133                </div>
134                <div class="stat-card animate-on-scroll">
135                    <div class="stat-icon"><i class="fas fa-users"></i></div>
136                    <div class="stat-value">
137                        <span class="stat-number" data-target="5000">0</span><span class="stat-suffix">+</span>
138                    </div>
139                    <p class="stat-label">Event Attendees</p>
140                </div>
141                <div class="stat-card animate-on-scroll">
142                    <div class="stat-icon"><i class="fas fa-user-astronaut"></i></div>
143                    <div class="stat-value">
144                        <span class="stat-number" data-target="1000">0</span><span class="stat-suffix">+</span>
145                    </div>
146                    <p class="stat-label">Creator Collaborations</p>
147                </div>
148            </div>
149        </div>
150    </section>
151
152
153    <!-- ===== SERVICES — WHAT WE DO ===== -->
154    <section id="services" class="section pillars-section">
155        <div class="container">
156            <p class="section-overline animate-on-scroll">WHAT <span class="text-gradient">WE DO</span></p>
157            <div class="pillars-grid pillars-grid-4">
158                <div class="pillar-card glass animate-on-scroll" data-accent="purple">
159                    <div class="pillar-icon-wrap purple"><i class="fas fa-bullhorn"></i></div>
160                    <h3>INFLUENCE</h3>
161                    <ul class="pillar-list">
162                        <li>Influencer Marketing</li>
163                        <li>Creator Partnerships</li>
164                        <li>Celebrity Endorsements</li>
165                        <li>Talent Management</li>
166                    </ul>
167                </div>
168                <div class="pillar-card glass animate-on-scroll" data-accent="blue">
169                    <div class="pillar-icon-wrap blue"><i class="fas fa-video"></i></div>
170                    <h3>CREATE</h3>
171                    <ul class="pillar-list">
172                        <li>Content Production</li>
173                        <li>Brand Films</li>
174                        <li>Events & Experiences</li>
175                        <li>Original IPs & Series</li>
176                    </ul>
177                </div>
178                <div class="pillar-card glass animate-on-scroll" data-accent="cyan">
179                    <div class="pillar-icon-wrap cyan"><i class="fas fa-chart-line"></i></div>
180                    <h3>AMPLIFY</h3>
181                    <ul class="pillar-list">
182                        <li>Social Media Strategy</li>
183                        <li>Meme Marketing</li>
184                        <li>Digital Campaigns</li>
185                        <li>Community Building</li>
186                        <li>PR & Outreach</li>
187                    </ul>
188                </div>
189                <div class="pillar-card glass animate-on-scroll" data-accent="green">
190                    <div class="pillar-icon-wrap green"><i class="fas fa-bolt"></i></div>
191                    <h3>QUICK COMMERCE</h3>
192                    <ul class="pillar-list">
193                        <li>Consultancy &amp; Management</li>
194                        <li>End to End Solutions</li>
195                        <li>Marketplace &amp; Dark Store Growth</li>
196                    </ul>
197                </div>
198            </div>
199        </div>
200    </section>
201
202    <!-- ===== FEATURED CASE STUDIES ===== -->
203    <section id="work" class="section case-studies-section">
204        <div class="container">
205            <div class="section-header">
206                <p class="section-overline animate-on-scroll">FEATURED CASE STUDIES</p>
207                <h2 class="section-title animate-on-scroll" style="margin-bottom: 0;">OUR IMPACT</h2>
208            </div>
209            <div class="swiper case-studies-swiper">
210                <div class="swiper-wrapper">
211                    <!-- Maharani -->
212                    <div class="swiper-slide">
213                        <div class="case-card animate-on-scroll">
214                            <div class="case-thumb">
215                                <a href="ad-agency/img/pdf_extracted/page13_img3.jpeg" class="glightbox">
216                                    <img src="ad-agency/img/pdf_extracted/page13_img3.jpeg" alt="Maharani Music Video" loading="lazy">
217                                </a>
218                            </div>
219                            <div class="case-info">
220                                <h4>MAHARANI</h4>
221                                <p class="case-type">Music · Marketing · Production</p>
222                                <div class="case-metrics">
223                                    <div><strong>42M+</strong><span>YouTube</span></div>
224                                    <div><strong>37M+</strong><span>Insta Views</span></div>
225                                    <div><strong>7.5M+</strong><span>Streams</span></div>
226                                </div>
227                                <a href="https://open.spotify.com/track/7unLxuzKpxbjASww1qi4br?si=n0B56lDZQNeDPL8M53UTiw&utm_source=copy-link" target="_blank" class="spotify-badge-btn">
228                                    <i class="fab fa-spotify"></i>
229                                    <span>Spotify #1 Viral Song in India</span>
230                                    <i class="fas fa-external-link-alt" style="font-size: 0.7rem; margin-left: 4px;"></i>
231                                </a>
232                            </div>
233                        </div>
234                    </div>
235                    <!-- Starbucks -->
236                    <div class="swiper-slide">
237                        <div class="case-card animate-on-scroll">
238                            <div class="case-thumb">
239                                <a href="ad-agency/img/pdf_extracted/page14_img4.jpeg" class="glightbox">
240                                    <img src="ad-agency/img/pdf_extracted/page14_img4.jpeg" alt="Starbucks Campaign" loading="lazy">
241                                </a>
242                            </div>
243                            <div class="case-info">
244                                <h4>STARBUCKS</h4>
245                                <p class="case-type">Experiential Store Launch Campaign</p>
246                                <div class="case-metrics">
247                                    <div><strong>100K+</strong><span>Views</span></div>
248                                    <div><strong>3.1K+</strong><span>Engagement</span></div>
249                                </div>
250                                <p class="case-badge">☕ Experiential Launch &amp; Social Resonance</p>
251                            </div>
252                        </div>
253                    </div>
254                    <!-- Bevzilla -->
255                    <div class="swiper-slide">
256                        <div class="case-card animate-on-scroll">
257                            <div class="case-thumb">
258                                <a href="ad-agency/img/reels_showcase/bevzilla_case.jpg" class="glightbox">
259                                    <img src="ad-agency/img/reels_showcase/bevzilla_case.jpg" alt="Bevzilla Campaign" loading="lazy">
260                                </a>
261                            </div>
262                            <div class="case-info">
263                                <h4>BEVZILLA</h4>
264                                <p class="case-type">Creator Network at Scale</p>
265                                <div class="case-metrics">
266                                    <div><strong>250+</strong><span>Monthly Creators</span></div>
267                                    <div><strong>5+</strong><span>Niches</span></div>
268                                </div>
269                                <p class="case-badge">🚀 Podcast · Lifestyle · Entertainment · Coffee</p>
270                            </div>
271                        </div>
272                    </div>
273                    <!-- Fit Feast -->
274                    <div class="swiper-slide">
275                        <div class="case-card animate-on-scroll">
276                            <div class="case-thumb">
277                                <a href="ad-agency/img/reels_showcase/fitfeast_case.jpg" class="glightbox">
278                                    <img src="ad-agency/img/reels_showcase/fitfeast_case.jpg" alt="Fit Feast Campaign" loading="lazy">
279                                </a>
280                            </div>
281                            <div class="case-info">
282                                <h4>FIT FEAST</h4>
283                                <p class="case-type">High-Conversion Creator Network</p>
284                                <div class="case-metrics">
285                                    <div><strong>50+</strong><span>Monthly Creators</span></div>
286                                    <div><strong>100%</strong><span>Fitness &amp; Lifestyle</span></div>
287                                </div>
288                                <p class="case-badge">💪 Targeted Fitness Influencer Roster</p>
289                            </div>
290                        </div>
291                    </div>
292                    <!-- Embassy of Sweden -->
293                    <div class="swiper-slide">
294                        <div class="case-card animate-on-scroll">
295                            <div class="case-thumb">
296                                <a href="ad-agency/img/pdf_extracted/page18_img4.jpeg" class="glightbox">
297                                    <img src="ad-agency/img/pdf_extracted/page18_img4.jpeg" alt="Embassy of Sweden" loading="lazy">
298                                </a>
299                            </div>
300                            <div class="case-info">
301                                <h4>EMBASSY OF SWEDEN</h4>
302                                <p class="case-type">
302Sweden-India Gaming Day Event</p>
303                                <div class="case-metrics">
304                                    <div><strong>500+</strong><span>Attendees</span></div>
305                                    <div><strong>Top Tier</strong><span>Gaming Influencers</span></div>
306                                </div>
307                                <a href="https://www.indiatodaygaming.com/amp/news/national/story/sweden-india-gaming-day-unites-nations-in-a-virtual-gaming-spectacle-3232" target="_blank" class="view-all-link" style="margin-top: 12px; display: inline-flex;">
308                                    Read India Today Coverage <i class="fas fa-arrow-right"></i>
309                                </a>
310                            </div>
311                        </div>
312                    </div>
313                </div>
314                <div class="swiper-button-prev case-prev"></div>
315                <div class="swiper-button-next case-next"></div>
316                <div class="swiper-pagination case-pagination"></div>
317            </div>
318        </div>
319    </section>
320
321    <!-- ===== CULTURE & BRAND ACTIVATIONS (REFERENCE IMAGE FORMAT) ===== -->
322    <section id="culture" class="section culture-section">
323        <div class="container">
324            <div class="section-header">
325                <div>
326                    <p class="section-overline animate-on-scroll">EXPERIENTIAL &amp; ON-GROUND</p>
327                    <h2 class="section-title animate-on-scroll" style="margin-bottom: 0;">CULTURE</h2>
328                </div>
329            </div>
330            <div class="culture-grid">
331                <!-- Comic-Con India -->
332                <div class="culture-card animate-on-scroll">
333                    <div class="culture-media-wrap compact">
334                        <img src="ad-agency/img/culture_comiccon.jpg" alt="Comic-Con India On-Ground Brand Activations" loading="lazy">
335                    </div>
336                    <div class="culture-content">
337                        <span class="pill-tag-lime">COMIC CON</span>
338                        <h3 class="culture-title">Comic-Con india On-Ground Brand Activations</h3>
339                        <p class="culture-desc">High-impact on-ground brand activations, experiential booth production, and creator integrations across Comic-Con India.</p>
340                        <div class="culture-divider"></div>
341                    </div>
342                </div>
343
344                <!-- College Rivals -->
345                <div class="culture-card animate-on-scroll">
346                    <div class="culture-media-wrap">
347                        <img src="ad-agency/img/culture_collegerivals.jpg" alt="Powering Grassroot Activation with College Rivals" loading="lazy">
348                        <div class="culture-stats-pill">
349                            <div class="stat-pill-item">
350                                <span class="num">10M+</span>
351                                <span class="badge">Views</span>
352                            </div>
353                            <div class="stat-pill-item">
354                                <span class="num">80k+</span>
355                                <span class="badge">Likes</span>
356                            </div>
357                            <div class="stat-pill-item">
358                                <span class="num">20k+</span>
359                                <span class="badge">Comments</span>
360                            </div>
361                        </div>
362                    </div>
363                    <div class="culture-content">
364                        <span class="pill-tag-lime">COLLEGE RIVALS</span>
365                        <h3 class="culture-title">Powering Grassroot Activation with College Rivals</h3>
366                        <p class="culture-desc">Grassroots collegiate activation connecting gaming creators with student communities nationwide.</p>
367                        <div class="culture-divider"></div>
368                    </div>
369                </div>
370
371                <!-- Ministry of Textiles -->
372                <div class="culture-card animate-on-scroll">
373                    <div class="culture-content" style="margin-top: 0; margin-bottom: 12px;">
374                        <div style="display: flex; justify-content: space-between; align-items: center;">
375                            <span class="pill-tag-lime" style="margin: 0;">MINISTRY OF TEXTILES</span>
376                            <img src="ad-agency/img/brands_extracted/ministry_of_textiles.png" alt="Ministry of Textiles" style="height: 32px; filter: brightness(0) invert(1); opacity: 0.9;">
377                        </div>
378                        <h3 class="culture-title" style="margin-top: 10px;">National Handloom &amp; Heritage Digital Amplification</h3>
379                        <p class="culture-desc" style="margin-bottom: 0;">High-impact storytelling and digital awareness campaigns spotlighting Indian textiles across millions of viewers.</p>
380                    </div>
381                    <div class="culture-reels-row">
382                        <a href="https://www.instagram.com/reel/DM0BeCQt7H2/?igsi=MWQ1MnQ0ZWU1YXgyaA==" target="_blank" class="culture-sub-reel">
383                            <div class="sub-reel-thumb">
384                                <img src="ad-agency/img/reels_showcase/textiles_reel1.jpg" alt="Ministry of Textiles Reel 1" loading="lazy">
385                            </div>
386                            <div class="sub-reel-stat">
387                                <span>181K+</span>
388                                <span class="stat-lbl">Views</span>
389                            </div>
390                        </a>
391                        <a href="https://www.instagram.com/reel/DMuuOv1NrXv/?igsi=NTBqdW4yNXJjMmQ0" target="_blank" class="culture-sub-reel">
392                            <div class="sub-reel-thumb">
393                                <img src="ad-agency/img/reels_showcase/textiles_reel2.jpg" alt="Ministry of Textiles Reel 2" loading="lazy">
394                            </div>
395                            <div class="sub-reel-stat">
396                                <span>423K+</span>
397                                <span class="stat-lbl">Views</span>
398                            </div>
399                        </a>
400                        <a href="https://www.instagram.com/reel/DMpJRfZJ8hr/?igsi=MW90eWs2M2VtMmljbg==" target="_blank" class="culture-sub-reel">
401                            <div class="sub-reel-thumb">
402                                <img src="ad-agency/img/reels_showcase/textiles_reel3.jpg" alt="Ministry of Textiles Reel 3" loading="lazy">
403                            </div>
404                            <div class="sub-reel-stat">
405                                <span>309K+</span>
406                                <span class="stat-lbl">Views</span>
407                            </div>
408                        </a>
409                    </div>
410                    <div class="culture-divider"></div>
411                </div>
412            </div>
413        </div>
414    </section>
415
416    <!-- ===== CREATOR NETWORK ===== -->
417    <section id="creators" class="section creators-section">
418        <div class="container">
419            <div class="section-header">
420                <div>
421                    <p class="section-overline animate-on-scroll">EXCLUSIVE TALENT &amp; PARTNERSHIPS</p>
422                    <h2 class="section-title animate-on-scroll" style="margin-bottom: 0;">OUR CREATOR NETWORK</h2>
423                </div>
424            </div>
425            <div class="swiper creators-swiper">
426                <div class="swiper-wrapper">
427                    <!-- Tisca Chopra -->
428                    <div class="swiper-slide">
429                        <div class="creator-card animate-on-scroll">
430                            <div class="creator-img">
431                                <img src="ad-agency/img/reels_showcase/tisca_creator.jpg" alt="Tisca Chopra" loading="lazy">
432                            </div>
433                            <div class="creator-info">
434                                <h4>Tisca Chopra</h4>
435                                <p class="creator-category">ACTOR / CREATOR</p>
436                                <div class="creator-brand-logos">
437                                    <img src="ad-agency/img/brands_extracted/sotrue.png" alt="SoTrue" title="SoTrue">
438                                </div>
439                                <div class="creator-reels-showcase">
440                                    <a href="https://www.instagram.com/reel/DZU1cx3JG4p/?igsi=MTF2NWEwMmJkMzYz" target="_blank" class="creator-reel-card">
441                                        <div class="reel-thumb-container">
442                                            <img src="ad-agency/img/reels_showcase/tisca_reel.jpg" alt="Tisca Chopra Reel" loading="lazy">
443                                            <div class="reel-play-overlay"><i class="fas fa-play"></i></div>
444                                            <div class="reel-overlay-metric">
445                                                <span>57K+</span>
446                                                <span class="metric-tag">Views</span>
447                                            </div>
448                                        </div>
449                                        <div class="reel-meta-bottom">
450                                            <span class="reel-pill-tag">SOTRUE</span>
451                                            <h5 class="reel-card-headline">Tisca Chopra x SoTrue Skincare</h5>
452                                        </div>
453                                    </a>
454                                </div>
455                            </div>
456                        </div>
457                    </div>
458
459                    <!-- Priyank Sharma -->
460                    <div class="swiper-slide">
461                        <div class="creator-card animate-on-scroll">
462                            <div class="creator-img">
463                                <img src="ad-agency/img/reels_showcase/priyank_creator.jpg" alt="Priyank Sharma" loading="lazy">
464                            </div>
465                            <div class="creator-info">
466                                <h4>Priyank Sharma</h4>
467                                <p class="creator-category">ACTOR / CREATOR · 3M+ FOLLOWERS</p>
468                                <div class="creator-brand-logos">
469                                    <img src="ad-agency/img/brands_extracted/allen_solly.png" alt="Allen Solly" title="Allen Solly">
470                                </div>
471                                <div class="creator-reels-showcase">
472                                    <a href="https://www.instagram.com/reel/DMsSHXMStF_/?igsi=MTRsanpkMnJyM3M2Zg==" target="_blank" class="creator-reel-card">
473                                        <div class="reel-thumb-container">
474                                            <img src="ad-agency/img/reels_showcase/priyank_allensolly_reel.jpg" alt="Priyank Sharma Allen Solly" loading="lazy">
475                                            <div class="reel-play-overlay"><i class="fas fa-play"></i></div>
476                                            <div class="reel-overlay-metric">
477                                                <span>200K+</span>
478                                                <span class="metric-tag">Views</span>
479                                            </div>
480                                        </div>
481                                        <div class="reel-meta-bottom">
482                                            <span class="reel-pill-tag">ALLEN SOLLY</span>
483                                            <h5 class="reel-card-headline">Priyank Sharma x Allen Solly</h5>
484                                        </div>
485                                    </a>
486                                </div>
487                            </div>
488                        </div>
489                    </div>
490
491                    <!-- Vaibhav Arora -->
492                    <div class="swiper-slide">
493                        <div class="creator-card animate-on-scroll">
494                            <div class="creator-img">
495                                <img src="ad-agency/img/reels_showcase/vaibhav_creator.jpg" alt="Vaibhav Arora" loading="lazy">
496                            </div>
497                            <div class="creator-info">
498                                <h4>Vaibhav Arora</h4>
499                                <p class="creator-category">ARTIST / CREATOR · 2M+ FOLLOWERS</p>
500                                <div class="creator-brand-logos">
501                                    <img src="ad-agency/img/brands_extracted/michael_kors.png" alt="Michael Kors" title="Michael Kors">
502                                    <img src="ad-agency/img/brands_extracted/ajio.png" alt="AJIO" title="AJIO">
503                                </div>
504                                <div class="creator-reels-showcase">
505                                    <div class="creator-reels-grid">
506                                        <a href="https://www.instagram.com/reel/DSKeW2kjP97/?igsi=NmpyN3NsaTU3N3Fi" target="_blank" class="creator-reel-card">
507                                            <div class="reel-thumb-container">
508                                                <img src="ad-agency/img/reels_showcase/vaibhav_mk_reel.jpg" alt="Vaibhav Michael Kors" loading="lazy">
509                                                <div class="reel-play-overlay"><i class="fas fa-play"></i></div>
510                                                <div class="reel-overlay-metric">
511                                                    <span>2M+</span>
512                                                    <span class="metric-tag">Views</span>
513                                                </div>
514                                            </div>
515                                            <div class="reel-meta-bottom">
516                                                <span class="reel-pill-tag">MICHAEL KORS</span>
517                                                <h5 class="reel-card-headline">Vaibhav x Michael Kors</h5>
518                                            </div>
519                                        </a>
520                                        <a href="https://www.instagram.com/vaibhav_aroraa/?hl=en" target="_blank" class="creator-reel-card">
521                                            <div class="reel-thumb-container">
522                                                <img src="ad-agency/img/reels_showcase/vaibhav_gas_reel.jpg" alt="Vaibhav Gas Jeans" loading="lazy">
523                                                <div class="reel-play-overlay"><i class="fas fa-play"></i></div>
524                                                <div class="reel-overlay-metric">
525                                                    <span>710K+</span>
526                                                    <span class="metric-tag">Views</span>
527                                                </div>
528                                            </div>
529                                            <div class="reel-meta-bottom">
530                                                <span class="reel-pill-tag">GAS JEANS</span>
531                                                <h5 class="reel-card-headline">Vaibhav x Gas Jeans</h5>
532                                            </div>
533                                        </a>
534                                    </div>
535                                </div>
536                            </div>
537                        </div>
538                    </div>
539
540                    <!-- Mohit Chhetri -->
541                    <div class="swiper-slide">
542                        <div class="creator-card animate-on-scroll">
543                            <div class="creator-img">
544                                <img src="ad-agency/img/reels_showcase/mohit_creator.jpg" alt="Mohit Chhetri" loading="lazy">
545                            </div>
546                            <div class="creator-info">
547                                <h4>Mohit Chhetri</h4>
548                                <p class="creator-category">CREATOR · 134K+ FOLLOWERS</p>
549                                <div class="creator-brand-logos">
550                                    <img src="ad-agency/img/brands_extracted/flipkart.png" alt="Flipkart" title="Flipkart">
551                                    <img src="ad-agency/img/brands_extracted/oppo.png" alt="OPPO" title="OPPO">
552                                </div>
553                                <div class="creator-reels-showcase">
554                                    <div class="creator-reels-grid">
555                                        <a href="https://www.instagram.com/reel/DMrreJ4xmWD/?igsi=b3g4ZWRwc3h6ODY2" target="_blank" class="creator-reel-card">
556                                            <div class="reel-thumb-container">
557                                                <img src="ad-agency/img/reels_showcase/mohit_flipkart_reel.jpg" alt="Mohit Flipkart" loading="lazy">
558                                                <div class="reel-play-overlay"><i class="fas fa-play"></i></div>
559                                                <div class="reel-overlay-metric">
560                                                    <span>50K+</span>
561                                                    <span class="metric-tag">Views</span>
562                                                </div>
563                                            </div>
564                                            <div class="reel-meta-bottom">
565                                                <span class="reel-pill-tag">FLIPKART</span>
566                                                <h5 class="reel-card-headline">Mohit x Flipkart POCO F7</h5>
567                                            </div>
568                                        </a>
569                                        <a href="https://www.instagram.com/reel/DI1LbEqSo4k/?igsi=cHYzZno4aWZwMGtu" target="_blank" class="creator-reel-card">
570                                            <div class="reel-thumb-container">
571                                                <img src="ad-agency/img/reels_showcase/mohit_oppo_reel.jpg" alt="Mohit OPPO" loading="lazy">
572                                                <div class="reel-play-overlay"><i class="fas fa-play"></i></div>
573                                                <div class="reel-overlay-metric">
574                                                    <span>450K+</span>
575                                                    <span class="metric-tag">Views</span>
576                                                </div>
577                                            </div>
578                                            <div class="reel-meta-bottom">
579                                                <span class="reel-pill-tag">OPPO</span>
580                                                <h5 class="reel-card-headline">Mohit x OPPO Campaign</h5>
581                                            </div>
582                                        </a>
583                                    </div>
584                                </div>
585                            </div>
586                        </div>
587                    </div>
588
589                    <!-- Siddharth Nigam -->
590                    <div class="swiper-slide">
591                        <div class="creator-card animate-on-scroll">
592                            <div class="creator-img">
593                                <img src="ad-agency/img/pdf_extracted/page6_img3.jpeg" alt="Siddharth Nigam" loading="lazy">
594                            </div>
595                            <div class="creator-info">
596                                <h4>Siddharth Nigam</h4>
597                                <p class="creator-category">ACTOR / CREATOR · 10.5M+ FOLLOWERS</p>
598                                <div class="creator-brand-logos">
599                                    <img src="ad-agency/img/brands_extracted/dominos.png" alt="Domino's" title="Domino's">
600                                    <img src="ad-agency/img/brands_extracted/max_fashion.png" alt="Max Fashion" title="Max Fashion">
601                                </div>
602                                <div class="creator-reels-showcase">
603                                    <div class="creator-reels-grid">
604                                        <a href="https://www.instagram.com/thesiddharthnigam/" target="_blank" class="creator-reel-card">
605                                            <div class="reel-thumb-container">
606                                                <img src="ad-agency/img/pdf_extracted/page6_img4.jpeg" alt="Siddharth Max" loading="lazy">
607                                                <div class="reel-play-overlay"><i class="fas fa-play"></i></div>
608                                                <div class="reel-overlay-metric">
609                                                    <span>3.5M+</span>
610                                                    <span class="metric-tag">Views</span>
611                                                </div>
612                                            </div>
613                                            <div class="reel-meta-bottom">
614                                                <span class="reel-pill-tag">MAX</span>
615                                                <h5 class="reel-card-headline">Siddharth x Max Stores</h5>
616                                            </div>
617                                        </a>
618                                        <a href="https://www.instagram.com/thesiddharthnigam/" target="_blank" class="creator-reel-card">
619                                            <div class="reel-thumb-container">
620                                                <img src="ad-agency/img/pdf_extracted/page6_img5.jpeg" alt="Siddharth Domino's" loading="lazy">
621                                                <div class="reel-play-overlay"><i class="fas fa-play"></i></div>
622                                                <div class="reel-overlay-metric">
623                                                    <span>800K+</span>
624                                                    <span class="metric-tag">Views</span>
625                                                </div>
626                                            </div>
627                                            <div class="reel-meta-bottom">
628                                                <span class="reel-pill-tag">DOMINO'S</span>
629                                                <h5 class="reel-card-headline">Siddharth x Domino's</h5>
630                                            </div>
631                                        </a>
632                                    </div>
633                                </div>
634                            </div>
635                        </div>
636                    </div>
637
638                    <!-- Tanvi Malhara -->
639                    <div class="swiper-slide">
640                        <div class="creator-card animate-on-scroll">
641                            <div class="creator-img">
642                                <img src="ad-agency/img/pdf_extracted/page10_img1.jpeg" alt="Tanvi Malhara" loading="lazy">
643                            </div>
644                            <div class="creator-info">
645                                <h4>Tanvi Malhara</h4>
646                                <p class="creator-category">FASHION / DANCER · 590K+ FOLLOWERS</p>
647                                <div class="creator-brand-logos">
648                                    <img src="ad-agency/img/brands_extracted/ponds.png" alt="POND'S" title="POND'S">
649                                    <img src="ad-agency/img/brands_extracted/sunsilk.png" alt="Sunsilk" title="Sunsilk">
650                                </div>
651                                <div class="creator-reels-showcase">
652                                    <div class="creator-reels-grid">
653                                        <a href="https://www.instagram.com/tanvi_malhara/?hl=en" target="_blank" class="creator-reel-card">
654                                            <div class="reel-thumb-container">
655                                                <img src="ad-agency/img/pdf_extracted/page10_img4.jpeg" alt="Tanvi POND'S" loading="lazy">
656                                                <div class="reel-play-overlay"><i class="fas fa-play"></i></div>
657                                                <div class="reel-overlay-metric">
658                                                    <span>22.6M+</span>
659                                                    <span class="metric-tag">Views</span>
660                                                </div>
661                                            </div>
662                                            <div class="reel-meta-bottom">
663                                                <span class="reel-pill-tag">POND'S</span>
664                                                <h5 class="reel-card-headline">Tanvi x POND'S Cream</h5>
665                                            </div>
666                                        </a>
667                                        <a href="https://www.instagram.com/tanvi_malhara/?hl=en" target="_blank" class="creator-reel-card">
668                                            <div class="reel-thumb-container">
669                                                <img src="ad-agency/img/pdf_extracted/page10_img5.jpeg" alt="Tanvi Sunsilk" loading="lazy">
670                                                <div class="reel-play-overlay"><i class="fas fa-play"></i></div>
671                                                <div class="reel-overlay-metric">
672                                                    <span>220K+</span>
673                                                    <span class="metric-tag">Views</span>
674                                                </div>
675                                            </div>
676                                            <div class="reel-meta-bottom">
677                                                <span class="reel-pill-tag">SUNSILK</span>
678                                                <h5 class="reel-card-headline">Tanvi x Sunsilk Haircare</h5>
679                                            </div>
680                                        </a>
681                                    </div>
682                                </div>
683                            </div>
684                        </div>
685                    </div>
686
687                    <!-- Karun & Nanku -->
688                    <div class="swiper-slide">
689                        <div class="creator-card animate-on-scroll">
690                            <div class="creator-img">
691                                <img src="ad-agency/img/pdf_extracted/page9_img1.jpeg" alt="Karun & Nanku" loading="lazy">
692                            </div>
693                            <div class="creator-info">
694                                <h4>Karun &amp; Nanku</h4>
695                                <p class="creator-category">MUSIC / ARTISTS</p>
696                                <div class="creator-brand-logos">
697                                    <img src="ad-agency/img/brands_extracted/converse.png" alt="Converse" title="Converse">
698                                </div>
699                                <div class="creator-reels-showcase">
700                                    <a href="https://open.spotify.com/track/7unLxuzKpxbjASww1qi4br?si=n0B56lDZQNeDPL8M53UTiw&utm_source=copy-link" target="_blank" class="creator-reel-card">
701                                        <div class="reel-thumb-container">
702                                            <img src="ad-agency/img/pdf_extracted/page9_img3.jpeg" alt="Karun & Nanku Music" loading="lazy">
703                                            <div class="reel-play-overlay"><i class="fas fa-play"></i></div>
704                                            <div class="reel-overlay-metric">
705                                                <span>3.9M+</span>
706                                                <span class="metric-tag">Streams</span>
707                                            </div>
708                                        </div>
709                                        <div class="reel-meta-bottom">
710                                            <span class="reel-pill-tag">CONVERSE</span>
711                                            <h5 class="reel-card-headline">Karun &amp; Nanku x Converse</h5>
712                                        </div>
713                                    </a>
714                                </div>
715                            </div>
716                        </div>
717                    </div>
718
719                    <!-- Ishita Arora -->
720                    <div class="swiper-slide">
721                        <div class="creator-card animate-on-scroll">
722                            <div class="creator-img">
723                                <img src="ad-agency/img/pdf_extracted/page11_img1.jpeg" alt="Ishita Arora" loading="lazy">
724                            </div>
725                            <div class="creator-info">
726                                <h4>Ishita Arora</h4>
727                                <p class="creator-category">CREATOR · 137K+ FOLLOWERS</p>
728                                <div class="creator-brand-logos">
729                                    <img src="ad-agency/img/brands_extracted/epigamia.png" alt="Epigamia" title="Epigamia">
730                                    <img src="ad-agency/img/brands_extracted/instamart.png" alt="Instamart" title="Instamart">
731                                </div>
732                                <div class="creator-reels-showcase">
733                                    <a href="https://www.instagram.com/ishitaaroraaa/?hl=en" target="_blank" class="creator-reel-card">
734                                        <div class="reel-thumb-container">
735                                            <img src="ad-agency/img/pdf_extracted/page11_img6.jpeg" alt="Ishita Epigamia" loading="lazy">
736                                            <div class="reel-play-overlay"><i class="fas fa-play"></i></div>
737                                            <div class="reel-overlay-metric">
738                                                <span>32.3K+</span>
739                                                <span class="metric-tag">Views</span>
740                                            </div>
741                                        </div>
742                                        <div class="reel-meta-bottom">
743                                            <span class="reel-pill-tag">EPIGAMIA</span>
744                                            <h5 class="reel-card-headline">Ishita Arora x Epigamia Greek Yogurt</h5>
745                                        </div>
746                                    </a>
747                                </div>
748                            </div>
749                        </div>
750                    </div>
751                </div>
752                <div class="swiper-button-prev creators-prev"></div>
753                <div class="swiper-button-next creators-next"></div>
754                <div class="swiper-pagination creators-pagination"></div>
755            </div>
756        </div>
757    </section>
758
759    <!-- ===== CLIENTS — BRAND MARQUEE ===== -->
760    <section id="clients" class="section trusted-section">
761        <div class="container">
762            <p class="section-overline center animate-on-scroll">CLIENTS WE SERVED</p>
763        </div>
764        <div class="marquee-wrapper">
765            <div class="marquee-track">
766                <div class="marquee-item"><img src="ad-agency/img/brands_extracted/flipkart.png" alt="Flipkart" title="Flipkart"></div>
767                <div class="marquee-item"><img src="ad-agency/img/brands_extracted/starbucks.png" alt="Starbucks" title="Starbucks"></div>
768                <div class="marquee-item"><img src="ad-agency/img/brands_extracted/michael_kors.png" alt="Michael Kors" title="Michael Kors"></div>
769                <div class="marquee-item"><img src="ad-agency/img/brands_extracted/converse.png" alt="Converse" title="Converse"></div>
770                <div class="marquee-item"><img src="ad-agency/img/brands_extracted/allen_solly.png" alt="Allen Solly" title="Allen Solly"></div>
771                <div class="marquee-item"><img src="ad-agency/img/brands_extracted/mg_motor.png" alt="MG Motor" title="MG Motor"></div>
772                <div class="marquee-item"><img src="ad-agency/img/brands_extracted/oppo.png" alt="OPPO" title="OPPO"></div>
773                <div class="marquee-item"><img src="ad-agency/img/brands_extracted/embassy_of_sweden.png" alt="Embassy of Sweden" title="Embassy of Sweden"></div>
774                <div class="marquee-item"><img src="ad-agency/img/brands_extracted/ministry_of_textiles.png" alt="Ministry of Textiles" title="Ministry of Textiles"></div>
775                <div class="marquee-item"><img src="ad-agency/img/brands_extracted/ponds.png" alt="POND'S" title="POND'S"></div>
776                <div class="marquee-item"><img src="ad-agency/img/brands_extracted/kfc.png" alt="KFC" title="KFC"></div>
777                <div class="marquee-item"><img src="ad-agency/img/brands_extracted/dominos.png" alt="Domino's" title="Domino's"></div>
778                <div class="marquee-item"><img src="ad-agency/img/brands_extracted/instamart.png" alt="Swiggy Instamart" title="Swiggy Instamart"></div>
779                <div class="marquee-item"><img src="ad-agency/img/brands_extracted/scitron.png" alt="Scitron" title="Scitron"></div>
780                <div class="marquee-item"><img src="ad-agency/img/brands_extracted/fixderma.png" alt="Fixderma" title="Fixderma"></div>
781                <div class="marquee-item"><img src="ad-agency/img/brands_extracted/bevzilla.png" alt="Bevzilla" title="Bevzilla"></div>
782                <div class="marquee-item"><img src="ad-agency/img/brands_extracted/fitfeast.png" alt="Fit Feast" title="Fit Feast"></div>
783                <div class="marquee-item"><img src="ad-agency/img/brands_extracted/epigamia.png" alt="Epigamia" title="Epigamia"></div>
784                <div class="marquee-item"><img src="ad-agency/img/brands_extracted/max_fashion.png" alt="Max Fashion" title="Max Fashion"></div>
785                <div class="marquee-item"><img src="ad-agency/img/brands_extracted/sunsilk.png" alt="Sunsilk" title="Sunsilk"></div>
786                <div class="marquee-item"><img src="ad-agency/img/brands_extracted/sotrue.png" alt="So True" title="So True"></div>
787                <div class="marquee-item"><img src="ad-agency/img/brands_extracted/ajio.png" alt="Ajio" title="Ajio"></div>
788                <!-- Duplicated for seamless marquee loop -->
789                <div class="marquee-item"><img src="ad-agency/img/brands_extracted/flipkart.png" alt="Flipkart" title="Flipkart"></div>
790                <div class="marquee-item"><img src="ad-agency/img/brands_extracted/starbucks.png" alt="Starbucks" title="Starbucks"></div>
791                <div class="marquee-item">
791<img src="ad-agency/img/brands_extracted/michael_kors.png" alt="Michael Kors" title="Michael Kors"></div>
792                <div class="marquee-item"><img src="ad-agency/img/brands_extracted/converse.png" alt="Converse" title="Converse"></div>
793                <div class="marquee-item"><img src="ad-agency/img/brands_extracted/allen_solly.png" alt="Allen Solly" title="Allen Solly"></div>
794                <div class="marquee-item"><img src="ad-agency/img/brands_extracted/mg_motor.png" alt="MG Motor" title="MG Motor"></div>
795                <div class="marquee-item"><img src="ad-agency/img/brands_extracted/oppo.png" alt="OPPO" title="OPPO"></div>
796                <div class="marquee-item"><img src="ad-agency/img/brands_extracted/embassy_of_sweden.png" alt="Embassy of Sweden" title="Embassy of Sweden"></div>
797                <div class="marquee-item"><img src="ad-agency/img/brands_extracted/ministry_of_textiles.png" alt="Ministry of Textiles" title="Ministry of Textiles"></div>
798                <div class="marquee-item"><img src="ad-agency/img/brands_extracted/ponds.png" alt="POND'S" title="POND'S"></div>
799                <div class="marquee-item"><img src="ad-agency/img/brands_extracted/kfc.png" alt="KFC" title="KFC"></div>
800                <div class="marquee-item"><img src="ad-agency/img/brands_extracted/dominos.png" alt="Domino's" title="Domino's"></div>
801                <div class="marquee-item"><img src="ad-agency/img/brands_extracted/instamart.png" alt="Swiggy Instamart" title="Swiggy Instamart"></div>
802                <div class="marquee-item"><img src="ad-agency/img/brands_extracted/scitron.png" alt="Scitron" title="Scitron"></div>
803                <div class="marquee-item"><img src="ad-agency/img/brands_extracted/fixderma.png" alt="Fixderma" title="Fixderma"></div>
804                <div class="marquee-item"><img src="ad-agency/img/brands_extracted/bevzilla.png" alt="Bevzilla" title="Bevzilla"></div>
805                <div class="marquee-item"><img src="ad-agency/img/brands_extracted/fitfeast.png" alt="Fit Feast" title="Fit Feast"></div>
806                <div class="marquee-item"><img src="ad-agency/img/brands_extracted/epigamia.png" alt="Epigamia" title="Epigamia"></div>
807                <div class="marquee-item"><img src="ad-agency/img/brands_extracted/max_fashion.png" alt="Max Fashion" title="Max Fashion"></div>
808                <div class="marquee-item"><img src="ad-agency/img/brands_extracted/sunsilk.png" alt="Sunsilk" title="Sunsilk"></div>
809                <div class="marquee-item"><img src="ad-agency/img/brands_extracted/sotrue.png" alt="So True" title="So True"></div>
810                <div class="marquee-item"><img src="ad-agency/img/brands_extracted/ajio.png" alt="Ajio" title="Ajio"></div>
811            </div>
812        </div>
813    </section>
814
815    <!-- ===== MEDIA COVERAGE ===== -->
816    <section id="media" class="section media-section">
817        <div class="container">
818            <div class="section-header">
819                <p class="section-overline animate-on-scroll">MEDIA <span class="text-gradient">COVERAGE</span></p>
820                <h2 class="section-title animate-on-scroll">RECOGNIZED BY INDUSTRY LEADERS</h2>
821            </div>
822            <div class="media-grid">
823                <a href="https://www.indiatodaygaming.com/amp/news/national/story/sweden-india-gaming-day-unites-nations-in-a-virtual-gaming-spectacle-3232" target="_blank" class="media-card glass animate-on-scroll" rel="noopener noreferrer">
824                    <div class="media-logo-wrap">
825                        <span class="media-outlet-name itg">INDIA TODAY GAMING</span>
826                        <span class="media-external-icon"><i class="fas fa-arrow-up-right-from-square"></i></span>
827                    </div>
828                    <p class="media-headline">Sweden-India Gaming Day unites nations in a virtual gaming spectacle — Odd Planet &amp; Sweden Embassy</p>
829                    <div class="media-cta-row">
830                        <span>Read Coverage</span>
831                        <i class="fas fa-arrow-right"></i>
832                    </div>
833                </a>
834
835                <a href="https://www.indianstartuptimes.com/news/trailblazing-founders-powering-influencer-agencies-2026-edition/" target="_blank" class="media-card glass animate-on-scroll" rel="noopener noreferrer">
836                    <div class="media-logo-wrap">
837                        <span class="media-outlet-name ist">INDIAN STARTUP TIMES</span>
838                        <span class="media-external-icon"><i class="fas fa-arrow-up-right-from-square"></i></span>
839                    </div>
840                    <p class="media-headline">Tushar Goyal featured in Trailblazing Founders Powering Influencer Agencies | 2026 Edition</p>
841                    <div class="media-cta-row">
842                        <span>Read Feature</span>
843                        <i class="fas fa-arrow-right"></i>
844                    </div>
845                </a>
846
847                <a href="https://www.linkedin.com/posts/ojamaduji_rozbanatehainnayakal-msmeday-rozbanatehainnayakal-activity-7476900293880737792-0oM1?utm_source=share&utm_medium=member_desktop&rcm=ACoAACZkO7ABG-J9vQ1qI30L7n9-fR02h1Gg7q8" target="_blank" class="media-card glass animate-on-scroll" rel="noopener noreferrer">
848                    <div class="media-logo-wrap">
849                        <span class="media-outlet-name tata">TATA TELE BUSINESS SERVICES</span>
850                        <span class="media-external-icon"><i class="fas fa-arrow-up-right-from-square"></i></span>
851                    </div>
852                    <p class="media-headline">Odd Planet &amp; Tushar Goyal spotlighted in Tata Tele Business Services #RozBanateHainNayaKal campaign</p>
853                    <div class="media-cta-row">
854                        <span>View on LinkedIn</span>
855                        <i class="fas fa-arrow-right"></i>
856                    </div>
857                </a>
858
859                <div class="media-card glass animate-on-scroll" style="cursor: pointer;" onclick="document.querySelector('#work').scrollIntoView({behavior: 'smooth'})">
860                    <div class="media-logo-wrap">
861                        <span class="media-outlet-name shark">SHARK TANK INDIA · PR</span>
862                        <span class="media-external-icon"><i class="fas fa-bolt" style="color: var(--neon-lime);"></i></span>
863                    </div>
864                    <p class="media-headline">Shaily Mehrotra (Fixderma) Shark Tank India PR: 15M+ Views, 200K+ Engagement &amp; 150+ Deliverables</p>
865                    <div class="media-cta-row">
866                        <span>View PR Case Study</span>
867                        <i class="fas fa-arrow-right"></i>
868                    </div>
869                </div>
870            </div>
871        </div>
872    </section>
873
874    <!-- ===== TESTIMONIALS ===== -->
875    <section id="testimonials" class="section testimonials-section">
876        <div class="container">
877            <div class="section-header" style="display: flex; justify-content: space-between; align-items: flex-end;">
878                <p class="section-overline animate-on-scroll" style="margin-bottom: 0;">WHAT OUR CLIENTS SAY</p>
879                <div class="testimonial-controls animate-on-scroll" style="display: flex; gap: 10px;">
880                    <button class="testimonial-arrow testimonial-prev" id="test-prev"><i class="fas fa-chevron-left"></i></button>
881                    <button class="testimonial-arrow testimonial-next" id="test-next"><i class="fas fa-chevron-right"></i></button>
882                </div>
883            </div>
884            <div class="testimonials-slider">
885                <div class="testimonials-track" id="testimonials-track">
886                    <div class="testimonial-card glass animate-on-scroll">
887                        <div class="quote-icon"><i class="fas fa-quote-left"></i></div>
888                        <p>Odd Planet combines creativity with flawless execution. Their influencer network and content strategies are next level.</p>
889                        <div class="testimonial-author">
890                            <div class="author-info">
891                                <h5>Krishna Shukla</h5>
892                                <span>Stanverse Technologies</span>
893                            </div>
894                        </div>
895                    </div>
896                    <div class="testimonial-card glass animate-on-scroll">
897                        <div class="quote-icon"><i class="fas fa-quote-left"></i></div>
898                        <p>They understood our brand and created a campaign that went beyond our expectations. Fantastic team!</p>
899                        <div class="testimonial-author">
900                            <div class="author-info">
901                                <h5>Aashna Sharma</h5>
902                                <span>Brand Manager, POND'S</span>
903                            </div>
904                        </div>
905                    </div>
906                    <div class="testimonial-card glass animate-on-scroll">
907                        <div class="quote-icon"><i class="fas fa-quote-left"></i></div>
908                        <p>From ideation to execution, Odd Planet is our go-to partner for content and influencer marketing.</p>
909                        <div class="testimonial-author">
910                            <div class="author-info">
911                                <h5>Rohit Naik</h5>
912                                <span>Marketing Lead, Red Bull</span>
913                            </div>
914                        </div>
915                    </div>
916                    <div class="testimonial-card glass animate-on-scroll">
917                        <div class="quote-icon"><i class="fas fa-quote-left"></i></div>
918                        <p>Oddplanet is a strong and influencer friendly marketing agency. They have the most innovative ideas and definitely one of the best organizations in the industry.</p>
919                        <div class="testimonial-author">
920                            <div class="author-info">
921                                <h5>Dr. Yashwanth A R</h5>
922                                <span>TrueRippers Esports LLP</span>
923                            </div>
924                        </div>
925                    </div>
926                </div>
927            </div>
928        </div>
929    </section>
930
931    <!-- ===== FOUNDER & CEO ===== -->
932    <section id="founder" class="section founder-section">
933        <div class="container">
934            <div class="founder-card glass animate-on-scroll">
935                <div class="founder-img">
936                    <img src="ad-agency/img/team/oja.jpg" alt="Tushar Goyal" loading="lazy">
937                </div>
938                <div class="founder-info">
939                    <p class="founder-label">FOUNDER & CEO</p>
940                    <h2 class="founder-name">Tushar Goyal</h2>
941                    <p class="founder-title">Former Program Manager – Meta Gaming</p>
942                    <p class="founder-desc">Managed 100+ gaming creators, built large-scale ecosystems, and executed digital campaigns for global brands and government organizations.</p>
943                    <div class="founder-socials">
944                        <a href="https://www.instagram.com/ojamaduji/" target="_blank" class="founder-social-btn insta" aria-label="Tushar Goyal Instagram" rel="noopener noreferrer">
945                            <i class="fab fa-instagram"></i>
946                            <span>@ojamaduji</span>
947                        </a>
948                        <a href="https://www.linkedin.com/in/ojamaduji/" target="_blank" class="founder-social-btn linkedin" aria-label="Tushar Goyal LinkedIn" rel="noopener noreferrer">
949                            <i class="fab fa-linkedin-in"></i>
950                            <span>LinkedIn Profile</span>
951                        </a>
952                    </div>
953                </div>
954            </div>
955        </div>
956    </section>
957
958    <!-- ===== CONTACT CTA ===== -->
959    <section id="contact" class="contact-cta-section">
960        <div class="container">
961            <div class="contact-cta-card animate-on-scroll">
962                <div class="cta-left">
963                    <h2>LET'S BUILD SOMETHING REMARKABLE.</h2>
964                    <p>Whether you're a brand, a creator or an organisation, we'd love to collaborate.</p>
965                </div>
966                <div class="cta-right">
967                    <a href="mailto:[email protected]" class="cta-item">
968                        <i class="fas fa-envelope"></i>
969                        <div>
970                            <span class="cta-label">Email</span>
971                            <span class="cta-value">[email protected]</span>
972                        </div>
973                    </a>
974                    <a href="https://wa.me/919315297782" target="_blank" class="cta-item cta-book" rel="noopener noreferrer">
975                        <i class="fab fa-whatsapp"></i>
976                        <div>
977                            <span class="cta-label">Call / WhatsApp</span>
978                            <span class="cta-value">+91 93152 97782</span>
979                        </div>
980                    </a>
981                </div>
982            </div>
983        </div>
984    </section>
985
986    <!-- ===== FOOTER ===== -->
987    <footer class="footer">
988        <div class="container">
989            <div class="footer-bar">
990                <div class="footer-brand">
991                    <img src="ad-agency/img/logo-header.png" alt="Odd Planet" class="footer-logo">
992                    <span class="footer-tagline">Where ODDS Align.</span>
993                </div>
994                <div class="footer-center">
995                    <span class="footer-label">QUICK LINKS</span>
996                    <nav class="footer-nav">
997                        <a href="#home">Home</a>
998                        <a href="#services">Services</a>
999                        <a href="#work">Work</a>
1000                        <a href="#culture">Culture</a>
1001                        <a href="#creators">Creators</a>
1002                        <a href="#clients">Clients</a>
1003                        <a href="#media">Media</a>
1004                        <a href="#contact">Contact</a>
1005                    </nav>
1006                </div>
1007                <div class="footer-right">
1008                    <span class="footer-label">FOLLOW US</span>
1009                    <div class="footer-socials">
1010                        <a href="https://www.instagram.com/oddplanet.in/" target="_blank" aria-label="Odd Planet Instagram" rel="noopener noreferrer"><i class="fab fa-instagram"></i></a>
1011                        <a href="https://www.linkedin.com/company/odd-planet" target="_blank" aria-label="Odd Planet LinkedIn" rel="noopener noreferrer"><i class="fab fa-linkedin-in"></i></a>
1012                    </div>
1013                    <div class="footer-sublinks">
1014                        <a href="#">Privacy Policy</a>
1015                        <span>·</span>
1016                        <a href="#">Terms &amp; Conditions</a>
1017                    </div>
1018                </div>
1019            </div>
1020            <div class="footer-bottom">
1021                <p>&copy; 2026 Odd Planet. All Rights Reserved.</p>
1022            </div>
1023        </div>
1024    </footer>
1025
1026    <!-- Scroll to Top -->
1027    <button class="scroll-top" id="scrollTop"><i class="fas fa-chevron-up"></i></button>
1028
1029    <!-- Local Vendor JS -->
1030    
1030<script src="ad-agency/vendor/js/glightbox.min.js"></script>
1030
1031    
1031<script src="ad-agency/vendor/js/three.min.js"></script>
1031
1032    
1032<script src="ad-agency/vendor/js/swiper-bundle.min.js"></script>
1032
1033    <!-- Custom JS -->
1034    
1034<script src="ad-agency/js/script.js"></script>
1034
1035</body>
1036</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.