sidddy-media
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta
name="viewport"
content="width=device-width, initial-scale=1.0"
>
<meta
name="description"
content="Sidddy Media helps D2C brands grow through UGC, creator sourcing, and influencer marketing."
>
<meta
name="robots"
content="index, follow"
>
<title>
Sidddy Media | Creator Marketing Agency
</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;700;800&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&display=swap');
*{margin:0;padding:0;box-sizing:border-box}
:root{
--primary:#0003ff;
--secondary:#4ad4ec;
--bg:#0003ff;
--bg2:#4ad4ec;
--bg3:#2b7ff7;
--text:#ffffff;
--muted:rgba(255,255,255,0.75);
--accent:#4ad4ec;
--accent2:#7ee9ff;
--card:rgba(255,255,255,0.08);
--border:rgba(255,255,255,0.12);
--border2:rgba(255,255,255,0.20);
--glow:rgba(74,212,236,0.45);
--shadow:rgba(0,3,255,0.35);
}
body{
background:#071226;
color:var(--text);
font-family:'DM Sans',sans-serif;
font-size:16px;
line-height:1.6;
min-height:100vh;
}
h1,h2,h3,h4{font-family:'Syne',sans-serif;line-height:1.1}
.site{max-width:980px;margin:0 auto;padding:0 28px}
.hero{
background:linear-gradient(135deg,#0b1d4d 0%,#143b8f 60%,#1b6ea8 100%);
border-radius:0 0 32px 32px;
margin-bottom:20px;
}
.problem,.services,.process,.who,.about,.cta-block{
background:rgba(6,16,35,0.55);
backdrop-filter:blur(8px);
}
.hero-sub,.problem-body,.service-desc,.who-sub,.about p,.cta-inner p{
color:rgba(255,255,255,0.88)!important;
}
.problem-card,.fit-card,.cta-inner{
background:rgba(255,255,255,0.06);
backdrop-filter:blur(12px);
}
/* NAV */
nav{padding:22px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:0.5px solid var(--border)}
.logo{font-family:'Syne',sans-serif;font-weight:800;font-size:18px;letter-spacing:-0.5px}
.logo span{color:var(--accent)}
.logo img{height:48px;width:auto;display:block}
.footer-logo img{height:34px;width:auto;display:block}
.nav-cta{background:var(--accent);color:#0a0a0a;font-family:'Syne',sans-serif;font-weight:700;font-size:13px;padding:9px 20px;border-radius:100px;cursor:pointer;border:none;letter-spacing:0.2px}
/* HERO */
.hero{padding:90px 0 80px;position:relative}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(200,245,90,0.1);border:0.5px solid rgba(200,245,90,0.25);color:var(--accent);font-size:12px;font-weight:500;padding:6px 14px;border-radius:100px;margin-bottom:32px;letter-spacing:0.3px}
.hero-badge::before{content:'';width:6px;height:6px;background:var(--accent);border-radius:50%;display:inline-block;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.4}}
.hero h1{font-size:clamp(46px,7vw,76px);font-weight:800;letter-spacing:-2.5px;line-height:1.0;margin-bottom:26px;color:var(--text)}
.hero h1 em{font-style:normal;color:var(--accent)}
.hero-sub{font-size:17px;color:#aaa;max-width:500px;line-height:1.65;margin-bottom:40px;font-weight:300}
.hero-sub strong{color:var(--text);font-weight:500}
.btn-group{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.btn-primary{background:var(--accent);color:#0a0a0a;font-family:'Syne',sans-serif;font-weight:700;font-size:14px;padding:14px 28px;border-radius:100px;cursor:pointer;border:none;letter-spacing:0.2px;transition:transform 0.15s,background 0.15s}
.btn-primary:hover{background:var(--accent2);transform:translateY(-1px)}
.btn-secondary{background:transparent;color:var(--text);font-family:'Syne',sans-serif;font-weight:600;font-size:14px;padding:14px 28px;border-radius:100px;cursor:pointer;border:0.5px solid var(--border2);transition:border-color 0.15s}
.btn-secondary:hover{border-color:rgba(255,255,255,0.35)}
.hero-note{margin-top:18px;font-size:13px;color:var(--muted)}
.hero-note span{color:var(--accent);font-weight:500}
.hero{
background:
radial-gradient(circle at 80% 20%, rgba(74,212,236,0.18), transparent 40%),
linear-gradient(135deg,#0a1845 0%,#163c8f 55%,#1d6fa7 100%);
border-radius:32px;
overflow:hidden;
padding:80px 50px;
}
.hero-layout{
display:grid;
grid-template-columns:1.1fr 0.9fr;
align-items:center;
gap:40px;
}
.hero-visual{
display:flex;
justify-content:center;
align-items:flex-end;
}
.hero-visual img{
max-height:620px;
width:auto;
filter:drop-shadow(0 25px 60px rgba(74,212,236,0.25));
}
.hero-pills{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-bottom:30px;
}
.hero-pills span{
background:rgba(255,255,255,0.08);
border:1px solid rgba(255,255,255,0.15);
padding:8px 14px;
border-radius:999px;
font-size:13px;
backdrop-filter:blur(10px);
}
/* PROBLEM */
.problem{padding:80px 0;border-top:0.5px solid var(--border)}
.section-label{font-size:11px;font-weight:600;letter-spacing:2px;color:var(--accent);text-transform:uppercase;margin-bottom:20px}
.problem h2{font-size:clamp(28px,4vw,44px);font-weight:800;letter-spacing:-1.5px;margin-bottom:18px;max-width:640px}
.problem-body{font-size:16px;color:#aaa;max-width:560px;line-height:1.7;font-weight:300;margin-bottom:44px}
.problem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.problem-card{background:var(--card);border:0.5px solid var(--border);border-radius:12px;padding:20px 22px}
.problem-card .icon{font-size:22px;margin-bottom:10px}
.problem-card h4{font-size:14px;font-weight:700;font-family:'Syne',sans-serif;margin-bottom:6px;letter-spacing:-0.3px}
.problem-card p{font-size:13px;color:var(--muted);line-height:1.55}
/* SERVICES */
.services{padding:80px 0;border-top:0.5px solid var(--border)}
.services h2{font-size:clamp(28px,4vw,44px);font-weight:800;letter-spacing:-1.5px;margin-bottom:48px}
.service-list{display:flex;flex-direction:column;gap:0}
.service-item{display:grid;grid-template-columns:1fr 2fr;gap:32px;padding:32px 0;border-bottom:0.5px solid var(--border);align-items:start}
.service-num{font-family:'Syne',sans-serif;font-size:12px;font-weight:700;color:var(--accent);letter-spacing:1px}
.service-name{font-family:'Syne',sans-serif;font-size:20px;font-weight:700;margin:6px 0 12px;letter-spacing:-0.5px}
.service-desc{font-size:15px;color:#999;line-height:1.65;font-weight:300;margin-bottom:16px}
.tags{display:flex;flex-wrap:wrap;gap:7px}
.tag{font-size:12px;padding:4px 11px;border-radius:100px;border:0.5px solid var(--border2);color:#aaa;font-weight:400}
/* PROCESS */
.process{padding:80px 0;border-top:0.5px solid var(--border)}
.process h2{font-size:clamp(28px,4vw,44px);font-weight:800;letter-spacing:-1.5px;margin-bottom:48px}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0}
.step{padding:0 28px 0 0;position:relative}
.step:not(:last-child)::after{content:'→';position:absolute;right:8px;top:16px;color:var(--border2);font-size:18px}
.step-num{font-family:'Syne',sans-serif;font-size:11px;font-weight:700;color:var(--accent);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px}
.step h4{font-family:'Syne',sans-serif;font-size:16px;font-weight:700;margin-bottom:8px;letter-spacing:-0.3px}
.step p{font-size:13px;color:var(--muted);line-height:1.6}
/* WHO */
.who{padding:80px 0;border-top:0.5px solid var(--border)}
.who h2{font-size:clamp(28px,4vw,44px);font-weight:800;letter-spacing:-1.5px;margin-bottom:12px}
.who-sub{font-size:16px;color:#aaa;font-weight:300;margin-bottom:36px}
.fit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}
.fit-card{background:var(--card);border:0.5px solid var(--border);border-radius:12px;padding:22px}
.fit-card h4{font-family:'Syne',sans-serif;font-size:15px;font-weight:700;margin-bottom:8px}
.fit-card p{font-size:13px;color:var(--muted);line-height:1.6}
.fit-check{display:inline-block;width:18px;height:18px;border-radius:50%;background:rgba(200,245,90,0.15);color:var(--accent);font-size:11px;text-align:center;line-height:18px;margin-right:6px;font-weight:700}
/* CTA */
.cta-block{padding:80px 0;border-top:0.5px solid var(--border)}
.cta-inner{background:var(--bg3);border:0.5px solid var(--border2);border-radius:20px;padding:64px 56px;text-align:center}
.cta-inner h2{font-size:clamp(28px,4vw,46px);font-weight:800;letter-spacing:-1.5px;margin-bottom:16px}
.cta-inner p{font-size:16px;color:#aaa;font-weight:300;max-width:440px;margin:0 auto 36px;line-height:1.65}
.cta-fine{margin-top:16px;font-size:13px;color:var(--muted)}
/* ABOUT */
.about{padding:60px 0;border-top:0.5px solid var(--border)}
.about-grid{display:grid;grid-template-columns:1fr 1.8fr;gap:48px;align-items:start}
.about h3{font-family:'Syne',sans-serif;font-size:22px;font-weight:800;letter-spacing:-0.8px;margin-bottom:12px}
.about p{font-size:14px;color:#999;line-height:1.7;font-weight:300}
.values{margin-top:20px;display:flex;flex-direction:column;gap:8px}
.val{font-size:13px;color:var(--muted);padding-left:14px;position:relative}
.val::before{content:'';position:absolute;left:0;top:9px;width:5px;height:1px;background:var(--accent)}
/* FOOTER */
footer{padding:32px 0;border-top:0.5px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.footer-logo{font-family:'Syne',sans-serif;font-weight:800;font-size:15px}
.footer-logo span{color:var(--accent)}
.footer-links{display:flex;gap:20px;font-size:13px;color:var(--muted)}
.footer-links a{color:var(--muted);text-decoration:none}
.footer-links a:hover{color:var(--text)}
/*Button functionality*/
.btn-primary,
.btn-secondary,
.nav-cta{
display:inline-flex;
align-items:center;
justify-content:center;
text-decoration:none;
}
@media(max-width:900px){
.hero-layout{grid-template-columns:1fr;}
.hero-visual{order:-1;}
.hero-visual img{max-height:420px;}
.hero{padding:50px 25px;}
}
@media(max-width:600px){
.service-item{grid-template-columns:1fr}
.about-grid{grid-template-columns:1fr}
.step:not(:last-child)::after{display:none}
.cta-inner{padding:40px 24px}
}
</style>
</head>
<h2 class="sr-only" style="display:none">Sidddy Media — influencer marketing agency website mockup</h2>
<div class="site">
<nav>
<div class="logo"><img src="Agency Logo.png" alt="Sidddy Media"></div>
<a
href="https://forms.gle/LGYfLRMfY6vnm2B67"
target="_blank"
class="nav-cta"
>
Get Free Audit
</a>
</nav>
<!-- HERO -->
<section class="hero">
<div class="hero-layout">
<div class="hero-content">
<div class="hero-badge">Now accepting new brand partners</div>
<h1>
Your Brand Has A<br>
<em>Content Gap.</em><br>
We Close It.
</h1>
<p class="hero-sub">
Sidddy Media connects <strong>skincare, fitness & D2C brands</strong>
with the right creators so you stop posting into the void and start
building real social proof.
</p>
<div class="hero-pills">
<span>UGC Sourcing</span>
<span>Influencer Campaigns</span>
<span>Creator Partnerships</span>
<span>Content Strategy</span>
</div>
<div class="btn-group">
<a href="https://forms.gle/5CYfXugST6B5725B9"
target="_blank"
class="btn-primary">
Get Your Free Brand Audit
</a>
<a href="#how-it-works" class="btn-secondary">
See How It Works
</a>
</div>
<p class="hero-note">
<span>Free</span> — Creator audit, content gaps, growth opportunities and actionable recommendations.
</p>
</div>
<div class="hero-visual">
<img src="Agency Mascot.png" alt="Agent Sid">
</div>
</div>
</section>
<!-- PROBLEM -->
<section class="problem">
<p class="section-label">The real problem</p>
<h2>Your product is good.<br>Nobody knows it yet.</h2>
<p class="problem-body">Most D2C brands don't lose because of a bad product. They lose because their content doesn't build trust fast enough — and without trust, nobody buys.</p>
<div class="problem-grid">
<div class="problem-card">
<div class="icon">📉</div>
<h4>Not enough content</h4>
<p>Ads alone can't carry you. Buyers need to see your product used by real people before they trust it.</p>
</div>
<div class="problem-card">
<div class="icon">🎲</div>
<h4>Random creator deals</h4>
<p>One-off influencer posts with no strategy rarely move the needle. You need a system, not a gamble.</p>
</div>
<div class="problem-card">
<div class="icon">⏱</div>
<h4>No time to manage it</h4>
<p>Outreach, briefs, follow-ups, revisions — it's a full-time job on top of running your brand.</p>
</div>
</div>
</section>
<!-- SERVICES -->
<section class="services">
<p class="section-label">What we do</p>
<h2>Three ways we grow you through creators</h2>
<div class="service-list">
<div class="service-item">
<div>
<p class="service-num">01</p>
<h3 class="service-name">UGC Creator Sourcing</h3>
</div>
<div>
<p class="service-desc">We find creators who genuinely fit your brand — not just influencers with big follower counts. The result: content that feels real because it is, which converts at a fraction of the cost of paid ads.</p>
<div class="tags">
<span class="tag">Creator research</span>
<span class="tag">Outreach</span>
<span class="tag">Negotiation</span>
<span class="tag">Content coordination</span>
</div>
</div>
</div>
<div class="service-item">
<div>
<p class="service-num">02</p>
<h3 class="service-name">Campaign Management</h3>
</div>
<div>
<p class="service-desc">We run influencer campaigns end-to-end so you don't have to. From selection to final deliverables — we handle every detail, chase every deadline, and report back with clarity.</p>
<div class="tags">
<span class="tag">Influencer selection</span>
<span class="tag">Campaign planning</span>
<span class="tag">Deliverable management</span>
<span class="tag">Reporting</span>
</div>
</div>
</div>
<div class="service-item">
<div>
<p class="service-num">03</p>
<h3 class="service-name">Content Strategy</h3>
</div>
<div>
<p class="service-desc">We look at what your audience actually responds to — then build a creator strategy around that. Hook analysis, content gaps, creative angles. Less guesswork, more momentum.</p>
<div class="tags">
<span class="tag">Content audits</span>
<span class="tag">Creative direction</span>
<span class="tag">Hook analysis</span>
<span class="tag">Growth opportunities</span>
</div>
</div>
</div>
</div>
</section>
<!-- PROCESS -->
<section class="process" id="how-it-works">
<p class="section-label">How it works</p>
<h2>From kickoff to content in 4 steps</h2>
<div class="steps">
<div class="step">
<p class="step-num">Step 01</p>
<h4>Brand Discovery</h4>
<p>We get deep on your brand, audience, and what's worked (or hasn't) so far.</p>
</div>
<div class="step">
<p class="step-num">Step 02</p>
<h4>Creator Strategy</h4>
<p>We build a shortlist of creators and a campaign structure aligned to your goals.</p>
</div>
<div class="step">
<p class="step-num">Step 03</p>
<h4>Full Execution</h4>
<p>We handle everything — outreach, briefs, coordination, and content delivery.</p>
</div>
<div class="step">
<p class="step-num">Step 04</p>
<h4>Optimise</h4>
<p>We review what landed, drop what didn't, and sharpen the next round.</p>
</div>
</div>
</section>
<!-- WHO IS THIS FOR -->
<section class="who">
<p class="section-label">Who this is for</p>
<h2>We work best with brands that…</h2>
<p class="who-sub">If any of these sound like you, we should talk.</p>
<div class="fit-grid">
<div class="fit-card">
<h4><span class="fit-check">✓</span>Have a real product</h4>
<p>You've got something worth selling — skincare, supplements, fitness gear, lifestyle goods — and you're ready to get it in front of the right people.</p>
</div>
<div class="fit-card">
<h4><span class="fit-check">✓</span>Are done winging it</h4>
<p>You've tried a random creator here, a paid post there. You know you need a proper strategy — not another one-off experiment.</p>
</div>
<div class="fit-card">
<h4><span class="fit-check">✓</span>Want to move fast</h4>
<p>You're not looking for a 6-month agency retainer before anything happens. You want to start building momentum now.</p>
</div>
</div>
</section>
<!-- ABOUT -->
<section class="about">
<div class="about-grid">
<div>
<h3>About Sidddy Media</h3>
<p style="color:var(--accent);font-size:13px;font-weight:500;margin-bottom:8px">Creator-first. Results-focused.</p>
<p>We're a lean, creator-focused marketing agency built for brands that need to move fast without sacrificing quality. We care about two things: getting you better content and building you real social proof.</p>
</div>
<div>
<p style="font-size:15px;color:#bbb;line-height:1.75;font-weight:300">We started Sidddy Media because we saw too many good brands get ignored online — not because their products weren't good enough, but because their creator strategy was either non-existent or all over the place.<br><br>We're here to fix that.</p>
<div class="values">
<p class="val">We only work with brands we believe in</p>
<p class="val">We're transparent about what we can and can't deliver</p>
<p class="val">We treat your budget like it's our own</p>
</div>
</div>
</div>
</section>
<!-- CTA -->
<section class="cta-block">
<div class="cta-inner">
<h2>Let's figure out your<br>creator strategy together.</h2>
<p>Book a free 30-minute discovery call. We'll look at where you are, what's holding your content back, and what a proper creator system could look like for your brand.</p>
<a
href="https://cal.com/sidddy.media/25min"
target="_blank"
class="btn-primary"
style="font-size:15px;padding:16px 36px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;">
Book Your Free Discovery Call
</a>
<p class="cta-fine">No cost. No obligation. Just clarity.</p>
</div>
</section>
<footer>
<div class="footer-logo"><img src="Agency Logo.png" alt="Sidddy Media"></div>
<div class="footer-links">
<a href="mailto:sidan@sidddymedia.in">
sidan@sidddymedia.in
</a>
<a href="https://www.instagram.com/sidddy.media">Instagram</a>
</div>
<p style="font-size:12px;color:var(--muted)">Creator Marketing · UGC · Influencer Partnerships</p>
</footer>
</div>