<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="preconnect" href="https://www.googletagmanager.com">

<!-- Google Tag Manager (deferred to post-load + idle for performance) -->
<script>
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({'gtm.start': new Date().getTime(), event: 'gtm.js'});
function loadGTM() {
  var s = document.createElement('script');
  s.async = true;
  s.src = 'https://www.googletagmanager.com/gtm.js?id=GTM-P2K3QJ';
  document.head.appendChild(s);
}
function scheduleGTM() {
  if ('requestIdleCallback' in window) requestIdleCallback(loadGTM, { timeout: 3000 });
  else setTimeout(loadGTM, 1000);
}
if (document.readyState === 'complete') scheduleGTM();
else window.addEventListener('load', scheduleGTM);
</script>
<!-- End Google Tag Manager -->

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" sizes="64x64" href="assets/images/favicon64.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/images/favicon32.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicon.png">

<title>Webprofits | Performance Marketing Agency for Ecommerce &amp; Lead Gen</title>
<meta name="description" content="Experienced marketers. Structured systems. AI that removes friction. We've scaled brands from $0 to $52M. Get your growth plan.">
<meta name="robots" content="index, follow">

<meta property="og:title" content="Webprofits | Performance Marketing Agency for Ecommerce &amp; Lead Gen">
<meta property="og:description" content="Experienced marketers. Structured systems. AI that removes friction. We've scaled brands from $0 to $52M. Get your growth plan.">
<meta property="og:type" content="website">
<meta property="og:image" content="assets/images/og-default.jpg">

<link rel="preload" href="assets/fonts/GellixRegular.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="assets/fonts/GellixBold.woff2" as="font" type="font/woff2" crossorigin>
<style>
/* Critical above-fold styles — inlined to avoid FOUC. The full site.css
   loads non-blocking after this and supersedes where it overlaps. Keep
   in sync with above-fold sections of assets/css/site.css. */
