Embed

<section id="svc-web" class="rhs-svc" aria-label="Websites / Conversion Optimization">
  <style>
    .rhs-svc{
      --bg:#0A0A0A; --card:#121212; --card2:#151515; --text:#fff; --muted:#B9B9B9;
      --brand:#E63946; --line:#222; --r:18px; --pad:22px; --shadow:0 6px 18px rgba(0,0,0,.35);
      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:1rem
    }
    .rhs-svc .wrap{max-width:1100px;margin:0 auto}
    .rhs-svc h1,.rhs-svc h2,.rhs-svc h3{font-family:"Montserrat",sans-serif}
    .rhs-svc h1{font-weight:900;font-size:clamp(1.6rem,1.2rem + 1.4vw,2.4rem);margin:0}
    .rhs-svc p.muted{color:var(--muted)}

    .rhs-svc .grid{display:grid;gap:18px}
    @media(min-width:900px){.rhs-svc .grid.cols-2{grid-template-columns:2fr 1fr}}

    .rhs-svc .card{
      background:linear-gradient(180deg,var(--card),var(--card2));
      border:1px solid var(--line); border-radius:var(--r); padding:var(--pad);
      transition:.25s; box-shadow:0 0 0 transparent
    }
    .rhs-svc .card:hover{border-color:rgba(230,57,70,.5);box-shadow:var(--shadow);transform:translateY(-2px)}

    .rhs-svc ul{margin:.4rem 0 0;padding-left:1.05rem}
    .rhs-svc li{margin:.3rem 0}

    .rhs-svc .btn{
      display:inline-flex;align-items:center;gap:.5rem;background:var(--brand);color:#fff;
      text-decoration:none;border-radius:12px;padding:.8rem 1.1rem;font-family:"Montserrat",sans-serif;
      font-weight:800;transition:.2s
    }
    .rhs-svc .btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(230,57,70,.35)}

    /* Pills & Stats */
    .rhs-svc .checks{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
    @media(max-width:720px){.rhs-svc .checks{grid-template-columns:1fr}}
    .rhs-svc .pill{border:1px solid var(--line);border-radius:999px;padding:.5rem .8rem;background:#0f0f0f;display:inline-block}

    .rhs-svc .stats{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}
    @media(max-width:720px){.rhs-svc .stats{grid-template-columns:1fr}}
    .rhs-svc .stat{border:1px solid var(--line);border-radius:16px;padding:14px;background:#101010}
    .rhs-svc .num{
      font-family:"Montserrat",sans-serif;font-weight:900;letter-spacing:.3px;
      background:linear-gradient(0deg,#fff,#FFD7DB);-webkit-background-clip:text;background-clip:text;color:transparent;
      margin-bottom:.1rem
    }

    /* Mini nav & details */
    .rhs-svc .mini-nav{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}
    @media(max-width:900px){.rhs-svc .mini-nav{grid-template-columns:1fr}}
    .rhs-svc .link{display:block;border:1px solid var(--line);border-radius:12px;padding:12px;background:#0f0f0f;text-decoration:none;color:#fff}
    .rhs-svc details{border:1px solid var(--line);border-radius:14px;background:#101010;padding:12px 14px}
    .rhs-svc summary{cursor:pointer;font-weight:700;font-family:"Montserrat",sans-serif}
  </style>

  <div class="wrap">
    <h1>Websites / Conversion Optimization</h1>
    <p class="muted" style="margin:.2rem 0 1rem">
      Fast, clean, and engineered to convert. We build or refresh your site and landing pages so more visitors become booked calls.
    </p>

    <div class="grid cols-2" style="align-items:start">
      
      <div class="card">
        <h2 style="margin:.2rem 0 .4rem">What’s Included</h2>
        <ul class="muted">
          <li>Durable/Framer build or redesign (1–5 pages)</li>
          <li>Offer-driven copy + on-brand visuals</li>
          <li>Lead UX: click-to-call, forms, chat/booking embeds</li>
          <li>Speed & UX improvements, trust signals, schema</li>
          <li>A/B tests (headlines, CTAs, layouts)</li>
          <li>Analytics: GA4, GSC, pixels, call tracking</li>
        </ul>

        <div class="checks" style="margin-top:12px">
          <span class="pill">Sub-2s loads</span>
          <span class="pill">Above-the-fold CTA</span>
          <span class="pill">Clear trust signals</span>
          <span class="pill">Mobile-first</span>
        </div>

        <div class="stats" style="margin-top:12px">
          <div class="stat"><div class="num">+15–40%</div><div class="muted">Conversion lift (typical after CRO)</div></div>
          <div class="stat"><div class="num">1–3 wks</div><div class="muted">From kickoff to launch</div></div>
          <div class="stat"><div class="num">90+</div><div class="muted">Lighthouse perf targets</div></div>
        </div>
      </div>

      
      <aside class="card">
        <h3 style="margin:0 0 .4rem">Deliverables</h3>
        <ul class="muted">
          <li>Staging link + revision round</li>
          <li>Launch checklist & QA</li>
          <li>30-day optimization sprint</li>
        </ul>

        <h3 style="margin:.9rem 0 .4rem">Good Fit If</h3>
        <ul class="muted">
          <li>Your page is slow or generic</li>
          <li>Traffic isn’t converting to calls</li>
          <li>You need a landing fast for ads</li>
        </ul>

        <a class="btn" href="/book" style="margin-top:.6rem">Request a Site Audit</a>
      </aside>
    </div>

    
    <div style="display:grid;gap:10px;margin-top:18px">
      <details>
        <summary>Do you host the site?</summary>
        <p class="muted" style="margin:.4rem 0 0">We typically deploy on Durable/Framer and advise the best hosting based on your stack.</p>
      </details>
      <details>
        <summary>Can you migrate my content?</summary>
        <p class="muted" style="margin:.4rem 0 0">Yes—pages, redirects, analytics, and SEO settings are handled.</p>
      </details>
      <details>
        <summary>Do you provide brand photos?</summary>
        <p class="muted" style="margin:.4rem 0 0">We can art-direct shoots or source high-quality stock to match your brand.</p>
      </details>
    </div>

    
    <div style="margin-top:16px">
      <h3 style="margin:0 0 .5rem">Explore other services</h3>
      <div class="mini-nav">
        <a class="link" href="/services-paid-ads">Paid Ads (Meta & Google) →</a>
        <a class="link" href="/services-seo-local">SEO Foundations & Local SEO →</a>
        <a class="link" href="/services-email-crm">Email & CRM Automation →</a>
      </div>
    </div>
  </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.