File: /home/aashishs/.trash/index.html.3
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Leadership Marketing Hero</title>
<link rel="preload" href="Handshake.mp4" as="video" type="video/mp4">
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body, html { height: 100%; font-family: 'Georgia', serif; color: #fff; }
.hero {
position: relative;
height: 100vh;
overflow: hidden;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.hero-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
border: none;
z-index: 0;
pointer-events: none;
}
.overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
z-index: 1;
}
.nav-logo, .nav-menu {
position: absolute;
top: 20px;
z-index: 2;
}
.nav-logo {
left: 20px;
font-size: 20px;
font-weight: bold;
border: none;
width: auto;
height: auto;
}
.nav-menu {
right: 20px;
cursor: pointer;
}
.nav-menu div {
width: 24px; height: 2px;
background: #fff;
margin: 5px 0;
}
.hero-content {
position: relative;
z-index: 2;
padding: 20px;
}
.hero h1 {
font-size: 60px;
line-height: 1.2;
margin-bottom: 20px;
}
.hero p {
font-size: 22px;
color: #ccc;
margin-bottom: 30px;
max-width: 600px;
margin: 0 auto 30px;
}
.cta-button {
background-color: rgba(255, 255, 255, 0.8);
color: #000;
padding: 12px 24px;
border: none;
border-radius: 4px;
font-size: 16px;
cursor: pointer;
display: inline-flex;
align-items: center;
text-decoration: none;
transition: background-color 0.3s;
}
.cta-button:hover {
background-color: rgba(255, 255, 255, 1);
}
.cta-button svg {
margin-left: 8px;
width: 20px;
height: 20px;
fill: none;
stroke: #000;
stroke-width: 2;
}
@media(max-width: 600px) {
.hero h1 { font-size: 36px; }
}
body {
background-color: #0e0e0e;
color: white;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.main-container {
border: 5px solid #ffa022;
min-height: 100vh;
padding-top: 3rem;
padding: 2rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
}
.intro-text {
text-align: center;
max-width: 800px;
margin-top: 3rem;
margin-bottom: 3rem;
font-size: 26px;
line-height: 1.6;
}
.video-cards {
display: flex;
gap: 2rem;
justify-content: center;
align-items: flex-start;
margin-bottom: 2rem;
}
.video-card:nth-child(odd) {
margin-top: 40px;
}
.video-card {
position: relative;
width: 300px;
height: 450px;
overflow: hidden;
border-radius: 6px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
background-color: #000;
}
.bg-video {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.overlay-text {
position: absolute;
bottom: 1rem;
left: 1rem;
color: white;
font-size: 1.2rem;
font-weight: bold;
text-shadow: 1px 1px 5px rgba(0,0,0,0.7);
}
.footer-text {
text-align: center;
font-size: 1.7rem;
margin-top: 2.3rem;
margin-bottom: 2rem;
}
.logos {
display: flex;
flex-wrap: nowrap;
gap: 2rem;
justify-content: flex-start;
align-items: center;
filter: grayscale(100%);
opacity: 0.8;
margin-bottom: 2rem;
overflow-x: auto;
white-space: nowrap;
}
.logos img {
height: 60px;
object-fit: contain;
}
.thought-leaders-section {
background-color: #f8f4f0;
padding: 6rem 2rem;
text-align: center;
color: #333;
}
.intro {
max-width: 800px;
margin: 0 auto 4rem;
}
.intro h2 {
font-size: 2.5rem;
margin-bottom: 1rem;
color: #000;
}
.intro p {
font-size: 1.2rem;
line-height: 1.6;
color: #555;
}
.cta-card {
position: relative;
width: 90%;
max-width: 1400px;
margin: 40px auto;
overflow: hidden;
border-radius: 8px;
height: 300px;
background-color: #fff;
}
.cta-video {
width: 100%;
height: 100%;
object-fit: cover;
}
.cta-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
text-align: center;
padding: 20px;
}
.cta-content h3 {
color: #fff;
font-size: 2rem;
margin-bottom: 1rem;
}
.cta-button {
padding: 10px 20px;
font-size: 1rem;
background-color: rgba(255, 255, 255, 0.8);
border: none;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s;
color: #000;
}
.cta-button:hover {
background-color: rgba(255, 255, 255, 1);
}
@media(max-width: 768px) {
.hero h1 {
font-size: 36px;
}
.hero p {
font-size: 18px;
}
.cta-button {
padding: 12px 20px;
font-size: 14px;
}
.video-cards {
flex-direction: column;
align-items: center;
}
.video-card {
width: 90%;
margin-bottom: 20px;
}
.intro-text, .footer-text {
font-size: 20px;
}
.logos {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
justify-items: center;
}
.logos img {
width: 80%;
height: auto;
}
.thought-leaders-section {
padding: 4rem 1rem;
}
.intro h2 {
font-size: 2rem;
}
.intro p {
font-size: 1rem;
}
.cta-card {
height: auto;
}
.process-flow {
flex-direction: column;
align-items: center;
}
.process-step {
width: 90%;
margin-bottom: 20px;
}
.cta-content h3 {
font-size: 1.2rem;
line-height: 1.2;
margin-bottom: 1rem;
}
.cta-content {
padding: 10px;
text-align: center;
}
}
.benchmark-section {
background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 50%, #0a0a0a 100%);
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
}
.dashboard {
display: flex;
gap: 30px;
max-width: 1400px;
width: 100%;
justify-content: center;
align-items: flex-end;
margin-bottom: 60px;
}
.card {
background: rgba(20, 20, 20, 0.8);
border: 2px solid #ffa022;
border-radius: 16px;
text-align: center;
backdrop-filter: blur(10px);
transition: transform 0.3s ease, box-shadow 0.3s ease;
position: relative;
overflow: hidden;
}
.card.side {
padding: 30px 25px;
width: 280px;
}
.card.center {
padding: 50px 40px;
width: 380px;
transform: scale(1.1);
}
.card:hover {
transform: translateY(-5px);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}
.card::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
}
.profile-image {
width: 70px;
height: 70px;
border-radius: 50%;
margin: 0 auto 15px;
object-fit: cover;
border: 2px solid rgba(255, 255, 255, 0.1);
}
.center .profile-image {
width: 90px;
height: 90px;
margin-bottom: 20px;
}
.name {
color: #ffffff;
font-size: 24px;
font-weight: 400;
margin-bottom: 6px;
letter-spacing: -0.5px;
}
.center .name {
font-size: 32px;
margin-bottom: 8px;
}
.title {
color: #888888;
font-size: 12px;
font-weight: 400;
margin-bottom: 30px;
text-transform: uppercase;
letter-spacing: 1px;
}
.center .title {
font-size: 14px;
margin-bottom: 35px;
}
.score {
font-size: 60px;
font-weight: 300;
color: #ffffff;
margin-bottom: 25px;
line-height: 1;
}
.center .score {
font-size: 80px;
margin-bottom: 30px;
}
.progress-container {
width: 240px;
height: 4px;
background: rgba(255, 255, 255, 0.1);
border-radius: 2px;
margin: 0 auto 18px;
position: relative;
overflow: hidden;
}
.center .progress-container {
width: 300px;
margin-bottom: 22px;
}
.progress-bar {
height: 100%;
border-radius: 2px;
position: relative;
transition: width 2s ease-out;
}
.progress-bar::after {
content: '';
position: absolute;
right: -2px;
top: -4px;
width: 12px;
height: 12px;
border-radius: 50%;
transform: translateX(50%);
}
.card:nth-child(1) .progress-bar {
background: linear-gradient(90deg, #666666, #999999);
width: 38%;
}
.card:nth-child(1) .progress-bar::after {
background: #999999;
}
.card:nth-child(2) .progress-bar {
background: linear-gradient(90deg, #ff4500, #ff6b35);
width: 61%;
}
.card:nth-child(2) .progress-bar::after {
background: #ff4500;
}
.card:nth-child(3) .progress-bar {
background: linear-gradient(90deg, #666666, #999999);
width: 47%;
}
.card:nth-child(3) .progress-bar::after {
background: #999999;
}
.trust-label {
color: #ffffff;
font-size: 13px;
font-weight: 500;
margin-bottom: 8px;
text-transform: uppercase;
letter-spacing: 1.5px;
}
.period {
color: #666666;
font-size: 11px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
}
@media (max-width: 768px) {
.dashboard {
flex-direction: column;
gap: 20px;
}
.card {
width: 100%;
max-width: 320px;
}
}
.header {
text-align: center;
margin-bottom: 120px;
max-width: 900px;
padding: 0 20px;
margin: 0 auto;
}
.header h1 {
font-size: 48px;
font-weight: 300;
margin-top: 100px;
margin-bottom: 30px;
color: #ffffff;
}
.header p {
font-size: 18px;
line-height: 1.6;
color: #cccccc;
font-weight: 300;
letter-spacing: 0.3px;
margin: 0 auto 60px;
}
.cta-button-secondary {
margin-top: 20px;
margin-bottom: 40px;
background-color: #ffa022;
color: #000;
display: block;
margin-left: auto;
margin-right: auto;
padding: 10px 20px;
font-size: 16px;
}
.faq-section {
background-color: #0e0e0e;
padding: 4rem 2rem;
text-align: center;
color: #fff;
border: 2px solid #ffa022;
}
.faq-item {
margin-bottom: 20px;
}
.faq-item h3 {
font-size: 2rem;
margin-bottom: 10px;
color: #000;
}
.faq-item p {
font-size: 1.2rem;
line-height: 1.6;
color: #555;
}
.accordion {
background-color: #0e0e0e;
color: #fff;
padding: 20px;
margin-bottom: 10px;
border: none;
text-align: left;
outline: none;
font-size: 18px;
transition: 0.4s;
width: 100%;
border-bottom: none;
}
.active, .accordion:hover {
background-color: #1a1a1a;
}
.panel {
padding: 10px 20px;
display: none;
background-color: #0e0e0e;
color: #ccc;
overflow: hidden;
margin-bottom: 10px;
text-align: left;
font-size: 16px;
line-height: 1.5;
}
.accordion:nth-child(odd) {
border: none;
}
.accordion:nth-child(even) {
border: none;
}
.faq-section p {
margin-bottom: 20px;
}
.faq-section h2 {
margin-bottom: 10px;
}
.nav-button {
position: absolute;
top: 20px;
right: 20px;
z-index: 2;
}
.cta-button {
background-color: #ffa022; /* Yellow color */
color: #000;
padding: 10px 20px;
border: none;
border-radius: 4px;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s;
}
.cta-button:hover {
background-color: #e0a000;
}
.footer {
background-color: #000;
color: #fff;
text-align: center;
padding: 20px 0;
position: relative;
width: 100%;
}
.process-section {
width: 100vw;
margin-left: calc(-50vw + 50%);
background-color: #0e0e0e;
padding: 4rem 3rem;
text-align: center;
color: #fff;
border: 2px solid #ffa022;
margin-bottom: 60px;
}
.process-flow {
display: flex;
flex-direction: row;
justify-content: center;
align-items: flex-start;
gap: 2rem;
margin-top: 2rem;
}
.process-step {
background-color: #1a1a1a;
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
width: 30%;
border: 2px solid #ffa022;
}
.process-step h3 {
font-size: 1.5rem;
margin-bottom: 1rem;
color: #ffa022;
}
.process-step p {
font-size: 1rem;
line-height: 1.6;
color: #ccc;
}
@media (max-width: 768px) {
.process-flow {
flex-direction: column;
align-items: center;
}
.process-step {
width: 90%;
margin-bottom: 20px;
}
}
</style>
</head>
<body>
<div class="hero">
<video class="hero-video" autoplay loop muted loading="lazy">
<source src="Handshake.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<div class="overlay"></div>
<div class="nav-logo">Thought Leaders</div>
<div class="nav-button">
<button class="cta-button" onclick="window.location.href='http://cal.com/vaibhavnahata/job'">Book a Call</button>
</div>
<div class="hero-content">
<h1>
Leadership-driven<br>
marketing for startup founders.
</h1>
<p>
POSITIONING STARTUP FOUNDERS AS THOUGHT LEADERS USING CONTENT MARKETING SEAMLESSLY
</p>
<a href="http://cal.com/vaibhavnahata/job" class="cta-button">
Book a call
<svg viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" d="M17 8l4 4m0 0l-4 4m4-4H3"></path>
</svg>
</a>
</div>
</div>
<div class="main-container">
<section class="intro-text">
<p>
We help startup founders stand out in crowded markets through clear positioning and strategic content marketing. By uncovering what truly sets your startup apart, we craft content that speaks directly to your ideal audience, builds trust, and drives growth. It's not just about creating content—it's about creating clarity, relevance, and momentum for your brand.
</p>
</section>
<section class="video-cards">
<div class="video-card">
<video autoplay muted loop class="bg-video" data-src="CHRIS DULNY.mp4" loading="lazy"></video>
<div class="overlay-text"></div>
</div>
<div class="video-card">
<video autoplay muted loop class="bg-video" data-src="DR. VIK PANT ON GEN AI_ OPPORTUNITIES & CHALLENGES.mp4" loading="lazy"></video>
<div class="overlay-text"></div>
</div>
<div class="video-card">
<video autoplay muted loop class="bg-video" data-src="Jass Malaney.mp4" loading="lazy"></video>
<div class="overlay-text"></div>
</div>
<div class="video-card">
<video autoplay muted loop class="bg-video" data-src="Linn Huynh.mp4" loading="lazy"></video>
<div class="overlay-text"></div>
</div>
</section>
<section class="footer-text">
<p>We're the strategists behind <br> the world's top executives and firms.</p>
</section>
<section class="logos">
<img src="kpmg.png" alt="KPMG">
<img src="pwc.png" alt="PWC">
<img src="go.png" alt="GO NOMADING">
<img src="ClayboxAI_.png" alt="CLAYBOX AI">
<img src="Leadershift-logo-horizontal@2x-300x66.jpg" alt="GO NOMADING">
</section>
</div>
<div class="thought-leaders-section">
<div class="intro">
<h2>Founders are under pressure to become <br>
thought leaders.</h2>
<p>In today's saturated market, startups don't fail because of bad products—they fail because people don't understand why they matter. Strong positioning helps define your startup's unique value, and content marketing brings that clarity to life.</p>
</div>
<div class="process-section">
<h2>Documenting Our Process for Content Marketing</h2>
<div class="process-flow">
<div class="process-step">
<h3>Interview Process</h3>
<p><strong>Duration:</strong> Each interview will last for one hour, allowing ample time for in-depth discussions.</p>
<p><strong>Format:</strong> Interviews will be conducted in a conversational format to encourage openness and authenticity.</p>
<p><strong>Recording:</strong> We will record video and audio clips during the interviews to capture key insights and engaging moments.</p>
</div>
<div class="process-step">
<h3>Content Creation</h3>
<p><strong>Written Content:</strong> Transcriptions of the interviews will be created to serve as a basis for written articles and blog posts.</p>
<p>Key quotes and insights will be highlighted to emphasize the founder's expertise and perspective.</p>
<p><strong>Video Clips:</strong> Short clips will be edited from the recorded interviews to create engaging video content for social media and other platforms.</p>
<p>These clips will focus on specific topics or insights that resonate with the target audience.</p>
</div>
<div class="process-step">
<h3>Positioning as Thought Leaders</h3>
<p>The combination of written articles and video content will help establish startup founders as thought leaders in their fields.</p>
<p>By sharing their stories and insights, we aim to build their personal brand and enhance their visibility in the market.</p>
</div>
</div>
</div>
<div class="cta-card">
<video class="cta-video" autoplay loop muted loading="lazy">
<source src="6883837-uhd_4096_2160_25fps.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<div class="cta-content">
<h3>Mediocre content is not an option</h3>
<button class="cta-button" onclick="window.location.href='http://cal.com/vaibhavnahata/job'">Book a call</button>
</div>
</div>
</div>
<div class="faq-section">
<h2>Frequently Asked Questions</h2>
<div class="faq-item">
<button class="accordion">What exactly do you do for startup founders?</button>
<div class="panel">
<p>We help startup founders build authority and thought leadership by strategically crafting and distributing high-impact content—blogs, LinkedIn posts, newsletters, podcasts, and more—tailored to your niche and business goals.</p>
</div>
</div>
<div class="faq-item">
<button class="accordion">Why should I position myself as a thought leader?</button>
<div class="panel">
<p>Thought leadership builds trust. When you're seen as an expert in your space, investors listen, customers convert faster, and top talent wants to work with you. It also future-proofs your brand, even if your product pivots.</p>
</div>
</div>
<div class="faq-item">
<button class="accordion">What platforms do you create content for?</button>
<div class="panel">
<p>We focus primarily on LinkedIn, Medium, personal blogs, and email newsletters. We also offer support for Twitter (X) and podcast scripting depending on your goals.</p>
</div>
</div>
<div class="faq-item">
<button class="accordion">Is this ghostwriting? Will it still sound like me?</button>
<div class="panel">
<p>Yes, we provide ghostwriting services—but every word sounds like you. We spend time understanding your tone, values, and vision so that your content feels authentic and powerful.</p>
</div>
</div>
<div class="faq-item">
<button class="accordion">What's your process like?</button>
<div class="panel">
<p>Discovery – We learn about you, your startup, your audience, and your goals.</p>
<p>Strategy – We build a custom content plan aligned with your brand.</p>
<p>Creation – We write and design high-quality content in your voice.</p>
<p>Distribution – We help you post it consistently and optimize for reach.</p>
<p>Iteration – We track results and improve monthly.</p>
</div>
</div>
<div class="faq-item">
<button class="accordion">Do I need to create content myself too?</button>
<div class="panel">
<p>Only if you want to. We handle the heavy lifting, but we may request short voice notes, past writing, or occasional insights to ensure your unique perspective shines through.</p>
</div>
</div>
<div class="faq-item">
<button class="accordion">Can you also help grow my LinkedIn following?</button>
<div class="panel">
<p>Absolutely. We optimize your profile, create engaging content, and implement growth strategies to build a high-quality audience of your ideal clients, peers, or investors.</p>
</div>
</div>
<div class="faq-item">
<button class="accordion">How soon can I start seeing results?</button>
<div class="panel">
<p>Most clients begin to see increased engagement and visibility within 4–6 weeks. Thought leadership is a compounding asset—the longer you invest, the more valuable it becomes.</p>
</div>
</div>
<div class="faq-item">
<button class="accordion">What kind of founders do you typically work with?</button>
<div class="panel">
<p>We work with early-stage to Series A founders, especially in tech, SaaS, D2C, and impact-driven ventures who want to build a strong personal brand alongside their business.</p>
</div>
</div>
<div class="faq-item">
<button class="accordion">How do I get started?</button>
<div class="panel">
<p>Simple. Just book a free strategy call with us, and we'll explore whether we're the right fit to build your thought leadership engine.</p>
</div>
</div>
</div>
<script>
var acc = document.getElementsByClassName("accordion");
var i;
for (i = 0; i < acc.length; i++) {
acc[i].addEventListener("click", function() {
this.classList.toggle("active");
var panel = this.nextElementSibling;
if (panel.style.display === "block") {
panel.style.display = "none";
} else {
panel.style.display = "block";
}
});
}
document.addEventListener('DOMContentLoaded', function() {
const videos = document.querySelectorAll('.bg-video');
videos.forEach(video => {
video.setAttribute('src', video.getAttribute('data-src'));
});
});
</script>
<div class="thought-leaders-section">
<div class="cta-card">
<video class="cta-video" autoplay loop muted loading="lazy">
<source src="6883837-uhd_4096_2160_25fps.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<div class="cta-content">
<h3>Leadership Marketing for Startup Founders.</h3>
<button class="cta-button" onclick="window.location.href='http://cal.com/vaibhavnahata/job'">Book a call</button>
</div>
</div>
</div>
<footer class="footer">
<p>All rights reserved by Thought Leaders 2025</p>
</footer>
</body>
</html>