@font-face{font-family:'Gellix';src:url('assets/fonts/GellixRegular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Gellix';src:url('assets/fonts/GellixMedium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Gellix';src:url('assets/fonts/GellixSemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Gellix';src:url('assets/fonts/GellixBold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Gellix';src:url('assets/fonts/GellixExtraBold.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}
:root{--red:#EA4648;--red-hover:#D63A3C;--red-glow:rgba(234,70,72,.10);--red-subtle:rgba(234,70,72,.06);--ink:#070909;--ink-secondary:#4A4A4A;--ink-muted:#767676;--ink-faint:#A0A0A0;--bg-white:#FFFFFF;--bg-cream:#F7F6F5;--bg-warm:#F0EEEB;--bg-cta:linear-gradient(135deg,#FFF5F5 0%,#FFF0EC 40%,#FFEEE8 100%);--card-shadow:0 1px 3px rgba(7,9,9,.04),0 6px 24px rgba(7,9,9,.06);--card-shadow-hover:0 2px 8px rgba(7,9,9,.06),0 12px 40px rgba(7,9,9,.10);--card-border:1px solid rgba(7,9,9,.06);--card-radius:16px;--font-display:'Gellix',-apple-system,BlinkMacSystemFont,sans-serif;--font-body:'Gellix',-apple-system,BlinkMacSystemFont,sans-serif;--max-width:1400px;--section-pad:clamp(64px,10vw,120px);--section-pad-sm:clamp(48px,7vw,80px)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-family:var(--font-body);color:var(--ink);background:var(--bg-white);line-height:1.6;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{cursor:pointer;border:none;background:none;font-family:inherit}
ul{list-style:none}
h1,h2,h3{text-wrap:balance}
section{padding:var(--section-pad) 0}
.noP{padding:0}.noPT{padding-top:0}.noPB{padding-bottom:0}
.bg-white{background:var(--bg-white)}.bg-cream{background:var(--bg-cream)}.bg-ink{background:var(--ink)}
.container{max-width:var(--max-width);margin:0 auto;padding:0 clamp(20px,4vw,40px)}
.fade-up{opacity:0;transform:translateY(32px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
.fade-up.is-visible{opacity:1;transform:translateY(0)}
.stagger-children .fade-up:nth-child(1){transition-delay:0ms}
.stagger-children .fade-up:nth-child(2){transition-delay:80ms}
.stagger-children .fade-up:nth-child(3){transition-delay:160ms}
.stagger-children .fade-up:nth-child(4){transition-delay:240ms}
.btn{display:inline-flex;align-items:center;gap:8px;font-size:1rem;font-weight:600;padding:14px 28px;border-radius:100px;transition:background-color .25s cubic-bezier(.16,1,.3,1),border-color .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1);letter-spacing:-.01em;white-space:nowrap;justify-content:center}
.btn-primary{background:var(--red);color:#fff}
.btn-primary:hover{background:var(--red-hover);transform:translateY(-1px)}
.btn-ghost{background:transparent;color:var(--ink);border:1.5px solid rgba(7,9,9,.18)}
.btn-ghost:hover{border-color:var(--ink);background:rgba(7,9,9,.03)}
.btn--block{width:100%;justify-content:center}
.section-label{font-size:1rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--red);margin-bottom:16px}
.section-label--sm{font-size:.8rem}
.section-heading{font-family:var(--font-display);font-weight:700;font-size:clamp(2rem,4vw,3rem);line-height:1.15;letter-spacing:-.02em;color:var(--ink);max-width:700px;text-wrap:pretty}
.section-heading--centered{text-align:center;margin-left:auto;margin-right:auto}
.section-subtitle{font-size:1.125rem;line-height:1.65;color:var(--ink-secondary);max-width:620px;margin-top:16px}
.section-subtitle--centered{text-align:center;margin-left:auto;margin-right:auto}
.nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(7,9,9,.06);transition:box-shadow .3s ease}
.nav.scrolled{box-shadow:0 1px 12px rgba(7,9,9,.06)}
.nav-inner{max-width:var(--max-width);margin:0 auto;padding:0 clamp(20px,4vw,40px);display:flex;align-items:center;justify-content:space-between;height:72px}
.nav-logo{font-family:var(--font-display);font-weight:800;font-size:1.35rem;letter-spacing:-.03em;color:var(--ink)}
.nav-logo img{height:39px;width:auto}
.nav-links{display:flex;align-items:center;gap:8px}
.nav-link{position:relative;font-size:1rem;font-weight:500;padding:8px 14px;border-radius:8px;color:var(--ink-secondary);transition:color .2s,background .2s}
.nav-link:hover{color:var(--ink);background:rgba(7,9,9,.04)}
.nav-dropdown{position:relative}
.nav-dropdown-trigger{display:flex;align-items:center;gap:4px;font-size:1rem;font-weight:500;padding:8px 14px;border-radius:8px;color:var(--ink-secondary);transition:color .2s,background .2s}
.nav-dropdown-trigger:hover{color:var(--ink);background:rgba(7,9,9,.04)}
.nav-dropdown-trigger svg{width:12px;height:12px;transition:transform .2s}
.nav-dropdown:hover .nav-dropdown-trigger svg{transform:rotate(180deg)}
.nav-dropdown-menu{position:absolute;top:calc(100% + 8px);left:50%;background:var(--bg-white);border:1px solid rgba(7,9,9,.08);border-radius:12px;padding:8px;min-width:200px;box-shadow:0 8px 32px rgba(7,9,9,.10);opacity:0;visibility:hidden;transform:translateX(-50%) translateY(8px);transition:opacity .2s,transform .2s,visibility .2s}
.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.nav-dropdown-item{display:block;padding:10px 14px;font-size:1rem;font-weight:500;color:var(--ink-secondary);border-radius:8px;transition:background .15s,color .15s}
.nav-dropdown-item:hover{background:var(--bg-cream);color:var(--ink)}
.nav-cta{margin-left:8px}
.nav-cta .btn{padding:10px 22px;font-size:1rem}
.nav-hamburger{display:none;width:40px;height:40px;align-items:center;justify-content:center;border-radius:8px;transition:background .2s}
.nav-hamburger:hover{background:rgba(7,9,9,.04)}
.nav-hamburger span{display:block;width:20px;height:2px;background:var(--ink);position:relative;transition:background .2s}
.nav-hamburger span::before,.nav-hamburger span::after{content:'';position:absolute;width:100%;height:100%;background:var(--ink);left:0;transition:transform .3s cubic-bezier(.16,1,.3,1)}
.nav-hamburger span::before{transform:translateY(-6px)}
.nav-hamburger span::after{transform:translateY(6px)}
.nav-hamburger.active span{background:transparent}
.nav-hamburger.active span::before{transform:rotate(45deg)}
.nav-hamburger.active span::after{transform:rotate(-45deg)}
.nav-mobile{display:none;position:fixed;top:72px;left:0;right:0;bottom:0;background:var(--bg-white);padding:24px;overflow-y:auto;opacity:0;transform:translateY(-8px);transition:opacity .3s,transform .3s}
.nav-mobile.open{opacity:1;transform:translateY(0)}
.nav-mobile-link{display:block;padding:14px 0;font-size:1rem;font-weight:500;color:var(--ink-secondary);border-bottom:1px solid rgba(7,9,9,.06)}
.nav-mobile-heading{font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);padding:20px 0 8px}
.nav-mobile-cta{margin-top:24px}
@media (max-width:960px){.nav-links,.nav-cta{display:none}.nav-hamburger{display:flex}.nav-mobile{display:block;pointer-events:none}.nav-mobile.open{pointer-events:auto;z-index:99}}
.hero{padding-top:calc(72px + var(--section-pad) * .6);padding-bottom:calc(var(--section-pad) * .6);background:var(--bg-white);text-align:center;position:relative;overflow:hidden}
.hero > .container{position:relative;z-index:1}
.hero::before{display:none}
.hero-heading{font-family:var(--font-display);font-weight:700;font-size:clamp(2.7rem,5.6vw,4.5rem);line-height:1.05;letter-spacing:-.035em;max-width:960px;margin:0 auto 28px;position:relative}
.hero-heading em{font-style:normal;color:var(--red)}
.hero-subtitle{font-size:clamp(1.05rem,2vw,1.2rem);line-height:1.7;color:var(--ink-secondary);max-width:760px;margin:0 auto 40px}
.hero-ctas{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:36px}
.hero-trust{display:flex;align-items:center;justify-content:center;gap:clamp(1.5rem,2.5vw,2rem);flex-wrap:wrap}
.hero-trust-item{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:500;color:var(--ink-muted)}
.hero-trust-icon{width:36px;height:36px;border-radius:10px;background:var(--bg-cream);display:flex;align-items:center;justify-content:center}
.hero-trust-divider{width:1px;height:24px;background:rgba(7,9,9,.1)}
.hero--compact{padding-bottom:0}
@media (max-width:640px){.hero-ctas{width:80%;margin-left:auto;margin-right:auto}.hero-ctas .btn{width:100%}.hero-trust-divider{display:none}}
.featured-cases{background:var(--bg-white)}
.featured-case{display:grid;grid-template-columns:1fr 1fr;gap:48px;background:var(--bg-white);border:var(--card-border);border-radius:var(--card-radius);padding:48px 44px;margin-bottom:32px;transition:box-shadow .3s,transform .3s}
.featured-case-left{display:flex;flex-direction:column}
.featured-case-right{display:flex;flex-direction:column;gap:24px}
.featured-case .case-logo{padding-bottom:0;border-bottom:0;margin-bottom:18px}
.featured-stat{font-family:var(--font-display);font-weight:700;font-size:clamp(2rem,4vw,2.75rem);letter-spacing:-.03em;color:var(--ink);line-height:1.1;margin-bottom:6px}
.featured-stat-label{font-size:1rem;color:var(--red);margin-bottom:22px}
.featured-desc{font-size:1.05rem;line-height:1.7;color:var(--ink-secondary);margin-bottom:0}
.featured-metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.featured-metric{padding:20px 22px;background:var(--bg-cream);border-radius:12px}
.featured-metric-num{font-family:var(--font-display);font-weight:700;font-size:clamp(1.4rem,2.4vw,1.8rem);letter-spacing:-.02em;color:var(--ink);line-height:1.1;margin-bottom:4px}
.featured-metric-label{font-size:.875rem;color:var(--ink-muted);line-height:1.4}
@media (max-width:900px){.featured-case{grid-template-columns:1fr;gap:32px;padding:32px 28px}}
@media (max-width:480px){.featured-metrics{grid-template-columns:1fr}}
.contact-grid{display:grid;grid-template-columns:380px 1fr;gap:60px;align-items:start}
@media (max-width:900px){.contact-grid{grid-template-columns:1fr;gap:32px}}
.proof-bar{background:linear-gradient(180deg,#FFFFFF 0%,#f6eeed 75%,#F7F6F5 100%);padding:clamp(40px,6vw,70px) 0 var(--section-pad-sm);position:relative;overflow:hidden}
.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.proof-card{text-align:center;padding:32px 20px;background:var(--bg-white);border-radius:var(--card-radius);border:var(--card-border);transition:box-shadow .3s,transform .3s;position:relative;overflow:hidden}
.proof-brand{font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);margin-bottom:8px}
.proof-metric{font-family:var(--font-display);font-weight:700;font-size:clamp(1.5rem,3vw,2rem);letter-spacing:-.03em;color:var(--ink);line-height:1.2}
.proof-desc{font-size:1rem;color:var(--ink-muted);margin-top:6px;line-height:1.4}
@media (max-width:768px){.proof-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.proof-grid{grid-template-columns:1fr}}
</style>
<link rel="stylesheet" href="assets/css/site.css" media="print" onload="this.media='all'">
<noscript><link rel="stylesheet" href="assets/css/site.css"></noscript>
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P2K3QJ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

<!-- ==================== NAVIGATION ==================== -->
<nav class="nav" role="navigation" aria-label="Main navigation">
  <div class="nav-inner">
    <a href="/" class="nav-logo" aria-label="Webprofits home"><img src="assets/icons/logo-webprofits.svg" alt="Webprofits"></a>
    <div class="nav-links">
      <div class="nav-dropdown">
        <button class="nav-dropdown-trigger" aria-haspopup="true" aria-expanded="false">
          Specialties
          <svg viewBox="0 0 12 12" fill="none"><path d="M2.5 4.5L6 8L9.5 4.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
        </button>
        <div class="nav-dropdown-menu" role="menu">
          <a href="ecommerce.html" class="nav-dropdown-item" role="menuitem">Ecommerce</a>
          <a href="lead-generation.html" class="nav-dropdown-item" role="menuitem">Lead Generation</a>
        </div>
      </div>
      <div class="nav-dropdown">
        <button class="nav-dropdown-trigger" aria-haspopup="true" aria-expanded="false">
          Channels
          <svg viewBox="0 0 12 12" fill="none"><path d="M2.5 4.5L6 8L9.5 4.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
        </button>
        <div class="nav-dropdown-menu" role="menu">
          <a href="paid-social.html" class="nav-dropdown-item" role="menuitem">Paid Social</a>
          <a href="paid-search.html" class="nav-dropdown-item" role="menuitem">Paid Search</a>
          <a href="customer-lifecycle.html" class="nav-dropdown-item" role="menuitem">Customer Lifecycle</a>
          <a href="seo-aeo.html" class="nav-dropdown-item" role="menuitem">SEO &amp; AEO</a>
          <a href="brand-and-creative.html" class="nav-dropdown-item" role="menuitem">Brand Campaigns</a>
        </div>
      </div>
      <a href="case-studies.html" class="nav-link">Case Studies</a>
      <a href="about.html" class="nav-link">About Us</a>
      <a href="claude-code.html" class="nav-link">Claude Code</a>
      <a href="https://webprofitsacademy.com.au" class="nav-link" target="_blank" rel="noopener">Academy</a>
    </div>
    <div class="nav-cta">
      <a href="contact.html" class="btn btn-primary">Get Your Growth Plan</a>
    </div>
    <button class="nav-hamburger" aria-label="Toggle menu" aria-expanded="false">
      <span></span>
    </button>
  </div>
</nav>

<!-- Mobile menu -->
<div class="nav-mobile" aria-hidden="true">
  <div class="nav-mobile-heading">Specialties</div>
  <a href="ecommerce.html" class="nav-mobile-link">Ecommerce</a>
  <a href="lead-generation.html" class="nav-mobile-link">Lead Generation</a>
  <div class="nav-mobile-heading">Channels</div>
  <a href="paid-social.html" class="nav-mobile-link">Paid Social</a>
  <a href="paid-search.html" class="nav-mobile-link">Paid Search</a>
  <a href="customer-lifecycle.html" class="nav-mobile-link">Customer Lifecycle</a>
  <a href="seo-aeo.html" class="nav-mobile-link">SEO &amp; AEO</a>
  <a href="brand-and-creative.html" class="nav-mobile-link">Brand Campaigns</a>
  <div class="nav-mobile-heading">Company</div>
  <a href="case-studies.html" class="nav-mobile-link">Case Studies</a>
  <a href="about.html" class="nav-mobile-link">About Us</a>
  <a href="claude-code.html" class="nav-mobile-link">Claude Code</a>
  <a href="https://webprofitsacademy.com.au" class="nav-mobile-link" target="_blank" rel="noopener">Academy</a>
  <div class="nav-mobile-cta">
    <a href="contact.html" class="btn btn-primary btn--block">Get Your Growth Plan</a>
  </div>
</div>

<!-- ==================== HERO ==================== -->
<section class="hero" id="hero">
  <div class="container">
    <div class="section-label section-label--sm fade-up">Performance Marketing Agency</div>
    <h1 class="hero-heading fade-up">
      We don't just run your ads. We build the system that <em>scales your revenue.</em>
    </h1>
    <p class="hero-subtitle fade-up">
      Ecommerce and lead generation brands get one integrated growth team across paid social, paid search, customer lifecycle, SEO, CRO, and landing pages. Research-driven creative. Structured testing. Revenue as the north star.
    </p>
    <div class="hero-ctas fade-up">
      <a href="contact.html" class="btn btn-primary">Get Your Growth Plan</a>
      <a href="#services" class="btn btn-ghost">See What We Do</a>
    </div>
    <div class="hero-trust fade-up">
      <div class="hero-trust-item">
        <div class="hero-trust-icon">
          <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M8 1v14M1 8h14" stroke="#EA4648" stroke-width="1.5" stroke-linecap="round"/></svg>
        </div>
        <span>Founded 2006</span>
      </div>
      <div class="hero-trust-divider" aria-hidden="true"></div>
      <div class="hero-trust-item">
        <div class="hero-trust-icon">
          <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M2 12L6 4l4 5 4-7" stroke="#EA4648" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
        </div>
        <span>$500M+ managed ad spend</span>
      </div>
      <div class="hero-trust-divider" aria-hidden="true"></div>
      <div class="hero-trust-item">
        <div class="hero-trust-icon">
          <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M8 2l1.8 3.6L14 6.2l-3 2.9.7 4.1L8 11.4 4.3 13.2l.7-4.1-3-2.9 4.2-.6L8 2z" stroke="#EA4648" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
        </div>
        <span>19+ industry awards</span>
      </div>
    </div>
  </div>
</section>

<!-- ==================== PROOF BAR with mini graphs ==================== -->
<section class="proof-bar" id="waveWrapper">
  <div class="container">
    <div class="proof-grid stagger-children">
      <div class="proof-card fade-up">
        <div class="proof-brand">SharkNinja</div>
        <div class="proof-metric">$5M <span class="arrow">&rarr;</span> $52M</div>
        <div class="proof-desc">Annual DTC revenue in 2 years</div>
      </div>
      <div class="proof-card fade-up">
        <div class="proof-brand">Aussie Broadband</div>
        <div class="proof-metric">1,822% growth</div>
        <div class="proof-desc">$350M ARR in 5 years</div>
      </div>
      <div class="proof-card fade-up">
        <div class="proof-brand">waterdrop</div>
        <div class="proof-metric">$0 <span class="arrow">&rarr;</span> $1M+/mo</div>
        <div class="proof-desc">Revenue in under 12 months</div>
      </div>
      <div class="proof-card fade-up">
        <div class="proof-brand">Total</div>
        <div class="proof-metric">$500M+</div>
        <div class="proof-desc">Managed ad spend</div>
      </div>
    </div>
  </div>
</section>

<!-- ==================== LOGO WALL ==================== -->
<section class="logos" aria-label="Trusted brands">
  <div class="logos-label">Trusted by 1,000+ brands</div>
  <div class="marquee">
    <div class="marquee-track scroll" aria-hidden="true">
      <img class="marquee-item" src="assets/logos/logo-ninja.svg" alt="Ninja">
      <img class="marquee-item" src="assets/logos/lifecykel.webp" alt="Life Cykel">
      <img class="marquee-item" src="assets/logos/waterdrop.svg" alt="Waterdrop">
      <img class="marquee-item" src="assets/logos/logo-shark.svg" alt="Shark">
      <img class="marquee-item" src="assets/logos/good-fugly.webp" alt="Good &amp; Fugly">
      <img class="marquee-item" src="assets/logos/lg.svg" alt="LG">
      <img class="marquee-item" src="assets/logos/logitech.svg" alt="Logitech">
      <img class="marquee-item" src="assets/logos/logo-hipkids.svg" alt="HipKids">
      <img class="marquee-item" src="assets/logos/logo-levis.svg" alt="Levi's">
      <img class="marquee-item" src="assets/logos/logo-bellamy.svg" alt="Bellamy's Organic">
      <img class="marquee-item" src="assets/logos/logo-twoobs.svg" alt="TWOOBS">
      <img class="marquee-item" src="assets/logos/logo-rejuvaus.svg" alt="REJUVAUS">
      <img class="marquee-item" src="assets/logos/logo-aussie-broadband-grey.svg" alt="Aussie Broadband">
      <img class="marquee-item" src="assets/logos/logo-thebeautychef.svg" alt="The Beauty Chef">
      <img class="marquee-item" src="assets/logos/logo-husqvarna-grey.svg" alt="Husqvarna">
      <img class="marquee-item" src="assets/logos/polished.webp" alt="Polished">
      <img class="marquee-item" src="assets/logos/logo-steakKing.svg" alt="Steak King">
      <img class="marquee-item" src="assets/logos/jojoba.webp" alt="Jojoba">
    </div>
    <div class="marquee-track scroll" aria-hidden="true">
      <img class="marquee-item" src="assets/logos/logo-ninja.svg" alt="Ninja">
      <img class="marquee-item" src="assets/logos/lifecykel.webp" alt="Life Cykel">
      <img class="marquee-item" src="assets/logos/waterdrop.svg" alt="Waterdrop">
      <img class="marquee-item" src="assets/logos/logo-shark.svg" alt="Shark">
      <img class="marquee-item" src="assets/logos/good-fugly.webp" alt="Good &amp; Fugly">
      <img class="marquee-item" src="assets/logos/lg.svg" alt="LG">
      <img class="marquee-item" src="assets/logos/logitech.svg" alt="Logitech">
      <img class="marquee-item" src="assets/logos/logo-hipkids.svg" alt="HipKids">
      <img class="marquee-item" src="assets/logos/logo-levis.svg" alt="Levi's">
      <img class="marquee-item" src="assets/logos/logo-bellamy.svg" alt="Bellamy's Organic">
      <img class="marquee-item" src="assets/logos/logo-twoobs.svg" alt="TWOOBS">
      <img class="marquee-item" src="assets/logos/logo-rejuvaus.svg" alt="REJUVAUS">
      <img class="marquee-item" src="assets/logos/logo-aussie-broadband-grey.svg" alt="Aussie Broadband">
      <img class="marquee-item" src="assets/logos/logo-thebeautychef.svg" alt="The Beauty Chef">
      <img class="marquee-item" src="assets/logos/logo-husqvarna-grey.svg" alt="Husqvarna">
      <img class="marquee-item" src="assets/logos/polished.webp" alt="Polished">
      <img class="marquee-item" src="assets/logos/logo-steakKing.svg" alt="Steak King">
      <img class="marquee-item" src="assets/logos/jojoba.webp" alt="Jojoba">
    </div>
  </div>
</section>

<!-- ==================== CASE STUDIES with inline line charts ==================== -->
<section class="cases noPT" id="cases">
  <div class="container">
    <div class="cases-header">
      <div class="section-label fade-up">Proven Results</div>
      <h2 class="section-heading section-heading--centered fade-up">Real brands. Real numbers.</h2>
    </div>
    <div class="cases-grid stagger-children">
      <!-- SharkNinja: BAR CHART — $5M→$52M over ~8 quarters (2 years), showing quarterly revenue ramp -->
      <div class="case-card fade-up">
        <div class="case-brand">SharkNinja</div>
        <div class="case-metric">$5M to $52M</div>
        <div class="case-period">Annual DTC revenue in 2 years</div>
        <div class="case-chart">
          <svg viewBox="0 0 200 60" preserveAspectRatio="xMidYMid meet">
            <defs><linearGradient id="bg1" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="#EA4648" stop-opacity="0.6"/><stop offset="100%" stop-color="#EA4648" stop-opacity="0.15"/></linearGradient></defs>
            <!-- 8 bars: Q1-Q8. $5M/yr=~$1.25M/q start → $52M/yr=~$13M/q end. Heights proportional to $13M max -->
            <rect class="chart-bar" x="6"   y="55" width="18" rx="3" height="5"  fill="url(#bg1)"/>
            <rect class="chart-bar" x="30"  y="50" width="18" rx="3" height="10" fill="url(#bg1)"/>
            <rect class="chart-bar" x="54"  y="42" width="18" rx="3" height="18" fill="url(#bg1)"/>
            <rect class="chart-bar" x="78"  y="35" width="18" rx="3" height="25" fill="url(#bg1)"/>
            <rect class="chart-bar" x="102" y="28" width="18" rx="3" height="32" fill="url(#bg1)"/>
            <rect class="chart-bar" x="126" y="19" width="18" rx="3" height="41" fill="url(#bg1)"/>
            <rect class="chart-bar" x="150" y="11" width="18" rx="3" height="49" fill="url(#bg1)"/>
            <rect class="chart-bar" x="174" y="4"  width="18" rx="3" height="56" fill="#EA4648" fill-opacity="0.7"/>
            <text x="15" y="53" font-size="5" fill="#767676" text-anchor="middle" font-family="DM Sans,sans-serif">$5M</text>
            <text x="183" y="2" font-size="5" fill="#EA4648" text-anchor="middle" font-family="DM Sans,sans-serif" font-weight="600">$52M</text>
          </svg>
        </div>
        <p class="case-details">500% growth in year 1. 24 promotional periods executed using the same structured playbook system. BFCM 99% YoY with 7.6% less ad spend.</p>
        <a href="case-studies.html" class="link-arrow">Read case study</a>
      </div>
      <!-- waterdrop: AREA CHART with dots — $0→$1M+/mo over 12 months, showing monthly revenue curve -->
      <div class="case-card fade-up">
        <div class="case-brand">waterdrop</div>
        <div class="case-metric">$0 to $1M+/mo</div>
        <div class="case-period">Revenue in under 12 months</div>
        <div class="case-chart">
          <svg viewBox="0 0 200 60" preserveAspectRatio="xMidYMid meet">
            <defs>
              <linearGradient id="gf2" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="#EA4648" stop-opacity="0.18"/><stop offset="100%" stop-color="#EA4648" stop-opacity="0.02"/></linearGradient>
            </defs>
            <!-- Monthly: $0, $20K, $60K, $130K, $250K, $400K, $560K, $700K, $820K, $910K, $970K, $1M+ -->
            <!-- Y: 56=bottom($0), 4=top($1M). Each point = 56 - (val/1000)*52 -->
            <path class="chart-fill" d="M0,56 L18,55 L36,53 L54,49 L72,43 L90,35 L108,27 L126,20 L144,13 L162,9 L180,6 L200,4 L200,60 L0,60Z" fill="url(#gf2)"/>
            <polyline class="chart-line" style="--line-length:320" points="0,56 18,55 36,53 54,49 72,43 90,35 108,27 126,20 144,13 162,9 180,6 200,4" fill="none" stroke="#EA4648" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
            <circle class="chart-dot" cx="0" cy="56" r="2.5" fill="#fff" stroke="#EA4648" stroke-width="1.5"/>
            <circle class="chart-dot" cx="90" cy="35" r="2.5" fill="#fff" stroke="#EA4648" stroke-width="1.5"/>
            <circle class="chart-dot" cx="144" cy="13" r="2.5" fill="#fff" stroke="#EA4648" stroke-width="1.5"/>
            <circle class="chart-dot" cx="200" cy="4" r="3" fill="#EA4648"/>
            <text x="4" y="54" font-size="5" fill="#767676" font-family="DM Sans,sans-serif">$0</text>
            <text x="192" y="12" font-size="5" fill="#EA4648" font-family="DM Sans,sans-serif" font-weight="600">$1M+</text>
          </svg>
        </div>
        <p class="case-details">European hydration brand entering Australia from zero. $637K spend generated $2.5M revenue at 3.89 ROAS. +167.5% repeat customers YoY. Klaviyo drove 79% retention uplift.</p>
        <a href="case-studies.html" class="link-arrow">Read case study</a>
      </div>
      <!-- Aussie Broadband: STEPPED LINE CHART — $18M→$350M ARR over 5 years, showing annual ARR milestones -->
      <div class="case-card fade-up">
        <div class="case-brand">Aussie Broadband</div>
        <div class="case-metric">1,822% revenue growth</div>
        <div class="case-period">$350M ARR in 5 years</div>
        <div class="case-chart">
          <svg viewBox="0 0 200 60" preserveAspectRatio="xMidYMid meet">
            <defs>
              <linearGradient id="gf3" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="#EA4648" stop-opacity="0.5"/><stop offset="100%" stop-color="#EA4648" stop-opacity="0.08"/></linearGradient>
            </defs>
            <!-- Grouped bar chart: 6 years of ARR. $18M, $55M, $120M, $210M, $280M, $350M -->
            <!-- Heights proportional to $350M max, range 52px (y4→y56) -->
            <rect class="chart-bar" x="4"   y="53.3" width="24" rx="3" height="2.7"  fill="url(#gf3)"/>
            <rect class="chart-bar" x="36"  y="47.8" width="24" rx="3" height="8.2"  fill="url(#gf3)"/>
            <rect class="chart-bar" x="68"  y="38.2" width="24" rx="3" height="17.8" fill="url(#gf3)"/>
            <rect class="chart-bar" x="100" y="24.8" width="24" rx="3" height="31.2" fill="url(#gf3)"/>
            <rect class="chart-bar" x="132" y="14.4" width="24" rx="3" height="41.6" fill="url(#gf3)"/>
            <rect class="chart-bar" x="164" y="4"    width="24" rx="3" height="52"   fill="#EA4648" fill-opacity="0.6"/>
            <!-- Year labels -->
            <text x="16"  y="51" font-size="4.5" fill="#767676" text-anchor="middle" font-family="DM Sans,sans-serif">Y0</text>
            <text x="48"  y="46" font-size="4.5" fill="#767676" text-anchor="middle" font-family="DM Sans,sans-serif">Y1</text>
            <text x="80"  y="36" font-size="4.5" fill="#767676" text-anchor="middle" font-family="DM Sans,sans-serif">Y2</text>
            <text x="112" y="22.5" font-size="4.5" fill="#767676" text-anchor="middle" font-family="DM Sans,sans-serif">Y3</text>
            <text x="144" y="12" font-size="4.5" fill="#767676" text-anchor="middle" font-family="DM Sans,sans-serif">Y4</text>
            <text x="176" y="2" font-size="5" fill="#EA4648" text-anchor="middle" font-family="DM Sans,sans-serif" font-weight="600">$350M</text>
          </svg>
        </div>
        <p class="case-details">From regional ISP to Australia's 5th-largest NBN provider. 554% increase in connections. 65,400 new customers (+139% YoY). Now ASX-listed.</p>
        <a href="case-studies.html" class="link-arrow">Read case study</a>
      </div>
    </div>
    <div class="cases-footer fade-up">
      <a href="case-studies.html" class="link-arrow">See all case studies</a>
    </div>
  </div>
</section>

<!-- ==================== WHO WE WORK WITH — full tag descriptions ==================== -->
<section class="who">
  <div class="container">
    <div class="who-header">
      <div class="section-label fade-up">Who We Work With</div>
      <h2 class="section-heading section-heading--centered fade-up">2 types of businesses.<br>One integrated approach.</h2>
      <p class="section-subtitle section-subtitle--centered fade-up">We work with ecommerce brands and lead generation businesses that have proven demand and want to scale.</p>
    </div>
    <div class="who-grid stagger-children">
      <div class="who-card fade-up">
        <div class="who-icon">
          <img src="assets/icons/icon-ecommerce-updated.svg" alt="Ecommerce icon">
        </div>
        <h3 class="who-title">Ecommerce brands</h3>
        <p class="who-desc">DTC brands doing $100K–$500K/month wanting to scale past $1M. Consumable and repeat-purchase products.</p>
        <div class="who-tags">
          <div class="who-tag">
            <b class="who-tag-name">Paid Social</b> — primary acquisition engine
          </div>
          <div class="who-tag">
            <b class="who-tag-name">Paid Search</b> — Shopping, PMax, branded search
          </div>
          <div class="who-tag">
            <b class="who-tag-name">Customer Lifecycle</b> — Klaviyo email &amp; SMS
          </div>
          <div class="who-tag">
            <b class="who-tag-name">SEO &amp; AEO</b> — organic growth + AI search
          </div>
        </div>
        <a href="ecommerce.html" class="link-arrow">See the ecommerce approach</a>
      </div>
      <div class="who-card fade-up">
        <div class="who-icon">
          <img src="assets/icons/icon-leadgen-updated.svg" alt="Lead Generation icon">
        </div>
        <h3 class="who-title">Lead generation businesses</h3>
        <p class="who-desc">National brands in finance, insurance, utilities, education, real estate, and franchises.</p>
        <div class="who-tags">
          <div class="who-tag">
            <b class="who-tag-name">Paid Social</b> — high-intent demand capture
          </div>
          <div class="who-tag">
            <b class="who-tag-name">Paid Search</b> — demand generation
          </div>
          <div class="who-tag">
            <b class="who-tag-name">Landing Pages &amp; CRO</b> — conversion engine
          </div>
          <div class="who-tag">
            <b class="who-tag-name">SEO &amp; AEO</b> — organic moat
          </div>
        </div>
        <a href="lead-generation.html" class="link-arrow">See the lead gen approach</a>
      </div>
    </div>
  </div>
</section>

<!-- ==================== SERVICES — full descriptions from live site ==================== -->
<section class="services" id="services">
  <div class="container">
    <div class="services-header">
      <div class="section-label fade-up">What We Do</div>
      <h2 class="section-heading section-heading--centered fade-up">Every channel, one growth team</h2>
      <p class="section-subtitle section-subtitle--centered fade-up">No more channel silos. Your paid media, SEO, email, CRO, and landing pages are run by one integrated team with one shared strategy.</p>
    </div>
    <div class="services-grid stagger-children">
      <div class="service-card fade-up">
        <div class="service-card-head">
          <div class="service-icon">
            <img src="assets/icons/paid-social-black.svg" alt="Paid Social icon">
          </div>
          <span class="service-eyebrow">Paid Social</span>
        </div>
        <h3 class="service-heading">Creative strategy drives 70%+ of performance.</h3>
        <p class="service-desc">Meta Ads, TikTok, and UGC — powered by consumer review mining and structured creative testing. 15–100+ variations tested monthly. We took waterdrop from $0 to $1M+/month in under 12 months.</p>
        <div class="service-footer">
          <a href="paid-social.html" class="link-arrow">See the paid social approach</a>
        </div>
      </div>
      <div class="service-card fade-up">
        <div class="service-card-head">
          <div class="service-icon">
            <img src="assets/icons/google-ads-black.svg" alt="Paid Search icon">
          </div>
          <span class="service-eyebrow">Paid Search</span>
        </div>
        <h3 class="service-heading">CRO underpins everything. That's how you dominate search.</h3>
        <p class="service-desc">Google Ads, Performance Max, Shopping, and Microsoft Ads — with landing pages and CRO baked in. We optimise for customers, not just leads. Splend UK CPA dropped 84%.</p>
        <div class="service-footer">
          <a href="paid-search.html" class="link-arrow">See the paid search approach</a>
        </div>
      </div>
      <div class="service-card fade-up">
        <div class="service-card-head">
          <div class="service-icon">
            <img src="assets/icons/automated-flows-black.svg" alt="Customer Lifecycle icon">
          </div>
          <span class="service-eyebrow">Customer Lifecycle</span>
        </div>
        <h3 class="service-heading">30% of ecommerce revenue from Klaviyo.</h3>
        <p class="service-desc">Email campaigns, automated flows, SMS, and pop-up optimisation. 2 revenue engines inside one Klaviyo account — campaigns for the main revenue driver, flows for always-on conversion.</p>
        <div class="service-footer">
          <a href="customer-lifecycle.html" class="link-arrow">See the Klaviyo approach</a>
        </div>
      </div>
      <div class="service-card fade-up">
        <div class="service-card-head">
          <div class="service-icon">
            <img src="assets/icons/seo-black.svg" alt="SEO & AEO icon">
          </div>
          <span class="service-eyebrow">SEO &amp; AEO</span>
        </div>
        <h3 class="service-heading">Rank on Google. Get recommended by AI.</h3>
        <p class="service-desc">Traditional SEO evolved for AI search. Technical foundations, topical authority, digital PR, and our proprietary AEO framework. Aussie Broadband gets 50% of leads from organic search.</p>
        <div class="service-footer">
          <a href="seo-aeo.html" class="link-arrow">See the SEO &amp; AEO approach</a>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ==================== HOW WE OPERATE ==================== -->
<section class="operate">
  <div class="container">
    <div class="operate-header">
      <div class="section-label fade-up">How We Operate</div>
      <h2 class="section-heading section-heading--centered fade-up">People, systems, AI</h2>
      <p class="section-subtitle section-subtitle--centered fade-up">Experienced marketers who do the work themselves. Systems built for scale. AI that accelerates everything without replacing the thinking.</p>
    </div>
    <div class="operate-grid stagger-children">
      <div class="operate-col fade-up">
        <div class="operate-icon">
          <img src="assets/icons/experienced-practitioners-black.svg" alt="Experienced Marketers icon">
        </div>
        <h3 class="operate-title">Experienced marketers</h3>
        <p class="operate-desc">We only hire experienced marketers who can find opportunities faster and execute the work themselves. No juniors behind the scenes. The people you meet are the people running your campaigns.</p>
      </div>
      <div class="operate-col fade-up">
        <div class="operate-icon">
          <img src="assets/icons/speed-structured-black.svg" alt="Speed to Value icon">
        </div>
        <h3 class="operate-title">Speed to value</h3>
        <p class="operate-desc">Everything runs on our QSP (Quarterly Success Plan) model — a 3-month cadence for planning, executing, and learning. Audit-first engagement. Structured creative testing. Speed to value.</p>
      </div>
      <div class="operate-col fade-up">
        <div class="operate-icon">
          <img src="assets/icons/ai-augmented-flow-black.svg" alt="AI Automation icon">
        </div>
        <h3 class="operate-title">AI automation</h3>
        <p class="operate-desc">Custom Claude projects per client. N8N automation for the mundane. V2O for strategy in hours. AI never does the thinking for us — it gives experienced marketers the speed to do more of what they're best at.</p>
      </div>
    </div>
    <div class="operate-footer fade-up">
      <a href="about.html" class="link-arrow">Learn more about how we work</a>
    </div>
  </div>
</section>

<!-- ==================== TESTIMONIALS ==================== -->
<section class="testimonials" id="testimonials">
  <div class="container">
    <div class="testimonials-header">
      <div class="section-label fade-up">What Clients Say</div>
      <h2 class="section-heading section-heading--centered fade-up">From the brands we work with</h2>
    </div>
    <div class="testimonials-carousel fade-up">
      <div class="testimonials-track" id="testimonialTrack">
        <div class="testimonial-card">
          <div class="testimonial-stars" aria-label="5 out of 5 stars">
            <span class="testimonial-star">&#9733;</span><span class="testimonial-star">&#9733;</span><span class="testimonial-star">&#9733;</span><span class="testimonial-star">&#9733;</span><span class="testimonial-star">&#9733;</span>
          </div>
          <p class="testimonial-quote">"The passion and dedication that Webprofits brought to our business I hadn't really seen before. Their experience, the talent and breadth of the team they can offer has been a massive benefit to our business."</p>
          <div class="testimonial-author">
            <div class="testimonial-avatar">MK</div>
            <div>
              <div class="testimonial-name">Matthew Kusi-Appauh</div>
              <div class="testimonial-role">COO — Aussie Broadband</div>
            </div>
          </div>
        </div>
        <div class="testimonial-card">
          <div class="testimonial-stars" aria-label="5 out of 5 stars">
            <span class="testimonial-star">&#9733;</span><span class="testimonial-star">&#9733;</span><span class="testimonial-star">&#9733;</span><span class="testimonial-star">&#9733;</span><span class="testimonial-star">&#9733;</span>
          </div>
          <p class="testimonial-quote">"Webprofits have been outstanding in their collaboration with Logitech to not only deliver some of the best results we've seen but in being a strategic partner who advise and inspire us across a number of facets of digital marketing."</p>
          <div class="testimonial-author">
            <div class="testimonial-avatar">RF</div>
            <div>
              <div class="testimonial-name">Reagan Freyer</div>
              <div class="testimonial-role">Director Of Marketing &amp; Innovations — Logitech</div>
            </div>
          </div>
        </div>
        <div class="testimonial-card">
          <div class="testimonial-stars" aria-label="5 out of 5 stars">
            <span class="testimonial-star">&#9733;</span><span class="testimonial-star">&#9733;</span><span class="testimonial-star">&#9733;</span><span class="testimonial-star">&#9733;</span><span class="testimonial-star">&#9733;</span>
          </div>
          <p class="testimonial-quote">"The guys came in and with our first sale they delivered record sales. Our first month was 100% year on year growth. If you're a business like us looking to go to that next level, I'd highly recommend working with Webprofits."</p>
          <div class="testimonial-author">
            <div class="testimonial-avatar">D</div>
            <div>
              <div class="testimonial-name">David</div>
              <div class="testimonial-role">Steak King</div>
            </div>
          </div>
        </div>
      </div>
      <div class="testimonials-track" id="testimonialTrack2" hidden>
        <div class="testimonial-card">
          <div class="testimonial-stars" aria-label="5 out of 5 stars">
            <span class="testimonial-star">&#9733;</span><span class="testimonial-star">&#9733;</span><span class="testimonial-star">&#9733;</span><span class="testimonial-star">&#9733;</span><span class="testimonial-star">&#9733;</span>
          </div>
          <p class="testimonial-quote">"Since we've started working with Webprofits we've seen consistent growth across the board. From strategic advice and direction through to tactical knowledge and execution, the team have helped us to understand and unlock the potential of digital across our network."</p>
          <div class="testimonial-author">
            <div class="testimonial-avatar">JM</div>
            <div>
              <div class="testimonial-name">James McGregor</div>
              <div class="testimonial-role">Head of Marketing — LJ Hooker</div>
            </div>
          </div>
        </div>
        <div class="testimonial-card">
          <div class="testimonial-stars" aria-label="5 out of 5 stars">
            <span class="testimonial-star">&#9733;</span><span class="testimonial-star">&#9733;</span><span class="testimonial-star">&#9733;</span><span class="testimonial-star">&#9733;</span><span class="testimonial-star">&#9733;</span>
          </div>
          <p class="testimonial-quote">"When we look for a partner we're trying to find someone that we can trust. Webprofits deliver and we really enjoyed the process of working with the team, their honesty and their dedication to our success."</p>
          <div class="testimonial-author">
            <div class="testimonial-avatar">JX</div>
            <div>
              <div class="testimonial-name">Jex Xu</div>
              <div class="testimonial-role">Head of Marketing — Brighten Home Loans</div>
            </div>
          </div>
        </div>
        <div class="testimonial-card">
          <div class="testimonial-stars" aria-label="5 out of 5 stars">
            <span class="testimonial-star">&#9733;</span><span class="testimonial-star">&#9733;</span><span class="testimonial-star">&#9733;</span><span class="testimonial-star">&#9733;</span><span class="testimonial-star">&#9733;</span>
          </div>
          <p class="testimonial-quote">"Our partnership with Webprofits has been a game-changer for waterdrop in Australia. Their deep understanding of the local market, combined with a performance-driven approach, has helped us grow rapidly and efficiently."</p>
          <div class="testimonial-author">
            <div class="testimonial-avatar">CD</div>
            <div>
              <div class="testimonial-name">Catherine Dix</div>
              <div class="testimonial-role">Managing Director ANZ — waterdrop</div>
            </div>
          </div>
        </div>
      </div>
      <div class="testimonials-dots" role="tablist" aria-label="Testimonial pages">
        <button class="testimonials-dot active" role="tab" aria-selected="true" aria-label="Page 1"></button>
        <button class="testimonials-dot" role="tab" aria-selected="false" aria-label="Page 2"></button>
      </div>
    </div>
  </div>
</section>

<!-- ==================== AWARDS ==================== -->
<section class="awards">
  <div class="container">
    <div class="awards-header">
      <div class="section-label fade-up">Recognition</div>
      <h2 class="section-heading section-heading--centered fade-up">Award-Winning Agency</h2>
      <p class="section-subtitle section-subtitle--centered fade-up">Recognised by the industry's best</p>
    </div>
    <div class="awards-row fade-up">
      <div class="awards-row-label">Partners</div>
      <div class="awards-items">
        <span class="award-badge"><img src="assets/partners/google-color.svg" alt="Google" loading="lazy"></span>
        <span class="award-badge"><img src="assets/partners/meta-color.svg" alt="Meta" loading="lazy"></span>
        <span class="award-badge"><img src="assets/partners/microsoft-color.svg" alt="Microsoft" loading="lazy"></span>
        <span class="award-badge"><img src="assets/partners/klaviyo-color.svg" alt="Klaviyo" loading="lazy"></span>
        <span class="award-badge"><img src="assets/partners/shopify-color.svg" alt="Shopify" loading="lazy"></span>
        <span class="award-badge"><img src="assets/partners/tiktok-color.svg" alt="TikTok" loading="lazy"></span>
      </div>
    </div>
    <div class="awards-row fade-up">
      <div class="awards-row-label">Tools</div>
      <div class="awards-items">
        <span class="award-badge"><img src="assets/partners/semrush-color.svg" alt="Semrush" loading="lazy"></span>
        <span class="award-badge"><img src="assets/partners/triple-whale-color.svg" alt="Triple Whale" loading="lazy"></span>
        <span class="award-badge"><img src="assets/partners/replo-color.svg" alt="Replo" loading="lazy"></span>
        <span class="award-badge"><img src="assets/partners/claude-color.svg" alt="Claude" loading="lazy"></span>
        <span class="award-badge"><img src="assets/partners/site-checker-color.svg" alt="Site Checker" loading="lazy"></span>
        <span class="award-badge"><img src="assets/partners/data-for-se-color.svg" alt="Data for SEO" loading="lazy"></span>
      </div>
    </div>
    <div class="awards-row awards-row--circles fade-up">
      <div class="awards-row-label">Awards</div>
      <div class="awards-items">
        <span class="award-badge"><img src="assets/awards/award-gold.svg" alt="Gold Award" loading="lazy"></span>
        <span class="award-badge"><img src="assets/awards/award-davey-1.svg" alt="Davey Award" loading="lazy"></span>
        <span class="award-badge"><img src="assets/awards/award-davey-2.svg" alt="Davey Award" loading="lazy"></span>
        <span class="award-badge"><img src="assets/awards/award-comm.svg" alt="Communicator Award" loading="lazy"></span>
        <span class="award-badge"><img src="assets/awards/award-viddy.svg" alt="Viddy Award" loading="lazy"></span>
        <span class="award-badge"><img src="assets/awards/award-w3-silver.svg" alt="W3 Silver Award" loading="lazy"></span>
        <span class="award-badge"><img src="assets/awards/award-w3-gold.svg" alt="W3 Gold Award" loading="lazy"></span>
      </div>
    </div>
  </div>
</section>

<!-- ==================== CTA BANNER ==================== -->
<section class="cta-banner">
  <div class="container">
    <h2 class="cta-heading fade-up">Ready to scale?</h2>
    <p class="cta-subtitle fade-up">Tell us where your business is today and where you want it to be. We'll start with a comprehensive audit and show you the fastest path to growth.</p>
    <div class="fade-up">
      <a href="contact.html" class="btn btn-primary">Get Your Growth Plan</a>
    </div>
  </div>
</section>

<!-- ==================== FOOTER ==================== -->
<footer class="footer">
  <div class="container">
    <div class="footer-grid">
      <div>
        <div class="footer-logo"><img src="assets/icons/logo-webprofits.svg" alt="Webprofits"></div>
        <p class="footer-about">The smarter, faster + better way of doing things</p>
      </div>
      <div>
        <div class="footer-heading">Services</div>
        <a href="ecommerce.html" class="footer-link">Ecommerce</a>
        <a href="lead-generation.html" class="footer-link">Lead Generation</a>
        <a href="paid-social.html" class="footer-link">Paid Social</a>
        <a href="paid-search.html" class="footer-link">Paid Search</a>
        <a href="customer-lifecycle.html" class="footer-link">Customer Lifecycle</a>
        <a href="seo-aeo.html" class="footer-link">SEO &amp; AEO</a>
        <a href="brand-and-creative.html" class="footer-link">Brand Campaigns</a>
      </div>
      <div>
        <div class="footer-heading">Company</div>
        <a href="case-studies.html" class="footer-link">Case Studies</a>
        <a href="about.html" class="footer-link">About</a>
        <a href="claude-code.html" class="footer-link">Claude Code</a>
        <a href="careers.html" class="footer-link">Careers</a>
        <a href="contact.html" class="footer-link">Contact</a>
        <a href="https://webprofitsacademy.com.au" class="footer-link" target="_blank" rel="noopener">Academy</a>
        <a href="privacy.html" class="footer-link">Privacy Policy</a>
      </div>
      <div>
        <div class="footer-heading">Get in Touch</div>
        <div class="footer-contact-item"><a href="tel:0288066800">02 8806 6800</a></div>
        <div class="footer-contact-item"><a href="mailto:hello@webprofits.com.au">hello@webprofits.com.au</a></div>
      </div>
    </div>
    <div class="footer-bar">
      &copy; 2026 Webprofits Pty Ltd. All rights reserved.
    </div>
  </div>
</footer>

<!-- ==================== JAVASCRIPT ==================== -->
<script src="assets/js/site.js" defer></script>
</body>
</html>
