1<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png"><link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png"><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="manifest" href="/site.webmanifest"><meta name="theme-color" content="#0a1628"><link rel="canonical" href="https://bonsaimarketingcompany.com/"><title>Hyper Local SEO & AI Search Optimization Services | Bonsai Marketing</title><meta name="description" content="AI-driven growth infrastructure: search visibility, paid acquisition, custom command centers, automation. Complete control of your leads, data, and scale."><meta property="og:title" content="Hyper Local SEO & AI Search Optimization Services | Bonsai Marketing"><meta property="og:description" content="AI-driven growth infrastructure: search visibility, paid acquisition, custom command centers, automation. Complete control of your leads, data, and scale."><meta property="og:url" content="https://bonsaimarketingcompany.com/"><meta property="og:image" content="https://bonsaimarketingcompany.com/showcase/after/home.png"><meta property="og:type" content="website"><meta property="og:site_name" content="Bonsai Marketing"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:site" content="@bonsaidigi"><meta name="twitter:title" content="Hyper Local SEO & AI Search Optimization Services | Bonsai Marketing"><meta name="twitter:description" content="AI-driven growth infrastructure: search visibility, paid acquisition, custom command centers, automation. Complete control of your leads, data, and scale."><meta name="twitter:image" content="https://bonsaimarketingcompany.com/showcase/after/home.png"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..700;1,9..144,300..700&family=Inter:[email protected]&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet"><link rel="preload" as="image" href="/showcase/after/home.png" fetchpriority="high">
1<script>
vendor: 323 bytes, line 1
1(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','
1GTM-TXPFRK2
vendor: 3 bytes, line 1
1');
1</script>
vendor: 63 bytes, line 1
1<script async src="https://www.googletagmanager.com/gtag/js?id=
1G-3KT4C16M4V
vendor: 11 bytes, line 1
1"></script>
1<script>
vendor: 124 bytes, line 1
1window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', '
1G-3KT4C16M4V
vendor: 3 bytes, line 1
1');
1gtag('config', 'AW-431756548');</script>
1<script>(function(){try{var FT='bmc_ft',LT='bmc_lt';function gc(n){var m=document.cookie.match('(?:^|; )'+n+'=([^;]*)');return m?decodeURIComponent(m[1]):'';}function sc(n,v,d){var e=new Date(Date.now()+d*864e5);document.cookie=n+'='+encodeURIComponent(v)+';expires='+e.toUTCString()+';path=/;SameSite=Lax';}var p=new URLSearchParams(location.search);var t={gclid:p.get('gclid')||'',utm_source:p.get('utm_source')||'',utm_medium:p.get('utm_medium')||'',utm_campaign:p.get('utm_campaign')||'',utm_term:p.get('utm_term')||'',utm_content:p.get('utm_content')||'',referrer:document.referrer||'',landing_page:location.pathname+location.search,ts:new Date().toISOString()};var sig=t.gclid||t.utm_source||t.utm_medium||t.utm_campaign;if(!gc(FT))sc(FT,JSON.stringify(t),90);if(sig)sc(LT,JSON.stringify(t),90);function gacid(){var m=document.cookie.match('(?:^|; )_ga=([^;]*)');if(!m)return '';var v=decodeURIComponent(m[1]).split('.');return v.length>=4?v.slice(-2).join('.'):'';}function fill(f){var r=gc(FT),ft=r?JSON.parse(r):{};function s(n,v){var el=f.querySelector('input[name="'+n+'"]');if(el)el.value=v||'';}s('gclid',ft.gclid||t.gclid);s('ga_client_id',gacid());s('utm_source',ft.utm_source);s('utm_medium',ft.utm_medium);s('utm_campaign',ft.utm_campaign);s('utm_term',ft.utm_term);s('utm_content',ft.utm_content);s('referrer',ft.referrer);s('landing_page',ft.landing_page);s('first_touch_at',ft.ts);}function init(){document.querySelectorAll('form[data-netlify="true"]').forEach(fill);}if(document.readyState!=='loading')init();else document.addEventListener('DOMContentLoaded',init);document.addEventListener('submit',function(e){var f=e.target;if(f&&f.matches&&f.matches('form[data-netlify="true"]'))fill(f);},true);}catch(e){}})();</script>
1<script>adroll_adv_id = "KKCKSBIR5NAOTNYOIBFZTV";adroll_pix_id = "QLVFP27OC5GFLPLBZ5RKWV";adroll_version = "2.0";(function(w, d, e, o, a) {w.adroll_tag_source = w.adroll_tag_source || "manual";w.__adroll_loaded = true;w.adroll = w.adroll || [];w.adroll.f = ['setProperties', 'identify', 'track', 'identify_email', 'get_cookie'];var roundtripUrl = "https://s.adroll.com/j/" + adroll_adv_id + "/roundtrip.js";var len = w.adroll.f.length;for (a = 0; a !== len; a++) {w.adroll[w.adroll.f[a]] = w.adroll[w.adroll.f[a]] || (function(n) { return function() { w.adroll.push([n, arguments]) } })(w.adroll.f[a])}e = d.createElement('script');o = d.getElementsByTagName('script')[0];e.async = 1;e.src = roundtripUrl;o.parentNode.insertBefore(e, o);})(window, document);adroll.track("pageView");</script>
1<script>
vendor: 389 bytes, line 1
1!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,document,'script','https://connect.facebook.net/en_US/fbevents.js');fbq('init', '
11171528413343685
vendor: 28 bytes, line 1
1');fbq('track', 'PageView');
1</script>
1<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1171528413343685&ev=PageView&noscript=1" alt="" /></noscript>
1<script nowprocket nitro-exclude type="text/javascript" id="sa-dynamic-optimization" data-uuid="2f4e8926-1c8b-4b06-8126-50a6d16a4715" src="https://digitaldojo.bonsaimarketingcompany.com/scripts/dynamic_optimization.js"></script>
1<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"LocalBusiness","@id":"https://bonsaimarketingcompany.com/#organization","name":"Bonsai Marketing","url":"https://bonsaimarketingcompany.com","logo":"https://bonsaimarketingcompany.com/brand/logo-new.png","image":"https://bonsaimarketingcompany.com/showcase/after/home.png","description":"Bonsai Marketing is an AI search optimization and SEO agency in Santa Rosa, California, founded by Bryan Fikes. It runs local SEO and Google Business Profile programs for service businesses across Sonoma County, and generative engine optimization (GEO), answer engine optimization (AEO), national and multi-location SEO for franchise and nationwide brands, all measured on the BonsaiX platform across Google and the major AI assistants.","telephone":"+1-707-593-7539","email":"[email protected]","address":{"@type":"PostalAddress","addressLocality":"Sebastopol","addressRegion":"CA","postalCode":"95472","addressCountry":"US"},"founder":{"@id":"https://bonsaimarketingcompany.com/#person-bryan-fikes"},"foundingDate":"2021","knowsAbout":["Local SEO","Google Business Profile optimization","Google Ads","AI search optimization","AI search visibility","Generative engine optimization","Answer engine optimization","LLM visibility tracking","National SEO","Multi-location SEO","Franchise SEO","Entity authority","Content marketing","Conversion-focused web design","Internet marketing","Website design and development","Graphic design and brand identity","Software product development","Video production","AI voice and chat agents"],"openingHoursSpecification":[{"@type":"OpeningHoursSpecification","dayOfWeek":["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],"opens":"00:00","closes":"23:59"}],"areaServed":[{"@type":"AdministrativeArea","name":"Sonoma County, California"},{"@type":"Country","name":"United States"}],"sameAs":["https://www.facebook.com/bonsaidigi/","https://www.instagram.com/bonsaimarketingcompany/","https://www.linkedin.com/company/bonsai-marketing-company","https://youtube.com/@BonsaiMarketingCompany","https://x.com/bonsaidigi","https://www.pinterest.com/bonsaidigi","https://www.tiktok.com/@bonsaimarketing","https://www.yelp.com/biz/bonsai-marketing-sebastopol"]},{"@type":"WebSite","@id":"https://bonsaimarketingcompany.com/#website","url":"https://bonsaimarketingcompany.com","name":"Bonsai Marketing","publisher":{"@id":"https://bonsaimarketingcompany.com/#organization"},"inLanguage":"en-US"},{"@type":"Person","@id":"https://bonsaimarketingcompany.com/#person-bryan-fikes","name":"Bryan Fikes","jobTitle":"Founder & CEO","worksFor":{"@id":"https://bonsaimarketingcompany.com/#organization"},"url":"https://bonsaimarketingcompany.com/founder/","sameAs":["https://www.linkedin.com/in/bryanfikes/","https://bryanfikes.com"]}]}</script>
1<style> 2 :root { --promo-h: 2.75rem; } 3 @media (min-width: 640px) { :root { --promo-h: 3rem; } } 4 /* The nav is fixed at top-0 and floats over each page's hero, so nothing 5 reserves space for it â the promo bar can sit above it without moving 6 any page content. Two classes beats Tailwind's single .top-0. */ 7 html:not(.promo-off) .nav-bar { top: var(--promo-h); } 8 /* The bar takes real space rather than overlaying. Page content starts 9 below it, so every element already positioned relative to the nav â 10 the homepage LIVE badge at top-28, the [slug] breadcrumb at top-32 â 11 stays correct without being individually patched. Server-rendered, so 12 it costs no layout shift. */ 13 main { padding-top: var(--promo-h); } 14 html.promo-off { --promo-h: 0px; } 15 html.promo-off .promo-bar { display: none; } 16 </style> 17
17<script>(function(){try{if(localStorage.getItem('bmc_promo_bar_off')==='1')document.documentElement.classList.add('promo-off')}catch(e){}})();</script>
17<link rel="stylesheet" href="/_astro/global.Cnm5Fvxn.css"> 18<style>.lead-finder-ac{position:absolute;left:0;right:0;top:calc(100% + .5rem);background:var(--color-ink-2);border:1px solid rgba(255,255,255,.15);border-radius:.5rem;max-height:22rem;overflow-y:auto;z-index:30;box-shadow:0 24px 48px -16px #00000080} 19</style> 20<link rel="stylesheet" href="/_astro/ClientShowcase.sf6ck-b8.css"> 21<link rel="stylesheet" href="/_astro/Layout.D0Adqy2D.css"></head> <body>
vendor: 68 bytes, line 21
21 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
21GTM-TXPFRK2
vendor: 83 bytes, line 21
21" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
21<div class="promo-bar" role="region" aria-label="Announcement" data-astro-cid-rv7bp5c7><div class="wrap promo-row" data-astro-cid-rv7bp5c7><a class="promo-link" href="https://answerslot.ai/?utm_source=bonsaimarketingcompany&utm_medium=referral&utm_campaign=bmc-answerslot-2026-08&utm_content=top-banner" aria-label="AnswerSlot â run a free AI visibility scan" data-astro-cid-rv7bp5c7><span class="promo-flag" data-astro-cid-rv7bp5c7>NEW</span><span class="promo-copy promo-copy--full" data-astro-cid-rv7bp5c7>Ask AI who to call in your trade â it names one business. <em class="promo-accent" data-astro-cid-rv7bp5c7>Is it you?</em></span><span class="promo-copy promo-copy--short" data-astro-cid-rv7bp5c7>AI names one business. <em class="promo-accent" data-astro-cid-rv7bp5c7>Is it you?</em></span><span class="promo-cta" data-astro-cid-rv7bp5c7><span class="promo-cta--full" data-astro-cid-rv7bp5c7>Free 60-second scan</span><span class="promo-cta--short" data-astro-cid-rv7bp5c7>Free scan</span><svg viewBox="0 0 16 10" width="14" height="9" fill="none" stroke="currentColor" stroke-width="1.6" aria-hidden="true" data-astro-cid-rv7bp5c7><path d="M1 5h13M10 1l4 4-4 4" data-astro-cid-rv7bp5c7></path></svg></span></a><button type="button" class="promo-close" data-promo-close aria-label="Dismiss announcement" data-astro-cid-rv7bp5c7><svg viewBox="0 0 12 12" width="11" height="11" fill="none" stroke="currentColor" stroke-width="1.6" aria-hidden="true" data-astro-cid-rv7bp5c7><path d="M1 1l10 10M11 1L1 11" data-astro-cid-rv7bp5c7></path></svg></button></div></div> <header id="site-nav" class="nav-bar fixed top-0 inset-x-0 z-50 text-[color:var(--color-paper)]"> <div class="wrap flex items-center justify-between nav-row"> <a href="/" class="flex items-center gap-4 group"> <!-- Intrinsic dimensions let the browser reserve the box before the webp 22 decodes. Without them the nav reflows on every cold load â sitewide CLS. --> <img src="/brand/logo-new.webp" alt="Bonsai Marketing" width="2500" height="2500" class="nav-logo w-auto"> <!-- Deferred to 1700px. Measured 2026-08-10: the desktop row needs 1459px 23 of content but only has (viewport â 128px padding) available, so from 24 lg (1024) to ~1690 the 8 links collided with the phone number â 25 "08 MOTION707-593-LAB 7539" â on every page. This block is 93px and 26 the phone is 101px; deferring both frees 194px, which fits 1440 with 27 room to spare. At â¥1700 the row is unchanged. --> <span class="font-mono text-xs tracking-widest uppercase opacity-60 hidden min-[1700px]:block border-l border-white/20 pl-4">Est. 2007<br>Sonoma CA</span> </a> <!-- 8 links need 1265px once the phone + Est. block defer (measured 28 2026-08-10); + 128px wrap padding = 1400px for a single clean row. 29 Below the threshold the mobile panel takes over rather than letting the 30 row wrap onto two lines. Was `lg` (1024), which produced the collision. 31 Raised 1400 -> 1420 on 2026-08-14: the Services caret adds ~14px 32 (10px glyph + 4px gap) and the old threshold left only 7px of headroom, 33 so at 1400-1413 the row would have collided again. --> <nav class="hidden min-[1420px]:flex items-center gap-6 xl:gap-8"> <a href="/work/" class="font-mono text-xs tracking-widest uppercase opacity-70 hover:opacity-100 transition-opacity flex items-center gap-2"> <span class="opacity-50">01</span>Work </a><div class="relative group"> <a href="/services/" aria-haspopup="true" class="font-mono text-xs tracking-widest uppercase opacity-70 hover:opacity-100 transition-opacity flex items-center gap-2"> <span class="opacity-50">02</span>Services <svg class="w-2.5 h-2.5 opacity-50 transition-transform duration-200 group-hover:rotate-180 group-focus-within:rotate-180" viewBox="0 0 10 6" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path d="M1 1l4 4 4-4"></path></svg> </a> <!-- The pt-4 lives on the positioning wrapper, not the panel, so it 34 stays inside the hover target. Without that bridge the pointer 35 crosses dead space on the way down and the menu closes mid-travel. 36 focus-within is what makes it keyboard-reachable â tabbing into 37 any child opens it, so no JS state to keep in sync. --> <div class="absolute left-1/2 -translate-x-1/2 top-full pt-4 opacity-0 invisible translate-y-1 transition duration-200 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 group-focus-within:opacity-100 group-focus-within:visible group-focus-within:translate-y-0">
37 <div class="w-64 rounded-sm border border-white/10 bg-[#0a1628]/95 backdrop-blur-md shadow-[0_24px_48px_-24px_rgba(0,0,0,0.7)] py-2"> <a href="/services/local-seo/" class="block px-4 py-2.5 text-sm text-[color:var(--color-paper-dim)] hover:text-[color:var(--color-paper)] hover:bg-white/5 transition-colors">Local SEO</a><a href="/services/google-business-profile/" class="block px-4 py-2.5 text-sm text-[color:var(--color-paper-dim)] hover:text-[color:var(--color-paper)] hover:bg-white/5 transition-colors">Google Business Profile</a><a href="/services/ai-visibility/" class="block px-4 py-2.5 text-sm text-[color:var(--color-paper-dim)] hover:text-[color:var(--color-paper)] hover:bg-white/5 transition-colors">AI Visibility</a><a href="/services/paid-ads/" class="block px-4 py-2.5 text-sm text-[color:var(--color-paper-dim)] hover:text-[color:var(--color-paper)] hover:bg-white/5 transition-colors">Paid Ads</a><a href="/services/content-authority/" class="block px-4 py-2.5 text-sm text-[color:var(--color-paper-dim)] hover:text-[color:var(--color-paper)] hover:bg-white/5 transition-colors">Content & Authority</a><a href="/services/websites/" class="block px-4 py-2.5 text-sm text-[color:var(--color-paper-dim)] hover:text-[color:var(--color-paper)] hover:bg-white/5 transition-colors">Websites That Close</a><a href="/services/ai-communications-agent/" class="block px-4 py-2.5 text-sm text-[color:var(--color-paper-dim)] hover:text-[color:var(--color-paper)] hover:bg-white/5 transition-colors">AI Communications Agent</a><a href="/journal/top-national-seo-company-for-your-business-growth/" class="block px-4 py-2.5 text-sm text-[color:var(--color-paper-dim)] hover:text-[color:var(--color-paper)] hover:bg-white/5 transition-colors">National SEO</a> <a href="/services/" class="block mt-1 pt-3 pb-1 px-4 border-t border-white/10 font-mono text-[10px] tracking-widest uppercase opacity-60 hover:opacity-100 transition-opacity">All Services â</a> </div> </div> </div><a href="/sprints/" class="font-mono text-xs tracking-widest uppercase opacity-70 hover:opacity-100 transition-opacity flex items-center gap-2"> <span class="opacity-50">03</span>Sprints </a><a href="/story/" class="font-mono text-xs tracking-widest uppercase opacity-70 hover:opacity-100 transition-opacity flex items-center gap-2"> <span class="opacity-50">04</span>Studio </a><a href="/journal/" class="font-mono text-xs tracking-widest uppercase opacity-70 hover:opacity-100 transition-opacity flex items-center gap-2"> <span class="opacity-50">05</span>Journal </a><a href="/team/" class="font-mono text-xs tracking-widest uppercase opacity-70 hover:opacity-100 transition-opacity flex items-center gap-2"> <span class="opacity-50">06</span>Team </a><a href="/digital-dojo/" class="font-mono text-xs tracking-widest uppercase opacity-70 hover:opacity-100 transition-opacity flex items-center gap-2"> <span class="opacity-50">07</span>Digital Dojo </a><a href="/motion-lab/" class="font-mono text-xs tracking-widest uppercase opacity-70 hover:opacity-100 transition-opacity flex items-center gap-2"> <span class="opacity-50">08</span>Motion Lab </a> </nav> <div class="hidden min-[1420px]:flex items-center gap-5"> <!-- Deferred to 1700px alongside the Est. block â see the note above. The 38 number stays reachable below that width: it's in the mobile panel, the 39 footer, and one tap from the adjacent CTA. --> <a href="tel:+17075937539" class="font-mono text-xs tracking-widest uppercase opacity-80 hover:opacity-100 transition-opacity hidden min-[1700px]:inline">707-593-7539</a> <a href="/#audit" class="inline-flex items-center gap-2 bg-[color:var(--color-coral)] hover:bg-[color:var(--color-coral-deep)] text-[color:var(--color-ink)] font-mono text-xs tracking-widest uppercase px-4 py-2.5 rounded-sm transition-colors"> <span class="w-1.5 h-1.5 rounded-full bg-[color:var(--color-ink)]" style="animation: pulse-dot 2s ease infinite"></span> 40Get AI Visibility Audit 41</a> </div> <button id="nav-toggle" class="min-[1420px]:hidden p-2" aria-label="Menu"> <svg class="w-6 h-6" fill="none" stroke="currentColor" stroke-width="1.5" viewB
41ox="0 0 24 24"><path d="M4 8h16M4 16h16"></path></svg> </button> </div> </header> <!-- The panel was `fixed inset-0` with no overflow rule, so on a phone the 8 42 links (text-5xl) plus the two buttons ran past the viewport and were simply 43 clipped â unreachable and unscrollable. h-[100dvh] tracks the *dynamic* 44 viewport so mobile browser chrome doesn't hide the last item, and 45 overscroll-contain stops the scroll bleeding into the page underneath. --> <div id="nav-panel" class="hidden fixed inset-0 z-40 bg-[#0a1628] text-[#e8e4d9] h-[100dvh] overflow-y-auto overscroll-contain"> <div class="wrap pt-32 pb-16"> <div class="space-y-1"> <div class="border-t border-white/10"> <a href="/work/" class="block py-5 font-display text-4xl sm:text-5xl"> <span class="font-mono text-xs tracking-widest opacity-40 mr-4">01</span>Work </a> </div><div class="border-t border-white/10"> <a href="/services/" class="block py-5 font-display text-4xl sm:text-5xl"> <span class="font-mono text-xs tracking-widest opacity-40 mr-4">02</span>Services </a> <!-- Always expanded rather than an accordion: the panel already 46 scrolls, and a tap-to-open row costs a tap on the one item a 47 prospect is most likely hunting for. --> 48 <div class="-mt-2 pb-5 pl-11 grid grid-cols-1 sm:grid-cols-2 gap-x-6"> <a href="/services/local-seo/" class="block py-1.5 text-base text-[color:var(--color-paper-dim)] hover:text-[color:var(--color-paper)]">Local SEO</a><a href="/services/google-business-profile/" class="block py-1.5 text-base text-[color:var(--color-paper-dim)] hover:text-[color:var(--color-paper)]">Google Business Profile</a><a href="/services/ai-visibility/" class="block py-1.5 text-base text-[color:var(--color-paper-dim)] hover:text-[color:var(--color-paper)]">AI Visibility</a><a href="/services/paid-ads/" class="block py-1.5 text-base text-[color:var(--color-paper-dim)] hover:text-[color:var(--color-paper)]">Paid Ads</a><a href="/services/content-authority/" class="block py-1.5 text-base text-[color:var(--color-paper-dim)] hover:text-[color:var(--color-paper)]">Content & Authority</a><a href="/services/websites/" class="block py-1.5 text-base text-[color:var(--color-paper-dim)] hover:text-[color:var(--color-paper)]">Websites That Close</a><a href="/services/ai-communications-agent/" class="block py-1.5 text-base text-[color:var(--color-paper-dim)] hover:text-[color:var(--color-paper)]">AI Communications Agent</a><a href="/journal/top-national-seo-company-for-your-business-growth/" class="block py-1.5 text-base text-[color:var(--color-paper-dim)] hover:text-[color:var(--color-paper)]">National SEO</a> </div> </div><div class="border-t border-white/10"> <a href="/sprints/" class="block py-5 font-display text-4xl sm:text-5xl"> <span class="font-mono text-xs tracking-widest opacity-40 mr-4">03</span>Sprints </a> </div><div class="border-t border-white/10"> <a href="/story/" class="block py-5 font-display text-4xl sm:text-5xl"> <span class="font-mono text-xs tracking-widest opacity-40 mr-4">04</span>Studio </a> </div><div class="border-t border-white/10"> <a href="/journal/" class="block py-5 font-display text-4xl sm:text-5xl"> <span class="font-mono text-xs tracking-widest opacity-40 mr-4">05</span>Journal </a> </div><div class="border-t border-white/10"> <a href="/team/" class="block py-5 font-display text-4xl sm:text-5xl"> <span class="font-mono text-xs tracking-widest opacity-40 mr-4">06</span>Team </a> </div><div class="border-t border-white/10"> <a href="/digital-dojo/" class="block py-5 font-display text-4xl sm:text-5xl"> <span class="font-mono text-xs tracking-widest opacity-40 mr-4">07</span>Digital Dojo </a> </div><div class="border-t border-white/10"> <a href="/motion-lab/" class="block py-5 font-display text-4xl sm:text-5xl"> <span class="font-mono text-xs tracking-widest opacity-40 mr-4">08</span>Motion Lab </a> </div> </div> <div class="mt-10 pt-8 border-t border-white/10"> <div class="eyebrow mb-4">Tools</div> <div class="grid grid-cols-1 sm:grid-cols-2 gap-2"> <a href="/founder-growth-engine/" class="block py-2.5 text-lg text-[color:var(--color-paper-dim)] hover:text-[color:var(--color-paper)]"> Founder Growth Engine </a><a href="/agency-calculator/" class="block py-2.5 text-lg text-[color:var(--color-paper-dim)] hover:text-[color:var(--color-paper)]"> Agency Calculator </a><a href="/bodhi-advisor/" class="block py-2.5 text-lg text-[color:var(--color-paper-dim)] hover:text-[color:var(--color-paper)]"> Bodhi Advisor </a><a href="/foundation-assessment/" class="block py-2.5 text-lg text-[color:var(--color-paper-dim)] hover:text-[color:var(--color-paper)]"> Foundation Assessment </a><a href="/free-audit/" class="block py-2.5 text-lg text-[color:var(--color-paper-dim)] hover:text-[color:var(--color-paper)]"> Free AI Visibility Audit </a> </div> </div> <a href="/#audit" class="btn-solid mt-10">Get AI Visibility Audit â</a> <a href="tel:+17075937539" class="btn-outline mt-4">Call 707-593-7539</a> </div> </div>
48<script type="module">document.addEventListener("click",t=>{const e=t.target,n=document.getElementById("nav-panel");if(n){if(e.closest("#nav-toggle")){const s=n.classList.contains("hidden");n.classList.toggle("hidden"),document.documentElement.style.overflow=s?"hidden":"",document.body.style.overflow=s?"hidden":"",s&&(n.scrollTop=0);return}e.closest("#nav-panel a")&&(n.classList.add("hidden"),document.documentElement.style.overflow="",document.body.style.overflow="")}},!0);document.addEventListener("keydown",t=>{if(t.key!=="Escape")return;const e=document.getElementById("nav-panel");!e||e.classList.contains("hidden")||(e.classList.add("hidden"),document.documentElement.style.overflow="",document.body.style.overflow="")});(function(){const t=document.getElementById("site-nav");if(!t)return;const e=()=>{window.scrollY>24?t.classList.add("is-scrolled"):t.classList.remove("is-scrolled")};e(),window.addEventListener("scroll",e,{passive:!0})})();</script>
48 <main> <section class="relative min-h-[88vh] md:min-h-[92vh] flex flex-col justify-end overflow-hidden"> <div class="absolute inset-0 duotone-teal noise"> <img src="/img/bonsai-hero.webp" alt="" class="w-full h-full object-cover" fetchpriority="high" decoding="async"> </div> <div class="absolute top-28 right-6 md:right-10 z-20 font-mono text-[10px] md:text-xs tracking-widest uppercase text-[color:var(--color-paper)] text-right space-y-1"> <div class="flex items-center gap-2 justify-end"><span class="w-1.5 h-1.5 bg-[color:var(--color-coral)] rounded-full" style="animation: pulse-dot 2s ease infinite"></span> LIVE</div> <div class="opacity-60">Est. 2007 · Santa Rosa, CA</div> </div> <div class="absolute inset-0 z-10 bg-gradient-to-t from-[#0a1628] via-[#0a1628]/40 to-transparent"></div> <div class="wrap relative z-20 pb-10 md:pb-16 pt-36"> <div class="grid md:grid-cols-12 gap-6 items-end"> <div class="md:col-span-10"> <div class="eyebrow mb-5">[ Local SEO · Google Ads · AI Visibility · Since 2007 ]</div> <h1 class="type-mega mask-reveal in leading-[0.95] pb-[0.18em]"> <span class="block">Make the phone</span> <span class="block italic-ornament text-[color:var(--color-coral)]">ring.</span> <span class="block">Then keep it ringing.</span> </h1> </div> </div> <div class="grid md:grid-cols-12 gap-6 mt-10 md:mt-12 items-end"> <div class="md:col-span-7"> <p class="text-lg md:text-xl leading-snug text-[color:var(--color-paper)] max-w-2xl"> 49Bonsai Marketing designs and deploys 50<span class="italic-ornament text-[color:var(--color-teal-bright)]">AI-driven growth infrastructure</span> 51â from search and AI visibility to paid acquisition, command centers and automation â for local service businesses in Sonoma County and for multi-location and national brands across the country. 52</p> </div> <div class="md:col-span-5 flex flex-wrap gap-3 md:justify-end"> <a href="#audit" class="btn-solid">Run Your Free Visibility Check â</a> <a href="#case-studies" class="btn-outline">See Case Studies</a> </div> </div> <!-- Hero trust strip â review score + logos inline (first viewport) --> <div class="mt-10 md:mt-14 pt-6 border-t border-white/10"> <div class="flex flex-wrap items-center gap-x-8 gap-y-4"> <div class="flex items-center gap-3"> <div class="flex items-center gap-0.5 text-[color:var(--color-coral)]"> <span class="text-lg leading-none">â </span><span class="text-lg leading-none">â </span><span class="text-lg leading-none">â </span><span class="text-lg leading-none">â </span><span class="text-lg leading-none">â </span> </div> <div class="font-mono text-[11px] md:text-xs tracking-widest uppercase text-[color:var(--color-paper)]"> 5.0 on Google · 55 reviews 53</div> </div> <div class="hidden md:block h-6 w-px bg-white/20"></div> <div class="flex flex-wrap items-center gap-x-8 gap-y-4 hero-trust-logos"> <span class="trust-logo" role="img" aria-label="Guy Fieri" style="--logo:url('/img/client-logos/mono/guy-fieri.webp');--ar:1.5667"></span><span class="trust-logo" role="img" aria-label="Facebook" style="--logo:url('/img/client-logos/mono/facebook.webp');--ar:3.2417"></span><span class="trust-logo" role="img" aria-label="Food Network" style="--logo:url('/img/client-logos/mono/food.webp');--ar:1.0000"></span><span class="trust-logo" role="img" aria-label="Maytag" style="--logo:url('/img/client-logos/mono/maytag.webp');--ar:2.6292"></span><span class="trust-logo" role="img" aria-label="NBC" style="--logo:url('/img/client-logos/mono/nbc.webp');--ar:0.9958"></span><span class="trust-logo" role="img" aria-label="Google" style="--logo:url('/img/client-logos/mono/google.webp');--ar:2.7250"></span> </div> </div> </div> </div> </section> <section class="py-6 border-y border-white/10 overflow-hidden"> <div class="marquee-track whitespace-nowrap font-display"> <span class="type-xl flex items-center gap-16"> <span>Local SEO</span> <span class="text-[color:var(--color-coral)] opacity-60">â¦</span> </span><span class="type-xl flex items-center gap-16"> <span>Google Business Profile</span> <span class="text-[color:var(--color-coral)] opacity-60">â¦</span> </span><span class="type-xl flex items-center gap-16"> <span>AI Visibility</span> <span class="text-[color:var(--color-coral)] opacity-60">â¦</span> </span><span class="type-xl flex items-center gap-16"> <span>Paid Ads</span> <span class="text-[color:var(--color-coral)] opacity-60">â¦</span> </span><span class="type-xl flex items-center gap-16"> <span>Authority Content</span> <span class="text-[color:var(--color-coral)] opacity-60">â¦</span> </span><span class="type-xl flex items-center gap-16"> <span>Conversion Sites</span> <span class="text-[color:var(--color-coral)] opacity-60">â¦</span> </span><span class="type-xl flex items-center gap-16"> <span>Booked Calls</span> <span class="text-[color:var(--color-coral)] opacity-60">â¦</span> </span><span class="type-xl flex items-center gap-16"> <span>Ranking Where It Counts</span> <span class="text-[color:var(--color-coral)] opacity-60">â¦</span> </span><span class="type-xl flex items-center gap-16"> <span>Local SEO</span> <span class="text-[color:var(--color-coral)] opacity-60">â¦</span> </span><span class="type-xl flex items-center gap-16"> <span>Google Business Profile</span> <span class="text-[color:var(--color-coral)] opacity-60">â¦</span> </span><span class="type-xl flex items-center gap-16"> <span>AI Visibility</span> <span class="text-[color:var(--color-coral)] opacity-60">â¦</span> </span><span class="type-xl flex items-center gap-16"> <span>Paid Ads</span> <span class="text-[color:var(--color-coral)] opacity-60">â¦</span> </span><span class="type-xl flex items-center gap-16"> <span>Authority Content</span> <span class="text-[color:var(--color-coral)] opacity-60">â¦</span> </span><span class="type-xl flex items-center gap-16"> <span>Conversion Sites</span> <span class="text-[color:var(--color-coral)] opacity-60">â¦</span> </span><span class="type-xl flex items-center gap-16"> <span>Booked Calls</span> <span class="text-[color:var(--color-coral)] opacity-60">â¦</span> </span><span class="type-xl flex items-center gap-16"> <span>Ranking Where It Counts</span> <span class="text-[color:var(--color-coral)] opacity-60">â¦</span> </span><span class="type-xl flex items-center gap-16"> <span>Local SEO</span> <span class="text-[color:var(--color-coral)] opacity-60">â¦</span> </span><span class="type-xl flex items-center gap-16"> <span>Google Business Profile</span> <span class="text-[color:var(--color-coral)] opacity-60">â¦</span> </span><span class="type-xl flex items-center gap-16"> <span>AI Visibility</span> <span class="text-[color:var(--color-coral)] opacity-60">â¦</span> </span><span class="type-xl flex items-center gap-16"> <span>Paid Ads</span> <span class="text-[color:var(--color-coral)] opacity-60">â¦</span> </span><span class="type-xl flex items-center gap-16"> <span>Authority Content</span> <span class="text-[color:var(--color-coral)] opacity-60">â¦</span> </span><span class="type-xl flex items-center gap-16"> <span>Conversion Sites</span> <span class="text-[color:var(--color-coral)] opacity-60">â¦</span> </span><span class="type-xl flex items-center gap-16"> <span>Booked Calls</span> <span class="text-[color:var(--color-coral)] opacity-60">â¦</span> </span><span class="type-xl flex items-center gap-16"> <span>Ranking Where It Counts</span> <span class="text-[color:var(--color-coral)] opacity-60">â¦</span> </span> </div> </section> <section id="audit" class="bg-[color:var(--color-ink)] border-b border-white/10"> <section class="lead-finder text-[color:var(--color-paper)]" data-api-base="https://dash.bonsaix.ai" data-hcaptcha-key="c99e57cc-a5ea-4a44-b3e8-9b183d3e55b8"> <div class="wrap py-20 md:py-28"> <div class="grid md:grid-cols-12 gap-8 items-start"> <div class="md:col-span-4"> <div class="eyebrow mb-4 opacity-70">[ Free visibility check ]</div> <h2 class="type-h2 leading-[1.05] mb-4">See exactly how you show up on Google and in AI search.</h2> <p class="text-sm md:text-base opacity-70 max-w-sm">Search your business. We pull your Google profile, check local rankings and AI visibility, and send a personalized plan back within one business day â no s
53ales call required.</p> <div class="mt-8 font-mono text-[10px] uppercase tracking-widest opacity-50 space-y-1"> <div>· Pulled from Google</div> <div>· Verified by you</div> <div>· Delivered by a human</div> </div> </div> <div class="md:col-span-8"> <div class="rounded-2xl border p-6 md:p-8 border-[color:var(--color-paper-faint)] bg-[color:var(--color-ink-2)]"> <!-- STEP 1 â SEARCH (autocomplete) --> <div data-step="search"> <label class="block eyebrow mb-3 opacity-80">01 · Find your business</label> <div class="relative"> <input type="text" data-input="query" placeholder="Start typing your business nameâ¦" autocomplete="off" spellcheck="false" class="w-full rounded-lg px-4 py-3 bg-transparent border border-current/20 focus:border-[color:var(--color-teal)] focus:outline-none text-base placeholder:opacity-50"> <div data-list="autocomplete" class="lead-finder-ac hidden"></div> </div> <div data-state="searching" class="hidden mt-3 font-mono text-xs opacity-60"> 54Checking Google⦠55</div> <div data-state="search-error" class="hidden mt-3 text-sm text-[color:var(--color-coral)]"></div> <p class="mt-3 font-mono text-[10px] uppercase tracking-widest opacity-50"> 56Powered by Google Places · Pick the real you from the dropdown 57</p> <button type="button" data-action="go-manual" class="mt-3 text-sm underline opacity-70 hover:opacity-100"> 58Can't find your business? Enter it manually â 59</button> </div> <!-- STEP 1B â MANUAL ENTRY (no Google listing) --> <div data-step="manual" class="hidden"> <label class="block eyebrow mb-3 opacity-80">01 · Tell us about your business</label> <div class="grid sm:grid-cols-2 gap-3"> <input type="text" data-input="manual-name" placeholder="Business name *" autocomplete="off" class="rounded-lg px-4 py-3 bg-transparent border border-current/20 focus:border-[color:var(--color-teal)] focus:outline-none placeholder:opacity-50"> <input type="text" data-input="manual-website" placeholder="Website (optional)" autocomplete="off" class="rounded-lg px-4 py-3 bg-transparent border border-current/20 focus:border-[color:var(--color-teal)] focus:outline-none placeholder:opacity-50"> </div> <input type="text" data-input="manual-location" placeholder="City, state (optional)" autocomplete="off" class="mt-3 w-full rounded-lg px-4 py-3 bg-transparent border border-current/20 focus:border-[color:var(--color-teal)] focus:outline-none placeholder:opacity-50"> <div class="mt-4"> <button type="button" data-action="back-to-search" class="text-sm underline opacity-70 hover:opacity-100"> 60â Back to Google search 61</button> </div> <p class="mt-3 font-mono text-[10px] uppercase tracking-widest opacity-50"> 62No Google listing? No problem â we'll still map your market. 63</p> </div> <!-- STEP 2 â VERIFY --> <div data-step="verify" class="hidden"> <label class="block eyebrow mb-3 opacity-80">02 · Is this you?</label> <div data-card="place" class="rounded-xl border border-current/15 p-5 space-y-2"></div> <div class="mt-4 flex gap-3"> <button type="button" data-action="back-to-search" class="text-sm underline opacity-70 hover:opacity-100"> 64â Not right â search again 65</button> </div> </div> <!-- STEP 3 â CONTACT --> <div data-step="contact" class="hidden mt-8 pt-8 border-t border-current/15"> <label class="block eyebrow mb-3 opacity-80">03 · Where do we send the plan?</label> <div class="grid sm:grid-cols-2 gap-3"> <input type="text" data-input="name" placeholder="Your name *" required class="rounded-lg px-4 py-3 bg-transparent border border-current/20 focus:border-[color:var(--color-teal)] focus:outline-none placeholder:opacity-50"> <input type="email" data-input="email" placeholder="Email *" required class="rounded-lg px-4 py-3 bg-transparent border border-current/20 focus:border-[color:var(--color-teal)] focus:outline-none placeholder:opacity-50"> <input type="tel" data-input="phone" placeholder="Phone (optional)" class="rounded-lg px-4 py-3 bg-transparent border border-current/20 focus:border-[color:var(--color-teal)] focus:outline-none placeholder:opacity-50"> <input type="text" data-input="website-hp" tabindex="-1" autocomplete="off" aria-hidden="true" class="hidden"> </div> <textarea data-input="message" rows="3" placeholder="What's the #1 thing you want to fix? (optional)" class="mt-3 w-full rounded-lg px-4 py-3 bg-transparent border border-current/20 focu
65s:border-[color:var(--color-teal)] focus:outline-none placeholder:opacity-50"></textarea> <div class="mt-4 h-captcha" data-sitekey="c99e57cc-a5ea-4a44-b3e8-9b183d3e55b8" data-theme="dark"></div> <button type="button" data-action="submit" class="mt-5 w-full rounded-lg px-6 py-4 font-semibold bg-[color:var(--color-coral)] text-[color:var(--color-ink)] hover:bg-[color:var(--color-coral-deep)] hover:text-[color:var(--color-paper)] transition disabled:opacity-40"> 66Send me my plan â 67</button> <div data-state="submit-error" class="hidden mt-3 text-sm text-[color:var(--color-coral)]"></div> <p class="mt-3 text-xs opacity-50"> 68By submitting, you agree to be contacted by Bonsai Marketing. No spam. Ever. 69</p> </div> <!-- DONE --> <div data-step="done" class="hidden py-8 text-center"> <div class="text-4xl mb-4">ð±</div> <h3 class="type-h3 mb-2">Your bonsai is being tended.</h3> <p class="opacity-70 max-w-md mx-auto"> 70We got your details. Expect a personal reply within one business day â from a human, not a funnel. 71</p> </div> </div> </div> </div> </div> </section>
71<script async defer src="https://js.hcaptcha.com/1/api.js"></script>
71
71<script type="module" src="/_astro/LeadFinder.astro_astro_type_script_index_0_lang.axzd7752.js"></script>
71 </section> <section class="py-12 md:py-14 border-b border-white/10"> <div class="wrap"> <div class="grid md:grid-cols-12 gap-6 items-center"> <div class="md:col-span-3"> <div class="eyebrow mb-2">[ Who we serve ]</div> <p class="text-[color:var(--color-paper-dim)] text-sm leading-relaxed">Two front doors. Same team, same platform, same scorecard.</p> </div> <div class="md:col-span-9 grid sm:grid-cols-2 gap-px bg-white/10"> <a href="/sonoma-county/" class="group block bg-[color:var(--color-ink)] hover:bg-[color:var(--color-ink-3)] p-6 transition-colors"> <div class="font-mono text-[10px] tracking-widest uppercase text-[color:var(--color-coral)] mb-2">Local · Sonoma County</div> <h3 class="font-display text-2xl leading-tight mb-2 group-hover:text-[color:var(--color-teal-bright)] transition-colors">Service businesses that need the phone to ring.</h3> <p class="text-sm text-[color:var(--color-paper-dim)] leading-relaxed">Local SEO, Google Business Profile, Google Ads and AI visibility for contractors, practices and shops across Santa Rosa, Petaluma and the county.</p> </a> <a href="/services/ai-visibility/enterprise/" class="group block bg-[color:var(--color-ink)] hover:bg-[color:var(--color-ink-3)] p-6 transition-colors"> <div class="font-mono text-[10px] tracking-widest uppercase text-[color:var(--color-coral)] mb-2">Regional · Multi-location · National</div> <h3 class="font-display text-2xl leading-tight mb-2 group-hover:text-[color:var(--color-teal-bright)] transition-colors">Brands that have to rank in every market and every assistant.</h3> <p class="text-sm text-[color:var(--color-paper-dim)] leading-relaxed">National SEO, multi-location and franchise programs, and AI search optimization (GEO and AEO) with governance and reporting at scale.</p> </a> </div> </div> </div> </section> <section class="py-20 md:py-24 bg-[color:var(--color-ink-2)]"> <div class="wrap"> <div class="grid md:grid-cols-12 gap-8 items-end mb-12"> <div class="md:col-span-6"> <div class="eyebrow mb-4">[ What we measure ]</div> <h2 class="type-xl leading-[1.02]"> 72Activity is easy.<br> <span class="italic-ornament text-[color:var(--color-coral)]">Outcomes count.</span> </h2> </div> <div class="md:col-span-5 md:col-start-8 text-[color:var(--color-paper-dim)] text-base md:text-lg leading-relaxed"> 73We don't sell impressions or "awareness." We sell qualified leads tracked to the call, 74 the form fill, and the booked appointment. 75` is stripped at build. */} 76 Built the SEO + AI visibility stack for <span class="text-[color:var(--color-paper)]">40+ local service businesses</span> across Sonoma County and beyond. 77</div> </div> <div class="grid grid-cols-2 md:grid-cols-4 gap-6 pt-8 border-t border-white/10"> <div> <div class="font-display text-4xl sm:text-5xl md:text-6xl text-[color:var(--color-coral)]">5.0â </div> <div class="eyebrow mt-2">On Google · 55 reviews</div> </div> <div> <div class="font-display text-4xl sm:text-5xl md:text-6xl text-[color:var(--color-coral)]">26+</div> <div class="eyebrow mt-2">Years in search</div> </div> <div> <div class="font-display text-4xl sm:text-5xl md:text-6xl text-[color:var(--color-coral)]">285</div> <div class="eyebrow mt-2">Business verticals</div> </div> <div> <div class="font-display text-4xl sm:text-5xl md:text-6xl text-[color:var(--color-coral)]">1</div> <div class="eyebrow mt-2">Gardener (it's Bryan)</div> </div> </div> </div> </section> <section class="py-20 md:py-24"> <div class="wrap"> <div class="grid md:grid-cols-12 gap-8 mb-12 md:mb-16 items-end"> <div class="md:col-span-5"> <div class="eyebrow mb-4">[ Capabilities ]</div> <h2 class="type-xl leading-[1.02]"> 78Seven disciplines.<br> <span class="italic-ornament text-[color:var(--color-teal-bright)]">One rooted system.</span> </h2> </div> <div class="md:col-span-6 md:col-start-7 text-[color:var(--color-paper-dim)] text-base md:text-lg leading-relaxed"> 79Run solo or stacked. Every discipline is wired into the same lead-tracking system so you can see exactly which channel is ringing the phone this week. 80</div> </div> <div class="space-y-px bg-white/10"> <a href="/services/local-seo/" class="group grid md:grid-cols-12 gap-8 p-6 md:p-8 bg-[color:var(--color-ink-2)] hover:bg-[color:var(--color-ink-3)] transition-colors relative overflow-hidden"> <div class="md:col-span-1 font-mono text-sm text-[color:var(--color-paper-dim)]">01</div> <div class="md:col-span-3"> <h3 class="font-display text-2xl md:text-3xl group-hover:italic-ornament group-hover:text-[color:var(--color-coral)] transition-colors">Local SEO</h3> </div> <div class="md:col-span-5 self-center"> <p class="text-[color:var(--color-paper-dim)] text-base md:text-lg leading-snug">Own the three-pack, the map, and the phone for your service area.</p> <p class="mt-2 font-mono text-[10px] md:text-xs tracking-widest uppercase text-[color:var(--color-teal-bright)]">â More local calls, lower CPL.</p> </div> <div class="md:col-span-3 flex items-center justify-end gap-4"> <div class="relative w-24 h-16 overflow-hidden noise duotone-coral"> <img src="/img/moss.webp" alt="" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"> </div> <span class="font-mono text-xs tracking-widest uppercase opacity-0 group-hover:opacity-100 transition-opacity">Details â</span> </div> </a><a href="/services/google-business-profile/" class="group grid md:grid-cols-12 gap-8 p-6 md:p-8 bg-[color:var(--color-ink-2)] hover:bg-[color:var(--color-ink-3)] transition-colors relative overflow-hidden"> <div class="md:col-span-1 font-mono text-sm text-[color:var(--color-paper-dim)]">02</div> <div class="md:col-span-3"> <h3 class="font-display text-2xl md:text-3xl group-hover:italic-ornament group-hover:text-[color:var(--color-coral)] transition-colors">Google Business Profile</h3> </div> <div class="md:col-span-5 self-center"> <p class="text-[color:var(--color-paper-dim)] text-base md:text-lg leading-snug">Photos, posts, reviews, Q&A â weaponized weekly for map-pack visibility.</p> <p class="mt-2 font-mono text-[10px] md:text-xs tracking-widest uppercase text-[color:var(--color-teal-bright)]">
80â Map-pack rankings + booked jobs.</p> </div> <div class="md:col-span-3 flex items-center justify-end gap-4"> <div class="relative w-24 h-16 overflow-hidden noise duotone-teal"> <img src="/img/stone.webp" alt="" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"> </div> <span class="font-mono text-xs tracking-widest uppercase opacity-0 group-hover:opacity-100 transition-opacity">Details â</span> </div> </a><a href="/services/ai-visibility/" class="group grid md:grid-cols-12 gap-8 p-6 md:p-8 bg-[color:var(--color-ink-2)] hover:bg-[color:var(--color-ink-3)] transition-colors relative overflow-hidden"> <div class="md:col-span-1 font-mono text-sm text-[color:var(--color-paper-dim)]">03</div> <div class="md:col-span-3"> <h3 class="font-display text-2xl md:text-3xl group-hover:italic-ornament group-hover:text-[color:var(--color-coral)] transition-colors">AI Visibility</h3> </div> <div class="md:col-span-5 self-center"> <p class="text-[color:var(--color-paper-dim)] text-base md:text-lg leading-snug">Be the answer when ChatGPT, Perplexity, Claude, and Gemini get asked.</p> <p class="mt-2 font-mono text-[10px] md:text-xs tracking-widest uppercase text-[color:var(--color-teal-bright)]">â Cited in the new search.</p> </div> <div class="md:col-span-3 flex items-center justify-end gap-4"> <div class="relative w-24 h-16 overflow-hidden noise duotone-teal"> <img src="/img/code.webp" alt="" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"> </div> <span class="font-mono text-xs tracking-widest uppercase opacity-0 group-hover:opacity-100 transition-opacity">Details â</span> </div> </a><a href="/services/paid-ads/" class="group grid md:grid-cols-12 gap-8 p-6 md:p-8 bg-[color:var(--color-ink-2)] hover:bg-[color:var(--color-ink-3)] transition-colors relative overflow-hidden"> <div class="md:col-span-1 font-mono text-sm text-[color:var(--color-paper-dim)]">04</div> <div class="md:col-span-3"> <h3 class="font-display text-2xl md:text-3xl group-hover:italic-ornament group-hover:text-[color:var(--color-coral)] transition-colors">Paid Ads</h3> </div> <div class="md:col-span-5 self-center"> <p class="text-[color:var(--color-paper-dim)] text-base md:text-lg leading-snug">Google Ads built on cost-per-call, not cost-per-click.</p> <p class="mt-2 font-mono text-[10px] md:text-xs tracking-widest uppercase text-[color:var(--color-teal-bright)]">â Leads this week, not this quarter.</p> </div> <div class="md:col-span-3 flex items-center justify-end gap-4"> <div class="relative w-24 h-16 overflow-hidden noise duotone-coral"> <img src="/img/dashboard.webp" alt="" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"> </div> <span class="font-mono text-xs tracking-widest uppercase opacity-0 group-hover:opacity-100 transition-opacity">Details â</span> </div> </a><a href="/services/content-authority/" class="group grid md:grid-cols-12 gap-8 p-6 md:p-8 bg-[color:var(--color-ink-2)] hover:bg-[color:var(--color-ink-3)] transition-colors relative overflow-hidden"> <div class="md:col-span-1 font-mono text-sm text-[color:var(--color-paper-dim)]">05</div> <div class="md:col-span-3"> <h3 class="font-display text-2xl md:text-3xl group-hover:italic-ornament group-hover:text-[color:var(--color-coral)] transition-colors">Content & Authority</h3> </div> <div class="md:col-span-5 self-center"> <p class="text-[color:var(--color-paper-dim)] text-base md:text-lg leading-snug">Real expertise, compound interest for search + AI.</p> <p class="mt-2 font-mono text-[10px] md:text-xs tracking-widest uppercase text-[color:var(--color-teal-bright)]">â Rankings that hold.</p> </div> <div class="md:col-span-3 flex items-center justify-end gap-4"> <div class="relative w-24 h-16 overflow-hidden noise duotone-teal"> <img src="/img/fog.webp" alt="" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"> </div> <span class="font-mono text-xs tracking-widest uppercase opacity-0 group-hover:opacity-100 transition-opacity">Details â</span> </div> </a><a href="/services/websites/" class="group grid md:grid-cols-12 gap-8 p-6 md:p-8 bg-[color:var(--color-ink-2)] hover:bg-[color:var(--color-ink-3)] transition-colors relative overflow-hidden"> <div class="md:col-span-1 font-mono text-sm text-[color:var(--color-paper-dim)]">06</div> <div class="md:col-span-3"> <h3 class="font-display text-2xl md:text-3xl group-hover:italic-ornament group-hover:text-[color:var(--color-coral)] transition-colors">Websites That Close</h3> </div> <div class="md:col-span-5 self-center"> <p class="text-[color:var(--color-paper-dim)] text-base md:text-lg leading-snug">Fast, wired, conversion-obsessed. Not a brochure.</p> <p class="mt-2 font-mono text-[10px] md:text-xs tracking-widest uppercase text-[color:var(--color-teal-bright)]">â Traffic that actually converts.</p> </div> <div class="md:col-span-3 flex items-center justify-end gap-4"> <div class="relative w-24 h-16 overflow-hidden noise duotone-coral"> <img src="/img/server-room.webp" alt="" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"> </div> <span class="font-mono text-xs tracking-widest uppercase opacity-0 group-hover:opacity-100 transition-opacity">Details â</span> </div> </a> </div> <div class="mt-10 flex flex-wrap gap-4"> <a href="/services/" class="btn-outline">All seven disciplines â</a> <a href="#audit" class="btn-solid">Run Your Free Visibility Check â</a> </div> </div> </section> <section id="case-studies" class="py-20 md:py-24 bg-[color:var(--color-ink-2)]"> <div class="wrap"> <div class="flex items-end justify-between mb-12 md:mb-16 flex-wrap gap-6"> <div> <div class="eyebrow mb-4">[ Case studies ]</div> <h2 class="type-xl leading-[1.02]"> 81Real clients.<br> <span class="italic-ornament text-[color:var(--color-coral)]">Real outcomes.</span> </h2> </div>
81 <a href="/work/" class="btn-outline">Full portfolio â</a> </div> <div class="grid md:grid-cols-3 gap-6 md:gap-8"> <a href="/case-studies/sutter-roofing/" class="group block"> <div class="relative"> <div class="absolute -top-2 -left-2 right-3 bottom-3 border border-white/15 group-hover:border-[color:var(--color-coral)] transition-colors pointer-events-none z-0"></div> <div class="relative aspect-[4/3] overflow-hidden bg-[color:var(--color-ink-3)]"> <img src="/projects/sutter.png" alt="Sutter Roofing" loading="lazy" class="w-full h-full object-cover object-top group-hover:scale-[1.03] transition-transform duration-700 ease-out"> <div class="absolute inset-0 pointer-events-none transition-opacity duration-500 group-hover:opacity-0 duotone-overlay-teal"></div> <div class="absolute top-4 left-4 right-4 flex justify-between z-10 font-mono text-[10px] tracking-widest uppercase text-[color:var(--color-paper)]"> <span>001</span> <span class="opacity-80 flex items-center gap-2"><span class="w-1.5 h-1.5 bg-[color:var(--color-coral)] rounded-full" style="animation: pulse-dot 2s infinite"></span>LIVE</span> </div> </div> </div> <div class="mt-5"> <div class="font-mono text-[11px] tracking-widest uppercase text-[color:var(--color-paper-dim)] mb-2">Roofing · Sonoma County</div> <h3 class="font-display text-2xl md:text-3xl group-hover:italic-ornament group-hover:text-[color:var(--color-coral)] transition-colors">Sutter Roofing</h3> <p class="mt-3 text-[color:var(--color-paper-dim)] text-sm md:text-base leading-snug">73-page local SEO + PPC build. Sonoma County anchor, Santa Rosa primary, 5 satellite city pages. $100/day Maximize Clicks live.</p> <div class="mt-4 flex items-center justify-between"> <span class="font-mono text-[10px] tracking-widest uppercase text-[color:var(--color-teal-bright)]">73 pages · PPC live · BonsaiX deployed</span> <span class="font-mono text-xs tracking-widest uppercase group-hover:text-[color:var(--color-coral)] transition-colors">Read case â</span> </div> </div> </a><a href="/case-studies/eleos-electric/" class="group block"> <div class="relative"> <div class="absolute -top-2 -left-2 right-3 bottom-3 border border-white/15 group-hover:border-[color:var(--color-coral)] transition-colors pointer-events-none z-0"></div> <div class="relative aspect-[4/3] overflow-hidden bg-[color:var(--color-ink-3)]"> <img src="/projects/eleos.png" alt="Ãleos Electric" loading="lazy" class="w-full h-full object-cover object-top group-hover:scale-[1.03] transition-transform duration-700 ease-out"> <div class="absolute inset-0 pointer-events-none transition-opacity duration-500 group-hover:opacity-0 duotone-overlay-coral"></div> <div class="absolute top-4 left-4 right-4 flex justify-between z-10 font-mono text-[10px] tracking-widest uppercase text-[color:var(--color-paper)]"> <span>002</span> <span class="opacity-80 flex items-center gap-2"><span class="w-1.5 h-1.5 bg-[color:var(--color-coral)] rounded-full" style="animation: pulse-dot 2s infinite"></span>LIVE</span> </div> </div> </div> <div class="mt-5"> <div class="font-mono text-[11px] tracking-widest uppercase text-[color:var(--color-paper-dim)] mb-2">Electrical · Sonoma County</div> <h3 class="font-display text-2xl md:text-3xl group-hover:italic-ornament group-hover:text-[color:var(--color-coral)] transition-colors">Ãleos Electric</h3> <p class="mt-3 text-[color:var(--color-paper-dim)] text-sm md:text-base leading-snug">Electrical contractor site rebuild. Local SEO foundation + GBP weaponized for residential + commercial service calls.</p> <div class="mt-4 flex items-center justify-between"> <span class="font-mono text-[10px] tracking-widest uppercase text-[color:var(--color-teal-bright)]">Live · GBP-anchored</span> <span class="font-mono text-xs tracking-widest uppercase group-hover:text-[color:var(--color-coral)] transition-colors">Read case â</span> </div> </div> </a><a href="/case-studies/hahn-automotive/" class="group block"> <div class="relative"> <div class="absolute -top-2 -left-2 right-3 bottom-3 border border-white/15 group-hover:border-[color:var(--color-coral)] transition-colors pointer-events-none z-0"></div>
81 <div class="relative aspect-[4/3] overflow-hidden bg-[color:var(--color-ink-3)]"> <img src="/projects/hahn.png" alt="Hahn Automotive" loading="lazy" class="w-full h-full object-cover object-top group-hover:scale-[1.03] transition-transform duration-700 ease-out"> <div class="absolute inset-0 pointer-events-none transition-opacity duration-500 group-hover:opacity-0 duotone-overlay-teal"></div> <div class="absolute top-4 left-4 right-4 flex justify-between z-10 font-mono text-[10px] tracking-widest uppercase text-[color:var(--color-paper)]"> <span>003</span> <span class="opacity-80 flex items-center gap-2"><span class="w-1.5 h-1.5 bg-[color:var(--color-coral)] rounded-full" style="animation: pulse-dot 2s infinite"></span>LIVE</span> </div> </div> </div> <div class="mt-5"> <div class="font-mono text-[11px] tracking-widest uppercase text-[color:var(--color-paper-dim)] mb-2">Auto Repair · Santa Rosa</div> <h3 class="font-display text-2xl md:text-3xl group-hover:italic-ornament group-hover:text-[color:var(--color-coral)] transition-colors">Hahn Automotive</h3> <p class="mt-3 text-[color:var(--color-paper-dim)] text-sm md:text-base leading-snug">62-page luxury build for an independent auto shop. Real photography, conversion-obsessed layout, CSS v6 design system.</p> <div class="mt-4 flex items-center justify-between"> <span class="font-mono text-[10px] tracking-widest uppercase text-[color:var(--color-teal-bright)]">62 pages · Luxury rebuild</span> <span class="font-mono text-xs tracking-widest uppercase group-hover:text-[color:var(--color-coral)] transition-colors">Read case â</span> </div> </div> </a> </div> </div> </section> <section class="py-20 md:py-24 relative overflow-hidden"> <div class="absolute inset-0 opacity-10 noise pointer-events-none"></div> <div class="wrap relative"> <div class="grid md:grid-cols-12 gap-8 mb-12 md:mb-16"> <div class="md:col-span-5"> <div class="eyebrow mb-4">[ One gardener ]</div> <h2 class="type-xl leading-[1.02]"> 82You don't get<br> 83handed off.<br> <span class="italic-ornament text-[color:var(--color-teal-bright)]">Ever.</span> </h2> </div> <div class="md:col-span-6 md:col-start-7 text-[color:var(--color-paper-dim)] text-lg leading-relaxed self-end"> 84Most agencies win you with a senior pitch and hand you to a junior account manager. We don't. Bryan runs strategy, writes the plan, and executes the work â every engagement. 85</div> </div> <div class="grid md:grid-cols-2 gap-5 md:gap-6"> <div class="relative p-6 md:p-8 border border-white/10 hover:border-[color:var(--color-coral)] transition-colors"> <div class="font-display text-4xl md:text-5xl text-[color:var(--color-coral)] mb-4">01</div> <h3 class="font-display text-2xl md:text-3xl mb-3">You work with Bryan. Directly.</h3> <p class="text-[color:var(--color-paper-dim)] text-base md:text-lg leading-relaxed">No junior account manager. No ticket queue. No offshore pod. Strategy and execution stay close â every engagement, every week.</p> </div><div class="relative p-6 md:p-8 border border-white/10 hover:border-[color:var(--color-coral)] transition-colors"> <div class="font-display text-4xl md:text-5xl text-[color:var(--color-coral)] mb-4">02</div> <h3 class="font-display text-2xl md:text-3xl mb-3">Leads & calls, tracked.</h3> <p class="text-[color:var(--color-paper-dim)] text-base md:text-lg leading-relaxed">Call tracking, GTM, GA4, conversion wiring on day one. If it doesn't ring the phone or book an appointment, we prune it.</p> </div><div class="relative p-6 md:p-8 border border-white/10 hover:border-[color:var(--color-coral)] transition-colors"> <div class="font-display text-4xl md:text-5xl text-[color:var(--color-coral)] mb-4">03</div> <h3 class="font-display text-2xl md:text-3xl mb-3">27 years, one discipline.</h3> <p class="text-[color:var(--color-paper-dim)] text-base md:text-lg leading-relaxed">SEO, Google Ads, and search since 2007. 285 verticals, from a single Sonoma County shop to national footprints. The playbook is narrow on purpose â businesses that need the phone to ring, at whatever scale they ring it.</p> </div><div class="relative p-6 md:p-8 border border-white/10 hover:border-[color:var(--color-coral)] transition-colors"> <div class="font-display text-4xl md:text-5xl text-[color:var(--color-coral)] mb-4">04</div> <h3 class="font-display text-2xl md:text-3xl mb-3">AI as a tool, not a shortcut.</h3> <p class="text-[color:var(--color-paper-dim)] text-base md:text-lg leading-relaxed">We move faster with it. We don't hide behind it. Human-led strategy, AI-amplified execution â built to win both Google and ChatGPT.</p> </div> </div> </div> </section> <section class="py-16 md:py-20 border-t border-white/10 bg-[color:var(--color-ink-2)]"> <div class="wrap mb-8"> <div class="grid md:grid-cols-12 gap-6 items-end"> <div class="md:col-span-6"> <div class="eyebrow mb-3">[ Client roster ]</div> <h2 class="type-xl leading-[1.02]"> 86Some of the names.<br> <span class="italic-ornament text-[color:var(--color-coral)]">27 years worth.</span> </h2> </div> <div class="md:col-span-5 md:col-start-8 text-[color:var(--color-paper-dim)] text-base leading-relaxed"> 87From local Sonoma County contractors to enterprise-level campaigns executed alongside Google, Facebook, NBC, and Food Network â same discipline, applied hands-on, just at a larger scale. 88</div> </div> </div> <div class="wrap py-4"> <div class="showcase-wrap" data-showcase data-astro-cid-wwip7kpu> <div class="showcase-track" data-astro-cid-wwip7kpu> <div class="card" style="--i:0" data-astro-cid-wwip7kpu> <button type="button" class="card-inner" aria-label="Guy Fieri â From Local to Global Brand. 89Digital Strategy from Day One." data-astro-cid-wwip7kpu> <div class="face front" data-astro-cid-wwip7kpu> <img src="/img/client-logos/Guy Fieri Logo.webp" alt="Guy Fieri" loading="lazy" decoding="async" data-astro-cid-wwip7kpu> </div> <div class="face back" aria-hidden="true" data-astro-cid-wwip7kpu> <div class="back-desc" data-astro-cid-wwip7kpu>From Local to Global Brand. 90Digital Strategy from Day One.</div> </div> </button> </div><div class="card" style="--i:1" data-astro-cid-wwip7kpu> <button type="button" class="card-inner" aria-label="Sutter Roofing â More Calls. 91More Jobs. Month One." data-astro-cid-wwip7kpu> <div class="face front" data-astro-cid-wwip7kpu> <img src="/img/client-logos/sutter-roofing-logo.svg" alt="Sutter Roofing" loading="lazy" decoding="async" data-astro-cid-wwip7kpu> </div> <div class="face back" aria-hidden="true" data-astro-cid-wwip7kpu> <div class="back-desc" data-astro-cid-wwip7kpu>More Calls. 92More Jobs. Month One.</div> </div> </button> </div><div class="card" style="--i:2" data-astro-cid-wwip7kpu> <button type="button" class="card-inner" aria-label="Food Network â Strategic Partnerships 93Behind the Brand." data-astro-cid-wwip7kpu> <div class="face front" data-astro-cid-wwip7kpu> <img src="/img/client-logos/food-logo-2009.webp" alt="Food Network" loading="lazy" decoding="async" data-astro-cid-wwip7kpu> </div> <div class="face back" aria-hidden="true" data-astro-cid-wwip7kpu> <div class="back-desc" data-astro-cid-wwip7kpu>Strategic Partnerships 94Behind the Brand.</div> </div> </button> </div><div class="card" style="--i:3" data-astro-cid-wwip7kpu> <button type="button" class="card-inner" aria-label="Hahn Automotive â Single Location â 95Local Market Domination." data-astro-cid-wwip7kpu> <div class="face front" data-astro-cid-wwip7kpu> <img src="/img/client-logos/Hahn Logo (1).webp" alt="Hahn Automotive" loading="lazy" decoding="async" data-astro-cid-wwip7kpu> </div> <div class="face back" aria-hidden="true" data-astro-cid-wwip7kpu> <div class="back-desc" data-astro-cid-wwip7kpu>Single Location â 96Local Market Domination.</div> </div> </button> </div><div class="card" style="--i:4" data-astro-cid-wwip7kpu> <button type="button" class="card-inner" aria-label="NBC â National Exposure. 97Strategic Partnerships Executed." data-astro-cid-wwip7kpu> <div class="face front" data-astro-cid-wwip7kpu> <img src="/img/client-logos/nbc-logo.png" alt="NBC" loading="lazy" decoding="async" data-astro-cid-wwip7kpu> </div> <div class="face back" aria-hidden="true" data-astro-cid-wwip7kpu> <div class="back-desc" data-astro-cid-wwip7kpu>National Exposure. 98Strategic Partnerships Executed.</div> </div> </button> </div><div class="card" style="--i:5" data-astro-cid-wwip7kpu> <button type="button" class="card-inner" aria-label="Google â Trusted Agency Partner 99Since 2013." data-astro-cid-wwip7kpu> <div class="face front" data-astro-cid-wwip7kpu> <img src="/img/client-logos/google-logo-2008.jpg.png" alt="Google" loading="lazy" decoding="async" data-astro-cid-wwip7kpu> </div> <div class="face back" aria-hidden="true" data-astro-cid-wwip7kpu> <div class="back-desc" data-astro-cid-wwip7kpu>Trusted Agency Partner 100Since 2013.</div> </div> </button> </div><div class="card" style="--i:6" data-astro-cid-wwip7kpu> <button type="button" class="card-inner" aria-label="Ãleos Electric â Climbing to #1 101in Santa Rosa." data-astro-cid-wwip7kpu> <div class="face front front-big" data-astro-cid-wwip7kpu> <img src="/img/client-logos/Eleos Logo.png" alt="Ãleos Electric" loading="lazy" decoding="async" data-astro-cid-wwip7kpu> </div> <div class="face back" aria-hidden="true" data-astro-cid-wwip7kpu> <div class="back-desc" data-astro-cid-wwip7kpu>Climbing to #1 102in Santa Rosa.</div> </div> </button> </div><div class="card" style="--i:7" data-astro-cid-wwip7kpu> <button type="button" class="card-inner" aria-label="Facebook â Strategic Initiatives 103for High-Growth Brands." data-astro-cid-wwip7kpu> <div class="face front" data-astro-cid-wwip7kpu> <img src="/img/client-logos/Facebook.svg.png" alt="Facebook" loading="lazy" decoding="async" data-astro-cid-wwip7kpu> </div> <div class="face back" aria-hidden="true" data-astro-cid-wwip7kpu> <div class="back-desc" data-astro-cid-wwip7kpu>Strategic Initiatives 104for High-Growth Brands.</div> </div> </button> </div><div class="card" style="--i:8" data-astro-cid-wwip7kpu> <button type="button" class="card-inner" aria-label="Signarama â Franchise Strategy. 105Local Execution." data-astro-cid-wwip7kpu> <div class="face front" data-astro-cid-wwip7kpu> <img src="/img/client-logos/signarama-2012.jpg.webp" alt="Signarama" loading="lazy" decoding="async" data-astro-cid-wwip7kpu> </div> <div class="face back" aria-hidden="true" data-astro-cid-wwip7kpu> <div class="back-desc" data-astro-cid-wwip7kpu>Franchise Strategy. 106Local Execution.</div> </div> </button> </div><div class="card" style="--i:9" data-astro-cid-wwip7kpu> <button type="button" class="card-inner" aria-label="Maytag â Enterprise-Level Strategy. 107Nationwide Execution." data-astro-cid-wwip7kpu> <div class="face front" data-astro-cid-wwip7kpu> <img src="/img/client-logos/Maytag Logo.webp" alt="Maytag" loading="lazy" decoding="async" data-astro-cid-wwip7kpu> </div> <div class="face back" aria-hidden="true" data-astro-cid-wwip7kpu> <div class="back-desc" data-astro-cid-wwip7kpu>Enterprise-Level Strategy. 108Nationwide Execution.</div> </div> </button> </div><div class="card" style="--i:10" data-astro-cid-wwip7kpu> <button type="button" class="card-inner" aria-label="Cottman â Supporting Locations 109Across the Country." data-astro-cid-wwip7kpu> <div class="face front" data-astro-cid-wwip7kpu> <img src="/img/client-logos/Cottman Logo.webp" alt="Cottman" loading="lazy" decoding="async" data-astro-cid-wwip7kpu> </div> <div class="face back" aria-hidden="true" data-astro-cid-wwip7kpu> <div class="back-desc" data-astro-cid-wwip7kpu>Supporting Locations 110Across the Country.</div> </div> </button> </div><div class="card" style="--i:11" data-astro-cid-wwip7kpu> <button type="button" class="card-inner" aria-label="Farmers Insurance â Competitive Market. 111Consistent Leads." data-astro-cid-wwip7kpu> <div class="face front" data-astro-cid-wwip7kpu> <img src="/img/client-logos/Farmers Logo.webp" alt="Farmers Insurance" loading="lazy" decoding="async" data-astro-cid-wwip7kpu> </div> <div class="face back" aria-hidden="true" data-astro-cid-wwip7kpu> <div class="back-desc" data-astro-cid-wwip7kpu>Competitive Market. 112Consistent Leads.</div> </div> </button> </div><div class="card" style="--i:12" data-astro-cid-wwip7kpu> <button type="button" class="card-inner" aria-label="George Petersen Ins. â Built the Digital Strategy 113for Multi-Location Growth." data-astro-cid-wwip7kpu> <div class="face front front-big" data-astro-cid-wwip7kpu> <img src="/img/client-logos/GP Logo.webp" alt="George Petersen Ins." loading="lazy" decoding="async" data-astro-cid-wwip7kpu> </div> <div class="face back" aria-hidden="true" data-astro-cid-wwip7kpu> <div class="back-desc" data-astro-cid-wwip7kpu>Built the Digital Strategy 114for Multi-Location Growth.</div> </div> </button> </div><div class="card" style="--i:13" data-astro-cid-wwip7kpu> <button type="button" class="card-inner" aria-label="Friedman's â Regional Authority. 115Local Market Strength." data-astro-cid-wwip7kpu> <div class="face front" data-astro-cid-wwip7kpu> <img src="/img/client-logos/friedmans-logo.png" alt="Friedman's" loading="lazy" decoding="async" data-astro-cid-wwip7kpu> </div> <div class="face back" aria-hidden="true" data-astro-cid-wwip7kpu> <div class="back-desc" data-astro-cid-wwip7kpu>Regional Authority. 116Local Market Strength.</div> </div> </button> </div><div class="card" style="--i:14" data-astro-cid-wwip7kpu> <button type="button" class="card-inner" aria-label="Crate & Barrel â National Retail Brand. 117Strategic Digital Execution." data-astro-cid-wwip7kpu> <div class="face front" data-astro-cid-wwip7kpu> <img src="/img/client-logos/crate-barrel-logo.png" alt="Crate & Barrel" loading="lazy" decoding="async" data-astro-cid-wwip7kpu> </div> <div class="face back" aria-hidden="true" data-astro-cid-wwip7kpu> <div class="back-desc" data-astro-cid-wwip7kpu>National Retail Brand. 118Strategic Digital Execution.</div> </div> </button> </div><div class="card" style="--i:15" data-astro-cid-wwip7kpu> <button type="button" class="card-inner" aria-label="Montgomery Village â Multi-Brand Strategy 119Across the Property." data-astro-cid-wwip7kpu> <div class="face front" data-astro-cid-wwip7kpu> <img src="/img/client-logos/Montgomery Logo.webp" alt="Montgomery Village" loading="lazy" decoding="async" data-astro-cid-wwip7kpu> </div> <div class="face back" aria-hidden="true" data-astro-cid-wwip7kpu> <div class="back-desc" data-astro-cid-wwip7kpu>Multi-Brand Strategy 120Across the Property.</div> </div> </button> </div><div class="card" style="--i:16" data-astro-cid-wwip7kpu> <button type="button" class="card-inner" aria-label="Broan NuTone â Enterprise Brand. 121Nationwide Strategy Execution." data-astro-cid-wwip7kpu> <div class="face front" data-astro-cid-wwip7kpu> <img src="/img/client-logos/Broan Nutone Logo.webp" alt="Broan NuTone" loading="lazy" decoding="async" data-astro-cid-wwip7kpu> </div> <div class="face back" aria-hidden="true" data-astro-cid-wwip7kpu> <div class="back-desc" data-astro-cid-wwip7kpu>Enterprise Brand. 122Nationwide Strategy Execution.</div> </div> </button> </div><div class="card" style="--i:17" data-astro-cid-wwip7kpu> <button type="button" class="card-inner" aria-label="City of Santa Rosa â Regional Campaigns. 123Public Sector Experience." data-astro-cid-wwip7kpu> <div class="face front" data-astro-cid-wwip7kpu> <img src="/img/client-logos/SR City Logo.webp" alt="City of Santa Rosa" loading="lazy" decoding="async" data-astro-cid-wwip7kpu> </div> <div class="face back" aria-hidden="true" data-astro-cid-wwip7kpu> <div class="back-desc" data-astro-cid-wwip7kpu>Regional Campaigns. 124Public Sector Experience.</div> </div> </button> </div><div class="card" style="--i:18" data-astro-cid-wwip7kpu> <button type="button" class="card-inner" aria-label="Culligan â Franchise Growth. 125Local Market Execution." data-astro-cid-wwip7kpu> <div class="face front" data-astro-cid-wwip7kpu> <img src="/img/client-logos/Culligan Logo.webp" alt="Culligan" loading="lazy" decoding="async" data-astro-cid-wwip7kpu> </div> <div class="face back" aria-hidden="true" data-astro-cid-wwip7kpu> <div class="back-desc" data-astro-cid-wwip7kpu>Franchise Growth. 126Local Market Execution.</div> </div> </button> </div><div class="card" style="--i:19" data-astro-cid-wwip7kpu> <button type="button" class="card-inner" aria-label="Olde Virden's â Ecommer
126ce Brand. 127Growth-Focused Strategy." data-astro-cid-wwip7kpu> <div class="face front" data-astro-cid-wwip7kpu> <img src="/img/client-logos/Olde-Virden-logo.webp" alt="Olde Virden's" loading="lazy" decoding="async" data-astro-cid-wwip7kpu> </div> <div class="face back" aria-hidden="true" data-astro-cid-wwip7kpu> <div class="back-desc" data-astro-cid-wwip7kpu>Ecommerce Brand. 128Growth-Focused Strategy.</div> </div> </button> </div><div class="card" style="--i:20" data-astro-cid-wwip7kpu> <button type="button" class="card-inner" aria-label="Rotary â Non-Profit Branding 129and Community Campaigns." data-astro-cid-wwip7kpu> <div class="face front" data-astro-cid-wwip7kpu> <img src="/img/client-logos/Rotary Logo.webp" alt="Rotary" loading="lazy" decoding="async" data-astro-cid-wwip7kpu> </div> <div class="face back" aria-hidden="true" data-astro-cid-wwip7kpu> <div class="back-desc" data-astro-cid-wwip7kpu>Non-Profit Branding 130and Community Campaigns.</div> </div> </button> </div><div class="card" style="--i:21" data-astro-cid-wwip7kpu> <button type="button" class="card-inner" aria-label="Tactical Dad â Niche Brand. 131Precision Targeting." data-astro-cid-wwip7kpu> <div class="face front" data-astro-cid-wwip7kpu> <img src="/img/client-logos/tactical dad logo.webp" alt="Tactical Dad" loading="lazy" decoding="async" data-astro-cid-wwip7kpu> </div> <div class="face back" aria-hidden="true" data-astro-cid-wwip7kpu> <div class="back-desc" data-astro-cid-wwip7kpu>Niche Brand. 132Precision Targeting.</div> </div> </button> </div><div class="card" style="--i:22" data-astro-cid-wwip7kpu> <button type="button" class="card-inner" aria-label="United Way â Multi-County Reach. 133Redesigned for Visibility." data-astro-cid-wwip7kpu> <div class="face front" data-astro-cid-wwip7kpu> <img src="/img/client-logos/united way logo.webp" alt="United Way" loading="lazy" decoding="async" data-astro-cid-wwip7kpu> </div> <div class="face back" aria-hidden="true" data-astro-cid-wwip7kpu> <div class="back-desc" data-astro-cid-wwip7kpu>Multi-County Reach. 134Redesigned for Visibility.</div> </div> </button> </div><div class="card" style="--i:23" data-astro-cid-wwip7kpu> <button type="button" class="card-inner" aria-label="Guy Fieri â From Local to Global Brand. 135Digital Strategy from Day One." data-astro-cid-wwip7kpu> <div class="face front" data-astro-cid-wwip7kpu> <img src="/img/client-logos/Guy Fieri Logo.webp" alt="Guy Fieri" loading="lazy" decoding="async" data-astro-cid-wwip7kpu> </div> <div class="face back" aria-hidden="true" data-astro-cid-wwip7kpu> <div class="back-desc" data-astro-cid-wwip7kpu>From Local to Global Brand. 136Digital Strategy from Day One.</div> </div> </button> </div><div class="card" style="--i:24" data-astro-cid-wwip7kpu> <button type="button" class="card-inner" aria-label="Sutter Roofing â More Calls. 137More Jobs. Month One." data-astro-cid-wwip7kpu> <div class="face front" data-astro-cid-wwip7kpu> <img src="/img/client-logos/sutter-roofing-logo.svg" alt="Sutter Roofing" loading="lazy" decoding="async" data-astro-cid-wwip7kpu> </div> <div class="face back" aria-hidden="true" data-astro-cid-wwip7kpu> <div class="back-desc" data-astro-cid-wwip7kpu>More Calls. 138More Jobs. Month One.</div> </div> </button> </div><div class="card" style="--i:25" data-astro-cid-wwip7kpu> <button type="button" class="card-inner" aria-label="Food Network â Strategic Partnerships 139Behind the Brand." data-astro-cid-wwip7kpu> <div class="face front" data-astro-cid-wwip7kpu> <img src="/img/client-logos/food-logo-2009.webp" alt="Food Network" loading="lazy" decoding="async" data-astro-cid-wwip7kpu> </div> <div class="face back" aria-hidden="true" data-astro-cid-wwip7kpu> <div class="back-desc" data-astro-cid-wwip7kpu>Strategic Partnerships 140Behind the Brand.</div> </div> </button> </div><div class="card" style="--i:26" data-astro-cid-wwip7kpu> <button type="button" class="card-inner" aria-label="Hahn Automotive â Single Location â 141Local Market Domination." data-astro-cid-wwip7kpu> <div class="face front" data-astro-cid-wwip7kpu> <img src="/img/client-logos/Hahn Logo (1).webp" alt="Hahn Automotive" loading="lazy" decoding="async" data-astro-cid-wwip7kpu> </div> <div class="face back" aria-hidden="true" data-astro-cid-wwip7kpu> <div class="back-desc" data-astro-cid-wwip7kpu>Single Location â 142Local Market Domination.</div> </div> </button> </div><div class="card" style="--i:27" data-astro-cid-wwip7kpu> <button type="button" class="card-inner" aria-label="NBC â National Exposure. 143Strategic Partnerships Executed." data-astro-cid-wwip7kpu> <div class="face front" data-astro-cid-wwip7kpu> <img src="/img/client-logos/nbc-logo.png" alt="NBC" loading="lazy" decoding="async" data-astro-cid-wwip7kpu> </div> <div class="face back" aria-hidden="true" data-astro-cid-wwip7kpu> <div class="back-desc" data-astro-cid-wwip7kpu>National Exposure. 144Strategic Partnerships Executed.</div> </div> </button> </div><div class="card" style="--i:28" data-astro-cid-wwip7kpu> <button type="button" class="card-inner" aria-label="Google â Trusted Agency Partner 145Since 2013." data-astro-cid-wwip7kpu> <div class="face front" data-astro-cid-wwip7kpu> <img src="/img/client-logos/google-logo-2008.jpg.png" alt="Google" loading="lazy" decoding="async" data-astro-cid-wwip7kpu> </div> <div class="face back" aria-hidden="true" data-astro-cid-wwip7kpu> <div class="back-desc" data-astro-cid-wwip7kpu>Trusted Agency Partner 146Since 2013.</div> </div> </button> </div><div class="card" style="--i:29" data-astro-cid-wwip7kpu> <button type="button" class="card-inner" aria-label="Ãleos Electric â Climbing to #1 147in Santa Rosa." data-astro-cid-wwip7kpu> <div class="face front front-big" data-astro-cid-wwip7kpu> <img src="/img/client-logos/Eleos Logo.png" alt="Ãleos Electric" loading="lazy" decoding="async" data-astro-cid-wwip7kpu> </div> <div class="face back" aria-hidden="true" data-astro-cid-wwip7kpu> <div class="back-desc" data-astro-cid-wwip7kpu>Climbing to #1 148in Santa Rosa.</div> </div> </button> </div><div class="card" style="--i:30" data-astro-cid-wwip7kpu> <button type="button" class="card-inner" aria-label="Facebook â Strategic Initiatives 149for High-Growth Brands." data-astro-cid-wwip7kpu> <div class="face front" data-astro-cid-wwip7kpu> <img src="/img/client-logos/Facebook.svg.png" alt="Facebook" loading="lazy" decoding="async" data-astro-cid-wwip7kpu> </div> <div class="face back" aria-hidden="true" data-astro-cid-wwip7kpu> <div class="back-desc" data-astro-cid-wwip7kpu>Strategic Initiatives 150for High-Growth Brands.</div> </div> </button> </div><div class="card" style="--i:31" data-astro-cid-wwip7kpu> <button type="button" class="card-inner" aria-label="Signarama â Franchise Strategy. 151Local Execution." data-astro-cid-wwip7kpu> <div class="face front" data-astro-cid-wwip7kpu> <img src="/img/client-logos/signarama-2012.jpg.webp" alt="Signarama" loading="lazy" decoding="async" data-astro-cid-wwip7kpu> </div> <div class="face back" aria-hidden="true" data-astro-cid-wwip7kpu> <div class="back-desc" data-astro-cid-wwip7kpu>Franchise Strategy. 152Local Execution.</div> </div> </button> </div><div class="card" style="--i:32" data-astro-cid-wwip7kpu> <button type="button" class="card-inner" aria-label="Maytag â Enterprise-Level Strategy. 153Nationwide Execution." data-astro-cid-wwip7kpu> <div class="face front" data-astro-cid-wwip7kpu> <img src="/img/client-logos/Maytag Logo.webp" alt="Maytag" loading="lazy" decoding="async" data-astro-cid-wwip7kpu> </div> <div class="face back" aria-hidden="true" data-astro-cid-wwip7kpu> <div class="back-desc" data-astro-cid-wwip7kpu>Enterprise-Level Strategy. 154Nationwide Execution.</div> </div> </button> </div><div class="card" style="--i:33" data-astro-cid-wwip7kpu> <button type="button" class="card-inner" aria-label="Cottman â Supporting Locations 155Across the Country." data-astro-cid-wwip7kpu> <div class="face front" data-astro-cid-wwip7kpu> <img src="/img/client-logos/Cottman Logo.webp" alt="Cottman" loading="lazy" decoding="async" data-astro-cid-wwip7kpu> </div> <div class="face back" aria-hidden="true" data-astro-cid-wwip7kpu> <div class="back-desc" data-astro-cid-wwip7kpu>Supporting Locations 156Across the Country.</div> </div> </button> </div><div class="card" style="--i:34" data-astro-cid-wwip7kpu> <button type="button" class="card-inner" aria-label="Farmers Insurance â Competitive Market. 157Consistent Leads." data-astro-cid-wwip7kpu> <div class="face front" data-astro-cid-wwip7kpu> <img src="/img/client-logos/Farmers Logo.webp" alt="Farmers Insurance" loading="lazy" decoding="async" data-astro-cid-wwip7kpu> </div> <div class="face back" aria-hidden="true" data-astro-cid-wwip7kpu> <div class="back-desc" data-astro-cid-wwip7kpu>Competitive Market. 158Consistent Leads.</div> </div> </button> </div><div class="card" style="--i:35" data-astro-cid-wwip7kpu> <button type="button" class="card-inner" aria-label="George Petersen Ins. â Built the Digital Strategy 159for Multi-Location Growth." data-astro-cid-wwip7kpu> <div class="face front front-big" data-astro-cid-wwip7kpu> <img src="/img/client-logos/GP Logo.webp" alt="George Petersen Ins." loading="lazy" decoding="async" data-astro-cid-wwip7kpu> </div> <div class="face back" aria-hidden="true" data-astro-cid-wwip7kpu> <div class="back-desc" data-astro-cid-wwip7kpu>Built the Digital Strategy 160for Multi-Location Growth.</div> </div> </button> </div><div class="card" style="--i:36" data-astro-cid-wwip7kpu> <button type="button" class="card-inner" aria-label="Friedman's â Regional Authority. 161Local Market Strength." data-astro-cid-wwip7kpu> <div class="face front" data-astro-cid-wwip7kpu> <img src="/img/client-logos/friedmans-logo.png" alt="Friedman's" loading="lazy" decoding="async" data-astro-cid-wwip7kpu> </div> <div class="face back" aria-hidden="true" data-astro-cid-wwip7kpu> <div class="back-desc" data-astro-cid-wwip7kpu>Regional Authority. 162Local Market Strength.</div> </div> </button> </div><div class="card" style="--i:37" data-astro-cid-wwip7kpu> <button type="button" class="card-inner" aria-label="Crate & Barrel â National Retail Brand. 163Strategic Digital Execution." data-astro-cid-wwip7kpu> <div class="face front" data-astro-cid-wwip7kpu> <img src="/img/client-logos/crate-barrel-logo.png" alt="Crate & Barrel" loading="lazy" decoding="async" data-astro-cid-wwip7kpu> </div> <div class="face back" aria-hidden="true" data-astro-cid-wwip7kpu> <div class="back-desc" data-astro-cid-wwip7kpu>National Retail Brand. 164Strategic Digital Execution.</div> </div> </button> </div><div class="card" style="--i:38" data-astro-cid-wwip7kpu> <button type="button" class="card-inner" aria-label="Montgomery Village â Multi-Brand Strategy 165Across the Property." data-astro-cid-wwip7kpu> <div class="face front" data-astro-cid-wwip7kpu> <img src="/img/client-logos/Montgomery Logo.webp" alt="Montgomery Village" loading="lazy" decoding="async" data-astro-cid-wwip7kpu> </div> <div class="face back" aria-hidden="true" data-astro-cid-wwip7kpu> <div class="back-desc" data-astro-cid-wwip7kpu>Multi-Brand Strategy 166Across the Property.</div> </div> </button> </div><div class="card" style="--i:39" data-astro-cid-wwip7kpu> <button type="button" class="card-inner" aria-label="Broan NuTone â Enterprise Brand. 167Nationwide Strategy Execution." data-astro-cid-wwip7kpu> <div class="face front" data-astro-cid-wwip7kpu> <img src="/img/client-logos/Broan Nutone Logo.webp" alt="Broan NuTone" loading="lazy" decoding="async" data-astro-cid-wwip7kpu> </div> <div class="face back" aria-hidden="true" data-astro-cid-wwip7kpu> <div class="back-desc" data-astro-cid-wwip7kpu>Enterprise Brand. 168Nationwide Strategy Execution.</div> </div> </button> </div><div class="card" style="--i:40" data-astro-cid-wwip7kpu> <button type="button" class="card-inner" aria-label="City of Santa Rosa â Regional Campaigns. 169Public Sector Experience." data-astro-cid-wwip7kpu> <div class="face front" data-astro-cid-wwip7kpu> <img src="/img/client-logos/SR City Logo.webp" alt="City of Santa Rosa" loading="lazy" decoding="async" data-astro-cid-wwip7kpu> </div> <div class="face back" aria-hidden="true" data-astro-cid-wwip7kpu> <div class="back-desc" data-astro-cid-wwip7kpu>Regional Campaigns. 170Public Sector Experience.</div> </div> </button> </div>
170<div class="card" style="--i:41" data-astro-cid-wwip7kpu> <button type="button" class="card-inner" aria-label="Culligan â Franchise Growth. 171Local Market Execution." data-astro-cid-wwip7kpu> <div class="face front" data-astro-cid-wwip7kpu> <img src="/img/client-logos/Culligan Logo.webp" alt="Culligan" loading="lazy" decoding="async" data-astro-cid-wwip7kpu> </div> <div class="face back" aria-hidden="true" data-astro-cid-wwip7kpu> <div class="back-desc" data-astro-cid-wwip7kpu>Franchise Growth. 172Local Market Execution.</div> </div> </button> </div><div class="card" style="--i:42" data-astro-cid-wwip7kpu> <button type="button" class="card-inner" aria-label="Olde Virden's â Ecommerce Brand. 173Growth-Focused Strategy." data-astro-cid-wwip7kpu> <div class="face front" data-astro-cid-wwip7kpu> <img src="/img/client-logos/Olde-Virden-logo.webp" alt="Olde Virden's" loading="lazy" decoding="async" data-astro-cid-wwip7kpu> </div> <div class="face back" aria-hidden="true" data-astro-cid-wwip7kpu> <div class="back-desc" data-astro-cid-wwip7kpu>Ecommerce Brand. 174Growth-Focused Strategy.</div> </div> </button> </div><div class="card" style="--i:43" data-astro-cid-wwip7kpu> <button type="button" class="card-inner" aria-label="Rotary â Non-Profit Branding 175and Community Campaigns." data-astro-cid-wwip7kpu> <div class="face front" data-astro-cid-wwip7kpu> <img src="/img/client-logos/Rotary Logo.webp" alt="Rotary" loading="lazy" decoding="async" data-astro-cid-wwip7kpu> </div> <div class="face back" aria-hidden="true" data-astro-cid-wwip7kpu> <div class="back-desc" data-astro-cid-wwip7kpu>Non-Profit Branding 176and Community Campaigns.</div> </div> </button> </div><div class="card" style="--i:44" data-astro-cid-wwip7kpu> <button type="button" class="card-inner" aria-label="Tactical Dad â Niche Brand. 177Precision Targeting." data-astro-cid-wwip7kpu> <div class="face front" data-astro-cid-wwip7kpu> <img src="/img/client-logos/tactical dad logo.webp" alt="Tactical Dad" loading="lazy" decoding="async" data-astro-cid-wwip7kpu> </div> <div class="face back" aria-hidden="true" data-astro-cid-wwip7kpu> <div class="back-desc" data-astro-cid-wwip7kpu>Niche Brand. 178Precision Targeting.</div> </div> </button> </div><div class="card" style="--i:45" data-astro-cid-wwip7kpu> <button type="button" class="card-inner" aria-label="United Way â Multi-County Reach. 179Redesigned for Visibility." data-astro-cid-wwip7kpu> <div class="face front" data-astro-cid-wwip7kpu> <img src="/img/client-logos/united way logo.webp" alt="United Way" loading="lazy" decoding="async" data-astro-cid-wwip7kpu> </div> <div class="face back" aria-hidden="true" data-astro-cid-wwip7kpu> <div class="back-desc" data-astro-cid-wwip7kpu>Multi-County Reach. 180Redesigned for Visibility.</div> </div> </button> </div> </div> </div>
180<script type="module">(()=>{const i=document.querySelector("[data-showcase]");if(!i)return;window.matchMedia("(hover: none)").matches&&(i.querySelectorAll(".card-inner").forEach(e=>{const s=e.tagName==="A";e.addEventListener("click",t=>{e.classList.contains("is-flipped")?s||e.classList.remove("is-flipped"):(s&&t.preventDefault(),i.querySelectorAll(".card-inner.is-flipped").forEach(c=>c.classList.remove("is-flipped")),e.classList.add("is-flipped"))})}),document.addEventListener("click",e=>{(!(e.target instanceof Node)||!i.contains(e.target))&&i.querySelectorAll(".card-inner.is-flipped").forEach(s=>s.classList.remove("is-flipped"))}))})();</script>
180 </div> </section> <div class="py-3 border-y border-white/10 overflow-hidden bg-[color:var(--color-ink)]"> <div class="marquee-track whitespace-nowrap font-mono text-xs tracking-widest uppercase text-[color:var(--color-teal-bright)]" style="animation-duration: 80s"> <span class="flex items-center gap-6 shrink-0"> <span>Guy Fieri</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>Food Network</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>NBC</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>Restoration Hardware</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>Google</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>Facebook</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>Crate & Barrel</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>Westinghouse</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>Maytag</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>Farmers Insurance</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>Friedman's</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>Rotary</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>AAMCO</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>Signarama</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>United Way</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>Body Spartan</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>Montgomery Village</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>City of Santa Rosa</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>Broan NuTone</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>Olde Virden's</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>George Petersen Ins.</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>E.R. Sawyer Jewelers</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>Sutter Roofing</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>Ãleos Electric</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>Easy Breezy</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>Cottman</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>Tactical Dad</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>Guy Fieri</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>Food Network</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>NBC</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>Restoration Hardware</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>Google</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>Facebook</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>Crate & Barrel</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>Westinghouse</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>Maytag</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>Farmers Insurance</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>Friedman's</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>Rotary</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>AAMCO</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>Signarama</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>United Way</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>Body Spartan</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>Montgomery Village</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>City of Santa Rosa</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>Broan NuTone</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>Olde Virden's</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>George Petersen Ins.</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>E.R. Sawyer Jewelers</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>Sutter Roofing</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>Ãleos Electric</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>Easy Breezy</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>Cottman</span> <span class="opacity-50">/</span> </span><span class="flex items-center gap-6 shrink-0"> <span>Tactical Dad</span> <span class="opacity-50">/</span> </span> </div> </div> <section class="py-20 md:py-24 border-t border-white/10" style="background:var(--color-ink)"> <div class="wrap"> <div class="flex items-end justify-between mb-10 md:mb-14 flex-wrap gap-6"> <div class="max-w-2xl"> <div class="eyebrow mb-4">[ Client success stories ]</div> <h2 class="type-xl leading-[1.02]"> Four of them,<br><span class="italic-ornament text-[color:var(--color-coral)]">on camera.</span> </h2> <p class="mt-5 text-[color:var(--color-paper-dim)] text-base md:text-lg leading-relaxed"> Unscripted video from the owners themselves â auto repair, electrical, beauty, and retail. Full transcripts on every page, and no numbers we can't source. </p> </div> <a href="/success-stories/" class="btn-outline"> 181All stories · 3:16 â 182</a> </div> <div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-6 md:gap-8"> <article class="group"> <a href="/success-stories/eleos-electric/" class="block"> <div class="relative"> <div class="absolute -top-2 -left-2 right-3 bottom-3 border border-white/15 group-hover:border-[color:var(--color-coral)] transition-colors pointer-events-none z-0" aria-hidden="true"></div> <!-- 4:5 portrait â three of four clips are 9:16 phone recordings. 183 posterFocus is tuned per clip against rendered crops. -->
183 <div class="relative aspect-[4/5] overflow-hidden bg-[color:var(--color-ink-3)]"> <img src="/video/testimonials/eleos-john-v1-poster.jpg" alt="John Evans, Ãleos Electric" loading="lazy" style="object-position:50% 75%" class="w-full h-full object-cover group-hover:scale-[1.03] transition-transform duration-700 ease-out"> <span class="absolute bottom-3 right-3 font-mono text-[10px] tracking-widest uppercase bg-[color:var(--color-ink)]/85 px-2 py-1"> 184â¶ 1:43 </span> <span class="absolute top-3 left-3 font-mono text-[10px] tracking-widest uppercase bg-[color:var(--color-ink)]/85 px-2 py-1"> Electrical </span> </div> </div> <div class="mt-5"> <div class="flex items-center gap-3 mb-3"> <span class="inline-flex items-center bg-[color:var(--color-paper)] px-2 py-1.5"> <img src="/img/success-stories/eleos-logo.png" alt="Ãleos Electric logo" class="h-8 w-auto max-w-[120px] object-contain" loading="lazy"> </span> </div> <h3 class="font-display text-xl md:text-2xl leading-tight group-hover:text-[color:var(--color-coral)] transition-colors"> "The phone is ringing." </h3> <p class="mt-2 text-sm text-[color:var(--color-paper-dim)] leading-snug"> Ãleos Electric · John Evans </p> <div class="mt-4 flex flex-col gap-1 font-mono text-[11px] tracking-widest uppercase"> <span class="group-hover:text-[color:var(--color-coral)] transition-colors"> 185Read full case study â 186</span> </div> </div> </a> <a href="/success-stories/eleos-electric/#watch" class="mt-1 inline-block font-mono text-[11px] tracking-widest uppercase text-[color:var(--color-teal-bright)] hover:underline"> 187Watch the story â 188</a> </article><article class="group"> <a href="/success-stories/spice-boutique/" class="block"> <div class="relative"> <div class="absolute -top-2 -left-2 right-3 bottom-3 border border-white/15 group-hover:border-[color:var(--color-coral)] transition-colors pointer-events-none z-0" aria-hidden="true"></div> <!-- 4:5 portrait â three of four clips are 9:16 phone recordings. 189 posterFocus is tuned per clip against rendered crops. --> <div class="relative aspect-[4/5] overflow-hidden bg-[color:var(--color-ink-3)]"> <img src="/video/testimonials/spice-chuck-v1-poster.jpg" alt="Chuck, Spice Boutique" loading="lazy" style="object-position:50% 100%" class="w-full h-full object-cover group-hover:scale-[1.03] transition-transform duration-700 ease-out"> <span class="absolute bottom-3 right-3 font-mono text-[10px] tracking-widest uppercase bg-[color:var(--color-ink)]/85 px-2 py-1"> 190â¶ 0:30 </span> <span class="absolute top-3 left-3 font-mono text-[10px] tracking-widest uppercase bg-[color:var(--color-ink)]/85 px-2 py-1"> Retail </span> </div> </div> <div class="mt-5"> <div class="flex items-center gap-3 mb-3"> <img src="/img/success-stories/spice-logo.webp" alt="Spice Boutique logo" class="h-8 w-auto max-w-[120px] object-contain" loading="lazy"> </div> <h3 class="font-display text-xl md:text-2xl leading-tight group-hover:text-[color:var(--color-coral)] transition-colors"> 30 years of agencies. One verdict. </h3> <p class="mt-2 text-sm text-[color:var(--color-paper-dim)] leading-snug"> Spice Boutique · Chuck </p> <div class="mt-4 flex flex-col gap-1 font-mono text-[11px] tracking-widest uppercase"> <span class="group-hover:text-[color:var(--color-coral)] transition-colors"> 191Read full case study â 192</span> </div> </div> </a> <a href="/success-stories/spice-boutique/#watch" class="mt-1 inline-block font-mono text-[11px] tracking-widest uppercase text-[color:var(--color-teal-bright)] hover:underline"> 193Watch the story â 194</a> </article><article class="group"> <a href="/success-stories/hahn-automotive/" class="block"> <div class="relative"> <div class="absolute -top-2 -left-2 right-3 bottom-3 border border-white/15 group-hover:border-[color:var(--color-coral)] transition-colors pointer-events-none z-0" aria-hidden="true"></div> <!-- 4:5 portrait â three of four clips are 9:16 phone recordings. 195 posterFocus is tuned per clip against rendered crops. --> <div class="relative aspect-[4/5] overflow-hidden bg-[color:var(--color-ink-3)]"> <img src="/video/testimonials/hahn-billy-v1-poster.jpg" alt="Billy Coghlin, Hahn Automotive" loading="lazy" style="object-position:40% 50%" class="w-full h-full object-cover group-hover:scale-[1.03] transition-transform duration-700 ease-out"> <span class="absolute bottom-3 right-3 font-mono text-[10px] tracking-widest uppercase bg-[color:var(--color-ink)]/85 px-2 py-1"> 196â¶ 0:14 </span> <span class="absolute top-3 left-3 font-mono text-[10px] tracking-widest uppercase bg-[color:var(--color-ink)]/85 px-2 py-1"> Auto Repair </span> </div> </div> <div class="mt-5"> <div class="flex items-center gap-3 mb-3"> <span class="inline-flex items-center bg-[color:var(--color-paper)] px-2 py-1.5"> <img src="/img/success-stories/hahn-logo.webp" alt="Hahn Automotive logo" class="h-8 w-auto max-w-[120px] object-contain" loading="lazy"> </span> </div> <h3 class="font-display text-xl md:text-2xl leading-tight group-hover:text-[color:var(--color-coral)] transition-colors"> "Excellent results â at about 3% of gross." </h3> <p class="mt-2 text-sm text-[color:var(--color-paper-dim)] leading-snug"> Hahn Automotive · Billy Coghlin </p> <div class="mt-4 flex flex-col gap-1 font-mono text-[11px] tracking-widest uppercase"> <span class="group-hover:text-[color:var(--color-coral)] transition-colors"> 197Read full case study â 198</span> </div> </div> </a> <a href="/success-stories/hahn-automotive/#watch" class="mt-1 inline-block font-mono text-[11px] tracking-widest uppercase text-[color:var(--color-teal-bright)] hover:underline"> 199Watch the story â 200</a> </article><article class="group"> <a href="/success-stories/bella-deva-beauty-scene/" class="block"> <div class="relative"> <div class="absolute -top-2 -left-2 right-3 bottom-3 border border-white/15 group-hover:border-[color:var(--color-coral)] transition-colors pointer-events-none z-0" aria-hidden="true"></div> <!-- 4:5 portrait â three of four clips are 9:16 phone recordings. 201 posterFocus is tuned per clip against rendered crops. -->
201 <div class="relative aspect-[4/5] overflow-hidden bg-[color:var(--color-ink-3)]"> <img src="/video/testimonials/bella-deva-teresa-v1-poster.jpg" alt="Teresa Sampino, Bella Deva Beauty Scene" loading="lazy" style="object-position:50% 25%" class="w-full h-full object-cover group-hover:scale-[1.03] transition-transform duration-700 ease-out"> <span class="absolute bottom-3 right-3 font-mono text-[10px] tracking-widest uppercase bg-[color:var(--color-ink)]/85 px-2 py-1"> 202â¶ 0:15 </span> <span class="absolute top-3 left-3 font-mono text-[10px] tracking-widest uppercase bg-[color:var(--color-ink)]/85 px-2 py-1"> Beauty & Salon </span> </div> </div> <div class="mt-5"> <div class="flex items-center gap-3 mb-3"> <img src="/img/success-stories/bella-deva-logo.png" alt="Bella Deva Beauty Scene logo" class="h-8 w-auto max-w-[120px] object-contain" loading="lazy"> </div> <h3 class="font-display text-xl md:text-2xl leading-tight group-hover:text-[color:var(--color-coral)] transition-colors"> "My phone will not stop ringing." </h3> <p class="mt-2 text-sm text-[color:var(--color-paper-dim)] leading-snug"> Bella Deva Beauty Scene · Teresa Sampino </p> <div class="mt-4 flex flex-col gap-1 font-mono text-[11px] tracking-widest uppercase"> <span class="group-hover:text-[color:var(--color-coral)] transition-colors"> 203Read full case study â 204</span> </div> </div> </a> <a href="/success-stories/bella-deva-beauty-scene/#watch" class="mt-1 inline-block font-mono text-[11px] tracking-widest uppercase text-[color:var(--color-teal-bright)] hover:underline"> 205Watch the story â 206</a> </article><article class="group"> <a href="/success-stories/cxo-capital-advisors/" class="block"> <div class="relative"> <div class="absolute -top-2 -left-2 right-3 bottom-3 border border-white/15 group-hover:border-[color:var(--color-coral)] transition-colors pointer-events-none z-0" aria-hidden="true"></div> <!-- 4:5 portrait â three of four clips are 9:16 phone recordings. 207 posterFocus is tuned per clip against rendered crops. --> <div class="relative aspect-[4/5] overflow-hidden bg-[color:var(--color-ink-3)]"> <img src="/video/testimonials/cxo-tom-v1-poster.jpg" alt="Tom Hakel, CXO Capital Advisors" loading="lazy" style="object-position:12% 50%" class="w-full h-full object-cover group-hover:scale-[1.03] transition-transform duration-700 ease-out"> <span class="absolute bottom-3 right-3 font-mono text-[10px] tracking-widest uppercase bg-[color:var(--color-ink)]/85 px-2 py-1"> 208â¶ 0:34 </span> <span class="absolute top-3 left-3 font-mono text-[10px] tracking-widest uppercase bg-[color:var(--color-ink)]/85 px-2 py-1"> M&A Advisory </span> </div> </div> <div class="mt-5"> <div class="flex items-center gap-3 mb-3"> <span class="inline-flex items-center bg-[color:var(--color-paper)] px-2 py-1.5"> <img src="/img/success-stories/cxo-logo.png" alt="CXO Capital Advisors logo" class="h-8 w-auto max-w-[120px] object-contain" loading="lazy"> </span> </div> <h3 class="font-display text-xl md:text-2xl leading-tight group-hover:text-[color:var(--color-coral)] transition-colors"> "Back in 24 hours." </h3> <p class="mt-2 text-sm text-[color:var(--color-paper-dim)] leading-snug"> CXO Capital Advisors · Tom Hakel </p> <div class="mt-4 flex flex-col gap-1 font-mono text-[11px] tracking-widest uppercase"> <span class="group-hover:text-[color:var(--color-coral)] transition-colors"> 209Read full case study â 210</span> </div> </div> </a> <a href="/success-stories/cxo-capital-advisors/#watch" class="mt-1 inline-block font-mono text-[11px] tracking-widest uppercase text-[color:var(--color-teal-bright)] hover:underline"> 211Watch the story â 212</a> </article> </div> </div> </section>
212<script type="application/ld+json">{"@context":"https://schema.org","@type":"LocalBusiness","@id":"https://bonsaimarketingcompany.com/#organization","name":"Bonsai Marketing","url":"https://bonsaimarketingcompany.com","aggregateRating":{"@type":"AggregateRating","ratingValue":"5.0","reviewCount":55,"bestRating":5,"worstRating":1},"review":[{"@type":"Review","author":{"@type":"Person","name":"Ben Whisenhunt"},"datePublished":"2026-05-30T00:00:00Z","reviewRating":{"@type":"Rating","ratingValue":5,"bestRating":5},"reviewBody":"Quite possibly one of the most advanced marketing companies in California, maybe the world?!?! These folks had a whole campaign up and running for us in two weeks. Would have taken anyone else two months."},{"@type":"Review","author":{"@type":"Person","name":"Nicole D"},"datePublished":"2026-05-30T00:00:00Z","reviewRating":{"@type":"Rating","ratingValue":5,"bestRating":5},"reviewBody":"Bonsai Marketing delivered exceptional results for my Shopify e-commerce brand. Their audit was genuinely brilliant."},{"@type":"Review","author":{"@type":"Person","name":"Fahad Coder"},"datePublished":"2026-03-05T00:00:00Z","reviewRating":{"@type":"Rating","ratingValue":5,"bestRating":5},"reviewBody":"Bryan and his team know local SEO inside and out. They built us a clean, mobile-friendly site and focused on getting actual phone callsânot just traffic. Over 24 years of experience shows. If you want an agency that skips the fluff and delivers real leads, go with Bonsai."},{"@type":"Review","author":{"@type":"Person","name":"Clayton Joyner"},"datePublished":"2026-05-29T00:00:00Z","reviewRating":{"@type":"Rating","ratingValue":5,"bestRating":5},"reviewBody":"Bonsai is literally from the future. The depth of their knowledge around growth and AI systems is next level."},{"@type":"Review","author":{"@type":"Person","name":"Michael Vassar"},"datePublished":"2026-05-30T00:00:00Z","reviewRating":{"@type":"Rating","ratingValue":5,"bestRating":5},"reviewBody":"Bonsai is on the forefront of AI enhanced marketing, their efficiency/speed to results are the best I've seen!!"},{"@type":"Review","author":{"@type":"Person","name":"Samantha Quinones"},"datePublished":"2026-06-02T00:00:00Z","reviewRating":{"@type":"Rating","ratingValue":5,"bestRating":5},"reviewBody":"I've been working with Bryan and his team this year and have been blown away by their capabilities and process to deliver fast and sustainable SEO."},{"@type":"Review","author":{"@type":"Person","name":"Terry Cardwell"},"datePublished":"2026-06-01T00:00:00Z","reviewRating":{"@type":"Rating","ratingValue":5,"bestRating":5},"reviewBody":"Bryan and Bonsai Marketing do an amazing job of delivering high-quality work, from the top-end website design and development to PPC management."},{"@type":"Review","author":{"@type":"Person","name":"Sherry Roby"},"datePublished":"2026-03-10T00:00:00Z","reviewRating":{"@type":"Rating","ratingValue":5,"bestRating":5},"reviewBody":"I have known Bryan for all of his entrepreneurial life. He is an AI genius and dedicated to creating the best marketing product for your local business. He is trustworthy and does what he says he will do."},{"@type":"Review","author":{"@type":"Person","name":"John Evans"},"datePublished":"2026-02-23T00:00:00Z","reviewRating":{"@type":"Rating","ratingValue":5,"bestRating":5},"reviewBody":"Bonsai Marketing has been handling my business for some time now. Bryan is an absolute pro. He did a deep dive into the service I was receiving from another marketing company... he could see where the shortfalls and gaps were. Then formulated a plan to address them. His analytics of my business needs has been tremendous."},{"@type":"Review","author":{"@type":"Person","name":"Christian Arnett"},"datePublished":"2026-06-07T00:00:00Z","reviewRating":{"@type":"Rating","ratingValue":5,"bestRating":5},"reviewBody":"We were looking for more than just a website design companyâwe needed a true marketing partner that understood our business, our customers, and the North Bay market. Within just a few days of launching our new website, we received a high-value lead that immediately demonstrated the potential of the work they had done. That kind of result speaks for itself."},{"@type":"Review","author":{"@type":"Person","name":"Rob Thompson"},"datePublished":"2026-02-23T00:00:00Z","reviewRating":{"@type":"Rating","ratingValue":5,"bestRating":5},"reviewBody":"Bryan is great â he increased my business by 35% the past 2 years. This means I can take more vacations. Hire Bonsai Marketing â you will be shocked how much business comes your way!"},{"@type":"Review","author":{"@type":"Person","name":"Paul Brunetta"},"datePublished":"2026-02-23T00:00:00Z","reviewRating":{"@type":"Rating","ratingValue":5,"bestRating":5},"reviewBody":"We interviewed several internet marketing agencies prior to chatting with Bonsai. None of the other agencies even talked about all the Local SEO tactics and campaigns he has built for us. The local listing optimization and the process of getting our Google maps listing to the top of the page has been a HUGE revenue source."},{"@type":"Review","author":{"@type":"Person","name":"Steve Smith"},"datePublished":"2026-02-23T00:00:00Z","reviewRating":{"@type":"Rating","ratingValue":5,"bestRating":5},"reviewBody":"It is evident that the agency owner, Bryan Fikes,
212knows his stuff. He's helped us increase our business online and gain top position on Google. He also manages our paid ads and provides creative strategy for our in-house marketing team."},{"@type":"Review","author":{"@type":"Person","name":"Pat Piehl"},"datePublished":"2026-02-28T00:00:00Z","reviewRating":{"@type":"Rating","ratingValue":5,"bestRating":5},"reviewBody":"Bonsai is creative and top of things as the market changes for us. They are part of our team."}]}</script>
212<section class="py-24 md:py-32 bg-[color:var(--color-ink-2)] border-y border-white/10 relative overflow-hidden"> <div class="wrap relative"> <div class="grid md:grid-cols-12 gap-8 items-end mb-12 md:mb-16"> <div class="md:col-span-6"> <div class="eyebrow mb-4">[ 0.7 · What clients say ]</div> <h2 class="type-xl"> Five stars.<br> <span class="italic-ornament text-[color:var(--color-coral)]">Not one under.</span> </h2> </div> <div class="md:col-span-5 md:col-start-8 space-y-3"> <!-- Aggregate rating block --> <a href="https://maps.google.com/?cid=4942814265469414286&g_mp=CiVnb29nbGUubWFwcy5wbGFjZXMudjEuUGxhY2VzLkdldFBsYWNlEAIYBCAA" target="_blank" rel="noopener" class="block group"> <div class="flex items-center gap-5 p-5 border border-white/10 hover:border-[color:var(--color-coral)] transition-colors"> <div> <div class="flex items-baseline gap-2"> <span class="font-display text-5xl md:text-6xl text-[color:var(--color-coral)] leading-none">5.0</span> <span class="font-mono text-xs tracking-widest uppercase text-[color:var(--color-paper-dim)]">/ 5.0</span> </div> <div class="flex gap-1 mt-2 text-[color:var(--color-coral)]" aria-label="5 out of 5 stars"> <svg viewBox="0 0 20 20" class="w-4 h-4" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-4 h-4" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-4 h-4" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-4 h-4" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-4 h-4" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg> </div> </div> <div class="h-14 w-px bg-white/10"></div> <div class="flex-1"> <div class="font-mono text-[10px] tracking-widest uppercase text-[color:var(--color-paper-dim)] mb-1">Google Business Profile</div> <div class="font-display text-lg leading-tight">55 reviews</div> <div class="font-mono text-[10px] tracking-widest uppercase text-[color:var(--color-teal-bright)] mt-1 group-hover:text-[color:var(--color-coral)] transition-colors">Read all on Google â</div> </div> </div> </a> <a href="https://www.yelp.com/biz/bonsai-marketing-sebastopol" target="_blank" rel="noopener" class="block group"> <div class="flex items-center gap-5 p-4 border border-white/10 hover:border-[color:var(--color-coral)] transition-colors"> <div> <div class="flex items-baseline gap-2"> <span class="font-display text-3xl text-[color:var(--color-coral)] leading-none">5.0</span> <span class="font-mono text-[10px] tracking-widest uppercase text-[color:var(--color-paper-dim)]">/ 5.0</span> </div> <div class="flex gap-1 mt-1.5 text-[color:var(--color-coral)]" aria-label="5 out of 5 stars on Yelp"> <svg viewBox="0 0 20 20" class="w-3 h-3" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3 h-3" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3 h-3" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3 h-3" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3 h-3" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg> </div> </div> <div class="h-10 w-px bg-white/10"></div> <div class="flex-1"> <div class="font-mono text-[10px] tracking-widest uppercase text-[color:var(--color-paper-dim)] mb-1">Yelp</div> <div class="font-display text-base leading-tight">6 reviews</div> <div class="font-mono text-[10px] tracking-widest uppercase text-[color:var(--color-teal-bright)] mt-0.5 group-hover:text-[color:var(--color-coral)] transition-colors">Read all on Yelp â</div> </div> </div> </a> </div> </div> <!-- Review cards: all rendered, JS shuffles & picks `limit` per page load --> <div class="grid md:grid-cols-3 gap-6" data-reviews-grid data-review-limit="3" data-pinned-count="0"> <figure data-review-card class="relative p-6 md:p-7 border border-white/10 bg-[color:var(--color-ink)] hover:border-[color:var(--color-coral)] transition-colors flex flex-col"> <!-- Coral quote mark --> <div class="font-display italic text-[color:var(--color-coral)] leading-none" style="font-size: 4rem; margin-top: -0.5rem; margin-bottom: -1rem;">“</div> <!-- 5 stars --> <div class="flex gap-1 mb-4 text-[color:var(--color-coral)]" aria-label="5 stars"> <svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg> </div> <!-- Review text --> <blockquote class="font-display text-base md:text-lg leading-snug text-[color:var(--color-paper)] mb-6 flex-1"> Quite possibly one of the most advanced marketing companies in California, maybe the world?!?! These folks had a whole campaign up and running for us in two weeks. Would have taken anyone else two months. </blockquote> <!-- Author --> <figcaption class="flex items-center gap-3 pt-5 border-t border-white/10"> <div class="w-9 h-9 rounded-full bg-gradient-to-br from-[color:var(--color-teal-bright)] to-[color:var(--color-coral)] flex items-center justify-center font-display text-xs text-[color:var(--color-ink)]"> BE </div> <div class="flex-1 min-w-0"> <div class="font-display text-sm leading-tight truncate">
212Ben Whisenhunt</div> <div class="font-mono text-[9px] tracking-widest uppercase text-[color:var(--color-paper-dim)] mt-0.5"> Google · 4 months ago </div> </div> </figcaption> </figure><figure data-review-card class="relative p-6 md:p-7 border border-white/10 bg-[color:var(--color-ink)] hover:border-[color:var(--color-coral)] transition-colors flex flex-col"> <!-- Coral quote mark --> <div class="font-display italic text-[color:var(--color-coral)] leading-none" style="font-size: 4rem; margin-top: -0.5rem; margin-bottom: -1rem;">“</div> <!-- 5 stars --> <div class="flex gap-1 mb-4 text-[color:var(--color-coral)]" aria-label="5 stars"> <svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg> </div> <!-- Review text --> <blockquote class="font-display text-base md:text-lg leading-snug text-[color:var(--color-paper)] mb-6 flex-1"> Bonsai Marketing delivered exceptional results for my Shopify e-commerce brand. Their audit was genuinely brilliant. </blockquote> <!-- Author --> <figcaption class="flex items-center gap-3 pt-5 border-t border-white/10"> <div class="w-9 h-9 rounded-full bg-gradient-to-br from-[color:var(--color-teal-bright)] to-[color:var(--color-coral)] flex items-center justify-center font-display text-xs text-[color:var(--color-ink)]"> NI </div> <div class="flex-1 min-w-0"> <div class="font-display text-sm leading-tight truncate">Nicole D</div> <div class="font-mono text-[9px] tracking-widest uppercase text-[color:var(--color-paper-dim)] mt-0.5"> Google · 4 months ago </div> </div> </figcaption> </figure><figure data-review-card class="relative p-6 md:p-7 border border-white/10 bg-[color:var(--color-ink)] hover:border-[color:var(--color-coral)] transition-colors flex flex-col"> <!-- Coral quote mark --> <div class="font-display italic text-[color:var(--color-coral)] leading-none" style="font-size: 4rem; margin-top: -0.5rem; margin-bottom: -1rem;">“</div> <!-- 5 stars --> <div class="flex gap-1 mb-4 text-[color:var(--color-coral)]" aria-label="5 stars"> <svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg> </div> <!-- Review text --> <blockquote class="font-display text-base md:text-lg leading-snug text-[color:var(--color-paper)] mb-6 flex-1"> Bryan and his team know local SEO inside and out. They built us a clean, mobile-friendly site and focused on getting actual phone callsânot just traffic. Over 24 years of experience shows. If you want an agency that skips the fluff and delivers real leads, go with Bonsai. </blockquote> <!-- Author --> <figcaption class="flex items-center gap-3 pt-5 border-t border-white/10"> <img src="/reviews/fahad-coder.webp" alt="Fahad Coder" loading="lazy" class="w-9 h-9 rounded-full object-cover border border-white/10" referrerpolicy="no-referrer"> <div class="flex-1 min-w-0"> <div class="font-display text-sm leading-tight truncate">Fahad Coder</div> <div class="font-mono text-[9px] tracking-widest uppercase text-[color:var(--color-paper-dim)] mt-0.5"> Google · 7 months ago </div> </div> </figcaption> </figure><figure data-review-card class="relative p-6 md:p-7 border border-white/10 bg-[color:var(--color-ink)] hover:border-[color:var(--color-coral)] transition-colors hidden"> <!-- Coral quote mark --> <div class="font-display italic text-[color:var(--color-coral)] leading-none" style="font-size: 4rem; margin-top: -0.5rem; margin-bottom: -1rem;">“</div> <!-- 5 stars --> <div class="flex gap-1 mb-4 text-[color:var(--color-coral)]" aria-label="5 stars"> <svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg> </div> <!-- Review text --> <blockquote class="font-display text-base md:text-lg leading-snug text-[color:var(--color-paper)] mb-6 flex-1"> Bonsai is literally from the future. The depth of their knowledge around growth and AI systems is next level. </blockquote> <!-- Author --> <figcaption class="flex items-center gap-3 pt-5 border-t border-white/10"> <div class="w-9 h-9 rounded-full bg-gradient-to-br from-[color:var(--color-teal-bright)] to-[color:var(--color-coral)] flex items-center justify-center font-display text-xs text-[color:var(--color-ink)]"> CL </div> <div class="flex-1 min-w-0"> <div class="font-display text-sm leading-tight truncate">Clayton Joyner</div> <div class="font-mono text-[9px] tracking-widest uppercase text-[color:var(--color-paper-dim)] mt-0.5"> Google · 4 months ago </div> </div> </figcaption> </figure><figure data-review-card class="relative p-6 md:p-7 border border-white/10 bg-[color:var(--color-ink)] hover:border-[color:var(--color-coral)] transition-colors hidden"> <!-- Coral quote mark --> <div class="font-display italic text-[color:var(--color-coral)] leading-none" style="font-size: 4rem; margin-top: -0.5rem; margin-bottom: -1rem;">“</div> <!-- 5 stars --> <div class="flex gap-1 mb-4 text-[color:var(--color-coral)]" aria-label="5 stars"> <svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg> </div> <!-- Review text --> <blockquote class="font-display text-base md:text-lg leading-snug text-[color:var(--color-paper)] mb-6 flex-1">
212 Bonsai is on the forefront of AI enhanced marketing, their efficiency/speed to results are the best I've seen!! </blockquote> <!-- Author --> <figcaption class="flex items-center gap-3 pt-5 border-t border-white/10"> <div class="w-9 h-9 rounded-full bg-gradient-to-br from-[color:var(--color-teal-bright)] to-[color:var(--color-coral)] flex items-center justify-center font-display text-xs text-[color:var(--color-ink)]"> MI </div> <div class="flex-1 min-w-0"> <div class="font-display text-sm leading-tight truncate">Michael Vassar</div> <div class="font-mono text-[9px] tracking-widest uppercase text-[color:var(--color-paper-dim)] mt-0.5"> Google · 4 months ago </div> </div> </figcaption> </figure><figure data-review-card class="relative p-6 md:p-7 border border-white/10 bg-[color:var(--color-ink)] hover:border-[color:var(--color-coral)] transition-colors hidden"> <!-- Coral quote mark --> <div class="font-display italic text-[color:var(--color-coral)] leading-none" style="font-size: 4rem; margin-top: -0.5rem; margin-bottom: -1rem;">“</div> <!-- 5 stars --> <div class="flex gap-1 mb-4 text-[color:var(--color-coral)]" aria-label="5 stars"> <svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg> </div> <!-- Review text --> <blockquote class="font-display text-base md:text-lg leading-snug text-[color:var(--color-paper)] mb-6 flex-1"> I've been working with Bryan and his team this year and have been blown away by their capabilities and process to deliver fast and sustainable SEO. </blockquote> <!-- Author --> <figcaption class="flex items-center gap-3 pt-5 border-t border-white/10"> <div class="w-9 h-9 rounded-full bg-gradient-to-br from-[color:var(--color-teal-bright)] to-[color:var(--color-coral)] flex items-center justify-center font-display text-xs text-[color:var(--color-ink)]"> SA </div> <div class="flex-1 min-w-0"> <div class="font-display text-sm leading-tight truncate">Samantha Quinones</div> <div class="font-mono text-[9px] tracking-widest uppercase text-[color:var(--color-paper-dim)] mt-0.5"> Google · 4 months ago </div> </div> </figcaption> </figure><figure data-review-card class="relative p-6 md:p-7 border border-white/10 bg-[color:var(--color-ink)] hover:border-[color:var(--color-coral)] transition-colors hidden"> <!-- Coral quote mark --> <div class="font-display italic text-[color:var(--color-coral)] leading-none" style="font-size: 4rem; margin-top: -0.5rem; margin-bottom: -1rem;">“</div> <!-- 5 stars --> <div class="flex gap-1 mb-4 text-[color:var(--color-coral)]" aria-label="5 stars"> <svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg> </div> <!-- Review text --> <blockquote class="font-display text-base md:text-lg leading-snug text-[color:var(--color-paper)] mb-6 flex-1"> Bryan and Bonsai Marketing do an amazing job of delivering high-quality work, from the top-end website design and development to PPC management. </blockquote> <!-- Author --> <figcaption class="flex items-center gap-3 pt-5 border-t border-white/10"> <img src="https://lh3.googleusercontent.com/a/ACg8ocL-zPRx1h643Cx15r17LB7WGs5s4PAQKOXd1rOFU8Q2G7oqXEY=s128-c0x00000000-cc-rp-mo" alt="Terry Cardwell" loading="lazy" class="w-9 h-9 rounded-full object-cover border border-white/10" referrerpolicy="no-referrer"> <div class="flex-1 min-w-0"> <div class="font-display text-sm leading-tight truncate">Terry Cardwell</div> <div class="font-mono text-[9px] tracking-widest uppercase text-[color:var(--color-paper-dim)] mt-0.5"> Google · 4 months ago </div> </div> </figcaption> </figure><figure data-review-card class="relative p-6 md:p-7 border border-white/10 bg-[color:var(--color-ink)] hover:border-[color:var(--color-coral)] transition-colors hidden"> <!-- Coral quote mark --> <div class="font-display italic text-[color:var(--color-coral)] leading-none" style="font-size: 4rem; margin-top: -0.5rem; margin-bottom: -1rem;">“</div> <!-- 5 stars --> <div class="flex gap-1 mb-4 text-[color:var(--color-coral)]" aria-label="5 stars"> <svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg> </div> <!-- Review text --> <blockquote class="font-display text-base md:text-lg leading-snug text-[color:var(--color-paper)] mb-6 flex-1"> I have known Bryan for all of his entrepreneurial life. He is an AI genius and dedicated to creating the best marketing product for your local business. He is trustworthy and does what he says he will do. </blockquote> <!-- Author --> <figcaption class="flex items-center gap-3 pt-5 border-t border-white/10"> <img src="/reviews/sherry-roby.webp" alt="Sherry Roby" loading="lazy" class="w-9 h-9 rounded-full object-cover border border-white/10" referrerpolicy="no-referrer"> <div class="flex-1 min-w-0"> <div class="font-display text-sm leading-tight truncate">Sherry Roby</div> <div class="font-mono text-[9px] tracking-widest uppercase text-[color:var(--color-paper-dim)] mt-0.5"> Google · 7 months ago </div> </div> </figcaption> </figure><figure data-review-card class="relative p-6 md:p-7 border border-white/10 bg-[color:var(--color-ink)] hover:border-[color:var(--color-coral)] transition-colors hidden"> <!-- Coral quote mark --> <div class="font-display italic text-[color:var(--color-coral)] leading-none" style="font-size: 4rem; margin-top: -0.5rem; margin-bottom: -1rem;">“</div> <!-- 5 stars --> <div class="flex gap-1 mb-4 text-[color:var(--color-coral)]" aria-label="5 stars"> <svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg> </div> <!-- Review text --> <blockquote class="font-display text-base md:text-lg leading-snug text-[color:var(--color-paper)] mb-6 flex-1"> Bonsai Marketing has been handling my business for some time now. Bryan is an absolute pro. He did a deep dive into the service I was receiving from another marketing company... he could see where the shortfalls and gaps were. Then formulated a plan to address them. His analytics⦠</blockquote> <!-- Author --> <figcaption class="flex items-center gap-3 pt-5 border-t border-white/10"> <div class="w-9 h-9 rounded-full bg-gradient-to-br from-[color:var(--color-teal-bright)] to-[color:var(--color-coral)] flex items-center justify-center font-display text-xs text-[color:var(--color-ink)]"> JO </div> <div class="flex-1 min-w-0"> <div class="font-display text-sm leading-tight truncate">John Evans</div> <div class="font-mono text-[9px] tracking-widest uppercase text-[color:var(--color-paper-dim)] mt-0.5"> Google · 7 months ago </div> </div> </figcaption> </figure><figure data-review-card class="relative p-6 md:p-7 border border-white/10 bg-[color:var(--color-ink)] hover:border-[color:var(--color-coral)] transition-colors hidden"> <!-- Coral quote mark --> <div class="font-display italic text-[color:var(--color-coral)] leading-none" style="font-size: 4rem; margin-top: -0.5rem; margin-bottom: -1rem;">“</div> <!-- 5 stars --> <div class="flex gap-1 mb-4 text-[color:var(--color-coral)]" aria-label="5 stars"> <svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg> </div> <!-- Review text --> <blockquote class="font-display text-base md:text-lg leading-snug text-[color:var(--color-paper)] mb-6 flex-1"> We were looking for more than just a website design companyâwe needed a true marketing partner that understood our business, our customers, and the North Bay market. Within just a few days of launching our new website, we received a high-value lead that immediately demonstrated t⦠</blockquote> <!-- Author --> <figcaption class="flex items-center gap-3 pt-5 border-t border-white/10"> <img src="https://lh3.googleusercontent.com/a/ACg8ocKdJXpdOTJ4CLCDvpMjRKqUFF9KkrSeqshIndpTwpz7Jeq_Tw=s128-c0x00000000-cc-rp-mo" alt="Christian Arnett" loading="lazy" class="w-9 h-9 rounded-full object-cover border border-white/10" referrerpolicy="no-referrer"> <div class="flex-1 min-w-0"> <div class="font-display text-sm leading-tight truncate">Christian Arnett</div> <div class="font-mono text-[9px] tracking-widest uppercase text-[color:var(--color-paper-dim)] mt-0.5"> Google · 4 months ago </div> </div> </figcaption> </figure><figure data-review-card class="relative p-6 md:p-7 border border-white/10 bg-[color:var(--color-ink)] hover:border-[color:var(--color-coral)] transition-colors hidden"> <!-- Coral quote mark --> <div class="font-display italic text-[color:var(--color-coral)] leading-none" style="font-size: 4rem; margin-top: -0.5rem; margin-bottom: -1rem;">“</div> <!-- 5 stars --> <div class="flex gap-1 mb-4 text-[color:var(--color-coral)]" aria-label="5 stars"> <svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg> </div> <!-- Review text --> <blockquote class="font-display text-base md:text-lg leading-snug text-[color:var(--color-paper)] mb-6 flex-1"> Bryan is great â he increased my business by 35% the past 2 years. This means I can take more vacations. Hire Bonsai Marketing â you will be shocked how much business comes your way! </blockquote> <!-- Author --> <figcaption class="flex items-center gap-3 pt-5 border-t border-white/10"> <div class="w-9 h-9 rounded-full bg-gradient-to-br from-[color:var(--color-teal-bright)] to-[color:var(--color-coral)] flex items-center justify-center font-display text-xs text-[color:var(--color-ink)]"> RO </div> <div class="flex-1 min-w-0"> <div class="font-display text-sm leading-tight truncate">Rob Thompson</div> <div class="font-mono text-[9px] tracking-widest uppercase text-[color:var(--color-paper-dim)] mt-0.5"> Google · 7 months ago </div> </div> </figcaption> </figure><figure data-review-card class="relative p-6 md:p-7 border border-white/10 bg-[color:var(--color-ink)] hover:border-[color:var(--color-coral)] transition-colors hidden"> <!-- Coral quote mark --> <div class="font-display italic text-[color:var(--color-coral)] leading-none" style="font-size: 4rem; margin-top: -0.5rem; margin-bottom: -1rem;">“</div> <!-- 5 stars --> <div class="flex gap-1 mb-4 text-[color:var(--color-coral)]" aria-label="5 stars"> <svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg> </div> <!-- Review text --> <blockquote class="font-display text-base md:text-lg leading-snug text-[color:var(--color-paper)] mb-6 flex-1"> We interviewed several internet marketing agencies prior to chatting with Bonsai. None of the other agencies even talked about all the Local SEO tactics and campaigns he has built for us. The local listing optimization and the process of getting our Google maps listing to the top⦠</blockquote> <!-- Author --> <figcaption class="flex items-center gap-3 pt-5 border-t border-white/10"> <div class="w-9 h-9 rounded-full bg-gradient-to-br from-[color:var(--color-teal-bright)] to-[color:var(--color-coral)] flex items-center justify-center font-display text-xs text-[color:var(--color-ink)]"> PA </div> <div class="flex-1 min-w-0"> <div class="font-display text-sm leading-tight truncate">Paul Brunetta</div> <div class="font-mono text-[9px] tracking-widest uppercase text-[color:var(--color-paper-dim)] mt-0.5"> Google · 7 months ago </div> </div> </figcaption> </figure><figure data-review-card class="relative p-6 md:p-7 border border-white/10 bg-[color:var(--color-ink)] hover:border-[color:var(--color-coral)] transition-colors hidden"> <!-- Coral quote mark --> <div class="font-display italic text-[color:var
212(--color-coral)] leading-none" style="font-size: 4rem; margin-top: -0.5rem; margin-bottom: -1rem;">“</div> <!-- 5 stars --> <div class="flex gap-1 mb-4 text-[color:var(--color-coral)]" aria-label="5 stars"> <svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg> </div> <!-- Review text --> <blockquote class="font-display text-base md:text-lg leading-snug text-[color:var(--color-paper)] mb-6 flex-1">
212 It is evident that the agency owner, Bryan Fikes, knows his stuff. He's helped us increase our business online and gain top position on Google. He also manages our paid ads and provides creative strategy for our in-house marketing team. </blockquote> <!-- Author --> <figcaption class="flex items-center gap-3 pt-5 border-t border-white/10"> <div class="w-9 h-9 rounded-full bg-gradient-to-br from-[color:var(--color-teal-bright)] to-[color:var(--color-coral)] flex items-center justify-center font-display text-xs text-[color:var(--color-ink)]"> ST </div> <div class="flex-1 min-w-0"> <div class="font-display text-sm leading-tight truncate">Steve Smith</div> <div class="font-mono text-[9px] tracking-widest uppercase text-[color:var(--color-paper-dim)] mt-0.5"> Google · 7 months ago </div> </div> </figcaption> </figure><figure data-review-card class="relative p-6 md:p-7 border border-white/10 bg-[color:var(--color-ink)] hover:border-[color:var(--color-coral)] transition-colors hidden"> <!-- Coral quote mark --> <div class="font-display italic text-[color:var(--color-coral)] leading-none" style="font-size: 4rem; margin-top: -0.5rem; margin-bottom: -1rem;">“</div> <!-- 5 stars --> <div class="flex gap-1 mb-4 text-[color:var(--color-coral)]" aria-label="5 stars"> <svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg> </div> <!-- Review text --> <blockquote class="font-display text-base md:text-lg leading-snug text-[color:var(--color-paper)] mb-6 flex-1"> Bonsai is creative and top of things as the market changes for us. They are part of our team. </blockquote> <!-- Author --> <figcaption class="flex items-center gap-3 pt-5 border-t border-white/10"> <div class="w-9 h-9 rounded-full bg-gradient-to-br from-[color:var(--color-teal-bright)] to-[color:var(--color-coral)] flex items-center justify-center font-display text-xs text-[color:var(--color-ink)]"> PA </div> <div class="flex-1 min-w-0"> <div class="font-display text-sm leading-tight truncate">Pat Piehl</div> <div class="font-mono text-[9px] tracking-widest uppercase text-[color:var(--color-paper-dim)] mt-0.5"> Google · 7 months ago </div> </div> </figcaption> </figure><figure data-review-card class="relative p-6 md:p-7 border border-white/10 bg-[color:var(--color-ink)] hover:border-[color:var(--color-coral)] transition-colors hidden"> <!-- Coral quote mark --> <div class="font-display italic text-[color:var(--color-coral)] leading-none" style="font-size: 4rem; margin-top: -0.5rem; margin-bottom: -1rem;">“</div> <!-- 5 stars --> <div class="flex gap-1 mb-4 text-[color:var(--color-coral)]" aria-label="5 stars"> <svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg> </div> <!-- Review text --> <blockquote class="font-display text-base md:text-lg leading-snug text-[color:var(--color-paper)] mb-6 flex-1"> If you're a local business owner wondering whether one person can really handle your marketing, here's my answer: he gets more done than teams I've seen, and the work still comes back at a high level. Nothing feels rushed or cut-rate. </blockquote> <!-- Author --> <figcaption class="flex items-center gap-3 pt-5 border-t border-white/10"> <div class="w-9 h-9 rounded-full bg-gradient-to-br from-[color:var(--color-teal-bright)] to-[color:var(--color-coral)] flex items-center justify-center font-display text-xs text-[color:var(--color-ink)]"> LE </div> <div class="flex-1 min-w-0"> <div class="font-display text-sm leading-tight truncate">Lexy T.</div> <div class="font-mono text-[9px] tracking-widest uppercase text-[color:var(--color-paper-dim)] mt-0.5"> Yelp · Mobridge, SD </div> </div> </figcaption> </figure><figure data-review-card class="relative p-6 md:p-7 border border-white/10 bg-[color:var(--color-ink)] hover:border-[color:var(--color-coral)] transition-colors hidden"> <!-- Coral quote mark --> <div class="font-display italic text-[color:var(--color-coral)] leading-none" style="font-size: 4rem; margin-top: -0.5rem; margin-bottom: -1rem;">“</div> <!-- 5 stars --> <div class="flex gap-1 mb-4 text-[color:var(--color-coral)]" aria-label="5 stars"> <svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg> </div> <!-- Review text --> <blockquote class="font-display text-base md:text-lg leading-snug text-[color:var(--color-paper)] mb-6 flex-1"> Since working with Bonsai our website traffic and organic leads have grown beyond expectations. Bryan with Bonsai is educating me on "what matters most" in this area of marketing that I don't understand. His expertise is evident and the energy he brings is inspiring. </blockquote> <!-- Author --> <figcaption class="flex items-center gap-3 pt-5 border-t border-white/10"> <div class="w-9 h-9 rounded-full bg-gradient-to-br from-[color:var(--color-teal-bright)] to-[color:var(--color-coral)] flex items-center justify-center font-display text-xs text-[color:var(--color-ink)]"> JO </div> <div class="flex-1 min-w-0"> <div class="font-display text-sm leading-tight truncate">John E.</div> <div class="font-mono text-[9px] tracking-widest uppercase text-[color:var(--color-paper-dim)] mt-0.5"> Yelp · Columbus, MS </div> </div> </figcaption> </figure><figure data-review-card class="relative p-6 md:p-7 border border-white/10 bg-[color:var(--color-ink)] hover:border-[color:var(--color-coral)] transition-colors hidden"> <!-- Coral quote mark --> <div class="font-display italic text-[color:var(--color-coral)] leading-none" style="font-size: 4rem; margin-top: -0.5rem; margin-bottom: -1rem;">“</div> <!-- 5 stars --> <div class="flex gap-1 mb-4 text-[color:var(--color-coral)]" aria-label="5 stars"> <svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg> </div> <!-- Review text --> <blockquote class="font-display text-base md:text-lg leading-snug text-[color:var(--color-paper)] mb-6 flex-1"> Bryan Fikes and the team at Bonsai Marketing are top-notch. As a fellow marketer, I've seen Bryan's work firsthand and recommended him to clients. He's strategic, creative, and incredibly responsive. </blockquote> <!-- Author --> <figcaption class="flex items-center gap-3 pt-5 border-t border-white/10"> <div class="w-9 h-9 rounded-full bg-gradient-to-br from-[color:var(--color-teal-bright)] to-[color:var(--color-coral)] flex items-center justify-center font-display text-xs text-[color:var(--color-ink)]"> BE </div> <div class="flex-1 min-w-0"> <div class="font-display text-sm leading-tight truncate">Ben W.</div> <div class="font-mono text-[9px] tracking-widest uppercase text-[color:var(--color-paper-dim)] mt-0.5"> Yelp · Las Vegas, NV </div> </div> </figcaption> </figure><figure data-review-card class="relative p-6 md:p-7 border border-white/10 bg-[color:var(--color-ink)] hover:border-[color:var(--color-coral)] transition-colors hidden"> <!-- Coral quote mark --> <div class="font-display italic text-[color:var(--color-coral)] leading-none" style="font-size: 4rem; margin-top: -0.5rem; margin-bottom: -1rem;">“</div> <!-- 5 stars --> <div class="flex gap-1 mb-4 text-[color:var(--color-coral)]" aria-label="5 stars"> <svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg> </div> <!-- Review text --> <blockquote class="font-display text-base md:text-lg leading-snug text-[color:var(--color-paper)] mb-6 flex-1"> Bryan is amazing to work with. If you are looking for a marketing professional, put him at the top of your list! He thinks strategically and has the experience and know-how to do whatever needs to be done, even if you don't know exactly what is needed. </blockquote> <!-- Author --> <figcaption class="flex items-center gap-3 pt-5 border-t border-white/10"> <div class="w-9 h-9 rounded-full bg-gradient-to-br from-[color:var(--color-teal-bright)] to-[color:var(--color-coral)] flex items-center justify-center font-display text-xs text-[color:var(--color-ink)]"> KR </div> <div class="flex-1 min-w-0"> <div class="font-display text-sm leading-tight truncate">Kristin C.</div> <div class="font-mono text-[9px] tracking-widest uppercase text-[color:var(--color-paper-dim)] mt-0.5"> Yelp · Tampa Bay, FL </div> </div> </figcaption> </figure><figure data-review-card class="relative p-6 md:p-7 border border-white/10 bg-[color:var(--color-ink)] hover:border-[color:var(--color-coral)] transition-colors hidden"> <!-- Coral quote mark --> <div class="font-display italic text-[color:var(--color-coral)] leading-none" style="font-size: 4rem; margin-top: -0.5rem; margin-bottom: -1rem;">“</div> <!-- 5 stars --> <div class="flex gap-1 mb-4 text-[color:var(--color-coral)]" aria-label="5 stars"> <svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg> </div> <!-- Review text --> <blockquote class="font-display text-base md:text-lg leading-snug text-[color:var(--color-paper)] mb-6 flex-1"> Bryan Fikes and Bonsai Marketing have been integral in the development of the brand identity and marketing focus for my start-up FileTeam.com. Bryan listened to our story and took the time to understand the product. </blockquote> <!-- Author --> <figcaption class="flex items-center gap-3 pt-5 border-t border-white/10"> <div class="w-9 h-9 rounded-full bg-gradient-to-br from-[color:var(--color-teal-bright)] to-[color:var(--color-coral)] flex items-center justify-center font-display text-xs text-[color:var(--color-ink)]"> BI </div> <div class="flex-1 min-w-0"> <div class="font-display text-sm leading-tight truncate">Bill W.</div> <div class="font-mono text-[9px] tracking-widest uppercase text-[color:var(--color-paper-dim)] mt-0.5"> Yelp · Windsor, CA </div> </div> </figcaption> </figure><figure data-review-card class="relative p-6 md:p-7 border border-white/10 bg-[color:var(--color-ink)] hover:border-[color:var(--color-coral)] transition-colors hidden"> <!-- Coral quote mark --> <div class="font-display italic text-[color:var(--color-coral)] leading-none" style="font-size: 4rem; margin-top: -0.5rem; margin-bottom: -1rem;">“</div> <!-- 5 stars --> <div class="flex gap-1 mb-4 text-[color:var(--color-coral)]" aria-label="5 stars"> <svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg><svg viewBox="0 0 20 20" class="w-3.5 h-3.5" fill="currentColor"><path d="M10 1l2.8 6 6.2.5-4.7 4.3 1.4 6.2L10 14.5 4.3 18l1.4-6.2L1 7.5 7.2 7z"></path></svg> </div> <!-- Review text --> <blockquote class="font-display text-base md:text-lg leading-snug text-[color:var(--color-paper)] mb-6 flex-1"> Bonsai is a "state-of-the-art" business and absolutely delivers results. The CEO, Bryan, is the most likable, hard-working, knowledgeable, sincere business owner I'
212ve met in this vertical. </blockquote> <!-- Author --> <figcaption class="flex items-center gap-3 pt-5 border-t border-white/10"> <div class="w-9 h-9 rounded-full bg-gradient-to-br from-[color:var(--color-teal-bright)] to-[color:var(--color-coral)] flex items-center justify-center font-display text-xs text-[color:var(--color-ink)]"> AL </div> <div class="flex-1 min-w-0"> <div class="font-display text-sm leading-tight truncate">Al L.</div> <div class="font-mono text-[9px] tracking-widest uppercase text-[color:var(--color-paper-dim)] mt-0.5"> Yelp · Boston, MA </div> </div> </figcaption> </figure> </div> <!-- Bottom CTA row --> <div class="mt-12 flex flex-wrap items-center justify-between gap-6 pt-8 border-t border-white/10"> <p class="text-sm text-[color:var(--color-paper-dim)] font-mono tracking-widest uppercase"> 55 Google · 6 Yelp · 5.0 stars · Sonoma County · 2026 213</p> <div class="flex flex-wrap gap-3"> <a href="https://maps.google.com/?cid=4942814265469414286&g_mp=CiVnb29nbGUubWFwcy5wbGFjZXMudjEuUGxhY2VzLkdldFBsYWNlEAIYBCAA" target="_blank" rel="noopener" class="btn-outline">Read all reviews on Google â</a> <a href="https://www.yelp.com/biz/bonsai-marketing-sebastopol" target="_blank" rel="noopener" class="btn-outline">Read our Yelp reviews â</a> <a href="/contact/" class="btn-solid">Start your own â</a> </div> </div> </div> </section>
213<script> 214 (function() { 215 document.querySelectorAll('[data-reviews-grid]').forEach(function(grid) { 216 var all = Array.prototype.slice.call(grid.querySelectorAll('[data-review-card]')); 217 var limit = parseInt(grid.getAttribute('data-review-limit') || '3', 10); 218 var pinned = parseInt(grid.getAttribute('data-pinned-count') || '0', 10); 219 if (all.length <= limit) return; // nothing to shuffle 220 // Keep topic-pinned cards first; Fisher-Yates shuffle only the rest. 221 var cards = all.slice(pinned); 222 for (var i = cards.length - 1; i > 0; i--) { 223 var j = Math.floor(Math.random() * (i + 1)); 224 var tmp = cards[i]; cards[i] = cards[j]; cards[j] = tmp; 225 } 226 cards = all.slice(0, pinned).concat(cards); 227 // Re-append in shuffled order; show first `limit`, hide rest. 228 cards.forEach(function(card, idx) { 229 grid.appendChild(card); 230 card.classList.remove('hidden', 'flex', 'flex-col'); 231 if (idx < limit) { 232 card.classList.add('flex', 'flex-col'); 233 } else { 234 card.classList.add('hidden'); 235 } 236 }); 237 }); 238 })(); 239</script>
239 <section class="py-20 md:py-24 border-t border-white/10 relative overflow-hidden"> <div class="absolute inset-0 opacity-10 noise pointer-events-none"></div> <div class="wrap relative"> <div class="grid md:grid-cols-12 gap-10 mb-12"> <div class="md:col-span-5"> <div class="eyebrow mb-4">[ Honest FAQ ]</div> <h2 class="type-xl leading-[1.02]"> 240Questions every<br> <span class="italic-ornament text-[color:var(--color-coral)]">smart owner</span><br> 241asks first. 242</h2> </div> <div class="md:col-span-6 md:col-start-7 text-[color:var(--color-paper-dim)] text-base md:text-lg leading-relaxed self-end"> 243Five questions we hear on every discovery call. Honest answers. If something here makes you want to hire us, run the visibility check. If it makes you decide we're not the right fit, even better. 244</div> </div> <div class="space-y-px bg-white/10 max-w-6xl"> <details class="group bg-[color:var(--color-ink)] border border-transparent hover:border-[color:var(--color-coral)] transition-colors" open> <summary class="flex items-start justify-between gap-6 p-5 md:p-7 cursor-pointer list-none"> <div class="flex gap-6 items-baseline"> <span class="font-mono text-xs tracking-widest uppercase text-[color:var(--color-coral)] shrink-0">Q1</span> <span class="font-display text-lg md:text-xl leading-snug">How do I know if my marketing is actually working?</span> </div> <span class="font-display text-3xl text-[color:var(--color-teal-bright)] group-open:rotate-45 transition-transform shrink-0">+</span> </summary> <div class="px-5 md:px-7 pb-6 md:pb-8 pl-[calc(1.25rem+3rem)] md:pl-[calc(1.75rem+3rem)] grid md:grid-cols-12 gap-8 items-start"> <p class="md:col-span-8 text-[color:var(--color-paper-dim)] text-base md:text-lg leading-relaxed">Phone calls, form fills, and booked appointments â tracked back to the source. If your agency reports impressions, traffic, or 'engagement' instead of leads tied to a campaign, they're hiding the math. We wire call tracking, GTM, GA4, and conversion tracking into every engagement so the answer is on a dashboard, not in a slide deck.</p> <a href="/services/paid-ads/" class="md:col-span-4 inline-flex items-center gap-3 border-b border-[color:var(--color-coral)] pb-1 hover:gap-5 transition-all font-mono text-xs tracking-widest uppercase text-[color:var(--color-paper)] self-end md:self-start"> How we measure paid â </a> </div> </details><details class="group bg-[color:var(--color-ink)] border border-transparent hover:border-[color:var(--color-coral)] transition-colors"> <summary class="flex items-start justify-between gap-6 p-5 md:p-7 cursor-pointer list-none"> <div class="flex gap-6 items-baseline"> <span class="font-mono text-xs tracking-widest uppercase text-[color:var(--color-coral)] shrink-0">Q2</span> <span class="font-display text-lg md:text-xl leading-snug">What's the difference between SEO and AI search optimization?</span> </div> <span class="font-display text-3xl text-[color:var(--color-teal-bright)] group-open:rotate-45 transition-transform shrink-0">+</span> </summary> <div class="px-5 md:px-7 pb-6 md:pb-8 pl-[calc(1.25rem+3rem)] md:pl-[calc(1.75rem+3rem)] grid md:grid-cols-12 gap-8 items-start"> <p class="md:col-span-8 text-[color:var(--color-paper-dim)] text-base md:text-lg leading-relaxed">Traditional SEO ranks pages on Google. AI Visibility earns citations inside ChatGPT, Perplexity, Gemini, and Claude when prospects ask for recommendations. The signals overlap (schema, entity work, authority) but the playbooks diverge. By 2027, 30â40% of high-intent commercial queries will happen inside an LLM. We optimize for both â so your business shows up in the old search and the new one.</p> <a href="/services/ai-visibility/" class="md:col-span-4 inline-flex items-center gap-3 border-b border-[color:var(--color-coral)] pb-1 hover:gap-5 transition-all font-mono text-xs tracking-widest uppercase text-[color:var(--color-paper)] self-end md:self-start"> AI Visibility services â </a> </div> </details><details class="group bg-[color:var(--color-ink)] border border-transparent hover:border-[color:var(--color-coral)] transition-colors"> <summary class="flex items-start justify-between gap-6 p-5 md:p-7 cursor-pointer list-none"> <div class="flex gap-6 items-baseline"> <span class="font-mono text-xs tracking-widest uppercase text-[color:var(--color-coral)] shrink-0">Q3</span> <span class="font-display text-lg md:text-xl leading-snug">How long until I actually see results?</span> </div> <span class="font-display text-3xl text-[color:var(--color-teal-bright)] group-open:rotate-45 transition-transform shrink-0">+</span> </summary>
244 <div class="px-5 md:px-7 pb-6 md:pb-8 pl-[calc(1.25rem+3rem)] md:pl-[calc(1.75rem+3rem)] grid md:grid-cols-12 gap-8 items-start"> <p class="md:col-span-8 text-[color:var(--color-paper-dim)] text-base md:text-lg leading-relaxed">Google Ads can ring the phone in 48 hours. SEO compounds over 60â120 days for most local terms. GBP optimization moves rankings inside 2â4 weeks. Real authority content takes 6â9 months. We sequence the channels so something is producing leads while the slower compounding work catches up â that's the point of running them as a system instead of in silos.</p> <a href="/services/" class="md:col-span-4 inline-flex items-center gap-3 border-b border-[color:var(--color-coral)] pb-1 hover:gap-5 transition-all font-mono text-xs tracking-widest uppercase text-[color:var(--color-paper)] self-end md:self-start"> All seven disciplines â </a> </div> </details><details class="group bg-[color:var(--color-ink)] border border-transparent hover:border-[color:var(--color-coral)] transition-colors"> <summary class="flex items-start justify-between gap-6 p-5 md:p-7 cursor-pointer list-none"> <div class="flex gap-6 items-baseline"> <span class="font-mono text-xs tracking-widest uppercase text-[color:var(--color-coral)] shrink-0">Q4</span> <span class="font-display text-lg md:text-xl leading-snug">Who actually does the work?</span> </div> <span class="font-display text-3xl text-[color:var(--color-teal-bright)] group-open:rotate-45 transition-transform shrink-0">+</span> </summary> <div class="px-5 md:px-7 pb-6 md:pb-8 pl-[calc(1.25rem+3rem)] md:pl-[calc(1.75rem+3rem)] grid md:grid-cols-12 gap-8 items-start"> <p class="md:col-span-8 text-[color:var(--color-paper-dim)] text-base md:text-lg leading-relaxed">Bryan, with AI leverage. No offshore teams, no ticket queues. The work is small-batch and hand-tuned â that's the point. If you want to be one of 500 logos on a wall, we're not the right fit.</p> <a href="/story/" class="md:col-span-4 inline-flex items-center gap-3 border-b border-[color:var(--color-coral)] pb-1 hover:gap-5 transition-all font-mono text-xs tracking-widest uppercase text-[color:var(--color-paper)] self-end md:self-start"> Meet Bryan â </a> </div> </details><details class="group bg-[color:var(--color-ink)] border border-transparent hover:border-[color:var(--color-coral)] transition-colors"> <summary class="flex items-start justify-between gap-6 p-5 md:p-7 cursor-pointer list-none"> <div class="flex gap-6 items-baseline"> <span class="font-mono text-xs tracking-widest uppercase text-[color:var(--color-coral)] shrink-0">Q5</span> <span class="font-display text-lg md:text-xl leading-snug">Can I just run Google Ads and skip SEO and GBP?</span> </div> <span class="font-display text-3xl text-[color:var(--color-teal-bright)] group-open:rotate-45 transition-transform shrink-0">+</span> </summary> <div class="px-5 md:px-7 pb-6 md:pb-8 pl-[calc(1.25rem+3rem)] md:pl-[calc(1.75rem+3rem)] grid md:grid-cols-12 gap-8 items-start"> <p class="md:col-span-8 text-[color:var(--color-paper-dim)] text-base md:text-lg leading-relaxed">You can. Most local businesses spending $5k+/mo on Ads are doing it precisely because their organic and GBP presence is broken â they're renting traffic they should own. We've audited accounts paying $80 cost-per-call where the same lead would have come in at $12 from organic
244if the foundation was fixed. Ads first if the phone has to ring this week, but stack SEO and GBP underneath so you eventually stop renting every click.</p> <a href="/services/local-seo/" class="md:col-span-4 inline-flex items-center gap-3 border-b border-[color:var(--color-coral)] pb-1 hover:gap-5 transition-all font-mono text-xs tracking-widest uppercase text-[color:var(--color-paper)] self-end md:self-start"> Local SEO services â </a> </div> </details> </div> </div> </section> <section class="py-20 md:py-24 border-t border-white/10 bg-[color:var(--color-ink-2)]"> <div class="wrap text-center max-w-3xl mx-auto"> <div class="eyebrow mb-5">[ Next step ]</div> <h2 class="type-xl leading-[1.02] mb-5"> 245Want to see if we can<br> <span class="italic-ornament text-[color:var(--color-coral)]">make your phone ring more?</span> </h2> <p class="text-base md:text-lg text-[color:var(--color-paper-dim)] mb-10 leading-relaxed"> 246Run the free visibility check. Bryan sends a personal plan within one business day. If it's a fit, we schedule a 20-minute scoping call. If it's not, you keep the plan. 247</p> <div class="flex flex-wrap justify-center gap-4"> <a href="#audit" class="btn-solid">Run Your Free Visibility Check â</a> <a href="tel:+17075937539" class="btn-outline">Or call 707-593-7539</a> </div> </div> </section>
247<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"How do I know if my marketing is actually working?","acceptedAnswer":{"@type":"Answer","text":"Phone calls, form fills, and booked appointments tracked back to the source. We wire call tracking, GTM, GA4, and conversion tracking into every engagement so the answer is on a dashboard, not in a slide deck."}},{"@type":"Question","name":"What's the difference between SEO and AI search optimization?","acceptedAnswer":{"@type":"Answer","text":"SEO ranks pages on Google. AI Visibility earns citations inside ChatGPT, Perplexity, Gemini, and Claude. Signals overlap (schema, entities, authority) but the playbooks diverge. We optimize for both."}},{"@type":"Question","name":"How long until I actually see results?","acceptedAnswer":{"@type":"Answer","text":"Google Ads can ring the phone in 48 hours. SEO compounds over 60â120 days. GBP optimization moves rankings inside 2â4 weeks. Authority content takes 6â9 months. We sequence channels so something is always producing leads while compounding work catches up."}},{"@type":"Question","name":"Who actually does the work?","acceptedA
247nswer":{"@type":"Answer","text":"Bryan, with AI leverage. No offshore teams, no ticket queues. Small-batch, hand-tuned work â that's the point."}},{"@type":"Question","name":"Can I just run Google Ads and skip SEO and GBP?","acceptedAnswer":{"@type":"Answer","text":"You can â but you're renting traffic you should own. Most $5k+/mo Ads accounts have broken organic. Stack SEO and GBP underneath so cost-per-call drops over time and you stop renting every click."}}]}</script>
247 </main> <footer class="relative bg-[color:var(--color-ink)] border-t border-white/10 mt-0"> <div class="wrap pt-24 pb-12"> <div class="grid md:grid-cols-12 gap-12 mb-24"> <div class="md:col-span-7"> <div class="eyebrow mb-8">Let's make the phone ring</div> <h2 class="type-xl"> 248Hire Bonsai.<br> <span class="italic-ornament text-[color:var(--color-coral)]">Grow loud,</span><br> 249rank quiet. 250</h2> <div class="mt-10 flex flex-wrap gap-4"> <a href="/contact/" class="btn-solid">Start a project â</a> <a href="/free-audit/" class="btn-outline">Free audit</a> </div> </div> <div class="md:col-span-5 grid grid-cols-1 sm:grid-cols-2 gap-8 text-sm self-end"> <div> <div class="eyebrow mb-3 text-[color:var(--color-paper-dim)]">Studio</div> <ul class="space-y-2"> <li><a class="hover:text-[color:var(--color-teal-bright)]" href="/work/">Work</a></li> <li><a class="hover:text-[color:var(--color-teal-bright)]" href="/services/">Services</a></li> <li><a class="hover:text-[color:var(--color-teal-bright)]" href="/story/">Story</a></li> <li><a class="hover:text-[color:var(--color-teal-bright)]" href="/journal/">Journal</a></li> <li><a class="hover:text-[color:var(--color-teal-bright)]" href="/motion-lab/">Motion Lab</a></li> <li><a class="hover:text-[color:var(--color-teal-bright)]" href="/media-and-pr/">Media & PR</a></li> </ul> </div> <div> <div class="eyebrow mb-3 text-[color:var(--color-paper-dim)]">Tools</div> <ul class="space-y-2"> <li> <a class="hover:text-[color:var(--color-teal-bright)]" href="/founder-growth-engine/"> Founder Growth Engine <span class="ml-2 font-mono text-[9px] tracking-widest uppercase text-[color:var(--color-coral)]">New</span> </a> </li><li> <a class="hover:text-[color:var(--color-teal-bright)]" href="/agency-calculator/"> Agency Calculator <span class="ml-2 font-mono text-[9px] tracking-widest uppercase text-[color:var(--color-coral)]">New</span> </a> </li><li> <a class="hover:text-[color:var(--color-teal-bright)]" href="/bodhi-advisor/"> Bodhi Advisor </a> </li><li> <a class="hover:text-[color:var(--color-teal-bright)]" href="/foundation-assessment/"> Foundation Assessment </a> </li><li> <a class="hover:text-[color:var(--color-teal-bright)]" href="/free-audit/"> Free AI Visibility Audit </a> </li> </ul> </div> <div> <div class="eyebrow mb-3 text-[color:var(--color-paper-dim)]">Contact</div> <ul class="space-y-2 text-[color:var(--color-paper-dim)]"> <li>Sebastopol, CA 95472</li> <li class="opacity-70">Service-area business â we come to you.</li> <li><a class="hover:text-[color:var(--color-paper)]" href="tel:+17075937539">(707) 593-7539</a></li> <!-- 36 unbreakable chars in a narrow grid column pushed the whole 251 document 130px wider than the viewport at 768-1024 â a sitewide 252 horizontal scroll on every page. break-words lets it wrap. --> <li class="break-words"><a class="hover:text-[color:var(--color-paper)]" href="mailto:[email protected]">[email protected]</a></li> </ul> </div> </div> </div> <div class="rule mb-8"></div> <div class="flex flex-wrap items-center justify-between gap-6 text-xs font-mono tracking-widest uppercase text-[color:var(--color-paper-dim)]"> <div>© 2026 Bonsai Marketing</div> <div class="flex items-center gap-5"> <a href="https://youtube.com/@BonsaiMarketingCompany" target="_blank" rel="noopener" aria-label="Bonsai Marketing on YouTube" title="Bonsai Marketing on YouTube" class="text-[color:var(--color-paper-dim)] hover:text-[color:var(--color-coral)] transition-colors"> <svg viewBox="0 0 24 24" class="w-[18px] h-[18px]" fill="currentColor" aria-hidden="true" focusable="false"> <path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"></path> </svg> </a><a href="https://facebook.com/bonsaidigi" target="_blank" rel="noopener" aria-label="Bonsai Marketing on Facebook" title="Bonsai Marketing on Facebook" class="text-[color:var(--color-paper-dim)] hover:text-[color:var(--color-coral)] transition-colors"> <svg viewBox="0 0 24 24" class="w-[18px] h-[18px]" fill="currentColor" aria-hidden="true" focusable="false"> <path d="M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z"></path> </svg> </a><a href="https://instagram.com/BonsaiMarketingCompany" target="_blank" rel="noopener" aria-label="Bonsai Marketing on Instagram" title="Bonsai Marketing on Instagram" class="text-[color:var(--color-paper-dim)] hover:text-[color:var(--color-coral)] transition-colors"> <svg viewBox="0 0 24 24" class="w-[18px] h-[18px]" fill="currentColor" aria-hidden="true" focusable="false"> <path d="M7.0301.084c-1.2768.0602-2.1487.264-2.911.5634-.7888.3075-1.4575.72-2.1228 1.3877-.6652.6677-1.075 1.3368-1.3802 2.127-.2954.7638-.4956 1.6365-.552 2.914-.0564 1.2775-.0689 1.6882-.0626 4.947.0062 3.2586.0206 3.6671.0825 4.9473.061 1.2765.264 2.1482.5635 2.9107.308.7889.72 1.4573 1.388 2.1228.6679.6655 1.3365 1.0743 2.1285 1.38.7632.295 1.6361.4961 2.9134.552 1.2773.056 1.6884.069 4.9462.0627 3.2578-.0062 3.668-.0207 4.9478-.0814 1.28-.0607 2.147-.2652 2.9098-.5633.7889-.3086 1.4578-.72 2.1228-1.3881.665-.6682 1.0745-1.3378 1.3795-2.1284.2957-.7632.4966-1.636.552-2.9124.056-1.2809.0692-1.6898.063-4.948-.0063-3.2583-.021-3.6668-.0817-4.9465-.0607-1.2797-.264-2.1487-.5633-2.9117-.3084-.7889-.72-1.4568-1.3876-2.1228C21.2982 1.33 20.628.9208 19.8378.6165 19.074.321 18.2017.1197 16.9244.0645 15.6471.0093 15.236-.005 11.977.0014 8.718.0076 8.31.0215 7.0301.0839m.1402 21.6932c-1.17-.0509-1.8053-.2453-2.2287-.408-.5606-.216-.96-.4771-1.3819-.895-.422-.4178-.6811-.8186-.9-1.378-.1644-.4234-.3624-1.058-.4171-2.228-.0595-1.2645-.072-1.6442-.079-4.848-.00
2527-3.2037.0053-3.583.0607-4.848.05-1.169.2456-1.805.408-2.2282.216-.5613.4762-.96.895-1.3816.4188-.4217.8184-.6814 1.3783-.9003.423-.1651 1.0575-.3614 2.227-.4171 1.2655-.06 1.6447-.072 4.848-.079 3.2033-.007 3.5835.005 4.8495.0608 1.169.0508 1.8053.2445 2.228.408.5608.216.96.4754 1.3816.895.4217.4194.6816.8176.9005 1.3787.1653.4217.3617 1.056.4169 2.2263.0602 1.2655.0739 1.645.0796 4.848.0058 3.203-.0055 3.5834-.061 4.848-.051 1.17-.245 1.8055-.408 2.2294-.216.5604-.4763.96-.8954 1.3814-.419.4215-.8181.6811-1.3783.9-.4224.1649-1.0577.3617-2.2262.4174-1.2656.0595-1.6448.072-4.8493.079-3.2045.007-3.5825-.006-4.848-.0608M16.953 5.5864A1.44 1.44 0 1 0 18.39 4.144a1.44 1.44 0 0 0-1.437 1.4424M5.8385 12.012c.0067 3.4032 2.7706 6.1557 6.173 6.1493 3.4026-.0065 6.157-2.7701 6.1506-6.1733-.0065-3.4032-2.771-6.1565-6.174-6.1498-3.403.0067-6.156 2.771-6.1496 6.1738M8 12.0077a4 4 0 1 1 4.008 3.9921A3.9996 3.9996 0 0 1 8 12.0077"></path> </svg> </a><a href="https://www.tiktok.com/@bonsaimarketing" target="_blank" rel="noopener" aria-label="Bonsai Marketing on TikTok" title="Bonsai Marketing on TikTok" class="text-[color:var(--color-paper-dim)] hover:text-[color:var(--color-coral)] transition-colors"> <svg viewBox="0 0 24 24" class="w-[18px] h-[18px]" fill="currentColor" aria-hidden="true" focusable="false"> <path d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"></path> </svg> </a><a href="https://www.yelp.com/biz/bonsai-marketing-sebastopol" target="_blank" rel="noopener" aria-label="Bonsai Marketing on Yelp" title="Bonsai Marketing on Yelp" class="text-[color:var(--color-paper-dim)] hover:text-[color:var(--color-coral)] transition-colors"> <svg viewBox="0 0 24 24" class="w-[18px] h-[18px]" fill="currentColor" aria-hidden="true" focusable="false"> <path d="m7.6885 15.1415-3.6715.8483c-.3769.0871-.755.183-1.1452.155-.2611-.0188-.5122-.0414-.7606-.213a1.179 1.179 0 0 1-.331-.3594c-.3486-.5519-.3656-1.3661-.3697-2.0004a6.2874 6.2874 0 0 1 .3314-2.0642 1.857 1.857 0 0 1 .1073-.2474 2.3426 2.3426 0 0 1 .1255-.2165 2.4572 2.4572 0 0 1 .1563-.1975 1.1736 1.1736 0 0 1 .399-.2831 1.082 1.082 0 0 1 .4592-.0837c.2355.0016.5139.052.91.1734.0555.0191.1237.0382.1856.0572.3277.1013.7048.2404 1.1499.3987.6863.2404 1.3663.487 2.0463.7397l1.2117.4423c.2217.0807.4363.18.6412.297.174.0984.3273.2298.4512.387a1.217 1.217 0 0 1 .192.4309 1.2205 1.2205 0 0 1-.872 1.4522c-.0468.0151-.0852.0239-.1085.0293l-1.105.2553-.0031-.001zM18.8208 7.565a1.8506 1.8506 0 0 0-.2042-.1754 2.4082 2.4082 0 0 0-.2077-.1394 2.3607 2.3607 0 0 0-.2269-.109 1.1705 1.1705 0 0 0-.482-.0796 1.0862 1.0862 0 0 0-.4498.1263c-.2107.1048-.4388.2732-.742.5551-.042.0417-.0947.0886-.142.133-.2502.2351-.5286.5252-.8599.863a114.6363 114.6363 0 0 0-1.5166 1.5629l-.8962.9293a4.1897 4.1897 0 0 0-.4466.5483 1.541 1.541 0 0 0-.2364.5459 1.2199 1.2199 0 0 0 .0107.4518l.0046.02a1.218 1.218 0 0 0 1.4184.923 1.162 1.162 0 0 0 .1105-.0213l4.7781-1.104c.3766-.087.7587-.1667 1.097-.3631.2269-.1316.4428-.262.5909-.5252a1.1793 1.1793 0 0 0 .1405-.4683c.0733-.6512-.2668-1.3908-.5403-1.963a6.2792 6.2792 0 0 0-1.2001-1.7103zM8.9703.0754a8.6724 8.6724 0 0 0-.83.1564c-.2754.066-.548.1383-.8146.2236-.868.2844-2.0884.8063-2.295 1.8065-.1165.5655.1595 1.1439.3737 1.66.2595.6254.614 1.1889.9373 1.7777.8543 1.5545 1.7245 3.0993 2.5922 4.6457.259.4617.5416 1.0464 1.043 1.2856a1.058 1.058 0 0 0 .1013.0383c.2248.0851.4699.1016.7041.0471a4.3015 4.3015 0 0 0 .0418-.0097 1.2136 1.2136 0 0 0 .5658-.3397 1.1033 1.1033 0 0 0 .079-.0822c.3463-.435.3454-1.0833.3764-1.6134.1042-1.771.2139-3.5423.3009-5.3142.0332-.6712.1055-1.3333.0655-2.0096-.0328-.5579-.0368-1.1984-.3891-1.6563-.6218-.8073-1.9476-.741-2.8523-.6158zm2.084
25215.9505a1.1053 1.1053 0 0 0-1.2306-.4145 1.1398 1.1398 0 0 0-.1526.0633 1.4806 1.4806 0 0 0-.2171.1354c-.1992.1475-.3668.3392-.5196.5315-.0386.049-.074.1143-.12.1562l-.7686 1.0573a113.9168 113.9168 0 0 0-1.2913 1.789c-.278.3895-.5184.7184-.7083 1.0094-.036.0547-.0734.116-.1075.1647-.2277.3522-.3566.6092-.4228.8381a1.0945 1.0945 0 0 0-.046.4721c.0211.1655.0768.3246.1635.467.046.0715.0957.1406.1487.207a2.334 2.334 0 0 0 .1754.1825 1.843 1.843 0 0 0 .2108.1732c.5304.369 1.1112.6342 1.722.8391a6.0958 6.0958 0 0 0 1.5716.3004c.091.0046.1821.0025.2728-.006a2.3878 2.3878 0 0 0 .2506-.0351 2.3862 2.3862 0 0 0 .2447-.071 1.1927 1.1927 0 0 0 .4175-.2658c.1127-.113.1994-.249.2541-.3989.0889-.2214.1473-.5026.1857-.92.0034-.0593.0118-.1305.0177-.1958.0304-.3463.0443-.7531.0666-1.2315.0375-.7357.067-1.4681.0903-2.2026 0 0 .0495-1.3053.0494-1.306.0113-.3008.002-.6342-.0814-.9336a1.396 1.396 0 0 0-.1756-.4054zm8.6754 2.0439c-.1605-.176-.3878-.3514-.7462-.5682-.0518-.0288-.1124-.0674-.1684-.1009-.2985-.1795-.658-.3684-1.078-.5965a120.7615 120.7615 0 0 0-1.9427-1.042l-1.1515-.6107c-.0597-.0175-.1203-.0607-.1766-.0878-.2212-.1058-.4558-.2045-.6992-.2498a1.4915 1.4915 0 0 0-.2545-.0265 1.1527 1.1527 0 0 0-.1648.01 1.1077 1.1077 0 0 0-.9227.9133 1.4186 1.4186 0 0 0 .0159.439c.0563.3065.1932.6096.3346.875l.615 1.1526c.3422.65.6884 1.2963 1.0435 1.9406.229.4202.4196.7799.5982 1.078.0338.056.0721.1163.1011.1682.2173.3584.392.584.569.7458.1146.1107.252.195.4026.247.1583.0525.326.071.4919.0546a2.368 2.368 0 0 0 .251-.0435c.0817-.022.1622-.048.241-.0784a1.863 1.863 0 0 0 .2475-.1143 6.1018 6.1018 0 0 0 1.2818-.9597c.4596-.4522.8659-.9454 1.182-1.51.044-.08.0819-.163.1138-.2483a2.49 2.49 0 0 0 .0773-.2411c.0186-.083.033-.1669.0429-.2513a1.188 1.188 0 0 0-.0565-.491 1.0933 1.0933 0 0 0-.248-.4041zm2.86 3.742a.8523.8523 0 0 1-.111.4236c-.074.132-.178.2377-.3115.3172a.8428.8428 0 0 1-.4385.119.847.847 0 0 1-.4373-.1179.8526.8526 0 0 1-.3125-.3171.8548.8548 0 0 1-.111-.4248c0-.1526.038-.2958.1143-.4294a.8405.8405 0 0 1 .315-.3159.849.849 0 0 1 .4315-.1156.8514.8514 0 0 1 .4294.1144.84.84 0 0 1 .316.3148.8494.8494 0 0 1 .1156.4317zm-.1202 0c0-.1328-.0332-.256-.0996-.3698s-.1564-.2038-.2702-.2702a.7125.7125 0 0 0-.371-.1007.7204.7204 0 0 0-.3698.0996.7487.7487 0 0 0-.2713.2702.7181.7181 0 0 0-.0996.3709c0 .132.0332.2557.0996.371a.7355.7355 0 0 0 .2713.2713.7354.7354 0 0 0 .3698.0985.7205.7205 0 0 0 .3698-.0996.7423.7423 0 0 0 .2702-.2691.7186.7186 0 0 0 .1008-.3721zm-.577.0584.2724.4522h-.1922l-.237-.4052h-.1546v.4052h-.1695v-1.02h.2988c.1268 0 .2195.0247.2783.0744.0595.0496.0892.1252.0892.2267a.2785.2785 0 0 1-.0492.1625c-.032.0466-.0775.0813-.1362.1042zm-.0412-.1408a.1532.1532 0 0 0 .056-.1214c0-.0573-.0164-.0981-.0491-.1225-.0329-.0251-.0847-.0377-.1557-.0377h-.1214v.3285h.1237c.061 0 .1098-.0157.1465-.047z"></path> </svg> </a> <span class="w-px h-4 bg-white/15" aria-hidden="true"></span> <a href="/privacy/" class="hover:text-[color:var(--color-paper)]">Privacy</a> <a href="/terms/" class="hover:text-[color:var(--color-paper)]">Terms</a> </div> </div> </div> </footer> <dialog class="as-modal" id="as-modal" aria-labelledby="as-modal-title" data-as-cfg="{"minDwellMs":10000,"dwellTriggerMs":35000,"scrollTrigger":0.5,"cooldownDays":14,"suppressPaths":["/thank-you","/summit/thanks","/motion-lab/thanks","/contact","/bonsai-family","/samurai-adventure-day-with-mom-siblings-september-2026"]}" data-astro-cid-r4eukz3a><div class="as-panel" data-astro-cid-r4eukz3a><button type="button" class="as-close" data-as-close aria-label="Close" data-astro-cid-r4eukz3a><svg viewBox="0 0 14 14" width="14" height="14" fill="none" stroke="currentColor" stroke-width="1.6" aria-hidden="true" data-astro-cid-r4eukz3a><path d="M1 1l12 12M13 1L1 13" data-astro-cid-r4eukz3a></path></svg></button><p class="as-eyebrow" data-astro-cid-r4eukz3a>[ ANSWERSLOT.AI · A BONSAI MARKETING COMPANY ]</p><h2 class="as-title" id="as-modal-title" data-astro-cid-r4eukz3a>Does Siri name you â or your <em class="as-accent" data-astro-cid-r4eukz3a>
252competitor?</em></h2><p class="as-body" data-astro-cid-r4eukz3a>Assistants return one or two names, not a page of results. AnswerSlot reads your Google profile and your site the way an assistant reads them, asks the models the questions your customers actually ask, and shows you what came back â including the business it named instead of you.</p><ul class="as-proof" data-astro-cid-r4eukz3a><li data-astro-cid-r4eukz3a>21 signals read</li><li data-astro-cid-r4eukz3a>16 of them scored</li><li data-astro-cid-r4eukz3a>Under 60 seconds</li></ul><a class="as-cta" href="https://answerslot.ai/?utm_source=bonsaimarketingcompany&utm_medium=referral&utm_campaign=bmc-answerslot-2026-08&utm_content=exit-modal" data-as-convert data-astro-cid-r4eukz3a>Show me my answer<svg viewBox="0 0 16 10" width="15" height="10" fill="none" stroke="currentColor" stroke-width="1.7" aria-hidden="true" data-astro-cid-r4eukz3a><path d="M1 5h13M10 1l4 4-4 4" data-astro-cid-r4eukz3a></path></svg></a><p class="as-reassure" data-astro-cid-r4eukz3a>Free · No card · No sales call · Nothing on your listing changes</p><button type="button" class="as-dismiss" data-as-close data-astro-cid-r4eukz3a>Not right now</button></div></dialog>
252<script type="module">const t=document.getElementById("as-modal");if(t&&typeof t.showModal=="function"){let c=function(e){const o=window;(o.dataLayer=o.dataLayer||[]).push({event:e,promo_id:"answerslot-exit-modal"}),typeof o.gtag=="function"&&o.gtag("event",e,{promo_id:"answerslot-exit-modal"})};const n=JSON.parse(t.dataset.asCfg||"{}"),i="bmc_as_promo_seen",l="bmc_as_promo_clicked",r={get(e){try{return localStorage.getItem(e)||""}catch{return""}},set(e,o){try{localStorage.setItem(e,o)}catch{}}},d=location.pathname.replace(/\/+$/,"")||"/",p=(n.suppressPaths||[]).some(e=>d===e.replace(/\/+$/,"")||d.startsWith(e.replace(/\/+$/,"")+"/")),m=Number(r.get(i)||0),g=(n.cooldownDays??14)*864e5,f=m>0&&Date.now()-m<g,h=r.get(l)==="1";if(!p&&!f&&!h){let e=function(){w||t.open||(w=!0,r.set(i,String(Date.now())),a.forEach(clearTimeout),document.removeEventListener("mouseout",o),t.showModal(),c("promo_view"))},o=function(s){s.clientY<=0&&!s.relatedTarget&&e()},u=function(){const s=document.documentElement.scrollHeight-window.innerHeight;s>0&&window.scrollY/s>=(n.scrollTrigger??.5)&&(window.removeEventListener("scroll",u),e())},w=!1;const a=[];a.push(window.setTimeout(()=>{window.matchMedia("(pointer: fine)").matches&&document.addEventListener("mouseout",o),window.addEventListener("scroll",u,{passive:!0}),a.push(window.setTimeout(e,Math.max(0,(n.dwellTriggerMs??35e3)-(n.minDwellMs??1e4))))},n.minDwellMs??1e4))}t.querySelectorAll("[data-as-close]").forEach(e=>e.addEventListener("click",()=>{c("promo_dismiss"),t.close()})),t.querySelector("[data-as-convert]")?.addEventListener("click",()=>{r.set(l,"1"),c("promo_click")}),t.addEventListener("click",e=>{e.target===t&&(c("promo_dismiss"),t.close())})}</script>
252
252<script>(function(){var b=document.querySelector('[data-promo-close]');if(!b)return;b.addEventListener('click',function(){document.documentElement.classList.add('promo-off');try{localStorage.setItem('bmc_promo_bar_off','1')}catch(e){}var w=window;(w.dataLayer=w.dataLayer||[]).push({event:'promo_dismiss',promo_id:'answerslot-top-bar'});});var a=document.querySelector('.promo-link');if(a)a.addEventListener('click',function(){var w=window;(w.dataLayer=w.dataLayer||[]).push({event:'promo_click',promo_id:'answerslot-top-bar'});if(typeof w.gtag==='function')w.gtag('event','promo_click',{promo_id:'answerslot-top-bar'});});})();</script>
252
252<script src="https://cdn.apigateway.co/webchat-client..prod/sdk.js" data-widget-id="f0b039aa-f31c-11f0-94a7-1238e4e39a96" defer></script>
252 </body> </html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.