add Founder section: Steve's sales + web-dev background as the differentiator (SA monogram, credibility close before CTA) + nav link

ef5371958a35fe9058e70bae1dd2cd2aa6bcfd41 · 2026-08-13 11:18:01 -0700 · Steve Abrams
Files touched

M public/index.html
Diff

commit ef5371958a35fe9058e70bae1dd2cd2aa6bcfd41
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Thu Aug 13 11:18:01 2026 -0700

    add Founder section: Steve's sales + web-dev background as the differentiator (SA monogram, credibility close before CTA) + nav link
---
 public/index.html | 32 ++++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/public/index.html b/public/index.html
index 19aa27b..f000a5a 100644
--- a/public/index.html
+++ b/public/index.html
@@ -144,6 +144,17 @@ section{padding:clamp(56px,9vw,110px) 0}
 .swatch .lbl{position:absolute;left:0;right:0;bottom:0;padding:6px 8px;font-size:.62rem;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent);color:#fff;opacity:0;transition:.2s}
 .swatch:hover .lbl{opacity:1}
 
+/* ---------- founder / about ---------- */
+.about{display:grid;grid-template-columns:.85fr 1.15fr;gap:30px;align-items:center}
+.mono{aspect-ratio:1;max-width:300px;margin:0 auto;padding:28px;display:grid;place-items:center;text-align:center}
+.mono .ini{font-family:Fraunces;font-weight:900;font-size:clamp(3.4rem,13vw,6rem);line-height:1;background:linear-gradient(120deg,#7c5cff,#22d3ee 45%,#ff5ca8);-webkit-background-clip:text;background-clip:text;color:transparent}
+.mono .cred{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;justify-content:center}
+.mono .cred span{font-size:.72rem;padding:6px 12px;border-radius:999px;border:1px solid var(--line);color:#cbd2ea}
+.about-copy .role{color:var(--a2);font-weight:600;margin:2px 0 16px}
+.about-copy p{color:#cbd2ea;font-size:1.02rem;margin-bottom:14px}
+.about-copy p b{color:var(--ink)}
+@media(max-width:860px){.about{grid-template-columns:1fr}}
+
 /* ---------- contact ---------- */
 .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}
 .contact-copy h2{font-size:var(--fluid-h2);font-weight:900;margin-bottom:14px}
@@ -221,6 +232,7 @@ footer .logo{justify-content:center;margin-bottom:14px}
     <div class="navlinks glass" id="navlinks" style="background:transparent;border:0;backdrop-filter:none">
       <a href="#services">Services</a>
       <a href="#work">Our Work</a>
+      <a href="#founder">Founder</a>
       <a href="#demo">Live Demo</a>
       <a class="pill" href="#contact">Start a project</a>
     </div>
@@ -387,6 +399,26 @@ footer .logo{justify-content:center;margin-bottom:14px}
     </div>
   </section>
 
+  <!-- FOUNDER -->
+  <section id="founder">
+    <div class="about">
+      <div class="mono glass lg notilt reveal">
+        <div>
+          <div class="ini">SA</div>
+          <div class="cred"><span>Sales &amp; revenue</span><span>Full-stack dev</span><span>AI &amp; automation</span></div>
+        </div>
+      </div>
+      <div class="about-copy reveal">
+        <div class="kicker" style="color:var(--a2);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:.8rem">The founder</div>
+        <h2 style="font-size:clamp(1.9rem,5vw,3rem);font-weight:900">A salesperson who learned to build.</h2>
+        <div class="role">Steve Abrams · Founder</div>
+        <p>Abrams Agency comes from a combination that rarely lives in one person: a career in <b>sales</b> and a career in <b>web development</b>.</p>
+        <p>Steve spent years on the revenue side — building and running Designer Wallcoverings, a luxury wallcovering business — learning firsthand what actually moves a customer to buy. Then he taught himself to build the software that ran it: the storefronts, the catalog systems, and the automations you see above.</p>
+        <p>Most agencies have engineers who've never carried a quota, or marketers who can't ship a line of code. We're both — so we don't just build things that look good, we build things that <b>sell</b>. The Designer Wallcoverings operation isn't a case study we borrowed. It's ours. <b>We build for you the way we built it for ourselves.</b></p>
+      </div>
+    </div>
+  </section>
+
   <!-- CONTACT -->
   <section id="contact">
     <div class="contact-grid">
← 2082cb8 add launch post drafts (LinkedIn/X/IG) — gated, not posted · back to Abramsagency · Founder: lead web-dev cred with real 10-month record (600+ p ac4a33d →