1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <link rel="icon" href="./favicon.ico"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <link rel="preconnect" href="https://fonts.googleapis.com"> 8 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""> 9 <link href="https://fonts.googleapis.com/css2?family=Quicksand:[email protected]&display=swap" rel="stylesheet"> 10 <link href="https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Lexend+Deca:[email protected]&display=swap" rel="stylesheet"> 11 <title>Affiliate sureoakdigital</title> 12 <link rel="stylesheet" href="./dist/output.css" /> 13 <link href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css" rel="stylesheet"/> 14</head> 15 16<body> 17 <div id="app" data-v-app=""> 18 <div data-v-7909975f="" class="font-lexendDeca"> 19 <!-- Mini Header Component --> 20 <div class="bg-white w-full h-20 z-50 top-0"> 21 <div class="flex justify-between items-center text-black font-light max-w-6xl h-full mx-auto w-11/12 md:w-auto"> 22 <div> 23 <a aria-current="page" href="./" class="router-link-active router-link-exact-active"> 24 <img src="./images/SURElogo.png" class="md:h-10 h-8" alt="" /> 25 </a> 26 </div> 27 <div class="space-y-1 md:hidden cursor-pointer"> 28 <div class="w-6 h-[1.5px] bg-text"></div> 29 <div class="w-6 h-[1.5px] bg-text"></div> 30 <div class="w-6 h-[1.5px] bg-text"></div> 31 </div> 32 <div class="-translate-x-full md:translate-x-0 flex md:flex-row flex-col fixed transition-transform duration-300 text-sm ease-in-out md:static top-0 left-0 w-full md:w-auto bg-white md:bg-transparent text-black gap-4 md:gap-4 h-screen md:h-auto p-4 md:items-center capitalize z-50"> 33 <div class="md:hidden flex justify-between items-center"> 34 <a aria-current="page" href="./" class="router-link-active router-link-exact-active"> 35 <img src="./images/SURElogo.png" class="h-8" alt="" /> 36 </a> 37 <button class="text-4xl"> 38 <i class="ri-close-fill"></i> 39 </button> 40 </div> 41 <!--<a aria-current="page" href="/" class="text-text router-link-exact-active hover:text-text">--> 42 <!-- Home--> 43 <!--</a>--> 44 <!--<a href="login" class="hover:text-text"> Connector </a>--> 45 <!--<a href="login" class="hover:text-text"> Pricing </a>--> 46 <!--<a href="login" class="hover:text-text"> Template </a>--> 47 <!-- Container for the Google Translate widget with premium styles --> 48 <div class="flex items-center gap-1.5 select-none"> 49 <i class="ri-global-line text-gray-500 text-lg"></i> 50 <div id="google_translate_element"></div> 51 </div> 52 53 <style> 54 /* Google Translate Widget Premium Reset & Styling */ 55 body { 56 top: 0px !important; 57 position: static !important; 58 } 59 /* Hide only the ugly Google Translate top bar banner & tooltips */ 60 .goog-te-banner-frame.skiptranslate, 61 .goog-te-banner-frame, 62 #goog-gt-tt { 63 display: none !important; 64 } 65 /* Hide the Powered by Google logo and text details */ 66 .goog-te-gadget { 67 font-size: 0px !important; 68 color: transparent !important; 69 } 70 .goog-te-gadget > span { 71 display: none !important; 72 } 73 .goog-te-gadget .goog-logo-link { 74 display: none !important; 75 } 76 /* Sleek rounded dropdown styling */ 77 .goog-te-combo { 78 background-color: #ffffff !important; 79 color: #374151 !important; /* text-gray-700 */ 80 border: 1px solid #e5e7eb !important; /* border-gray-200 */ 81 border-radius: 9999px !important; /* rounded-full */ 82 padding: 0.35rem 0.75rem !important; /* py-1 px-3 */ 83 font-size: 0.8125rem !important; /* text-xs/sm */ 84 font-weight: 500 !important; 85 outline: none !important; 86 cursor: pointer !important; 87 transition: all 0.2s ease-in-out !important; 88 font-family: inherit !important; 89 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; 90 } 91 .goog-te-combo:hover { 92 background-color: #f9fafb !important; /* gray-50 */ 93 border-color: #d1d5db !important; /* border-gray-300 */ 94 box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03) !important; 95 } 96 .goog-te-combo:focus { 97 border-color: #3b82f6 !important; /* blue-500 */ 98 box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15) !important; 99 } 100 </style> 101 102 <a href="login" class="md:bg-text md:py-1.5 md:px-4 md:hidden md:w-20 md:text-center rounded-full">Login</a> 103 <a href="register" class="border md:py-1.5 md:hidden md:px-4 md:w-24 md:text-center rounded-full">Sign Up</a> 104 </div> 105 <div class="items-center gap-4 hidden md:flex"> 106 <a href="login" class="md:bg-text text-white md:py-1.5 md:px-4 md:w-20 md:text-center rounded-full">Login</a> 107 <a href="register" class="border hover:bg-text hover:text-white md:py-1.5 md:px-4 md:w-24 md:text-center rounded-full">Sign Up</a> 108 </div> 109 </div> 110</div> 111 112<!-- Google Translate script -->
113<script type="text/javascript"> 114 function googleTranslateElementInit() { 115 new google.translate.TranslateElement({ 116 pageLanguage: 'en', // Original page language 117 layout: google.translate.TranslateElement.InlineLayout.SIMPLE 118 }, 'google_translate_element'); 119 } 120</script>
120 121 122<!-- Load Google Translate API -->
123<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
123 <!-- End of Mini Header Component --> 124 125 <div> 126 <main data-v-7909975f=""> 127 <div data-v-7909975f="" class="bg-white md:h-screen flex flex-col md:items-center justify-center w-full gap-y-10 font-[300] pb-10"> 128 <div class="text-center text-text-dark text-4xl font-bold md:w-8/12 mx-auto space-y-3"> 129 <p>Sureoakdigital is a Full-Stack</p> 130 <div class="flex flex-col md:flex-row items-center justify-center"> 131 <p class=""> Digital <br class="md:hidden mb-7"> 132 <span class="bg-main mt-2 text-white px-2 md:ml-2 rounded-lg">marketing Agency</span> 133 </p> 134 </div> 135 </div> 136 <div class="text-xl text-center space-y-2 md:w-8/12 mx-auto"> 137 <p class="hidden md:block"> As a 138 <span class="px-1 bg-light-green"> full-stack digital marketing agency</span> we provide end-to-end solutions for generating qualified leads and sales online. 139 </p> 140 <p class="md:flex flex-wrap justify-center hidden"> End-to-end means building a marketing strategy that understands your target customer, their challenges, and your solution. We then translate that comprehension into high-performance paid search, paid social, SEO, display ads, and landing page design, with web analytics to test and refine over time. 141 <!--<span class="px-1 bg-gray-100 inline-flex ml-1 mr-2 rounded font-[500]">--> 142 <!-- <img src="https://sureoakdigital.com/assets/Looker-Studio-png-icon-logo-13400d1d.png" class="h-[22px]"> Looker--> 143 <!-- Studio--> 144 <!--</span>--> 145 <!--<span class="font-[500]">&</span>--> 146 <!--<span class="px-1 bg-gray-100 inline-flex ml-2 rounded font-[300]">--> 147 <!-- <img src="https://sureoakdigital.com/assets/Google-Sheets-PNG-icon-d5adea45.png" class="h-[22px]">--> 148 <!-- Sheets--> 149 <!--</span>--> 150 </p> 151 <p class="flex flex-wrap justify-center md:hidden"> As a 152 <span class="px-1 bg-light-green"> full-stack digital marketing agency</span> we provide end-to-end solutions for generating qualified leads and sales online. <br> End-to-end means building a marketing strategy that understands your target customer, their challenges, and your solution. We then translate that comprehension into high-performance paid search, paid social, SEO, display ads, and landing page design, with web analytics to test and refine over time. 153 <!--<span class="px-1 bg-gray-100 inline-flex ml-1 mr-2 rounded font-[500]">--> 154 <!-- <img src="https://sureoakdigital.com/assets/Looker-Studio-png-icon-logo-13400d1d.png" class="h-[22px]"> Looker--> 155 <!-- Studio--> 156 <!--</span>--> 157 <!--<span class="font-[500]">&</span>--> 158 <!--<span class="px-1 bg-gray-100 inline-flex ml-2 rounded font-[300]">--> 159 <!-- <img src="./assets/Google-Sheets-PNG-icon-d5adea45.png" class="h-[22px]">--> 160 <!-- Sheets--> 161 <!--</span>--> 162 </p> 163 </div> 164 <div 165 class="flex flex-col md:flex-row md:justify-center items-start gap-6 font-normal w-11/12 mx-auto"> 166 <div 167 class="bg-text text-white md:p-3 p-2 md:px-8 text-xs md:text-lg flex items-center rounded-md"> 168 Start 14-day free trial </div> 169 <div 170 class="border-main border-2 flex items-center gap-x-2 text-main md:p-3 p-2 md:px-8 text-xs md:text-lg rounded-md"> 171 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 172 aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24" 173 class="iconify iconify--ri">
174 <path fill="currentColor" 175 d="M21 16.42v3.536a1 1 0 0 1-.93.998Q19.415 21 19 21C10.163 21 3 13.837 3 5q0-.414.046-1.07A1 1 0 0 1 4.044 3H7.58a.5.5 0 0 1 .498.45q.034.344.064.552A13.9 13.9 0 0 0 9.35 8.003c.095.2.033.439-.147.567l-2.158 1.542a13.05 13.05 0 0 0 6.844 6.844l1.54-2.154a.46.46 0 0 1 .573-.149a13.9 13.9 0 0 0 4 1.205q.208.03.55.064a.5.5 0 0 1 .449.498"> 176 </path> 177 </svg> <span>Book a free report setup</span></div> 178 </div> 179 </div> 180 <div data-v-7909975f="" class="py-10 px-4"> 181 <div data-v-7909975f="" 182 class="bg-gradient-to-r from-text to-[#bbace7] md:max-h-[85vh] rounded-2xl md:py-6 py-4 p-2 z-10"> 183 <div data-v-7909975f="" class="md:h-[80vh] h-[280px] relative flex flex-wrap"><iframe 184 data-v-7909975f="" 185 src="https://app.supademo.com/embed/cm90is0hk0003z50imh4d8djn?embed_v=2" 186 loading="lazy" title="A cross-channel marketing report in 1 minute" 187 allow="clipboard-write" frameborder="0" webkitallowfullscreen="true" 188 mozallowfullscreen="true" allowfullscreen="" 189 data-lf-form-tracking-inspected-lynor8x1kmq7wqjz="true" 190 data-lf-yt-playback-inspected-lynor8x1kmq7wqjz="true" 191 data-lf-vimeo-playback-inspected-lynor8x1kmq7wqjz="true" 192 style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;"></iframe> 193 </div> 194 </div> 195 </div> 196 <div data-v-7909975f="" class="md:py-20 py-10 px-4"> 197 <div data-v-7909975f="" class="flex flex-col md:flex-row items-center justify-center gap-6"> 198 <div data-v-7909975f="" class="flex flex-col md:flex-row items-center gap-6"> 199 <div data-v-7909975f=""> 200 <img data-v-7909975f="" src="./assets/GoogleWorkspaceforMarketing_MomentumLeader_Leader-4597c817.svg" class="object-cover inline-block h-24" alt=""> 201 </div> 202 <div data-v-7909975f=""> 203 <img data-v-7909975f="" src="./assets/GoogleWorkspaceforMarketing_BestEstimatedROI_Roi-c62c1fee.svg" class="object-cover inline-block h-24" alt=""> 204 </div> 205 <div data-v-7909975f=""> 206 <img data-v-7909975f=""src="./assets/GoogleWorkspaceforMarketing_BestRelationship_Total-754b48a5.svg" class="object-cover inline-block h-24" alt=""> 207 </div> 208 </div> 209 <div data-v-7909975f="" class="flex items-center gap-2 md:gap-6"> 210 <div data-v-7909975f="" class="flex items-center flex-shrink"> 211 <div data-v-7909975f="" class="h-10 w-10 bg-white rounded-full overflow-hidden"> 212 <img data-v-7909975f="" 213 src="data:image/webp;base64,UklGRuoDAABXRUJQVlA4WAoAAAAIAAAAOwAAOwAAVlA4IKIDAACwEwCdASo8ADwAPmkoj0WkIqEb+q0AQAaEtgBYksbqXxyodfJcJhdXby8zH+t3u68kDgHv1d64Xyjk/WgvTS/Jpr11fDzrcDuStz2reAM71PNQRSm8s6pl/J4lc8heq1FZ/t9fpNGdnjb0dHvcoIPo00LG2rglc9SjGz1RlvWW1ZQ7pOJqjpMdnJ72cFCLLvBXp837PbvkVKOFmgdfvOzxTwDss4AAAP77azoysy4+/43j5/fKKB/9Tj/9Gb/570fLF2Gn1C2bxfUcFWk4uUPjqHTqdwIeD1MJQRM0CTu9nmXDWld34FLU5TMCkYRcpqDY7n+uh8oXgM5Dwaf/i0q5oeyNhB+zOUumKBxgiT6E8/s1Z6TdNU3u9p2OhVTOW5UzldlP/EefDjMlGKVwWD/ss63wXDoW5058o3cNm0FfPv619pgxf+/MLyW1srV6whfq8MNibTHY88XA3YL1tpQbh8twa7UBbgbRoxntDxrh5pWT9IDqh0+ypHVndlhYLy4qiFFDBnqTRoockXfG7oUP2d7X2FdXTSfsj3bEzDknD8khYhVIvJPJY2jsSzlQ9Ps9tPfkDQFPdytw5BfXxQsLUDDU+pu+k0BXIYjwVHHiQs1GDtOshL1625kL3mTM3NlEkoNPGXEcAfQRLC250jFLEo+ydw6wOZS0lyRI/BfomVdZlIU6P+fkWOt0D1ERzBWFrfOF7lFiwGt/Da+72lalMZYhRXV32FXvgaf9WU7RT3USODai5QPQIBpDUfz96WXXxxWbZNj/R4Lh0HDo5A6280ULjfRQMhooh/GfU3l3cmOQOr4o84pG9PWJlNyU2nD8KP5W+kN2Wr2tHnk6vPQKO8sBNPqVeq6UStxXtwcg2VreQBaR5dawhIiUUhnuDkUjjBC6pKw9lqzMST+1d7FyMqEi11NroMncPEXvL8B8RVURT5I/tQoQie6dl/49bkeFIXZ01Jj/LouQzKwoM8F5sWYqfd37w+euPXibT7QgI8q9/9tXXGlKdeOouZHKpv5Rq1mGVeJvpwGXpOxKRwlj+kBNTbw6ar2V3EzKAX2PLTBWfC5E/6nGNJy2wvWB5dQk824wKUjyuPUev0jCVzgTdxPUMDyWSuKqb26uV1WU74/z/Zu3jnuYQEVtld48Pdrf9yM/wB6DuUgrRokqKrzsg4e+TtdSjfm9We4//blTvScccdYv6f9vQPuffN9iuHeK/Hvctcd2M02tutw3ebHQAABFWElGIQAAAElJKgAIAAAAAQAxAQIABwAAABoAAAAAAAAAR29vZ2xlAAA=" 214 class="h-full w-full" alt=""> 215 </div> 216 <div data-v-7909975f="" 217 class="h-10 w-10 bg-white rounded-full -ml-2 overflow-hidden"> 218 <img data-v-7909975f="" 219 src="data:image/webp;base64,UklGRmIHAABXRUJQVlA4WAoAAAAMAAAAOwAAOwAAVlA4IEwEAAAwFQCdASo8ADwAPm0skkckIiGhKhmcWIANiUAXjL2Lj8zKPJ++j7bk87X6Jd5p3nWflNlCU+AGZXwA0sXvLoP8+qoWtQNERHy8PH9hql/oGfSryLD3bj3J5xJ/t1FvV2Yqnu7hqFxvJJRHmv8fTlWuiOWfQDUUcJ3luDuuo9tqawqWvelGh2ADjBaiPGcyL+Qs+jV6Jtq8b4lXu7o4y7/h8oiClte+4a25/zUyv18SNGBIAP76uDrU24r6AVH68NGNMV/I9OD7+CsTtQtr58UlLY2IncA7ksAX6+Tlqva2q2VS5uX5//BvNBU8Kfu
219k/WVWEaFOTBbUE7QXR9DhCwsPUYR/MntucW/seIGzUP6pru/yOqjzVV8AuV5S6x3Wyf8yZ6aSHh5y/h+P0UEn5HdZyW9jcm22CunytmHzR+sPrKusKhoaOMMT/90+NNpA5WTy4iiIUUrzhSGT7Dx9bUCMaG4SgMcBqsvj2PE+oZAkpeCFQF4fE/5pSD/oZN6FZ+WRhFl2KuHoov6vnbBPIZB+lOxUNjKICAz6sYWrJB786/3uLe/V2756WdS5sPv9qtQshfYMvxgm8T3GhjlfudP9u8rlRXb2kz1xlSIeAOLBGDhC6T0FF0r/pwBi0+Gtnuy3Xjxf0luNSuEk5bCBOV5fp5kim9eyvVR+zPFN8FvVDdle0tVOPPOi3knL7CAEQqlKNHccxC1hJqWmaO2R2goKjd+Kw2pHZWBvbTjK1CSKfIMmWodS+tmhF+bxO7ymCvUrA1vFYS0sma9Z0J0MLU/7C1BiRXInfbADzuNHf3vbG9fDqD+4IMZ2yovuqZ338nAeiV014DxqIvIp2Ya1DWAqwzfeHmSPYHh+wBePULtM+FHi0CIsxOPVOS9+vpJu511iglVLdAjFPDzC755/VIOOzCDn05xL9FMIr6xY1GPYScrFWF4OSuJdr74PsiSKLhmltWDUhwKDif21x/9n+gPPNTR94gnyoaoEfVyLoppYdvC63kE0XuVOp855grs0WIcMJfI2aQFPHB93/J2AKShGQJM2wFkbY51qMOaQvA0fHZ1CbdCdQe2fu9aC4RUBgVFtDVp7O2gI+oPcJCWNGkItcbngVtRhy/+hyt/lseeylbrgk4QG32MyGL9p52a5dWaJgjDXD0TU1Yx4nhebQ8WQkCzNhg3RS3jce6zNNCOFOlk/Wnse2UlIHT1rCX3IYAqBAntvYJkw6bJldA2aZ5KpH5lTj7qK1XnW/kr85N3h6Xw2XyYMmu5mv7Ke1Fd+va/c5BJFvHucyueaIAkH1br/p8v+EoCjKybK3wnKDKUTJK6ZqTs3CBre0wURITV8PbqXiXS/ctbXqLqKuKhSPiRCjUzTSBHxLO8gA3nLKARpujA7OFPIC5GYK+h5GqgCqYa78Jx9Si71C5yLhEX5MWeYS98SGMmFH9u/K/FuAGUI1u9JwtD1gECk/gAAAEVYSUZXAAAASUkqAAgAAAADADEBAgAHAAAAMgAAADsBAgAMAAAAOQAAAJiCAgASAAAARQAAAAAAAABHb29nbGUAU2FyYSBXb290ZW4ARXZlcm1vcmUgUGhvdG8gQ28AAFhNUCCQAgAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bXA6Q3JlYXRvclRvb2w9Ikdvb2dsZSIgcGhvdG9zaG9wOkNyZWRpdD0iRXZlcm1vcmUgUGhvdG8gQ28iPiA8ZGM6cmlnaHRzPiA8cmRmOkFsdD4gPHJkZjpsaSB4bWw6bGFuZz0ieC1kZWZhdWx0Ij5FdmVybW9yZSBQaG90byBDbzwvcmRmOmxpPiA8L3JkZjpBbHQ+IDwvZGM6cmlnaHRzPiA8ZGM6Y3JlYXRvcj4gPHJkZjpTZXE+IDxyZGY6bGk+U2FyYSBXb290ZW48L3JkZjpsaT4gPC9yZGY6U2VxPiA8L2RjOmNyZWF0b3I+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiAgIDw/eHBhY2tldCBlbmQ9InciPz4=" 220 class="h-full w-full" alt=""> 221 </div> 222 <div data-v-7909975f="" 223 class="h-10 w-10 bg-white rounded-full -ml-2 overflow-hidden"><img 224 data-v-7909975f="" 225 src="data:image/webp;base64,UklGRkwGAABXRUJQVlA4WAoAAAAIAAAAOwAAOwAAVlA4IAQGAAAQGgCdASo8ADwAPm0ukUakIqGhLBqsAIANiWQAnTLjiZSYq9Y0kMvb5c9A4wVg7o/CE7oNQ7ld5gd5tzj2QdffQCs09UHv7ri/2f/gewB+dfRdz1vWPsGdLL0SScV/pICGg3qyy4LZrYq5T5PzT34JzjYru0x7JRBuQwBycoa/5dkmOzFaGA8cnWnqa1dIiHqnPTqy+dR+dHuYN98UlaynZybmw0+zNJ2wfcVgIAJROu1XEl1kPSweMgRt9iwdc0TYPn3RjVD1dJVgFp7g4C1T5/RLuMalzlQAAP67O6v4xHEf3KKNplhklJTY/KGt8SQ9V4Ie4ZNHKxrdZzUOURw4jAk59LNPeCOJlvMl5j2cJAI+Py2FrzXCbGjKH6nlRJOhowuCZezA0rb2qXT5xSGPOcbZ4YeM2W/JCqXoCOpL7DySU46B//kX04+25gHzrRnn1mEk0xyz/ECRuaeJILJaybYh2K6cd3mDMq5+S7nWr5/jVC9M0zO4sSSUdIjPJFvgsIU4xKDk1KrINZrpcUfUbgaAF5Z6d81AgOxSjJdGIRKeF1bItHZmYG4OWWAUqgymW9PdJJGmMkl7ji4MpSi5ZzmTPKmT4NzAZ8fCX+fRpTskWAlJQ1aJH0ISfXau5jDaSWxWXLkw73rZhUvPlJkfPbWI83NMr/uYOWB5sD0OTOlDKIR3++oR/1g2IaMJuGdZBBruDvf0BeY1q/6zM9RJuJnxgPJhDbZsM1iXXo/GGaFYyqzjdXD7Qhx9whshvLL1QKnoqGWdy3BMdxj8m7CTwBP4d
225ZAaWYuggzQS+/Nqw6j+j+Tlf885Qm2qLvd056mRyFqAv3gs9NteUL6JWVjPAX+4LWXCRTmjN+N1KxA9GTvGan88zED+p15vmx0XrZL9GBwOMwM3COS8BqaEtM5dW8fzM/TlB+aKaaZuT5ns3TP95H9XpFsvy9O043SZHrDjHEc/y6Pbh5ymPB/duL9cOkLEalSDJvlDbtcgIjhBhb4ZTkndZjO+H2mn9RI0xlAUnuTXcKgmvyFE3gEesoh2taZaT8Q8IbxB0xf1+LBMYuCXEq0lxljwQCOQkbOWCtnz1+jqrENbnbwU/EVhhu0JO58muja2NMBkPqe6WTy31OfCaBJv0IeVvJpjGax+LoH1vTMTzS2KbGX2hEpWSb0CJP8JgDfaIxmcdEz4p+EBm2fXbLFIzKid6gnJq+XXevpTf3gzO1/2PysQhc3sIcmL+9h6InhUYLjxs4YkH9jblfVVCtHmUBtPgE8RRf3szDOY4vaGhh+fJ1hiyLYqQke8l42dSzkHE+oj7fMIeo5aZQepVuW+61xortEq6Cp/Jbms81X7Qg0l0nwjgORzoNdBxtwaaqtKwHerwLM2jUKG1F1eih2StMYZSDZ/CxVDz5kTSibOxwNsU1wkUPEEHXToNdgVkIqzj+BCPFiDP04SK+mct+q1no6N8Z/BrroCdWHHYy/my/7Mp2+Osx+ck6Ta4Qa1nP3keJ9lb5YiP8EKh8PAearB4Q4k0MWVqh7ka4E2uZhctTmjwSf6KFSox9Pi43cpnFiYSZkPOr1ecMq11plB/bSKdyB84lJS3lN5PfcjVGuDGvkKTJPNkFILqRpxorgQx+42E5r+4COIBgc0aDomj0HGs1Yrlieh6pwFtIbEi60lAo4KsxTyyVUIqwTH3jO8H+xOUHv9/oBkcNEXa53XMELKWW9iq3jsPrqD+mReroGp/uLP25vZAOEdJ25xH9Vz4itUts4rrCaXP69l7hv64FG1k9bWi0jeqeEkfRg/3sMUyEqv9cHEEkCe0CM+/Lccs2guUrxdNW1J/54YfdfNKb8vWtwFiD8uJJdd3teETMRuMzicFz4idykooc8trT/ou7xjFvNomX7NpDBGOrtuEAt9ZjSR0hn6XrT8zkx6Q0PMA5an1fBdCkGKisxM1TdVO3ulwZnhBI8Ar3WtG8cGJZ6EUiAyDx2daRkKzbztj2wMtNqG1tW/IfgWzonYUC/O5oPrjz/kr7Q7cFzkl9g/boCslAkXDaAOGokUnVBIAAAARVhJRiEAAABJSSoACAAAAAEAMQECAAcAAAAaAAAAAAAAAEdvb2dsZQAA" 226 class="h-full w-full" alt=""></div> 227 <div data-v-7909975f="" 228 class="h-10 w-10 bg-white rounded-full -ml-2 overflow-hidden"><img 229 data-v-7909975f="" 230 src="data:image/webp;base64,UklGRlYEAABXRUJQVlA4IEoEAAAQFQCdASo8ADwAPmUoj0WkIqEZ/M6oQAZEoApLNyCcBYPZnvnPQOPFYyZ11RzkRyOrtb0ji/cUtMWXUFrAxC10He8xdbCv+cRuoJHEvH3UnJ37Detqs0nS4sRv9d4AU/zHHjyGh96AXKiFasOWYipLP0X+NMTD8u9lT3C4KL2vA72TPYcaSK7NqenlZ/gu3eA4Dm37bys0Bt4cKd+LHEHBzKqEqfiSMk9mlulc/kXYfAAA/s+D2r8Z15oKvnVeJvNSe2pd53tfnpaS+NsQ7FEdz6yz7Mbt6huM2Dm9RwV/UFrqWZaRfGcgE/ld/uflL9PZBT4mjBA1+6XnqPvf2ht5KRO/1tWqUWU/jJS5CQYVvqRlNi0rB8rVHWwzHhxR3Y5MsZbMIH6QsoENIvPRUrgkNKogMmJcd98IoMYfvHxJanYNfF31eeT0hyVnQGZNK9mEhXkD4k2qYQu3sCU9XtBU2nBJJRZtyfva5vAX4VARy09qx/zhGJrpO62OE+HXgPIh+oZAaayYGcNCM3laBOkmY7ao8whr1v4EYS5pj7X+m8cIq85szodtjWHCCXhspLNhXfG2E3v/56QEIu81mDT5xbcrm5/lqvnZg9PZ0EXZkR7CEgaWh3/XxqLIo1iVEfqlpvWEicq1dE+XIkppCJVIt4V1Jrlh88TXI/gyEq5y2D4OsprT7/pgi04700BV/p/X8ki1WkVxWrXMlbbdcDZRLjp+dEQt/hYbcpebI0HJ7sGLNT898v/P5tMl/+jUHi9lPJge8hFJoUDSrRCvwe4+ijODAx3Xzsk9auRf71icHXzrmITEDNTct2nkmWY1AO85Tkafs/gRz5jAh+G30MkXCliEomS3LNDsslcJMlu3DKtEOLCkMfOC40KWx7QPuVmmO1Kl3RTk9SvCcHs+Qli2BIV1mDw8fltzKn8RnwUpjEHQqteHGqngt5olK12ZK3tIPtumcsmqg96nl6ejKH5icUZ8NCt3lL58wQVsoOEPvCRpqKFCNBWvOhlZX0fIycnPkAwJ98CIqpQOwO/bbNGVAPkp65G+a1Mr+
230/jXYIDq9GyndJFj8l+SZcfq6t8h69Pi3aHf2o+9xU7nJI/InMAQi6yLOI+76Gqa1u2uXqAPhOwp4RUMPagJr7YM/7rZxahlfHQCh3fzdUAdIpAfzAKZA1vfQUWn/CcRvwXR+WmX+VxfJieKbgi6NGChi36wY/hE0BD4Q7G877IwXubpG/lmtAQUfk93l3XY+wOCQ+vhG0u+RqUf8jiWB6bOVcm7GNU/kwMdI1v4P4YblpWrTndhLGgCAXI1tdD9Q9LliF5mHkgg5q60B4FUS7kV7ZiUIPqRGVwvKtC6nuVbjMC1z1nTMEg9Nkgz0z6YzbW9AQmFhYpsQ/6b03Md+0NbegX2GQ/HswFHFoMs6R26GRZNmaDgXV1jN2rA3eEgTxxvgL6lYjzPwSm0HcXAAAA=" 231 class="h-full w-full" alt=""></div> 232 <div data-v-7909975f="" 233 class="h-10 w-10 bg-white rounded-full -ml-2 overflow-hidden"><img 234 data-v-7909975f="" 235 src="data:image/webp;base64,UklGRsoCAABXRUJQVlA4IL4CAABwDwCdASo8ADwAPm0ukUWkIqGWDAbMQAbEoAw2gfmH7aXnlNNN3npHJzlBYC3sU9uPYG/TB/Q/JET9o+WzcQ9RB4xCzX+v9Nx+PZMcmFdoX8NIAeX1rMMjQ78u+0pUaNZereDfDZ0rlo5rXIdeuXVh2JT8Vrk/Co/XiSg5uSWF+j3OxGAA/v7CCoLBUT0iRVmUGv7h9zKC3t1n27628AfI1c/KbZdg+ZJUhNbse5stcfezlSFbOaZ58tVRycsY2ge8TtxrP3UJMK/I6WjKmSc9c0zm/JiSxKlY1N0B/tByrh6H3wfJZQdM+HggXjCVNTydX1ldlwpJ/OpXGD/lPIpU2HqIfP3ctx0uWRDkWL4XgrGXiYs6r0XaViK9Br8OsltGV/4MP3I0S/c3wjQlJl81sHeiyhODvgGuzpCCKiA6qKJSRw8iOzcN5VWpet+Gw+moMH+yA03yCDb/IE9hu2NUPCAR094czOFmbvoa8OcN1bpt4Jy0DtTspprYiOXAfzdwj3yTFqWMwq/FYYG/RYk5yeoNHjW+Y/tjPLeD/EaxnJT2wvIaX9SZvH+YtPGLe0S0x1djV7BjqrpWCRo+PYqQJxyRFxRvK/eASH3TcfwYALPB/gSSl5NLkduYgoGEb6R0wH//WOyAPsiuwVO3g9X6gc/aTpVNkW5XjfHevr7kPgn/+W+Vnt6SEVlDS1d4CEiig0oe2Yq5tDX/2KM+45mhMV96tpvjz29kwY4tsBAU/RaZays3DxWD94x6gHRYobAvmbbV8q9GDmA/NTOUZXdQv8g48I7kTYqLHfpmb0FumK9jrqAGJWtSR5qhb+/AXb7Dt/FvCYMKN7Z05APrlsAzX5ABEJGLFhI2i1nLtXCSD1xCKBCSw7Baxfv8XE81Dua8kRsK8hXqPXN+1gwQ1OBaboBAd/WaIYwtzKiAAAA=" 236 class="h-full w-full" alt=""></div> 237 </div> 238 <div data-v-7909975f="" class=""> 239 <div data-v-7909975f="" class="flex items-center md:space-x-1 mb-1"><svg 240 data-v-7909975f="" xmlns="http://www.w3.org/2000/svg" 241 xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" 242 width="1em" height="1em" viewBox="0 0 128 128" 243 class="iconify iconify--noto text-lg"> 244 <path fill="#FDD835" 245 d="m68.05 7.23l13.46 30.7a7.05 7.05 0 0 0 5.82 4.19l32.79 2.94c3.71.54 5.
24519 5.09 2.5 7.71l-24.7 20.75c-2 1.68-2.91 4.32-2.36 6.87l7.18 33.61c.63 3.69-3.24 6.51-6.56 4.76L67.56 102a7.03 7.03 0 0 0-7.12 0l-28.62 16.75c-3.31 1.74-7.19-1.07-6.56-4.76l7.18-33.61c.54-2.55-.36-5.19-2.36-6.87L5.37 52.78c-2.68-2.61-1.2-7.17 2.5-7.71l32.79-2.94a7.05 7.05 0 0 0 5.82-4.19l13.46-30.7c1.67-3.36 6.45-3.36 8.11-.01"> 246 </path> 247 <path fill="#FFFF8D" 248 d="m67.07 39.77l-2.28-22.62c-.09-1.26-.35-3.42 1.67-3.42c1.6 0 2.47 3.33 2.47 3.33l6.84 18.16c2.58 6.91 1.52 9.28-.97 10.68c-2.86 1.6-7.08.35-7.73-6.13"> 249 </path> 250 <path fill="#F4B400" 251 d="M95.28 71.51L114.9 56.2c.97-.81 2.72-2.1 1.32-3.57c-1.11-1.16-4.11.51-4.11.51l-17.17 6.71c-5.12 1.77-8.52 4.39-8.82 7.69c-.39 4.4 3.56 7.79 9.16 3.97"> 252 </path> 253 </svg><svg data-v-7909975f="" xmlns="http://www.w3.org/2000/svg" 254 xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" 255 width="1em" height="1em" viewBox="0 0 128 128" 256 class="iconify iconify--noto text-lg"> 257 <path fill="#FDD835" 258 d="m68.05 7.23l13.46 30.7a7.05 7.05 0 0 0 5.82 4.19l32.79 2.94c3.71.54 5.
25819 5.09 2.5 7.71l-24.7 20.75c-2 1.68-2.91 4.32-2.36 6.87l7.18 33.61c.63 3.69-3.24 6.51-6.56 4.76L67.56 102a7.03 7.03 0 0 0-7.12 0l-28.62 16.75c-3.31 1.74-7.19-1.07-6.56-4.76l7.18-33.61c.54-2.55-.36-5.19-2.36-6.87L5.37 52.78c-2.68-2.61-1.2-7.17 2.5-7.71l32.79-2.94a7.05 7.05 0 0 0 5.82-4.19l13.46-30.7c1.67-3.36 6.45-3.36 8.11-.01"> 259 </path> 260 <path fill="#FFFF8D" 261 d="m67.07 39.77l-2.28-22.62c-.09-1.26-.35-3.42 1.67-3.42c1.6 0 2.47 3.33 2.47 3.33l6.84 18.16c2.58 6.91 1.52 9.28-.97 10.68c-2.86 1.6-7.08.35-7.73-6.13"> 262 </path> 263 <path fill="#F4B400" 264 d="M95.28 71.51L114.9 56.2c.97-.81 2.72-2.1 1.32-3.57c-1.11-1.16-4.11.51-4.11.51l-17.17 6.71c-5.12 1.77-8.52 4.39-8.82 7.69c-.39 4.4 3.56 7.79 9.16 3.97"> 265 </path> 266 </svg><svg data-v-7909975f="" xmlns="http://www.w3.org/2000/svg" 267 xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" 268 width="1em" height="1em" viewBox="0 0 128 128" 269 class="iconify iconify--noto text-lg"> 270 <path fill="#FDD835" 271 d="m68.05 7.23l13.46 30.7a7.05 7.05 0 0 0 5.82 4.19l32.79 2.94c3.71.54 5.
27119 5.09 2.5 7.71l-24.7 20.75c-2 1.68-2.91 4.32-2.36 6.87l7.18 33.61c.63 3.69-3.24 6.51-6.56 4.76L67.56 102a7.03 7.03 0 0 0-7.12 0l-28.62 16.75c-3.31 1.74-7.19-1.07-6.56-4.76l7.18-33.61c.54-2.55-.36-5.19-2.36-6.87L5.37 52.78c-2.68-2.61-1.2-7.17 2.5-7.71l32.79-2.94a7.05 7.05 0 0 0 5.82-4.19l13.46-30.7c1.67-3.36 6.45-3.36 8.11-.01"> 272 </path> 273 <path fill="#FFFF8D" 274 d="m67.07 39.77l-2.28-22.62c-.09-1.26-.35-3.42 1.67-3.42c1.6 0 2.47 3.33 2.47 3.33l6.84 18.16c2.58 6.91 1.52 9.28-.97 10.68c-2.86 1.6-7.08.35-7.73-6.13"> 275 </path> 276 <path fill="#F4B400" 277 d="M95.28 71.51L114.9 56.2c.97-.81 2.72-2.1 1.32-3.57c-1.11-1.16-4.11.51-4.11.51l-17.17 6.71c-5.12 1.77-8.52 4.39-8.82 7.69c-.39 4.4 3.56 7.79 9.16 3.97"> 278 </path> 279 </svg><svg data-v-7909975f="" xmlns="http://www.w3.org/2000/svg" 280 xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" 281 width="1em" height="1em" viewBox="0 0 128 128" 282 class="iconify iconify--noto text-lg"> 283 <path fill="#FDD835" 284 d="m68.05 7.23l13.46 30.7a7.05 7.05 0 0 0 5.82 4.19l32.79 2.94c3.71.54 5.
28419 5.09 2.5 7.71l-24.7 20.75c-2 1.68-2.91 4.32-2.36 6.87l7.18 33.61c.63 3.69-3.24 6.51-6.56 4.76L67.56 102a7.03 7.03 0 0 0-7.12 0l-28.62 16.75c-3.31 1.74-7.19-1.07-6.56-4.76l7.18-33.61c.54-2.55-.36-5.19-2.36-6.87L5.37 52.78c-2.68-2.61-1.2-7.17 2.5-7.71l32.79-2.94a7.05 7.05 0 0 0 5.82-4.19l13.46-30.7c1.67-3.36 6.45-3.36 8.11-.01"> 285 </path> 286 <path fill="#FFFF8D" 287 d="m67.07 39.77l-2.28-22.62c-.09-1.26-.35-3.42 1.67-3.42c1.6 0 2.47 3.33 2.47 3.33l6.84 18.16c2.58 6.91 1.52 9.28-.97 10.68c-2.86 1.6-7.08.35-7.73-6.13"> 288 </path> 289 <path fill="#F4B400" 290 d="M95.28 71.51L114.9 56.2c.97-.81 2.72-2.1 1.32-3.57c-1.11-1.16-4.11.51-4.11.51l-17.17 6.71c-5.12 1.77-8.52 4.39-8.82 7.69c-.39 4.4 3.56 7.79 9.16 3.97"> 291 </path> 292 </svg><svg data-v-7909975f="" xmlns="http://www.w3.org/2000/svg" 293 xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" 294 width="1em" height="1em" viewBox="0 0 128 128" 295 class="iconify iconify--noto text-lg"> 296 <path fill="#FDD835" 297 d="m68.05 7.23l13.46 30.7a7.05 7.05 0 0 0 5.82 4.19l32.79 2.94c3.71.54 5.
29719 5.09 2.5 7.71l-24.7 20.75c-2 1.68-2.91 4.32-2.36 6.87l7.18 33.61c.63 3.69-3.24 6.51-6.56 4.76L67.56 102a7.03 7.03 0 0 0-7.12 0l-28.62 16.75c-3.31 1.74-7.19-1.07-6.56-4.76l7.18-33.61c.54-2.55-.36-5.19-2.36-6.87L5.37 52.78c-2.68-2.61-1.2-7.17 2.5-7.71l32.79-2.94a7.05 7.05 0 0 0 5.82-4.19l13.46-30.7c1.67-3.36 6.45-3.36 8.11-.01"> 298 </path> 299 <path fill="#FFFF8D" 300 d="m67.07 39.77l-2.28-22.62c-.09-1.26-.35-3.42 1.67-3.42c1.6 0 2.47 3.33 2.47 3.33l6.84 18.16c2.58 6.91 1.52 9.28-.97 10.68c-2.86 1.6-7.08.35-7.73-6.13"> 301 </path> 302 <path fill="#F4B400" 303 d="M95.28 71.51L114.9 56.2c.97-.81 2.72-2.1 1.32-3.57c-1.11-1.16-4.11.51-4.11.51l-17.17 6.71c-5.12 1.77-8.52 4.39-8.82 7.69c-.39 4.4 3.56 7.79 9.16 3.97"> 304 </path> 305 </svg></div> 306 <div data-v-7909975f="" class="font-[300] text-xs md:text-sm"> 307 <p data-v-7909975f="">Trusted by +1500 marketing teams and agencies</p> 308 </div> 309 </div> 310 </div> 311 </div> 312 </div> 313 <div data-v-7909975f="" class="py-24 px-4 bg-main text-white space-y-10"> 314 <div data-v-7909975f="" class="w-11/12 mx-auto space-y-4"> 315 <p data-v-7909975f="" 316 class="bg-[#cffcf5] p-1 inline-flex text-center md:text-left text-main rounded font-semibold text-4xl"> 317 Free dashboard templates </p> 318 <p data-v-7909975f="" class="text-white text-base">Copy and edit the exact reports other 319 brands and agencies are using today.</p> 320 </div> 321 <div data-v-7909975f="" class="grid md:grid-cols-5 gap-4"> 322 <div data-v-7909975f="" class="rounded-2xl border-4 p-2 bg-[#4b269e] border-[#9069e7]"><img 323 data-v-7909975f="" src="./assets/E-commerce-dashboard-69261135.png" 324 class="object-cover rounded-xl mb-9" alt=""> 325 <div data-v-7909975f="" class="space-y-4 mb-4 w-11/12 mx-auto"> 326 <div data-v-7909975f="" class="flex gap-4 mb-6"><img data-v-7909975f="" 327 src="./assets/shopify-659761c8.svg" class="object-cover h-1.5" alt=""><img 328 data-v-7909975f="" src="./assets/GA4-LOGO-cff4cced.svg" 329 class="object-cover h-1.5" alt=""><img data-v-7909975f="" 330 src="./assets/Amazon-logo-3be8f320.svg" class="object-cover h-1.5" 331 alt=""><img data-v-7909975f="" src="./assets/Klaviyo-799ae424.svg" 332 class="object-cover h-1.5" alt=""><img data-v-7909975f="" 333 src="./assets/Google-Ads-logo-c8d8a77a.svg" class="object-cover h-1.5" 334 alt=""><img data-v-7909975f="" src="./assets/Meta-logo-f5035f52.svg" 335 class="object-cover h-1.5" alt=""><img data-v-7909975f="" 336 src="./assets/TikTok-logo-aea1ab53.png" class="object-cover h-1.5" alt=""> 337 </div> 338 <div data-v-7909975f=""> 339 <p data-v-7909975f="" class="text-xl mb-5">E-commerce</p> 340 <div data-v-7909975f="" class="w-8/12 mx-auto"> 341 <ol data-v-7909975f="" class="list-decimal list-outside font-light"> 342 <li data-v-7909975f="" class="text-pretty">Profits & unit economics 343 </li> 344 <li data-v-7909975f="" class="text-pretty">Top products & customers 345 </li> 346 <li data-v-7909975f="" class="text-pretty">Acquisition & attribution 347 </li> 348 </ol> 349 </div> 350 </div> 351 </div> 352 </div> 353 <div data-v-7909975f="" class="rounded-2xl border-4 p-2 bg-[#4b269e] border-[#9069e7]"><img 354 data-v-7909975f="" src="./assets/B2B-dashboard-1-8ba95ea5.png" 355 class="object-cover rounded-xl mb-9" alt=""> 356 <div data-v-7909975f="" class="space-y-4 mb-4 w-11/12 mx-auto"> 357 <div data-v-7909975f="" class="flex gap-4 mb-6"><img data-v-7909975f="" 358 src="./assets/hubspot-9319b171.svg" class="object-cover h-1.5" alt=""><img 359 data-v-7909975f="" src="./assets/GA4-LOGO-cff4cced.svg" 360 class="object-cover h-1.5" alt=""><img data-v-7909975f="" 361 src="./assets/Google-Ads-logo-c8d8a77a.svg" class="object-cover h-1.5" 362 alt=""><img data-v-7909975f="" src="./assets/Meta-logo-f5035f52.svg" 363 class="object-cover h-1.5" alt=""><img data-v-7909975f="" 364 src="./assets/LinkedIn-57626e13.svg" class="object-cover h-1.5" alt=""></div> 365 <div data-v-7909975f=""> 366 <p data-v-7909975f="" class="text-xl mb-5">B2B</p> 367 <div data-v-7909975f="" class="w-8/12 mx-auto"> 368 <ol data-v-7909975f="" class="list-decimal list-outside font-light"> 369 <li data-v-7909975f="" class="text-pretty">Funnels</li> 370 <li data-v-7909975f="" class="text-pretty">Demand gen (pipeline)</li> 371 <li data-v-7909975f="" class="text-pretty">Web & email</li> 372 </ol> 373 </div> 374 </div> 375 </div> 376 </div> 377 <div data-v-7909975f="" class="rounded-2xl border-4 p-2 bg-[#4b269e] border-[#9069e7]"><img 378 data-v-7909975f="" src="./assets/PPC-dashboard-3-8c7a1061.png" 379 class="object-cover rounded-xl mb-9" alt=""> 380 <div data-v-7909975f="" class="space-y-4 mb-4 w-11/12 mx-auto"> 381 <div data-v-7909975f="" class="flex gap-4 mb-6"><img data-v-7909975f="" 382 src="./assets/Google-Ads-logo-c8d8a77a.svg" class="object-cover h-1.5" 383 alt=""><img data-v-7909975f="" src="./assets/Meta-logo-f5035f52.svg" 384 class="object-cover h-1.5" alt=""><img data-v-7909975f="" 385 src="./assets/LinkedIn-57626e13.svg" class="object-cover h-1.5" alt=""><img 386 data-v-7909975f="" src="./assets/TikTok-logo-aea1ab53.png" 387 class="object-cover h-1.5" alt=""><img data-v-7909975f="" 388 src="./assets/X-logo-26411ee0.svg" class="object-cover h-1.5" alt=""></div> 389 <div data-v-7909975f=""> 390 <p data-v-7909975f="" class="text-xl mb-5">PPC </p> 391 <div data-v-7909975f="" class="w-8/12 mx-auto"> 392 <ol data-v-7909975f="" class="list-decimal list-outside font-light"> 393 <li data-v-7909975f="" class="text-pretty">Campaign monitoring</li> 394 <li data-v-7909975f="" class="text-pretty">Creative performance</li> 395 <li data-v-7909975f="" class="text-pretty">Ad pacing, Budget tracking 396 </li> 397 </ol> 398 </div> 399 </div> 400 </div> 401 </div> 402 <div data-v-7909975f="" class="rounded-2xl border-4 p-2 bg-[#4b269e] border-[#9069e7]"><img 403 data-v-7909975f="" src="./assets/Instagram-dashboard-8a8e35e9.png" 404 class="object-cover rounded-xl mb-9" alt=""> 405 <div data-v-7909975f="" class="space-y-4 mb-4 w-11/12 mx-auto"> 406 <div data-v-7909975f="" class="flex gap-4 mb-6"><img data-v-7909975f="" 407 src="./assets/Instagram-99892c32.svg" class="object-cover h-1.5" alt=""><img 408 data-v-7909975f="" src="./assets/facebook-3-ac1d8ae3.svg" 409 class="object-cover h-1.5" alt=""><img data-v-7909975f="" 410 src="./assets/TikTok-logo-aea1ab53.png" class="object-cover h-1.5" 411 alt=""><img data-v-7909975f="" src="./assets/LinkedIn-57626e13.svg" 412 class="object-cover h-1.5" alt=""><img data-v-7909975f="" 413 src="./assets/X-logo-26411ee0.svg" class="object-cover h-1.5" alt=""></div> 414 <div data-v-7909975f=""> 415 <p data-v-7909975f="" class="text-xl mb-5">Social Media </p> 416 <div data-v-7909975f="" class="w-8/12 mx-auto"> 417 <ol data-v-7909975f="" class="list-decimal list-outside font-light"> 418 <li data-v-7909975f="" class="text-pretty">Post performance</li> 419 <li data-v-7909975f="" class="text-pretty">Follower tracking</li> 420 <li data-v-7909975f="" class="text-pretty">Stories & video</li> 421 </ol> 422 </div> 423 </div> 424 </div> 425 </div> 426 <div data-v-7909975f="" class="rounded-2xl border-4 p-2 bg-[#4b269e] border-[#9069e7]"><img 427 data-v-7909975f="" src="./assets/Ad-pacing-dashboard-home-e628c980.png" 428 class="object-cover rounded-xl mb-9" alt=""> 429 <div data-v-7909975f="" class="space-y-4 mb-4 w-11/12 mx-auto"> 430 <div data-v-7909975f="" class="flex gap-4 mb-6"><img data-v-7909975f="" 431 src="./assets/GA4-LOGO-cff4cced.svg" class="object-cover h-1.5" alt=""><img 432 data-v-7909975f="" src="./assets/Google-Ads-logo-c8d8a77a.svg" 433 class="object-cover h-1.5" alt=""><img data-v-7909975f="" 434 src="./assets/Meta-logo-f5035f52.svg" class="object-cover h-1.5" alt=""> 435 </div> 436 <div data-v-7909975f=""> 437 <p data-v-7909975f="" class="text-xl mb-5">Teams & <br data-v-7909975f=""> 438 agencies</p> 439 <div data-v-7909975f="" class="w-8/12 mx-auto"> 440 <ol data-v-7909975f="" class="list-decimal list-outside font-light"> 441 <li data-v-7909975f="" class="text-pretty">Executive presentations</li> 442 <li data-v-7909975f="" class="text-pretty">Multi-client/brand monitoring 443 </li> 444 <li data-v-7909975f="" class="text-pretty">KPI tracking</li> 445 </ol> 446 </div> 447 </div> 448 </div> 449 </div> 450 </div> 451 </div> 452 <div data-v-7909975f="" class="pt-10 md:pt-20 pb-6 md:px-4 px-2 bg-white space-y-10"> 453 <div data-v-7909975f="" 454 class="mb-4 flex items-center flex-col max-w-6xl mx-auto md:w-11/12 md:w-auto"> 455 <div data-v-7909975f="" class="text-[#5630c3] text-center font-medium text-5xl">Freeform
456 <span data-v-7909975f="" class="bg-light-green pl-1 rounded-md">interactive 457 dashboards</span></div> 458 <div data-v-7909975f="" 459 class="md:w-6/12 text-center mt-10 md:text-xl text-lg font-light mx-auto"> Unlike rigid 460 reporting tools, only Sheets & Looker Studio let you <br data-v-7909975f="" 461 class="md:hidden"> segment and visualise data exactly as you need. </div> 462 </div> 463 <div data-v-7909975f="" class="bg-[#c7a9ff] md:max-h-[85vh] rounded-2xl md:py-6 py-4 p-2 z-10"> 464 <div data-v-7909975f="" class="md:h-[80vh] h-[280px] relative flex flex-wrap"><iframe 465 data-v-7909975f="" 466 src="https://app.supademo.com/embed/cm9bpruhc03u8280irsgtkdow?embed_v=2" 467 loading="lazy" title="Whiteñ-abel dashboards" allow="clipboard-write" 468 frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" 469 allowfullscreen="" class="mb-4 pb-3" 470 data-lf-form-tracking-inspected-lynor8x1kmq7wqjz="true" 471 data-lf-yt-playback-inspected-lynor8x1kmq7wqjz="true" 472 data-lf-vimeo-playback-inspected-lynor8x1kmq7wqjz="true" 473 style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;"></iframe> 474 </div> 475 </div> 476 </div> 477 <div data-v-7909975f="" class="grid md:grid-cols-2 grid-cols-1 gap-6 px-4 pb-6"> 478 <div data-v-7909975f="" class="p-4 rounded-xl bg-[#fcfcfc] border border-[#eaeaea]"><img 479 data-v-7909975f="" src="./assets/Copy-and-Edit-Real-Reports-27b3cd04.svg" class="" 480 alt=""> 481 <div data-v-7909975f="" class="font-medium mt-3"> 482 <p data-v-7909975f="">Truly white-label</p> 483 </div> 484 </div> 485 <div data-v-7909975f="" class="p-4 rounded-xl bg-[#fcfcfc] border border-[#eaeaea]"><img 486 data-v-7909975f="" src="./assets/10s-of-chart-types-8572f2bb.svg" class="" alt=""> 487 <div data-v-7909975f="" class="font-medium mt-3"> 488 <p data-v-7909975f="">10s of chart types</p> 489 </div> 490 </div> 491 </div> 492 <div data-v-7909975f="" class="grid md:grid-cols-3 grid-cols-1 gap-6 px-4 pb-6"> 493 <div data-v-7909975f="" class="p-4 rounded-xl bg-[#fcfcfc] border border-[#eaeaea]"><img 494 data-v-7909975f="" src="./assets/Make-a-copy-eff3f0c2.svg" class="" alt=""> 495 <div data-v-7909975f="" class="font-medium mt-3"> 496 <p data-v-7909975f="">Make a copy</p> 497 </div> 498 </div> 499 <div data-v-7909975f="" class="p-4 rounded-xl bg-[#fcfcfc] border border-[#eaeaea]"><img 500 data-v-7909975f="" src="./assets/Share-via-email-PDF-links-890d9e3b.svg" class="" alt=""> 501 <div data-v-7909975f="" class="font-medium mt-3"> 502 <p data-v-7909975f="">Share via email, PDF, links</p> 503 </div> 504 </div> 505 <div data-v-7909975f="" class="p-4 rounded-xl bg-[#fcfcfc] border border-[#eaeaea]"><img 506 data-v-7909975f="" src="./assets/Dropdowns-search-boxes-4815044e.svg" class="" alt=""> 507 <div data-v-7909975f="" class="font-medium mt
507-3"> 508 <p data-v-7909975f="">Dropdowns and search boxes</p> 509 </div> 510 </div> 511 </div> 512 <div data-v-7909975f="" class="grid md:grid-cols-2 grid-cols-1 gap-6 px-4 pb-6"> 513 <div data-v-7909975f="" class="p-4 rounded-xl bg-[#fcfcfc] border border-[#eaeaea]"><img 514 data-v-7909975f="" src="./assets/Goal-tracking-a2689c55.svg" class="" alt=""> 515 <div data-v-7909975f="" class="font-medium mt-3"> 516 <p data-v-7909975f="">Goal tracking</p> 517 </div> 518 </div> 519 <div data-v-7909975f="" class="p-4 rounded-xl bg-[#fcfcfc] border border-[#eaeaea]"><img 520 data-v-7909975f="" src="./assets/White-narratives-d4baa18a.svg" class="" alt=""> 521 <div data-v-7909975f="" class="font-medium mt-3"> 522 <p data-v-7909975f="">Write narratives</p> 523 </div> 524 </div> 525 </div> 526 <div data-v-7909975f="" class="grid md:grid-cols-3 grid-cols-1 gap-6 px-4 pb-10 md:pb-20"> 527 <div data-v-7909975f="" class="p-4 rounded-xl bg-[#fcfcfc] border border-[#eaeaea]"><img 528 data-v-7909975f="" src="./assets/view_date_range-9b6bba82.svg" class="" alt=""> 529 <div data-v-7909975f="" class="font-medium mt-3"> 530 <p data-v-7909975f="">View any date range</p> 531 </div> 532 </div> 533 <div data-v-7909975f="" class="p-4 rounded-xl bg-[#fcfcfc] border border-[#eaeaea]"><img 534 data-v-7909975f="" src="./assets/Calculate-any-KPI-57aee421.svg" class="" alt=""> 535 <div data-v-7909975f="" class="font-medium mt-3"> 536 <p data-v-7909975f="">Calculate any KPI</p> 537 </div> 538 </div> 539 <div data-v-7909975f="" class="p-4 rounded-xl bg-[#fcfcfc] border border-[#eaeaea]"><img 540 data-v-7909975f="" src="./assets/Responsive-mode-d8e0d770.svg" class="" alt=""> 541 <div data-v-7909975f="" class="font-medium mt-3"> 542 <p data-v-7909975f="">DResponsive mode</p> 543 </div> 544 </div> 545 </div> 546 <div data-v-7909975f="" class="bg-main py-20 text-white"> 547 <div data-v-7909975f="" class="w-11/12 mx-auto"> 548 <div data-v-7909975f="" 549 class="md:flex md:flex-row flex-wrap md:items-center text-[28px] md:text-[32px] font-semibold [letter-spacing: -0.5em]"> 550 <span data-v-7909975f="" 551 class="bg-[#fffcc3] inline p-1 rounded text-[#5630c3]">No-code</span><span 552 data-v-7909975f="" class="md:mx-4 my-1 md:my-0 block md:inline"> integrations 553 powered by </span><span data-v-7909975f="" 554 class="rounded-full px-2 p-2 text-[#5630c3] border-2 border-text inline-flex items-center bg-[#e0d4fc]"><img 555 data-v-7909975f="" src="./assets/Google-BigQuery-png-icon-logo-49248e62.png" 556 class="h-7 mr-1" alt=""> BigQuery </span></div> 557 <div data-v-7909975f="" class="mt-4 text-xl font-light pr-3"> 558 <p data-v-7909975f=""> Self-managed marketing data <br data-v-7909975f="" 559 class="md:hidden"> warehouse to reap the benefits of <br data-v-7909975f="" 560 class="md:hidden"> Google BigQuery <br data-v-7909975f="" 561 class="hidden md:block">
561 with no devsâand 10x faster setup. </p> 562 </div> 563 <div data-v-7909975f="" class="grid md:grid-cols-2 gap-6 mt-7"> 564 <div data-v-7909975f="" class="bg-[#4c2d90] p-2 rounded-2xl"> 565 <div data-v-7909975f=""><span data-v-7909975f="" 566 class="text-black inline-block bg-white text-3xl rounded-lg font-semibold px-2 py-1"> 567 Others </span></div> 568 <div data-v-7909975f="" class="mt-4"><span data-v-7909975f="" 569 class="text-black inline-block font-light bg-white px-3 py-1 rounded-lg">â 570 ETL & connector</span></div> 571 <div data-v-7909975f="" class="bg-[#7557ae] p-4 rounded-xl mt-10"><img 572 data-v-7909975f="" 573 src="./assets/ETL-software-marketing-data-workflow-8cd1700e.png" 574 class="h-[720px] w-full" alt=""></div> 575 <div data-v-7909975f="" class="pb-4"> 576 <table data-v-7909975f="" 577 class="w-full text-left text-lg border-collapse mt-6 border border-white/30 rounded-lg overflow-hidden"> 578 <tbody data-v-7909975f=""> 579 <tr data-v-7909975f="" class="border-b border-white/20"> 580 <td data-v-7909975f="" 581 class="py-2 p-4 font-semibold border-r text-[#a8f0e6] whitespace-nowrap border-white/20"> 582 Integrations:</td> 583 <td data-v-7909975f="" class="py-2 p-4">+100s General purpose</td> 584 </tr> 585 <tr data-v-7909975f="" class="border-b border-white/20"> 586 <td data-v-7909975f="" 587 class="py-2 p-4 font-semibold border-r whitespace-nowrap text-[#a8f0e6] border-white/20"> 588 Setup: </td> 589 <td data-v-7909975f="" class="py-2 p-4">Set & manage queries, 590 tables, joins, & transfers</td> 591 </tr> 592 <tr data-v-7909975f="" class="border-b border-white/20"> 593 <td data-v-7909975f="" 594 class="py-2 p-4 font-semibold border-r text-[#a8f0e6] whitespace-nowrap border-white/20"> 595 Data syncing: </td> 596 <td data-v-7909975f="" class="py-2 p-4">Either real-time or stored 597 </td> 598 </tr> 599 <tr data-v-7909975f="" class="border-b border-white/20"> 600 <td data-v-7909975f="" 601 class="py-2 p-4 font-semibold border-r text-[#a8f0e6] whitespace-nowrap border-white/20"> 602 Segmentation: </td> 603 <td data-v-7909975f="" class="py-2 p-4">Manual data mapping (with 604 templates) </td> 605 </tr> 606 <tr data-v-7909975f="" class="border-b border-white/20"> 607 <td data-v-7909975f="" 608 class="py-2 p-4 font-semibold border-r text-[#a8f0e6] whitespace-nowrap border-white/20"> 609 Fields:</td> 610 <td data-v-7909975f="" class="py-2 p-4">1000s</td> 611 </tr> 612 <tr data-v-7909975f="" class="border-b border-white/20"> 613 <td data-v-7909975f="" 614 class="py-2 p-4 font-semibold border-r text-[#a8f0e6] whitespace-nowrap border-white/20"> 615 Pricing: </td> 616 <td data-v-7909975f="" class="py-2 p-4"> 617 <ol data-v-7909975f="" class="list-disc px-4 list-outside"> 618 <li data-v-7909975f="">Free</li> 619 <li data-v-7909975f="">Pro</li> 620 <li data-v-7909975f="">Enterprise</li> 621 </ol> 622 </td> 623 </tr> 624 </tbody> 625 </table> 626 </div> 627 </div> 628 <div data-v-7909975f="" class="bg-[#542dae] p-2 rounded-2xl"> 629 <div data-v-7909975f=""><span data-v-7909975f="" 630 class="text-main inline-block bg-[#cffcf5] text-3xl rounded-lg font-semibold px-2 py-1"> 631 Porter </span></div> 632 <div data-v-7909975f="" class="mt-4"><span data-v-7909975f="" 633 class="text-black inline-block font-light bg-white px-3 py-1 rounded-lg"> â 634 No-code marketing data warehouse <
634/span></div> 635 <div data-v-7909975f="" class="bg-[#e0d4fc] p-14 rounded-xl mt-10"><img 636 data-v-7909975f="" 637 src="./assets/Porter-Metrics-integrations-workflows-e9f13200.png" 638 class="h-[620px] w-full" alt=""></div> 639 <div data-v-7909975f="" class="pb-4"> 640 <table data-v-7909975f="" 641 class="w-full text-left text-lg border-collapse mt-6 border border-white/30 rounded-lg overflow-hidden"> 642 <tbody data-v-7909975f=""> 643 <tr data-v-7909975f="" class="border-b border-white/20"> 644 <td data-v-7909975f="" 645 class="py-2 p-4 font-semibold border-r text-[#a8f0e6] whitespace-nowrap border-white/20"> 646 Integrations:</td> 647 <td data-v-7909975f="" class="py-2 p-4 text-[#ffe8a3]">â 20 648 Marketing-focused </td> 649 </tr> 650 <tr data-v-7909975f="" class="border-b border-white/20"> 651 <td data-v-7909975f="" 652 class="py-2 p-4 font-semibold border-r whitespace-nowrap text-[#a8f0e6] border-white/20"> 653 Setup: </td> 654 <td data-v-7909975f="" class="py-2 p-4 text-[#ffe8a3]">5-minute 655 setup</td> 656 </tr> 657 <tr data-v-7909975f="" class="border-b border-white/20"> 658 <td data-v-7909975f="" 659 class="py-2 p-4 font-semibold border-r text-[#a8f0e6] whitespace-nowrap border-white/20"> 660 Data syncing: </td> 661 <td data-v-7909975f="" class="py-2 p-4 text-[#ffe8a3]">Both</td> 662 </tr> 663 <tr data-v-7909975f="" class="border-b border-white/20"> 664 <td data-v-7909975f="" 665 class="py-2 p-4 font-semibold border-r text-[#a8f0e6] whitespace-nowrap border-white/20"> 666 Segmentation: </td> 667 <td data-v-7909975f="" class="py-2 p-4 text-[#ffe8a3]">Automated by 668 date, channel, source, account, campaign, creative, UTM, 669 content. </td> 670 </tr> 671 <tr data-v-7909975f="" class="border-b border-white/20"> 672 <td data-v-7909975f="" 673 class="py-2 p-4 font-semibold border-r text-[#a8f0e6] whitespace-nowrap border-white/20"> 674 Fields: </td> 675 <td data-v-7909975f="" class="py-2 p-4 text-[#ffe8a3]"><span 676 data-v-7909975f="" class="text-white">1000s +</span> profit 677 & ROI metrics </td> 678 </tr> 679 <tr data-v-7909975f="" class="border-b border-white/20"> 680 <td data-v-7909975f="" 681 class="py-2 p-4 font-semibold border-r text-[#a8f0e6] whitespace-nowrap border-white/20"> 682 Pricing: </td> 683 <td data-v-7909975f="" class="py-2 p-4 text-[#ffe8a3]"> 684 <ol data-v-7909975f="" class="list-disc px-4 list-outside"> 685 <li data-v-7909975f="">
685Pay for connected accounts</li> 686 <li data-v-7909975f="">100% self-service</li> 687 <li data-v-7909975f="">Free, monthly, annual plans</li> 688 </ol> 689 </td> 690 </tr> 691 </tbody> 692 </table> 693 </div> 694 </div> 695 </div> 696 <div data-v-7909975f="" class="grid grid-cols-1 mt-16 md:grid-cols-3 gap-6 text-black"> 697 <div data-v-7909975f="" class="bg-[#e4ccff] p-6 pb-12 rounded-xl space-y-4 text-lg"> 698 <div data-v-7909975f="" class="font-medium"> Import from Google Sheets </div> 699 <div data-v-7909975f="" class="font-light"> Import and blend COGS, goals, budgets, 700 forecasts, annotations, currency conversion, or any data. </div> 701 </div> 702 <div data-v-7909975f="" class="bg-[#ffe8a3] p-6 pb-12 rounded-xl space-y-4 text-lg"> 703 <div data-v-7909975f="" class="font-medium"> Fast & freshâat scale </div> 704 <div data-v-7909975f="" class="font-light"> Switch between real-time API & 705 stored data for optimal freshness and speed. Connect 100s of accounts with no 706 slowdown. </div> 707 </div> 708 <div data-v-7909975f="" class="bg-[#bde3ff] p-6 pb-12 rounded-xl space-y-4 text-lg"> 709 <div data-v-7909975f="" class="font-medium"> Data ownership </div> 710 <div data-v-7909975f="" class="font-light"> Full control of your historical data. 711 Export to Sheets or your BigQuery instance. </div> 712 </div> 713 </div> 714 </div> 715 </div> 716 <div data-v-7909975f="" class="bg-white py-20"> 717 <div data-v-7909975f="" class="w-11/12 mx-auto"> 718 <div data-v-7909975f="" 719 class="flex flex-col justify-center mb-12 text-center mx-auto text-4xl text-[#2C3643] font-medium [letter-spacing: -0.5em]"> 720 <p data-v-7909975f="" class=""> Shift from multi-channel to </p> 721 <p data-v-7909975f=""><span data-v-7909975f="" 722 class="bg-[#E1E5E9] p-1">cross-channel</span> reports </p> 723 </div> 724 <div data-v-7909975f="" class="grid md:grid-cols-2 gap-6 mt-7"> 725 <div data-v-7909975f="" 726 class="bg-[#ede3fe] pt-8 border-2 border-[#dfceff] p-2 rounded-2xl"> 727 <div data-v-7909975f=""><span data-v-7909975f="" 728 class="text-[#3D1C87] inline-block bg-[#DCBCFF] text-3xl rounded-lg font-semibold px-2 py-1"> 729 Multi-channel </span></div> 730 <div data-v-7909975f="" class="overflow-hidden rounded-xl mt-10"><img 731 data-v-7909975f="" 732 src="./assets/Multi-channel-report-template-on-Looker-Studio-f73f684f.png" 733 class="w-full object-cover" alt=""></div> 734 <div data-v-7909975f="" class="pb-4"> 735 <table data-v-7909975f="" 736 class="w-full text-left text-lg font- border-collapse mt-6 border border-[#DCBCFF] rounded-lg overflow-hidden"> 737 <tbody data-v-7909975f=""> 738 <tr data-v-7909975f="" class="border-b border-[#DCBCFF]"> 739 <td data-v-7909975f="" 740 class="py-2 p-4 font-semibold border-r text-[#4D0081] whitespace-nowrap border-[#DCBCFF]"> 741 Better for</td> 742 <td data-v-7909975f="" class="p-4 md:py-6">Get started with 743 marketing reporting automation</td> 744 </tr> 745 <tr data-v-7909975f="" class="border-b border-[#DCBCFF]"> 746 <td data-v-7909975f="" 747 class="py-2 p-4 font-semibold border-r whitespace-nowrap text-[#4D0081] border-[#DCBCFF]"> 748 Data sources </td> 749 <td data-v-7909975f="" class="py-2 p-4">Connect each separately</td> 750 </tr> 751 <tr data-v-7909975f="" class="border-b border-[#DCBCFF]"> 752 <td data-v-7909975f="" 753 class="py-2 p-4 font-semibold border-r text-[#4D0081] whitespace-nowrap border-[#DCBCFF]"> 754 Fields</td> 755 <td data-v-7909975f="" class="py-2 p-4">Data source-level only</td> 756 </tr> 757 <tr data-v-7909975f="" class="border-b border-[#DCBCFF]"> 758 <td data-v-7909975f="" 759 class="py-2 p-4 font-semibold border-r text-[#4D0081] whitespace-nowrap border-[#DCBCFF]"> 760 Data volume</td> 761 <td data-v-7909975f="" class="py-2 p-4">Fewer data sources, 762 platform-level conversion and sales tracking </td> 763 </tr> 764 <tr data-v-7909975f="" class="border-b border-[#DCBCFF]"> 765 <td data-v-7909975f="" 766 class="py-2 p-4 font-semibold border-r text-[#4D0081] whitespace-nowrap border-[#DCBCFF]"> 767 Audience</td> 768 <td data-v-7909975f="" class="py-2 p-4">Marketing analysts</td> 769 </tr> 770 </tbody> 771 </table> 772 </div> 773 </div> 774 <div data-v-7909975f="" 775 class="bg-[#ecfffb] p-2 pt-8 border-2 border-[#cffcf5] rounded-2xl"> 776 <div data-v-7909975f=""><span data-v-7909975f="" 777 class="text-main inline-block bg-[#cffcf5] text-3xl rounded-lg font-semibold px-2 py-1"> 778 Cross-channel </span></div> 779 <div data-v-7909975f="" class="overflow-hidden rounded-xl mt-10"><img 780 data-v-7909975f="" 781 src="./assets/Cross-channel-marketing-report-on-Looker-Studio-f0ec781f.png" 782 class="w-full" alt=""></div> 783 <div data-v-7909975f="" class="pb-4"> 784 <table data-v-7909975f="" 785 class="w-full text-left text-lg font- border-collapse mt-6 border border-[#DCBCFF] rounded-lg overflow-hidden"> 786 <tbody data-v-7909975f=""> 787 <tr data-v-7909975f="" class="border-b border-[#DCBCFF]"> 788 <td data-v-7909975f="" 789 class="py-2 p-4 font-semibold border-r text-[#4D0081] whitespace-nowrap border-[#DCBCFF]"> 790 Better for</td> 791 <td data-v-7909975f="" class="py-2 p-4">Manage data faster, at 792 scaleâand measure your actual marketing profit & ROI </td> 793 </tr> 794 <tr data-v-7909975f="" class="border-b border-[#DCBCFF]"> 795 <td data-v-7909975f="" 796 class="py-2 p-4 font-semibold border-r whitespace-nowrap text-[#4D0081] border-[#DCBCFF]"> 797 Data sources </td> 798 <td data-v-7909975f="" class="py-2 p-4">One blended connection to 799 rule them all </td> 800 </tr> 801 <tr data-v-7909975f="" class="border-b border-[#DCBCFF]"> 802 <td data-v-7909975f="" 803 class="py-2 p-4 font-semibold border-r text-[#4D0081] whitespace-nowrap border-[#DCBCFF]"> 804 Fields</td> 805 <td data-v-7909975f="" class="py-2 p-4">Data-source-level + blended 806 fields</td> 807 </tr> 808 <tr data-v-7909975f="" class="border-b border-[#DCBCFF]"> 809 <td data-v-7909975f="" 810 class="py-2 p-4 font-semibold border-r text-[#4D0081] whitespace-nowrap border-[#DCBCFF]"> 811 Data volume</td> 812 <td data-v-7909975f="" class="py-2 p-4">Multiple accounts, brands, 813 campaigns, conversion and sales sources </td> 814 </tr> 815 <tr data-v-7909975f="" class="border-b border-[#DCBCFF]"> 816 <td data-v-7909975f="" 817 class="py-2 p-4 font-semibold border-r text-[#4D0081] whitespace-nowrap border-[#DCBCFF]"> 818 Audience</td> 819 <td data-v-7909975f="" class="py-2 p-4">Marketers, managers, and 820 executives </td> 821 </tr> 822 </tbody> 823 </table> 824 </div> 825 </div> 826 </div> 827 </div> 828 </div> 829 <div data-v-7909975f="" class="bg-main py-20 px-2"> 830 <div data-v-7909975f="" class="md:w-11/12 mx-auto"> 831 <div data-v-7909975f="" 832 class="bg-[#f9cedb] inline-block rounded-xl md:rounded-2xl font-medium text-main p-3 text-5xl"> 833 <p data-v-7909975f="">We â¤ï¸ marketers</p> 834 </div> 835 <div data-v-7909975f="" class="grid md:grid-cols-12 gap-8 mt-8 px-4 md:px-0"> 836 <div data-v-7909975f="" 837 class="md:col-span-8 py-8 bg-[#e2dcf6] hidden md:block rounded-3xl"> 838 <div data-v-7909975f="" class="bg-[url('./assets/new/Porter-Metrics-tutorials.png')] font-semibold text-5xl bg-no-repeat bg-right py-24 pl-8 text-main"> 839 <p data-v-7909975f="" class="text-6xl mb-2"> 100s </p> 840 <p data-v-7909975f="">of tutorials</p> 841 </div> 842 </div> 843 <div data-v-7909975f="" class="md:col-span-4 bg-[#cffcf5] rounded-3xl"> 844 <div data-v-7909975f="" class="md:bg-[url('./assets/new/socials.svg')] bg-no-repeat bg-bottom h-full"> 845 <div data-v-7909975f="" class="space-y-6 p-6"> 846 <p data-v-7909975f="" class="text-4xl text-main font-medium">Simple pricing 847 </p> 848 <p data-v-7909975f="" class="text-xl font-light">Only pay for connected 849 accounts. Get started with a 14-d
849ays free trial. </p> 850 </div> 851 <img data-v-7909975f="" src="./assets/socials-dc4f7b02.svg" class="w-full object-cover -mt-20 ml-2 md:hidden" alt=""> 852 </div> 853 </div> 854 </div> 855 <div data-v-7909975f="" class="grid md:grid-cols-12 gap-8 mt-8 px-4 md:px-0"> 856 <div data-v-7909975f="" class="md:col-span-4 bg-[#fffacc] rounded-3xl"> 857 <div data-v-7909975f="" class="bg-no-repeat bg-bottom h-full"> 858 <div data-v-7909975f="" class="space-y-4 p-6"> 859 <p data-v-7909975f="" class="text-5xl text-main font-medium">Get support 860 from founders</p> 861 <p data-v-7909975f="" class="text-xl font-light">VÃa Chat, email, Slack. 862 </p> 863 </div> 864 <!-- <img data-v-7909975f="" src="./images/new/connections.svg" class="w-full object-cover -mt-9" alt=""> --> 865 <img data-v-7909975f="" src="./assets/connections.svg" class="w-full object-cover -mt-9" alt=""> 866 </div> 867 </div> 868 <div data-v-7909975f="" class="md:col-span-8 bg-[#d9efff] rounded-3xl overflow-hidden"> 869 <div data-v-7909975f="" class="p-8"> 870 <p data-v-7909975f="" class="text-4xl mb-2 text-main"> 10s of free dashboard 871 templates </p> 872 </div> 873 <div data-v-7909975f="" class="bg-[url('./assets/new/Free-dashboard-templates.png')] w-full h-48 md:h-full bg-cover bg-no-repeat bg-left md:-ml-5 p-0"> 874 </div> 875 </div> 876 </div> 877 </div> 878 </div> 879 </main> 880 </div> 881 882 883 <div class="pt-10 space-y-4"> 884 <div class="w-11/12 mx-auto"> 885 <div> 886 <a href="/" class=""> 887 <img src="./images/SURElogo.png" class="h-10" alt="" /> 888 </a> 889 </div> 890 <div> 891 <p>Marketing Intelligence Cloud</p> 892 </div> 893 </div> 894 <div 895 class="border-t w-11/12 mx-auto flex items-center justify-between h-12 text-sm font-quicksand font-bold text-text" 896 > 897 <div class="">© sureoakdigital 2025 - All rights reserved.</div> 898 <div class="flex items-center gap-2 text-xl"> 899 <svg 900 xmlns="http://www.w3.org/2000/svg" 901 xmlns:xlink="http://www.w3.org/1999/xlink" 902 aria-hidden="true" 903 role="img" 904 width="1em" 905 height="1em"
906 viewBox="0 0 24 24" 907 class="iconify iconify--mdi" 908 > 909 <path 910 fill="currentColor" 911 d="M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.32 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93zM6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37z" 912 ></path> 913 </svg> 914 <svg 915 xmlns="http://www.w3.org/2000/svg" 916 xmlns:xlink="http://www.w3.org/1999/xlink" 917 aria-hidden="true" 918 role="img" 919 width="1em" 920 height="1em" 921 viewBox="0 0 24 24" 922 class="iconify iconify--ri" 923 > 924 <path 925 fill="currentColor" 926 d="M14 13.5h2.5l1-4H14v-2c0-1.03 0-2 2-2h1.5V2.14c-.326-.043-1.557-.14-2.857-.14C11.928 2 10 3.657 10 6.7v2.8H7v4h3V22h4z" 927 ></path> 928 </svg> 929 <svg 930 xmlns="http://www.w3.org/2000/svg" 931 xmlns:xlink="http://www.w3.org/1999/xlink" 932 aria-hidden="true" 933 role="img" 934 width="1em" 935 height="1em"
936 viewBox="0 0 24 24" 937 class="iconify iconify--ri" 938 > 939 <path 940 fill="currentColor" 941 d="M12.001 9a3 3 0 1 0 0 6a3 3 0 0 0 0-6m0-2a5 5 0 1 1 0 10a5 5 0 0 1 0-10m6.5-.25a1.25 1.25 0 0 1-2.5 0a1.25 1.25 0 0 1 2.5 0M12.001 4c-2.474 0-2.878.007-4.029.058c-.784.037-1.31.142-1.798.332a2.9 2.9 0 0 0-1.08.703a2.9 2.9 0 0 0-.704 1.08c-.19.49-.295 1.015-.331 1.798C4.007 9.075 4 9.461 4 12c0 2.475.007 2.878.058 4.029c.037.783.142 1.31.331 1.797c.17.435.37.748.702 1.08c.337.336.65.537 1.08.703c.494.191 1.02.297 1.8.333C9.075 19.994 9.461 20 12 20c2.475 0 2.878-.007 4.029-.058c.782-.037 1.308-.142 1.797-.331a2.9 2.9 0 0 0 1.08-.703c.337-.336.538-.649.704-1.08c.19-.492.296-1.018.332-1.8c.052-1.103.058-1.49.058-4.028c0-2.474-.007-2.878-.058-4.029c-.037-.782-.143-1.31-.332-1.798a2.9 2.9 0 0 0-.703-1.08a2.9 2.9 0 0 0-1.08-.704c-.49-.19-1.016-.295-1.798-.331C14.926 4.006 14.54 4 12 4m0-2c2.717 0 3.056.01 4.123.06c1.064.05 1.79.217 2.427.465c.66.254 1.216.598 1.772 1.153a4.9 4.9 0 0 1 1.153 1.772c.247.637.415 1.363.465 2.428c.047 1.066.06 1.405.06 4.122s-.01 3.056-.06 4.122s-.218 1.79-.465 2.428a4.9 4.9 0 0 1-1.153 1.772a4.9 4.9 0 0 1-1.772 1.153c-.637.247-1.363.415-2.427.465c-1.067.047-1.406.06-4.123.06s-3.056-.01-4.123-.06c-1.064-.05-1.789-.218-2.427-.465a4.9 4.9 0 0 1-1.772-1.153a4.9 4.9 0 0 1-1.153-1.772c-.248-.637-.415-1.363-.465-2.428C2.012 15.056 2 14.717 2 12s.01-3.056.06-4.122s.217-1.79.465-2.428a4.9 4.9 0 0 1 1.153-1.772A4.9 4.9 0 0 1 5.45 2.525c.637-.248 1.362-.415 2.427-.465C8.945 2.013 9.284 2 12.001 2" 942 ></path> 943 </svg> 944 <svg 945 xmlns="http://www.w3.org/2000/svg" 946 xmlns:xlink="http://www.w3.org/1999/xlink" 947 aria-hidden="true" 948 role="img" 949 width="1em" 950 height="1em"
951 viewBox="0 0 24 24" 952 class="iconify iconify--ri" 953 > 954 <path 955 fill="currentColor" 956 d="M16 8.245V15.5a6.5 6.5 0 1 1-5-6.326v3.163a3.5 3.5 0 1 0 2 3.163V2h3a5 5 0 0 0 5 5v3a7.97 7.97 0 0 1-5-1.755" 957 ></path> 958 </svg> 959 </div> 960 </div> 961</div> 962
963<script> 964 // Select elements 965 const hamburger = document.querySelector(".space-y-1"); // mobile hamburger 966 const sidebar = document.querySelector(".-translate-x-full"); // sidebar menu 967 const closeBtn = sidebar.querySelector("button"); // close button inside sidebar 968 969 // Function to open sidebar 970 hamburger.addEventListener("click", () => { 971 sidebar.classList.remove("-translate-x-full"); // slide in 972 sidebar.classList.add("translate-x-0"); 973 }); 974 975 // Function to close sidebar 976 closeBtn.addEventListener("click", () => { 977 sidebar.classList.remove("translate-x-0"); 978 sidebar.classList.add("-translate-x-full"); // slide out 979 }); 980 981 //click outside to close sidebar 982 document.addEventListener("click", (e) => { 983 if (!sidebar.contains(e.target) && !hamburger.contains(e.target)) { 984 sidebar.classList.remove("translate-x-0"); 985 sidebar.classList.add("-translate-x-full"); 986 } 987 }); 988</script>
988 989
990<script src="//code.jivosite.com/widget/NsXE4fpJy7" async></script>
990 991 992 993 </div> 994 </div> 995 996 997 998 <!-- <iframe id="chat-application-iframe" title="Smartsupp" aria-hidden="true" style="display: block; position: fixed; top: 0px; left: 0px; width: 1px; height: 1px; opacity: 0; border: none; z-index: -1; pointer-events: none;"></iframe> 999 <div id="smartsupp-widget-container"> 1000 <div data-testid="widgetButtonFrame" style="border-radius: 9999px; box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 2px 32px; color-scheme: normal; height: 56px; position: fixed; bottom: 24px; left: initial; right: 12px; z-index: 10000000; width: 116px;"> 1001 <iframe allowfullscreen="" scrolling="no" id="widgetButtonFrame" title="Smartsupp widget button" style="position: absolute; width: 100%; height: 100%; border: none; display: block; text-align: left; margin: 0px; padding: 0px; top: 0px; left: 0px; opacity: 1;"></iframe> 1002 </div> 1003 </div> --> 1004</body> 1005 1006</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.