1<!DOCTYPE html> 2<html lang="en-US" 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title> 7 Generative Engine Optimization (GEO) & AEO Agency | Growthym </title> 8 9
9<script src="https://cdn.tailwindcss.com"></script>
9 10 11 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> 12 13 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;900&display=swap" rel="stylesheet"> 14 15
15<script> 16 tailwind.config = { 17 theme: { 18 extend: { 19 colors: { 20 brand: { 21 black: '#050505', 22 gold: '#aa7b3f', 23 goldHover: '#c49252', 24 gray: '#f4f4f4', 25 darkGray: '#1a1a1a', 26 lightGray: '#f9f9f9', 27 slate: '#2c2c2c' 28 } 29 }, 30 fontFamily: { 31 sans: ['Inter', 'sans-serif'], 32 }, 33 boxShadow: { 34 'gold-glow': '0 0 30px rgba(170, 123, 63, 0.15)', 35 'card-hover': '0 20px 40px rgba(0,0,0,0.08)', 36 } 37 } 38 } 39 } 40 </script>
40 41 42 <style> 43 /* --- DESKTOP MEGA MENU CSS --- */ 44 .group:hover .mega-menu { 45 opacity: 1; 46 visibility: visible; 47 transform: translateY(0); 48 } 49 50 .mega-menu { 51 opacity: 0; 52 visibility: hidden; 53 transform: translateY(10px); 54 transition: all 0.2s ease-out; 55 z-index: 50; 56 } 57 58 /* Nav Link Underline */ 59 .nav-link { 60 position: relative; 61 } 62 63 .nav-link::after { 64 content: ''; 65 position: absolute; 66 width: 0; 67 height: 2px; 68 bottom: -4px; 69 left: 0; 70 background-color: #aa7b3f; 71 transition: width 0.3s ease; 72 } 73 74 .group:hover>.nav-link::after { 75 width: 100%; 76 } 77 78 /* --- MOBILE MENU CSS --- */ 79 #mobile-menu-overlay { 80 position: fixed; 81 top: 0; 82 right: 0; 83 bottom: 0; 84 width: 100%; 85 height: 100vh; 86 background-color: #050505; 87 z-index: 99999; 88 transform: translateX(100%); 89 transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); 90 display: flex; 91 flex-direction: column; 92 } 93 94 #mobile-menu-overlay.open { 95 transform: translateX(0); 96 } 97 98 /* Accordion Animation */ 99 .accordion-content { 100 max-height: 0; 101 opacity: 0; 102 overflow: hidden; 103 transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out; 104 } 105 106 .accordion-content.active { 107 max-height: 2000px; 108 opacity: 1; 109 } 110 111 .rotate-180 { 112 transform: rotate(180deg); 113 } 114 115 /* Prevent body scroll when menu is open */ 116 body.menu-open { 117 overflow: hidden; 118 } 119 120 /* DESKTOP MEGA MENU */ 121 .group:hover .mega-menu { 122 opacity: 1; 123 visibility: visible; 124 transform: translateY(0); 125 } 126 127 .mega-menu { 128 opacity: 0; 129 visibility: hidden; 130 transform: translateY(10px); 131 transition: all 0.2s ease; 132 } 133 134 /* MOBILE MENU */ 135 #mobile-menu { 136 max-height: 0; 137 overflow: hidden; 138 transition: max-height 0.3s ease; 139 } 140 141 #mobile-menu.open { 142 max-height: 93vh; 143 overflow: scroll; 144 } 145 146 .fa-chevron-down { 147 transition: transform 0.3s ease; 148 } 149 150 .rotate { 151 transform: rotate(180deg); 152 } 153 .grecaptcha-badge { 154 visibility: hidden; 155} 156 157 </style> 158 159 <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> 160 161 <!-- This site is optimized with the Yoast SEO plugin v28.1 - https://yoast.com/product/yoast-seo-wordpress/ --> 162 <meta name="description" content="Generative Engine Optimization (GEO) & AEO agency. Get your brand cited inside ChatGPT, Gemini, Perplexity & AI Overviews. Get a free AI audit." /> 163 <link rel="canonical" href="https://growthym.com/services/ai-search-visibility/" /> 164 <meta property="og:locale" content="en_US" /> 165 <meta property="og:type" content="article" /> 166 <meta property="og:title" content="Generative Engine Optimization (GEO) & AEO Agency | Growthym" /> 167 <meta property="og:description" content="Generative Engine Optimization (GEO) & AEO agency. Get your brand cited inside ChatGPT, Gemini, Perplexity & AI Overviews. Get a free AI audit." /> 168 <meta property="og:url" content="https://growthym.com/services/ai-search-visibility/" /> 169 <meta property="og:site_name" content="Growthym" /> 170 <meta property="article:modified_time" content="2026-06-29T21:19:54+00:00" /> 171 <meta property="og:image" content="https://growthym.com/wp-content/uploads/2026/01/Growthym.webp" /> 172 <meta property="og:image:width" content="174" /> 173 <meta property="og:image:height" content="175" /> 174 <meta property="og:image:type" content="image/webp" /> 175 <meta name="twitter:card" content="summary_large_image" /> 176
176<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/growthym.com\/services\/ai-search-visibility\/","url":"https:\/\/growthym.com\/services\/ai-search-visibility\/","name":"Generative Engine Optimization (GEO) & AEO Agency | Growthym","isPartOf":{"@id":"https:\/\/growthym.com\/#website"},"datePublished":"2026-01-15T17:10:09+00:00","dateModified":"2026-06-29T21:19:54+00:00","description":"Generative Engine Optimization (GEO) & AEO agency. Get your brand cited inside ChatGPT, Gemini, Perplexity & AI Overviews. Get a free AI audit.","breadcrumb":{"@id":"https:\/\/growthym.com\/services\/ai-search-visibility\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/growthym.com\/services\/ai-search-visibility\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/growthym.com\/services\/ai-search-visibility\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/growthym.com\/"},{"@type":"ListItem","position":2,"name":"Services","item":"https:\/\/growthym.com\/services\/"},{"@type":"ListItem","position":3,"name":"AI Search Visibility & Brand Mentions"}]},{"@type":"WebSite","@id":"https:\/\/growthym.com\/#website","url":"https:\/\/growthym.com\/","name":"Growthym","description":"AI-Powered Growth Marketing","publisher":{"@id":"https:\/\/growthym.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/growthym.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/growthym.com\/#organization","name":"Growthym","alternateName":"Growthym","url":"https:\/\/growthym.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/growthym.com\/#\/schema\/logo\/image\/","url":"https:\/\/growthym.com\/wp-content\/uploads\/2026\/01\/Growthym.webp","contentUrl":"https:\/\/growthym.com\/wp-content\/uploads\/2026\/01\/Growthym.webp","width":174,"height":175,"caption":"Growthym"},"image":{"@id":"https:\/\/growthym.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/growthym\/","https:\/\/instagram.com\/growthymofficial\/","https:\/\/www.youtube.com\/@Growthym"]}]}</script>
176 177 <!-- / Yoast SEO plugin. --> 178 179 180<link rel='dns-prefetch' href='//www.googletagmanager.com' /> 181<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://growthym.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fgrowthym.com%2Fservices%2Fai-search-visibility%2F" /> 182<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://growthym.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fgrowthym.com%2Fservices%2Fai-search-visibility%2F&format=xml" /> 183<style id='wp-img-auto-sizes-contain-inline-css' type='text/css'> 184img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 185/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 186</style> 187 188<style id='wp-emoji-styles-inline-css' type='text/css'> 189 190 img.wp-smiley, img.emoji { 191 display: inline !important; 192 border: none !important; 193 box-shadow: none !important; 194 height: 1em !important; 195 width: 1em !important; 196 margin: 0 0.07em !important; 197 vertical-align: -0.1em !important; 198 background: none !important; 199 padding: 0 !important; 200 } 201/*# sourceURL=wp-emoji-styles-inline-css */ 202</style> 203<link rel='stylesheet' id='wp-block-library-css' href='https://growthym.com/wp-includes/css/dist/block-library/style.min.css?ver=6.9.9' type='text/css' media='all' /> 204 205<style id='classic-theme-styles-inline-css' type='text/css'> 206/*! This file is auto-generated */ 207.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} 208/*# sourceURL=/wp-includes/css/classic-themes.min.css */ 209</style> 210<style id='global-styles-inline-css' type='text/css'> 211:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
211--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
211.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} 212/*# sourceURL=global-styles-inline-css */ 213</style> 214 215<link rel='stylesheet' id='contact-form-7-css' href='https://growthym.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.1.4' type='text/css' media='all' /> 216 217<!-- Google tag (gtag.js) snippet added by Site Kit --> 218<!-- Google Analytics snippet added by Site Kit -->
vendor: 81 bytes, lines 218-219
218 219<script type="text/javascript" src="https://www.googletagmanager.com/gtag/js?id=
219GT-MJMHM9N
vendor: 40 bytes, line 219
219" id="google_gtagjs-js" async></script>
220<script type="text/javascript" id="google_gtagjs-js-after"> 221/* <![CDATA[ */ 222window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);} 223gtag("set","linker",{"domains":["growthym.com"]}); 224gtag("js", new Date()); 225gtag("set", "developer_id.dZTNiMT", true); 226gtag("config", "GT-MJMHM9N"); 227 window._googlesitekit = window._googlesitekit || {}; window._googlesitekit.throttledEvents = []; window._googlesitekit.gtagEvent = (name, data) => { var key = JSON.stringify( { name, data } ); if ( !! window._googlesitekit.throttledEvents[ key ] ) { return; } window._googlesitekit.throttledEvents[ key ] = true; setTimeout( () => { delete window._googlesitekit.throttledEvents[ key ]; }, 5 ); gtag( "event", name, { ...data, event_source: "site-kit" } ); }; 228//# sourceURL=google_gtagjs-js-after 229/* ]]> */ 230</script>
230 231<link rel="https://api.w.org/" href="https://growthym.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://growthym.com/wp-json/wp/v2/services/197" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://growthym.com/xmlrpc.php?rsd" /> 232<meta name="generator" content="WordPress 6.9.9" /> 233<link rel='shortlink' href='https://growthym.com/?p=197' /> 234<meta name="generator" content="Site Kit by Google 1.187.0" /><meta name="google-site-verification" content="ORHuGhquzyk6gXvorIhCznRdMKviEG6Q5sa_vSzwxD8"> 235<!-- TopSlot AI Visibility --> 236<meta name="last-modified" content="2026-05-07T21:19:38.930Z" /> 237<!-- /TopSlot AI Visibility --> 238<link rel="icon" href="https://growthym.com/wp-content/uploads/2026/01/cropped-Growthym-32x32.webp" sizes="32x32" /> 239<link rel="icon" href="https://growthym.com/wp-content/uploads/2026/01/cropped-Growthym-192x192.webp" sizes="192x192" /> 240<link rel="apple-touch-icon" href="https://growthym.com/wp-content/uploads/2026/01/cropped-Growthym-180x180.webp" /> 241<meta name="msapplication-TileImage" content="https://growthym.com/wp-content/uploads/2026/01/cropped-Growthym-270x270.webp" /> 242 243 <!-- Google Tag Manager --> 244
244<script>
vendor: 506 bytes, lines 244-251
244(function (w, d, s, l, i) { 245 w[l] = w[l] || []; w[l].push({ 246 'gtm.start': 247 new Date().getTime(), event: 'gtm.js' 248 }); var f = d.getElementsByTagName(s)[0], 249 j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 250 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); 251 })(window, document, 'script', 'dataLayer', '
251GTM-5GLSRC9
vendor: 3 bytes, line 251
251');
251</script>
251 252 <!-- End Google Tag Manager --> 253</head> 254 255<body class="font-sans"> 256 257 <!-- NAV --> 258 <nav class="fixed w-full bg-white border-b z-50 h-20 flex items-center"> 259 <div class="w-full max-w-[1440px] mx-auto px-6 flex justify-between items-center h-full"> 260 <a href="https://growthym.com" 261 class="text-2xl font-black tracking-tighter text-brand-black z-50 flex items-center"> 262 <img src="https://growthym.com/wp-content/themes/growthym/assets/images/growthym.webp" alt="Growthym" 263 class="w-40 h-auto" 264 onerror="this.style.display='none'; this.nextElementSibling.style.display='block';"> 265 <span style="display:none;">GROWTHYM<span class="text-brand-gold">.</span></span> 266 </a> 267 268 <!-- DESKTOP MENU --> 269 <ul class="hidden lg:flex h-full items-center gap-8"> 270 271 <li class="group h-full flex items-center"> 272 <a href="/services/" 273 class="nav-link text-xs font-bold uppercase tracking-widest text-gray-900 group-hover:text-brand-gold py-8">Services</a> 274 275 <div 276 class="mega-menu absolute left-0 top-20 w-full bg-brand-black text-white shadow-2xl border-t-4 border-brand-gold"> 277 <div class="max-w-[1440px] mx-auto p-10 grid grid-cols-3 gap-12"> 278 <div> 279 <h3 class="text-brand-gold font-bold text-lg mb-2">Growth System</h3> 280 <p class="text-xs text-gray-500 mb-4 italic">Growth built as an operating system, not 281 campaigns.</p> 282 <ul class="space-y-2 text-sm text-gray-300"> 283 <li><a href="/services/growth-system-design/" 284 class="hover:text-brand-gold transition-colors block">Growth System 285 Design</a></li> 286 <li><a href="/services/revenue-aligned-growth/" 287 class="hover:text-brand-gold transition-colors block">Revenue-Aligned 288 Growth</a></li> 289 <li><a href="/services/demand-pipeline-systems/" 290 class="hover:text-brand-gold transition-colors block">Demand & Pipeline 291 Systems</a></li> 292 <li><a href="/services/conversion-funnel-optimization/" 293 class="hover:text-brand-gold transition-colors block">Conversion 294 Optimization</a></li> 295 <li><a href="/services/analytics-attribution-systems/" 296 class="hover:text-brand-gold transition-colors block">Analytics & 297 Attribution</a></li> 298 <li><a href="/services/social-media-marketing/" 299 class="hover:text-brand-gold transition-colors block">Social Media 300 Marketing</a></li> 301 <li><a href="/services/ecommerce-analytics/" 302 class="hover:text-brand-gold transition-colors block">eCommerce 303 Analytics</a></li> 304 </ul> 305 </div> 306 <div> 307 <h3 class="text-brand-gold font-bold text-lg mb-2">Growth Capabilities</h3> 308 <p class="text-xs text-gray-500 mb-4 italic">Execution governed by strategy and 309 measurement.</p> 310 <ul class="space-y-2 text-sm text-gray-300"> 311 <li><a href="/services/ai-search-visibility/" 312 class="hover:text-brand-gold transition-colors block">AI Search 313 Visibility</a></li> 314 <li><a href="/services/search-engine-optimization-services/" 315 class="hover:text-brand-gold transition-colors block">Organic Growth 316 (SEO)</a></li> 317 <li><a href="/services/performance-paid-media/" 318 class="hover:text-brand-gold transition-colors block">Performance & Paid 319 Media</a></li> 320 <li><a href="/services/b2b-outbound-pipeline/" 321 class="hover:text-brand-gold transition-colors block">B2B Outbound</a></li> 322 <li><a href="/services/cro-experimentation/" 323 class="hover:text-brand-gold transition-colors block">CRO & 324 Experimentation</a></li> 325 <li><a href="/services/marketing-analytics-ga4/" 326 class="hover:text-brand-gold transition-colors block">Marketing Analytics &
327 GA4</a></li> 328 <li><a href="/services/ai-marketing-automation/" 329 class="hover:text-brand-gold transition-colors block">AI Marketing 330 Automation</a></li> 331 </ul> 332 </div> 333 <div> 334 <h3 class="text-brand-gold font-bold text-lg mb-2">AI-Enabled Growth</h3> 335 <p class="text-xs text-gray-500 mb-4 italic">AI as leverage, not noise.</p> 336 <ul class="space-y-2 text-sm text-gray-300"> 337 <li><a href="/services/ai-in-growth-systems/" 338 class="hover:text-brand-gold transition-colors block">AI in Growth 339 Systems</a></li> 340 <li><a href="/services/predictive-lead-scoring/" 341 class="hover:text-brand-gold transition-colors block">Predictive Lead 342 Scoring</a></li> 343 <li><a href="/services/ai-content-authority-building/" 344 class="hover:text-brand-gold transition-colors block">AI Content 345 Authority</a></li> 346 <li><a href="/services/workflow-revops-automation/" 347 class="hover:text-brand-gold transition-colors block">Workflow & RevOps</a> 348 </li> 349 <li><a href="/services/personalization-at-scale/" 350 class="hover:text-brand-gold transition-colors block">Personalization at 351 Scale</a></li> 352 </ul> 353 </div> 354 </div> 355 <div class="bg-brand-darkGray py-3 text-center border-t border-gray-800"> 356 <a href="/services/" 357 class="text-xs font-bold uppercase tracking-widest text-brand-gold hover:text-white transition-colors"> 358 View Growth Marketing Framework <i class="fa-solid fa-arrow-right ml-2"></i> 359 </a> 360 </div> 361 </div> 362 </li> 363 364 <li class="group h-full flex items-center"> 365 <a href="/industries" 366 class="nav-link text-xs font-bold uppercase tracking-widest text-gray-900 group-hover:text-brand-gold py-8">Industries</a> 367 368 <div 369 class="mega-menu absolute left-0 top-20 w-full bg-brand-black text-white shadow-2xl border-t-4 border-brand-gold"> 370 <div class="max-w-[1440px] mx-auto p-10 grid grid-cols-3 gap-12"> 371 <div> 372 <h3 class="text-brand-gold font-bold text-lg mb-4">Core Industries</h3> 373 <ul class="space-y-2 text-sm text-gray-300"> 374 <li><a href="/industries/fintech-financial-services/" 375 class="hover:text-brand-gold transition-colors block">FinTech & 376 Financial</a></li> 377 <li><a href="/industries/d2c-consumer-brands/" 378 class="hover:text-brand-gold transition-colors block">D2C & Consumer 379 Brands</a></li> 380 <li><a href="/industries/professional-services/" 381 class="hover:text-brand-gold transition-colors block">Professional 382 Services</a></li> 383 <li><a href="/industries/plg-products-apps/" 384 class="hover:text-brand-gold transition-colors block">Product-Led Growth 385 (PLG)</a></li> 386 <li><a href="/industries/enterprise-mid-market/" 387 class="hover:text-brand-gold transition-colors block">Enterprise & 388 Mid-Market</a></li> 389 </ul> 390 </div> 391 <div> 392 <h3 class="text-brand-gold font-bold text-lg mb-4">Common Challenges</h3> 393 <ul class="space-y-2 text-sm text-gray-300"> 394 <li><a href="/growth-challenges/unpredictable-pipeline/" 395 class="hover:text-brand-gold transition-colors block">Unpredictable 396 Pipeline</a></li> 397 <li><a href="/growth-challenges/rising-cac/" 398 class="hover:text-brand-gold transition-colors block">Rising CAC</a></li> 399 <li><a href="/growth-challenges/attribution-analytics-gaps/" 400 class="hover:text-brand-gold transition-colors block">Attribution Gaps</a> 401 </li> 402 <li><a href="/growth-challenges/outbound-inconsistency/" 403 class="hover:text-brand-gold transition-colors block">Outbound 404 Inconsistency</a></li> 405 <li><a href="/growth-challenges/scaling-without-chaos/" 406 class="hover:text-brand-gold transition-colors block">Scaling Without 407 Chaos</a></li> 408 </ul> 409 </div> 410 <div> 411 <h3 class="text-brand-gold font-bold text-lg mb-4">How Growthym Adapts</h3> 412 <ul class="space-y-2 text-sm text-gray-300"> 413 <li><a href="/how-growthym-adapts/one-system-different-markets/" 414 class="hover:text-brand-gold transition-colors block">One System, Different 415 Markets</a></li> 416 <li><a href="/how-growthym-adapts/governance-vs-speed-balance/" 417 class="hover:text-brand-gold transition-colors block">Governance vs 418 Speed</a></li> 419 <li><a href="/how-growthym-adapts/compliance-aware-growth/" 420 class="hover:text-brand-gold transition-colors block">Compliance-Aware 421 Growth</a></li> 422 <li><a href="/how-growthym-adapts/multi-team-alignment/" 423 class="hover:text-brand-gold transition-colors block">Multi-Team 424 Alignment</a></li> 425 </ul> 426 </div> 427 </div> 428 <div class="bg-brand-darkGray py-3 text-center border-t border-gray-800"> 429 <a href="/industries" 430 class="text-xs font-bold uppercase tracking-widest text-brand-gold hover:text-white transition-colors"> 431 Explore Industry Use Cases <i class="fa-solid fa-arrow-right ml-2"></i> 432 </a> 433 </div> 434 </div> 435 </li> 436 437 <li class="group h-full flex items-center relative"> 438 <a href="/how-we-work/" 439 class="nav-link text-xs font-bold uppercase tracking-widest text-gray-900 group-hover:text-brand-gold py-8">HOW 440 WE WORK</a> 441 <div 442 class="mega-menu absolute left-0 top-20 w-[400px] bg-brand-black text-white shadow-2xl border-t-4 border-brand-gold"> 443 <div class="p-8 space-y-8"> 444 445 <div> 446 <ul class="space-y-3 text-sm text-gray-300"> 447 <li><a href="/how-we-work/engagement-model/" 448 class="hover:text-brand-gold block">Engagement Model</a></li> 449 <li><a href="/how-we-work/operating-principles/" 450 class="hover:text-brand-gold block">Operating Principles</a></li> 451 <li><a href="/how-we-work/what-to-expect/" class="hover:text-brand-gold block">What 452 to Expect</a></li> 453 </ul> 454 </div> 455 456 </div> 457 <div class="bg-brand-darkGray py-3 text-center border-t border-gray-800"> 458 <a href="/how-we-work/" 459 class="text-xs font-bold uppercase tracking-widest text-brand-gold hover:text-white transition-colors"> 460 See Engagement Models <i class="fa-solid fa-arrow-right ml-2"></i> 461 </a> 462 </div> 463 </div> 464 </li> 465 <li class="group h-full flex items-center relative"> 466 <a href="#" 467 class="nav-link text-xs font-bold uppercase tracking-widest text-gray-900 group-hover:text-brand-gold py-8">Resources</a> 468 469 <div 470 class="mega-menu absolute left-0 top-20 w-[400px] bg-brand-black text-white shadow-2xl border-t-4 border-brand-gold"> 471 <div class="p-8 space-y-8"> 472 473 <div> 474 <ul class="space-y-3 text-sm text-gray-300"> 475 <li><a href="/blog/" class="hover:text-brand-gold block">Insights</a></li> 476 <li><a href="/case-studies/" class="hover:text-brand-gold block">Case Studies</a> 477 </li> 478 </ul> 479 </div> 480 481 </div> 482 </div> 483 </li> 484 <li class="group h-full flex items-center relative"> 485 <a href="/about" 486 class="nav-link text-xs font-bold uppercase tracking-widest text-gray-900 group-hover:text-brand-gold py-8">Company</a> 487 488 </li> 489 </ul> 490 491 <!-- CTA --> 492 <a href="/contact-us" 493 class="hidden lg:block bg-brand-black text-white px-6 py-3 text-xs font-bold uppercase"> 494 Contact Us 495 </a> 496 497 <!-- MOBILE BUTTON --> 498 <button id="mobile-btn" class="lg:hidden text-2xl"> 499 <i class="fa-solid fa-bars"></i> 500 </button> 501 </div> 502 </nav> 503 504 <div class="h-20"></div> 505 506 <!-- MOBILE MENU --> 507 <div id="mobile-menu" class="lg:hidden bg-white border-t fixed w-full z-40"> 508 509 <ul class="flex flex-col divide-y"> 510 511 <!-- SERVICES --> 512 <li> 513 <button class="mobile-toggle w-full flex justify-between px-6 py-4 font-bold uppercase text-sm"> 514 Services <i class="fa-solid fa-chevron-down"></i> 515 </button> 516 <ul class="hidden px-6 pb-4 space-y-2 text-sm"> 517 <li><a href="/services/growth-system-design/" 518 class="hover:text-brand-gold transition-colors block">Growth System 519 Design</a></li> 520 <li><a href="/services/revenue-aligned-growth/" 521 class="hover:text-brand-gold transition-colors block">Revenue-Aligned 522 Growth</a></li> 523 <li><a href="/services/demand-pipeline-systems/" 524 class="hover:text-brand-gold transition-colors block">Demand & Pipeline 525 Systems</a></li> 526 <li><a href="/services/conversion-funnel-optimization/" 527 class="hover:text-brand-gold transition-colors block">Conversion 528 Optimization</a></li> 529 <li><a href="/services/analytics-attribution-systems/" 530 class="hover:text-brand-gold transition-colors block">Analytics &
531 Attribution</a></li> 532 <li><a href="/services/social-media-marketing/" 533 class="hover:text-brand-gold transition-colors block">Social Media 534 Marketing</a></li> 535 <li><a href="/services/ecommerce-analytics/" 536 class="hover:text-brand-gold transition-colors block">eCommerce 537 Analytics</a></li> 538 539 <li><a href="/services/ai-search-visibility/" 540 class="hover:text-brand-gold transition-colors block">AI Search 541 Visibility</a></li> 542 <li><a href="/services/search-engine-optimization-services/" 543 class="hover:text-brand-gold transition-colors block">Organic Growth 544 (SEO)</a></li> 545 <li><a href="/services/performance-paid-media/" 546 class="hover:text-brand-gold transition-colors block">Performance & Paid 547 Media</a></li> 548 <li><a href="/services/b2b-outbound-pipeline/" 549 class="hover:text-brand-gold transition-colors block">B2B Outbound</a></li> 550 <li><a href="/services/cro-experimentation/" 551 class="hover:text-brand-gold transition-colors block">CRO & 552 Experimentation</a></li> 553 <li><a href="/services/marketing-analytics-ga4/" 554 class="hover:text-brand-gold transition-colors block">Marketing Analytics & 555 GA4</a></li> 556 <li><a href="/services/ai-marketing-automation/" 557 class="hover:text-brand-gold transition-colors block">AI Marketing 558 Automation</a></li> 559 560 <li><a href="/services/ai-in-growth-systems/" 561 class="hover:text-brand-gold transition-colors block">AI in Growth 562 Systems</a></li> 563 <li><a href="/services/predictive-lead-scoring/" 564 class="hover:text-brand-gold transition-colors block">Predictive Lead 565 Scoring</a></li> 566 <li><a href="/services/ai-content-authority-building/" 567 class="hover:text-brand-gold transition-colors block">AI Content 568 Authority</a></li> 569 <li><a href="/services/workflow-revops-automation/" 570 class="hover:text-brand-gold transition-colors block">Workflow & RevOps</a> 571 </li> 572 <li><a href="/services/personalization-at-scale/" 573 class="hover:text-brand-gold transition-colors block">Personalization at 574 Scale</a></li> 575 </ul> 576 577 </li> 578 579 <!-- INDUSTRIES --> 580 <li> 581 <button class="mobile-toggle w-full flex justify-between px-6 py-4 font-bold uppercase text-sm"> 582 Industries <i class="fa-solid fa-chevron-down"></i> 583 </button> 584 585 <ul class="hidden px-6 pb-4 space-y-2 text-sm"> 586 <li><a href="/industries/fintech-financial-services/" 587 class="hover:text-brand-gold transition-colors block">FinTech & 588 Financial</a></li> 589 <li><a href="/industries/d2c-consumer-brands/" 590 class="hover:text-brand-gold transition-colors block">D2C & Consumer 591 Brands</a></li> 592 <li><a href="/industries/professional-services/" 593 class="hover:text-brand-gold transition-colors block">Professional 594 Services</a></li> 595 <li><a href="/industries/plg-products-apps/" 596 class="hover:text-brand-gold transition-colors block">Product-Led Growth 597 (PLG)</a></li> 598 <li><a href="/industries/enterprise-mid-market/" 599 class="hover:text-brand-gold transition-colors block">Enterprise & 600 Mid-Market</a></li> 601 602 <li><a href="/growth-challenges/unpredictable-pipeline/" 603 class="hover:text-brand-gold transition-colors block">Unpredictable 604 Pipeline</a></li> 605 <li><a href="/growth-challenges/rising-cac/" 606 class="hover:text-brand-gold transition-colors block">Rising CAC</a></li> 607 <li><a href="/growth-challenges/attribution-analytics-gaps/" 608 class="hover:text-brand-gold transition-colors block">Attribution Gaps</a> 609 </li> 610 <li><a href="/growth-challenges/outbound-inconsistency/" 611 class="hover:text-brand-gold transition-colors block">Outbound 612 Inconsistency</a></li> 613 <li><a href="/growth-challenges/scaling-without-chaos/" 614 class="hover:text-brand-gold transition-colors block">Scaling Without 615 Chaos</a></li> 616 617 <li><a href="/how-growthym-adapts/one-system-different-markets/" 618 class="hover:text-brand-gold transition-colors block">One System, Different 619 Markets</a></li> 620 <li><a href="/how-growthym-adapts/governance-vs-speed-balance/" 621 class="hover:text-brand-gold transition-colors block">Governance vs 622 Speed</a></li> 623 <li><a href="/how-growthym-adapts/compliance-aware-growth/" 624 class="hover:text-brand-gold transition-colors block">Compliance-Aware 625 Growth</a></li> 626 <li><a href="/how-growthym-adapts/multi-team-alignment/" 627 class="hover:text-brand-gold transition-colors block">Multi-Team 628 Alignment</a></li> 629 </ul> 630 </li> 631 <!-- HOW WE WORK --> 632 <li> 633 <button class="mobile-toggle w-full flex justify-between px-6 py-4 font-bold uppercase text-sm"> 634 HOW WE WORK <i class="fa-solid fa-chevron-down"></i> 635 </button> 636 <ul class="hidden px-6 pb-4 space-y-2 text-sm"> 637 <li><a href="/how-we-work/engagement-model/" class="hover:text-brand-gold block">Engagement 638 Model</a></li> 639 <li><a href="/how-we-work/operating-principles/" class="hover:text-brand-gold block">Operating 640 Principles</a></li> 641 <li><a href="/how-we-work/what-to-expect/" class="hover:text-brand-gold block">What 642 to Expect</a></li> 643 </ul> 644 645 </li> 646 647 <li> 648 <button class="mobile-toggle w-full flex justify-between px-6 py-4 font-bold uppercase text-sm"> 649 Resources<i class="fa-solid fa-chevron-down"></i> 650 </button> 651 652 <ul class="hidden px-6 pb-4 space-y-2 text-sm"> 653 <li><a href="/blog/" class="hover:text-brand-gold block">Insights</a></li> 654 <li><a href="/case-studies/" class="hover:text-brand-gold block">Case Studies</a> 655 </li> 656 </ul> 657 658 </li> 659 <li><a href="/about" class="block px-6 py-4 font-bold uppercase text-sm">Company</a></li> 660 661 <li class="p-6"> 662 <a href="/contact-us" 663 class="block text-center bg-brand-black text-white py-3 font-bold uppercase text-xs"> 664 Contact Us 665 </a> 666 </li> 667 668 </ul> 669 </div> 670 671 <!-- JS --> 672
672<script> 673 const mobileBtn = document.getElementById('mobile-btn'); 674 const mobileMenu = document.getElementById('mobile-menu'); 675 676 mobileBtn.addEventListener('click', () => { 677 mobileMenu.classList.toggle('open'); 678 }); 679 680 document.querySelectorAll('.mobile-toggle').forEach(btn => { 681 btn.addEventListener('click', () => { 682 const submenu = btn.nextElementSibling; 683 submenu.classList.toggle('hidden'); 684 btn.querySelector('i').classList.toggle('rotate'); 685 }); 686 }); 687 </script>
687<main> 688 689 690 <style> 691 /* ANIMATIONS */ 692 .reveal { 693 opacity: 0; 694 transform: translateY(30px); 695 transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); 696 } 697 698 .reveal.active { 699 opacity: 1; 700 transform: translateY(0); 701 } 702 703 /* Hero Fade In */ 704 @keyframes fadeIn { 705 from { 706 opacity: 0; 707 transform: translateY(20px); 708 } 709 710 to { 711 opacity: 1; 712 transform: translateY(0); 713 } 714 } 715 716 .hero-animate { 717 animation: fadeIn 1s ease-out forwards; 718 opacity: 0; 719 } 720 721 .hero-animate-delay-1 { 722 animation-delay: 0.2s; 723 } 724 725 .hero-animate-delay-2 { 726 animation-delay: 0.4s; 727 } 728 729 .hero-animate-delay-3 { 730 animation-delay: 0.6s; 731 } 732 733 /* Stronger Pulse for Golden Light */ 734 @keyframes deepPulse { 735 736 0%, 737 100% { 738 opacity: 0.15; 739 transform: scale(1); 740 } 741 742 50% { 743 opacity: 0.3; 744 transform: scale(1.05); 745 } 746 } 747 748 .gold-pulse { 749 animation: deepPulse 4s infinite ease-in-out; 750 } 751 752 /* INTERACTIVE CARDS */ 753 .ai-card { 754 transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); 755 position: relative; 756 overflow: hidden; 757 border: 1px solid #e5e7eb; 758 } 759 760 .ai-card:hover { 761 transform: translateY(-6px); 762 box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08); 763 border-color: #aa7b3f; 764 } 765 766 /* NEURAL NETWORK ANIMATION */ 767 .neural-dot { 768 position: absolute; 769 width: 4px; 770 height: 4px; 771 background-color: #aa7b3f; 772 border-radius: 50%; 773 opacity: 0; 774 transition: opacity 0.5s ease; 775 } 776 777 .ai-card:hover .neural-dot { 778 opacity: 1; 779 } 780 781 /* BUTTONS */ 782 .btn-gold-hover { 783 position: relative; 784 overflow: hidden; 785 transition: all 0.3s ease; 786 z-index: 1; 787 } 788 789 .btn-gold-hover::before { 790 content: ""; 791 position: absolute; 792 top: 0; 793 left: 0; 794 width: 0%; 795 height: 100%; 796 background-color: #aa7b3f; 797 transition: width 0.4s cubic-bezier(0.77, 0, 0.175, 1); 798 z-index: -1; 799 } 800 801 .btn-gold-hover:hover::before { 802 width: 100%; 803 } 804 805 .btn-gold-hover:hover { 806 color: white !important; 807 border-color: #aa7b3f !important; 808 } 809 810 /* NAV STYLES */ 811 .nav-link { 812 position: relative; 813 } 814 815 .nav-link::after { 816 content: ''; 817 position: absolute; 818 width: 0; 819 height: 2px; 820 bottom: -4px; 821 left: 0; 822 background-color: #aa7b3f; 823 transition: width 0.3s ease; 824 } 825 826 .group:hover>.nav-link::after { 827 width: 100%; 828 } 829 830 .mega-menu { 831 opacity: 0; 832 visibility: hidden; 833 transform: translateY(10px); 834 transition: all 0.2s ease-out; 835 } 836 837 .group:hover .mega-menu { 838 opacity: 1; 839 visibility: visible; 840 transform: translateY(0); 841 } 842 843 /* GRADIENT TEXT */ 844 .text-gradient-gold { 845 background: linear-gradient(to right, #aa7b3f, #f0e68c, #aa7b3f); 846 -webkit-background-clip: text; 847 -webkit-text-fill-color: transparent; 848 background-size: 200% auto; 849 animation: shine 5s linear infinite; 850 } 851 852 @keyframes shine { 853 to { 854 background-position: 200% center; 855 } 856 } 857 </style> 858 859 860 <header class="relative bg-brand-black min-h-[85vh] flex items-center justify-center overflow-hidden pt-20"> 861 <div class="absolute inset-0 opacity-20 bg-[url('https://www.transparenttextures.com/patterns/carbon-fibre.png')]"></div> 862 863 <div class="absolute top-[-10%] right-[-5%] w-[600px] h-[600px] bg-brand-gold rounded-full blur-[120px] gold-pulse"></div> 864 <div class="absolute bottom-[-10%] left-[-5%] w-[400px] h-[400px] bg-brand-gold rounded-full blur-[100px] gold-pulse" style="animation-delay: 2s;"></div> 865 866 <div class="relative z-10 max-w-5xl mx-auto px-6 text-center"> 867 <div class="inline-block px-4 py-2 border border-brand-gold/30 rounded-full mb-8 bg-brand-gold/5 backdrop-blur-sm hero-animate">
868 <span class="text-brand-gold font-bold uppercase tracking-widest text-xs">AI Search Visibility & Brand Mentions</span> 869 </div> 870 871 <h1 class="text-4xl md:text-6xl lg:text-7xl font-black text-white mb-8 leading-tight tracking-tighter hero-animate hero-animate-delay-1"> 872 Get Cited by ChatGPT, Perplexity <br /> 873 <span class="text-gradient-gold">& Google AI Overviews</span> 874 </h1> 875 876 <p class="text-lg md:text-xl text-gray-400 max-w-4xl mx-auto mb-10 leading-relaxed hero-animate hero-animate-delay-2"> 877 Search is no longer just blue links. Buyers discover brands through LLMs, AI overviews, and copilots. We specialize in building <strong>brand visibility and trusted mentions</strong> across AI modelsâthis is AI-native visibility engineering. 878 </p> 879 880 <div class="flex justify-center hero-animate hero-animate-delay-3"> 881 <button class="bg-white text-black border-2 border-white px-10 py-5 font-bold uppercase tracking-widest btn-gold-hover shadow-lg hover:shadow-gold-glow transition-all trigger-modal"> 882 Audit AI Visibility 883 </button> 884 </div> 885 </div> 886 </header> 887 888 <section class="py-24 bg-white relative"> 889 <div class="max-w-7xl mx-auto px-6"> 890 <div class="grid lg:grid-cols-2 gap-16 items-center"> 891 <div class="reveal"> 892 <h2 class="text-4xl font-black mb-6 leading-tight">AI Models are the New <br><span class="text-brand-gold">Discovery Layer.</span></h2> 893 <p class="text-gray-600 text-lg mb-6">AI models act as the first touchpoint, a filter for surfaced brands, and a decision aid for CXOs. If you aren't cited, you are invisible in the fastest-growing discovery channel.</p> 894 <p class="text-gray-900 font-bold mb-6">Visibility Means:</p> 895 <ul class="space-y-4 text-gray-600 mb-8"> 896 <li class="flex items-start"><i class="fa-solid fa-quote-left text-brand-gold mr-3 mt-1"></i> Your brand is mentioned in AI answers</li> 897 <li class="flex items-start"><i class="fa-solid fa-quote-left text-brand-gold mr-3 mt-1"></i> Your expertise is summarized accurately</li> 898 <li class="flex items-start"><i class="fa-solid fa-quote-left text-brand-gold mr-3 mt-1"></i> Your positioning is consistent across prompts</li> 899 <li class="flex items-start"><i class="fa-solid fa-quote-left text-brand-gold mr-3 mt-1"></i> You appear as a recommended option</li> 900 </ul> 901 </div> 902 <div class="bg-brand-gray p-10 rounded-2xl reveal delay-100 border border-gray-200 shadow-xl relative overflow-hidden"> 903 <div class="absolute top-0 right-0 w-24 h-24 bg-brand-gold opacity-10 rounded-full blur-[40px]"></div> 904 <h3 class="text-xl font-bold mb-6 text-black relative z-10">We Engineer Recognition:</h3> 905 <ul class="space-y-4 text-gray-600 relative z-10 text-sm"> 906 <li class="flex items-center"><i class="fa-solid fa-check text-brand-gold mr-3"></i> Consistent topical authority</li> 907 <li class="flex items-center"><i class="fa-solid fa-check text-brand-gold mr-3"></i> Repeated contextual mentions</li> 908 <li class="flex items-center"><i class="fa-solid fa-check text-brand-gold mr-3"></i> Clear entity associations</li> 909 <li class="flex items-center"><i class="fa-solid fa-check text-brand-gold mr-3"></i> Structured info to reduce ambiguity</li> 910 </ul> 911 <p class="mt-8 text-black font-bold text-center border-t border-gray-200 pt-6">This is knowledge-graph optimization, not keyword stuffing.</p> 912 </div> 913 </div> 914 </div> 915 </section> 916 917 <section class="py-24 bg-brand-darkGray text-white"> 918 <div class="max-w-7xl mx-auto px-6"> 919 <div class="text-center mb-16 reveal"> 920 <h2 class="text-4xl font-black mb-4 text-white">How AI Decides What to Mention</h2> 921 <p class="text-gray-400 text-lg">Signals of Authority in the AI Era.</p> 922 </div> 923 924 <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8"> 925 <div class="bg-black p-8 rounded-xl border border-gray-800 hover:border-brand-gold transition-all duration-300 reveal group">
926 <span class="text-4xl font-black text-brand-gold/20 mb-4 block group-hover:text-brand-gold transition-colors">01</span> 927 <h4 class="font-bold text-lg mb-4 text-white">Inferred Authority</h4> 928 <p class="text-gray-400 text-sm">AI models don't rank links; they infer authority based on signal strength and consistency.</p> 929 </div> 930 <div class="bg-black p-8 rounded-xl border border-gray-800 hover:border-brand-gold transition-all duration-300 reveal delay-100 group"> 931 <span class="text-4xl font-black text-brand-gold/20 mb-4 block group-hover:text-brand-gold transition-colors">02</span> 932 <h4 class="font-bold text-lg mb-4 text-white">Contextual Mentions</h4> 933 <p class="text-gray-400 text-sm">Being referenced in high-trust contexts matters more than simple backlinks.</p> 934 </div> 935 <div class="bg-black p-8 rounded-xl border border-gray-800 hover:border-brand-gold transition-all duration-300 reveal delay-200 group"> 936 <span class="text-4xl font-black text-brand-gold/20 mb-4 block group-hover:text-brand-gold transition-colors">03</span> 937 <h4 class="font-bold text-lg mb-4 text-white">Entity Clarity</h4> 938 <p class="text-gray-400 text-sm">AI cannot reference what it cannot confidently interpret. Ambiguity kills visibility.</p> 939 </div> 940 <div class="bg-black p-8 rounded-xl border border-gray-800 hover:border-brand-gold transition-all duration-300 reveal group"> 941 <span class="text-4xl font-black text-brand-gold/20 mb-4 block group-hover:text-brand-gold transition-colors">04</span> 942 <h4 class="font-bold text-lg mb-4 text-white">Cross-Referencing</h4> 943 <p class="text-gray-400 text-sm">Models validate claims by checking against external validation and diverse sources.</p> 944 </div> 945 <div class="bg-black p-8 rounded-xl border border-gray-800 hover:border-brand-gold transition-all duration-300 reveal delay-100 group"> 946 <span class="text-4xl font-black text-brand-gold/20 mb-4 block group-hover:text-brand-gold transition-colors">05</span> 947 <h4 class="font-bold text-lg mb-4 text-white">Positioning</h4> 948 <p class="text-gray-400 text-sm">Brands with clear, non-conflicting narratives are favored for answers.</p> 949 </div> 950 <div class="bg-brand-gold p-8 rounded-xl border border-brand-gold text-black flex items-center justify-center text-center reveal delay-200 shadow-gold-glow"> 951 <p class="font-black text-lg">We optimize for recognition, not just clicks.</p> 952 </div> 953 </div> 954 </div> 955 </section> 956 957 <section class="py-24 bg-white"> 958 <div class="max-w-4xl mx-auto px-6 text-center reveal"> 959 <h2 class="text-3xl font-black mb-6">Our AI Visibility Framework</h2> 960 <p class="text-xl text-gray-600 font-light mb-12">Building Signals Intentionally and Systemically.</p> 961 962 <div class="bg-brand-lightGray p-10 rounded-2xl border border-gray-200 text-left"> 963 <h4 class="font-bold mb-6 text-center text-lg">Key Structural Elements Include:</h4> 964 <div class="grid md:grid-cols-2 gap-6"> 965 <div class="flex items-center bg-white p-4 rounded shadow-sm"> 966 <i class="fa-solid fa-fingerprint text-brand-gold mr-3"></i> 967 <span class="text-sm font-bold">Entity & Positioning Clarity</span> 968 </div> 969 <div class="flex items-center bg-white p-4 rounded shadow-sm"> 970 <i class="fa-solid fa-tower-broadcast text-brand-gold mr-3"></i> 971 <span class="text-sm font-bold">Authority Signal Engineering</span> 972 </div> 973 <div class="flex items-center bg-white p-4 rounded shadow-sm"> 974 <i class="fa-solid fa-robot text-brand-gold mr-3"></i>
975 <span class="text-sm font-bold">AI-Readable Content Architecture</span> 976 </div> 977 <div class="flex items-center bg-white p-4 rounded shadow-sm"> 978 <i class="fa-solid fa-share-nodes text-brand-gold mr-3"></i> 979 <span class="text-sm font-bold">Brand Mention Distribution</span> 980 </div> 981 </div> 982 <p class="text-center mt-8 text-black font-bold border-t border-gray-200 pt-6">Your brand becomes part of the answer, not just a link.</p> 983 </div> 984 </div> 985 </section> 986 987 <section class="py-24 bg-brand-lightGray"> 988 <div class="max-w-7xl mx-auto px-6"> 989 <div class="text-center mb-16 reveal"> 990 <h2 class="text-4xl font-black mb-4">The Structural Shift Required</h2> 991 <p class="text-gray-600">From SEO to AI-Native Visibility.</p> 992 </div> 993 994 <div class="grid lg:grid-cols-3 gap-8"> 995 <div class="ai-card bg-white p-8 rounded-xl reveal"> 996 <span class="text-xs font-bold uppercase text-brand-gold tracking-widest mb-2 block">Shift 1</span> 997 <h3 class="text-xl font-black mb-4">Keyword Tracking â Mention Frequency</h3> 998 <p class="text-sm text-gray-600 mb-4 font-bold">Measuring how often you are cited.</p> 999 <div class="neural-dot" style="top: 20px; right: 20px;"></div> 1000 </div> 1001 1002 <div class="ai-card bg-white p-8 rounded-xl reveal delay-100 ring-2 ring-brand-gold/20"> 1003 <span class="text-xs font-bold uppercase text-brand-gold tracking-widest mb-2 block">Shift 2</span> 1004 <h3 class="text-xl font-black mb-4">Link Building â Signal Engineering</h3> 1005 <p class="text-sm text-gray-600 mb-4 font-bold">Building authority models can read.</p> 1006 <div class="neural-dot" style="top: 20px; right: 20px;"></div> 1007 </div> 1008 1009 <div class="ai-card bg-white p-8 rounded-xl reveal delay-200"> 1010 <span class="text-xs font-bold uppercase text-brand-gold tracking-widest mb-2 block">Shift 3</span> 1011 <h3 class="text-xl font-black mb-4">Traffic Metrics â Positioning Accuracy</h3> 1012 <p class="text-sm text-gray-600 mb-4 font-bold">Ensuring AI describes you correctly.</p> 1013 <div class="neural-dot" style="top: 20px; right: 20px;"></div> 1014 </div> 1015 </div> 1016 </div> 1017 </section> 1018 1019 <section class="py-24 bg-white"> 1020 <div class="max-w-7xl mx-auto px-6"> 1021 <div class="grid lg:grid-cols-2 gap-16"> 1022 <div class="reveal"> 1023 <h3 class="text-3xl font-black mb-6">Designed For Innovators</h3> 1024 <p class="text-gray-600 mb-6">This service is built for organizations investing in long-term brand equity and authority.</p> 1025 <ul class="space-y-3 text-gray-800 font-bold mb-8"> 1026 <li class="flex items-start"><i class="fa-solid fa-check-circle text-brand-gold mr-3 mt-1"></i> B2B companies with complex solutions</li> 1027 <li class="flex items-start"><i class="fa-solid fa-check-circle text-brand-gold mr-3 mt-1"></i> SaaS and AI-native companies</li> 1028 <li class="flex items-start"><i class="fa-solid fa-check-circle text-brand-gold mr-3 mt-1"></i> Enterprise brands seeking dominance</li> 1029 <li class="flex items-start"><i class="fa-solid fa-check-circle text-brand-gold mr-3 mt-1"></i> Founders building category authority</li> 1030 </ul> 1031 </div> 1032 <div class="bg-brand-gray p-10 rounded-xl border border-gray-200 reveal delay-100"> 1033 <h3 class="text-2xl font-bold mb-6">Long-Term Advantage</h3> 1034 <p class="text-gray-600 mb-4">As AI mediates discovery:</p> 1035 <ul class="space-y-2 text-sm text-red-500 font-bold"> 1036 <li>⢠Brands with AI visibility gain unfair advantage</li> 1037 <li>⢠Late movers struggle to correct misrepresentation</li> 1038 <li>⢠Authority compounds faster than rankings</li> 1039 </ul> 1040 <p class="text-black font-bold mt-6">This is an early-mover leverage layer.</p> 1041 </div> 1042 </div> 1043 </div> 1044 </section> 1045 1046 <section class="py-20 bg-white border-t border-gray-100"> 1047 <div class="max-w-4xl mx-auto px-6 text-center reveal"> 1048 <h2 class="text-3xl font-black mb-8">How Growthym Leads</h2> 1049 <div class="grid md:grid-cols-3 gap-6 text-left"> 1050 <div class="p-6 border border-gray-200 rounded hover:shadow-lg transition-shadow"> 1051 <p class="font-bold text-sm">System Integration</p> 1052 <p class="text-xs text-gray-500 mt-2">
1052AI visibility integrated with SEO and content systems.</p> 1053 </div> 1054 <div class="p-6 border border-gray-200 rounded hover:shadow-lg transition-shadow"> 1055 <p class="font-bold text-sm">Persistent Visibility</p> 1056 <p class="text-xs text-gray-500 mt-2">We build across thousands of queries, not one-off prompts.</p> 1057 </div> 1058 <div class="p-6 border border-gray-200 rounded hover:shadow-lg transition-shadow"> 1059 <p class="font-bold text-sm">Revenue Focus</p> 1060 <p class="text-xs text-gray-500 mt-2">Aligned to support pipeline and demand.</p> 1061 </div> 1062 </div> 1063 </div> 1064 </section> 1065 1066 <section class="py-32 bg-brand-black text-white text-center relative overflow-hidden"> 1067 <div class="absolute inset-0 bg-[url('https://www.transparenttextures.com/patterns/cubes.png')] opacity-10"></div> 1068 <div class="max-w-3xl mx-auto px-6 relative z-10 reveal"> 1069 <span class="text-brand-gold font-bold uppercase tracking-widest text-xs mb-6 block">Call to Action</span> 1070 <h2 class="text-4xl md:text-5xl font-black mb-8">Secure Your Place in AI Answers</h2> 1071 1072 <p class="text-gray-400 mb-6 font-bold text-lg">If you are invisible in AI, you are invisible to modern buyers.</p> 1073 1074 <p class="text-white font-bold mb-10 text-xl">The next step is not more contentâit is authority engineering.</p> 1075 1076 <div class="bg-white/5 backdrop-blur-md p-12 rounded-3xl border border-white/10"> 1077 <h3 class="text-2xl font-bold mb-4 text-white">Book an AI Visibility Strategy Conversation</h3> 1078 <p class="text-gray-400 mb-8">We'll assess your current AI presence and design a system to maximize citations, trust, and brand recognition.</p> 1079 <div class="flex justify-center"> 1080 <button class="bg-white text-black px-10 py-4 font-bold uppercase tracking-widest btn-gold-hover trigger-modal shadow-lg hover:shadow-gold-glow transition-all rounded"> 1081 Book AI Audit 1082 </button> 1083 </div> 1084 </div> 1085 </div> 1086 </section> 1087</main> 1088 <footer class=" pt-20 pb-10 border-t-4 border-brand-gold text-left bg-brand-black"> 1089 <div class="max-w-[1440px] mx-auto px-6"> 1090 <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-12 mb-16"> 1091 <div> 1092 <h4 class="text-brand-gold font-bold text-sm uppercase tracking-widest mb-6">Services</h4> 1093 <ul class="space-y-3 text-sm text-gray-400"> 1094 <li><a href="/services/growth-system-design/" class="hover:text-brand-gold transition-colors">Growth System Design</a></li> 1095 <li><a href="/services/ai-search-visibility/" class="hover:text-brand-gold transition-colors">AI Search Visibility</a></li> 1096 <li><a href="/services/ecommerce-analytics/" class="hover:text-brand-gold transition-colors">eCommerce Analytics</a></li> 1097 <li><a href="/services/ai-in-growth-systems/" class="hover:text-brand-gold transition-colors">AI in Growth Systems</a></li> 1098 <li><a href="/services/ai-marketing-automation/" class="hover:text-brand-gold transition-colors">AI Marketing Automation</a></li> 1099 </ul> 1100 </div> 1101 <div> 1102 <h4 class="text-brand-gold font-bold text-sm uppercase tracking-widest mb-6">Industries</h4> 1103 <ul class="space-y-3 text-sm text-gray-400"> 1104 <li><a href="/industries/fintech-financial-services/" class="hover:text-brand-gold transition-colors">FinTech & Financial Services</a></li> 1105 <li><a href="/industries/d2c-consumer-brands/" class="hover:text-brand-gold transition-colors">D2C & Consumer Brands</a></li> 1106 <li><a href="/industries/professional-services/" class="hover:text-brand-gold transition-colors">Professional Services</a></li> 1107 <li><a href="/industries/plg-products-apps/" class="hover:text-brand-gold transition-colors">Product-Led Growth (PLG)</a></li> 1108 <li><a href="/industries/enterprise-mid-market/" class="hover:text-brand-gold transition-colors">Enterprise & Mid-Market</a></li> 1109 </ul> 1110 </div> 1111 <div> 1112 <h4 class="text-brand-gold font-bold text-sm uppercase tracking-widest mb-6">How We Work</h4> 1113 <ul class="space-y-3 text-sm text-gray-400"> 1114 <li><a href="/how-we-work/engagement-model/" class="hover:text-brand-gold transition-colors">Engagement Model</a></li> 1115 <li><a href="/how-we-work/operating-principles/" class="hover:text-brand-gold transition-colors">Operating Principles</a></li> 1116 <li><a href="/how-we-work/what-to-expect/" class="hover:text-brand-gold transition-colors">What to Expect</a></li> 1117 </ul> 1118 </div> 1119 1120 1121 <div> 1122 <h4 class="text-brand-gold font-bold text-sm uppercase tracking-widest mb-6">Company</h4> 1123 <ul class="space-y-3 text-sm text-gray-400"> 1124 <li><a href="/about/" class="hover:text-brand-gold transition-colors">About Us</a></li> 1125 <li><a href="/contact-us/" class="hover:text-brand-gold transition-colors">Contact</a></li> 1126 <li><a href="/privacy-policy/" class="hover:text-brand-gold transition-colors">Privacy Policy</a></li> 1127 </ul> 1128 </div> 1129 1130 <div> 1131 <h4 class="text-brand-gold font-bold text-sm uppercase tracking-widest mb-6">Contact Details</h4> 1132 <ul class="space-y-3 text-sm text-gray-400"> 1133 <li><b>Address : </b>A-116, Urbtech Trade Centre Noida Sec -132 Uttar Pradesh - 201304</li> 1134 <li><b>Phone No. : </b><a href="tel:+91-8178200697" class="hover:underline">+91-8178200697</a></li> 1135 <li><b>Email Id : </b><a href="mailto:[email protected]" class="hover:underline">[email protected]</a></li> 1136 </ul> 1137 </div> 1138 </div> 1139 <div class="border-t border-gray-800 pt-8 flex flex-col md:flex-row justify-between items-center"> 1140 <div class="text-2xl font-black tracking-tighter text-white mb-4 md:mb-0"> 1141 <a href="//www.dmca.com/Protection/Status.aspx?ID=d2f8a004-d6eb-4e0f-b400-54ca45551d70" title="DMCA.com Protection Status" class="dmca-badge"> <img src ="https://images.dmca.com/Badges/dmca-badge-w150-5x1-06.png?ID=d2f8a004-d6eb-4e0f-b400-54ca45551d70" alt="DMCA.com Protection Status" /></a>
1141<script src="https://images.dmca.com/Badges/DMCABadgeHelper.min.js"> </script>
1141 1142 </div> 1143 <div class="text-center md:text-right"> 1144 <p class="text-xs text-gray-600 mb-2"> 1145 © 2026 Growthym. 1146 </p> 1147 </div> 1148 <div class="flex space-x-6 mt-4 md:mt-0"> 1149 <a href="https://www.linkedin.com/company/growthym/" target="_blank" class="text-gray-500 hover:text-brand-gold text-lg"><i class="fa-brands fa-linkedin"></i></a> 1150 <a href="https://www.youtube.com/@Growthym" target="_blank" class="text-gray-500 hover:text-brand-gold text-lg"><i class="fab fa-youtube text-lg"></i></a> 1151 <a href="https://www.instagram.com/growthymofficial/" target="_blank" class="text-gray-500 hover:text-brand-gold text-lg"><i class="fab fa-instagram text-lg"></i></a> 1152 </div> 1153 </div> 1154 </div> 1155 </footer> 1156 1157 <div id="modal" class="fixed inset-0 z-[100] hidden items-center justify-center"> 1158 <div class="absolute inset-0 bg-black/90 backdrop-blur-sm transition-opacity opacity-0" id="modal-backdrop"></div> 1159 <div class="bg-white w-full max-w-lg p-10 relative z-10 shadow-2xl transform scale-95 opacity-0 transition-all duration-300 border-t-4 border-brand-gold" id="modal-content"> 1160 <button class="absolute top-4 right-4 text-3xl text-gray-300 hover:text-black transition-colors" id="close-modal"> <svg class="w-5 h-5 text-gray-700" 1161 viewBox="0 0 24 24" 1162 fill="none" 1163 stroke="currentColor" 1164 stroke-width="2"> 1165 <path d="M18 6L6 18M6 6l12 12" /> 1166 </svg></button> 1167 1168 <h3 class="text-2xl font-black mb-2 uppercase">Book Strategy</h3> 1169 <p class="text-sm text-gray-500 mb-8">We will assess your current growth system and outline a revenue-aligned path forward.</p> 1170 1171<div class="wpcf7 no-js" id="wpcf7-f188-o1" lang="en-US" dir="ltr" data-wpcf7-id="188"> 1172<div class="screen-reader-response"><p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul></div> 1173<form action="/services/ai-search-visibility/#wpcf7-f188-o1" method="post" class="wpcf7-form init" aria-label="Contact form" novalidate="novalidate" data-status="init"> 1174<fieldset class="hidden-fields-container"><input type="hidden" name="_wpcf7" value="188" /><input type="hidden" name="_wpcf7_version" value="6.1.4" /><input type="hidden" name="_wpcf7_locale" value="en_US" /><input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f188-o1" /><input type="hidden" name="_wpcf7_container_post" value="0" /><input type="hidden" name="_wpcf7_posted_data_hash" value="" /><input type="hidden" name="_wpcf7_recaptcha_response" value="" /> 1175</fieldset> 1176<div> 1177 <div class="mb-6"> 1178 <p><label class="block text-xs font-bold uppercase mb-2 text-gray-500"><br /> 1179Work Email<br /> 1180</label><br /> 1181<span class="wpcf7-form-control-wrap" data-name="work_email"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email w-full border-2 border-gray-100 p-4 focusoutline-none focusborder-brand-gold transition-colors font-bold" aria-required="true" aria-invalid="false" placeholder="[email protected]" value="" type="email" name="work_email" /></span> 1182 </p> 1183 </div> 1184 <div class="mb-6"> 1185 <p><label class="block text-xs font-bold uppercase mb-2 text-gray-500"><br /> 1186Challenge<br /> 1187</label><br /> 1188<span class="wpcf7-form-control-wrap" data-name="challenge"><select class="wpcf7-form-control wpcf7-select wpcf7-validates-as-required w-full border-2 border-gray-100 p-4 focusoutline-none focusborder-brand-gold transition-colors bg-white font-bold" aria-required="true" aria-invalid="false" name="challenge"><option value="Predictable Pipeline">Predictable Pipeline</option><option value="Lowering CAC">Lowering CAC</option><option value="Marketing Operations / AI">Marketing Operations / AI</option></select></span> 1189 </p> 1190 </div> 1191 <p><input class="wpcf7-form-control wpcf7-submit has-spinner w-full bg-black text-white py-5 font-bold uppercase tracking-widest btn-gold-hover" type="submit" value="Request Call" /> 1192 </p> 1193</div><div class="wpcf7-response-output" aria-hidden="true"></div> 1194</form> 1195</div>
1196 </div> 1197 </div> 1198 1199
1199<script> 1200 // 1. SCROLL REVEAL ANIMATION 1201 function reveal() { 1202 var reveals = document.querySelectorAll(".reveal"); 1203 for (var i = 0; i < reveals.length; i++) { 1204 var windowHeight = window.innerHeight; 1205 var elementTop = reveals[i].getBoundingClientRect().top; 1206 var elementVisible = 100; 1207 if (elementTop < windowHeight - elementVisible) { 1208 reveals[i].classList.add("active"); 1209 } 1210 } 1211 } 1212 window.addEventListener("scroll", reveal); 1213 // Trigger once on load 1214 reveal(); 1215 1216 // 2. TAB LOGIC 1217 function switchTab(tabName) { 1218 // Hide all content 1219 const contents = document.querySelectorAll('.tab-content'); 1220 contents.forEach(c => c.classList.remove('active')); 1221 // Reset buttons 1222 const buttons = document.querySelectorAll('.tab-btn'); 1223 buttons.forEach(b => { 1224 b.classList.remove('text-brand-gold', 'border-brand-gold'); 1225 b.classList.add('text-gray-400', 'border-transparent'); 1226 }); 1227 1228 // Show Target 1229 document.getElementById('content-' + tabName).classList.add('active'); 1230 // Highlight Button 1231 const activeBtn = document.getElementById('btn-' + tabName); 1232 activeBtn.classList.remove('text-gray-400', 'border-transparent'); 1233 activeBtn.classList.add('text-brand-gold', 'border-brand-gold'); 1234 } 1235 1236 // 3. MODAL LOGIC 1237 const modal = document.getElementById('modal'); 1238 const backdrop = document.getElementById('modal-backdrop'); 1239 const content = document.getElementById('modal-content'); 1240 const triggers = document.querySelectorAll('.trigger-modal'); 1241 const closeBtn = document.getElementById('close-modal'); 1242 1243 function openModal() { 1244 modal.classList.remove('hidden'); 1245 modal.classList.add('flex'); 1246 setTimeout(() => { 1247 backdrop.classList.remove('opacity-0'); 1248 content.classList.remove('scale-95', 'opacity-0'); 1249 content.classList.add('scale-100', 'opacity-100'); 1250 }, 10); 1251 } 1252 1253 function closeModal() { 1254 backdrop.classList.add('opacity-0'); 1255 content.classList.remove('scale-100', 'opacity-100'); 1256 content.classList.add('scale-95', 'opacity-0'); 1257 setTimeout(() => { 1258 modal.classList.remove('flex'); 1259 modal.classList.add('hidden'); 1260 }, 300); 1261 } 1262 1263 triggers.forEach(btn => btn.addEventListener('click', openModal)); 1264 closeBtn.addEventListener('click', closeModal); 1265 modal.addEventListener('click', (e) => { 1266 if (e.target === modal) closeModal(); 1267 }); 1268 1269 // Filtering Logic 1270 function filterPosts(category, btn) { 1271 // Update buttons 1272 document.querySelectorAll('.filter-btn').forEach(b => b.classList.remove('active')); 1273 btn.classList.add('active'); 1274 1275 // Filter items 1276 const items = document.querySelectorAll('.filter-item'); 1277 items.forEach(item => { 1278 if (category === 'all' || item.getAttribute('data-category') === category) { 1279 item.style.display = 'flex'; 1280 // Trigger animation reset 1281 item.style.opacity = '0'; 1282 item.style.transform = 'translateY(10px)'; 1283 setTimeout(() => { 1284 item.style.opacity = '1'; 1285 item.style.transform = 'translateY(0)'; 1286 }, 50); 1287 } else { 1288 item.style.display = 'none'; 1289 } 1290 }); 1291 } 1292 // Accordion 1293 function toggleAccordion(element) { 1294 const isActive = element.classList.contains('active'); 1295 // Close all 1296 document.querySelectorAll('.accordion-item').forEach(item => { 1297 item.classList.remove('active'); 1298 }); 1299 // Open clicked if wasn't active 1300 if (!isActive) { 1301 element.classList.add('active'); 1302 } 1303 } 1304 </script>
1304 1305
1305<script type="speculationrules"> 1306{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/growthym/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 1307</script>
1307 1308
1308<script> 1309 document.addEventListener('wpcf7mailsent', function() { 1310 window.location.href = "/thank-you/"; 1311 }, false); 1312 </script>
vendor: 1 bytes, line 1312
1312
1313<script type="text/javascript" src="https://growthym.com/wp-includes/js/dist/hooks.min.js?ver=dd5603f07f9220ed27f1" id="wp-hooks-js"></script>
vendor: 1 bytes, line 1313
1313
1314<script type="text/javascript" src="https://growthym.com/wp-includes/js/dist/i18n.min.js?ver=c26c3dc7bed366793375" id="wp-i18n-js"></script>
vendor: 1 bytes, line 1314
1314
1315<script type="text/javascript" id="wp-i18n-js-after"> 1316/* <![CDATA[ */ 1317wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); 1318//# sourceURL=wp-i18n-js-after 1319/* ]]> */ 1320</script>
vendor: 1 bytes, line 1320
1320
1321<script type="text/javascript" src="https://growthym.com/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.1.4" id="swv-js"></script>
vendor: 1 bytes, line 1321
1321
1322<script type="text/javascript" id="contact-form-7-js-before"> 1323/* <![CDATA[ */ 1324var wpcf7 = { 1325 "api": { 1326 "root": "https:\/\/growthym.com\/wp-json\/", 1327 "namespace": "contact-form-7\/v1" 1328 }, 1329 "cached": 1 1330}; 1331//# sourceURL=contact-form-7-js-before 1332/* ]]> */ 1333</script>
vendor: 1 bytes, line 1333
1333
1334<script type="text/javascript" src="https://growthym.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.1.4" id="contact-form-7-js"></script>
vendor: 84 bytes, lines 1334-1335
1334 1335<script type="text/javascript" src="https://www.google.com/recaptcha/api.js?render=
13356LfJ2kssAAAAAILc-q7UPfxmymlHnupAGq9Bu-Ya
vendor: 49 bytes, line 1335
1335&ver=3.0" id="google-recaptcha-js"></script>
1336<script type="text/javascript" src="https://growthym.com/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0" id="wp-polyfill-js"></script>
vendor: 1 bytes, line 1336
1336
1337<script type="text/javascript" id="wpcf7-recaptcha-js-before"> 1338/* <![CDATA[ */ 1339var wpcf7_recaptcha = { 1340 "sitekey": "6LfJ2kssAAAAAILc-q7UPfxmymlHnupAGq9Bu-Ya", 1341 "actions": { 1342 "homepage": "homepage", 1343 "contactform": "contactform" 1344 } 1345}; 1346//# sourceURL=wpcf7-recaptcha-js-before 1347/* ]]> */ 1348</script>
vendor: 1 bytes, line 1348
1348
1349<script type="text/javascript" src="https://growthym.com/wp-content/plugins/contact-form-7/modules/recaptcha/index.js?ver=6.1.4" id="wpcf7-recaptcha-js"></script>
vendor: 1 bytes, line 1349
1349
1350<script type="text/javascript" src="https://growthym.com/wp-content/plugins/google-site-kit/dist/assets/js/googlesitekit-events-provider-contact-form-7-fac2a8013ba5ba355cd0.js" id="googlesitekit-events-provider-contact-form-7-js" defer></script>
vendor: 1 bytes, line 1350
1350
1351<script type="text/javascript" id="googlesitekit-events-provider-content-events-js-before"> 1352/* <![CDATA[ */ 1353window._googlesitekit = window._googlesitekit || {}; 1354window._googlesitekit.contentEvents = {"postID":197,"isSinglePost":false,"hasVimeoEmbed":false}; 1355//# sourceURL=googlesitekit-events-provider-content-events-js-before 1356/* ]]> */ 1357</script>
vendor: 1 bytes, line 1357
1357
1358<script type="text/javascript" src="https://growthym.com/wp-content/plugins/google-site-kit/dist/assets/js/googlesitekit-events-provider-content-events-bb83c1a0aedefa5d25d1.js" id="googlesitekit-events-provider-content-events-js" defer></script>
vendor: 1 bytes, line 1358
1358
1359<script id="wp-emoji-settings" type="application/json"> 1360{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://growthym.com/wp-includes/js/wp-emoji-release.min.js?ver=6.9.9"}} 1361</script>
vendor: 1 bytes, line 1361
1361
1362<script type="module"> 1363/* <![CDATA[ */ 1364/*! This file is auto-generated */ 1365var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))}); 1366//# sourceURL=https://growthym.com/wp-includes/js/wp-emoji-loader.min.js 1367/* ]]> */ 1368</script>
1368 1369 <!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 1369-1370
1369 1370 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1370GTM-5GLSRC9
vendor: 93 bytes, lines 1370-1372
1370" 1371 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 1372
1372<!-- End Google Tag Manager (noscript) --> 1373 </body> 1374 1375 </html> 1376 1377<!-- Page cached by LiteSpeed Cache 7.9.1 on 2026-09-27 23:19:25 -->
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.