1 2<!doctype html> 3<html lang="en"> 4 <head> 5
5<script src="/assets/js/regional-site.js?v=8" async></script>
5 6
6<script id="sa-multilipi-config" type="text/plain" src="https://script-cdn.multilipi.com/static/JS/page_translations.js" multilipi-key="d5668a6d-b9b8-498d-b8e5-3d9aa3571f15" mode="auto" data-pos-x="50" data-pos-y="50" crossorigin="anonymous" defer></script>
6 7 <!-- GTM + Meta Pixel + Kogents: deferred via assets/js/site-performance.js?v=20260924-website-contact. Noscript fallbacks below. -->
vendor: 68 bytes, lines 7-8
7 8<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
8GTM-M4NWZBC7
vendor: 83 bytes, lines 8-9
8" 9height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
10<noscript><img height="1" width="1" style="display:none" 11src="https://www.facebook.com/tr?id=2268243713932710&ev=PageView&noscript=1"/></noscript> 12<meta charset="UTF-8" /> 13<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" /> 14 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 15 <meta name="robots" content="index, follow" /> 16 17 <link rel="icon" href="/assets/images/faviocn.svg" type="image/svg+xml" /> 18 <title>Product Packaging StartupAdvisory.ai</title> 19 <meta 20 name="description" 21 content="Get packaging that sells off the shelf print ready in days. Boxes, labels, and pouches by a senior team. Printer approved files, unlimited revisions, you own every file." 22 /> 23 <link rel="preconnect" href="https://fonts.googleapis.com" /> 24 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> 25 <link rel="dns-prefetch" href="https://cdnjs.cloudflare.com" /> 26 <link 27 href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500&family=Inter:wght@300;400;500;600;700&display=swap" 28 rel="stylesheet" 29 /> 30 <link 31 rel="stylesheet" 32 href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css" 33 integrity="sha512-2SwdPD6INVrV/lHTZbO2nodKhrnDdJK9/kg2XD1r9uGqPo1cUbujc+IYdlYdEErWNu69gVcYgdxlmVmzTWnetw==" 34 crossorigin="anonymous" 35 referrerpolicy="no-referrer" 36 /> 37 <link rel="stylesheet" href="/assets/css/style.css?v=form-perk-line2" /> 38 <link rel="stylesheet" href="/assets/css/surface-pro-nav.css?v=1" /> 39 <link rel="stylesheet" href="/assets/css/safari-compat.css?v=2" /> 40 41 <link rel="stylesheet" href="/assets/css/how-it-works-process.css?v=10" /> 42 <link rel="stylesheet" href="/assets/css/design-services.css" /> 43 <link rel="stylesheet" href="/assets/css/lead-form-hero.css?v=30" /> 44 45 <link rel="stylesheet" href="/assets/css/service-pages-title-case.css?v=1" /> 46 <link rel="stylesheet" href="/assets/css/responsive-mobile.css?v=3" /> 47 48<link rel="stylesheet" href="/assets/css/video-testi-reviews.css?v=8" /> 49 <link rel="stylesheet" href="/assets/css/hero-short-viewport.css?v=1" /> 50 51 52 <link rel="stylesheet" href="/assets/css/what-we-do-banner-text-short.css?v=2" /> 53 54 55 <link rel="stylesheet" href="/services-pages-css/product-packaging.css?v=7" /> 56 <link rel="stylesheet" href="/assets/css/what-we-do-solution-surface.css?v=2" /> 57 <link rel="stylesheet" href="/assets/css/what-we-do-hero-surface.css?v=12" /> 58 <link rel="stylesheet" href="/assets/css/what-we-do-comp-table-surface.css?v=1" /> 59 <link rel="stylesheet" href="/assets/css/what-we-do-addons-surface.css?v=1" /> 60 <link rel="stylesheet" href="/assets/css/what-we-do-logo-bar-surface.css?v=1" /> 61 <link rel="stylesheet" href="/assets/css/what-we-do-promo-bar-surface.css?v=3" /> 62 63 <link rel="stylesheet" href="/assets/css/field-validate.css?v=1" /> 64 </head> 65 66 <body class="has-top-promo-bar page-logo-design page-logo-design-v2 page-product-packaging"> 67<div 68 class="nl-overlay" 69 id="nl-overlay" 70 role="dialog" 71 aria-modal="true" 72 aria-labelledby="nl-title" 73 > 74 <div class="nl-modal"> 75 <button class="nl-close" id="nl-close" aria-label="Close">?</button> 76 <span class="nl-eyebrow">Newsletter</span> 77 <h2 class="nl-title" id="nl-title">Stay in the <em>loop</em></h2> 78 <p class="nl-subtitle"> 79 Get growth playbooks, founder insights, and startup frameworks 80 delivered to your inbox. 81 </p> 82 83 <form class="nl-form" id="nl-form" novalidate> 84 <input type="text" class="nl-input" placeholder="Your Full Name" /> 85 <input 86 type="email" 87 class="nl-input" 88 id="nl-email" 89 placeholder="[email protected]" 90 required 91 maxlength="255" 92 autocomplete="email" 93 /> 94 <button type="submit" class="nl-button">Subscribe</button> 95 </form> 96 97 <div class="nl-success" id="nl-success"> 98 <div class="nl-success-icon">?</div> 99 <div class="nl-success-text">You're in!</div> 100 <div class="nl-success-sub">Check your inbox shortly.</div> 101 </div> 102 103 <div class="nl-divider">Follow us</div> 104 <div class="nl-socials"> 105 <a href="#" aria-label="Facebook" target="_blank" rel="noopener"> 106 <!-- <svg viewBox="0 0 24 24" fill="currentColor"> 107 <path 108 d="M13.5 21v-7.5h2.5l.4-3h-2.9V8.6c0-.9.2-1.5 1.5-1.5h1.6V4.4c-.3 0-1.2-.1-2.3-.1-2.3 0-3.8 1.4-3.8 3.9v2.2H8v3h2.5V21h3z" /> 109 </svg> --> 110 111 <i class="fa-brands fa-facebook-f facebook"></i> 112 </a> 113 <a href="#" aria-label="LinkedIn" target="_blank" rel="noopener"> 114 <!-- <svg viewBox="0 0 24 24" fill="currentColor"> 115 <path 116 d="M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zM8.3 18.3H5.7V10h2.6v8.3zM7 8.8a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm11.3 9.5h-2.6v-4c0-1 0-2.2-1.4-2.2s-1.6 1.1-1.6 2.2v4h-2.6V10h2.5v1.1h.1c.4-.7 1.2-1.4 2.5-1.4 2.7 0 3.2 1.8 3.2 4.1v4.5z" /> 117 </svg> --> 118 <i class="fa-brands fa-linkedin linkedin"></i> 119 </a> 120 <a href="#" aria-label="Instagram" target="_blank" rel="noopener"> 121 <!-- <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" 122 stroke-linejoin="round"> 123 <rect x="3" y="3" width="18" height="18" rx="5" /> 124 <circle cx="12" cy="12" r="4" /> 125 <circle cx="17.5" cy="6.5" r="1" fill="currentColor" /> 126 </svg> --> 127 <i class="fa-brands fa-instagram instagram"></i> 128 </a> 129 <a href="#" aria-label="X / Twitter" target="_blank" rel="noopener"> 130 <!-- <svg viewBox="0 0 24 24" fill="currentColor"> 131 <path 132 d="M18.244 2H21l-6.52 7.45L22 22h-6.84l-4.74-6.2L4.8 22H2l7-8L2 2h6.91l4.29 5.67L18.244 2zm-1.2 18h1.7L7.05 4H
1325.25l11.794 16z" /> 133 </svg> --> 134 <i class="fa-brands fa-x-twitter xtwitter"></i> 135 </a> 136 </div> 137 </div> 138 </div> 139 140 <!-- Install Growth OS popup (logo-design only) --> 141 <div 142 class="gos-install-overlay" 143 id="gos-install-overlay" 144 role="dialog" 145 aria-modal="true" 146 aria-labelledby="gos-install-title" 147 hidden 148 > 149 <div class="gos-install-modal"> 150 <button 151 type="button" 152 class="gos-install-close" 153 id="gos-install-close" 154 aria-label="Close" 155 > 156 ? 157 </button> 158 <div class="form-card"> 159 <div class="gos-form-step active" data-gos-step="0"> 160 <div class="form-card-h" id="gos-install-title"> 161 Get My Free Packaging Review 162 </div> 163 <div class="form-card-sub">Free brief review concepts within 24 hours.</div> 164 <div class="fg-row"> 165 <div class="fg"> 166 <label>Full Name</label> 167 <input type="text" name="gos_name" placeholder="Alex Johnson" autocomplete="name" /> 168 </div> 169 <div class="fg"> 170 <label>Work Email</label> 171 <input type="email" name="gos_email" placeholder="[email protected]" autocomplete="email" /> 172 </div> 173 </div> 174 <div class="form-q-label">What do you need?</div> 175 <div class="opts"> 176 <label class="opt"><input type="radio" name="gos_stage" value="new" /> New packaging from scratch</label> 177 <label class="opt"><input type="radio" name="gos_stage" value="refresh" /> Packaging refresh</label> 178 <label class="opt"><input type="radio" name="gos_stage" value="kit" /> Packaging + dielines</label> 179 <label class="opt"><input type="radio" name="gos_stage" value="rebrand" /> Full SKU line</label> 180 </div> 181 <div class="gos-install-actions"> 182 <button type="button" class="next-btn" data-gos-next>Next <span class="hero-cta-arrow" aria-hidden="true">→</span></button> 183 </div> 184 </div> 185 186 <div class="gos-form-step" data-gos-step="1"> 187 <div class="form-card-h">Your Packaging Brief</div> 188 <div class="form-card-sub">Step 2 of 3</div> 189 <div class="form-q-label">What's wrong with your current packaging?</div> 190 <div class="opts"> 191 <label class="opt"><input type="radio" name="gos_block" value="generic" /> Looks generic on shelf</label> 192 <label class="opt"><input type="radio" name="gos_block" value="files" /> Missing print files</label> 193 <label class="opt"><input type="radio" name="gos_block" value="inconsistent" /> Inconsistent across SKUs</label> 194 <label class="opt"><input type="radio" name="gos_block" value="none" /> No packaging yet</label> 195 </div> 196 <div class="form-q-label">When do you need it?</div> 197 <div class="opts"> 198 <label class="opt"><input type="radio" name="gos_team" value="asap" /> ASAP (under 1 week)</label> 199 <label class="opt"><input type="radio" name="gos_team" value="2w" /> 1–2 weeks</label> 200 <label class="opt"><input type="radio" name="gos_team" value="month" /> Within 30 days</label> 201 <label class="opt"><input type="radio" name="gos_team" value="flex" /> Flexible</label> 202 </div> 203 <div class="gos-install-actions"> 204 <button type="button" class="back-btn" data-gos-back>? Back</button> 205 <button type="button" class="next-btn" data-gos-next>Next <span class="hero-cta-arrow" aria-hidden="true">→</span></button> 206 </div> 207 </div> 208 209 <div class="gos-form-step" data-gos-step="2"> 210 <div class="form-card-h">Almost Done</div> 211 <div class="form-card-sub">Step 3 of 3</div> 212 <div class="fg"> 213 <label>Phone Number</label> 214 <input type="tel" name="gos_phone" placeholder="+1 (555) 000-0000" autocomplete="tel" /> 215 </div> 216 <div class="fg"> 217 <label 218 >How did you hear about us?
219 <span style="font-weight:400;text-transform:none;letter-spacing:0;color:var(--muted)">(optional)</span></label 220 > 221 <input type="text" name="gos_source" placeholder="LinkedIn, referral, Google..." /> 222 </div> 223 <p class="form-note" style="margin-top:12px">No sales pressure. No spam. Just a direct conversation about fit.</p> 224 <div class="gos-install-actions"> 225 <button type="button" class="back-btn" data-gos-back>? Back</button> 226 <button type="button" class="form-submit" data-gos-submit>Get My Free Packaging Review <span class="hero-cta-arrow" aria-hidden="true">→</span></button> 227 </div> 228 </div> 229 </div> 230 </div> 231 </div> 232 233 <!-- Lead popup hero banner form --> 234 <div 235 class="lead-popup-overlay" 236 id="lead-popup-overlay" 237 role="dialog" 238 aria-modal="true" 239 aria-labelledby="lead-popup-title" 240 hidden 241 > 242 <div class="lead-popup-modal"> 243 <button 244 type="button" 245 class="lead-popup-close" 246 id="lead-popup-close" 247 aria-label="Close" 248 > 249 × 250 </button> 251 <div class="quiz-card hero-banner-form" id="leadPopupCard"> 252 <form id="leadPopupForm" novalidate> 253 <h3 class="hero-banner-form__title" id="lead-popup-title"> 254 Your Logo. <em>24 Hours.</em><br /> 255 <span class="hero-banner-form__title-small" 256 >Lock in 50% off brief us today.</span 257 > 258 </h3> 259 <div class="hero-banner-form__fields"> 260 <input 261 class="hero-banner-form__field" 262 type="text" 263 name="name" 264 placeholder="Full name" 265 required 266 autocomplete="name" 267 /> 268 <input 269 class="hero-banner-form__field" 270 type="email" 271 name="email" 272 placeholder="Work email" 273 required 274 autocomplete="email" 275 /> 276 <input 277 class="hero-banner-form__field" 278 type="tel" 279 name="phone" 280 placeholder="Phone number" 281 required 282 autocomplete="tel" 283 /> 284 <select class="hero-banner-form__field" name="need" required> 285 <option value="" disabled selected>What do you need?</option> 286 <option value="new-packaging">New packaging from scratch</option> 287 <option value="refresh">Packaging refresh</option> 288 <option value="brand-kit">Packaging + dielines</option> 289 <option value="rebrand">Full SKU line</option> 290 <option value="other">Other / not sure</option> 291 </select> 292 <button 293 type="submit" 294 class="quiz-next hero-banner-form__submit" 295 > 296 Start my project <span class="hero-cta-arrow" aria-hidden="true">→</span> 297 </button> 298 <p class="quiz-foot hero-banner-form__foot"> 299 Concepts in 48 hrs · Unlimited revisions · US entity 300 </p> 301 </div> 302 <div class="hero-banner-form__success"> 303 <div class="quiz-done-icon">✓</div> 304 <p style="font-weight: 600; color: var(--ink); margin-top: 8px"> 305 Thanks we’ll be in touch shortly. 306 </p> 307 </div> 308 </form> 309 </div> 310 </div> 311 </div> 312 313 <!-- ?? TOP PROMO BAR ?? --> 314 <div class="top-promo-bar" role="region" aria-label="Promotional offer"> 315 <div class="top-promo-bar__inner"> 316 <div class="top-promo-bar__offer"> 317 <span class="top-promo-bar__badge">Limited time offer</span> 318 <p class="top-promo-bar__text"> 319 New Founders Launch: Founding member pricing 50% off, limited spots 320 <span class="top-promo-bar__sep" aria-hidden="true">·</span> 321 <a href="#get-matched" class="top-promo-bar__cta-link" 322 >Activate your coupon now →</a 323 > 324 </p> 325 <p class="top-promo-bar__text top-promo-bar__text--mobile">
326 50% off New Founders Launch 327 <span class="top-promo-bar__sep" aria-hidden="true">·</span> 328 <a href="#get-matched" class="top-promo-bar__cta-link" 329 >Activate →</a 330 > 331 </p> 332 </div> 333 <div class="top-promo-bar__contact"> 334 <a href="tel:+17253024177" class="top-promo-bar__link"> 335 <i class="fa-solid fa-phone" aria-hidden="true"></i> 336 (725) 302-4177 337 </a> 338 <a href="#get-matched" class="top-promo-bar__link top-promo-bar__link--chat"> 339 <i class="fa-solid fa-comments" aria-hidden="true"></i> 340 Live Chat With Expert 341 </a> 342 </div> 343 </div> 344 </div> 345 346 <!-- ?? NAV ?? --> 347 <nav id="nav"> 348 <!-- <a href="#" class="nav-logo">StartupAdvisory<span>.ai</span></a> --> 349 <a href="/"> 350 <img src="/assets/images/header-logo.svg" class="logo1" alt/> 351 </a> 352 <ul class="nav-links" id="primary-menu"> 353 <li> 354 <a href="/growth-os.html"> 355 <span>The Growth OS</span> 356 </a> 357 </li> 358 <li> 359 <a href="/who-we-help.html"> 360 <span>Who We Help</span> 361 <i class="fa fa-angle-down"></i> 362 </a> 363 <ul> 364 <li> 365 <a href="/for-startups.html"> 366 <span class="nav-icon default"> 367 <svg 368 xmlns="http://www.w3.org/2000/svg" 369 width="16" 370 height="16" 371 fill="currentColor" 372 class="bi bi-rocket-takeoff"
373 viewBox="0 0 16 16" 374 > 375 <path 376 d="M9.752 6.193c.599.6 1.73.437 2.528-.362s.96-1.932.362-2.531c-.599-.6-1.73-.438-2.528.361-.798.8-.96 1.933-.362 2.532" 377 /> 378 <path 379 d="M15.811 3.312c-.363 1.534-1.334 3.626-3.64 6.218l-.24 2.408a2.56 2.56 0 0 1-.732 1.526L8.817 15.85a.51.51 0 0 1-.867-.434l.27-1.899c.04-.28-.013-.593-.131-.956a9 9 0 0 0-.249-.657l-.082-.202c-.815-.197-1.578-.662-2.191-1.277-.614-.615-1.079-1.379-1.275-2.195l-.203-.083a10 10 0 0 0-.655-.248c-.363-.119-.675-.172-.955-.132l-1.896.27A.51.51 0 0 1 .15 7.17l2.382-2.386c.41-.41.947-.67 1.524-.734h.006l2.4-.238C9.005 1.55 11.087.582 12.623.208c.89-.217 1.59-.232 2.08-.188.244.023.435.06.57.093q.1.026.16.045c.184.06.279.13.351.295l.029.073a3.5 3.5 0 0 1 .157.721c.055.485.051 1.178-.159 2.065m-4.828 7.475.04-.04-.107 1.081a1.54 1.54 0 0 1-.44.913l-1.298 1.3.054-.38c.072-.506-.034-.993-.172-1.418a9 9 0 0 0-.164-.45c.738-.065 1.462-.38 2.087-1.006M5.205 5c-.625.626-.94 1.351-1.004 2.09a9 9 0 0 0-.45-.164c-.424-.138-.91-.244-1.416-.172l-.38.054 1.3-1.3c.245-.246.566-.401.91-.44l1.08-.107zm9.406-3.961c-.38-.034-.967-.027-1.746.163-1.558.38-3.917 1.496-6.937 4.521-.62.62-.799 1.34-.687 2.051.107.676.483 1.362 1.048 1.928.564.565 1.25.941 1.924 1.049.71.112 1.429-.067 2.048-.688 3.079-3.083 4.192-5.444 4.556-6.987.183-.771.18-1.345.138-1.713a3 3 0 0 0-.045-.283 3 3 0 0 0-.3-.041Z" 380 /> 381 <path 382 d="M7.009 12.139a7.6 7.6 0 0 1-1.804-1.352A7.6 7.6 0 0 1 3.794 8.86c-1.102.992-1.965 5.054-1.839 5.18.125.126 3.936-.896 5.054-1.902Z" 383 /> 384 </svg> 385 </span> 386 <span> 387 <h4>For Startups</h4> 388 <p>Growth OS for founders</p> 389 </span> 390 </a> 391 </li> 392 <li> 393 <a href="/for-agencies.html"> 394 <span class="nav-icon green"> 395 <svg 396 xmlns="http://www.w3.org/2000/svg" 397 width="16" 398 height="16" 399 400 class="bi bi-people-half-fill"
401 viewBox="0 0 16 16" 402 aria-hidden="true" 403 > 404 <path 405 class="people-outline" 406 fill="none" 407 stroke="currentColor" 408 stroke-width="0.9" 409 stroke-linejoin="round" 410 d="M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6" 411 /> 412 <path 413 class="people-half-fill" 414 fill="currentColor" 415 d="M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6" 416 /> 417 <path 418 class="people-outline" 419 fill="none" 420 stroke="currentColor" 421 stroke-width="0.9" 422 stroke-linejoin="round" 423 d="M5.216 14A2.238 2.238 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.325 6.325 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1zM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5" 424 /> 425 <path 426 class="people-half-fill" 427 fill="currentColor" 428 d="M5.216 14A2.238 2.238 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.325 6.325 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1zM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5" 429 /> 430 </svg> 431 </span> 432 <span> 433 <h4>For Agencies</h4> 434 <p>White-label production team</p> 435 </span> 436 </a> 437 </li> 438 </ul> 439 </li> 440 <li class="nav-item--what-we-do"> 441 <a href="/design-services.html"> 442 <span>What We Do</span> 443 <i class="fa fa-angle-down"></i> 444 </a> 445 <ul> 446 <li> 447 <a href="/what-we-do/logo-and-branding.html"> 448 <span class="nav-icon purple"> 449 <i class="fa-solid fa-signature" aria-hidden="true"></i> 450 </span> 451 <span> 452 <h4>Logo and Branding</h4> 453 <p>Marks, logos & visual identities</p> 454 </span> 455 </a> 456 </li> 457 <li> 458 <a href="/what-we-do/web-design-and-development.html"> 459 <span class="nav-icon green"> 460 <i class="fa-solid fa-code" aria-hidden="true"></i> 461 </span> 462 <span> 463 <h4>Web Design & Development</h4> 464 <p>Websites, apps & digital experiences</p> 465 </span> 466 </a> 467 </li> 468 <li> 469 <a href="/what-we-do/motion-video.html"> 470 <span class="nav-icon green"> 471 <i class="fa-solid fa-photo-film" aria-hidden="true"></i> 472 </span> 473 <span> 474 <h4>Motion & Video</h4> 475 <p>Reels, explainers &<br />motion</p> 476 </span> 477 </a> 478 </li> 479 <!-- Brand Identity (hidden from nav) 480<li> 481 <a href="/what-we-do/brand-identity.html"> 482 <span class="nav-icon default"> 483 <i class="fa-solid fa-palette" aria-hidden="true"></i> 484 </span> 485 <span> 486 <h4>Brand Identity</h4> 487 <p>Logos, systems & guidelines</p> 488 </span> 489 </a> 490 </li> 491 492 --> 493 494 <li> 495 <a href="/what-we-do/mobile-application.html"> 496 <span class="nav-icon purple"> 497 <i class="fa-solid fa-mobile-screen-button" aria-hidden="true"></i> 498 </span> 499 <span> 500 <h4>Mobile Application</h4> 501 <p>Native iOS &<br />Android apps</p> 502 </span> 503 </a> 504 </li> 505 <li> 506 <a href="/what-we-do/email-marketing.html">
507 <span class="nav-icon green"> 508 <i class="fa-solid fa-envelope-open-text" aria-hidden="true"></i> 509 </span> 510 <span> 511 <h4>Email Marketing</h4> 512 <p>Campaigns, flows & automation</p> 513 </span> 514 </a> 515 </li> 516 <li> 517 <a href="/what-we-do/content-writing.html"> 518 <span class="nav-icon purple"> 519 <i class="fa-solid fa-pen-nib" aria-hidden="true"></i> 520 </span> 521 <span> 522 <h4>Content Writing</h4> 523 <p>Blogs, web copy &<br>articles</p> 524 </span> 525 </a> 526 </li><li> 527 <a href="/what-we-do/search-engine-optimization.html"> 528 <span class="nav-icon green"> 529 <i class="fa-solid fa-ranking-star" aria-hidden="true"></i> 530 </span> 531 <span> 532 <h4>Search Engine Optimization</h4> 533 <p>Rankings, organic traffic & growth</p> 534 </span> 535 </a> 536 </li> <li> 537 <a href="/what-we-do/social-media-marketing.html"> 538 <span class="nav-icon purple"> 539 <i class="fa-solid fa-heart" aria-hidden="true"></i> 540 </span> 541 <span> 542 <h4>Social Media Marketing</h4> 543 <p>Content, ads & community growth</p> 544 </span> 545 </a> 546 </li> <li> 547 <a href="/what-we-do/ppc-and-google-ads.html"> 548 <span class="nav-icon purple"> 549 <svg viewBox="0 0 24 24" fill="none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"> 550 <line x1="5.2" y1="18.2" x2="11.5" y2="4.8" stroke="#21bfcf" stroke-width="4.2" stroke-linecap="round"/> 551 <line x1="11.5" y1="4.8" x2="19.5" y2="18.2" stroke="#454da1" stroke-width="4.2" stroke-linecap="round"/> 552 <circle cx="5.2" cy="18.2" r="2.45" fill="#2f3680"/> 553 </svg> 554 </span> 555 <span> 556 <h4>PPC & Google Ads</h4> 557 <p>Search, Meta & paid campaigns</p> 558 </span> 559 </a> 560 </li> 561 <li> 562 <a href="/what-we-do/product-packaging.html" aria-current="page"> 563 <span class="nav-icon default"> 564 <i class="fa-solid fa-boxes-stacked" aria-hidden="true"></i> 565 </span> 566 <span> 567 <h4>Product Packaging</h4> 568 <p>Shelf ready packaging & dielines</p> 569 </span> 570 </a> 571 </li> 572 <li> 573 <a href="/what-we-do/apparel-merchandise.html"> 574 <span class="nav-icon purple"> 575 <i class="fa-solid fa-shirt" aria-hidden="true"></i> 576 </span> 577 <span> 578 <h4>Apparel & Merchandise</h4> 579 <p>Tees, hoodies, caps & team kits</p> 580 </span> 581 </a> 582 </li> 583 <li> 584 <a href="/what-we-do/ecommerce-website-design.html"> 585 <span class="nav-icon green"> 586 <i class="fa-solid fa-cart-shopping" aria-hidden="true"></i> 587 </span> 588 <span> 589 <h4>E-commerce Websites</h4> 590 <p>Online stores, carts &<br />checkouts that convert</p> 591 </span> 592 </a> 593 </li> <li> 594 <a href="/what-we-do/ai-chat-bot.html"> 595 <span class="nav-icon purple"> 596 <i class="fa-solid fa-robot" aria-hidden="true"></i> 597 </span> 598 <span> 599 <h4>AI Chatbot</h4> 600 <p>Custom bots trained & deployed</p> 601 </span> 602 </a> 603 </li> 604 <li> 605 <a href="/what-we-do/ebook.html">
606 <span class="nav-icon default"> 607 <i class="fa-solid fa-book-open" aria-hidden="true"></i> 608 </span> 609 <span> 610 <h4>ebook & writing</h4> 611 <p>Lead magnets, whitepapers & reports</p> 612 </span> 613 </a> 614 </li> 615 <li> 616 <a href="/what-we-do/guest-posting.html"> 617 <span class="nav-icon green"> 618 <i class="fa-solid fa-link" aria-hidden="true"></i> 619 </span> 620 <span> 621 <h4>Guest Posting</h4> 622 <p>Editorial placements & backlinks</p> 623 </span> 624 </a> 625 </li> 626 <li> 627 <a href="/what-we-do/link-building.html"> 628 <span class="nav-icon green"> 629 <i class="fa-solid fa-sitemap" aria-hidden="true"></i> 630 </span> 631 <span> 632 <h4>Link Building</h4> 633 <p>Authority backlinks & off-page SEO</p> 634 </span> 635 </a> 636 </li> 637 <li> 638 <a href="/what-we-do/video-editing.html"> 639 <span class="nav-icon purple"> 640 <i class="fa-solid fa-film" aria-hidden="true"></i> 641 </span> 642 <span> 643 <h4>Video Editing</h4> 644 <p>Cuts, reels & channel ready edits</p> 645 </span> 646 </a> 647 </li> </ul> 648 </li> 649 <!-- <li> 650 <a href="founding-members.html"> 651 <span>Founding Members</span> 652 </a> 653 </li> --> 654 <li> 655 <a href="/portfolio.html"> 656 <span>Portfolio</span> 657 </a> 658 </li> 659 <li> 660 <a href="/about.html"> 661 <span>About Us</span> 662 </a> 663 </li> 664 <!-- <li><a href="#faq"> 665 <span>FAQ</span> 666 </a> 667 </li> --> 668 </ul> 669 <button 670 type="button" 671 class="nav-toggle" 672 id="navToggle" 673 aria-expanded="false" 674 aria-controls="primary-menu" 675 aria-label="Open menu" 676 > 677 <span class="nav-toggle-bar"></span> 678 <span class="nav-toggle-bar"></span> 679 <span class="nav-toggle-bar"></span> 680 </button> 681 <a href="#get-matched" class="nav-cta">Founding Members</a> 682 </nav> 683 684 <!-- ?? HERO ?? --> 685 <section class="hero"> 686 <img 687 class="hero-bg-video" 688 src="/assets/images/what-we-do/product%20packaging/product-%20packeging-add-on/content.webp" 689 alt="" 690 aria-hidden="true" 691 loading="eager" 692 decoding="async" 693 /> 694 <div class="hero-bg-shape shape-left" aria-hidden="true"></div> 695 <div class="hero-bg-shape shape-right" aria-hidden="true"></div> 696 <div class="hero-dots dots-left" aria-hidden="true"></div> 697 <div class="hero-dots dots-right" aria-hidden="true"></div> 698 <div class="hero-sparkle s1" aria-hidden="true">✦</div> 699 <div class="hero-sparkle s2" aria-hidden="true">✦</div> 700 <div class="hero-sparkle s3" aria-hidden="true">✦</div> 701 <div class="hero-sparkle s4" aria-hidden="true">✦</div> 702 <div class="hero-inner hero-inner--attach"> 703 <div> 704 <div class="hero-copy"> 705 <div class="hero-badge"> 706 <span class="dot"></span> We run it <span class="hero-badge__sep">·</span> Product Packaging 707 </div> 708 <h1> 709 <span class="hero-h1-line">Get Packaging That</span> 710 <span class="hero-h1-line">Sells Off the Shelf</span> 711 <span class="hero-h1-line hero-h1-line--bottom"> 712 <em>Print Ready in Days.</em> 713 </span> 714 </h1> 715 <p class="hero-sub"> 716 Boxes, labels, and pouches designed by a senior team without hiring a designer, decoding dielines, or waiting weeks. US grade craft at a fraction of US cost. 717 </p> 718 <div class="hero-actions mb-4"> 719 <a href="#get-matched" class="btn-green" 720 >Get My Free Packaging Review <span class="hero-cta-arrow" aria-hidden="true">→</span></a 721 > 722 <a href="#pricing" class="btn-ghost" 723 >See Packages <span class="hero-cta-arrow" aria-hidden="true">→</span></a 724 > 725 </div> 726 </div> 727 <div 728 class="hero-industries__stack hero__banner" 729 aria-label="Product packaging benefits" 730 > 731 <div class="hero-industries__row"> 732 <div class="ind-tag">Print ready in days</div> 733 <div class="ind-tag">Unlimited revisions</div> 734 </div> 735 <div class="hero-industries__row"> 736 <div class="ind-tag">
736You own every file</div> 737 <div class="ind-tag">Printer approved or we fix it</div> 738 </div> 739 </div> 740 </div> 741 <div class="hero-visual"> 742 <!-- Hero banner consultation form --> 743 <div class="lead-form lead-form--hero-v2 reveal" id="quizCard"> 744 <div class="hero-float" role="status"> 745 <span>● Active</span> Brand Studio Running 746 </div> 747 <div class="lead-form__head"> 748 <div class="lead-form__title">Get an expert review of your packaging idea</div> 749 <p class="lead-form__subtitle">Share your product or current packaging and our design team will flag the 3 fastest paths to a shelf ready design.</p> 750 </div> 751 <div class="lead-form__inline-promo" style="display:flex;gap:9px;align-items:flex-start;background:rgba(22,185,129,.08);border:1px solid rgba(22,185,129,.28);border-radius:10px;padding:9px 12px;margin:0 0 12px;font-size:12.5px;color:#0b3b2e;line-height:1.4"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#0e9f6e" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex:0 0 auto;margin-top:1px"><polyline points="20 12 20 22 4 22 4 12"></polyline><rect x="2" y="7" width="20" height="5"></rect><line x1="12" y1="22" x2="12" y2="7"></line><path d="M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z"></path><path d="M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z"></path></svg><span>Unlock <strong>50% Off the “New Founders Launch” Discount</strong> on your first packaging package for qualifying businesses in their 1st year.</span></div> 752 <form id="heroBannerConsultForm" novalidate> 753 <div class="lead-form__group"> 754 <label class="lead-form__label" for="hero-name">Full Name</label> 755 <div class="lead-form__input-shell"> 756 <span class="lead-form__input-icon" aria-hidden="true"> 757 <svg viewBox="0 0 24 24"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg> 758 </span> 759 <input id="hero-name" type="text" class="lead-form__input" name="name" placeholder="Your full name" required autocomplete="name" /> 760 </div> 761 </div> 762 <div class="lead-form__group"> 763 <label class="lead-form__label" for="hero-email">Work Email</label> 764 <div class="lead-form__input-shell"> 765 <span class="lead-form__input-icon" aria-hidden="true"> 766 <svg viewBox="0 0 24 24"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="m22 6-10 7L2 6"/></svg> 767 </span> 768 <input id="hero-email" type="email" class="lead-form__input" name="email" placeholder="[email protected]" required autocomplete="email" /> 769 </div> 770 </div> 771 <div class="lead-form__group"> 772 <label class="lead-form__label" for="hero-phone">Phone / WhatsApp</label> 773 <div class="lead-form__input-shell"> 774 <span class="lead-form__input-icon" aria-hidden="true"> 775 <svg viewBox="0 0 24 24"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z"/></svg> 776 </span> 777 <input id="hero-phone" type="tel" class="lead-form__input" name="phone" placeholder="+1 (555) 123-4567" required autocomplete="tel" /> 778 </div> 779 </div> 780 <div class="lead-form__group"> 781 <label class="lead-form__label" for="hero-product-link">Product or Brand Link</label> 782 <div class="lead-form__input-shell"> 783 <span class="lead-form__input-icon" aria-hidden="true"> 784 <svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="M2 12h20"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg> 785 </span> 786 <input id="hero-product-link" type="text" class="lead-form__input" name="product_link" placeholder="Product name, store link, or current packaging" required /> 787 </div> 788 </div> 789 <button type="submit" class="btn lead-form__submit">Start My Packaging Project <svg class="lead-form__submit-icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"></path></svg></button> 790 </form> 791 <div class="lead-form__foot lead-form__guarantees lead-form__guarantees--bar"> 792 <div class="lead-form__guarantee-item"> 793 <div class="lead-form__guarantee-icon" aria-hidden="true"> 794 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ic"><line x1="12" x2="12" y1="2" y2="22"/><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg> 795 </div>
796 <span>Unlimited Revisions</span> 797 </div> 798 <div class="lead-form__guarantee-item"> 799 <div class="lead-form__guarantee-icon" aria-hidden="true"> 800 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ic"><path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0"></path><path d="M9 10l.01 0"></path><path d="M15 10l.01 0"></path><path d="M9.5 15a3.5 3.5 0 0 0 5 0"></path></svg> 801 </div> 802 <span>Satisfaction Guaranteed</span> 803 </div> 804 <div class="lead-form__guarantee-item"> 805 <div class="lead-form__guarantee-icon" aria-hidden="true"> 806 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ic"><path d="M3 21v-4a4 4 0 1 1 4 4h-4"></path><path d="M21 3a16 16 0 0 0 -12.8 10.2"></path><path d="M21 3a16 16 0 0 1 -10.2 12.8"></path><path d="M10.6 9a9 9 0 0 1 4.4 4.4"></path></svg> 807 </div> 808 <span>100% Custom</span> 809 </div> 810 </div> 811 <div class="hero-banner-form__success" style="display:none;text-align:center;padding:16px 0"> 812 <div class="quiz-done-icon">✓</div> 813 <p style="font-weight:600;color:var(--ink);margin-top:8px">Thanks we'll be in touch shortly.</p> 814 </div> 815 </div> 816 </div> 817 </div> 818 </section> 819 820 <!-- ?? LOGO BAR ?? --> 821 822 <!-- ?? COMPARISON (hidden) ?? 823 <section class="comparison-section"> 824 <div class="container"> 825 <div class="section-label reveal"> 826 Why Founders Choose Us for Product Packaging 827 </div> 828 <h2 class="reveal"> 829 One partner delivers what <em>the others can't.</em> 830 </h2> 831 <p class="section-intro reveal"> 832 Cheap packaging looks fine in a mockup then falls apart at print, 833 on shelf, and in fulfillment. We design once and ship production ready. 834 </p> 835 <div class="comp-table-wrap reveal"> 836 <table class="comp-table"> 837 <thead> 838 <tr> 839 <th>Feature</th> 840 <th class="hi"> 841 <img 842 src="/assets/images/what-we-do/logo%20large%20image%20webp/logo%20design%20v2/logo%20footer%20or%20header/header-logo.svg" 843 class="logo2" 844 alt="StartupAdvisory.ai" 845 width="112" 846 height="28" 847 loading="lazy" 848 decoding="async" 849 /> 850 </th> 851 <th>Fiverr / DIY</th> 852 <th>Template Shops</th> 853 <th>Canva</th> 854 <th>US Agency</th> 855 </tr> 856 </thead> 857 <tbody> 858 <tr> 859 <td>Custom packaging design</td> 860 <td class="hi"><span class="green1">?</span> Expert-crafted</td> 861 <td> 862 <svg 863 class="wrong" 864 xmlns="http://www.w3.org/2000/svg"
865 viewBox="0 0 122.88 111.54" 866 aria-hidden="true" 867 focusable="false" 868 > 869 <title>caution</title> 870 <path 871 class="cls-1" 872 d="M2.35,84.42,45.28,10.2l.17-.27h0A23,23,0,0,1,52.5,2.69,17,17,0,0,1,61.57,0a16.7,16.7,0,0,1,9.11,2.69,22.79,22.79,0,0,1,7,7.26q.19.32.36.63l42.23,73.34.24.44h0a22.48,22.48,0,0,1,2.37,10.19,17.63,17.63,0,0,1-2.17,8.35,15.94,15.94,0,0,1-6.93,6.6c-.19.1-.39.18-.58.26a21.19,21.19,0,0,1-9.11,1.75v0H17.61c-.22,0-.44,0-.65,0a18.07,18.07,0,0,1-6.2-1.15A16.42,16.42,0,0,1,3,104.24a17.53,17.53,0,0,1-3-9.57,23,23,0,0,1,1.57-8.74,7.66,7.66,0,0,1,.77-1.51Z" 873 /> 874 <path 875 class="cls-2" 876 d="M9,88.75,52.12,14.16c5.24-8.25,13.54-8.46,18.87,0l42.43,73.69c3.39,6.81,1.71,16-9.33,15.77H17.61C10.35,103.8,5.67,97.43,9,88.75Z" 877 /> 878 <path 879 class="cls-1" 880 d="M57.57,82.69A5.48,5.48,0,0,1,61,81.11a5.66,5.66,0,0,1,4.42,1.66,5.53,5.53,0,0,1,1.62,3.54A5.6,5.6,0,0,1,67,87.72a6,6,0,0,1-.42,1.34,5.53,5.53,0,0,1-2.92,2.84,5.79,5.79,0,0,1-4.57-.1,5.51,5.51,0,0,1-2.81-2.94,5.31,5.31,0,0,1-.36-1.27,5.9,5.9,0,0,1-.06-1.32h0a6.45,6.45,0,0,1,.57-2,4.6,4.6,0,0,1,1.14-1.56Zm8.15-10.24c-.19,4.79-8.31,4.8-8.49,0-.82-8.21-2.92-27.7-2.86-35.42.07-2.38,2-3.78,4.56-4.32a11.19,11.19,0,0,1,2.49-.24,11.77,11.77,0,0,1,2.5.25c2.61.55,4.65,2,4.65,4.44v.24L65.72,72.45Z" 881 /> 882 </svg> 883 Slides only 884 </td> 885 <td><span class="wrong1"> ? </span> None</td> 886 <td><span class="wrong1">?</span> None</td> 887 <td> 888 <svg 889 class="wrong" 890 xmlns="http://www.w3.org/2000/svg"
891 viewBox="0 0 122.88 111.54" 892 aria-hidden="true" 893 focusable="false" 894 > 895 <title>caution</title> 896 <path 897 class="cls-1" 898 d="M2.35,84.42,45.28,10.2l.17-.27h0A23,23,0,0,1,52.5,2.69,17,17,0,0,1,61.57,0a16.7,16.7,0,0,1,9.11,2.69,22.79,22.79,0,0,1,7,7.26q.19.32.36.63l42.23,73.34.24.44h0a22.48,22.48,0,0,1,2.37,10.19,17.63,17.63,0,0,1-2.17,8.35,15.94,15.94,0,0,1-6.93,6.6c-.19.1-.39.18-.58.26a21.19,21.19,0,0,1-9.11,1.75v0H17.61c-.22,0-.44,0-.65,0a18.07,18.07,0,0,1-6.2-1.15A16.42,16.42,0,0,1,3,104.24a17.53,17.53,0,0,1-3-9.57,23,23,0,0,1,1.57-8.74,7.66,7.66,0,0,1,.77-1.51Z" 899 /> 900 <path 901 class="cls-2" 902 d="M9,88.75,52.12,14.16c5.24-8.25,13.54-8.46,18.87,0l42.43,73.69c3.39,6.81,1.71,16-9.33,15.77H17.61C10.35,103.8,5.67,97.43,9,88.75Z" 903 /> 904 <path 905 class="cls-1" 906 d="M57.57,82.69A5.48,5.48,0,0,1,61,81.11a5.66,5.66,0,0,1,4.42,1.66,5.53,5.53,0,0,1,1.62,3.54A5.6,5.6,0,0,1,67,87.72a6,6,0,0,1-.42,1.34,5.53,5.53,0,0,1-2.92,2.84,5.79,5.79,0,0,1-4.57-.1,5.51,5.51,0,0,1-2.81-2.94,5.31,5.31,0,0,1-.36-1.27,5.9,5.9,0,0,1-.06-1.32h0a6.45,6.45,0,0,1,.57-2,4.6,4.6,0,0,1,1.14-1.56Zm8.15-10.24c-.19,4.79-8.31,4.8-8.49,0-.82-8.21-2.92-27.7-2.86-35.42.07-2.38,2-3.78,4.56-4.32a11.19,11.19,0,0,1,2.49-.24,11.77,11.77,0,0,1,2.5.25c2.61.55,4.65,2,4.65,4.44v.24L65.72,72.45Z" 907 /> 908 </svg> 909 After 6mo ramp 910 </td> 911 </tr> 912 <tr> 913 <td>Unlimited revisions</td> 914 <td class="hi"><span class="green1">?</span> Included</td> 915 <td> 916 <svg 917 class="wrong" 918 xmlns="http://www.w3.org/2000/svg"
919 viewBox="0 0 122.88 111.54" 920 aria-hidden="true" 921 focusable="false" 922 > 923 <title>caution</title> 924 <path 925 class="cls-1" 926 d="M2.35,84.42,45.28,10.2l.17-.27h0A23,23,0,0,1,52.5,2.69,17,17,0,0,1,61.57,0a16.7,16.7,0,0,1,9.11,2.69,22.79,22.79,0,0,1,7,7.26q.19.32.36.63l42.23,73.34.24.44h0a22.48,22.48,0,0,1,2.37,10.19,17.63,17.63,0,0,1-2.17,8.35,15.94,15.94,0,0,1-6.93,6.6c-.19.1-.39.18-.58.26a21.19,21.19,0,0,1-9.11,1.75v0H17.61c-.22,0-.44,0-.65,0a18.07,18.07,0,0,1-6.2-1.15A16.42,16.42,0,0,1,3,104.24a17.53,17.53,0,0,1-3-9.57,23,23,0,0,1,1.57-8.74,7.66,7.66,0,0,1,.77-1.51Z" 927 /> 928 <path 929 class="cls-2" 930 d="M9,88.75,52.12,14.16c5.24-8.25,13.54-8.46,18.87,0l42.43,73.69c3.39,6.81,1.71,16-9.33,15.77H17.61C10.35,103.8,5.67,97.43,9,88.75Z" 931 /> 932 <path 933 class="cls-1" 934 d="M57.57,82.69A5.48,5.48,0,0,1,61,81.11a5.66,5.66,0,0,1,4.42,1.66,5.53,5.53,0,0,1,1.62,3.54A5.6,5.6,0,0,1,67,87.72a6,6,0,0,1-.42,1.34,5.53,5.53,0,0,1-2.92,2.84,5.79,5.79,0,0,1-4.57-.1,5.51,5.51,0,0,1-2.81-2.94,5.31,5.31,0,0,1-.36-1.27,5.9,5.9,0,0,1-.06-1.32h0a6.45,6.45,0,0,1,.57-2,4.6,4.6,0,0,1,1.14-1.56Zm8.15-10.24c-.19,4.79-8.31,4.8-8.49,0-.82-8.21-2.92-27.7-2.86-35.42.07-2.38,2-3.78,4.56-4.32a11.19,11.19,0,0,1,2.49-.24,11.77,11.77,0,0,1,2.5.25c2.61.55,4.65,2,4.65,4.44v.24L65.72,72.45Z" 935 /> 936 </svg> 937 Weekly cycles 938 </td> 939 <td> 940 <svg 941 class="wrong" 942 xmlns="http://www.w3.org/2000/svg"
943 viewBox="0 0 122.88 111.54" 944 aria-hidden="true" 945 focusable="false" 946 > 947 <title>caution</title> 948 <path 949 class="cls-1" 950 d="M2.35,84.42,45.28,10.2l.17-.27h0A23,23,0,0,1,52.5,2.69,17,17,0,0,1,61.57,0a16.7,16.7,0,0,1,9.11,2.69,22.79,22.79,0,0,1,7,7.26q.19.32.36.63l42.23,73.34.24.44h0a22.48,22.48,0,0,1,2.37,10.19,17.63,17.63,0,0,1-2.17,8.35,15.94,15.94,0,0,1-6.93,6.6c-.19.1-.39.18-.58.26a21.19,21.19,0,0,1-9.11,1.75v0H17.61c-.22,0-.44,0-.65,0a18.07,18.07,0,0,1-6.2-1.15A16.42,16.42,0,0,1,3,104.24a17.53,17.53,0,0,1-3-9.57,23,23,0,0,1,1.57-8.74,7.66,7.66,0,0,1,.77-1.51Z" 951 /> 952 <path 953 class="cls-2" 954 d="M9,88.75,52.12,14.16c5.24-8.25,13.54-8.46,18.87,0l42.43,73.69c3.39,6.81,1.71,16-9.33,15.77H17.61C10.35,103.8,5.67,97.43,9,88.75Z" 955 /> 956 <path 957 class="cls-1" 958 d="M57.57,82.69A5.48,5.48,0,0,1,61,81.11a5.66,5.66,0,0,1,4.42,1.66,5.53,5.53,0,0,1,1.62,3.54A5.6,5.6,0,0,1,67,87.72a6,6,0,0,1-.42,1.34,5.53,5.53,0,0,1-2.92,2.84,5.79,5.79,0,0,1-4.57-.1,5.51,5.51,0,0,1-2.81-2.94,5.31,5.31,0,0,1-.36-1.27,5.9,5.9,0,0,1-.06-1.32h0a6.45,6.45,0,0,1,.57-2,4.6,4.6,0,0,1,1.14-1.56Zm8.15-10.24c-.19,4.79-8.31,4.8-8.49,0-.82-8.21-2.92-27.7-2.86-35.42.07-2.38,2-3.78,4.56-4.32a11.19,11.19,0,0,1,2.49-.24,11.77,11.77,0,0,1,2.5.25c2.61.55,4.65,2,4.65,4.44v.24L65.72,72.45Z" 959 /> 960 </svg> 961 Inconsistent 962 </td> 963 <td><span class="green1">?</span> Task-level only</td> 964 <td> 965 <svg 966 class="wrong" 967 xmlns="http://www.w3.org/2000/svg"
968 viewBox="0 0 122.88 111.54" 969 aria-hidden="true" 970 focusable="false" 971 > 972 <title>caution</title> 973 <path 974 class="cls-1" 975 d="M2.35,84.42,45.28,10.2l.17-.27h0A23,23,0,0,1,52.5,2.69,17,17,0,0,1,61.57,0a16.7,16.7,0,0,1,9.11,2.69,22.79,22.79,0,0,1,7,7.26q.19.32.36.63l42.23,73.34.24.44h0a22.48,22.48,0,0,1,2.37,10.19,17.63,17.63,0,0,1-2.17,8.35,15.94,15.94,0,0,1-6.93,6.6c-.19.1-.39.18-.58.26a21.19,21.19,0,0,1-9.11,1.75v0H17.61c-.22,0-.44,0-.65,0a18.07,18.07,0,0,1-6.2-1.15A16.42,16.42,0,0,1,3,104.24a17.53,17.53,0,0,1-3-9.57,23,23,0,0,1,1.57-8.74,7.66,7.66,0,0,1,.77-1.51Z" 976 /> 977 <path 978 class="cls-2" 979 d="M9,88.75,52.12,14.16c5.24-8.25,13.54-8.46,18.87,0l42.43,73.69c3.39,6.81,1.71,16-9.33,15.77H17.61C10.35,103.8,5.67,97.43,9,88.75Z" 980 /> 981 <path 982 class="cls-1" 983 d="M57.57,82.69A5.48,5.48,0,0,1,61,81.11a5.66,5.66,0,0,1,4.42,1.66,5.53,5.53,0,0,1,1.62,3.54A5.6,5.6,0,0,1,67,87.72a6,6,0,0,1-.42,1.34,5.53,5.53,0,0,1-2.92,2.84,5.79,5.79,0,0,1-4.57-.1,5.51,5.51,0,0,1-2.81-2.94,5.31,5.31,0,0,1-.36-1.27,5.9,5.9,0,0,1-.06-1.32h0a6.45,6.45,0,0,1,.57-2,4.6,4.6,0,0,1,1.14-1.56Zm8.15-10.24c-.19,4.79-8.31,4.8-8.49,0-.82-8.21-2.92-27.7-2.86-35.42.07-2.38,2-3.78,4.56-4.32a11.19,11.19,0,0,1,2.49-.24,11.77,11.77,0,0,1,2.5.25c2.61.55,4.65,2,4.65,4.44v.24L65.72,72.45Z" 984 /> 985 </svg> 986 Slow ramp-up 987 </td> 988 </tr> 989 <tr> 990 <td>Dedicated designer</td> 991 <td class="hi"><span class="green1">?</span> One expert</td> 992 <td><span class="wrong1"> ? </span> Multiple PMs</td> 993 <td> 994 <svg 995 class="wrong" 996 xmlns="http://www.w3.org/2000/svg"
997 viewBox="0 0 122.88 111.54" 998 aria-hidden="true" 999 focusable="false" 1000 > 1001 <title>caution</title> 1002 <path 1003 class="cls-1" 1004 d="M2.35,84.42,45.28,10.2l.17-.27h0A23,23,0,0,1,52.5,2.69,17,17,0,0,1,61.57,0a16.7,16.7,0,0,1,9.11,2.69,22.79,22.79,0,0,1,7,7.26q.19.32.36.63l42.23,73.34.24.44h0a22.48,22.48,0,0,1,2.37,10.19,17.63,17.63,0,0,1-2.17,8.35,15.94,15.94,0,0,1-6.93,6.6c-.19.1-.39.18-.58.26a21.19,21.19,0,0,1-9.11,1.75v0H17.61c-.22,0-.44,0-.65,0a18.07,18.07,0,0,1-6.2-1.15A16.42,16.42,0,0,1,3,104.24a17.53,17.53,0,0,1-3-9.57,23,23,0,0,1,1.57-8.74,7.66,7.66,0,0,1,.77-1.51Z" 1005 /> 1006 <path 1007 class="cls-2" 1008 d="M9,88.75,52.12,14.16c5.24-8.25,13.54-8.46,18.87,0l42.43,73.69c3.39,6.81,1.71,16-9.33,15.77H17.61C10.35,103.8,5.67,97.43,9,88.75Z" 1009 /> 1010 <path 1011 class="cls-1" 1012 d="M57.57,82.69A5.48,5.48,0,0,1,61,81.11a5.66,5.66,0,0,1,4.42,1.66,5.53,5.53,0,0,1,1.62,3.54A5.6,5.6,0,0,1,67,87.72a6,6,0,0,1-.42,1.34,5.53,5.53,0,0,1-2.92,2.84,5.79,5.79,0,0,1-4.57-.1,5.51,5.51,0,0,1-2.81-2.94,5.31,5.31,0,0,1-.36-1.27,5.9,5.9,0,0,1-.06-1.32h0a6.45,6.45,0,0,1,.57-2,4.6,4.6,0,0,1,1.14-1.56Zm8.15-10.24c-.19,4.79-8.31,4.8-8.49,0-.82-8.21-2.92-27.7-2.86-35.42.07-2.38,2-3.78,4.56-4.32a11.19,11.19,0,0,1,2.49-.24,11.77,11.77,0,0,1,2.5.25c2.61.55,4.65,2,4.65,4.44v.24L65.72,72.45Z" 1013 /> 1014 </svg> 1015 5+ people 1016 </td> 1017 <td><span class="green1">?</span> One person</td> 1018 <td><span class="green1">?</span> One hire</td> 1019 </tr> 1020 <tr> 1021 <td>Print ready production files</td> 1022 <td class="hi"><span class="green1"> ? </span>Complete delivery</td> 1023 <td> 1024 <svg 1025 class="wrong" 1026 xmlns="http://www.w3.org/2000/svg"
1027 viewBox="0 0 122.88 111.54" 1028 aria-hidden="true" 1029 focusable="false" 1030 > 1031 <title>caution</title> 1032 <path 1033 class="cls-1" 1034 d="M2.35,84.42,45.28,10.2l.17-.27h0A23,23,0,0,1,52.5,2.69,17,17,0,0,1,61.57,0a16.7,16.7,0,0,1,9.11,2.69,22.79,22.79,0,0,1,7,7.26q.19.32.36.63l42.23,73.34.24.44h0a22.48,22.48,0,0,1,2.37,10.19,17.63,17.63,0,0,1-2.17,8.35,15.94,15.94,0,0,1-6.93,6.6c-.19.1-.39.18-.58.26a21.19,21.19,0,0,1-9.11,1.75v0H17.61c-.22,0-.44,0-.65,0a18.07,18.07,0,0,1-6.2-1.15A16.42,16.42,0,0,1,3,104.24a17.53,17.53,0,0,1-3-9.57,23,23,0,0,1,1.57-8.74,7.66,7.66,0,0,1,.77-1.51Z" 1035 /> 1036 <path 1037 class="cls-2" 1038 d="M9,88.75,52.12,14.16c5.24-8.25,13.54-8.46,18.87,0l42.43,73.69c3.39,6.81,1.71,16-9.33,15.77H17.61C10.35,103.8,5.67,97.43,9,88.75Z" 1039 /> 1040 <path 1041 class="cls-1" 1042 d="M57.57,82.69A5.48,5.48,0,0,1,61,81.11a5.66,5.66,0,0,1,4.42,1.66,5.53,5.53,0,0,1,1.62,3.54A5.6,5.6,0,0,1,67,87.72a6,6,0,0,1-.42,1.34,5.53,5.53,0,0,1-2.92,2.84,5.79,5.79,0,0,1-4.57-.1,5.51,5.51,0,0,1-2.81-2.94,5.31,5.31,0,0,1-.36-1.27,5.9,5.9,0,0,1-.06-1.32h0a6.45,6.45,0,0,1,.57-2,4.6,4.6,0,0,1,1.14-1.56Zm8.15-10.24c-.19,4.79-8.31,4.8-8.49,0-.82-8.21-2.92-27.7-2.86-35.42.07-2.38,2-3.78,4.56-4.32a11.19,11.19,0,0,1,2.49-.24,11.77,11.77,0,0,1,2.5.25c2.61.55,4.65,2,4.65,4.44v.24L65.72,72.45Z" 1043 /> 1044 </svg> 1045 Siloed depts 1046 </td> 1047 <td><span class="wrong1">?</span> One skill each</td> 1048 <td><span class="wrong1">?</span> Admin only</td> 1049 <td><span class="wrong1">?</span> One role</td> 1050 </tr> 1051 <tr> 1052 <td>Done-for-you process</td> 1053 <td class="hi"><span class="green1">? </span> No DIY stress</td> 1054 <td> 1055 <svg 1056 class="wrong" 1057 xmlns="http://www.w3.org/2000/svg"
1058 viewBox="0 0 122.88 111.54" 1059 aria-hidden="true" 1060 focusable="false" 1061 > 1062 <title>caution</title> 1063 <path 1064 class="cls-1" 1065 d="M2.35,84.42,45.28,10.2l.17-.27h0A23,23,0,0,1,52.5,2.69,17,17,0,0,1,61.57,0a16.7,16.7,0,0,1,9.11,2.69,22.79,22.79,0,0,1,7,7.26q.19.32.36.63l42.23,73.34.24.44h0a22.48,22.48,0,0,1,2.37,10.19,17.63,17.63,0,0,1-2.17,8.35,15.94,15.94,0,0,1-6.93,6.6c-.19.1-.39.18-.58.26a21.19,21.19,0,0,1-9.11,1.75v0H17.61c-.22,0-.44,0-.65,0a18.07,18.07,0,0,1-6.2-1.15A16.42,16.42,0,0,1,3,104.24a17.53,17.53,0,0,1-3-9.57,23,23,0,0,1,1.57-8.74,7.66,7.66,0,0,1,.77-1.51Z" 1066 /> 1067 <path 1068 class="cls-2" 1069 d="M9,88.75,52.12,14.16c5.24-8.25,13.54-8.46,18.87,0l42.43,73.69c3.39,6.81,1.71,16-9.33,15.77H17.61C10.35,103.8,5.67,97.43,9,88.75Z" 1070 /> 1071 <path 1072 class="cls-1" 1073 d="M57.57,82.69A5.48,5.48,0,0,1,61,81.11a5.66,5.66,0,0,1,4.42,1.66,5.53,5.53,0,0,1,1.62,3.54A5.6,5.6,0,0,1,67,87.72a6,6,0,0,1-.42,1.34,5.53,5.53,0,0,1-2.92,2.84,5.79,5.79,0,0,1-4.57-.1,5.51,5.51,0,0,1-2.81-2.94,5.31,5.31,0,0,1-.36-1.27,5.9,5.9,0,0,1-.06-1.32h0a6.45,6.45,0,0,1,.57-2,4.6,4.6,0,0,1,1.14-1.56Zm8.15-10.24c-.19,4.79-8.31,4.8-8.49,0-.82-8.21-2.92-27.7-2.86-35.42.07-2.38,2-3.78,4.56-4.32a11.19,11.19,0,0,1,2.49-.24,11.77,11.77,0,0,1,2.5.25c2.61.55,4.65,2,4.65,4.44v.24L65.72,72.45Z" 1074 /> 1075 </svg> 1076 You manage 1077 </td> 1078 <td><span class="wrong1"> ? </span> You?re the PM</td> 1079 <td style="white-space: nowrap;"><span class="wrong1"> ? </span> Constant brief</td> 1080 <td style="white-space: nowrap;"> 1081 <svg 1082 class="wrong" 1083 xmlns="http://www.w3.org/2000/svg"
1084 viewBox="0 0 122.88 111.54" 1085 aria-hidden="true" 1086 focusable="false" 1087 > 1088 <title>caution</title> 1089 <path 1090 class="cls-1" 1091 d="M2.35,84.42,45.28,10.2l.17-.27h0A23,23,0,0,1,52.5,2.69,17,17,0,0,1,61.57,0a16.7,16.7,0,0,1,9.11,2.69,22.79,22.79,0,0,1,7,7.26q.19.32.36.63l42.23,73.34.24.44h0a22.48,22.48,0,0,1,2.37,10.19,17.63,17.63,0,0,1-2.17,8.35,15.94,15.94,0,0,1-6.93,6.6c-.19.1-.39.18-.58.26a21.19,21.19,0,0,1-9.11,1.75v0H17.61c-.22,0-.44,0-.65,0a18.07,18.07,0,0,1-6.2-1.15A16.42,16.42,0,0,1,3,104.24a17.53,17.53,0,0,1-3-9.57,23,23,0,0,1,1.57-8.74,7.66,7.66,0,0,1,.77-1.51Z" 1092 /> 1093 <path 1094 class="cls-2" 1095 d="M9,88.75,52.12,14.16c5.24-8.25,13.54-8.46,18.87,0l42.43,73.69c3.39,6.81,1.71,16-9.33,15.77H17.61C10.35,103.8,5.67,97.43,9,88.75Z" 1096 /> 1097 <path 1098 class="cls-1" 1099 d="M57.57,82.69A5.48,5.48,0,0,1,61,81.11a5.66,5.66,0,0,1,4.42,1.66,5.53,5.53,0,0,1,1.62,3.54A5.6,5.6,0,0,1,67,87.72a6,6,0,0,1-.42,1.34,5.53,5.53,0,0,1-2.92,2.84,5.79,5.79,0,0,1-4.57-.1,5.51,5.51,0,0,1-2.81-2.94,5.31,5.31,0,0,1-.36-1.27,5.9,5.9,0,0,1-.06-1.32h0a6.45,6.45,0,0,1,.57-2,4.6,4.6,0,0,1,1.14-1.56Zm8.15-10.24c-.19,4.79-8.31,4.8-8.49,0-.82-8.21-2.92-27.7-2.86-35.42.07-2.38,2-3.78,4.56-4.32a11.19,11.19,0,0,1,2.49-.24,11.77,11.77,0,0,1,2.5.25c2.61.55,4.65,2,4.65,4.44v.24L65.72,72.45Z" 1100 /> 1101 </svg> Heavy onboarding 1102 </td> 1103 </tr> 1104 <tr> 1105 <td>Dieline & print specs</td> 1106 <td class="hi"><span class="green1"> ? </span> All formats</td> 1107 <td><span class="wrong1"> ? </span> Add on cost</td> 1108 <td><span class="wrong1"> ? </span> Tool dependent</td> 1109 <td><span class="wrong1"> ? </span> Not equipped</td> 1110 <td><span class="wrong1"> ? </span> DIY setup</td> 1111 </tr> 1112 <tr> 1113 <td>Full packaging ownership</td> 1114 <td class="hi"><span class="green1">?</span> 100% yours</td> 1115 <td><span class="green1"> ? </span>Vendor model</td> 1116 <td><span class="green1"> ? </span>1099 only</td> 1117 <td><span class="green1"> ? </span>Contractor</td> 1118 <td><span class="wrong1"> ? </span> $120K+ liability</td> 1119 </tr> 1120 <tr> 1121 <td>Affordable pricing</td> 1122 <td class="hi"><span class="green1"> ? </span>From $129</td> 1123 <td><span class="wrong1">?</span> $8K–15K/mo</td> 1124 <td> 1125 <svg 1126 class="wrong" 1127 xmlns="http://www.w3.org/2000/svg"
1128 viewBox="0 0 122.88 111.54" 1129 aria-hidden="true" 1130 focusable="false" 1131 > 1132 <title>caution</title> 1133 <path 1134 class="cls-1" 1135 d="M2.35,84.42,45.28,10.2l.17-.27h0A23,23,0,0,1,52.5,2.69,17,17,0,0,1,61.57,0a16.7,16.7,0,0,1,9.11,2.69,22.79,22.79,0,0,1,7,7.26q.19.32.36.63l42.23,73.34.24.44h0a22.48,22.48,0,0,1,2.37,10.19,17.63,17.63,0,0,1-2.17,8.35,15.94,15.94,0,0,1-6.93,6.6c-.19.1-.39.18-.58.26a21.19,21.19,0,0,1-9.11,1.75v0H17.61c-.22,0-.44,0-.65,0a18.07,18.07,0,0,1-6.2-1.15A16.42,16.42,0,0,1,3,104.24a17.53,17.53,0,0,1-3-9.57,23,23,0,0,1,1.57-8.74,7.66,7.66,0,0,1,.77-1.51Z" 1136 /> 1137 <path 1138 class="cls-2" 1139 d="M9,88.75,52.12,14.16c5.24-8.25,13.54-8.46,18.87,0l42.43,73.69c3.39,6.81,1.71,16-9.33,15.77H17.61C10.35,103.8,5.67,97.43,9,88.75Z" 1140 /> 1141 <path 1142 class="cls-1" 1143 d="M57.57,82.69A5.48,5.48,0,0,1,61,81.11a5.66,5.66,0,0,1,4.42,1.66,5.53,5.53,0,0,1,1.62,3.54A5.6,5.6,0,0,1,67,87.72a6,6,0,0,1-.42,1.34,5.53,5.53,0,0,1-2.92,2.84,5.79,5.79,0,0,1-4.57-.1,5.51,5.51,0,0,1-2.81-2.94,5.31,5.31,0,0,1-.36-1.27,5.9,5.9,0,0,1-.06-1.32h0a6.45,6.45,0,0,1,.57-2,4.6,4.6,0,0,1,1.14-1.56Zm8.15-10.24c-.19,4.79-8.31,4.8-8.49,0-.82-8.21-2.92-27.7-2.86-35.42.07-2.38,2-3.78,4.56-4.32a11.19,11.19,0,0,1,2.49-.24,11.77,11.77,0,0,1,2.5.25c2.61.55,4.65,2,4.65,4.44v.24L65.72,72.45Z" 1144 /> 1145 </svg> 1146 Hidden costs 1147 </td> 1148 <td><span class="green1"> ? </span> Cheap limited</td> 1149 <td><span class="wrong1"> ? </span> $120K+/yr</td> 1150 </tr> 1151 </tbody> 1152 </table> 1153 </div> 1154 </div> 1155 </section> 1156 --> 1157 1158 <!-- ?? PRICING ?? --> 1159 1160 <section class="pricing-sec" id="pricing"> 1161 <div class="pricing-inner"> 1162 <div class="chip r mid"> 1163 <span class="dot" style="background: var(--mid)"></span> Packaging only 1164 </div> 1165 <h2 class="r">Shelf ready packaging, <em>without a $10K studio invoice.</em></h2> 1166 <p class="sec-sub r"> 1167 Flat rate packages, no per revision billing. Own every file. 1168 </p> 1169 <div class="pricing-grid"> 1170 <div class="p-card r" data-checkout-name="Label Starter"> 1171 <div class="p-tier">Founding</div> 1172 <div class="p-was">Was <span class="geo-price-value notranslate" translate="no" data-usd="258">$258</span></div> 1173 <div class="p-price notranslate" data-usd="129" translate="no">$129</div> 1174 <div class="p-period">one time SAVE <span class="geo-price-value notranslate" translate="no" data-usd="129">$129</span> 5 DAY DELIVERY</div> 1175 <div class="p-name">Label Starter</div> 1176 <div class="p-desc">1 label or single SKU design</div> 1177 <ul class="p-features"> 1178 <li>Custom dieline</li> 1179 <li>Print ready files</li> 1180 <li>3D mockup</li> 1181 <li>Unlimited revisions</li> 1182 <li>100% ownership rights</li> 1183 </ul> 1184 <a href="#get-matched" class="p-btn pb-out">Get My Free Packaging Review <span class="hero-cta-arrow" aria-hidden="true">→</span></a> 1185 </div> 1186 1187 <div class="p-card featured r d1" data-checkout-name="Packaging Pro"> 1188 <div class="p-pop">★ MOST POPULAR</div> 1189 <div class="p-tier">Professional</div> 1190 <div class="p-was">Was <span class="geo-price-value notranslate" translate="no" data-usd="398">$398</span></div> 1191 <div class="p-price notranslate" data-usd="199" translate="no">$199</div> 1192 <div class="p-period">one time SAVE <span class="geo-price-value notranslate" translate="no" data-usd="99">$99</span> 6 DAY DELIVERY</div> 1193 <div class="p-name">Packaging Pro</div> 1194 <div class="p-desc">Full box + label system, up to 3 SKUs</div> 1195 <ul class="p-features"> 1196 <li>Full box + label system</li> 1197 <li>Up to 3 SKUs</li> 1198 <li>Pantone/CMYK proofing</li> 1199 <li>Amazon/retail spec files</li> 1200 <li>Shelf mockups</li> 1201 <li>Unlimited revisions</li> 1202 <li>100% ownership rights</li> 1203 </ul> 1204 <a href="#get-matched" class="p-btn pb-green">Get My Free Packaging Review <span class="hero-cta-arrow" aria-hidden="true">→</span></a> 1205 </div> 1206 1207 <div class="p-card r d2" data-checkout-name="Packaging System"> 1208 <div class="p-tier">Premium</div> 1209 <div class="p-was">Was <span class="geo-price-value notranslate" translate="no" data-usd="698">$698</span></div> 1210 <div class="p-price notranslate" data-usd="349" translate="no">$349</div> 1211 <div class="p-period">one time SAVE <span class="geo-price-value notranslate" translate="no" data-usd="349">$349</span> PRIORITY DELIVERY</div> 1212 <div class="p-name">Packaging System</div> 1213 <div class="p-desc">Full product line system</div> 1214 <ul class="p-features"> 1215 <li>Unlimited SKU variations</li> 1216 <li>Structural design</li> 1217 <li>
1217Print liaison</li> 1218 <li>Priority turnaround</li> 1219 <li>Dielines for all formats</li> 1220 <li>Multi SKU variant system</li> 1221 <li>100% ownership rights</li> 1222 </ul> 1223 <a href="#get-matched" class="p-btn pb-out">Get My Free Packaging Review <span class="hero-cta-arrow" aria-hidden="true">→</span></a> 1224 </div> 1225 </div> 1226 </div> 1227 </section> 1228 1229 <!-- -- PROBLEM (Product Packaging) -- --> 1230 <section class="problem-section problem-section1 pb-0" id="problem"> 1231 <div class="container"> 1232 <div class="section-label reveal">Why packaging matters</div> 1233 <h2 class="reveal"> 1234 Weak packaging quietly <br /><em>loses you sales.</em> 1235 </h2> 1236 <p class="section-intro reveal"> 1237 This isn't about having a box. How your product looks on shelf, in a photo, and in a customer's hands decides whether they pick it up, trust it, and buy again. The research is blunt: 1238 </p> 1239 <div class="stats-row"> 1240 <div class="stat-card reveal reveal2"> 1241 <div class="stat-num">72<span class="hsize">%</span></div> 1242 <h3>Buy Based on Packaging</h3> 1243 <p>Consumers say packaging design influences their purchase decision. <span style="color:#454da1">(IPSOS)</span></p> 1244 </div> 1245 <div class="stat-card reveal reveal2 d1"> 1246 <div class="stat-num">7<span class="hsize">s</span></div> 1247 <h3>To Form a Shelf Impression</h3> 1248 <p>Shoppers decide whether to pick up a product in seconds. <span style="color:#454da1">(Catalina)</span></p> 1249 </div> 1250 <div class="stat-card reveal reveal2 d2"> 1251 <div class="stat-num">52<span class="hsize">%</span></div> 1252 <h3>Won't Repurchase Cheap Packaging</h3> 1253 <p>Over half won't buy again if packaging feels low quality. <span style="color:#454da1">(Dotcom Distribution)</span></p> 1254 </div> 1255 <div class="stat-card reveal reveal2 d3"> 1256 <div class="stat-num">1st</div> 1257 <h3>Touchpoint Before the Product</h3> 1258 <p>Packaging is the first physical experience of your brand.</p> 1259 </div> 1260 </div> 1261 1262 <div class="section-label reveal" style="margin-top: 64px"> 1263 Where your time should go 1264 </div> 1265 <h2 class="reveal"> 1266 Do what you're great at. <br class="block" /><em>Hand off the packaging.</em> 1267 </h2> 1268 <p class="section-intro reveal" style="margin-bottom: 32px"> 1269 You're great at your product, your customers, and your business. Dielines, print specs, and revision rounds aren't where your hours pay off. Put it with professionals under one umbrella and stop stitching together freelancers just to get one label that prints right. 1270 </p> 1271 <div class="trap-wrap"> 1272 <div class="trap-col bad reveal"> 1273 <div class="trap-col-head"> 1274 <span class="head-dot"> 1275 <div>✗</div> 1276 </span> Doing it the hard way 1277 </div> 1278 <div class="trap-row"> 1279 <span class="trap-row-icon text-danger">✗</span> Re briefing a designer every revision 1280 </div> 1281 <div class="trap-row"> 1282 <span class="trap-row-icon text-danger">✗</span> Template boxes that look like everyone else's 1283 </div> 1284 <div class="trap-row"> 1285 <span class="trap-row-icon text-danger">✗</span> Colors that shift at the printer 1286 </div> 1287 <div class="trap-row"> 1288 <span class="trap-row-icon text-danger">✗</span> Files the printer rejects on press day 1289 </div> 1290 <div class="trap-row"> 1291 <span class="trap-row-icon text-danger">✗</span> An agency that owns your source files 1292 </div> 1293 <div class="trap-row"> 1294 <span class="trap-row-icon text-danger">✗</span> You managing the people you hired to help 1295 </div> 1296 </div> 1297 <div class="trap-dif reveal"> 1298 <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> 1299 <path d="M5 12h14M12 5l7 7-7 7"></path> 1300 </svg> 1301 </div> 1302 <div class="trap-col good reveal d1"> 1303 <div class="trap-col-head">
1304 <span class="head-dot"> 1305 <div>✓</div> 1306 </span> Under one umbrella 1307 </div> 1308 <div class="trap-row"> 1309 <span class="trap-row-icon" style="color: var(--green)">✓</span> 1310 One team that already knows your brand 1311 </div> 1312 <div class="trap-row"> 1313 <span class="trap-row-icon" style="color: var(--green)">✓</span> 1314 Print ready files, every time 1315 </div> 1316 <div class="trap-row"> 1317 <span class="trap-row-icon" style="color: var(--green)">✓</span> 1318 Dielines tested before you print 1319 </div> 1320 <div class="trap-row"> 1321 <span class="trap-row-icon" style="color: var(--green)">✓</span> 1322 Unlimited revisions until it's shelf ready 1323 </div> 1324 <div class="trap-row"> 1325 <span class="trap-row-icon" style="color: var(--green)">✓</span> 1326 You own every file, always 1327 </div> 1328 <div class="trap-row"> 1329 <span class="trap-row-icon" style="color: var(--green)">✓</span> 1330 Your focus back on your business and growth 1331 </div> 1332 </div> 1333 </div> 1334 </div> 1335 </section> 1336 1337 <section class="teams-section pb-0" id="add-ons"> 1338 <div class="container"> 1339 <div class="section-label reveal">Deliverables</div> 1340 <h2 class="reveal"> 1341 Everything that makes packaging <br/><em>actually sell.</em> 1342 </h2> 1343 <p class="section-intro reveal"> 1344 Not a flat design structure, print specs, and shelf impact, together. 1345 </p> 1346 1347 <div class="teams-grid"> 1348 1349 <div class="team-card reveal"> 1350 <div class="team-content"> 1351 <div class="team-status">From $29</div> 1352 <h3>Label Design</h3> 1353 <p class="team-desc">Product labels for bottles, jars, and containers thoughtful layouts with botanical accents, sized for print with bleed and safe zones included.</p> 1354 <div class="task-col v2 up"> 1355 <div class="task-track v2 team-bullets"> 1356 <div class="task-item">Bottle & jar labels</div> 1357 <div class="task-item">Wrap-around artwork</div> 1358 <div class="task-item">Bleed & safe zones</div> 1359 <div class="task-item">Print ready PDF + AI</div> 1360 <div class="task-item">Label sheet collection</div> 1361 <div class="task-item">Material specs</div> 1362 <div class="task-item">3D label mockup</div> 1363 <div class="task-item">Bottle & jar labels</div> 1364 <div class="task-item">Wrap-around artwork</div> 1365 <div class="task-item">Bleed & safe zones</div> 1366 <div class="task-item">Print ready PDF + AI</div> 1367 <div class="task-item">Label sheet collection</div> 1368 <div class="task-item">Material specs</div> 1369 <div class="task-item">3D label mockup</div> 1370 </div> 1371 </div> 1372 </div> 1373 <div class="team-media" data-media> 1374 <img class="is-visible" src="/assets/images/what-we-do/product%20packaging/product-%20packeging-add-on/label%20design.webp" alt="Premium product label design for bottles, jars, and containers" loading="lazy" decoding="async" /> 1375 </div> 1376 </div> 1377 1378 <div class="team-card reveal d1"> 1379 <div class="team-content"> 1380 <div class="team-status">From $69 · Most Popular</div> 1381 <h3>Box & Sleeve Design</h3> 1382 <p class="team-desc">Premium box and sleeve packaging with custom dielines, botanical branding, and print ready artwork designed to leave a lasting shelf impression.</p> 1383 <div class="task-col v2 up"> 1384 <div class="task-track v2 team-bullets"> 1385 <div class="task-item">Box & sleeve layout</div> 1386 <div class="task-item">Custom dieline files</div> 1387 <div class="task-item">Structural dimensions</div> 1388 <div class="task-item">Print ready PDF + AI</div> 1389 <div class="task-item">Material selection</div> 1390 <div class="task-item">3D box mockup</div> 1391 <div class="task-item">Manufacturer handoff</div> 1392 <div class="task-item">Box & sleeve layout</div> 1393 <div class="task-item">Custom dieline files</div> 1394 <div class="task-item">Structural dimensions</div> 1395 <div class="task-item">Print ready PDF + AI</div> 1396 <div class="task-item">Material selection</div> 1397 <div class="task-item">3D box mockup</div> 1398 <div class="task-item">Manufacturer handoff</div> 1399 </div> 1400 </div> 1401 </div> 1402 <div class="team-media" data-media> 1403 <img class="is-visible" src="/assets/images/what-we-do/product%20packaging/product-%20packeging-add-on/Box%20%26%20Sleeve%20Design.webp" alt="Premium box and sleeve packaging design with botanical branding" loading="lazy" decoding="async" /> 1404 </div> 1405 </div> 1406 1407 <div class="team-card reveal"> 1408 <div class="team-content"> 1409 <div class="team-status">From $89</div> 1410 <h3>Product Packaging</h3> 1411 <p class="team-desc">Custom retail packaging with branded carrier boxes, die cut windows, and lifestyle mockup built for food, beverage, and consumer products.</p> 1412 <div class="task-col v2 up"> 1413 <div class="task-track v2 team-bullets"> 1414 <div class="task-item">Retail carrier boxes</div> 1415 <div class="task-item">Die-cut window design</div> 1416 <div class="task-item">Brand logo placement</div> 1417 <div class="task-item">Print specs included</div> 1418 <div class="task-item">Bleed & safe zones</div> 1419 <div class="task-item">Lifestyle mockups</div> 1420 <div class="task-item">Vendor-ready files</div> 1421 <div class="task-item">Retail carrier boxes</div> 1422 <div class="task-item">Die-cut window design</div> 1423 <div class="task-item">Brand logo placement</div> 1424 <div class="task-item">Print specs included</div> 1425 <div class="task-item">Bleed & safe zones</div> 1426 <div class="task-item">Lifestyle mockups</div> 1427 <div class="task-item">Vendor-ready files</div> 1428 </div> 1429 </div> 1430 </div> 1431 <div class="team-media" data-media> 1432 <img class="is-visible" src="/assets/images/what-we-do/product%20packaging/product-%20packeging-add-on/product%20packaging.webp" alt="Custom branded product packaging with die cut window and lifestyle mockup" loading="lazy" decoding="async" /> 1433 </div> 1434 </div> 1435 1436 <div class="team-card reveal d1"> 1437 <div class="team-content"> 1438 <div class="team-status">From $49</div> 1439 <h3>Dieline & Print Specs</h3> 1440 <p class="team-desc">Production ready dielines, color palettes, material specs, and 3D mockups everything your print vendor needs to go from design to shelf.</p> 1441 <div class="task-col v2 up"> 1442 <div class="task-track v2 team-bullets"> 1443 <div class="task-item">Flat dieline files</div> 1444 <div class="task-item">CMYK color palette</div> 1445 <div class="task-item">Material & finish specs</div> 1446 <div class="task-item">Bleed & trim marks</div> 1447 <div class="task-item">3D pouch mockup</div> 1448 <div class="task-item">Print vendor handoff</div> 1449 <div class="task-item">Dimension callouts</div> 1450 <div class="task-item">Flat dieline files</div> 1451 <div class="task-item">CMYK color palette</div> 1452 <div class="task-item">Material & finish specs</div> 1453 <div class="task-item">Bleed & trim marks</div> 1454 <div class="task-item">3D pouch mockup</div> 1455 <div class="task-item">Print vendor handoff</div> 1456 <div class="task-item">Dimension callouts</div> 1457 </div> 1458 </div> 1459 </div> 1460 <div class="team-media" data-media> 1461 <img class="is-visible" src="/assets/images/what-we-do/product%20packaging/product-%20packeging-add-on/dieline%20and%20print
1461%20specs.webp" alt="Packaging dieline, color palette, and print specifications for production" loading="lazy" decoding="async" /> 1462 </div> 1463 </div> 1464 1465 <div class="team-card reveal"> 1466 <div class="team-content"> 1467 <div class="team-status">From $149</div> 1468 <h3>MVP Product Packaging</h3> 1469 <p class="team-desc">Launch ready packaging for startups from user research and wireframes to a complete pack design your first product can ship in.</p> 1470 <div class="task-col v2 up"> 1471 <div class="task-track v2 team-bullets"> 1472 <div class="task-item">User persona research</div> 1473 <div class="task-item">Pack concept wireframes</div> 1474 <div class="task-item">Moodboard & color palette</div> 1475 <div class="task-item">Competitive analysis</div> 1476 <div class="task-item">Launch-ready artwork</div> 1477 <div class="task-item">Print ready files</div> 1478 <div class="task-item">3D mockup included</div> 1479 <div class="task-item">User persona research</div> 1480 <div class="task-item">Pack concept wireframes</div> 1481 <div class="task-item">Moodboard & color palette</div> 1482 <div class="task-item">Competitive analysis</div> 1483 <div class="task-item">Launch-ready artwork</div> 1484 <div class="task-item">Print ready files</div> 1485 <div class="task-item">3D mockup included</div> 1486 </div> 1487 </div> 1488 </div> 1489 <div class="team-media" data-media> 1490 <img class="is-visible" src="/assets/images/what-we-do/product%20packaging/product-%20packeging-add-on/mvp%20product.webp" alt="MVP product packaging design process with wireframes and user research" loading="lazy" decoding="async" /> 1491 </div> 1492 </div> 1493 1494 <div class="team-card reveal d1"> 1495 <div class="team-content"> 1496 <div class="team-status">From $49</div> 1497 <h3>Multi SKU Variant System</h3> 1498 <p class="team-desc">Consistent packaging across colors, sizes, and materials one design system scaled to every SKU in your catalog with inventory-ready specs.</p> 1499 <div class="task-col v2 up"> 1500 <div class="task-track v2 team-bullets"> 1501 <div class="task-item">SKU variant templates</div> 1502 <div class="task-item">Color & size variants</div> 1503 <div class="task-item">Consistent shelf system</div> 1504 <div class="task-item">Unique SKU artwork</div> 1505 <div class="task-item">Print specs per SKU</div> 1506 <div class="task-item">Inventory control layout</div> 1507 <div class="task-item">Vendor handoff docs</div> 1508 <div class="task-item">SKU variant templates</div> 1509 <div class="task-item">Color & size variants</div> 1510 <div class="task-item">Consistent shelf system</div> 1511 <div class="task-item">Unique SKU artwork</div> 1512 <div class="task-item">Print specs per SKU</div> 1513 <div class="task-item">Inventory control layout</div> 1514 <div class="task-item">Vendor handoff docs</div> 1515 </div> 1516 </div> 1517 </div> 1518 <div class="team-media" data-media> 1519 <img class="is-visible" src="/assets/images/what-we-do/product%20packaging/product-%20packeging-add-on/sku.webp" alt="Multi SKU packaging variant system with color, size, and material options" loading="lazy" decoding="async" /> 1520 </div> 1521 </div> 1522 1523 </div> 1524 </div> 1525 </section> 1526 1527 <!-- -- SOLUTION / TEAM MODEL (Product Packaging) -- --> 1528 <section class="solution-section solution-section--index" id="solution-os"> 1529 <div class="container"> 1530 <div class="section-label reveal reveal01">Your Team</div> 1531 <h2 class="reveal"> 1532 You own the vision.<br />We run the <em>execution.</em> 1533 </h2> 1534 <p class="section-intro reveal"> 1535 A packaging lead, structural designer, print specialist, one point of contact moving files to print-ready. You approve. That's it. A dedicated team like your own, without hiring one. 1536 </p> 1537 <div class="solution-shell reveal"> 1538 <div class="solution-split"> 1539 <div class="solution-layers" id="solLayersOs"> 1540 <div class="sol-layer is-active" data-media="os-m2"> 1541 <div class="sol-num">01 · Packaging Designer</div> 1542 <div> 1543 <div class="sol-title">Packaging Designer</div> 1544 <div class="sol-desc"> 1545 Owns shelf impact and the quality bar on every label, box, and pouch. 1546 </div> 1547 </div> 1548 <div class="sol-tag">Your Design Lead</div> 1549 </div> 1550 <div class="sol-layer" data-media="os-m3"> 1551 <div class="sol-num">02 · Project Manager</div> 1552 <div> 1553 <div class="sol-title">Project Manager</div> 1554 <div class="sol-desc"> 1555 Single point of contact, brief to print-ready files. You never chase updates. 1556 </div> 1557 </div> 1558 <div class="sol-tag">Your Point Of Contact</div> 1559 </div> 1560 <div class="sol-layer" data-media="os-m4"> 1561 <div class="sol-num">03 · Specialist Team</div> 1562 <div> 1563 <div class="sol-title">Specialist Team</div> 1564 <div class="sol-desc"> 1565 Structural designers, print spec writers, and 3D mockup artists — each by an expert. 1566 </div> 1567 </div> 1568 <div class="sol-tag">Your Production</div> 1569 </div> 1570 <div class="sol-layer" data-media="os-m1"> 1571 <div class="sol-num">04 · Founder</div> 1572 <div> 1573 <div class="sol-title">You, The Founder</div> 1574 <div class="sol-desc"> 1575 Approve the direction, focus on your product and customers. 1576 </div> 1577 </div> 1578 <div class="sol-tag">Your Role</div> 1579 </div> 1580 </div> 1581 <div class="solution-media" id="solMediaOs"> 1582 <div class="media-frame"> 1583 <div class="media-slide" data-media="os-m1"> 1584 <video class="media-bg" autoplay muted loop playsinline preload="metadata"> 1585 <source src="/assets/images/what-we-do/website-design/you-back-In-ceo-mode.mp4" type="video/mp4" /> 1586 </video> 1587 <div class="media-slide-content"> 1588 <div class="media-slide-eyebrow">04 · Founder</div> 1589 <div class="media-slide-title">You, the<br />Founder.</div> 1590 <div class="media-slide-sub"> 1591 Approve the direction, focus on your product and customers. 1592 </div> 1593 </div> 1594 </div> 1595 <div class="media-slide is-active" data-media="os-m2"> 1596 <video class="media-bg" autoplay muted loop playsinline preload="metadata"> 1597 <source src="/assets/images/what-we-do/solution-videos/web-lead-architect.mp4" type="video/mp4" /> 1598 </video> 1599 <div class="media-slide-content"> 1600 <div class="media-slide-eyebrow">01 · Packaging Designer</div> 1601 <div class="media-slide-title">Your packaging<br />designer.</div> 1602 <div class="media-slide-sub"> 1603 Owns shelf impact and the quality bar on every file. 1604 </div> 1605 </div> 1606 </div> 1607 <div class="media-slide" data-media="os-m3"> 1608 <video class="media-bg" muted loop playsinline preload="metadata"> 1609 <source src="/assets/images/what-we-do/solution-videos/web-project-manager.mp4" type="video/mp4" /> 1610 </video> 1611 <div class="media-slide-content"> 1612 <div class="media-slide-eyebrow">02 · Project Manager</div> 1613 <div class="media-slide-title">Your single<br />point of contact.</div> 1614 <div class="media-slide-sub"> 1615 Brief to print-ready files, fast. 1616 </div> 1617 </div> 1618 </div> 1619 <div class="media-slide" data-media="os-m4"> 1620 <video class="media-bg" muted loop playsinline preload="metadata"> 1621 <source src="/assets/images/what-we-do/solution-videos/web-specialist-developers.mp4" type="video/mp4" /> 1622 </video> 1623 <div class="media-slide-content"> 1624 <div class="media-slide-eyebrow">03 · Specialist Team</div> 1625 <div class="media-slide-title">Specialist<br />team.</div> 1626 <div class="media-slide-sub"> 1627 Structural, print specs, and 3D mockups — each by an expert. 1628 </div> 1629 </div> 1630 </div> 1631 </div> 1632 </div> 1633 </div> 1634 </div> 1635 </div> 1636 </section> 1637 1638 <section class="portfolio-section" id="portfolio"> 1639 <div class="container"> 1640 <div class="section-label reveal">Portfolio</div> 1641 1642 <h2 class="reveal"> 1643 Real packaging, designed and <br/><em>print ready in days.</em> 1644 </h2> 1645 1646 <p class="section-intro reveal" style="margin-bottom: 0"> 1647 Boxes, labels, pouches, and cartons by the team that designs y
1647ours. 1648 </p> 1649 1650 </div> 1651 1652 <div class="portfolio-rows reveal"> 1653 <div class="portfolio-row left"> 1654 <div class="portfolio-track"> 1655 <a class="portfolio-card" href="#"> 1656 <img src="/assets/images/what-we-do/product%20packaging/webp/pp-01.webp" alt="Product packaging Pp 01" loading="lazy" decoding="async" /> 1657 <div class="portfolio-meta"> 1658 <span class="pf-tag">Product Packaging</span> 1659 <div class="pf-title">Pp 01</div> 1660 </div> 1661 </a> 1662 1663 <a class="portfolio-card" href="#"> 1664 <img src="/assets/images/what-we-do/product%20packaging/webp/pp-04.webp" alt="Product packaging Pp 04" loading="lazy" decoding="async" /> 1665 <div class="portfolio-meta"> 1666 <span class="pf-tag">Product Packaging</span> 1667 <div class="pf-title">Pp 04</div> 1668 </div> 1669 </a> 1670 1671 <a class="portfolio-card" href="#"> 1672 <img src="/assets/images/what-we-do/product%20packaging/webp/pp-06.webp" alt="Product packaging Pp 06" loading="lazy" decoding="async" /> 1673 <div class="portfolio-meta"> 1674 <span class="pf-tag">Product Packaging</span> 1675 <div class="pf-title">Pp 06</div> 1676 </div> 1677 </a> 1678 1679 <a class="portfolio-card" href="#"> 1680 <img src="/assets/images/what-we-do/product%20packaging/webp/pp-08.webp" alt="Product packaging Pp 08" loading="lazy" decoding="async" /> 1681 <div class="portfolio-meta"> 1682 <span class="pf-tag">Product Packaging</span> 1683 <div class="pf-title">Pp 08</div> 1684 </div> 1685 </a> 1686 1687 <a class="portfolio-card" href="#"> 1688 <img src="/assets/images/what-we-do/product%20packaging/webp/pp-10.webp" alt="Product packaging Pp 10" loading="lazy" decoding="async" /> 1689 <div class="portfolio-meta"> 1690 <span class="pf-tag">Product Packaging</span> 1691 <div class="pf-title">Pp 10</div> 1692 </div> 1693 </a> 1694 1695 <a class="portfolio-card" href="#"> 1696 <img src="/assets/images/what-we-do/product%20packaging/webp/pp-12.webp" alt="Product packaging Pp 12" loading="lazy" decoding="async" /> 1697 <div class="portfolio-meta"> 1698 <span class="pf-tag">Product Packaging</span> 1699 <div class="pf-title">Pp 12</div> 1700 </div> 1701 </a> 1702 1703 <a class="portfolio-card" href="#"> 1704 <img src="/assets/images/what-we-do/product%20packaging/webp/pp-14.webp" alt="Product packaging Pp 14" loading="lazy" decoding="async" /> 1705 <div class="portfolio-meta"> 1706 <span class="pf-tag">Product Packaging</span> 1707 <div class="pf-title">Pp 14</div> 1708 </div> 1709 </a> 1710 1711 <a class="portfolio-card" href="#"> 1712 <img src="/assets/images/what-we-do/product%20packaging/webp/pp-16.webp" alt="Product packaging Pp 16" loading="lazy" decoding="async" /> 1713 <div class="portfolio-meta"> 1714 <span class="pf-tag">Product Packaging</span> 1715 <div class="pf-title">Pp 16</div> 1716 </div> 1717 </a> 1718 1719 <a class="portfolio-card" href="#"> 1720 <img src="/assets/images/what-we-do/product%20packaging/webp/pp-18.webp" alt="Product packaging Pp 18" loading="lazy" decoding="async" /> 1721 <div class="portfolio-meta"> 1722 <span class="pf-tag">Product Packaging</span> 1723 <div class="pf-title">Pp 18</div> 1724 </div> 1725 </a> 1726 1727 <a class="portfolio-card" href="#"> 1728 <img src="/assets/images/what-we-do/product%20packaging/webp/pp-20.webp" alt="Product packaging Pp 20" loading="lazy" decoding="async" /> 1729 <div class="portfolio-meta"> 1730 <span class="pf-tag">Product Packaging</span> 1731 <div class="pf-title">Pp 20</div> 1732 </div> 1733 </a> 1734 1735 <a class="portfolio-card" href="#"> 1736 <img src="/assets/images/what-we-do/product%20packaging/webp/m-43.webp" alt="Product packaging M 43" loading="lazy" decoding="async" /> 1737 <div class="portfolio-meta">
1738 <span class="pf-tag">Product Packaging</span> 1739 <div class="pf-title">M 43</div> 1740 </div> 1741 </a> 1742 1743 <a class="portfolio-card" href="#"> 1744 <img src="/assets/images/what-we-do/product%20packaging/webp/m-127.webp" alt="Product packaging M 127" loading="lazy" decoding="async" /> 1745 <div class="portfolio-meta"> 1746 <span class="pf-tag">Product Packaging</span> 1747 <div class="pf-title">M 127</div> 1748 </div> 1749 </a> 1750 1751 <a class="portfolio-card" href="#"> 1752 <img src="/assets/images/what-we-do/product%20packaging/webp/m-141.webp" alt="Product packaging M 141" loading="lazy" decoding="async" /> 1753 <div class="portfolio-meta"> 1754 <span class="pf-tag">Product Packaging</span> 1755 <div class="pf-title">M 141</div> 1756 </div> 1757 </a> 1758 1759 </div> 1760 </div> 1761 <div class="portfolio-row right"> 1762 <div class="portfolio-track"> 1763 <a class="portfolio-card" href="#"> 1764 <img src="/assets/images/what-we-do/product%20packaging/webp/pp-03.webp" alt="Product packaging Pp 03" loading="lazy" decoding="async" /> 1765 <div class="portfolio-meta"> 1766 <span class="pf-tag">Product Packaging</span> 1767 <div class="pf-title">Pp 03</div> 1768 </div> 1769 </a> 1770 1771 <a class="portfolio-card" href="#"> 1772 <img src="/assets/images/what-we-do/product%20packaging/webp/pp-05.webp" alt="Product packaging Pp 05" loading="lazy" decoding="async" /> 1773 <div class="portfolio-meta"> 1774 <span class="pf-tag">Product Packaging</span> 1775 <div class="pf-title">Pp 05</div> 1776 </div> 1777 </a> 1778 1779 <a class="portfolio-card" href="#"> 1780 <img src="/assets/images/what-we-do/product%20packaging/webp/pp-07.webp" alt="Product packaging Pp 07" loading="lazy" decoding="async" /> 1781 <div class="portfolio-meta"> 1782 <span class="pf-tag">Product Packaging</span> 1783 <div class="pf-title">Pp 07</div> 1784 </div> 1785 </a> 1786 1787 <a class="portfolio-card" href="#"> 1788 <img src="/assets/images/what-we-do/product%20packaging/webp/pp-09.webp" alt="Product packaging Pp 09" loading="lazy" decoding="async" /> 1789 <div class="portfolio-meta"> 1790 <span class="pf-tag">Product Packaging</span> 1791 <div class="pf-title">Pp 09</div> 1792 </div> 1793 </a> 1794 1795 <a class="portfolio-card" href="#"> 1796 <img src="/assets/images/what-we-do/product%20packaging/webp/pp-11.webp" alt="Product packaging Pp 11" loading="lazy" decoding="async" /> 1797 <div class="portfolio-meta"> 1798 <span class="pf-tag">Product Packaging</span> 1799 <div class="pf-title">Pp 11</div> 1800 </div> 1801 </a> 1802 1803 <a class="portfolio-card" href="#"> 1804 <img src="/assets/images/what-we-do/product%20packaging/webp/pp-13.webp" alt="Product packaging Pp 13" loading="lazy" decoding="async" /> 1805 <div class="portfolio-meta"> 1806 <span class="pf-tag">Product Packaging</span> 1807 <div class="pf-title">Pp 13</div> 1808 </div> 1809 </a> 1810 1811 <a class="portfolio-card" href="#"> 1812 <img src="/assets/images/what-we-do/product%20packaging/webp/pp-15.webp" alt="Product packaging Pp 15" loading="lazy" decoding="async" /> 1813 <div class="portfolio-meta"> 1814 <span class="pf-tag">Product Packaging</span> 1815 <div class="pf-title">Pp 15</div> 1816 </div> 1817 </a> 1818 1819 <a class="portfolio-card" href="#"> 1820 <img src="/assets/images/what-we-do/product%20packaging/webp/pp-17.webp" alt="Product packaging Pp 17" loading="lazy" decoding="async" /> 1821 <div class="portfolio-meta"> 1822 <span class="pf-tag">Product Packaging</span> 1823 <div class="pf-title">Pp 17</div> 1824 </div> 1825 </a> 1826 1827 <a class="portfolio-card" href="#"> 1828 <img src="/assets/images/what-we-do/product%20packaging/webp/pp-19.webp" alt="Product packaging Pp 19" loading="lazy" decoding="async" /> 1829 <div class="portfolio-meta">
1830 <span class="pf-tag">Product Packaging</span> 1831 <div class="pf-title">Pp 19</div> 1832 </div> 1833 </a> 1834 1835 <a class="portfolio-card" href="#"> 1836 <img src="/assets/images/what-we-do/product%20packaging/webp/pp-21.webp" alt="Product packaging Pp 21" loading="lazy" decoding="async" /> 1837 <div class="portfolio-meta"> 1838 <span class="pf-tag">Product Packaging</span> 1839 <div class="pf-title">Pp 21</div> 1840 </div> 1841 </a> 1842 1843 <a class="portfolio-card" href="#"> 1844 <img src="/assets/images/what-we-do/product%20packaging/webp/m-120.webp" alt="Product packaging M 120" loading="lazy" decoding="async" /> 1845 <div class="portfolio-meta"> 1846 <span class="pf-tag">Product Packaging</span> 1847 <div class="pf-title">M 120</div> 1848 </div> 1849 </a> 1850 1851 <a class="portfolio-card" href="#"> 1852 <img src="/assets/images/what-we-do/product%20packaging/webp/m-140.webp" alt="Product packaging M 140" loading="lazy" decoding="async" /> 1853 <div class="portfolio-meta"> 1854 <span class="pf-tag">Product Packaging</span> 1855 <div class="pf-title">M 140</div> 1856 </div> 1857 </a> 1858 1859 <a class="portfolio-card" href="#"> 1860 <img src="/assets/images/what-we-do/product%20packaging/webp/m-147.webp" alt="Product packaging M 147" loading="lazy" decoding="async" /> 1861 <div class="portfolio-meta"> 1862 <span class="pf-tag">Product Packaging</span> 1863 <div class="pf-title">M 147</div> 1864 </div> 1865 </a> 1866 1867 </div> 1868 </div> 1869 </div> 1870 </section> 1871 1872 <!-- ?? HOW IT WORKS ?? --> 1873 1874 <section class="hiw-section hiw-section--process" id="how-it-works" data-scroll-capture="false"> 1875 <div class="container"> 1876 <div class="hiw-process"> 1877 <div class="hiw-process__intro"> 1878 <div class="section-label reveal">How It Works</div> 1879 <h2 class="hiw-process__title reveal">Your packaging, print <br>ready in <em>three simple steps.</em></h2> 1880 <p class="hiw-process__lead reveal">Studios take weeks. We move in days: first concept in 24h, files at the printer inside a week.</p> 1881 <div class="hiw-process__highlights"> 1882 1883 <div class="hiw-process__highlight reveal"> 1884 <div class="hiw-process__highlight-ico hiw-process__highlight-ico--blue"><svg viewBox="0 0 24 24"><path d="M9 18h6"/><path d="M10 22h4"/><path d="M12 2a7 7 0 0 0-4 12.7V17h8v-2.3A7 7 0 0 0 12 2z"/></svg></div> 1885 <div> 1886 <h3>Senior craft, start to finish</h3> 1887 <p>A full packaging team for a fraction of what one hire costs design, dielines, print production, mockups, US grade craft.</p> 1888 </div> 1889 </div> 1890 1891 <div class="hiw-process__highlight reveal"> 1892 <div class="hiw-process__highlight-ico hiw-process__highlight-ico--green"><svg viewBox="0 0 24 24"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"/><path d="M12 15l-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"/><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"/><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"/></svg></div> 1893 <div> 1894 <h3>AI accelerated. Human perfected.</h3> 1895 <p>AI to explore more shelf directions earlier every dieline, colour, and print file is human designed and press checked.</p> 1896 </div> 1897 </div> 1898 1899 <div class="hiw-process__highlight reveal"> 1900 <div class="hiw-process__highlight-ico hiw-process__highlight-ico--purple"><svg viewBox="0 0 24 24"><path d="m3 21 9-9"/><path d="M15 4V2"/><path d="M15 16v-2"/><path d="M8 9h2"/><path d="M20 9h2"/><path d="M17.8 11.8 19 13"/><path d="M17.8 6.2 19 5"/><path d="M12.2 6.2 11 5"/></svg></div> 1901 <div> 1902 <h3>Print ready, guaranteed</h3> 1903 <p>If your printer rejects the file, we fix it at no cost. Unlimited revisions until it's right, and you own every layered source file.</p> 1904 </div> 1905 </div> 1906 </div> 1907 </div> 1908 <div class="hiw-process__flow"> 1909 <div class="hiw-process__progress" aria-hidden="true"></div> 1910 1911 <div class="hiw-process__step reveal"> 1912 <div class="hiw-process__marker">
1913 <span class="hiw-process__num">01</span> 1914 <svg viewBox="0 0 24 24"><path d="M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2"/><rect x="9" y="3" width="6" height="4" rx="1"/><path d="M9 12h6M9 16h6"/></svg> 1915 </div> 1916 <div class="hiw-process__body"> 1917 <div class="hiw-process__meta">24 hours</div> 1918 <h3>Free review</h3> 1919 <p>Share your product; get 3 fixes in 24h that show what's costing you the pick-up.</p> 1920 <div class="hiw-process__tags"><span class="hiw-tag">Brand Assets</span><span class="hiw-tag">Product Specs</span><span class="hiw-tag">Style References</span></div> 1921 </div> 1922 </div> 1923 1924 <div class="hiw-process__step reveal"> 1925 <div class="hiw-process__marker"> 1926 <span class="hiw-process__num">02</span> 1927 <svg viewBox="0 0 24 24"><circle cx="11" cy="11" r="7"/><path d="m20 20-3.5-3.5"/></svg> 1928 </div> 1929 <div class="hiw-process__body"> 1930 <div class="hiw-process__meta">Day 1</div> 1931 <h3>First concepts + direction</h3> 1932 <p>Your team studies your category and delivers first packaging directions on 3D mockups.</p> 1933 <div class="hiw-process__tags"><span class="hiw-tag">Brief Analysis</span><span class="hiw-tag">Material Review</span></div> 1934 </div> 1935 </div> 1936 1937 <div class="hiw-process__step reveal"> 1938 <div class="hiw-process__marker"> 1939 <span class="hiw-process__num">03</span> 1940 <svg viewBox="0 0 24 24"><path d="M9 18h6M10 22h4"/><path d="M12 2a7 7 0 0 0-4 12.7V17h8v-2.3A7 7 0 0 0 12 2z"/></svg> 1941 </div> 1942 <div class="hiw-process__body"> 1943 <div class="hiw-process__meta">Day 3 to 5</div> 1944 <h3>Dieline locked, design refined</h3> 1945 <p>Pick a package, lock the concept, and refine until it's shelf ready.</p> 1946 <div class="hiw-process__tags"><span class="hiw-tag">Concept Designs</span><span class="hiw-tag">3D Mockups</span><span class="hiw-tag">Rationale Notes</span></div> 1947 </div> 1948 </div> 1949 1950 <div class="hiw-process__step reveal"> 1951 <div class="hiw-process__marker"> 1952 <span class="hiw-process__num">04</span> 1953 <svg viewBox="0 0 24 24"><path d="M8 17h8a4 4 0 0 0 .5-8A5 5 0 0 0 8.4 7 4.5 4.5 0 0 0 8 17z"/><path d="M12 12v6M9 15l3 3 3-3"/></svg> 1954 </div> 1955 <div class="hiw-process__body"> 1956 <div class="hiw-process__meta">Week 1</div> 1957 <h3>Print ready files delivered</h3> 1958 <p>We run it print ready files in days, unlimited revisions, every file your printer needs.</p> 1959 <div class="hiw-process__tags"><span class="hiw-tag">PDF</span><span class="hiw-tag">AI</span><span class="hiw-tag">Dieline</span></div> 1960 </div> 1961 </div> 1962 1963 </div> 1964 </div> 1965 </div> 1966 </section> 1967 1968 <!-- ?? ASSISTANT (hidden) ?? 1969 <section class="assistant-section assistant-section--index"> 1970 <div class="container"> 1971 <div class="assistant-inner"> 1972 <div class="assistant-copy reveal"> 1973 <div class="section-label reveal"> 1974 Your Dedicated Logo Designer 1975 </div> 1976 <h2 class="reveal"> 1977 One expert. <em>Every file format.</em> Zero DIY stress 1978 </h2> 1979 <p> 1980 A senior brand designer assigned to your project from day one. No 1981 rotating freelancers, no template mills just focused expertise 1982 on making your logo look world-class. 1983 </p> 1984 <p 1985 style="font-size: 15px; color: var(--muted); margin-bottom: 32px" 1986 > 1987 Need business cards, social kits, or brand guidelines? Your 1988 designer handles it all in one seamless process. You approve the 1989 direction we deliver the files. 1990 </p> 1991 <div class="assistant-metrics"> 1992 <div class="a-metric"> 1993 <div class="a-metric-num">48h</div> 1994 <div class="a-metric-label">First Concepts</div> 1995 </div> 1996 <div class="a-metric"> 1997 <div class="a-metric-num">8</div> 1998 <div class="a-metric-label">Revisions</div> 1999 </div> 2000 <div class="a-metric"> 2001 <div class="a-metric-num">100%</div> 2002 <div class="a-metric-label">Ownership</div> 2003 </div> 2004 </div> 2005 <div class="assistant-metrics mt-3"> 2006 <div class="a-metric"> 2007 <div class="a-metric-num">2,400+</div> 2008 <div class="a-metric-label">Logos Delivered</div> 2009 </div> 2010 <div class="a-metric"> 2011 <div class="a-metric-num">15+</div> 2012 <div class="a-metric-label"> 2013 File formats included 2014 </div> 2015 </div> 2016 <div class="a-metric"> 2017 <div class="a-metric-num">4.9★</div> 2018 <div class="a-metric-label">Client rating</div> 2019 </div> 2020 </div> 2021 </div> 2022 <div class="task-grid reveal d1"> 2023 <div class="task-col up"> 2024 <div class="task-track"> 2025 <div class="task-item"> 2026 <svg viewBox="0 0 24 24"> 2027 <path d="M3 12h13M13 6l6 6-6 6" /> 2028 </svg> 2029 Logo concepts 2030 </div> 2031 <div class="task-item"> 2032 <svg viewBox="0 0 24 24"> 2033 <path 2034 d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" 2035 /> 2036 </svg> 2037 Vector files 2038 </div> 2039 <div class="task-item"> 2040 <svg viewBox="0 0 24 24"> 2041 <rect x="3" y="5" width="18" height="14" rx="2" /> 2042 <path d="m3 7 9 6 9-6" /> 2043 </svg> 2044 Brand colors 2045 </div> 2046 <div class="task-item"> 2047 <svg viewBox="0 0 24 24"> 2048 <path d="M3 3v18h18" /> 2049 <path d="M7 14l4-4 3 3 5-6" /> 2050 </svg> 2051 Typography pairing 2052 </div> 2053 <div class="task-item"> 2054 <svg viewBox="0 0 24 24"> 2055 <path d="M4 4h16v4H4z" /> 2056 <path d="M6 8v12h12V8" /> 2057 <path d="M10 12h4" /> 2058 </svg> 2059 Business cards 2060 </div> 2061 <div class="task-item"> 2062 <svg viewBox="0 0 24 24"> 2063 <circle cx="11" cy="11" r="7" /> 2064 <path d="m20 20-3.5-3.5" /> 2065 </svg> 2066 Market research 2067 </div> 2068 <div class="task-item"> 2069 <svg viewBox="0 0 24 24"> 2070 <path 2071 d="M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83" 2072 /> 2073 </svg> 2074 Social media kit 2075 </div> 2076 <div class="task-item"> 2077 <svg viewBox="0 0 24 24"> 2078 <rect x="3" y="4" width="18" height="18" rx="2" /> 2079 <path d="M16 2v4M8 2v4M3 10h18" /> 2080 </svg> 2081 Letterhead design 2082 </div> 2083 <div class="task-item"> 2084 <svg viewBox="0 0 24 24"> 2085 <path 2086 d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z" 2087 /> 2088 </svg> 2089 Merch mockups 2090 </div> 2091 <div class="task-item"> 2092 <svg viewBox="0 0 24 24"> 2093 <path 2094 d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" 2095 /> 2096 <path d="M14 2v6h6M9 13h6M9 17h6" /> 2097 </svg> 2098 Brand guidelines 2099 </div> 2100 <div class="task-item"> 2101 <svg viewBox="0 0 24 24"> 2102 <path d="M3 12h13M13 6l6 6-6 6" /> 2103 </svg> 2104 Logo concepts 2105 </div> 2106 <div class="task-item"> 2107 <svg viewBox="0 0 24 24"> 2108 <path 2109 d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" 2110 /> 2111 </svg> 2112 Vector files 2113 </div> 2114 <div class="task-item"> 2115 <svg viewBox="0 0 24 24"> 2116 <rect x="3" y="5" width="18" height="14" rx="2" /> 2117 <path d="m3 7 9 6 9-6" /> 2118 </svg> 2119 Brand colors 2120 </div> 2121 <div class="task-item"> 2122 <svg viewBox="0 0 24 24"> 2123 <path d="M3 3v18h18" /> 2124 <path d="M7 14l4-4 3 3 5-6" /> 2125 </svg> 2126 Typography pairing 2127 </div> 2128 <div class="task-item"> 2129 <svg viewBox="0 0 24 24"> 2130 <path d="M4 4h16v4H4z" /> 2131 <path d="M6 8v12h12V8" /> 2132 <path d="M10 12h4" /> 2133 </svg> 2134 Business cards 2135 </div> 2136 <div class="task-item"> 2137 <svg viewBox="0 0 24 24"> 2138 <circle cx="11" cy="11" r="7" /> 2139 <path d="m20 20-3.5-3.5" /> 2140 </svg> 2141 Market research 2142 </div> 2143 <div class="task-item"> 2144 <svg viewBox="0 0 24 24"> 2145 <path 2146 d="M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83" 2147 /> 2148 </svg> 2149 Social media kit 2150 </div> 2151 <div class="task-item"> 2152 <svg viewBox="0 0 24 24"> 2153 <rect x="3" y="4" width="18" height="18" rx="2" /> 2154 <path d="M16 2v4M8 2v4M3 10h18" /> 2155 </svg> 2156 Letterhead design 2157 </div> 2158 <div class="task-item"> 2159 <svg viewBox="0 0 24 24"> 2160 <path 2161 d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z" 2162 /> 2163 </svg> 2164 Merch mockups 2165 </div> 2166 <div class="task-item"> 2167 <svg viewBox="0 0 24 24"> 2168 <path 2169 d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" 2170 /> 2171 <path d="M14 2v6h6M9 13h6M9 17h6" /> 2172 </svg> 2173 Brand guidelines 2174 </div> 2175 </div> 2176 </div> 2177 2178 <div class="task-col down"> 2179 <div class="task-track"> 2180 <div class="task-item"> 2181 <svg viewBox="0 0 24 24"> 2182 <circle cx="12" cy="12" r="10" /> 2183 <path d="M12 6v6l4 2" /> 2184 </svg> 2185 Social scheduling 2186 </div> 2187 <div class="task-item"> 2188 <svg viewBox="0 0 24 24"> 2189 <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14" /> 2190 <path d="m9 11 3 3L22 4" /> 2191 </svg> 2192 Pipeline coordination 2193 </div> 2194 <div class="task-item"> 2195 <svg viewBox="0 0 24 24"> 2196 <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" /> 2197 <circle cx="9" cy="7" r="4" /> 2198 <path 2199 d="M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75" 2200 /> 2201 </svg> 2202 CRM updates 2203 </div> 2204 <div class="task-item"> 2205 <svg viewBox="0 0 24 24"> 2206 <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" /> 2207 <circle cx="9" cy="7" r="4" /> 2208 <path d="M19 8v6M22 11h-6" /> 2209 </svg> 2210 Vendor coordination 2211 </div> 2212 <div class="task-item"> 2213 <svg viewBox="0 0 24 24"> 2214 <rect x="3" y="4" width="18" height="14" rx="2" /> 2215 <path d="M8 21h8M12 18v3" /> 2216 </svg> 2217 Meeting prep 2218 </div> 2219 <div class="task-item"> 2220 <svg viewBox="0 0 24 24"> 2221 <circle cx="12" cy="12" r="3" /> 2222 <path 2223 d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 1 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.6 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.6a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09c0 .66.39 1.26 1 1.51a1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9c.25.61.85 1 1.51 1H21a2 2 0 1 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z" 2224 /> 2225 </svg> 2226 Day-to-day growth ops 2227 </div> 2228 <div class="task-item"> 2229 <svg viewBox="0 0 24 24"> 2230 <path d="M12 2 2 7l10 5 10-5z" /> 2231 <path d="m2 17 10 5 10-5M2 12l10 5 10-5" /> 2232 </svg> 2233 Content packaging 2234 </div> 2235 <div class="task-item"> 2236 <svg viewBox="0 0 24 24"> 2237 <path 2238 d="M12 20h9M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4z" 2239 /> 2240 </svg> 2241 Copy edits 2242 </div> 2243 <div class="task-item"> 2244 <svg viewBox="0 0 24 24"> 2245 <circle cx="12" cy="12" r="10" /> 2246 <path d="m9 12 2 2 4-4" /> 2247 </svg> 2248 Task QA 2249 </div> 2250 <div class="task-item"> 2251 <svg viewBox="0 0 24 24"> 2252 <path d="M3 3h18v4H3zM3 10h18v4H3zM3 17h18v4H3z" /> 2253 </svg> 2254 Status digests 2255 </div> 2256 <div class="task-item"> 2257 <svg viewBox="0 0 24 24"> 2258 <circle cx="12" cy="12" r="10" /> 2259 <path d="M12 6v6l4 2" /> 2260 </svg> 2261 Social scheduling 2262 </div> 2263 <div class="task-item"> 2264 <svg viewBox="0 0 24 24"> 2265 <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14" /> 2266 <path d="m9 11 3 3L22 4" /> 2267 </svg> 2268 Pipeline coordination 2269 </div> 2270 <div class="task-item"> 2271 <svg viewBox="0 0 24 24"> 2272 <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" /> 2273 <circle cx="9" cy="7" r="4" /> 2274 <path 2275 d="M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75" 2276 /> 2277 </svg> 2278 CRM updates 2279 </div> 2280 <div class="task-item"> 2281 <svg viewBox="0 0 24 24"> 2282 <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" /> 2283
2283 <circle cx="9" cy="7" r="4" /> 2284 <path d="M19 8v6M22 11h-6" /> 2285 </svg> 2286 Vendor coordination 2287 </div> 2288 <div class="task-item"> 2289 <svg viewBox="0 0 24 24"> 2290 <rect x="3" y="4" width="18" height="14" rx="2" /> 2291 <path d="M8 21h8M12 18v3" /> 2292 </svg> 2293 Meeting prep 2294 </div> 2295 <div class="task-item"> 2296 <svg viewBox="0 0 24 24"> 2297 <circle cx="12" cy="12" r="3" /> 2298 <path 2299 d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 1 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.6 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.6a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09c0 .66.39 1.26 1 1.51a1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9c.25.61.85 1 1.51 1H21a2 2 0 1 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z" 2300 /> 2301 </svg> 2302 Day-to-day growth ops 2303 </div> 2304 <div class="task-item"> 2305 <svg viewBox="0 0 24 24"> 2306 <path d="M12 2 2 7l10 5 10-5z" /> 2307 <path d="m2 17 10 5 10-5M2 12l10 5 10-5" /> 2308 </svg> 2309 Content packaging 2310 </div> 2311 <div class="task-item"> 2312 <svg viewBox="0 0 24 24"> 2313 <path 2314 d="M12 20h9M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4z" 2315 /> 2316 </svg> 2317 Copy edits 2318 </div> 2319 <div class="task-item"> 2320 <svg viewBox="0 0 24 24"> 2321 <circle cx="12" cy="12" r="10" /> 2322 <path d="m9 12 2 2 4-4" /> 2323 </svg> 2324 Task QA 2325 </div> 2326 <div class="task-item"> 2327 <svg viewBox="0 0 24 24"> 2328 <path d="M3 3h18v4H3zM3 10h18v4H3zM3 17h18v4H3z" /> 2329 </svg> 2330 Status digests 2331 </div> 2332 </div> 2333 </div> 2334 </div> 2335 </div> 2336 </div> 2337 </section> 2338 --> 2339 2340 <!-- ?? TEAMS (hidden) ?? 2341 2342 <section class="teams-section" id="teams"> 2343 <div class="container"> 2344 <div class="section-label reveal">What's Included</div> 2345 <h2 class="reveal"> 2346 Every deliverable your <em>brand needs.</em> 2347 </h2> 2348 <p class="section-intro reveal"> 2349 Logo design is just the start. We deliver the full brand file kit so 2350 you look professional everywhere. 2351 </p> 2352 2353 <div class="teams-grid"> 2354 <div class="team-card reveal"> 2355 <div class="team-content"> 2356 <div class="team-status">Active</div> 2357 <h3>Logo Design</h3> 2358 <p class="team-desc"> 2359 Custom marks built from scratch not templates. Primary logo, 2360 variations, and every file format you'll need. 2361 </p> 2362 2363 <div class="task-col v2 up"> 2364 <div class="task-track v2 team-bullets"> 2365 <div class="task-item">Primary & secondary logos</div> 2366 <div class="task-item">Icon & wordmark variations</div> 2367 <div class="task-item">SVG, EPS, AI & PNG files</div> 2368 <div class="task-item">Dark & light versions</div> 2369 <div class="task-item">Favicon & app icon</div> 2370 <div class="task-item">Unlimited revisions</div> 2371 <div class="task-item">Full ownership transfer</div> 2372 </div> 2373 </div> 2374 </div> 2375 <div class="team-media" data-media> 2376 <img 2377 src="/assets/images/specialist-teams/brand-design/1.webp" 2378 alt="Brand and design work sample 1" 2379 class="is-visible" 2380 loading="lazy" 2381 /> 2382 <img 2383 src="/assets/images/specialist-teams/brand-design/2.webp" 2384 alt="Brand and design work sample 2" 2385 loading="lazy" 2386 /> 2387 <img 2388 src="/assets/images/specialist-teams/brand-design/3.webp" 2389 alt="Brand and design work sample 3" 2390 loading="lazy" 2391 /> 2392 <img 2393 src="/assets/images/specialist-teams/brand-design/4.webp" 2394 alt="Brand and design work sample 4" 2395 loading="lazy" 2396 /> 2397 </div> 2398 </div> 2399 2400 <div class="team-card reveal d1"> 2401 <div class="team-content"> 2402 <div class="team-status">Active</div> 2403 <h3>Print & Stationery</h3> 2404 <p class="team-desc"> 2405 Business cards, letterheads, and envelopes that match your logo 2406 print ready from day one. 2407 </p> 2408 2409 <div class="task-col v2 up"> 2410 <div class="task-track v2 team-bullets"> 2411 <div class="task-item">Business card design</div> 2412 <div class="task-item">Letterhead & envelope</div> 2413 <div class="task-item">Invoice & receipt templates</div> 2414 <div class="task-item">Brochure & flyer layout</div> 2415 <div class="task-item">Print ready PDF files</div> 2416 <div class="task-item">Bleed & crop marks</div> 2417 <div class="task-item">CMYK color profiles</div> 2418 </div> 2419 </div> 2420 </div> 2421 <div class="team-media" data-media> 2422 <img 2423 src="/assets/images/specialist-teams/web-development/1.webp" 2424 alt="Web development sample 1" 2425 class="is-visible" 2426 loading="lazy" 2427 /> 2428 <img 2429 src="/assets/images/specialist-teams/web-development/2.webp" 2430 alt="Web development sample 2" 2431 loading="lazy" 2432 /> 2433 <img 2434 src="/assets/images/specialist-teams/web-development/3.webp" 2435 alt="Web development sample 3" 2436 loading="lazy" 2437 /> 2438 <img 2439 src="/assets/images/specialist-teams/web-development/4.webp" 2440 alt="Web development sample 4" 2441 loading="lazy" 2442 /> 2443 <img 2444 src="/assets/images/specialist-teams/web-development/5.webp" 2445 alt="Web development sample 5" 2446 loading="lazy" 2447 /> 2448 <img 2449 src="/assets/images/specialist-teams/web-development/6.webp" 2450 alt="Web development sample 6" 2451 loading="lazy" 2452 /> 2453 </div> 2454 </div> 2455 2456 <div class="team-card reveal"> 2457 <div class="team-content"> 2458 <div class="team-status">Active</div> 2459 <h3>Merchandise & Apparel</h3> 2460 <p class="team-desc"> 2461 Your logo on caps, cups, hoodies, and uniforms mockups and 2462 print files included. 2463 </p> 2464 2465 <div class="task-col v2 up"> 2466 <div class="task-track v2 team-bullets"> 2467 <div class="task-item">Cap & hat mockups</div> 2468 <div class="task-item">Cup & mug designs</div> 2469 <div class="task-item">Hoodie & t-shirt layouts</div> 2470 <div class="task-item">Uniform & workwear</div> 2471 <div class="task-item">Embroidery-ready files</div> 2472 <div class="task-item">Screen-print vectors</div> 2473 <div class="task-item">Product photography mockups</div> 2474 </div> 2475 </div> 2476 </div> 2477 <div class="team-media" data-media>
2478 <video autoplay muted loop playsinline preload="none" poster="/assets/images/specialist-teams/video.jpg" data-deferred-autoplay aria-label="Video editing"> 2479 <source data-defer-src="/assets/images/specialist-teams/video.mp4" type="video/mp4" /> 2480 </video> 2481 </div> 2482 </div> 2483 2484 <div class="team-card reveal d1"> 2485 <div class="team-content"> 2486 <div class="team-status">Active</div> 2487 <h3>Vehicle & Signage</h3> 2488 <p class="team-desc"> 2489 Car wraps, banners, and outdoor signage your brand visible at 2490 scale. 2491 </p> 2492 2493 <div class="task-col v2 up"> 2494 <div class="task-track v2 team-bullets"> 2495 <div class="task-item">Car wrap designs</div> 2496 <div class="task-item">Storefront signage</div> 2497 <div class="task-item">Banner & billboard layouts</div> 2498 <div class="task-item">Trade show displays</div> 2499 <div class="task-item">Large-format print files</div> 2500 <div class="task-item">Vehicle decal vectors</div> 2501 <div class="task-item">Installation guides</div> 2502 </div> 2503 </div> 2504 </div> 2505 <div class="team-media" data-media> 2506 <img 2507 src="/assets/images/specialist-teams/social-media-marketing/1.jpg" 2508 alt="Social media marketing sample 1" 2509 class="is-visible" 2510 loading="lazy" 2511 /> 2512 <img 2513 src="/assets/images/specialist-teams/social-media-marketing/2.jpg" 2514 alt="Social media marketing sample 2" 2515 loading="lazy" 2516 /> 2517 <img 2518 src="/assets/images/specialist-teams/social-media-marketing/3.jpg" 2519 alt="Social media marketing sample 3" 2520 loading="lazy" 2521 /> 2522 <img 2523 src="/assets/images/specialist-teams/social-media-marketing/4.jpg" 2524 alt="Social media marketing sample 4" 2525 loading="lazy" 2526 /> 2527 </div> 2528 </div> 2529 2530 <div class="team-card reveal"> 2531 <div class="team-content"> 2532 <div class="team-status">Active</div> 2533 <h3>Marketing Collateral</h3> 2534 <p class="team-desc"> 2535 Brochures, flyers, and posters branded materials that look as 2536 polished as your logo. 2537 </p> 2538 2539 <div class="task-col v2 up"> 2540 <div class="task-track v2 team-bullets"> 2541 <div class="task-item">Brochure design</div> 2542 <div class="task-item">Flyer & poster layouts</div> 2543 <div class="task-item">Pitch deck branding</div> 2544 <div class="task-item">Product one-pagers</div> 2545 <div class="task-item">Event & promo materials</div> 2546 <div class="task-item">Menu & price list design</div> 2547 <div class="task-item">Multi-page print layouts</div> 2548 </div> 2549 </div> 2550 </div> 2551 <div class="team-media" data-media> 2552 <img src="/assets/images/specialist-teams/digital-marketing.webp" 2553 alt="Analytics dashboard" 2554 loading="lazy" decoding="async" /> 2555 <img src="/assets/images/digital-marketing/1.jpg" 2556 alt="Analytics dashboard" 2557 loading="lazy" decoding="async" /> 2558 <img src="/assets/images/digital-marketing/2.jpg" 2559 alt="Analytics dashboard" 2560 loading="lazy" decoding="async" /> 2561 <img src="/assets/images/digital-marketing/3.jpg" 2562 alt="Analytics dashboard" 2563 loading="lazy" decoding="async" /> 2564 </div> 2565 </div> 2566 2567 <div class="team-card reveal d1"> 2568 <div class="team-content"> 2569 <div class="team-status">Active</div> 2570 <h3>Digital Brand Assets</h3> 2571 <p class="team-desc"> 2572 Social kits, email signatures, and brand guidelines your logo 2573 looking sharp on every screen. 2574 </p> 2575 2576 <div class="task-col v2 up"> 2577 <div class="task-track v2 team-bullets"> 2578 <div class="task-item">Social media profile kit</div> 2579 <div class="task-item">Email signature design</div> 2580 <div class="task-item">Brand guidelines PDF</div> 2581 <div class="task-item">Color palette & hex codes</div> 2582 <div class="task-item">Typography & font files</div> 2583 <div class="task-item">LinkedIn & X cover images</div> 2584 <div class="task-item">logo favicon package</div> 2585 </div> 2586 </div> 2587 </div> 2588 <div class="team-media" data-media> 2589 <img src="/assets/images/specialist-teams/ai-agents-automation.webp" 2590 alt="AI" 2591 loading="lazy" decoding="async" /> 2592 </div> 2593 </div> 2594 </div> 2595 </div> 2596 </section> 2597 --> 2598 2599 <!-- <section class="hiw-sec"> 2600 <div class="hiw-inner"> 2601 <div class="chip r subtitle1"><span class="dot"></span> The Process</div> 2602 <h2 class="r subtitle1 ">Brief to Delivered <br><em>In Four Simple Steps.</em></h2> 2603 <p class="sec-sub r subtitle1 ">No complex onboarding. No long kickoff calls. Send a brief, get agency-quality work back.</p> 2604 <div class="steps-row"> 2605 <div class="step r"> 2606 <div class="step-n">01</div> 2607 <h3>Send Your Brief</h3> 2608 <p>Drop a brief via Slack, email, or Notion. Specs, references, deadline. That's all we need.</p> 2609 <div class="step-tag">5-minute brief</div> 2610 </div> 2611 <div class="step r d1"> 2612 <div class="step-n">02</div> 2613 <h3>Team Assigned Instantly</h3> 2614 <p>Your brief goes to the right specialist team immediately. No routing delays, no middlemen.</p> 2615 <div class="step-tag">Same-day start</div> 2616 </div> 2617 <div class="step r d2"> 2618 <div class="step-n">03</div> 2619 <h3>First Draft in 48 Hours</h3> 2620 <p>Receive your first draft within 48 hours. Review, give feedback, request revisions all included.</p> 2621 <div class="step-tag">48hr delivery</div> 2622 </div> 2623 <div class="step r d3"> 2624 <div class="step-n">04</div> 2625 <h3>
2625Approved & Client-Ready</h3> 2626 <p>Final files delivered in all required formats source files, exports, white-labelled for your client.</p> 2627 <div class="step-tag">White-label ready</div> 2628 </div> 2629 </div> 2630 </div> 2631 </section> --> 2632 2633 <!-- <section class="transform-section"> 2634 <div class="container"> 2635 <div class="section-label reveal">The Transformation</div> 2636 <h2 class="reveal"> 2637 Founders move from <em>overload to CEO mode.</em> 2638 </h2> 2639 <p class="section-intro reveal" style="margin-bottom: 40px"> 2640 Real outcomes from founders who installed their Growth OS. 2641 </p> 2642 <div class="transform-grid"> 2643 <div class="transform-row reveal"> 2644 <div class="transform-before">Replying to inbox at 11pm</div> 2645 <div class="transform-arrow">→</div> 2646 <div class="transform-after">Inbox triaged before you wake up</div> 2647 </div> 2648 <div class="transform-row reveal d1"> 2649 <div class="transform-before">Posting when you remember</div> 2650 <div class="transform-arrow">→</div> 2651 <div class="transform-after">Always-on content engine, daily</div> 2652 </div> 2653 <div class="transform-row reveal"> 2654 <div class="transform-before">Following up cold leads yourself</div> 2655 <div class="transform-arrow">→</div> 2656 <div class="transform-after">Pipeline moved every single day</div> 2657 </div> 2658 <div class="transform-row reveal d1"> 2659 <div class="transform-before">Strategy lives only in your head</div> 2660 <div class="transform-arrow">→</div> 2661 <div class="transform-after">Strategy operating as a system</div> 2662 </div> 2663 <div class="transform-row reveal"> 2664 <div class="transform-before">6 freelancers to coordinate</div> 2665 <div class="transform-arrow">→</div> 2666 <div class="transform-after">One point of contact. Done.</div> 2667 </div> 2668 <div class="transform-row reveal d1"> 2669 <div class="transform-before">$120k+ for a US hire + risk</div> 2670 <div class="transform-arrow">→</div> 2671 <div class="transform-after">Full team at ? the cost, day one</div> 2672 </div> 2673 </div> 2674 </div> 2675 </section> --> 2676 2677 <!-- ?? TRANSFORMATION (detailed) ?? --> 2678 <!-- <section class="transform-two-section"> 2679 <div class="container"> 2680 <div class="transform-two-wrap"> 2681 <div class="section-label reveal">The Transformation</div> 2682 <h2 class="transform-two-title reveal"> 2683 Founders move from <em>overload to CEO mode.</em> 2684 </h2> 2685 <p class="transform-two-intro reveal"> 2686 Real outcomes from founders who installed their Growth OS. 2687 </p> 2688 <div class="transform-two-grid"> 2689 <div class="transform-two-row reveal"> 2690 <div class="transform-two-rail" aria-hidden="true"> 2691 <span class="transform-two-num">01</span> 2692 </div> 2693 <div class="transform-two-main"> 2694 <div class="transform-two-before"> 2695 Replying to inbox at 11pm, missing leads 2696 </div> 2697 <div class="transform-two-arrow" aria-hidden="true"> 2698 <i class="fa-solid fa-arrow-right"></i> 2699 </div> 2700 <div class="transform-two-after"> 2701 Brand colorsd by 8am, hot leads flagged, replies drafted 2702 </div> 2703 </div> 2704 </div> 2705 <div class="transform-two-row reveal d1"> 2706 <div class="transform-two-rail" aria-hidden="true"> 2707 <span class="transform-two-num">02</span> 2708 </div> 2709 <div class="transform-two-main"> 2710 <div class="transform-two-before"> 2711 Posting ?when inspired? 3 times last month 2712 </div> 2713 <div class="transform-two-arrow" aria-hidden="true"> 2714 <i class="fa-solid fa-arrow-right"></i> 2715 </div> 2716 <div class="transform-two-after"> 2717 5 posts/week, on-brand, scheduled 30 days out 2718 </div> 2719 </div> 2720 </div> 2721 <div class="transform-two-row reveal"> 2722 <div class="transform-two-rail" aria-hidden="true">
2723 <span class="transform-two-num">03</span> 2724 </div> 2725 <div class="transform-two-main"> 2726 <div class="transform-two-before"> 2727 Cold leads going cold (avg 6-day follow-up) 2728 </div> 2729 <div class="transform-two-arrow" aria-hidden="true"> 2730 <i class="fa-solid fa-arrow-right"></i> 2731 </div> 2732 <div class="transform-two-after"> 2733 Every lead touched within 24 hours, 5-step sequence 2734 </div> 2735 </div> 2736 </div> 2737 <div class="transform-two-row reveal d1"> 2738 <div class="transform-two-rail" aria-hidden="true"> 2739 <span class="transform-two-num">04</span> 2740 </div> 2741 <div class="transform-two-main"> 2742 <div class="transform-two-before"> 2743 Strategy = mental notes + Slack screenshots 2744 </div> 2745 <div class="transform-two-arrow" aria-hidden="true"> 2746 <i class="fa-solid fa-arrow-right"></i> 2747 </div> 2748 <div class="transform-two-after"> 2749 Documented Growth OS, weekly scorecards, monthly reviews 2750 </div> 2751 </div> 2752 </div> 2753 <div class="transform-two-row reveal"> 2754 <div class="transform-two-rail" aria-hidden="true"> 2755 <span class="transform-two-num">05</span> 2756 </div> 2757 <div class="transform-two-main"> 2758 <div class="transform-two-before"> 2759 Managing 6 freelancers across 4 tools 2760 </div> 2761 <div class="transform-two-arrow" aria-hidden="true"> 2762 <i class="fa-solid fa-arrow-right"></i> 2763 </div> 2764 <div class="transform-two-after"> 2765 One Growth Manager. One Slack channel. One invoice. 2766 </div> 2767 </div> 2768 </div> 2769 <div class="transform-two-row reveal d1"> 2770 <div class="transform-two-rail" aria-hidden="true"> 2771 <span class="transform-two-num">06</span> 2772 </div> 2773 <div class="transform-two-main"> 2774 <div class="transform-two-before"> 2775 $120K/yr US hire + 3-month ramp + turnover risk 2776 </div> 2777 <div class="transform-two-arrow" aria-hidden="true"> 2778 <i class="fa-solid fa-arrow-right"></i> 2779 </div> 2780 <div class="transform-two-after"> 2781 Full team for ~$3K/mo, productive day 1, zero HR overhead 2782 </div> 2783 </div> 2784 </div> 2785 </div> 2786 </div> 2787 </div> 2788 </section> --> 2789 2790 <!-- ?? BEFORE VS AFTER (hidden) ?? 2791 <section class="ba-section"> 2792 <div class="ba-container"> 2793 2794 <div class="section-label reveal visible"> 2795 Before vs After 2796 </div> 2797 <h2 class="reveal visible"> 2798 What your brand looks like<br /><em>once the logo is actually done.</em> 2799 </h2> 2800 <p class="section-intro reveal visible"> 2801 You're not guessing which file to send. You're not fixing sizes at 2802 midnight. You just use the brand. 2803 </p> 2804 2805 <div class="ba-list"> 2806 2807 <div class="ba-row"> 2808 <div class="ba-card before-card"> 2809 <div> 2810 <span class="ba-label before-label">Before</span> 2811 <p>"Send your logo?" 3 attachments, they're not sure which</p> 2812 </div> 2813 2814 <div class="ba-icon before-icon"> 2815 <svg viewBox="0 0 24 24"> 2816 <rect x="3" y="5" width="18" height="14" rx="2"></rect> 2817 <path d="M3 7l9 6 9-6"></path> 2818 </svg> 2819 </div> 2820 </div> 2821 2822 <div class="ba-arrow"> 2823 <svg viewBox="0 0 24 24"> 2824 <path d="M5 12h14"></path> 2825 <path d="M13 6l6 6-6 6"></path> 2826 </svg> 2827 </div> 2828 2829 <div class="ba-card after-card"> 2830 <div>
2831 <span class="ba-label after-label">After</span> 2832 <p>One folder logo, colors, fonts. They download and move on</p> 2833 </div> 2834 2835 <div class="ba-icon after-icon"> 2836 <svg viewBox="0 0 24 24"> 2837 <circle cx="12" cy="12" r="9"></circle> 2838 <path d="M8 12.5l2.7 2.7L16.5 9"></path> 2839 </svg> 2840 </div> 2841 </div> 2842 </div> 2843 2844 <div class="ba-row"> 2845 <div class="ba-card before-card"> 2846 <div> 2847 <span class="ba-label before-label">Before</span> 2848 <p>logo header logo stretched looks cheap on a laptop</p> 2849 </div> 2850 2851 <div class="ba-icon before-icon"> 2852 <svg viewBox="0 0 24 24"> 2853 <rect x="4" y="5" width="16" height="15" rx="2"></rect> 2854 <path d="M8 3v4"></path> 2855 <path d="M16 3v4"></path> 2856 <path d="M4 10h16"></path> 2857 <path d="M8 14h3"></path> 2858 <path d="M14 14h2"></path> 2859 </svg> 2860 </div> 2861 </div> 2862 2863 <div class="ba-arrow"> 2864 <svg viewBox="0 0 24 24"> 2865 <path d="M5 12h14"></path> 2866 <path d="M13 6l6 6-6 6"></path> 2867 </svg> 2868 </div> 2869 2870 <div class="ba-card after-card"> 2871 <div> 2872 <span class="ba-label after-label">After</span> 2873 <p>Clean header + favicon sharp at every size</p> 2874 </div> 2875 2876 <div class="ba-icon after-icon"> 2877 <svg viewBox="0 0 24 24"> 2878 <rect x="4" y="5" width="16" height="15" rx="2"></rect> 2879 <path d="M8 3v4"></path> 2880 <path d="M16 3v4"></path> 2881 <path d="M4 10h16"></path> 2882 <path d="M9 15l2 2 4-4"></path> 2883 </svg> 2884 </div> 2885 </div> 2886 </div> 2887 2888 <div class="ba-row"> 2889 <div class="ba-card before-card"> 2890 <div> 2891 <span class="ba-label before-label">Before</span> 2892 <p>Profile pic ? logo ? email three different brands</p> 2893 </div> 2894 2895 <div class="ba-icon before-icon"> 2896 <svg viewBox="0 0 24 24"> 2897 <path d="M12 3v18"></path> 2898 <path d="M5.6 6.2l12.8 11.6"></path> 2899 <path d="M18.4 6.2L5.6 17.8"></path> 2900 <path d="M4 12h16"></path> 2901 </svg> 2902 </div> 2903 </div> 2904 2905 <div class="ba-arrow"> 2906 <svg viewBox="0 0 24 24"> 2907 <path d="M5 12h14"></path> 2908 <path d="M13 6l6 6-6 6"></path> 2909 </svg> 2910 </div> 2911 2912 <div class="ba-card after-card"> 2913 <div> 2914 <span class="ba-label after-label">After</span> 2915 <p>Same mark on web, LinkedIn & signature</p> 2916 </div> 2917 2918 <div class="ba-icon after-icon"> 2919 <svg viewBox="0 0 24 24"> 2920 <path d="M13 2L5 14h6l-1 8 9-13h-6l0-7z"></path> 2921 </svg> 2922 </div> 2923 </div> 2924 </div> 2925 2926 <div class="ba-row"> 2927 <div class="ba-card before-card"> 2928 <div> 2929 <span class="ba-label before-label">Before</span> 2930 <p>Business cards arrived logo muddier than the mockup</p> 2931 </div> 2932 2933 <div class="ba-icon before-icon"> 2934 <svg viewBox="0 0 24 24"> 2935 <rect x="6" y="3" width="12" height="18" rx="2"></rect> 2936 <path d="M9 8h6"></path> 2937 <path d="M9 12h6"></path> 2938 <path d="M9 16h4"></path> 2939 </svg> 2940 </div> 2941 </div> 2942 2943 <div class="ba-arrow"> 2944 <svg viewBox="0 0 24 24"> 2945 <path d="M5 12h14"></path> 2946 <path d="M13 6l6 6-6 6"></path> 2947 </svg> 2948 </div> 2949 2950 <div class="ba-card after-card"> 2951 <div>
2952 <span class="ba-label after-label">After</span> 2953 <p>PNG, SVG, AI & PDF you own everything, no chase-down</p> 2954 </div> 2955 2956 <div class="ba-icon after-icon"> 2957 <svg viewBox="0 0 24 24"> 2958 <path d="M4 20h16"></path> 2959 <rect x="6" y="12" width="3" height="8" rx="1"></rect> 2960 <rect x="11" y="8" width="3" height="12" rx="1"></rect> 2961 <rect x="16" y="4" width="3" height="16" rx="1"></rect> 2962 </svg> 2963 </div> 2964 </div> 2965 </div> 2966 2967 <div class="ba-row"> 2968 <div class="ba-card before-card"> 2969 <div> 2970 <span class="ba-label before-label">Before</span> 2971 <p>White logo on a light slide unreadable in the pitch</p> 2972 </div> 2973 2974 <div class="ba-icon before-icon"> 2975 <svg viewBox="0 0 24 24"> 2976 <circle cx="8" cy="9" r="3"></circle> 2977 <circle cx="16" cy="9" r="3"></circle> 2978 <path d="M3 20c.7-3 2.4-5 5-5s4.3 2 5 5"></path> 2979 <path d="M11 20c.7-3 2.4-5 5-5s4.3 2 5 5"></path> 2980 </svg> 2981 </div> 2982 </div> 2983 2984 <div class="ba-arrow"> 2985 <svg viewBox="0 0 24 24"> 2986 <path d="M5 12h14"></path> 2987 <path d="M13 6l6 6-6 6"></path> 2988 </svg> 2989 </div> 2990 2991 <div class="ba-card after-card"> 2992 <div> 2993 <span class="ba-label after-label">After</span> 2994 <p>Deck, proposal & site one logo, one look</p> 2995 </div> 2996 2997 <div class="ba-icon after-icon"> 2998 <svg viewBox="0 0 24 24"> 2999 <circle cx="12" cy="8" r="4"></circle> 3000 <path d="M5 21c1-4 3.5-6 7-6s6 2 7 6"></path> 3001 </svg> 3002 </div> 3003 </div> 3004 </div> 3005 3006 <div class="ba-row"> 3007 <div class="ba-card before-card"> 3008 <div> 3009 <span class="ba-label before-label">Before</span> 3010 <p>Rebuilding the logo in Canva the night before launch</p> 3011 </div> 3012 3013 <div class="ba-icon before-icon"> 3014 <svg viewBox="0 0 24 24"> 3015 <path d="M12 3l10 18H2L12 3z"></path> 3016 <path d="M12 9v5"></path> 3017 <path d="M12 17h.01"></path> 3018 </svg> 3019 </div> 3020 </div> 3021 3022 <div class="ba-arrow"> 3023 <svg viewBox="0 0 24 24"> 3024 <path d="M5 12h14"></path> 3025 <path d="M13 6l6 6-6 6"></path> 3026 </svg> 3027 </div> 3028 3029 <div class="ba-card after-card"> 3030 <div> 3031 <span class="ba-label after-label">After</span> 3032 <p>Brand sheet in the folder hand off once, they're set</p> 3033 </div> 3034 3035 <div class="ba-icon after-icon"> 3036 <svg viewBox="0 0 24 24"> 3037 <path d="M12 3l8 3v6c0 5-3.4 8.5-8 9-4.6-.5-8-4-8-9V6l8-3z"></path> 3038 <path d="M8.5 12.5l2.2 2.2 4.8-5"></path> 3039 </svg> 3040 </div> 3041 </div> 3042 </div> 3043 3044 </div> 3045 3046 </div> 3047 </section> 3048 --> 3049 3050 <!-- WHY FOUNDERS CHOOSE --> 3051 <section class="comparison-section comparison-section--founders"> 3052 <div class="container"> 3053 <div class="section-label reveal"> 3054 Why Founders Choose StartupAdvisory.ai for Product Packaging 3055 </div> 3056 <h2 class="reveal"> 3057 One team does what <em>five vendors can't.</em> 3058 </h2> 3059 <p class="section-intro reveal"> 3060 Templates look fine in a mockup then fall apart at print, on shelf, and in fulfillment. One team that runs design, dielines, and print specs as one system — and stands behind every file. (✓ included · ◐ partial · ✗ not.) 3061 </p> 3062 <div class="comp-table-wrap reveal"> 3063 <table class="comp-table"> 3064 <thead> 3065 <tr> 3066 <th>Feature</th> 3067 <th class="hi"> 3068 <img 3069 src="/assets/images/header-logo.svg" 3070 class="logo1" 3071 alt="StartupAdvisory.ai" 3072 width="112" 3073 height="28" 3074 loading="lazy" 3075 decoding="async" 3076 /> 3077 </th> 3078 <th>Fiverr / DIY</th> 3079 <th>Template Shops</th> 3080 <th>Canva</th> 3081 <th>US Agency</th> 3082 </tr> 3083 </thead> 3084 <tbody> 3085 <tr> 3086 <td>Custom packaging + print specs in one team</td> 3087 <td class="hi"><span class="green1">✓</span> Built in</td> 3088 <td> 3089 <svg class="wrong" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.88 111.54" aria-hidden="true" focusable="false"><title>caution</title><path class="cls-1" d="M2.35,84.42,45.28,10.2l.17-.27h0A23,23,0,0,1,52.5,2.69,17,17,0,0,1,61.57,0a16.7,16.7,0,0,1,9.11,2.69,22.79,22.79,0,0,1,7,7.26q.19.32.36.63l42.23,73.34.24.44h0a22.48,22.48,0,0,1,2.37,10.19,17.63,17.63,0,0,1-2.17,8.35,15.94,15.94,0,0,1-6.93,6.6c-.19.1-.39.18-.58.26a21.19,21.19,0,0,1-9.11,1.75v0H17.61c-.22,0-.44,0-.65,0a18.07,18.07,0,0,1-6.2-1.15A16.42,16.42,0,0,1,3,104.24a17.53,17.53,0,0,1-3-9.57,23,23,0,0,1,1.57-8.74,7.66,7.66,0,0,1,.77-1.51Z"/>
3089<path class="cls-2" d="M9,88.75,52.12,14.16c5.24-8.25,13.54-8.46,18.87,0l42.43,73.69c3.39,6.81,1.71,16-9.33,15.77H17.61C10.35,103.8,5.67,97.43,9,88.75Z"/><path class="cls-1" d="M57.57,82.69A5.48,5.48,0,0,1,61,81.11a5.66,5.66,0,0,1,4.42,1.66,5.53,5.53,0,0,1,1.62,3.54A5.6,5.6,0,0,1,67,87.72a6,6,0,0,1-.42,1.34,5.53,5.53,0,0,1-2.92,2.84,5.79,5.79,0,0,1-4.57-.1,5.51,5.51,0,0,1-2.81-2.94,5.31,5.31,0,0,1-.36-1.27,5.9,5.9,0,0,1-.06-1.32h0a6.45,6.45,0,0,1,.57-2,4.6,4.6,0,0,1,1.14-1.56Zm8.15-10.24c-.19,4.79-8.31,4.8-8.49,0-.82-8.21-2.92-27.7-2.86-35.42.07-2.38,2-3.78,4.56-4.32a11.19,11.19,0,0,1,2.49-.24,11.77,11.77,0,0,1,2.5.25c2.61.55,4.65,2,4.65,4.44v.24L65.72,72.45Z"/></svg> 3090 Slides only 3091 </td> 3092 <td><span class="wrong1">✗</span> None</td> 3093 <td><span class="wrong1">✗</span> None</td> 3094 <td> 3095 <svg class="wrong" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.88 111.54" aria-hidden="true" focusable="false"><title>caution</title><path class="cls-1" d="M2.35,84.42,45.28,10.2l.17-.27h0A23,23,0,0,1,52.5,2.69,17,17,0,0,1,61.57,0a16.7,16.7,0,0,1,9.11,2.69,22.79,22.79,0,0,1,7,7.26q.19.32.36.63l42.23,73.34.24.44h0a22.48,22.48,0,0,1,2.37,10.19,17.63,17.63,0,0,1-2.17,8.35,15.94,15.94,0,0,1-6.93,6.6c-.19.1-.39.18-.58.26a21.19,21.19,0,0,1-9.11,1.75v0H17.61c-.22,0-.44,0-.65,0a18.07,18.07,0,0,1-6.2-1.15A16.42,16.42,0,0,1,3,104.24a17.53,17.53,0,0,1-3-9.57,23,23,0,0,1,1.57-8.74,7.66,7.66,0,0,1,.77-1.51Z"/><path class="cls-2" d="M9,88.75,52.12,14.16c5.24-8.25,13.54-8.46,18.87,0l42.43,73.69c3.39,6.81,1.71,16-9.33,15.77H17.61C10.35,103.8,5.67,97.43,9,88.75Z"/><path class="cls-1" d="M57.57,82.69A5.48,5.48,0,0,1,61,81.11a5.66,5.66,0,0,1,4.42,1.66,5.53,5.53,0,0,1,1.62,3.54A5.6,5.6,0,0,1,67,87.72a6,6,0,0,1-.42,1.34,5.53,5.53,0,0,1-2.92,2.84,5.79,5.79,0,0,1-4.57-.1,5.51,5.51,0,0,1-2.81-2.94,5.31,5.31,0,0,1-.36-1.27,5.9,5.9,0,0,1-.06-1.32h0a6.45,6.45,0,0,1,.57-2,4.6,4.6,0,0,1,1.14-1.56Zm8.15-10.24c-.19,4.79-8.31,4.8-8.49,0-.82-8.21-2.92-27.7-2.86-35.42.07-2.38,2-3.78,4.56-4.32a11.19,11.19,0,0,1,2.49-.24,11.77,11.77,0,0,1,2.5.25c2.61.55,4.65,2,4.65,4.44v.24L65.72,72.45Z"/></svg> 3096 After 6mo ramp 3097 </td> 3098 </tr> 3099 <tr> 3100 <td>Print ready files in days, not weeks</td> 3101 <td class="hi" style="white-space: nowrap;"><span class="green1">✓</span> 5 day delivery</td> 3102 <td> 3103 <svg class="wrong" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.88 111.54" aria-hidden="true" focusable="false"><title>caution</title><path class="cls-1" d="M2.35,84.42,45.28,10.2l.17-.27h0A23,23,0,0,1,52.5,2.69,17,17,0,0,1,61.57,0a16.7,16.7,0,0,1,9.11,2.69,22.79,22.79,0,0,1,7,7.26q.19.32.36.63l42.23,73.34.24.44h0a22.48,22.48,0,0,1,2.37,10.19,17.63,17.63,0,0,1-2.17,8.35,15.94,15.94,0,0,1-6.93,6.6c-.19.1-.39.18-.58.26a21.19,21.19,0,0,1-9.11,1.75v0H17.61c-.22,0-.44,0-.65,0a18.07,18.07,0,0,1-6.2-1.15A16.42,16.42,0,0,1,3,104.24a17.53,17.53,0,0,1-3-9.57,23,23,0,0,1,1.57-8.74,7.66,7.66,0,0,1,.77-1.51Z"/><path class="cls-2" d="M9,88.75,52.12,14.16c5.24-8.25,13.54-8.46,18.87,0l42.43,73.69c3.39,6.81,1.71,16-9.33,15.77H17.61C10.35,103.8,5.67,97.43,9,88.75Z"/><path class="cls-1" d="M57.57,82.69A5.48,5.48,0,0,1,61,81.11a5.66,5.66,0,0,1,4.42,1.66,5.53,5.53,0,0,1,1.62,3.54A5.6,5.6,0,0,1,67,87.72a6,6,0,0,1-.42,1.34,5.53,5.53,0,0,1-2.92,2.84,5.79,5.79,0,0,1-4.57-.1,5.51,5.51,0,0,1-2.81-2.94,5.31,5.31,0,0,1-.36-1.27,5.9,5.9,0,0,1-.06-1.32h0a6.45,6.45,0,0,1,.57-2,4.6,4.6,0,0,1,1.14-1.56Zm8.15-10.24c-.19,4.79-8.31,4.8-8.49,0-.82-8.21-2.92-27.7-2.86-35.42.07-2.38,2-3.78,4.56-4.32a11.19,11.19,0,0,1,2.49-.24,11.77,11.77,0,0,1,2.5.25c2.61.55,4.65,2,4.65,4.44v.24L65.72,72.45Z"/></svg> 3104 Weekly cycles 3105 </td> 3106 <td> 3107 <svg class="wrong" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.88 111.54" aria-hidden="true" focusable="false"><title>caution</title><path class="cls-1" d="M2.35,84.42,45.28,10.2l.17-.27h0A23,23,0,0,1,52.5,2.69,17,17,0,0,1,61.57,0a16.7,16.7,0,0,1,9.11,2.69,22.79,22.79,0,0,1,7,7.26q.19.32.36.63l42.23,73.34.24.44h0a22.48,22.48,0,0,1,2.37,10.19,17.63,17.63,0,0,1-2.17,8.35,15.94,15.94,0,0,1-6.93,6.6c-.19.1-.39.18-.58.26a21.19,21.19,0,0,1-9.11,1.75v0H17.61c-.22,0-.44,0-.65,0a18.07,18.07,0,0,1-6.2-1.15A16.42,16.42,0,0,1,3,104.24a17.53,17.53,0,0,1-3-9.57,23,23,0,0,1,1.57-8.74,7.66,7.66,0,0,1,.77-1.51Z"/>
3107<path class="cls-2" d="M9,88.75,52.12,14.16c5.24-8.25,13.54-8.46,18.87,0l42.43,73.69c3.39,6.81,1.71,16-9.33,15.77H17.61C10.35,103.8,5.67,97.43,9,88.75Z"/><path class="cls-1" d="M57.57,82.69A5.48,5.48,0,0,1,61,81.11a5.66,5.66,0,0,1,4.42,1.66,5.53,5.53,0,0,1,1.62,3.54A5.6,5.6,0,0,1,67,87.72a6,6,0,0,1-.42,1.34,5.53,5.53,0,0,1-2.92,2.84,5.79,5.79,0,0,1-4.57-.1,5.51,5.51,0,0,1-2.81-2.94,5.31,5.31,0,0,1-.36-1.27,5.9,5.9,0,0,1-.06-1.32h0a6.45,6.45,0,0,1,.57-2,4.6,4.6,0,0,1,1.14-1.56Zm8.15-10.24c-.19,4.79-8.31,4.8-8.49,0-.82-8.21-2.92-27.7-2.86-35.42.07-2.38,2-3.78,4.56-4.32a11.19,11.19,0,0,1,2.49-.24,11.77,11.77,0,0,1,2.5.25c2.61.55,4.65,2,4.65,4.44v.24L65.72,72.45Z"/></svg> 3108 Inconsistent 3109 </td> 3110 <td style="white-space: nowrap;"><span class="green1">✓</span> Task level only</td> 3111 <td> 3112 <svg class="wrong" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.88 111.54" aria-hidden="true" focusable="false"><title>caution</title><path class="cls-1" d="M2.35,84.42,45.28,10.2l.17-.27h0A23,23,0,0,1,52.5,2.69,17,17,0,0,1,61.57,0a16.7,16.7,0,0,1,9.11,2.69,22.79,22.79,0,0,1,7,7.26q.19.32.36.63l42.23,73.34.24.44h0a22.48,22.48,0,0,1,2.37,10.19,17.63,17.63,0,0,1-2.17,8.35,15.94,15.94,0,0,1-6.93,6.6c-.19.1-.39.18-.58.26a21.19,21.19,0,0,1-9.11,1.75v0H17.61c-.22,0-.44,0-.65,0a18.07,18.07,0,0,1-6.2-1.15A16.42,16.42,0,0,1,3,104.24a17.53,17.53,0,0,1-3-9.57,23,23,0,0,1,1.57-8.74,7.66,7.66,0,0,1,.77-1.51Z"/><path class="cls-2" d="M9,88.75,52.12,14.16c5.24-8.25,13.54-8.46,18.87,0l42.43,73.69c3.39,6.81,1.71,16-9.33,15.77H17.61C10.35,103.8,5.67,97.43,9,88.75Z"/><path class="cls-1" d="M57.57,82.69A5.48,5.48,0,0,1,61,81.11a5.66,5.66,0,0,1,4.42,1.66,5.53,5.53,0,0,1,1.62,3.54A5.6,5.6,0,0,1,67,87.72a6,6,0,0,1-.42,1.34,5.53,5.53,0,0,1-2.92,2.84,5.79,5.79,0,0,1-4.57-.1,5.51,5.51,0,0,1-2.81-2.94,5.31,5.31,0,0,1-.36-1.27,5.9,5.9,0,0,1-.06-1.32h0a6.45,6.45,0,0,1,.57-2,4.6,4.6,0,0,1,1.14-1.56Zm8.15-10.24c-.19,4.79-8.31,4.8-8.49,0-.82-8.21-2.92-27.7-2.86-35.42.07-2.38,2-3.78,4.56-4.32a11.19,11.19,0,0,1,2.49-.24,11.77,11.77,0,0,1,2.5.25c2.61.55,4.65,2,4.65,4.44v.24L65.72,72.45Z"/></svg> 3113 Slow ramp up 3114 </td> 3115 </tr> 3116 <tr> 3117 <td>Single point of contact</td> 3118 <td class="hi"><span class="green1">✓</span> One PM</td> 3119 <td style="white-space: nowrap;"><span class="wrong1">✗</span> Multiple freelancers</td> 3120 <td> 3121 <svg class="wrong" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.88 111.54" aria-hidden="true" focusable="false"><title>caution</title><path class="cls-1" d="M2.35,84.42,45.28,10.2l.17-.27h0A23,23,0,0,1,52.5,2.69,17,17,0,0,1,61.57,0a16.7,16.7,0,0,1,9.11,2.69,22.79,22.79,0,0,1,7,7.26q.19.32.36.63l42.23,73.34.24.44h0a22.48,22.48,0,0,1,2.37,10.19,17.63,17.63,0,0,1-2.17,8.35,15.94,15.94,0,0,1-6.93,6.6c-.19.1-.39.18-.58.26a21.19,21.19,0,0,1-9.11,1.75v0H17.61c-.22,0-.44,0-.65,0a18.07,18.07,0,0,1-6.2-1.15A16.42,16.42,0,0,1,3,104.24a17.53,17.53,0,0,1-3-9.57,23,23,0,0,1,1.57-8.74,7.66,7.66,0,0,1,.77-1.51Z"/><path class="cls-2" d="M9,88.75,52.12,14.16c5.24-8.25,13.54-8.46,18.87,0l42.43,73.69c3.39,6.81,1.71,16-9.33,15.77H17.61C10.35,103.8,5.67,97.43,9,88.75Z"/><path class="cls-1" d="M57.57,82.69A5.48,5.48,0,0,1,61,81.11a5.66,5.66,0,0,1,4.42,1.66,5.53,5.53,0,0,1,1.62,3.54A5.6,5.6,0,0,1,67,87.72a6,6,0,0,1-.42,1.34,5.53,5.53,0,0,1-2.92,2.84,5.79,5.79,0,0,1-4.57-.1,5.51,5.51,0,0,1-2.81-2.94,5.31,5.31,0,0,1-.36-1.27,5.9,5.9,0,0,1-.06-1.32h0a6.45,6.45,0,0,1,.57-2,4.6,4.6,0,0,1,1.14-1.56Zm8.15-10.24c-.19,4.79-8.31,4.8-8.49,0-.82-8.21-2.92-27.7-2.86-35.42.07-2.38,2-3.78,4.56-4.32a11.19,11.19,0,0,1,2.49-.24,11.77,11.77,0,0,1,2.5.25c2.61.55,4.65,2,4.65,4.44v.24L65.72,72.45Z"/></svg> 3122 5+ people 3123 </td> 3124 <td><span class="green1">✓</span> One person</td> 3125 <td><span class="green1">✓</span> One hire</td> 3126 </tr> 3127 <tr> 3128 <td>Design + dielines + 3D mockups in one team</td> 3129 <td class="hi"><span class="green1">✓</span> Full stack</td> 3130 <td> 3131 <svg class="wrong" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.88 111.54" aria-hidden="true" focusable="false"><title>caution</title><path class="cls-1" d="M2.35,84.42,45.28,10.2l.17-.27h0A23,23,0,0,1,52.5,2.69,17,17,0,0,1,61.57,0a16.7,16.7,0,0,1,9.11,2.69,22.79,22.79,0,0,1,7,7.26q.19.32.36.63l42.23,73.34.24.44h0a22.48,22.48,0,0,1,2.37,10.19,17.63,17.63,0,0,1-2.17,8.35,15.94,15.94,0,0,1-6.93,6.6c-.19.1-.39.18-.58.26a21.19,21.19,0,0,1-9.11,1.75v0H17.61c-.22,0-.44,0-.65,0a18.07,18.07,0,0,1-6.2-1.15A16.42,16.42,0,0,1,3,104.24a17.53,17.53,0,0,1-3-9.57,23,23,0,0,1,1.57-8.74,7.66,7.66,0,0,1,.77-1.51Z"/>
3131<path class="cls-2" d="M9,88.75,52.12,14.16c5.24-8.25,13.54-8.46,18.87,0l42.43,73.69c3.39,6.81,1.71,16-9.33,15.77H17.61C10.35,103.8,5.67,97.43,9,88.75Z"/><path class="cls-1" d="M57.57,82.69A5.48,5.48,0,0,1,61,81.11a5.66,5.66,0,0,1,4.42,1.66,5.53,5.53,0,0,1,1.62,3.54A5.6,5.6,0,0,1,67,87.72a6,6,0,0,1-.42,1.34,5.53,5.53,0,0,1-2.92,2.84,5.79,5.79,0,0,1-4.57-.1,5.51,5.51,0,0,1-2.81-2.94,5.31,5.31,0,0,1-.36-1.27,5.9,5.9,0,0,1-.06-1.32h0a6.45,6.45,0,0,1,.57-2,4.6,4.6,0,0,1,1.14-1.56Zm8.15-10.24c-.19,4.79-8.31,4.8-8.49,0-.82-8.21-2.92-27.7-2.86-35.42.07-2.38,2-3.78,4.56-4.32a11.19,11.19,0,0,1,2.49-.24,11.77,11.77,0,0,1,2.5.25c2.61.55,4.65,2,4.65,4.44v.24L65.72,72.45Z"/></svg> 3132 Siloed depts 3133 </td> 3134 <td><span class="wrong1">✗</span> One skill each</td> 3135 <td><span class="wrong1">✗</span> Admin only</td> 3136 <td><span class="wrong1">✗</span> One role</td> 3137 </tr> 3138 <tr> 3139 <td>No founder micromanagement</td> 3140 <td class="hi"><span class="green1">✓</span> Self running</td> 3141 <td> 3142 <svg class="wrong" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.88 111.54" aria-hidden="true" focusable="false"><title>caution</title><path class="cls-1" d="M2.35,84.42,45.28,10.2l.17-.27h0A23,23,0,0,1,52.5,2.69,17,17,0,0,1,61.57,0a16.7,16.7,0,0,1,9.11,2.69,22.79,22.79,0,0,1,7,7.26q.19.32.36.63l42.23,73.34.24.44h0a22.48,22.48,0,0,1,2.37,10.19,17.63,17.63,0,0,1-2.17,8.35,15.94,15.94,0,0,1-6.93,6.6c-.19.1-.39.18-.58.26a21.19,21.19,0,0,1-9.11,1.75v0H17.61c-.22,0-.44,0-.65,0a18.07,18.07,0,0,1-6.2-1.15A16.42,16.42,0,0,1,3,104.24a17.53,17.53,0,0,1-3-9.57,23,23,0,0,1,1.57-8.74,7.66,7.66,0,0,1,.77-1.51Z"/><path class="cls-2" d="M9,88.75,52.12,14.16c5.24-8.25,13.54-8.46,18.87,0l42.43,73.69c3.39,6.81,1.71,16-9.33,15.77H17.61C10.35,103.8,5.67,97.43,9,88.75Z"/><path class="cls-1" d="M57.57,82.69A5.48,5.48,0,0,1,61,81.11a5.66,5.66,0,0,1,4.42,1.66,5.53,5.53,0,0,1,1.62,3.54A5.6,5.6,0,0,1,67,87.72a6,6,0,0,1-.42,1.34,5.53,5.53,0,0,1-2.92,2.84,5.79,5.79,0,0,1-4.57-.1,5.51,5.51,0,0,1-2.81-2.94,5.31,5.31,0,0,1-.36-1.27,5.9,5.9,0,0,1-.06-1.32h0a6.45,6.45,0,0,1,.57-2,4.6,4.6,0,0,1,1.14-1.56Zm8.15-10.24c-.19,4.79-8.31,4.8-8.49,0-.82-8.21-2.92-27.7-2.86-35.42.07-2.38,2-3.78,4.56-4.32a11.19,11.19,0,0,1,2.49-.24,11.77,11.77,0,0,1,2.5.25c2.61.55,4.65,2,4.65,4.44v.24L65.72,72.45Z"/></svg> 3143 You manage 3144 </td> 3145 <td><span class="wrong1">✗</span> You're the PM</td> 3146 <td style="white-space: nowrap;"><span class="wrong1">✗</span> Constant brief</td> 3147 <td style="white-space: nowrap;"> 3148 <svg class="wrong" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.88 111.54" aria-hidden="true" focusable="false"><title>caution</title><path class="cls-1" d="M2.35,84.42,45.28,10.2l.17-.27h0A23,23,0,0,1,52.5,2.69,17,17,0,0,1,61.57,0a16.7,16.7,0,0,1,9.11,2.69,22.79,22.79,0,0,1,7,7.26q.19.32.36.63l42.23,73.34.24.44h0a22.48,22.48,0,0,1,2.37,10.19,17.63,17.63,0,0,1-2.17,8.35,15.94,15.94,0,0,1-6.93,6.6c-.19.1-.39.18-.58.26a21.19,21.19,0,0,1-9.11,1.75v0H17.61c-.22,0-.44,0-.65,0a18.07,18.07,0,0,1-6.2-1.15A16.42,16.42,0,0,1,3,104.24a17.53,17.53,0,0,1-3-9.57,23,23,0,0,1,1.57-8.74,7.66,7.66,0,0,1,.77-1.51Z"/><path class="cls-2" d="M9,88.75,52.12,14.16c5.24-8.25,13.54-8.46,18.87,0l42.43,73.69c3.39,6.81,1.71,16-9.33,15.77H17.61C10.35,103.8,5.67,97.43,9,88.75Z"/><path class="cls-1" d="M57.57,82.69A5.48,5.48,0,0,1,61,81.11a5.66,5.66,0,0,1,4.42,1.66,5.53,5.53,0,0,1,1.62,3.54A5.6,5.6,0,0,1,67,87.72a6,6,0,0,1-.42,1.34,5.53,5.53,0,0,1-2.92,2.84,5.79,5.79,0,0,1-4.57-.1,5.51,5.51,0,0,1-2.81-2.94,5.31,5.31,0,0,1-.36-1.27,5.9,5.9,0,0,1-.06-1.32h0a6.45,6.45,0,0,1,.57-2,4.6,4.6,0,0,1,1.14-1.56Zm8.15-10.24c-.19,4.79-8.31,4.8-8.49,0-.82-8.21-2.92-27.7-2.86-35.42.07-2.38,2-3.78,4.56-4.32a11.19,11.19,0,0,1,2.49-.24,11.77,11.77,0,0,1,2.5.25c2.61.55,4.65,2,4.65,4.44v.24L65.72,72.45Z"/></svg> Heavy onboarding 3149 </td> 3150 </tr> 3151 <tr> 3152 <td>Unlimited revisions included</td> 3153 <td class="hi"><span class="green1">✓</span> Built in</td> 3154 <td><span class="wrong1">✗</span> Add on cost</td> 3155 <td style="white-space: nowrap;"><span class="wrong1">✗</span> Per revision fee</td> 3156 <td><span class="wrong1">✗</span> Not equipped</td> 3157 <td><span class="wrong1">✗</span> Hourly billing</td> 3158 </tr> 3159 <tr> 3160 <td>You own every file, no lock in</td> 3161 <td class="hi"><span class="green1">✓</span> Zero risk</td> 3162 <td><span class="green1">✓</span> Vendor model</td> 3163 <td style="white-space: nowrap;"><span class="green1">✓</span> Template license</td> 3164 <td><span class="green1">✓</span> Subscription</td> 3165 <td style="white-space: nowrap;"><span class="wrong1">✗</span> Agency retains files</td> 3166 </tr> 3167 <tr> 3168 <td>Fraction of US packaging studio cost</td> 3169 <td class="hi"><span class="green1">✓</span> From $129</td> 3170 <td style="white-space: nowrap;"><span class="wrong1">✗</span> $3K to $8K/project</td> 3171 <td> 3172 <svg class="wrong" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.88 111.54" aria-hidden="true" focusable="false"><title>caution</title><path class="cls-1" d="M2.35,84.42,45.28,10.2l.17-.27h0A23,23,0,0,1,52.5,2.69,17,17,0,0,1,61.57,0a16.7,16.7,0,0,1,9.11,2.69,22.79,22.79,0,0,1,7,7.26q.19.32.36.63l42.23,73.34.24.44h0a22.48,22.48,0,0,1,2.37,10.19,17.63,17.63,0,0,1-2.17,8.35,15.94,15.94,0,0,1-6.93,6.6c-.19.1-.39.18-.58.26a21.19,21.19,0,0,1-9.11,1.75v0H17.61c-.22,0-.44,0-.65,0a18.07,18.07,0,0,1-6.2-1.15A16.42,16.42,0,0,1,3,104.24a17.53,17.53,0,0,1-3-9.57,23,23,0,0,1,1.57-8.74,7.66,7.66,0,0,1,.77-1.51Z"/>
3172<path class="cls-2" d="M9,88.75,52.12,14.16c5.24-8.25,13.54-8.46,18.87,0l42.43,73.69c3.39,6.81,1.71,16-9.33,15.77H17.61C10.35,103.8,5.67,97.43,9,88.75Z"/><path class="cls-1" d="M57.57,82.69A5.48,5.48,0,0,1,61,81.11a5.66,5.66,0,0,1,4.42,1.66,5.53,5.53,0,0,1,1.62,3.54A5.6,5.6,0,0,1,67,87.72a6,6,0,0,1-.42,1.34,5.53,5.53,0,0,1-2.92,2.84,5.79,5.79,0,0,1-4.57-.1,5.51,5.51,0,0,1-2.81-2.94,5.31,5.31,0,0,1-.36-1.27,5.9,5.9,0,0,1-.06-1.32h0a6.45,6.45,0,0,1,.57-2,4.6,4.6,0,0,1,1.14-1.56Zm8.15-10.24c-.19,4.79-8.31,4.8-8.49,0-.82-8.21-2.92-27.7-2.86-35.42.07-2.38,2-3.78,4.56-4.32a11.19,11.19,0,0,1,2.49-.24,11.77,11.77,0,0,1,2.5.25c2.61.55,4.65,2,4.65,4.44v.24L65.72,72.45Z"/></svg> 3173 Hidden costs 3174 </td> 3175 <td style="white-space: nowrap;"><span class="green1">✓</span> Cheap limited</td> 3176 <td><span class="wrong1">✗</span> $10K+/project</td> 3177 </tr> 3178 </tbody> 3179 </table> 3180 </div> 3181 </div> 3182 </section> 3183 3184 <!-- ?? TESTIMONIALS ?? --> 3185 <section class="testimonials-section" id="testimonials"> 3186 <div class="container"> 3187 <div class="section-label reveal">Testimonials</div> 3188 <h2 class="reveal"> 3189 Products that finally look the part <br /><em>on the shelf.</em> 3190 </h2> 3191 </div> 3192 3193 <div class="testi-marquee-wrap"> 3194 <div class="testi-row"> 3195 <div class="testi-track"> 3196 <div class="testi-card"> 3197 <a class="testi-video" href="https://www.youtube.com/shorts/hBbVSPhO5Ec" data-youtube-id="hBbVSPhO5Ec" aria-label="Watch video review"> 3198 <img src="/assets/images/what-we-do/social-media-marketing/reviews/RlKxAv9nujw.jpg" alt="Video review" loading="lazy" decoding="async" /> 3199 <span class="testi-video-play" aria-hidden="true"></span> 3200 </a> 3201 <div class="testi-content"> 3202 <div> 3203 <div class="stars">★★★★★</div> 3204 <p class="testi-quote"> 3205 “When I changed my mind a million times they were very patient. 3206 <strong>They handle all my branding and marketing</strong> so I can focus on my clients.” 3207 </p> 3208 </div> 3209 <div class="testi-author"> 3210 <img class="testi-avatar" 3211 src="/assets/images/what-we-do/social-media-marketing/reviews/avatars/RlKxAv9nujw.jpg" 3212 alt="Jill Nicole Geesey" 3213 loading="lazy" decoding="async" /> 3214 <div> 3215 <div class="testi-name">Jill Nicole Geesey</div> 3216 <div class="testi-role">CEO & Founder · Revenue Integrity</div> 3217 </div> 3218 </div> 3219 </div> 3220 </div> 3221 <div class="testi-card"> 3222 <a class="testi-video" href="https://www.youtube.com/shorts/JbwdJGL_mKA" data-youtube-id="JbwdJGL_mKA" aria-label="Watch video review"> 3223 <img src="/assets/images/what-we-do/social-media-marketing/reviews/9mOlE8X75Qs.jpg" alt="Video review" loading="lazy" decoding="async" /> 3224 <span class="testi-video-play" aria-hidden="true"></span> 3225 </a> 3226 <div class="testi-content"> 3227 <div> 3228 <div class="stars">★★★★★</div> 3229 <p class="testi-quote"> 3230 “They've been very patient and very professional. 3231 <strong>Thank you for helping me get started</strong> with my website and my business.” 3232 </p> 3233 </div> 3234 <div class="testi-author"> 3235 <img class="testi-avatar" 3236 src="/assets/images/what-we-do/social-media-marketing/reviews/avatars/9mOlE8X75Qs.jpg" 3237 alt="Jive Turkeey founder" 3238 loading="lazy" decoding="async" /> 3239 <div> 3240 <div class="testi-name">Eric Yates</div> 3241 <div class="testi-role">CEO : Jive Turkeey</div> 3242 </div> 3243 </div> 3244 </div> 3245 </div> 3246 <div class="testi-card"> 3247 <a class="testi-video" href="https://www.youtube.com/shorts/HLAUYX4ONh8" data-youtube-id="HLAUYX4ONh8" aria-label="Watch video review"> 3248 <img src="/assets/images/what-we-do/social-media-marketing/reviews/C_Nmj_Mw87A.jpg" alt="Video review" loading="lazy" decoding="async" />
3249 <span class="testi-video-play" aria-hidden="true"></span> 3250 </a> 3251 <div class="testi-content"> 3252 <div> 3253 <div class="stars">★★★★★</div> 3254 <p class="testi-quote"> 3255 “They created my website and a more professional face online. 3256 <strong>I highly recommend Startups Advisory</strong> for business development.” 3257 </p> 3258 </div> 3259 <div class="testi-author"> 3260 <img class="testi-avatar" 3261 src="/assets/images/what-we-do/social-media-marketing/reviews/avatars/C_Nmj_Mw87A.jpg" 3262 alt="Susan" 3263 loading="lazy" decoding="async" /> 3264 <div> 3265 <div class="testi-name">Susan</div> 3266 <div class="testi-role">CEO & Founder · Concierge</div> 3267 </div> 3268 </div> 3269 </div> 3270 </div> 3271 <div class="testi-card"> 3272 <a class="testi-video" href="https://www.youtube.com/shorts/PKZcfhX-s7Q" data-youtube-id="PKZcfhX-s7Q" aria-label="Watch video review"> 3273 <img src="/assets/images/what-we-do/social-media-marketing/reviews/FhpDWxOImDE.jpg" alt="Video review" loading="lazy" decoding="async" /> 3274 <span class="testi-video-play" aria-hidden="true"></span> 3275 </a> 3276 <div class="testi-content"> 3277 <div> 3278 <div class="stars">★★★★★</div> 3279 <p class="testi-quote"> 3280 “Startups Advisory helped me grow my business. 3281 Their team built a professional website and <strong>strengthened our online presence</strong>.” 3282 </p> 3283 </div> 3284 <div class="testi-author"> 3285 <img class="testi-avatar" 3286 src="/assets/images/what-we-do/social-media-marketing/reviews/avatars/FhpDWxOImDE.jpg" 3287 alt="Christian Bayon" 3288 loading="lazy" decoding="async" /> 3289 <div> 3290 <div class="testi-name">Christian Bayon</div> 3291 <div class="testi-role">CEO & Founder · Reliance Plumbing & Heating</div> 3292 </div> 3293 </div> 3294 </div> 3295 </div> 3296 <div class="testi-card"> 3297 <a class="testi-video" href="https://www.youtube.com/shorts/YdJqgiXyFEM" data-youtube-id="YdJqgiXyFEM" aria-label="Watch video review"> 3298 <img src="/assets/images/what-we-do/social-media-marketing/reviews/C6GTQfJ9Aa4.jpg" alt="Video review" loading="lazy" decoding="async" /> 3299 <span class="testi-video-play" aria-hidden="true"></span> 3300 </a> 3301 <div class="testi-content"> 3302 <div> 3303 <div class="stars">★★★★★</div> 3304 <p class="testi-quote"> 3305 “Their support has made a meaningful difference. 3306 <strong>They are a dependable business partner</strong>, not just a service provider.” 3307 </p> 3308 </div> 3309 <div class="testi-author"> 3310 <img class="testi-avatar" 3311 src="/assets/images/what-we-do/social-media-marketing/reviews/avatars/C6GTQfJ9Aa4.jpg" 3312 alt="D Hakim-Rasheed" 3313 loading="lazy" decoding="async" /> 3314 <div> 3315 <div class="testi-name">D Hakim-Rasheed</div> 3316 <div class="testi-role">Newkirk Financial Consulting</div> 3317 </div> 3318 </div> 3319 </div> 3320 </div> 3321 <div class="testi-card"> 3322 <a class="testi-video" href="https://www.youtube.com/shorts/WtMFBB18AAM" data-youtube-id="WtMFBB18AAM" aria-label="Watch video review"> 3323 <img src="/assets/images/what-we-do/social-media-marketing/reviews/WtMFBB18AAM.jpg" alt="Video review" loading="lazy" decoding="async" />
3324 <span class="testi-video-play" aria-hidden="true"></span> 3325 </a> 3326 <div class="testi-content"> 3327 <div> 3328 <div class="stars">★★★★★</div> 3329 <p class="testi-quote"> 3330 “They understood exactly what I wanted for my channel's opening animation. 3331 <strong>Professional, responsive, and done right.</strong>” 3332 </p> 3333 </div> 3334 <div class="testi-author"> 3335 <img class="testi-avatar" 3336 src="/assets/images/what-we-do/social-media-marketing/reviews/avatars/WtMFBB18AAM.jpg" 3337 alt="Grandpa Bobby" 3338 loading="lazy" decoding="async" /> 3339 <div> 3340 <div class="testi-name">Grandpa Bobby</div> 3341 <div class="testi-role">Grandpa Bobby's Home Projects</div> 3342 </div> 3343 </div> 3344 </div> 3345 </div> 3346 <div class="testi-card"> 3347 <a class="testi-video" href="https://www.youtube.com/shorts/hBbVSPhO5Ec" data-youtube-id="hBbVSPhO5Ec" aria-label="Watch video review"> 3348 <img src="/assets/images/what-we-do/social-media-marketing/reviews/RlKxAv9nujw.jpg" alt="Video review" loading="lazy" decoding="async" /> 3349 <span class="testi-video-play" aria-hidden="true"></span> 3350 </a> 3351 <div class="testi-content"> 3352 <div> 3353 <div class="stars">★★★★★</div> 3354 <p class="testi-quote"> 3355 “When I changed my mind a million times they were very patient. 3356 <strong>They handle all my branding and marketing</strong> so I can focus on my clients.” 3357 </p> 3358 </div> 3359 <div class="testi-author"> 3360 <img class="testi-avatar" 3361 src="/assets/images/what-we-do/social-media-marketing/reviews/avatars/RlKxAv9nujw.jpg" 3362 alt="Jill Nicole Geesey" 3363 loading="lazy" decoding="async" /> 3364 <div> 3365 <div class="testi-name">Jill Nicole Geesey</div> 3366 <div class="testi-role">CEO & Founder · Revenue Integrity</div> 3367 </div> 3368 </div> 3369 </div> 3370 </div> 3371 <div class="testi-card"> 3372 <a class="testi-video" href="https://www.youtube.com/shorts/JbwdJGL_mKA" data-youtube-id="JbwdJGL_mKA" aria-label="Watch video review"> 3373 <img src="/assets/images/what-we-do/social-media-marketing/reviews/9mOlE8X75Qs.jpg" alt="Video review" loading="lazy" decoding="async" /> 3374 <span class="testi-video-play" aria-hidden="true"></span> 3375 </a> 3376 <div class="testi-content"> 3377 <div> 3378 <div class="stars">★★★★★</div> 3379 <p class="testi-quote"> 3380 “They've been very patient and very professional. 3381 <strong>Thank you for helping me get started</strong> with my website and my business.” 3382 </p> 3383 </div> 3384 <div class="testi-author"> 3385 <img class="testi-avatar" 3386 src="/assets/images/what-we-do/social-media-marketing/reviews/avatars/9mOlE8X75Qs.jpg" 3387 alt="Jive Turkeey founder" 3388 loading="lazy" decoding="async" /> 3389 <div> 3390 <div class="testi-name">Eric Yates</div> 3391 <div class="testi-role">CEO : Jive Turkeey</div> 3392 </div> 3393 </div> 3394 </div> 3395 </div> 3396 <div class="testi-card"> 3397 <a class="testi-video" href="https://www.youtube.com/shorts/HLAUYX4ONh8" data-youtube-id="HLAUYX4ONh8" aria-label="Watch video review"> 3398 <img src="/assets/images/what-we-do/social-media-marketing/reviews/C_Nmj_Mw87A.jpg" alt="Video review" loading="lazy" decoding="async" />
3399 <span class="testi-video-play" aria-hidden="true"></span> 3400 </a> 3401 <div class="testi-content"> 3402 <div> 3403 <div class="stars">★★★★★</div> 3404 <p class="testi-quote"> 3405 “They created my website and a more professional face online. 3406 <strong>I highly recommend Startups Advisory</strong> for business development.” 3407 </p> 3408 </div> 3409 <div class="testi-author"> 3410 <img class="testi-avatar" 3411 src="/assets/images/what-we-do/social-media-marketing/reviews/avatars/C_Nmj_Mw87A.jpg" 3412 alt="Susan" 3413 loading="lazy" decoding="async" /> 3414 <div> 3415 <div class="testi-name">Susan</div> 3416 <div class="testi-role">CEO & Founder · Concierge</div> 3417 </div> 3418 </div> 3419 </div> 3420 </div> 3421 </div> 3422 </div> 3423 </div> 3424 3425 </section> 3426 3427 <!-- ?? FAQ (hidden) ?? 3428 <section class="faq-section" id="faq"> 3429 <div class="container"> 3430 <div class="section-label reveal">The questions founders ask first</div> 3431 <h2 class="reveal">What founders ask <em>before they start.</em></h2> 3432 <div class="faq-wrap" style="margin-top: 48px"> 3433 <div class="faq-col"> 3434 <div class="faq-item open reveal"> 3435 <button class="faq-q"> 3436 Do you handle dielines? 3437 <span class="faq-icon">+</span> 3438 </button> 3439 <div class="faq-a"> 3440 Yes custom dieline built to your exact product, print ready. 3441 </div> 3442 </div> 3443 <div class="faq-item reveal"> 3444 <button class="faq-q"> 3445 How fast are files ready? 3446 <span class="faq-icon">+</span> 3447 </button> 3448 <div class="faq-a"> 3449 First concept in 24h; print ready inside a week. 3450 </div> 3451 </div> 3452 <div class="faq-item reveal"> 3453 <button class="faq-q"> 3454 What if my printer rejects it? 3455 <span class="faq-icon">+</span> 3456 </button> 3457 <div class="faq-a"> 3458 We fix it free. Printer approved or we keep working. 3459 </div> 3460 </div> 3461 </div> 3462 <div class="faq-col"> 3463 <div class="faq-item reveal"> 3464 <button class="faq-q"> 3465 Do I own the files? 3466 <span class="faq-icon">+</span> 3467 </button> 3468 <div class="faq-a"> 3469 Yes every layered source file (AI, PDF). No lock in. 3470 </div> 3471 </div> 3472 <div class="faq-item reveal"> 3473 <button class="faq-q"> 3474 Amazon or retail specs? 3475 <span class="faq-icon">+</span> 3476 </button> 3477 <div class="faq-a"> 3478 Yes built to pass on the first submission. 3479 </div> 3480 </div> 3481 <div class="faq-item reveal"> 3482 <button class="faq-q"> 3483 AI-generated? 3484 <span class="faq-icon">+</span> 3485 </button> 3486 <div class="faq-a"> 3487 No AI explores faster; every file is human designed and press checked. 3488 </div> 3489 </div> 3490 </div> 3491 </div> 3492 </div> 3493 </section> 3494 --> 3495 3496 <!-- ?? CTA ?? --> 3497 3498 <section class="cta-section" id="get-matched"> 3499 <div class="container"> 3500 <div class="cta-inner"> 3501 <div class="cta-left"> 3502 <h2 class="reveal">Get packaging that sells. <br /><em>Then run what comes next.</em></h2> 3503 <p class="reveal"> 3504 Send us your product and we'll show you what's costing you the pick up and the fastest fix. Start with one package, or claim founding pricing before the cohort fills. Once it's on the shelf, the same team can run the ads and content that move it. 3505 </p> 3506 <div class="cta-meta reveal"> 3507 <div class="form-perks"> 3508 <div class="form-perk"> 3509 <!-- <i class="fa-regular fa-clock" aria-hidden="true"></i> --> 3510 <div class="role-icon role-icon2 ri-red"> 3511 <!-- <img src="/assets/images/icons/for-agency/1.svg" 3512 width="23" 3513 height="23" 3514 alt="" 3515 loading="lazy" decoding="async" /> --> 3516 3517 <svg viewBox="0 0 24 24" fill="none"> 3518 <path d="M13 2 5 13h6l-1 9 9-13h-6l1-7Z" stroke="#5660c5"></path> 3519 <path d="M18 4v3M16.5 5.5h3" stroke="#5660c5"></path> 3520 </svg> 3521 3522 </div>
3523 <span> 3524 <strong>Printer approved</strong> or we fix it free.unlimited revisions own every file 3525 </span> 3526 </div> 3527 <div class="form-perk role-icon2"> 3528 <div class="svc-icon si3"> 3529 <svg viewBox="0 0 24 24" fill="none"> 3530 <path d="M6.5 18.5h-.8C4.2 18.5 3 17.3 3 15.8V9.2C3 7.7 4.2 6.5 5.7 6.5h12.6C19.8 6.5 21 7.7 21 9.2v6.6c0 1.5-1.2 2.7-2.7 2.7H11l-4.5 3v-3Z" stroke="#10a965"></path> 3531 <path d="M12 6.5V3.8" stroke="#10a965"></path> 3532 <circle cx="12" cy="3" r="1" fill="#10a965"></circle> 3533 <circle cx="9" cy="12" r="1.1" fill="#10a965"></circle> 3534 <circle cx="15" cy="12" r="1.1" fill="#10a965"></circle> 3535 <path d="M9.5 15c1.5 1.2 3.5 1.2 5 0" stroke="#10a965"></path> 3536 </svg> 3537 </div> 3538 <span><strong>Founding member pricing</strong> 50% off, limited spots remaining this month</span> 3539 </div> 3540 <div class="form-perk"> 3541 <div class="role-icon role-icon3 ri-red"> 3542 <svg viewBox="0 0 24 24" fill="none"> 3543 <path d="M4 11v2c0 .9.7 1.6 1.6 1.6H7l4 3.4V6L7 9.4H5.6C4.7 9.4 4 10.1 4 11Z" stroke="#16a34a"></path> 3544 <path d="M15 9.5c.8.7 1.2 1.5 1.2 2.5s-.4 1.9-1.2 2.5" stroke="#16a34a" stroke-linecap="round"></path> 3545 <path d="M17.6 7.2c1.4 1.2 2.2 2.9 2.2 4.8s-.8 3.6-2.2 4.8" stroke="#16a34a" stroke-linecap="round"></path> 3546 </svg> 3547 </div> 3548 <span><strong>Your packaging closes the shelf.</strong> We run the demand behind it.</span> 3549 </div> 3550 </div> 3551 </div> 3552 </div> 3553 <!-- <div class="form-card reveal d1"> 3554 <div class="form-card-h">Get Your Free Logo Quote</div> 3555 <div class="form-card-sub">5 quick questions. We'll be in touch within 24 hours.</div> 3556 3557 <div class="fg-row"> 3558 <div class="fg"> 3559 <label>Full Name</label> 3560 <input type="text" placeholder="Alex Johnson"> 3561 </div> 3562 <div class="fg"> 3563 <label>Work Email</label> 3564 <input type="email" placeholder="[email protected]"> 3565 </div> 3566 </div> 3567 3568 <div class="fdivider"></div> 3569 <div class="form-q-label">Where are you in your startup journey?</div> 3570 <div class="opts"> 3571 <label class="opt"><input type="radio" name="stage"> Pre-revenue</label> 3572 <label class="opt"><input type="radio" name="stage"> Early revenue</label> 3573 <label class="opt"><input type="radio" name="stage"> Growing & scaling</label> 3574 <label class="opt"><input type="radio" name="stage"> Funded & moving fast</label> 3575 </div> 3576 3577 <div class="form-q-label">What's the #1 thing slowing your growth?</div> 3578 <div class="opts"> 3579 <label class="opt"><input type="radio" name="block"> Hiring / delegation</label> 3580 <label class="opt"><input type="radio" name="block"> Design / brand</label> 3581 <label class="opt"><input type="radio" name="block"> Marketing / growth</label> 3582 <label class="opt"><input type="radio" name="block"> Dev / product</label> 3583 <label class="opt opt-full"><input type="radio" name="block"> Operations / systems</label> 3584 </div> 3585 3586 <div class="form-q-label">Current team size?</div> 3587 <div class="opts"> 3588 <label class="opt"><input type="radio" name="team"> Just me</label> 3589 <label class="opt"><input type="radio" name="team"> 2–5 people</label> 3590 <label class="opt"><input type="radio" name="team"> 6–15 people</label> 3591 <label class="opt"><input type="radio" name="team"> 15+ people</label> 3592 </div> 3593 3594 <div class="fdivider"></div> 3595 <div class="fg"> 3596 <label>How did you hear about us? <span style="font-weight:400;text-transform:none;letter-spacing:0;color:var(--muted)">(optional)</span></label> 3597 <input type="text" placeholder="LinkedIn, referral, Google..."> 3598 </div> 3599 3600 <button class="form-submit">Get My Logo Quote →</button> 3601 <a href="https://linkedin.com" target="_blank" class="form-follow">Not ready yet? Follow the journey on LinkedIn ↗</a> 3602 <p class="form-note">?? No sales pressure. No spam. Just a direct conversation about fit.</p> 3603 </div> --> 3604 3605 <!-- <div class="form-card"> 3606 <div class="quiz-progress-row">
3607 <span class="quiz-progress-label" id="quizStepLabel">Step 1 of 3</span> 3608 <div class="quiz-progress-track"> 3609 <div class="quiz-progress-fill" id="quizProgressFill"></div> 3610 </div> 3611 </div> 3612 3613 3614 <div class="form-step active"> 3615 <div class="form-card-h">Get Your Free Logo Quote</div> 3616 3617 3618 <div class="fg-row"> 3619 <div class="fg"> 3620 <label>Full Name</label> 3621 <input type="text" placeholder="Alex Johnson"> 3622 </div> 3623 <div class="fg"> 3624 <label>Work Email</label> 3625 <input type="email" placeholder="[email protected]"> 3626 </div> 3627 </div> 3628 <div class="form-q-label">Where are you in your startup journey?</div> 3629 <div class="opts"> 3630 <label class="opt"><input type="radio" name="stage"> Pre-revenue</label> 3631 <label class="opt"><input type="radio" name="stage"> Early revenue</label> 3632 <label class="opt"><input type="radio" name="stage"> Growing & scaling</label> 3633 <label class="opt"><input type="radio" name="stage"> Funded & moving fast</label> 3634 </div> 3635 3636 <button class="next-btn quiz-next">Next →</button> 3637 </div> 3638 <div class="form-step"> 3639 <div class="form-card-h">Your Startup Info</div> 3640 <div class="form-card-sub">Step 2 of 3</div> 3641 3642 <div class="form-q-label">What's slowing your growth?</div> 3643 <div class="opts"> 3644 <label class="opt"><input type="radio" name="block"> Hiring</label> 3645 <label class="opt"><input type="radio" name="block"> Design</label> 3646 <label class="opt"><input type="radio" name="block"> Marketing</label> 3647 <label class="opt"><input type="radio" name="block"> Dev</label> 3648 </div> 3649 3650 <button class="back-btn quiz-back">? Back</button> 3651 <button class="next-btn quiz-next">Next →</button> 3652 </div> 3653 <div class="form-step"> 3654 <div class="form-card-h">Final Step</div> 3655 <div class="form-card-sub">Step 3 of 3</div> 3656 3657 <div class="form-q-label">Current team size?</div> 3658 <div class="opts"> 3659 <label class="opt"><input type="radio" name="team"> Just me</label> 3660 <label class="opt"><input type="radio" name="team"> 2–5 people</label> 3661 <label class="opt"><input type="radio" name="team"> 6–15 people</label> 3662 <label class="opt"><input type="radio" name="team"> 15+ people</label> 3663 </div> 3664 3665 <div class="fg"> 3666 <label>How did you hear about us?</label> 3667 <input type="text" placeholder="LinkedIn, referral, Google..."> 3668 </div> 3669 3670 <button class="back-btn quiz-back">? Back</button> 3671 <button class="form-submit quiz-next">Submit</button> 3672 </div> 3673 3674 </div> --> 3675 <div 3676 class="quiz-card hero-banner-form cta-banner-form" 3677 id="ctaConsultCard" 3678 > 3679 <form id="ctaBannerConsultForm" novalidate> 3680 <!-- <div class="quiz-badge hero-banner-form__badge"> 3681 <span class="quiz-badge-dot"></span> Free Growth Assessment 3682 </div> --> 3683 <h3 class="hero-banner-form__title"> 3684 Get My Free <em>Packaging Review</em><br /> 3685 <span class="hero-banner-form__title-small" 3686 >3 fixes in 24h or see packages below.</span 3687 > 3688 </h3> 3689 <!-- <p class="hero-banner-form__sub"> 3690 Share your brief we'll reply within 24 hours with logo concepts 3691 and your best package price. 3692 </p> --> 3693 <div class="hero-banner-form__fields"> 3694 <input 3695 class="hero-banner-form__field" 3696 type="text" 3697 name="name" 3698 placeholder="Full name" 3699 required 3700 autocomplete="name" 3701 /> 3702 <input 3703 class="hero-banner-form__field" 3704 type="email" 3705 name="email" 3706 placeholder="Work email" 3707 required 3708 autocomplete="email" 3709 /> 3710 <input 3711 class="hero-banner-form__field" 3712 type="tel" 3713 name="phone" 3714 placeholder="Phone number" 3715 required 3716 autocomplete="tel" 3717 /> 3718 <select class="hero-banner-form__field" name="need" required> 3719 <option value="" disabled selected>What are you selling?</option> 3720 <option value="new-packaging">New packaging from scratch</option> 3721 <option value="refresh">Packaging refresh</option> 3722 <option value="brand-kit">Packaging + dielines</option> 3723 <option value="rebrand">Full SKU line</option> 3724 <option value="other">Other / not sure</option> 3725 </select> 3726 <button 3727 type="submit" 3728 class="quiz-next hero-banner-form__submit" 3729 > 3730 Get My Free Packaging Review <span class="hero-cta-arrow" aria-hidden="true">→</span> 3731 </button> 3732 <p class="quiz-foot hero-banner-form__foot"> 3733 Printer approved or we fix it free; Unlimited revisions own every file 3734 </p> 3735 </div> 3736 <div class="hero-banner-form__success"> 3737 <div class="quiz-done-icon">✓</div> 3738 <p style="font-weight: 600; color: var(--ink); margin-top: 8px"> 3739 Thanks we’ll be in touch shortly. 3740 </p> 3741 </div> 3742 </form> 3743 </div> 3744 </div> 3745 </div> 3746 </section> 3747 3748 <!-- -- FOOTER -- --> 3749 <footer> 3750 <div class="footer-inner"> 3751 <div class="footer-brand-block"> 3752 <div class="footer-brand-name"><a href="/"><img src="/assets/images/footer-logo1.svg" width="200" alt loading="lazy" decoding="async" /></a></div> 3753 <div class="footer-tagline"> 3754 StartupAdvisory.ai We run it. Packaging, branding, e-commerce, and marketing done for you, owned by you. 3755 </div> 3756 <form 3757 class="footer-newsletter hide-sm" 3758 onsubmit=" 3759 event.preventDefault(); 3760 this.querySelector('input').value = ''; 3761 this.querySelector('button').textContent = '? Subscribed'; 3762 " 3763 > 3764 <input 3765 type="email" 3766 placeholder="[email protected]" 3767 required 3768 maxlength="255" 3769 aria-label="Email" 3770 /> 3771 <button type="submit">Subscribe</button> 3772 </form> 3773 <div class="footer-social hide-sm"> 3774 <a href="https://www.facebook.com/StartupsAdvisory" aria-label="Twitter" class="faceb" 3775 ><i class="fa-brands fa-facebook-f facebook"></i 3776 ></a> 3777 <a href="https://www.linkedin.com/company/startupsadvisory/" aria-label="LinkedIn" class="linke" 3778 ><i class="fa-brands fa-linkedin linkedin"></i 3779 ></a> 3780 <a href="https://www.instagram.com/startups_advisory/" aria-label="Instagram" class="insta" 3781 ><i class="fa-brands fa-instagram instagram1"></i 3782 ></a> 3783 <a href="https://www.pinterest.com/StartupsAdvisory/" aria-label="Pinterest" class="pinterest" 3784 ><i class="fa-brands fa-pinterest pinterest"></i 3785 ></a> 3786 <a href="https://x.com/SAdvisory_AI" aria-label="Instagram" class="xtwitt" 3787 ><i class="fa-brands fa-x-twitter fxtwitter"></i 3788 ></a> 3789 </div> 3790 </div> 3791 <div class="footer-links-group"> 3792 <h4>What We Do</h4> 3793 <ul> 3794<li><a href="/what-we-do/logo-and-branding.html">Logo and Branding</a></li> 3795<li><a href="/what-we-do/web-design-and-development.html">Web Design and Development</a></li> 3796<li><a href="/what-we-do/mobile-application.html">Mobile Application</a></li> 3797<li><a href="/what-we-do/email-marketing.html">Email Marketing</a></li> 3798<li><a href="/what-we-do/content-writing.html">Content Writing</a></li> 3799<li><a href="/what-we-do/motion-video.html">Motion and Video</a></li> 3800<li><a href="/what-we-do/search-engine-optimization.html">Search Engine Optimization</a></li> 3801 </ul> 3802 </div> 3803 <div class="footer-links-group"> 3804 <h4>Company</h4> 3805 <ul> 3806 <li><a href="/about.html">About Us</a></li> 3807 <li><a href="/reviews.html">Reviews</a></li> 3808 <li><a href="https://kogents.ai" target="_blank">Kogents.ai</a></li> 3809 <li><a href="/privacy-policy.html">Privacy Policy</a></li> 3810 <li><a href="/terms-and-conditions.html">Terms & Conditions</a></li> 3811 </ul> 3812 </div> 3813 <div class="footer-contact-col"> 3814 <h4>Contact Us</h4> 3815 <div class="footer-contact"> 3816 <!-- constant email --> 3817 <a 3818 href="mailto:[email protected]" 3819 class="footer-contact__item fc-email" 3820 > 3821 <i class="fa-solid fa-envelope" aria-hidden="true"></i>
3822 <span>[email protected]</span> 3823 </a> 3824 3825 <!-- location slider (no autoplay; swipe/drag, hover for carets + dots) --> 3826 <div class="fc-slider" data-fc-slider> 3827 <div class="fc-viewport"> 3828 <div class="fc-track"> 3829 <!-- USA --> 3830 <div class="fc-slide"> 3831 <div class="fc-country">United States</div> 3832 <a href="tel:+17253024177" class="footer-contact__item"> 3833 <i class="fa-solid fa-phone" aria-hidden="true"></i> 3834 <span>(725) 302-4177</span> 3835 </a> 3836 <div class="footer-contact__item"> 3837 <i class="fa-solid fa-location-dot" aria-hidden="true"></i> 3838 <span>Address: 8 The Green #10863, Dover, DE 19901, USA</span> 3839 </div> 3840 </div> 3841 <!-- UAE --> 3842 <!-- <div class="fc-slide"> 3843 <div class="fc-country">United Arab Emirates</div> 3844 <a href="tel:+971589194384" class="footer-contact__item"> 3845 <i class="fa-solid fa-phone" aria-hidden="true"></i> 3846 <span>+971 58 919 4384</span> 3847 </a> 3848 <div class="footer-contact__item"> 3849 <i class="fa-solid fa-location-dot" aria-hidden="true"></i> 3850 <span>Plot No: JLT-PH2-RET-R6 Jumeirah Lakes Towers, Dubai, 3851 United Arab Emirates</span> 3852 </div> 3853 </div> --> 3854 <!-- Asia --> 3855 <!-- <div class="fc-slide"> 3856 <div class="fc-country">Asia</div> 3857 <a href="tel:+923232708619" class="footer-contact__item"> 3858 <i class="fa-solid fa-phone" aria-hidden="true"></i> 3859 <span>+92 323 270 8619</span> 3860 </a> 3861 <div class="footer-contact__item"> 3862 <i class="fa-solid fa-location-dot" aria-hidden="true"></i> 3863 <span>Plot no. 786, Hill View Rd, Imran Khan Road, Bani 3864 Gala, Islamabad</span> 3865 </div> 3866 </div> --> 3867 3868 </div> 3869 3870 </div> 3871 3872 <!-- <div class="fc-controls"> 3873 <button 3874 class="fc-arrow fc-arrow--prev fc-arrow--off" 3875 type="button" 3876 aria-label="Previous location" 3877 > 3878 <i class="fa-solid fa-chevron-left" aria-hidden="true"></i> 3879 </button> 3880 <div class="fc-dots"> 3881 <button 3882 class="fc-dot is-active" 3883 type="button" 3884 aria-label="United States" 3885 ></button> 3886 <button 3887 class="fc-dot" 3888 type="button" 3889 aria-label="United Arab Emirates" 3890 ></button> 3891 <button 3892 class="fc-dot" 3893 type="button" 3894 aria-label="Asia" 3895 ></button> 3896 </div> 3897 <button 3898 class="fc-arrow fc-arrow--next" 3899 type="button" 3900 aria-label="Next location" 3901 > 3902 <i class="fa-solid fa-chevron-right" aria-hidden="true"></i> 3903 </button> 3904 </div> --> 3905 </div> 3906 3907 </div> 3908 </div> 3909 </div> 3910 <div class="footer-links-group show-sm"> 3911 <form 3912 class="footer-newsletter" 3913 onsubmit=" 3914 event.preventDefault(); 3915 this.querySelector('input').value = ''; 3916 this.querySelector('button').textContent = '? Subscribed'; 3917 " 3918 > 3919 <input 3920 type="email" 3921 placeholder="[email protected]" 3922 required 3923 maxlength="255" 3924 aria-label="Email" 3925 /> 3926 <button type="submit">Subscribe</button> 3927 </form> 3928 <div class="footer-social"> 3929 <a href="https://www.facebook.com/StartupsAdvisory" aria-label="Twitter" class="faceb" 3930 ><i class="fa-brands fa-facebook-f facebook"></i 3931 ></a> 3932 <a href="https://www.linkedin.com/company/startupsadvisory/" aria-label="LinkedIn" class="linke" 3933 ><i class="fa-brands fa-linkedin linkedin"></i 3934 ></a> 3935 <a href="https://www.instagram.com/startups_advisory/" aria-label="Instagram" class="insta" 3936 ><i class="fa-brands fa-instagram instagram1"></i 3937 ></a> 3938 <a href="https://www.pinterest.com/StartupsAdvisory/" aria-label="Pinterest" class="pinterest" 3939 ><i class="fa-brands fa-pinterest pinterest"></i 3940 ></a> 3941 <a href="https://x.com/SAdvisory_AI" aria-label="Instagram" class="xtwitt" 3942 ><i class="fa-brands fa-x-twitter fxtwitter"></i 3943 ></a> 3944 </div> 3945 </div> 3946 </div> 3947 <div class="footer-bottom"> 3948 <p> 3949 © 2026 StartupAdvisory.ai All rights reserved · Growth OS · Active 3950 </p> 3951 <div class="footer-legal"> 3952 <a href="/privacy-policy.html">Privacy</a> 3953 <a href="/terms-and-conditions.html">Terms and Conditions</a> 3954 </div> 3955 </div> 3956 </footer> 3957 3958 <!-- Fixed right rail (consult drawer: click badge to open/close) --> 3959 <aside class="side-rail" aria-label="Quick contact"> 3960 <div class="side-rail__block side-rail__block--hover side-rail__block--chat"> 3961 <button 3962 type="button" 3963 class="side-rail__pill side-rail__tab-face" 3964 id="side-rail-chat-btn" 3965 aria-label="Chat with us" 3966 >
3967 <span class="side-rail__icon-btn" aria-hidden="true"> 3968 <i class="fa-solid fa-comments" aria-hidden="true"></i> 3969 </span> 3970 <span class="side-rail__expand" aria-hidden="true"> 3971 <span class="side-rail__sep"></span> 3972 <span class="side-rail__expand-label">Chat With Us</span> 3973 </span> 3974 </button> 3975 </div> 3976 3977 <div class="side-rail__block side-rail__block--hover side-rail__block--phone"> 3978 <a href="tel:+17253024177" class="side-rail__pill side-rail__tab-face"> 3979 <span class="side-rail__icon-btn" aria-hidden="true"> 3980 <i class="fa-solid fa-phone"></i> 3981 </span> 3982 <span class="side-rail__expand"> 3983 <span class="side-rail__sep"></span> 3984 <span class="side-rail__expand-label">(725) 302-4177</span> 3985 </span> 3986 </a> 3987 </div> 3988 3989 <div 3990 class="side-rail__block side-rail__block--consult" 3991 id="side-rail-consult" 3992 > 3993 <div class="side-rail__drawer-backdrop" aria-hidden="true"></div> 3994 <div class="side-rail__consult-wrap"> 3995 <div class="side-rail__consult-panel" id="side-rail-consult-panel"> 3996 <form class="side-rail__form" id="side-rail-consult-form"> 3997 <h3 class="side-rail__form-title"> 3998 Your Logo. <em>24 Hours.</em><br /> 3999 <span class="hero-banner-form__title-small" 4000 >Lock in 50% off brief us today.</span 4001 > 4002 </h3> 4003 <div class="side-rail__form-fields"> 4004 <input 4005 class="sr-field" 4006 type="text" 4007 name="name" 4008 placeholder="Full name" 4009 required 4010 autocomplete="name" 4011 /> 4012 <input 4013 class="sr-field" 4014 type="email" 4015 name="email" 4016 placeholder="Work email" 4017 required 4018 autocomplete="email" 4019 /> 4020 <input 4021 class="sr-field" 4022 type="tel" 4023 name="phone" 4024 placeholder="Phone number" 4025 required 4026 autocomplete="tel" 4027 /> 4028 <select class="sr-field" name="need" required> 4029 <option value="" disabled selected>What do you need?</option> 4030 <option value="new-packaging">New packaging from scratch</option> 4031 <option value="refresh">Packaging refresh</option> 4032 <option value="brand-kit">Packaging + dielines</option> 4033 <option value="rebrand">Full SKU line</option> 4034 <option value="other">Other / not sure</option> 4035 </select> 4036 <button type="submit" class="side-rail__submit"> 4037 Start my project <span class="hero-cta-arrow" aria-hidden="true">→</span> 4038 </button> 4039 </div> 4040 <p class="side-rail__form-foot"> 4041 Concepts in 48 hrs · Unlimited revisions · US entity 4042 </p> 4043 <p class="side-rail__form-note">Thanks we’ll be in touch shortly.</p> 4044 </form> 4045 </div> 4046 <button 4047 type="button" 4048 class="side-rail__consult-tab side-rail__tab-face" 4049 id="side-rail-consult-toggle" 4050 aria-label="Get free consultation" 4051 aria-expanded="false" 4052 aria-controls="side-rail-consult-panel" 4053 > 4054 <span class="side-rail__consult-tab-label">Get free consultation</span> 4055 </button> 4056 </div> 4057 </div> 4058 </aside> 4059 4060 <div 4061 id="pf-lightbox" 4062 class="pf-lightbox" 4063 role="dialog" 4064 aria-modal="true" 4065 aria-label="Enlarged portfolio preview" 4066 hidden 4067 > 4068 <button 4069 type="button" 4070 class="pf-lightbox__close" 4071 data-pf-lightbox-close 4072 aria-label="Close preview" 4073 > 4074 <svg viewBox="0 0 24 24" width="22" height="22" aria-hidden="true" focusable="false"> 4075 <path 4076 d="M6 6l12 12M18 6L6 18" 4077 fill="none" 4078 stroke="currentColor" 4079 stroke-width="2.2" 4080 stroke-linecap="round" 4081 /> 4082 </svg> 4083 </button> 4084 <div class="pf-lightbox__inner"> 4085 <img class="pf-lightbox__img" alt="" loading="lazy" decoding="async" /> 4086 <p class="pf-lightbox__caption"></p> 4087 </div> 4088 </div> 4089 4090
4090<script src="/assets/js/sa-scroll-lock.js?v=3" defer></script>
4090 4091
4091<script src="/assets/js/main.js?v=26" defer></script>
4091 4092
4092<script src="/assets/js/portfolio-rows-splide.js?v=5" defer></script>
4092 4093
4093<script src="/assets/js/video-testi-reviews.js?v=2"></script>
4093 4094
4094<script src="/assets/js/side-rail-consult.js?v=1"></script>
4094 4095
4095<script> 4096 (function () { 4097 if (!document.body.classList.contains("page-logo-design-v2")) return; 4098 if (document.querySelector("#testimonials .testi-video[data-youtube-id]")) return; 4099 4100 var WEBP_DIR = 4101 "/assets/images/what-we-do/logo%20large%20image%20webp/logo-large-images-webp/"; 4102 var WEBP_FILES = [ 4103 "1.webp","2.webp","3.webp","4.webp","5.webp","6.webp","7.webp","8.webp","9.webp","10.webp","11.webp","12.webp","13.webp","14.webp","15.webp","16.webp","17.webp","19.webp","20.webp","21.webp","22.webp","23.webp","24.webp","25.webp","26.webp","27.webp","28.webp","29.webp","30.webp","31.webp","32.webp","33.webp","34.webp","35.webp","36.webp","37.webp","38.webp","39.webp","40.webp","41.webp","42.webp","43.webp","44.webp","45.webp","46.webp","47.webp","48.webp","49.webp","50.webp","51.webp","52.webp","53.webp","54.webp","55.webp","56.webp","57.webp","58.webp","59.webp","60.webp","61.webp","62.webp","63.webp","64.webp","65.webp","66.webp","67.webp","68.webp","69.webp","70.webp","71.webp","72.webp","73.webp","74.webp","75.webp","76.webp","77.webp","78.webp","79.webp","80.webp","81.webp","82.webp","83.webp","84.webp","85.webp","86.webp","87.webp","88.webp","89.webp","90.webp","91.webp","92.webp","93.webp","94.webp","95.webp","96.webp","97.webp","98.webp","99.webp","100.webp","101.webp","102.webp","103.webp","104.webp","105.webp","106.webp","107.webp","108.webp","109.webp","110.webp","111.webp","112.webp","113.webp","114.webp","115.webp","116.webp","117.webp","120.webp","121.webp","131.webp","141.webp","151.webp","161.webp","162.webp","171.webp","181.webp","191.webp","201.webp","411.webp","511.webp","611.webp","911.webp" 4104 ]; 4105 4106 var TESTI_LOGO_BY_REVIEWER = { 4107 "Sarah M.": "1.webp", 4108 "Ryan T.": "2.webp", 4109 "James K.": "3.webp", 4110 "Marcus L.": "8.webp", 4111 "Emma R.": "4.webp", 4112 "David P.": "5.webp", 4113 "Priya N.": "7.webp", 4114 "Lisa K.": "6.webp", 4115 }; 4116 4117 function getLogoFileForCard(card, index) { 4118 if (card && card.dataset && card.dataset.testiLogo) { 4119 return card.dataset.testiLogo; 4120 } 4121 var nameEl = card.querySelector(".testi-name"); 4122 if (nameEl) { 4123 var name = nameEl.textContent.trim(); 4124 if (TESTI_LOGO_BY_REVIEWER[name]) { 4125 return TESTI_LOGO_BY_REVIEWER[name]; 4126 } 4127 } 4128 return WEBP_FILES[index % WEBP_FILES.length]; 4129 } 4130 4131 function applyTestiLogoStyles(img) { 4132 img.classList.add("testi-video__logo"); 4133 img.style.setProperty("object-fit", "cover", "important"); 4134 img.style.setProperty("object-position", "center center", "important"); 4135 img.style.setProperty("position", "absolute", "important"); 4136 img.style.setProperty("inset", "0", "important"); 4137 img.style.setProperty("width", "100%", "important"); 4138 img.style.setProperty("height", "100%", "important"); 4139 img.style.setProperty("max-width", "none", "important"); 4140 img.style.setProperty("max-height", "none", "important"); 4141 img.style.setProperty("transform", "none", "important"); 4142 img.style.setProperty("display", "block", "important"); 4143 } 4144 4145 function setTestiLogoOnImg(img, file) { 4146 if (!img || !file) return; 4147 var nextSrc = WEBP_DIR + file; 4148 if ( 4149 img.dataset.testiLogoFile === file && 4150 img.getAttribute("src") === nextSrc 4151 ) { 4152 applyTestiLogoStyles(img); 4153 return; 4154 } 4155 img.src = nextSrc; 4156 img.alt = "Client logo"; 4157 img.dataset.testiLogoFile = file; 4158 img.removeAttribute("width"); 4159 img.removeAttribute("height"); 4160 applyTestiLogoStyles(img); 4161 } 4162 4163 function applyLogosToTrack(track) { 4164 if (!track) return; 4165 4166 var cards = Array.prototype.slice.call( 4167 track.querySelectorAll(":scope > .testi-card"), 4168 ); 4169 if (!cards.length) return; 4170 4171 var halfCount = Math.max(1, Math.floor(cards.length / 2)); 4172 var primaryCards = cards.slice(0, halfCount); 4173 4174 primaryCards.forEach(function (card, index) { 4175 var img = card.querySelector(".testi-video > img"); 4176 setTestiLogoOnImg(img, getLogoFileForCard(card, index)); 4177 }); 4178 4179 for (var i = halfCount; i < cards.length; i += 1) { 4180 var mirrorIndex = i - halfCount; 4181 var sourceCard = primaryCards[mirrorIndex]; 4182 var cloneCard = cards[i]; 4183 var sourceImg = sourceCard 4184 ? sourceCard.querySelector(".testi-video > img") 4185 : null; 4186 var cloneImg = cloneCard.querySelector(".testi-video > img"); 4187 if (!sourceImg || !cloneImg) continue; 4188 var file = 4189 sourceImg.dataset.testiLogoFile || 4190 getLogoFileForCard(sourceCard, mirrorIndex); 4191 if (file) { 4192 setTestiLogoOnImg(cloneImg, file); 4193 } else if (sourceImg.src) { 4194 setTestiLogoOnImg(cloneImg, file); 4195 } else if (sourceImg.src) { 4196 cloneImg.src = sourceImg.src; 4197 cloneImg.alt = sourceImg.alt; 4198 applyTestiLogoStyles(cloneImg); 4199 } 4200 } 4201 } 4202 4203 function applyAllTestiLogos() { 4204 var tracks = document.querySelectorAll("#testimonials .testi-track"); 4205 tracks.forEach(function (track) { 4206 applyLogosToTrack(track); 4207 }); 4208 } 4209 4210 document.addEventListener("logo-design-v2:testi-marquee-ready", function () { 4211 applyAllTestiLogos(); 4212 }); 4213 4214 var resizeTimer; 4215 window.addEventListener("resize", function () { 4216 window.clearTimeout(resizeTimer); 4217 resizeTimer = window.setTimeout(applyAllTestiLogos, 250); 4218 }); 4219 })(); 4220 </script>
4220 4221 4222
4222<script> 4223 // FAQ accordion 4224 document.querySelectorAll(".faq-q").forEach((btn) => { 4225 btn.addEventListener("click", () => { 4226 const item = btn.closest(".faq-item"); 4227 const isOpen = item.classList.contains("open"); 4228 document 4229 .querySelectorAll(".faq-item") 4230 .forEach((i) => i.classList.remove("open")); 4231 if (!isOpen) item.classList.add("open"); 4232 }); 4233 }); 4234 4235 // Hero + CTA consultation forms (logo-design-v1 only) 4236 (function () { 4237 [ 4238 ["quizCard", "heroBannerConsultForm"], 4239 ["ctaConsultCard", "ctaBannerConsultForm"], 4240 ["leadPopupCard", "leadPopupForm"], 4241 ].forEach(([cardId, formId]) => { 4242 const card = document.getElementById(cardId); 4243 const form = document.getElementById(formId); 4244 if (!card || !form) return; 4245 4246 form.addEventListener("submit", (e) => { 4247 e.preventDefault(); 4248 if (!form.checkValidity()) { 4249 form.reportValidity(); 4250 return; 4251 } 4252 card.classList.add("is-sent"); 4253 }); 4254 }); 4255 })(); 4256 4257 // Solution layers - media sync (on mobile, video sits above the active card) 4258 function initSolSync(layersId, mediaId) { 4259 const layersRoot = document.getElementById(layersId); 4260 const mediaRoot = document.getElementById(mediaId); 4261 if (!layersRoot || !mediaRoot) return; 4262 const layers = layersRoot.querySelectorAll(".sol-layer"); 4263 const slides = mediaRoot.querySelectorAll(".media-slide"); 4264 if (!layers.length || !slides.length) return; 4265 const split = layersRoot.closest(".solution-split"); 4266 4267 const placeMedia = (activeLayer) => { 4268 const isMobile = window.matchMedia("(max-width: 900px)").matches; 4269 if (isMobile && activeLayer) { 4270 activeLayer.insertAdjacentElement("beforebegin", mediaRoot); 4271 } else if (split && mediaRoot.parentElement !== split) { 4272 split.appendChild(mediaRoot); 4273 } 4274 }; 4275 4276 const setActive = (key) => { 4277 let activeLayer = null; 4278 layers.forEach((l) => { 4279 const on = l.dataset.media === key; 4280 l.classList.toggle("is-active", on); 4281 if (on) activeLayer = l; 4282 }); 4283 slides.forEach((s) => { 4284 const on = s.dataset.media === key; 4285 s.classList.toggle("is-active", on); 4286 const v = s.querySelector("video.media-bg"); 4287 if (v) { 4288 if (on) { 4289 v.play().catch(() => {}); 4290 } else { 4291 v.pause(); 4292 } 4293 } 4294 }); 4295 placeMedia(activeLayer); 4296 }; 4297 4298 layers.forEach((l) => { 4299 l.addEventListener("mouseenter", () => setActive(l.dataset.media)); 4300 l.addEventListener("focus", () => setActive(l.dataset.media)); 4301 l.addEventListener("click", () => setActive(l.dataset.media)); 4302 }); 4303 4304 const initial = 4305 layersRoot.querySelector(".sol-layer.is-active") || layers[0]; 4306 if (initial) setActive(initial.dataset.media); 4307 window.addEventListener("resize", () => { 4308 const active = 4309 layersRoot.querySelector(".sol-layer.is-active") || layers[0]; 4310 if (active) placeMedia(active); 4311 }); 4312 } 4313 initSolSync("solLayers", "solMedia"); 4314 initSolSync("solLayersOs", "solMediaOs"); 4315 </script>
4315 4316 4317
4317<script> 4318 // Lead popup open on page CTAs / buttons 4319 document.addEventListener("DOMContentLoaded", function () { 4320 const leadOverlay = document.getElementById("lead-popup-overlay"); 4321 const leadClose = document.getElementById("lead-popup-close"); 4322 const leadCard = document.getElementById("leadPopupCard"); 4323 if (!leadOverlay) return; 4324 4325 function openLeadPopup() { 4326 leadCard?.classList.remove("is-sent"); 4327 leadOverlay.removeAttribute("hidden"); 4328 leadOverlay.classList.add("open"); 4329 if (window.SAScrollLock) window.SAScrollLock.lock(); else document.body.style.overflow = "hidden"; 4330 leadClose?.focus(); 4331 } 4332 4333 function closeLeadPopup() { 4334 leadOverlay.classList.remove("open"); 4335 leadOverlay.setAttribute("hidden", ""); 4336 if (window.SAScrollLock) window.SAScrollLock.unlock(); else document.body.style.overflow = ""; 4337 } 4338 4339 function shouldOpenLeadPopup(el) { 4340 if (!el) return false; 4341 if (!el.matches("button, a")) return false; 4342 if (el.closest("#lead-popup-overlay")) return false; 4343 if (el.closest(".fc-slider")) return false; 4344 if (el.closest(".fc-arrow")) return false; 4345 if (el.closest("#leadPopupForm")) return false; 4346 if (el.closest(".gos-install-overlay")) return false; 4347 if (el.closest("#nl-overlay")) return false; 4348 if (el.closest(".pf-lightbox")) return false; 4349 if (el.closest("#heroBannerConsultForm")) return false; 4350 if (el.closest("#ctaBannerConsultForm")) return false; 4351 if (el.closest(".footer-newsletter")) return false; 4352 if (el.closest("#get-matched")) return false; 4353 if (el.closest("#side-rail-consult-form")) return false;
4354 if (el.id === "navToggle" || el.closest(".nav-toggle")) return false; 4355 if (el.id === "side-rail-consult-toggle") return false; 4356 if (el.id === "side-rail-chat-btn" || el.closest("#side-rail-chat-btn")) { 4357 return false; 4358 } 4359 if (el.classList.contains("faq-q")) return false; 4360 if (el.classList.contains("portfolio-tab")) return false; 4361 if (el.classList.contains("lead-popup-close")) return false; 4362 if ( 4363 el.classList.contains("gos-install-close") || 4364 el.classList.contains("nl-close") 4365 ) { 4366 return false; 4367 } 4368 4369 if (el.tagName === "A") { 4370 const href = el.getAttribute("href") || ""; 4371 if (href.startsWith("tel:") || href.startsWith("mailto:")) { 4372 return false; 4373 } 4374 /* In-page links scroll to section, don't open popup */ 4375 const scrollOnly = 4376 href === "#pricing" || 4377 href === "#portfolio" || 4378 href === "#how-it-works" || 4379 href === "#testimonials" || 4380 href === "#faq" || 4381 el.classList.contains("btn-ghost"); 4382 if (scrollOnly) return false; 4383 4384 if ( 4385 el.classList.contains("btn-green") || 4386 el.classList.contains("nav-cta") || 4387 el.classList.contains("p-btn") || 4388 el.classList.contains("top-promo-bar__cta-link") || 4389 href === "#get-matched" 4390 ) { 4391 return true; 4392 } 4393 return false; 4394 } 4395 4396 return true; 4397 } 4398 4399 document.addEventListener("click", (e) => { 4400 const trigger = e.target.closest("button, a"); 4401 if (!shouldOpenLeadPopup(trigger)) return; 4402 e.preventDefault(); 4403 openLeadPopup(); 4404 }); 4405 4406 leadClose?.addEventListener("click", closeLeadPopup); 4407 leadOverlay.addEventListener("click", (e) => { 4408 if (e.target === leadOverlay) closeLeadPopup(); 4409 }); 4410 document.addEventListener("keydown", (e) => { 4411 if (e.key === "Escape" && leadOverlay.classList.contains("open")) { 4412 closeLeadPopup(); 4413 } 4414 }); 4415 4416 window.openLeadPopup = openLeadPopup; 4417 }); 4418 4419 // Side rail chat tab opens lead form 4420 document.addEventListener("DOMContentLoaded", function () { 4421 const chatBtn = document.getElementById("side-rail-chat-btn"); 4422 chatBtn?.addEventListener("click", (e) => { 4423 e.preventDefault(); 4424 e.stopPropagation(); 4425 if (typeof window.openLeadPopup === "function") { 4426 window.openLeadPopup(); 4427 } 4428 }); 4429 }); 4430 4431 // Install Growth OS popup (navbar CTA this page only) 4432 document.addEventListener("DOMContentLoaded", function () { 4433 const gosOverlay = document.getElementById("gos-install-overlay"); 4434 if (!gosOverlay) return; 4435 4436 const gosCloseBtn = document.getElementById("gos-install-close"); 4437 const gosSteps = gosOverlay.querySelectorAll(".gos-form-step"); 4438 const gosNextBtns = gosOverlay.querySelectorAll("[data-gos-next]"); 4439 const gosBackBtns = gosOverlay.querySelectorAll("[data-gos-back]"); 4440 const gosSubmitBtn = gosOverlay.querySelector("[data-gos-submit]"); 4441 let gosStep = 0; 4442 4443 function showGosStep(index) { 4444 gosStep = index; 4445 gosSteps.forEach((step, i) => { 4446 step.classList.toggle("active", i === gosStep); 4447 }); 4448 } 4449 4450 function closeGosPopup() { 4451 gosOverlay.classList.remove("open"); 4452 gosOverlay.setAttribute("hidden", ""); 4453 if (window.SAScrollLock) window.SAScrollLock.unlock(); else document.body.style.overflow = ""; 4454 } 4455 4456 gosCloseBtn?.addEventListener("click", closeGosPopup); 4457 gosOverlay.addEventListener("click", (e) => { 4458 if (e.target === gosOverlay) closeGosPopup(); 4459 }); 4460 document.addEventListener("keydown", (e) => { 4461 if (e.key === "Escape" && gosOverlay.classList.contains("open")) { 4462 closeGosPopup(); 4463 } 4464 }); 4465 4466 gosNextBtns.forEach((btn) => { 4467 btn.addEventListener("click", (e) => { 4468 e.preventDefault(); 4469 if (gosStep < gosSteps.length - 1) showGosStep(gosStep + 1); 4470 }); 4471 }); 4472 4473 gosBackBtns.forEach((btn) => { 4474 btn.addEventListener("click", (e) => { 4475 e.preventDefault(); 4476 if (gosStep > 0) showGosStep(gosStep - 1); 4477 }); 4478 }); 4479 4480 gosSubmitBtn?.addEventListener("click", (e) => { 4481 e.preventDefault(); 4482 closeGosPopup(); 4483 }); 4484 }); 4485 4486 // Side rail consult drawer: /assets/js/side-rail-consult.js (autofill-safe hover) 4487 document.addEventListener("DOMContentLoaded", function () { 4488 const consultForm = document.getElementById("side-rail-consult-form"); 4489 if (!consultForm) return; 4490 consultForm.addEventListener("submit", (e) => { 4491 e.preventDefault(); 4492 window.sideRailConsult?.releaseFormInteracting(); 4493 consultForm.classList.add("is-sent"); 4494 }); 4495 }); 4496 4497 // Newsletter popup 4498 document.addEventListener("DOMContentLoaded", function () {
4499 const overlay = document.getElementById("nl-overlay"); 4500 const closeBtn = document.getElementById("nl-close"); 4501 const form = document.getElementById("nl-form"); 4502 const successEl = document.getElementById("nl-success"); 4503 if (!overlay) return; 4504 4505 function openPopup() { 4506 overlay.classList.add("open"); 4507 if (window.SAScrollLock) window.SAScrollLock.lock(); else document.body.style.overflow = "hidden"; 4508 } 4509 function closePopup() { 4510 overlay.classList.remove("open"); 4511 if (window.SAScrollLock) window.SAScrollLock.unlock(); else document.body.style.overflow = ""; 4512 } 4513 4514 // Open on hero banner button click (no auto-open) 4515 const openBtn = document.getElementById("open-newsletter-btn"); 4516 if (openBtn) { 4517 openBtn.addEventListener("click", (e) => { 4518 e.preventDefault(); 4519 openPopup(); 4520 }); 4521 } 4522 4523 if (closeBtn) closeBtn.addEventListener("click", closePopup); 4524 overlay.addEventListener("click", (e) => { 4525 if (e.target === overlay) closePopup(); 4526 }); 4527 document.addEventListener("keydown", (e) => { 4528 if (e.key === "Escape") closePopup(); 4529 }); 4530 4531 if (form) { 4532 form.addEventListener("submit", (e) => { 4533 e.preventDefault(); 4534 form.style.display = "none"; 4535 if (successEl) successEl.style.display = "block"; 4536 }); 4537 } 4538 }); 4539 </script>
4539 4540
4540<script> 4541 (function () { 4542 const HERO_LOGO_V2_DIR = [ 4543 "/assets/images/what-we-do", 4544 "hero-floating-logos", 4545 ]; 4546 const HERO_LOGO_ALT_BY_FILE = {}; 4547 const HERO_LOGO_V2_FILES = [ 4548 "logo-01.webp", 4549 "logo-02.webp", 4550 "logo-03.webp", 4551 "logo-04.webp", 4552 "logo-05.webp", 4553 "logo-06.webp", 4554 "logo-07.webp", 4555 "logo-08.webp", 4556 "logo-09.webp", 4557 "logo-10.webp", 4558 "logo-11.webp", 4559 "logo-12.webp", 4560 "logo-13.webp", 4561 "logo-14.webp", 4562 "logo-15.webp", 4563 ]; 4564 4565 const HERO_LOGO_BLOCKED = [ 4566 "content.1.webp", 4567 "GMb.png", 4568 "gmb.png", 4569 "11.webp", 4570 "google-business-profile", 4571 "google-business", 4572 ]; 4573 4574 function isBlockedHeroLogoFile(fileName) { 4575 const norm = (fileName || "").toLowerCase(); 4576 return HERO_LOGO_BLOCKED.some(function (token) { 4577 return norm.includes(token.toLowerCase()); 4578 }); 4579 } 4580 4581 function isBlockedHeroLogoSrc(src) { 4582 const norm = normalizeHeroLogoSrc(src).toLowerCase(); 4583 return HERO_LOGO_BLOCKED.some(function (token) { 4584 return norm.includes(token.toLowerCase()); 4585 }); 4586 } 4587 4588 const heroLogoReserved = new Map(); 4589 4590 function buildHeroLogoSrc(dirSegments, fileName) { 4591 return dirSegments 4592 .concat(fileName) 4593 .map(function (segment) { 4594 return segment 4595 .split("/") 4596 .map(function (part) { 4597 return encodeURIComponent(part); 4598 }) 4599 .join("/"); 4600 }) 4601 .join("/"); 4602 } 4603 4604 function buildHeroLogoPool(dirSegments, fileNames) { 4605 return fileNames 4606 .filter(function (fileName) { 4607 return !isBlockedHeroLogoFile(fileName); 4608 }) 4609 .map(function (fileName) { 4610 return { 4611 src: buildHeroLogoSrc(dirSegments, fileName), 4612 alt: HERO_LOGO_ALT_BY_FILE[fileName] || "Custom brand logo design sample", 4613 }; 4614 }); 4615 } 4616 4617 let HERO_LOGO_POOL = buildHeroLogoPool( 4618 HERO_LOGO_V2_DIR, 4619 HERO_LOGO_V2_FILES, 4620 ); 4621 4622 function isHeroLogoV2Src(src) { 4623 const norm = normalizeHeroLogoSrc(src); 4624 if (isBlockedHeroLogoSrc(src)) return false; 4625 if (!norm.includes("/hero-floating-logos/")) return false; 4626 if (/\/content\.1\.png$/i.test(norm)) return false; 4627 return true; 4628 } 4629 4630 function getHeroLogoPoolForCard() { 4631 return HERO_LOGO_POOL; 4632 } 4633 4634 function getAllHeroLogoPools() { 4635 return HERO_LOGO_POOL.slice(); 4636 } 4637 4638 function shuffleLogos(list) { 4639 const copy = list.slice(); 4640 for (let i = copy.length - 1; i > 0; i--) { 4641 const j = Math.floor(Math.random() * (i + 1)); 4642 const tmp = copy[i]; 4643 copy[i] = copy[j]; 4644 copy[j] = tmp; 4645 } 4646 return copy; 4647 } 4648 4649 function normalizeHeroLogoSrc(src) { 4650 if (!src) return ""; 4651 try { 4652 return decodeURIComponent(src); 4653 } catch (error) { 4654 return src; 4655 } 4656 } 4657 4658 function getVisibleHeroLogoSrcs(excludeCard) { 4659 const srcs = []; 4660 document.querySelectorAll(".hero-form-logo-card").forEach(function (card) { 4661 if (card === excludeCard) return; 4662 const visible = card.querySelector(".hero-form-logo-card__logo.is-visible"); 4663 if (visible && visible.getAttribute("src")) { 4664 srcs.push(normalizeHeroLogoSrc(visible.getAttribute("src"))); 4665 } 4666 }); 4667 return srcs; 4668 } 4669 4670 function releaseHeroLogoReservation(card) { 4671 if (!card._heroReservedNorm) return; 4672 if (heroLogoReserved.get(card._heroReservedNorm) === card) { 4673 heroLogoReserved.delete(card._heroReservedNorm); 4674 } 4675 card._heroReservedNorm = null; 4676 } 4677 4678 function reserveHeroLogo(card, logo) { 4679 if (!logo) return; 4680 releaseHeroLogoReservation(card); 4681 const norm = normalizeHeroLogoSrc(logo.src); 4682 card._heroReservedNorm = norm; 4683 heroLogoReserved.set(norm, card); 4684 } 4685 4686 function getBlockedHeroLogoSrcs(excludeCard) { 4687 const blocked = new Set(getVisibleHeroLogoSrcs(excludeCard)); 4688 heroLogoReserved.forEach(function (ownerCard, norm) { 4689 if (ownerCard !== excludeCard) blocked.add(norm); 4690 }); 4691 return blocked; 4692 } 4693 4694 function pickRandomLogoForCard(card, currentSrc, extraBlocked) { 4695 const pool = getHeroLogoPoolForCard(); 4696 const blocked = new Set([ 4697 normalizeHeroLogoSrc(currentSrc), 4698 ...(extraBlocked || []).map(normalizeHeroLogoSrc), 4699 ...getBlockedHeroLogoSrcs(card), 4700 ]); 4701 const choices = pool.filter(function (logo) { 4702 return ( 4703 !blocked.has(normalizeHeroLogoSrc(logo.src)) && 4704 !isBlockedHeroLogoSrc(logo.src) 4705 ); 4706 }); 4707 if (!choices.length) return null; 4708 return choices[Math.floor(Math.random() * choices.length)]; 4709 } 4710 4711 function filterValidHeroLogos(pool) { 4712 return Promise.all( 4713 pool.map(function (logo) { 4714 return new Promise(function (resolve) { 4715 const probe = new Image(); 4716 probe.onload = function () { 4717 resolve(logo); 4718 }; 4719 probe.onerror = function () { 4720 resolve(null); 4721 }; 4722 probe.src = logo.src; 4723 }); 4724 }), 4725 ).then(function (results) {
4726 return results.filter(Boolean); 4727 }); 4728 } 4729 4730 function assignInitialHeroLogos(cards) { 4731 const used = new Set(); 4732 4733 cards.forEach(function (card) { 4734 ensureHeroLogoMedia(card); 4735 const visible = card.querySelector(".hero-form-logo-card__logo.is-visible"); 4736 if (!visible) return; 4737 4738 // Detect the logo already shown on load and keep it as the 4739 // starting image so the rotation continues smoothly from it 4740 // no jarring all-at-once swap once the script initialises. 4741 const existingSrc = visible.getAttribute("src"); 4742 if (existingSrc) { 4743 used.add(normalizeHeroLogoSrc(existingSrc)); 4744 return; 4745 } 4746 4747 const pool = shuffleLogos(getHeroLogoPoolForCard()); 4748 let logo = pool.find(function (item) { 4749 return !used.has(normalizeHeroLogoSrc(item.src)); 4750 }); 4751 4752 if (!logo && pool.length) { 4753 logo = pool[Math.floor(Math.random() * pool.length)]; 4754 } 4755 4756 if (logo) { 4757 visible.src = logo.src; 4758 visible.alt = logo.alt; 4759 used.add(normalizeHeroLogoSrc(logo.src)); 4760 } 4761 }); 4762 } 4763 4764 function applyHeroBannerLogoStyles(img, card) { 4765 if (!img || !card || !card.classList.contains("hero-form-logo-card--logo")) { 4766 return; 4767 } 4768 4769 img.style.setProperty("object-fit", "cover", "important"); 4770 img.style.setProperty("object-position", "center center", "important"); 4771 img.style.setProperty("position", "absolute", "important"); 4772 img.style.setProperty("inset", "0", "important"); 4773 img.style.setProperty("left", "0", "important"); 4774 img.style.setProperty("top", "0", "important"); 4775 img.style.setProperty("right", "0", "important"); 4776 img.style.setProperty("bottom", "0", "important"); 4777 img.style.setProperty("width", "100%", "important"); 4778 img.style.setProperty("height", "100%", "important"); 4779 img.style.setProperty("max-width", "100%", "important"); 4780 img.style.setProperty("max-height", "100%", "important"); 4781 img.style.setProperty("transform", "none", "important"); 4782 img.style.setProperty("border-radius", "inherit", "important"); 4783 } 4784 4785 function ensureHeroLogoMedia(card) { 4786 if (card.querySelector(".hero-form-logo-card__media")) { 4787 card 4788 .querySelectorAll(".hero-form-logo-card__logo") 4789 .forEach(function (layer) { 4790 applyHeroBannerLogoStyles(layer, card); 4791 }); 4792 return; 4793 } 4794 4795 const img = card.querySelector("img"); 4796 if (!img) return; 4797 4798 const media = document.createElement("div"); 4799 media.className = "hero-form-logo-card__media"; 4800 4801 img.classList.add("hero-form-logo-card__logo", "is-visible"); 4802 applyHeroBannerLogoStyles(img, card); 4803 4804 const buffer = document.createElement("img"); 4805 buffer.className = "hero-form-logo-card__logo"; 4806 buffer.alt = ""; 4807 buffer.setAttribute("aria-hidden", "true"); 4808 buffer.decoding = "async"; 4809 applyHeroBannerLogoStyles(buffer, card); 4810 4811 media.append(img, buffer); 4812 card.append(media); 4813 } 4814 4815 function getHeroLogoLayers(card) { 4816 const media = card.querySelector(".hero-form-logo-card__media"); 4817 if (!media) return null; 4818 const layers = media.querySelectorAll(".hero-form-logo-card__logo"); 4819 if (layers.length < 2) return null; 4820 return layers; 4821 } 4822 4823 function crossfadeHeroLogo(card, failedSrcs) { 4824 const layers = getHeroLogoLayers(card); 4825 if (!layers) return; 4826 4827 const visible = mediaVisibleLayer(layers); 4828 const hidden = visible === layers[0] ? layers[1] : layers[0]; 4829 const blocked = failedSrcs ? failedSrcs.slice() : []; 4830 const nextLogo = pickRandomLogoForCard( 4831 card, 4832 visible.getAttribute("src"), 4833 blocked, 4834 ); 4835 4836 if (!nextLogo) { 4837 scheduleHeroLogoSwap(card, 1800); 4838 return; 4839 } 4840 4841 reserveHeroLogo(card, nextLogo); 4842 const preloader = new Image(); 4843 4844 preloader.onload = function () { 4845 const nextNorm = normalizeHeroLogoSrc(nextLogo.src); 4846 const occupied = getBlockedHeroLogoSrcs(card); 4847 occupied.delete(nextNorm); 4848 const finalLogo = 4849 !occupied.has(nextNorm) 4850 ? nextLogo 4851 : pickRandomLogoForCard( 4852 card, 4853 visible.getAttribute("src"), 4854 blocked.concat(nextLogo.src), 4855 ); 4856 4857 if (!finalLogo) { 4858 releaseHeroLogoReservation(card); 4859 scheduleHeroLogoSwap(card, 1800); 4860 return; 4861 } 4862 4863 reserveHeroLogo(card, finalLogo); 4864 hidden.src = finalLogo.src;
4865 hidden.alt = finalLogo.alt; 4866 hidden.removeAttribute("aria-hidden"); 4867 visible.setAttribute("aria-hidden", "true"); 4868 4869 requestAnimationFrame(function () { 4870 hidden.classList.add("is-visible"); 4871 visible.classList.remove("is-visible"); 4872 releaseHeroLogoReservation(card); 4873 scheduleHeroLogoSwap(card); 4874 }); 4875 }; 4876 4877 preloader.onerror = function () { 4878 releaseHeroLogoReservation(card); 4879 const retryBlocked = blocked.concat(nextLogo.src); 4880 if (retryBlocked.length < getHeroLogoPoolForCard().length) { 4881 crossfadeHeroLogo(card, retryBlocked); 4882 return; 4883 } 4884 scheduleHeroLogoSwap(card, 1800); 4885 }; 4886 4887 preloader.src = nextLogo.src; 4888 } 4889 4890 function mediaVisibleLayer(layers) { 4891 for (const layer of layers) { 4892 if (layer.classList.contains("is-visible")) return layer; 4893 } 4894 return layers[0]; 4895 } 4896 4897 // Each swap waits a fresh random delay so the cards never change in 4898 // sync the staggering is what makes the effect feel organic. 4899 function randomHeroLogoDelay() { 4900 return 2600 + Math.floor(Math.random() * 3600); // 2.6s-6.2s 4901 } 4902 4903 function scheduleHeroLogoSwap(card, delayOverride) { 4904 if (card._heroLogoTimer) { 4905 window.clearTimeout(card._heroLogoTimer); 4906 } 4907 const delay = 4908 typeof delayOverride === "number" 4909 ? delayOverride 4910 : randomHeroLogoDelay(); 4911 card._heroLogoTimer = window.setTimeout(function () { 4912 crossfadeHeroLogo(card); 4913 }, delay); 4914 } 4915 4916 document.addEventListener("DOMContentLoaded", function () { 4917 if (!document.body.classList.contains("page-logo-design-v2")) return; 4918 4919 document 4920 .querySelectorAll(".hero-form-logo-card--logo") 4921 .forEach(function (card) { 4922 ensureHeroLogoMedia(card); 4923 }); 4924 }); 4925 4926 document.addEventListener("DOMContentLoaded", function () { 4927 if (!document.body.classList.contains("page-logo-design-v2")) return; 4928 if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) return; 4929 4930 const cards = document.querySelectorAll(".hero-form-logo-card"); 4931 if (!cards.length) return; 4932 4933 filterValidHeroLogos(getAllHeroLogoPools()).then(function (validPool) { 4934 if (validPool.length) { 4935 HERO_LOGO_POOL = validPool.filter(function (logo) { 4936 return isHeroLogoV2Src(logo.src); 4937 }); 4938 } 4939 4940 if (!HERO_LOGO_POOL.length) { 4941 HERO_LOGO_POOL = buildHeroLogoPool( 4942 HERO_LOGO_V2_DIR, 4943 HERO_LOGO_V2_FILES, 4944 ); 4945 } 4946 4947 assignInitialHeroLogos(cards); 4948 4949 if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) { 4950 return; 4951 } 4952 4953 // Stagger the first swap of each card by a random offset so they 4954 // start changing at different, unpredictable moments.
4955 Array.from(cards).forEach(function (card, i) { 4956 const start = 900 + i * 450 + Math.floor(Math.random() * 1800); 4957 card._heroLogoTimer = window.setTimeout(function () { 4958 crossfadeHeroLogo(card); 4959 }, start); 4960 }); 4961 }); 4962 }); 4963 })(); 4964 </script>
4964 4965 4966
4966<script> 4967 // Offer-ticket: randomise "Slots Available" for live scarcity. 4968 (function () { 4969 const sEl = document.getElementById('slots'); 4970 if (sEl) sEl.textContent = 31 + Math.floor(Math.random() * 13); 4971 })(); 4972 // Countdown set your real expiry here 4973 let t = 23 * 3600 + 59 * 60 + 47; 4974 const tEl = document.getElementById('timer'); 4975 if (tEl) setInterval(() => { 4976 t = t > 0 ? t - 1 : 0; 4977 const h = String(Math.floor(t / 3600)).padStart(2, '0'); 4978 const m = String(Math.floor((t % 3600) / 60)).padStart(2, '0'); 4979 const s = String(t % 60).padStart(2, '0'); 4980 tEl.textContent = h + ':' + m + ':' + s; 4981 }, 1000); 4982 </script>
4982 4983
4983<script> 4984 // How It Works ? grow the connector line as the section scrolls into view. 4985 (function () { 4986 var flow = document.querySelector('#how-it-works .hiw-process__flow'); 4987 if (!flow) return; 4988 var markers = flow.querySelectorAll('.hiw-process__marker'); 4989 if (!markers.length) return; 4990 4991 var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches; 4992 4993 // Anchor the line exactly between the first and last marker centres so 4994 // it lines up with the markers and stops at the final step. 4995 function measure() { 4996 var fr = flow.getBoundingClientRect(); 4997 var fm = markers[0].getBoundingClientRect(); 4998 var lm = markers[markers.length - 1].getBoundingClientRect(); 4999 flow.style.setProperty('--hiw-line-left', (fm.left + fm.width / 2 - fr.left - 1) + 'px'); 5000 flow.style.setProperty('--hiw-line-top', (fm.top + fm.height / 2 - fr.top) + 'px'); 5001 flow.style.setProperty('--hiw-line-bottom', (fr.bottom - (lm.top + lm.height / 2)) + 'px'); 5002 } 5003 5004 var ticking = false; 5005 5006 function update() { 5007 ticking = false; 5008 measure(); 5009 if (reduce) { 5010 flow.style.setProperty('--hiw-progress', '1'); 5011 return; 5012 } 5013 var rect = flow.getBoundingClientRect(); 5014 var vh = window.innerHeight || document.documentElement.clientHeight; 5015 // Start filling when the top of the flow passes 80% of the viewport, 5016 // reach 100% when the bottom passes 50% of the viewport. 5017 var start = vh * 0.8; 5018 var end = vh * 0.5; 5019 var p = (start - rect.top) / (rect.height + (start - end)); 5020 if (p < 0) p = 0; 5021 if (p > 1) p = 1; 5022 flow.style.setProperty('--hiw-progress', p.toFixed(4)); 5023 } 5024 5025 function onScroll() { 5026 if (!ticking) { 5027 ticking = true; 5028 window.requestAnimationFrame(update); 5029 } 5030 } 5031 5032 window.addEventListener('scroll', onScroll, { passive: true }); 5033 window.addEventListener('resize', onScroll, { passive: true }); 5034 update(); 5035 })(); 5036 </script>
vendor: 1 bytes, line 5036
5036
5037<script src="/assets/js/promo-bar-cycle.js?v=1" defer></script>
vendor: 1 bytes, line 5037
5037
5038<script src="/assets/js/lead-capture.js?v=13" defer></script>
5038 5039
5039<script src="/assets/js/site-performance.min.js?v=20260924-website-contact" defer></script>
vendor: 1 bytes, line 5039
5039
5040<script src="/assets/js/geo-pricing.js?v=regional-2" defer></script>
vendor: 1 bytes, line 5040
5040
5041<script src="/assets/js/conversion-tracking.js?v=17" defer></script>
vendor: 1 bytes, line 5041
5041
5042<script src="/assets/js/live-chat-popup.js?v=3" defer></script>
vendor: 1 bytes, line 5042
5042
5043<script src="/assets/js/thank-you-actions.js?v=50" defer></script>
5043 5044
5044<script src="/assets/js/field-validate.js?v=1" defer></script>
5044 5045 </body> 5046</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.