PageSourceSearch

https://sureoakdigital.com/

html sureoakdigital.com collected 2026-10-07 14:51:04 UTC 88,181 bytes, 1,006 lines download raw bytes

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]&amp;display=swap" rel="stylesheet">
10    <link href="https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&amp;family=Lexend+Deca:[email protected]&amp;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]">&amp;</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]">&amp;</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 &amp; unit economics
343                                                </li>
344                                                <li data-v-7909975f="" class="text-pretty">Top products &amp; customers
345                                                </li>
346                                                <li data-v-7909975f="" class="text-pretty">Acquisition &amp; 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 &amp; 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 &amp; 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 &amp; <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 &amp; 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 &amp; 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 &amp; manage queries,
590                                                        tables, joins, &amp; 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                                                        &amp; 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 &amp; fresh—at scale </div>
704                                    <div data-v-7909975f="" class="font-light"> Switch between real-time API &amp;
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 &amp; 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.