<!doctype html>

<head>

<title>Bridge Pen Digital Consulting | Email Marketing, Google Ads, Social Ads</title>

<style>

:root{

--bg:#0b1020;

--muted:#a9b4d0;

--text:#eef2ff;

--accent:#1E2A78; /* Deep Indigo */

--accent2:#16C2A3; /* Vibrant Teal */

--line:rgba(255,255,255,.10);

--shadow:0 18px 60px rgba(0,0,0,.45);

--radius:18px;

--max:1100px;

--font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";

}

*{box-sizing:border-box}

html,body{

margin:0;padding:0;font-family:var(--font);

background:

radial-gradient(1200px 800px at 10% 10%, rgba(30,42,120,.28), transparent 55%),

radial-gradient(900px 700px at 90% 20%, rgba(22,194,163,.18), transparent 60%),

var(--bg);

color:var(--text);

}

a{color:inherit;text-decoration:none}

.wrap{max-width:var(--max);margin:0 auto;padding:28px 20px 64px;}

.nav{

position:sticky;top:0;z-index:20;

backdrop-filter:saturate(140%) blur(10px);

background:linear-gradient(to bottom, rgba(11,16,32,.92), rgba(11,16,32,.62));

border-bottom:1px solid var(--line);

}

.navin{max-width:var(--max);margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:14px;justify-content:space-between}

.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.2px}

.logo{

width:38px;height:38px;border-radius:12px;

background:linear-gradient(135deg, var(--accent), var(--accent2));

box-shadow:0 10px 28px rgba(30,42,120,.28);

}

.navlinks{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end}

.navlinks a{color:var(--muted);font-weight:600;font-size:14px;padding:8px 10px;border-radius:999px}

.navlinks a:hover{background:rgba(255,255,255,.06);color:var(--text)}

.cta{

display:inline-flex;align-items:center;gap:10px;

padding:10px 14px;border-radius:999px;

background:linear-gradient(135deg, rgba(30,42,120,.98), rgba(22,194,163,.92));

color:#061023;font-weight:900;border:0;cursor:pointer;

box-shadow:0 14px 40px rgba(0,0,0,.35);

}

.hero{padding:36px 0 16px}

.grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:stretch}

@media (max-width: 920px){.grid{grid-template-columns:1fr}}

.card{

background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));

border:1px solid var(--line);

border-radius:var(--radius);

box-shadow:var(--shadow);

padding:22px;

}

.kicker{display:inline-flex;align-items:center;gap:10px;color:var(--muted);font-weight:750;font-size:13px}

.dot{width:9px;height:9px;border-radius:999px;background:var(--accent2);box-shadow:0 0 0 6px rgba(22,194,163,.12)}

h1{margin:12px 0 10px;font-size:44px;line-height:1.05;letter-spacing:-.8px}

@media (max-width: 520px){h1{font-size:36px}}

.sub{color:var(--muted);font-size:16px;line-height:1.7;margin:0 0 18px}

.pillrow{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 4px}

.pill{border:1px solid var(--line);color:var(--muted);padding:9px 12px;border-radius:999px;font-size:13px;font-weight:700;background:rgba(255,255,255,.03)}

.btnrow{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}

.btn{

display:inline-flex;align-items:center;gap:10px;

padding:12px 14px;border-radius:14px;border:1px solid var(--line);

background:rgba(255,255,255,.04);color:var(--text);font-weight:900;cursor:pointer

}

.btn:hover{background:rgba(255,255,255,.07)}

.btn.primary{border:0;background:linear-gradient(135deg, rgba(30,42,120,.98), rgba(22,194,163,.92));color:#061023}

.sidebox{display:flex;flex-direction:column;gap:12px}

.mini{

border:1px solid var(--line);

background:rgba(255,255,255,.03);

border-radius:16px;

padding:16px;

}

.mini h3{margin:0 0 8px;font-size:16px}

.mini p{margin:0;color:var(--muted);line-height:1.6;font-size:14px}

.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}

.metric{border:1px solid var(--line);background:rgba(255,255,255,.03);border-radius:14px;padding:12px}

.metric b{display:block;font-size:18px}

.metric span{color:var(--muted);font-size:12px}

section{padding:22px 0}

.sec-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}

.sec-title h2{margin:0;font-size:22px;letter-spacing:-.2px}

.sec-title p{margin:0;color:var(--muted);line-height:1.5;font-size:14px;max-width:560px}

.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}

@media (max-width: 920px){.cards3{grid-template-columns:1fr}}

.svc h3{margin:0 0 8px;font-size:16px}

.svc ul{margin:0;padding-left:18px;color:var(--muted);line-height:1.7}

.svc li{margin:6px 0}

.tagrow{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}

.tag{font-size:12px;color:var(--muted);border:1px dashed rgba(255,255,255,.18);padding:7px 10px;border-radius:999px}

