1import{_ as e}from"./MarketingHtmlPage.vue_vue_type_script_setup_true_lang-BsPK59F7.js";import{d as t,b as n,u as a,e as o}from"./index-C9r8owh7.js";import"./publicAsset-B6AkmaBn.js";import"./default-avatar-CFawKpDb.js";import"./index-B4UPTnwv.js";import"./index-DNw8WBlh.js";import"./_getTag-DxVd3pm0.js";import"./vnode-B8wK1Gz1.js";import"./index-CLu1tNcX.js";import"./devWarning-IFmr1OY9.js";import"./compact-item-DuSeT5J-.js";import"./index-f88a11gK.js";import"./_arrayIncludes-Bzs2wNx8.js";import"./collapseMotion-uNUQFII1.js";import"./slide-Jq96t8lZ.js";import"./index-BP215OSD.js";import"./KeyCode-D63Tfrq7.js";import"./move-BP4zjgP0.js";import"./omit-DKsPv_gh.js";const s=`<!-- Global site header (same as home) --> 2<div class="fixed inset-0 z-40 bg-surface/95 backdrop-blur-xl transform translate-x-full transition-transform duration-300 md:hidden flex flex-col pt-24 px-margin-mobile" id="mobile-menu"> 3<div class="flex flex-col gap-scale-lg"> 4<a class="mobile-link text-headline-md font-bold text-on-background hover:text-primary transition-colors" href="/contact">Contact</a> 5<hr class="border-outline-variant/30 my-2"/> 6<a class="w-full bg-gradient-primary text-on-primary px-scale-md py-scale-sm rounded-lg font-headline-md text-label-bold shadow-sm hover:shadow-md transition-all active:scale-95 text-center block" href="/login" target="_top">Join</a> 7</div> 8</div> 9<nav class="bg-surface/90 backdrop-blur-xl font-body-md text-body-md full-width top-0 sticky z-50 border-b border-white/[0.06] shadow-[0_1px_0_rgba(0,0,0,0.4)] transition-all duration-300"> 10<div class="flex justify-between items-center max-w-container-max mx-auto px-margin-mobile md:px-margin-desktop h-20"> 11<a class="flex items-center shrink-0 cursor-pointer opacity-95 hover:opacity-100 transition-opacity" href="/" aria-label="Trozo home"> 12<img src="/trozo-marketing/assets/trozo-logo.png" alt="Trozo" class="h-8 sm:h-9 w-auto max-w-[min(52vw,200px)]" width="160" height="58" loading="eager" decoding="async" fetchpriority="high"/> 13</a> 14<div class="hidden md:flex items-center gap-scale-md"> 15<a class="px-scale-md py-scale-sm font-label-bold text-label-bold text-primary border border-outline-variant rounded-lg hover:bg-surface-container transition-colors inline-block" href="/contact">Contact</a> 16<a class="bg-gradient-primary text-on-primary px-scale-md py-scale-sm rounded-lg font-headline-md text-label-bold shadow-sm hover:shadow-md transition-all hover:scale-105 active:scale-95 inline-block" href="/login" target="_top">Join</a> 17</div> 18<button class="md:hidden text-on-surface p-2 focus:outline-none" id="menu-toggle" type="button" aria-label="Menu"> 19<span class="material-symbols-outlined text-2xl" id="menu-icon">menu</span> 20</button> 21</div> 22</nav> 23<main class="flex-1 w-full"> 24<!-- Hero Section --> 25<section class="relative pt-scale-2xl pb-scale-xl overflow-hidden bg-grid-pattern"> 26<div class="absolute inset-0 bg-gradient-to-b from-surface/50 to-background pointer-events-none"></div> 27<div class="max-w-container-max mx-auto px-margin-mobile md:px-margin-desktop relative z-10 text-center trozo-reveal"> 28<div class="inline-flex items-center gap-2 px-4 py-1.5 rounded-full border border-primary/45 bg-primary/12 text-teal-200 font-label-bold text-label-bold mb-scale-lg shadow-[inset_0_1px_0_rgba(255,255,255,0.08)]"> 29<span class="material-symbols-outlined text-[18px] text-teal-300" style="font-variation-settings: 'FILL' 1">verified</span> 30 Purpose-Built Solutions 31 </div> 32<h1 class="font-display-lg-mobile md:font-display-lg text-display-lg-mobile md:text-display-lg text-on-background mb-scale-md max-w-4xl mx-auto"> 33 The Marketing Command Center for <span class="text-transparent bg-clip-text bg-gradient-to-r from-primary to-secondary">High-Growth Teams</span> 34</h1> 35<p class="font-body-lg text-body-lg text-on-background/75 max-w-2xl mx-auto mb-scale-lg"> 36 Stop drowning in tabs and fragmented data. Trozo unites your stack into a single, intelligent glass pane. Tailored workflows for every marketing discipline. 37 </p> 38<div class="flex flex-col sm:flex-row justify-center items-center gap-4"> 39<a class="btn-primary text-on-primary font-headline-md text-[16px] px-8 py-3 rounded-full transition-all flex items-center gap-2 w-full sm:w-auto justify-center" href="https://calendar.app.google/Jv9oYTfNK3ydLzcv8" target="_blank" rel="noopener noreferrer"> 40 Book a Demo
41 <span class="material-symbols-outlined text-[18px]">arrow_forward</span> 42 </a> 43</div> 44</div> 45</section> 46<!-- Solutions Bento Grid --> 47<section class="py-scale-xl bg-surface-container-low"> 48<div class="max-w-container-max mx-auto px-margin-mobile md:px-margin-desktop"> 49<div class="grid grid-cols-1 md:grid-cols-12 gap-gutter"> 50<!-- Growth Teams (Wide Card) --> 51<div class="md:col-span-12 lg:col-span-8 trozo-reveal bento-card rounded-xl p-scale-lg relative overflow-hidden group"> 52<div class="absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-tertiary-container to-tertiary"></div> 53<div class="flex flex-col h-full justify-between z-10 relative"> 54<div> 55<div class="w-12 h-12 rounded-lg bg-tertiary-container/10 flex items-center justify-center mb-scale-md text-tertiary-container"> 56<span class="material-symbols-outlined" style="font-variation-settings: 'FILL' 1;">trending_up</span> 57</div> 58<h2 class="font-headline-xl text-headline-xl mb-2 text-on-surface">Growth & Performance</h2> 59<p class="font-body-md text-body-md text-on-surface-variant mb-scale-lg max-w-xl">Accelerate acquisition and optimize CAC with real-time, cross-channel attribution modeling.</p> 60<div class="grid sm:grid-cols-2 gap-scale-md mb-scale-lg"> 61<div class="bg-surface-container p-scale-md rounded-lg"> 62<div class="font-label-bold text-label-sm text-warning mb-1 flex items-center gap-1"> 63<span class="material-symbols-outlined text-[14px]">warning</span> Problem 64 </div> 65<p class="font-body-md text-[14px] text-on-surface-variant">Fragmented ROAS data across Facebook, Google, and TikTok leads to slow budget allocation.</p> 66</div> 67<div class="bg-primary-fixed/20 p-scale-md rounded-lg border border-primary-fixed/30"> 68<div class="font-label-bold text-label-sm text-primary mb-1 flex items-center gap-1"> 69<span class="material-symbols-outlined text-[14px]">check_circle</span> Trozo Solution 70 </div> 71<p class="font-body-md text-[14px] text-on-surface-variant">Unified attribution dashboards with AI-driven budget re-allocation alerts.</p> 72</div> 73</div> 74</div> 75<div class="flex items-center gap-2 text-tertiary-container font-label-bold"> 76<span class="material-symbols-outlined text-[18px]">bolt</span> 77 Outcome: 22% reduction in blended CAC. 78 </div> 79</div> 80<div class="absolute right-0 bottom-0 opacity-5 group-hover:opacity-10 transition-opacity translate-x-1/4 translate-y-1/4"> 81<span class="material-symbols-outlined text-[200px]" style="font-variation-settings: 'FILL' 1;">trending_up</span> 82</div> 83</div> 84<!-- Brand Teams (Tall Card) --> 85<div class="md:col-span-12 lg:col-span-4 trozo-reveal bento-card rounded-xl p-scale-lg relative overflow-hidden group"> 86<div class="absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-secondary-container to-secondary"></div> 87<div class="flex flex-col h-full z-10 relative"> 88<div class="w-12 h-12 rounded-lg bg-secondary-container/10 flex items-center justify-center mb-scale-md text-secondary-container"> 89<span class="material-symbols-outlined" style="font-variation-settings: 'FILL' 1;">campaign</span> 90</div> 91<h2 class="font-headline-md text-headline-md mb-2 text-on-surface">Brand Marketing</h2> 92<p class="font-body-md text-body-md text-on-surface-variant mb-scale-lg">Measure the unmeasurable. Track sentiment, share of voice, and campaign resonance instantly.</p> 93<div class="flex flex-col gap-scale-md mb-scale-lg flex-grow"> 94<div class="bg-surface-container p-scale-md rounded-lg"> 95<div class="font-label-bold text-label-sm text-warning mb-1">Problem</div> 96<p class="font-body-md text-[14px] text-on-surface-variant">Relying on quarterly surveys to understand brand health is too slow.</p> 97</div> 98<div class="bg-secondary-fixed/20 p-scale-md rounded-lg border border-secondary-fixed/30"> 99<div class="font-label-bold text-label-sm text-secondary-container mb-1">Trozo Solution</div> 100<p class="font-body-md text-[14px] text-on-surface-variant">Real-time sentiment analysis overlayed on key campaign flight dates.</p> 101</div> 102</div> 103<div class="flex items-center gap-2 text-secondary-container font-label-bold mt-auto pt-4 border-t border-outline-variant/20"> 104<span class="material-symbols-outlined text-[18px]">favorite</span> 105 Outcome: 3x faster campaign pivots. 106 </div> 107</div> 108</div> 109<!-- Social Media Teams --> 110<div class="md:col-span-6 trozo-reveal bento-card rounded-xl p-scale-lg relative overflow-hidden group"> 111<div class="absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-primary-container to-primary"></div> 112<div class="w-10 h-10 rounded-lg bg-primary-container/10 flex items-center justify-center mb-4 text-primary-container"> 113<span class="material-symbols-outlined" style="font-variation-settings: 'FILL' 1;">forum</span> 114</div> 115<h2 class="font-headline-md text-headline-md mb-2 text-on-surface">Social Media</h2> 116<p class="font-body-md text-[14px] text-on-surface-variant mb-4">Command your community presence without context switching.</p> 117<div class="space-y-3 mb-6"> 118<div class="flex gap-3 items-start"> 119<span class="material-symbols-outlined text-outline mt-0.5 text-[18px]">close</span> 120<div> 121<span class="block font-label-bold text-[12px] text-outline">Problem</span> 122<span class="font-body-md text-[14px] text-on-surface-variant">Missed engagement opportunities due to scattered platform notifications.</span> 123</div> 124</div> 125<div class="flex gap-3 items-start"> 126<span class="material-symbols-outlined text-primary mt-0.5 text-[18px]">check</span> 127<div> 128<span class="block font-label-bold text-[12px] text-primary">Trozo Solution</span> 129<span class="font-body-md text-[14px] text-on-surface-variant">Unified inbox with AI-suggested responses and priority flagging.</span> 130</div> 131</div> 132</div> 133<div class="inline-flex items-center gap-1.5 bg-surface-container px-3 py-1.5 rounded-full text-[12px] font-label-bold text-on-surface"> 134<span class="material-symbols-outlined text-[14px]">timer</span> 135 Saves 10+ hours/week 136 </div> 137</div> 138<!-- Founders & Operators --> 139<div class="md:col-span-6 trozo-reveal bento-card rounded-xl p-scale-lg relative overflow-hidden group"> 140<div class="absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-on-surface to-on-surface-variant"></div> 141<div class="w-10 h-10 rounded-lg bg-on-surface/5 flex items-center justify-center mb-4 text-on-surface"> 142<span class="material-symbols-outlined" style="font-variation-settings: 'FILL' 1;">rocket_launch</span> 143</div> 144<h2 class="font-headline-md text-headline-md mb-2 text-on-surface">Founders & Operators</h2> 145<p class="font-body-md text-[14px] text-on-surface-variant mb-4">Get the executive summary of your growth engine, instantly.</p> 146<div class="space-y-3 mb-6"> 147<div class="flex gap-3 items-start"> 148<span class="material-symbols-outlined text-outline mt-0.5 text-[18px]">close</span> 149<div> 150<span class="block font-label-bold text-[12px] text-outline">Problem</span> 151<span class="font-body-md text-[14px] text-on-surface-variant">Too busy to dig into complex analytics tools to find top-line metrics.</span> 152</div> 153</div> 154<div class="flex gap-3 items-start"> 155<span class="material-symbols-outlined text-on-surface mt-0.5 text-[18px]">check</span> 156<div> 157<span class="block font-label-bold text-[12px] text-on-surface">Trozo Solution</span> 158<span class="font-body-md text-[14px] text-on-surface-variant">Customizable Executive Overviews with natural language querying.</span> 159</div> 160</div> 161</div> 162<div class="inline-flex items-center gap-1.5 bg-surface-container px-3 py-1.5 rounded-full text-[12px] font-label-bold text-on-surface"> 163<span class="material-symbols-outlined text-[14px]">insights</span> 164 Zero learning curve 165 </div> 166</div> 167<!-- Agencies --> 168<div class="md:col-span-12 trozo-reveal bento-card rounded-xl p-scale-lg relative overflow-hidden group"> 169<div class="absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-secondary to-primary"></div> 170<div class="flex flex-col md:flex-row items-center gap-scale-lg z-10 relative"> 171<div class="flex-1"> 172<div class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-primary-container/35 text-primary font-label-sm text-[12px] mb-4 border border-primary/25"> 173<span class="material-symbols-outlined text-[14px]" style="font-variation-settings: 'FILL' 1;">groups</span> 174 Agency Partners 175 </div> 176<h2 class="font-headline-xl text-headline-xl mb-3 text-on-surface">Scale Your Agency Operations</h2> 177<p class="font-body-md text-body-md text-on-surface-variant mb-6 max-w-2xl">Manage multiple client accounts from a single glass pane. Automate reporting and deliver premium insights without the manual overhead.</p> 178<div class="flex flex-wrap gap-4"> 179<div class="bg-surface-container p-4 rounded-lg border border-outline-variant/30 flex-1 min-w-[200px]"> 180<div class="font-label-bold text-[12px] text-warning mb-1">Problem</div> 181<p class="font-body-md text-[14px] text-on-surface-variant">Endless hours spent compiling weekly client reports from various platforms.</p> 182</div> 183<div class="bg-primary-fixed/25 p-4 rounded-lg border border-primary/30 flex-1 min-w-[200px]"> 184<div class="font-label-bold text-[12px] text-primary mb-1">Trozo Solution</div> 185<p class="font-body-md text-[14px] text-on-surface-variant">White-labeled, automated client dashboards updated in real-time.</p> 186</div> 187</div> 188</div> 189<div class="w-full md:w-1/3 flex justify-center md:justify-end"> 190<a class="btn-primary text-on-primary font-headline-md text-[16px] px-8 py-4 rounded-xl transition-all flex items-center justify-center gap-2 w-full" href="https://calendar.app.google/Jv9oYTfNK3ydLzcv8" target="_blank" rel="noopener noreferrer"> 191 Partner with Trozo 192 </a> 193</div> 194</div> 195</div> 196</div> 197</div> 198</section> 199<!-- CTA Section --> 200<section class="py-scale-2xl bg-surface"> 201<div class="max-w-3xl mx-auto px-margin-mobile text-center"> 202<h2 class="font-headline-xl text-headline-xl mb-4 text-on-surface">Ready to command your growth?</h2> 203<p class="font-body-lg text-body-lg text-on-surface-variant mb-scale-lg">Join the fastest growing marketing teams using Trozo as their central hub.</p> 204<div class="flex flex-col sm:flex-row justify-center items-center gap-4"> 205<a class="btn-primary text-on-primary font-headline-md text-[16px] px-8 py-3 rounded-full transition-all w-full sm:w-auto" href="https://calendar.app.google/Jv9oYTfNK3ydLzcv8" target="_blank" rel="noopener noreferrer"> 206 Book a Demo 207 </a> 208</div> 209</div> 210</section> 211</main> 212<!-- Footer --> 213<footer class="bg-surface-container-low border-t border-outline-variant/25 text-on-background/80 full-width mt-auto"> 214<div class="max-w-container-max mx-auto px-margin-mobile md:px-margin-desktop py-scale-xl flex flex-col md:flex-row justify-between items-center gap-scale-md"> 215<a class="flex items-center shrink-0 opacity-90 hover:opacity-100 transition-opacity" href="/" aria-label="Trozo home"> 216<img src="/trozo-marketing/assets/trozo-logo.png" alt="Trozo" class="h-7 sm:h-8 w-auto max-w-[160px]" width="140" height="50" loading="lazy" decoding="async"/> 217</a> 218<div class="flex flex-wrap items-center justify-center gap-x-gutter gap-y-2"> 219<a class="font-label-sm text-label-sm text-on-background/88 hover:text-primary transition-colors" href="/privacy">Privacy Policy</a> 220<a class="font-label-sm text-label-sm text-on-background/88 hover:text-primary transition-colors" href="/terms">Terms of Service</a> 221<a class="font-label-sm text-label-sm text-on-background/88 hover:text-primary transition-colors" href="/contact">Contact Us</a> 222</div> 223<div class="font-label-sm text-label-sm text-on-background/72 text-center md:text-right"> 224 © 2026 Trozo.ai. All rights reserved. 225 </div> 226</div> 227</footer> 228<!-- AI Command Bar (Floating) --> 229<div id="trozo-ai-prompt" class="trozo-ai-prompt fixed left-1/2 -translate-x-1/2 w-[90%] max-w-2xl z-40">
230<div class="glass-panel rounded-full p-2 pl-6 flex items-center gap-2 shadow-glass-overlay border border-primary/30 ring-2 ring-primary/10 transition-all focus-within:ring-primary/50 focus-within:border-primary/50 bg-surface/90"> 231<div class="w-10 h-10 rounded-full bg-surface-container-low flex shrink-0 items-center justify-center"> 232<span class="material-symbols-outlined text-primary" style="font-variation-settings: 'FILL' 1;">mic</span> 233</div> 234<input class="min-w-0 flex-1 bg-transparent border-none focus:ring-0 font-body-md text-on-surface placeholder-on-surface-variant/50 outline-none" id="ai-input" placeholder="Ask Trozo to analyze your latest meta campaign..." type="text"/> 235<button class="shrink-0 w-10 h-10 rounded-full bg-primary text-on-primary flex items-center justify-center hover:scale-105 transition-transform" type="button" onclick="(function(){var i=document.getElementById('ai-input');if(!i||!i.value.trim()){alert('Type a question first.');return;}alert('Preview only â connect the app for live answers.');i.value='';})()"> 236<span class="material-symbols-outlined text-sm">send</span> 237</button> 238</div> 239</div> 240`,j=t({__name:"MarketingSiteSolutions",setup(l){return(r,i)=>(o(),n(e,{html:a(s)},null,8,["html"]))}});export{j as default};
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.