Banner

“We help entrepreneurs and service companies turn attention into revenue using a proven, tech-driven system.”

AI-Powered Growth for Service-Based Businesses

Embed

<section id="services" class="rhs-services" aria-label="Services"> <style> /* ---------- Brand Tokens ---------- */ .rhs-services { --bg: #0A0A0A; --card: #121212; --card-2: #151515; --text: #FFFFFF; --muted: #B9B9B9; --brand: #E63946; --line: #222222; --surface: #0F0F0F; --shadow: 0 6px 18px rgba(0,0,0,.35); --radius: 18px; --radius-lg: 22px; --pad: 22px; --gap: 18px; } /* ---------- Section Base ---------- */ .rhs-services { font-family: "Open Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; color: var(--text); background: var(--bg); border: 1px solid var(--line); border-radius: var(--radius-lg); padding: clamp(20px, 3vw, 36px); } .rhs-services .container { max-width: 1200px; margin: 0 auto; } /* ---------- Typography ---------- */ .rhs-services h2, .rhs-services h3 { font-family: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; letter-spacing: .2px; } .rhs-services .h2 { font-size: clamp(1.6rem, 1.2rem + 1.2vw, 2.2rem); font-weight: 800; line-height: 1.15; } .rhs-services .h3 { font-size: 1.15rem; font-weight: 700; margin: .1rem 0 .35rem; } .rhs-services .muted { color: var(--muted); } /* ---------- Header Flag ---------- */ .rhs-services .flag { display: inline-flex; align-items: center; gap: .5rem; padding: .38rem .7rem; border: 1px dashed rgba(230,57,70,.5); color: #FFD7DB; background: linear-gradient(0deg, rgba(230,57,70,.08), rgba(230,57,70,.08)); border-radius: 999px; font-size: .85rem; white-space: nowrap; } .rhs-services .dot { width: 8px; height: 8px; border-radius: 50%; background: var(--brand); box-shadow: 0 0 0 4px rgba(230,57,70,.18); display: inline-block; } /* ---------- Grid ---------- */ .rhs-services .grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: var(--gap); margin-top: 1rem; } /* 3 rows of two-on-desktop, one-on-mobile */ .rhs-services .row { display: contents; } .rhs-services .card { grid-column: span 6; } @media (max-width: 860px) { .rhs-services .card { grid-column: 1 / -1; } } /* ---------- Card ---------- */ .rhs-services article.card { position: relative; background: linear-gradient(180deg, var(--card), var(--card-2)); border: 1px solid var(--line); border-radius: var(--radius); padding: var(--pad); transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; box-shadow: 0 0 0 rgba(0,0,0,0); overflow: hidden; isolation: isolate; } .rhs-services article.card:hover { transform: translateY(-4px); border-color: rgba(230,57,70,.55); box-shadow: var(--shadow); } /* Subtle corner sheen */ .rhs-services article.card::after { content: ""; position: absolute; inset: 0; background: radial-gradient(1200px 400px at -10% -10%, rgba(230,57,70,.08), transparent 40%), radial-gradient(900px 300px at 110% 120%, rgba(255,255,255,.04), transparent 40%); pointer-events: none; z-index: 0; } /* ---------- Icon Badge ---------- */ .rhs-services .icon-wrap { width: 42px; height: 42px; display: inline-grid; place-items: center; border-radius: 12px; background: #141414; border: 1px solid var(--line); margin-bottom: .6rem; } .rhs-services .icon-wrap svg { width: 22px; height: 22px; } /* ---------- “Most Popular” Chip ---------- */ .rhs-services .badge.tag { position: absolute; top: 12px; right: 12px; font-size: .75rem; font-weight: 700; color: #121212; background: linear-gradient(0deg, #FF97A0, #FF97A0); border: 1px solid #FFC5CA; border-radius: 999px; padding: .28rem .56rem; z-index: 2; } /* ---------- Lists ---------- */ .rhs-services ul { margin: .65rem 0 1.05rem; padding-left: 1.05rem; } .rhs-services li { margin: .28rem 0; } /* ---------- Buttons ---------- */ .rhs-services .btn { display: inline-flex; align-items: center; gap: .5rem; border-radius: 12px; line-height: 1; text-decoration: none; cursor: pointer; transition: transform .2s ease, background .2s ease, border-color .2s ease, color .2s ease; } .rhs-services .btn-ghost { color: #fff; border: 1px solid var(--line); background: #121212; padding: .7rem .9rem; } .rhs-services .btn-ghost:hover { border-color: rgba(230,57,70,.75); box-shadow: 0 6px 18px rgba(230,57,70,.18); transform: translateY(-1px); } .rhs-services .btn-ghost svg { width: 16px; height: 16px; } /* ---------- Divider (optional) ---------- */ .rhs-services + .divider { height: 1px; background: linear-gradient(90deg, transparent, #222, transparent); margin: clamp(20px, 3vw, 32px) 0 0; border: 0; } </style> <div class="container"> <div style="display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:.6rem;flex-wrap:wrap"> <h2 class="h2" style="margin:0">Services</h2> <span class="flag"><span class="dot"></span> Most Popular: Personal Brand Engine</span> </div> <div class="grid"> <div class="row">  <article class="card"> <span class="badge tag">Most Popular</span> <div class="icon-wrap" aria-hidden="true">  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor"> <path stroke-width="1.6" d="M3 7l4.5 3 4.5-6 4.5 6L21 7l-2 10H5L3 7z"/> </svg> </div> <h3 class="h3">Personal Brand Engine</h3> <p class="muted">Position yourself as the go-to authority with a content system that builds trust and steady demand.</p> <ul class="muted"> <li>Content strategy & hooks</li> <li>Batch Reels/TikTok edits</li> <li>Distribution playbook</li> </ul> <a class="btn btn-ghost" href="/personal-brand-page" aria-label="Learn more about Personal Brand Engine"> Learn More <svg viewBox="0 0 24 24" fill="none" stroke="currentColor"><path stroke-width="1.8" d="M5 12h14M13 5l7 7-7 7"/></svg> </a> </article>  <article class="card"> <div class="icon-wrap" aria-hidden="true">  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor"> <circle cx="11" cy="11" r="7" stroke-width="1.6"/> <path stroke-width="1.6" d="M21 21l-3.2-3.2"/> </svg> </div> <h3 class="h3">SEO Foundations & Local SEO</h3> <p class="muted">Rank where it matters—Google Maps, local search, and organic results—so high-intent leads find you first.</p> <ul class="muted"> <li>Technical + on-page SEO</li> <li>GBP optimization & citations</li> <li>Local landing pages</li> </ul> <a class="btn btn-ghost" href="/services-seo-local" aria-label="Learn more about SEO Foundations and Local SEO"> Learn More <svg viewBox="0 0 24 24" fill="none" stroke="currentColor"><path stroke-width="1.8" d="M5 12h14M13 5l7 7-7 7"/></svg> </a> </article> </div> <div class="row">  <article class="card"> <div class="icon-wrap" aria-hidden="true">  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor"> <rect x="3" y="7" width="18" height="14" rx="2" stroke-width="1.6"/> <path stroke-width="1.6" d="M3 10h18M7 3l10 4"/> <path stroke-width="1.6" d="M11 13l5 3-5 3z"/> </svg> </div> <h3 class="h3">Reels/TikTok Editing & Content Engine</h3> <p class="muted">High-volume short-form that grabs attention and drives action—without you living in an editor.</p> <ul class="muted"> <li>Hook library + scripts</li> <li>Creator-grade edits</li> <li>Cross-posting system</li> </ul> <a class="btn btn-ghost" href="/services-content-engine" aria-label="Learn more about Reels and TikTok Editing"> Learn More <svg viewBox="0 0 24 24" fill="none" stroke="currentColor"><path stroke-width="1.8" d="M5 12h14M13 5l7 7-7 7"/></svg> </a> </article>  <article class="card"> <div class="icon-wrap" aria-hidden="true">  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor"> <circle cx="12" cy="12" r="8" stroke-width="1.6"/> <circle cx="12" cy="12" r="4" stroke-width="1.6"/> <path stroke-width="1.6" d="M4 12H2M22 12h-2M12 2v2M12 22v-2"/> </svg> </div> <h3 class="h3">Paid Ads (Meta & Google)</h3> <p class="muted">Targeted campaigns that turn cold traffic into booked calls and paying customers.</p> <ul class="muted"> <li>Offer + creative testing</li> <li>Search/PMAX + Meta funnels</li> <li>Call &amp; form conversion tracking</li> </ul> <a class="btn btn-ghost" href="services-paid-ads" aria-label="Learn more about Paid Ads"> Learn More <svg viewBox="0 0 24 24" fill="none" stroke="currentColor"><path stroke-width="1.8" d="M5 12h14M13 5l7 7-7 7"/></svg> </a> </article> </div> <div class="row">  <article class="card"> <div class="icon-wrap" aria-hidden="true">  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor"> <rect x="3" y="4" width="18" height="16" rx="2" stroke-width="1.6"/> <path stroke-width="1.6" d="M3 8h18M8 12h5M8 16h8"/> </svg> </div> <h3 class="h3">Websites / Conversion Optimization</h3> <p class="muted">Beautiful, fast sites engineered to convert clicks into clients.</p> <ul class="muted"> <li>Durable/Framer builds</li> <li>Landing pages &amp; A/B tests</li> <li>Speed, UX, trust signals</li> </ul> <a class="btn btn-ghost" href="/services-web-cro" aria-label="Learn more about Websites and CRO"> Learn More <svg viewBox="0 0 24 24" fill="none" stroke="currentColor"><path stroke-width="1.8" d="M5 12h14M13 5l7 7-7 7"/></svg> </a> </article>  <article class="card"> <div class="icon-wrap" aria-hidden="true">  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor"> <path stroke-width="1.6" d="M4 7h16l-2 10H6L4 7z"/> <path stroke-width="1.6" d="M7 7l5 5 5-5"/> </svg> </div> <h3 class="h3">Email &amp; CRM Automation</h3> <p class="muted">Automated follow-ups that nurture leads and close sales while you sleep.</p> <ul class="muted"> <li>Lead capture &amp; pipelines</li> <li>Nurture + reactivation flows</li> <li>Attribution dashboards</li> </ul> <a class="btn btn-ghost" href="/services-email-crm" aria-label="Learn more about Email and CRM Automation"> Learn More <svg viewBox="0 0 24 24" fill="none" stroke="currentColor"><path stroke-width="1.8" d="M5 12h14M13 5l7 7-7 7"/></svg> </a> </article> </div> </div> </div> </section> <hr class="divider" />

<section id="process" class="rhs-process" aria-label="Process">
  <style>
    /* ---------- Brand Tokens ---------- */
    .rhs-process {
      --bg: #0A0A0A;
      --card: #121212;
      --card-2: #151515;
      --text: #FFFFFF;
      --muted: #B9B9B9;
      --brand: #E63946;
      --line: #222222;
      --shadow: 0 6px 18px rgba(0,0,0,.35);
      --radius: 18px;
      --radius-lg: 22px;
      --pad: 22px;
      --gap: 18px;
    }

    /* ---------- Section Base ---------- */
    .rhs-process {
      font-family: "Open Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
      color: var(--text);
      background: var(--bg);
      border: 1px solid var(--line);
      border-radius: var(--radius-lg);
      padding: clamp(20px, 3vw, 36px);
      margin-top: 2rem;
    }
    .rhs-process h2,
    .rhs-process h3 {
      font-family: "Montserrat", sans-serif;
    }
    .rhs-process .h2 {
      font-size: clamp(1.6rem, 1.2rem + 1.2vw, 2.2rem);
      font-weight: 800;
      line-height: 1.2;
    }
    .rhs-process .h3 {
      font-size: 1.1rem;
      font-weight: 700;
    }
    .rhs-process .muted {
      color: var(--muted);
    }

    /* ---------- Grid ---------- */
    .rhs-process .grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: var(--gap);
      margin-top: 1rem;
    }

    /* ---------- Card ---------- */
    .rhs-process .card {
      background: linear-gradient(180deg, var(--card), var(--card-2));
      border: 1px solid var(--line);
      border-radius: var(--radius);
      padding: var(--pad);
      transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
    }
    .rhs-process .card:hover {
      transform: translateY(-3px);
      border-color: rgba(230,57,70,.55);
      box-shadow: var(--shadow);
    }

    /* ---------- Process Steps ---------- */
    .rhs-process .process-step {
      position: relative;
      padding-left: 3rem;
    }
    .rhs-process .process-step:not(:last-child) {
      margin-bottom: 1rem;
    }
    .rhs-process .process-step::before {
      content: attr(data-step);
      position: absolute;
      top: 0; left: 0;
      width: 2rem; height: 2rem;
      display: grid; place-items: center;
      background: var(--brand);
      color: #fff;
      border-radius: 50%;
      font-size: .9rem;
      font-weight: 700;
      box-shadow: 0 2px 6px rgba(230,57,70,.3);
    }

    /* ---------- Lists ---------- */
    .rhs-process ul {
      margin: .6rem 0 1rem;
      padding-left: 1.1rem;
    }
    .rhs-process li {
      margin: .35rem 0;
    }

    /* ---------- Button ---------- */
    .rhs-process .btn {
      display: inline-flex;
      align-items: center;
      border-radius: 12px;
      text-decoration: none;
      font-weight: 600;
      transition: transform .2s ease, background .2s ease, border-color .2s ease;
    }
    .rhs-process .btn-primary {
      background: var(--brand);
      color: #fff;
      padding: .75rem 1rem;
      border: none;
    }
    .rhs-process .btn-primary:hover {
      background: #c92f3d;
      transform: translateY(-1px);
      box-shadow: 0 6px 16px rgba(230,57,70,.35);
    }

    /* ---------- Divider ---------- */
    .rhs-process + .divider {
      height: 1px;
      background: linear-gradient(90deg, transparent, #222, transparent);
      margin: clamp(20px, 3vw, 32px) 0 0;
      border: 0;
    }
  </style>

  <h2 class="h2">How We Work</h2>
  <div class="grid">
    
    <div class="card">
      <div class="process-step" data-step="1">
        <h3 class="h3">Audit</h3>
        <p class="muted">Deep dive on your funnel, brand, analytics, SEO, paid media, and tech stack to uncover growth levers.</p>
      </div>
      <div class="process-step" data-step="2">
        <h3 class="h3">Strategy</h3>
        <p class="muted">A focused plan with offers, channels, content cadence, and KPIs—sequenced for the fastest wins.</p>
      </div>
      <div class="process-step" data-step="3">
        <h3 class="h3">Execution</h3>
        <p class="muted">We build and ship: content engine, ads, pages, and automations—then iterate weekly.</p>
      </div>
      <div class="process-step" data-step="4">
        <h3 class="h3">Reporting</h3>
        <p class="muted">Simple dashboards and monthly reviews so you see exactly what’s working and what’s next.</p>
      </div>
    </div>

    
    <div class="card">
      <h3 class="h3">What You Get</h3>
      <ul class="muted">
        <li>Channel-by-channel plan with timeline</li>
        <li>Offer &amp; creative testing roadmap</li>
        <li>Tracking &amp; attribution checklist</li>
        <li>Monthly optimization cycle</li>
      </ul>
      <a href="/book" class="btn btn-primary">Start with a Free Audit</a>
    </div>
  </div>
</section>
<hr class="divider" />

<section id="proof" class="rhs-proof" aria-label="Proof">
  <style>
    /* ---------- Brand Tokens ---------- */
    .rhs-proof {
      --bg:#0A0A0A; --card:#121212; --card2:#151515;
      --text:#FFFFFF; --muted:#B9B9B9; --brand:#E63946; --line:#222;
      --shadow:0 6px 18px rgba(0,0,0,.35); --radius:18px; --pad:22px; --gap:18px;
    }

    /* ---------- Base ---------- */
    .rhs-proof {
      font-family:"Open Sans",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
      color:var(--text); background:var(--bg);
      border:1px solid var(--line); border-radius:22px;
      padding:clamp(20px,3vw,36px);
      margin-top:1.5rem;  /* tightened from 2rem */
      margin-bottom:0.8rem; /* added tighter footer space */
    }
    .rhs-proof h2,.rhs-proof h3{font-family:"Montserrat",sans-serif}

    /* ---------- Card ---------- */
    .rhs-proof .card {
      background:linear-gradient(180deg,var(--card),var(--card2));
      border:1px solid var(--line);
      border-radius:var(--radius);
      padding:var(--pad);
      padding-bottom:14px; /* reduced bottom padding */
      box-shadow:0 0 0 transparent;
      transition:box-shadow .25s ease,border-color .25s ease;
    }
    .rhs-proof .card:hover {
      box-shadow:var(--shadow);
      border-color:rgba(230,57,70,.45);
    }

    /* ---------- Stats Grid ---------- */
    .rhs-proof .stats {
      display:grid; gap:var(--gap);
      grid-template-columns:repeat(4,minmax(0,1fr));
    }
    @media (max-width:900px){ .rhs-proof .stats{grid-template-columns:repeat(2,1fr)} }
    @media (max-width:520px){ .rhs-proof .stats{grid-template-columns:1fr} }

    .rhs-proof .stat {
      position:relative; overflow:hidden; isolation:isolate;
      border:1px solid var(--line); border-radius:16px; padding:18px;
      background:linear-gradient(180deg,#111,#141414);
      transition:transform .25s ease,border-color .25s ease;
    }
    .rhs-proof .stat:hover { transform:translateY(-3px); border-color:rgba(230,57,70,.5) }
    .rhs-proof .stat::after {
      content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
      background:radial-gradient(600px 200px at 120% -20%,rgba(230,57,70,.08),transparent 45%);
      opacity:.8;
    }
    .rhs-proof .num {
      font-family:"Montserrat",sans-serif; font-weight:900; letter-spacing:.4px;
      font-size:clamp(1.6rem,1.2rem + 1.2vw,2.2rem);
      line-height:1.1; margin:0 0 .15rem;
      background:linear-gradient(0deg,#fff,#FFD7DB);
      -webkit-background-clip:text; background-clip:text; color:transparent;
      text-shadow:0 0 1px rgba(255,255,255,.2);
    }
    .rhs-proof .muted { color:var(--muted); font-size:.98rem }

    /* ---------- Divider ---------- */
    .rhs-proof .divider {
      height:1px; background:linear-gradient(90deg,transparent,#222,transparent);
      margin:12px 0; /* reduced margin */
    }

    /* ---------- Logos Row ---------- */
    .rhs-proof .logo-row {
      display:grid; gap:16px; align-items:center; justify-items:center;
      margin-top:8px; /* reduced spacing */
      grid-template-columns:repeat(5,minmax(0,1fr));
    }
    @media (max-width:900px){ .rhs-proof .logo-row{grid-template-columns:repeat(3,1fr)} }
    @media (max-width:520px){ .rhs-proof .logo-row{grid-template-columns:repeat(2,1fr)} }

    .rhs-proof .logo-wrap {
      width:100%; height:64px; display:grid; place-items:center;
      border:1px solid var(--line); border-radius:14px;
      background:linear-gradient(180deg,#101010,#141414);
      transition:transform .25s ease,border-color .25s ease,filter .25s ease;
      padding:10px 14px;
    }
    .rhs-proof .logo-wrap:hover {
      transform:translateY(-3px); border-color:rgba(230,57,70,.5); filter:none;
    }
    .rhs-proof .logo {
      max-width:160px; max-height:40px; width:auto; height:auto;
      opacity:.9; filter:grayscale(100%);
    }
    .rhs-proof .logo-wrap:hover .logo { filter:grayscale(0%) }

    /* ---------- Subtle entrance animation ---------- */
    .rhs-proof [data-reveal]{ opacity:0; transform:translateY(8px); animation:reveal .7s ease forwards }
    .rhs-proof [data-reveal].d2{ animation-delay:.08s }
    .rhs-proof [data-reveal].d3{ animation-delay:.16s }
    .rhs-proof [data-reveal].d4{ animation-delay:.24s }
    @keyframes reveal{ to{ opacity:1; transform:none } }
  </style>

  <div class="card">
    
    <div class="stats" role="list" aria-label="Key results">
      <div class="stat" role="listitem" data-reveal>
        <div class="num">+58%</div>
        <div class="muted">More calls in 4 weeks</div>
      </div>
      <div class="stat" role="listitem" data-reveal class="d2">
        <div class="num">2.1×</div>
        <div class="muted">Increase in site conversions</div>
      </div>
      <div class="stat" role="listitem" data-reveal class="d3">
        <div class="num">Top-3</div>
        <div class="muted">Rankings for 5 keywords</div>
      </div>
      <div class="stat" role="listitem" data-reveal class="d4">
        <div class="num">$84</div>
        <div class="muted">Avg blended CPL</div>
      </div>
    </div>

    <div class="divider"></div>

    
    <div class="logo-row" aria-label="Platforms & tools">
      <div class="logo-wrap" data-reveal><img class="logo" src="https://dummyimage.com/160x40/1a1a1a/ffffff.png&text=Google" alt="Google"></div>
      <div class="logo-wrap" data-reveal class="d2"><img class="logo" src="https://dummyimage.com/140x40/1a1a1a/ffffff.png&text=Meta" alt="Meta"></div>
      <div class="logo-wrap" data-reveal class="d3"><img class="logo" src="https://dummyimage.com/130x40/1a1a1a/ffffff.png&text=Zoho" alt="Zoho"></div>
      <div class="logo-wrap" data-reveal class="d4"><img class="logo" src="https://dummyimage.com/150x40/1a1a1a/ffffff.png&text=Durable" alt="Durable"></div>
      <div class="logo-wrap" data-reveal class="d4"><img class="logo" src="https://dummyimage.com/120x40/1a1a1a/ffffff.png&text=GA4" alt="Google Analytics 4"></div>
    </div>
  </div>
</section>

<section id="cta" class="rhs-cta" aria-label="Call to Action">
  <style>
    /* ---------- Brand Tokens ---------- */
    .rhs-cta {
      --bg: #0A0A0A;
      --gradient: linear-gradient(90deg, #0A0A0A, #1a1a1a);
      --brand: #E63946;
      --text: #FFFFFF;
      --muted: #B9B9B9;
      --radius: 18px;
      --pad: clamp(14px, 2vw, 28px); /* reduced vertical padding */
    }

    /* ---------- CTA Band Base ---------- */
    .rhs-cta {
      background: var(--gradient);
      color: var(--text);
      border-top: 1px solid #222;
      border-bottom: 1px solid #222;
      padding: var(--pad) 0;
      margin-top: 0.6rem; /* tighter top gap */
    }
    .rhs-cta .container {
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 clamp(16px, 4vw, 40px);
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
    }

    /* ---------- Text ---------- */
    .rhs-cta h2 {
      font-family: "Montserrat", sans-serif;
      font-size: clamp(1.4rem, 1.1rem + 1vw, 1.9rem);
      font-weight: 800;
      margin: 0 0 0.2rem;
    }
    .rhs-cta p {
      font-family: "Open Sans", sans-serif;
      color: var(--muted);
      font-size: 1rem;
      margin: 0;
    }

    /* ---------- Button ---------- */
    .rhs-cta .btn-primary {
      background: var(--brand);
      color: #fff;
      font-family: "Montserrat", sans-serif;
      font-weight: 700;
      font-size: 1rem;
      padding: 0.75rem 1.4rem;
      border-radius: 12px;
      text-decoration: none;
      transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
    }
    .rhs-cta .btn-primary:hover {
      background: #c92f3d;
      transform: translateY(-2px);
      box-shadow: 0 6px 16px rgba(230, 57, 70, 0.35);
    }

    /* ---------- Responsive ---------- */
    @media (max-width: 768px) {
      .rhs-cta .container {
        flex-direction: column;
        text-align: center;
      }
      .rhs-cta h2 {
        margin-bottom: 0.4rem;
      }
    }
  </style>

  <div class="container">
    <div>
      <h2>Not sure which service fits your business?</h2>
      <p>Let’s map out a strategy together—no fluff, just clarity.</p>
    </div>
    <a href="/book" class="btn-primary">Book a Free Strategy Call</a>
  </div>
</section>

Right Hook Studios

Right Hook Studios is a personal branding agency built for entrepreneurs, creators, and business leaders who want to stand out online and build real influence. We craft brands around people, not just businesses—helping you define your story, sharpen your message, and create content that positions you as the authority in your space.

Our process is built around three pillars:

Strategy — uncovering your unique voice, values, and positioning.

Content — producing scroll-stopping videos, podcasts, and posts designed for impact.

Growth — leveraging SEO, ads, and platform optimization to expand your reach and convert attention into opportunity.