.twocol{display:grid;grid-template-columns:1fr 1fr;gap:14px}

@media (max-width: 920px){.twocol{grid-template-columns:1fr}}

.case h3{margin:0 0 6px}

.case p{margin:0;color:var(--muted);line-height:1.65}

.steps{counter-reset: step}

.step{position:relative;padding-left:48px}

.step:before{

counter-increment:step;

content:counter(step);

position:absolute;left:0;top:0;

width:34px;height:34px;border-radius:12px;

display:grid;place-items:center;

background:rgba(30,42,120,.18);

border:1px solid rgba(30,42,120,.35);

font-weight:950

}

.testi{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}

@media (max-width: 920px){.testi{grid-template-columns:1fr}}

.quote{font-size:14px;line-height:1.65;color:var(--muted)}

.who{margin-top:10px;font-weight:900}

.who span{display:block;color:var(--muted);font-weight:700;font-size:12px;margin-top:2px}

form{display:grid;gap:10px}

input,textarea{

width:100%;padding:12px 12px;border-radius:14px;

border:1px solid var(--line);background:rgba(255,255,255,.03);

color:var(--text);font-size:14px;outline:none

}

textarea{min-height:120px;resize:vertical}

.help{color:var(--muted);font-size:12px;line-height:1.5;margin:2px 0 0}

.foot{padding-top:18px;margin-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}

.smalllink{color:var(--muted);text-decoration:underline;text-underline-offset:3px}

/* small accessibility boost */

:focus-visible{outline:2px solid rgba(22,194,163,.9); outline-offset:2px; border-radius:10px}

</style>

</head>

<body>

<div>

Bridge Pen Digital Consulting

Turning attention into customers with smart, measurable marketing.

</div>

<a href="#services">Services</a>

<a href="#industries">Industries</a>

<a href="#process">Process</a>

<a href="#contact">Contact</a>

<a class="cta" href="#contact">Start Here</a>

</div>

<div class="kicker"><span class="dot" aria-hidden="true"></span> Strategy-first marketing you can measure (and trust)</div>

<h1>Turn attention into customers—without guessing.</h1>

Bridge Pen Digital Consulting helps businesses grow with a performance system across

<b>email marketing</b>, <b>Google Ads</b>, and <b>social media advertising</b>.

Clear planning. Clean tracking. Consistent optimization.

</p>

<div class="pill">Email Marketing & Automation</div>

<div class="pill">Google Ads Management</div>

<div class="pill">Social Media Advertising</div>

<div class="pill">Landing Pages & Funnels</div>

<div class="pill">GA4 + Tracking Hygiene</div>

<div class="pill">Reporting That Makes Sense</div>

</div>

<a class="btn primary" href="#contact">Request a consultation</a>

<a class="btn" href="#process">See the process</a>

</div>

Quick reply promise: you’ll get a clear next step—either a fit, or a referral.

</div>

<p>High-intent acquisition + lifecycle follow-up + measurement that ties actions to outcomes—so you know what’s working and what to stop.</p>

</div>

<div class="metric"><b>Leads</b><span>Quality + volume</span></div>

<div class="metric"><b>ROAS</b><span>Profit-aware</span></div>

<div class="metric"><b>CAC</b><span>Controlled</span></div>

</div>

<p>Service businesses and brands that want consistent growth—without messy campaigns, random posting, or dashboards that don’t match reality.</p>

</div>

</aside>

</div>

</header>

<h2>Services</h2>

<p>Three core services—built to work together so traffic converts, leads follow through, and reporting stays honest.</p>

</div>

<h3>Email Marketing & Automation</h3>

<ul>

<li>Welcome + nurture sequences</li>

<li>Re-engagement + winback flows</li>

<li>Campaign planning + copy support</li>

<li>Segmentation + deliverability basics</li>

</ul>

<span class="tag">Lifecycle</span><span class="tag">Retention</span><span class="tag">Automation</span>

</div>

<h3>Google Ads Management</h3>

<ul>

<li>Search campaign build + rebuilds</li>

<li>Keyword intent + negatives</li>

<li>Landing page alignment</li>

<li>Budget control + performance reporting</li>

</ul>

<span class="tag">Search intent</span><span class="tag">Lead gen</span><span class="tag">Optimization</span>

</div>

<h3>Social Media Advertising</h3>

<ul>

<li>Meta ads (Facebook/Instagram)</li>

<li>Audience + creative testing frameworks</li>

<li>Retargeting + funnel structure</li>

<li>Cost control + scaling plan</li>

</ul>

<span class="tag">Paid social</span><span class="tag">Creative testing</span><span class="tag">Retargeting</span>

</div>

</section>

<h2>Multi-industry experience</h2>

<p>This isn’t “one niche only.” Strategy adapts to your margins, sales cycle, and buyer behavior.</p>

</div>

<span class="tag">Professional Services</span>

<span class="tag">Home + Local Services</span>

<span class="tag">Real Estate + Property Services</span>

<span class="tag">Healthcare + Wellness</span>

<span class="tag">E-commerce</span>

<span class="tag">Hospitality + Travel</span>

<span class="tag">Creators + Personal Brands</span>

</div>

<p class="help" style="margin-top:10px">If you want, you can swap these later—this list is written to stay broad and credible.</p>

</div>

</section>

<h2>Example outcomes</h2>

<p>Common wins when email + ads + measurement are working together (written to stay accurate without inventing numbers).</p>

</div>

<h3>Lead Gen + Google Ads Cleanup</h3>

<p><b>Problem:</b> Spend rose but lead quality was inconsistent.<br/>

<b>Work:</b> Rebuilt campaign structure, tightened intent targeting, cleaned negatives, aligned ads to landing pages, verified conversion tracking.<br/>

<b>Outcome:</b> More predictable lead flow and clearer attribution for decision-making.</p>

</div>

<h3>Paid Social + Follow-up System</h3>

<p><b>Problem:</b> Traffic came in but didn’t convert consistently.<br/>

<b>Work:</b> Built funnel stages, tested creative angles, added retargeting, paired with email follow-up for warm leads.<br/>

<b>Outcome:</b> Better conversion efficiency and a stronger path from click → customer.</p>

</div>

</section>

<p>Focused, practical, and execution-driven—so you always know what is being done and why.</p>

</div>

<h3 style="margin:0 0 6px">Audit + Clarity</h3>

<p class="quote">We review your offers, tracking, funnel, and current campaigns. You get a prioritized plan—no mystery report.</p>

</div>

<h3 style="margin:0 0 6px">Build + Launch</h3>

<p class="quote">Campaigns and automations are built around intent and follow-through. We launch with measurement in place.</p>

</div>

<h3 style="margin:0 0 6px">Optimize + Scale</h3>

<p class="quote">Weekly improvements and tests that compound. We scale what works and cut what wastes budget.</p>

</div>

</section>

<h2>What clients usually care about</h2>

<p>When the work is done right, these themes show up again and again.</p>

</div>

<div class="quote">“We finally had a clear plan, clean tracking, and campaigns that made sense. No more guessing.”</div>

<div class="who">Client Feedback <span>Ads + Measurement</span></div>

</div>

<div class="quote">“The email system improved follow-through. It felt like we stopped leaving money on the table.”</div>

<div class="who">Client Feedback <span>Email + Lifecycle</span></div>

</div>

<div class="quote">“Reporting was simple and honest. We knew exactly what to improve each month.”</div>

<div class="who">Client Feedback <span>Strategy + Execution</span></div>

</div>

<p class="help">These are safe placeholders until you add real quotes (recommended).</p>

</section>

<h2>Contact</h2>

<p>Tell me what you sell, who you sell it to, and what success should look like. You’ll get a clear next step.</p>

</div>

<h3 style="margin:0 0 10px">Send a message</h3>

<div class="help">This opens the visitor’s email app (no server required).</div>

</form>

</div>

<h3 style="margin:0 0 10px">Quick details</h3>

<b>Core services:</b><br/>

• Email Marketing & Automation<br/>

• Google Ads Management<br/>

• Social Media Advertising

</p>

<b>Start here:</b><br/>

Most clients begin with an audit + roadmap, then move into monthly execution.

</p>

<b>Email:</b><br/>

<a class="smalllink" href="mailto:info@bridgepen.com">info@bridgepen.com</a>

</p>

</div>

<span>Static single-file site</span>

</div>

</section>

</main>

// Update year

document.getElementById("yr").textContent = new Date().getFullYear();

// Contact form -> mailto (sends to Bridge Pen email)

const RECIPIENT_EMAIL = "info@bridgepen.com";

document.getElementById("contactForm").addEventListener("submit", function(e){

e.preventDefault();

const name = document.getElementById("name").value.trim();

const email = document.getElementById("email").value.trim();

const company = document.getElementById("company").value.trim();

const message = document.getElementById("message").value.trim();

const subject = encodeURIComponent("New inquiry — Bridge Pen Digital Consulting");

const body = encodeURIComponent(

"Name: " + name + "\n" +

"Email: " + email + "\n" +

"Company/Website: " + (company || "-") + "\n\n" +

"Message:\n" + message + "\n"

);

window.location.href =

"mailto:" + encodeURIComponent(RECIPIENT_EMAIL) +

"?subject=" + subject +

"&body=" + body;

});

// Smooth scroll for internal links

document.querySelectorAll("a[href^=\"#\"]").forEach(a => {

a.addEventListener("click", (e) => {

const id = a.getAttribute("href");

const el = document.querySelector(id);

if(!el) return;

e.preventDefault();

el.scrollIntoView({behavior:"smooth", block:"start"});

});

</script>

</body>

</html>