1<!DOCTYPE html> 2<html lang="en-GB"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" /> 6 <title>Mintli Product Demo â Watch AI Marketing in Action</title> 7 8 <!-- SEO Meta Tags â dynamically updated by React SEO component per route --> 9 <meta name="description" content="Watch Mintli generate professional marketing content in seconds. See how our AI creates ads, social posts, and videos tailored to your brand." /> 10 <!-- Bing Webmaster Tools verification â add your code from https://www.bing.com/webmasters --> 11 <!-- <meta name="msvalidate.01" content="YOUR_BING_VERIFICATION_CODE" /> --> 12 <meta name="author" content="Mintli" /> 13 14 <!-- Open Graph / Facebook â dynamically updated per route --> 15 <meta property="og:type" content="website" /> 16 <meta property="og:url" content="https://www.mintli.ai/demo" /> 17 <meta property="og:title" content="Mintli Product Demo â Watch AI Marketing in Action" /> 18 <meta property="og:description" content="Watch Mintli generate professional marketing content in seconds. See how our AI creates ads, social posts, and videos tailored to your brand." /> 19 <meta property="og:image" content="https://www.mintli.ai/og-image.jpg" /> 20 <meta property="og:site_name" content="Mintli" /> 21 22 <!-- Twitter â dynamically updated per route --> 23 <meta name="twitter:card" content="summary_large_image" /> 24 <meta name="twitter:title" content="Mintli Product Demo â Watch AI Marketing in Action" /> 25 <meta name="twitter:description" content="Watch Mintli generate professional marketing content in seconds. See how our AI creates ads, social posts, and videos tailored to your brand." /> 26 <meta name="twitter:image" content="https://www.mintli.ai/og-image.jpg" /> 27 28 <!-- Canonical URL â dynamically updated per route by SEO component --> 29 <!-- No hardcoded canonical: prevents Google from treating all SPA routes as duplicates of homepage --> 30 31 <!-- Favicon --> 32 <link rel="icon" type="image/png" href="/favicon.png" sizes="64x64" /> 33 <link rel="apple-touch-icon" href="/favicon.png" sizes="64x64" /> 34 35 <!-- PWA Manifest --> 36 <link rel="manifest" href="/manifest.json" /> 37 38 <!-- Theme Color --> 39 <meta name="theme-color" content="#f0faf9" /> 40 41 <!-- Language & Region Targeting â dynamically updated per route by SEO component --> 42 43 <!-- Google Analytics GA4 - Loaded conditionally after cookie consent --> 44 <!-- See components/CookieConsent.tsx for GDPR-compliant implementation --> 45 <meta name="mobile-web-app-capable" content="yes" /> 46 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> 47 48 <!-- Apollo.io Website Visitor Tracking was removed on 2026-08-10 â the 49 app_id has no verified domain configured at Apollo, so its event 50 endpoint answered 400 on every page load and it never collected a 51 thing. See components/CookieConsent.tsx for the evidence and how to 52 bring it back. --> 53 54 <!-- Preconnect to external resources for faster loading --> 55 <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin /> 56 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> 57 <!-- Preconnect to Supabase for faster auth + API calls --> 58 <link rel="preconnect" href="https://tfnydgmvrtqjlskubtzz.supabase.co" crossorigin /> 59 <!-- DNS prefetch for non-critical third parties --> 60 <link rel="dns-prefetch" href="https://www.googletagmanager.com" /> 61 <link rel="dns-prefetch" href="https://js.stripe.com" /> 62 <link rel="dns-prefetch" href="https://connect.facebook.net" /> 63 64 <!-- Preload hero mascot image for faster LCP --> 65 <link rel="preload" as="image" href="/mascot/celebrating.png" fetchpriority="high" /> 66 67 <!-- Optimized font loading with display=swap for faster rendering --> 68 <!-- Fonts: Inter (UI/body), Playfair Display (elegant headings) - non-blocking async load --> 69 <link 70 rel="preload" 71 as="style" 72 href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;
72800&family=Playfair+Display:wght@400;600;700&display=swap" 73 /> 74 <link 75 href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Playfair+Display:wght@400;600;700&display=swap" 76 rel="stylesheet" 77 media="print" 78 onload="this.media='all'" 79 /> 80 <noscript> 81 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Playfair+Display:wght@400;600;700&display=swap" rel="stylesheet" /> 82 </noscript> 83 84 <!-- Critical CSS inline for faster first paint --> 85 <style> 86 /* Critical above-the-fold styles */ 87 :root { 88 --tiffany: #0ABAB5; 89 --tiffany-light: #06d6d0; 90 --dark: #0a1f1e; /* Legacy â kept for Tailwind config compat */ 91 --dark-accent: #0d2625; /* Legacy â kept for Tailwind config compat */ 92 /* Light mint theme tokens (duplicated from main.css for pre-paint) */ 93 --bg-primary: #f0faf9; 94 --bg-secondary: #e6f5f4; 95 --bg-card: #ffffff; 96 --text-primary: #1a2e2d; 97 --accent-text: #088a86; 98 --scrollbar-track: #e6f5f4; 99 } 100 101 body { 102 font-family: 'Inter', system-ui, -apple-system, sans-serif; 103 background-color: var(--bg-primary); 104 color: var(--text-primary); 105 margin: 0; 106 /* 'hidden' makes <body> its own scroll container, which kills keyboard 107 scrolling (PageDown/space/arrows) in Chrome. 'clip' clips horizontal 108 overflow without creating a scroll container; 'hidden' kept as 109 fallback for older browsers that don't support 'clip'. */ 110 overflow-x: hidden; 111 overflow-x: clip; 112 -webkit-font-smoothing: antialiased; 113 } 114 115 /* Smooth loading transition */ 116 #root { 117 opacity: 0; 118 animation: fadeIn 0.3s ease forwards; 119 animation-delay: 0.1s; 120 } 121 122 @keyframes fadeIn { 123 to { opacity: 1; } 124 } 125 126 /* Loading state styles */ 127 .loading-spinner { 128 width: 40px; 129 height: 40px; 130 border: 3px solid rgba(10, 186, 181, 0.2); 131 border-top-color: var(--tiffany); 132 border-radius: 50%; 133 animation: spin 1s linear infinite; 134 } 135 136 @keyframes spin { 137 to { transform: rotate(360deg); } 138 } 139 140 /* Respect reduced motion */ 141 @media (prefers-reduced-motion: reduce) { 142 *, *::before, *::after { 143 animation-duration: 0.01ms !important; 144 animation-iteration-count: 1 !important; 145 transition-duration: 0.01ms !important; 146 } 147 #root { animation: none; opacity: 1; } 148 } 149 150 /* Scrollbar styling */ 151 ::-webkit-scrollbar { width: 8px; } 152 ::-webkit-scrollbar-track { background: var(--scrollbar-track); } 153 ::-webkit-scrollbar-thumb { background: var(--tiffany); border-radius: 4px; } 154 </style> 155 156 <!-- Structured Data (Schema.org) --> 157
157<script type="application/ld+json"> 158 { 159 "@context": "https://schema.org", 160 "@type": "Organization", 161 "name": "Mintli", 162 "url": "https://www.mintli.ai", 163 "logo": "https://www.mintli.ai/logo.png", 164 "sameAs": [ 165 "https://www.facebook.com/mintli.ai", 166 "https://www.instagram.com/mintli.ai" 167 ], 168 "description": "AI marketing content generator for UK small businesses. Create professional, on-brand ads, social posts, and marketing content in seconds.", 169 "foundingDate": "2026", 170 "founder": [ 171 {"@type": "Person", "name": "Hassan"}, 172 {"@type": "Person", "name": "Dee"} 173 ] 174 } 175 </script>
175 176
176<script type="application/ld+json"> 177 { 178 "@context": "https://schema.org", 179 "@type": "WebSite", 180 "name": "Mintli", 181 "alternateName": "Mintli.ai", 182 "url": "https://www.mintli.ai" 183 } 184 </script>
184 185
185<script type="application/ld+json"> 186 { 187 "@context": "https://schema.org", 188 "@type": "SoftwareApplication", 189 "name": "Mintli", 190 "applicationCategory": "BusinessApplication", 191 "operatingSystem": "Web", 192 "url": "https://www.mintli.ai", 193 "description": "AI marketing content generator for UK small businesses", 194 "offers": { 195 "@type": "Offer", 196 "price": "0", 197 "priceCurrency": "GBP", 198 "description": "25 free credits, plans from £9/month" 199 } 200 } 201 </script>
201 202
202<script type="module" crossorigin src="/assets/js/index-CAMHAbEw.js"></script>
202 203 <link rel="modulepreload" crossorigin href="/assets/js/vendor-motion-3yeuz6KG.js"> 204 <link rel="modulepreload" crossorigin href="/assets/js/vendor-react-RN1kVGyi.js"> 205 <link rel="modulepreload" crossorigin href="/assets/js/vendor-supabase-Ch1O1_ND.js"> 206 <link rel="modulepreload" crossorigin href="/assets/js/vendor-icons-JVV8-doL.js"> 207 <link rel="stylesheet" crossorigin href="/assets/css/index-yUqEJcQD.css"> 208 <link rel="canonical" href="https://www.mintli.ai/demo" /> 209
209<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage","name":"Mintli Product Demo â Watch AI Marketing in Action","description":"Watch Mintli generate professional marketing content in seconds. See how our AI creates ads, social posts, and videos tailored to your brand.","url":"https://www.mintli.ai/demo","inLanguage":"en-GB","isPartOf":{"@type":"WebSite","name":"Mintli","url":"https://www.mintli.ai"}}</script>
vendor: 1 bytes, line 209
209
210<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.mintli.ai"}]}</script>
210 211</head> 212 <body> 213 <div id="root"><article style="max-width:720px;margin:40px auto;padding:0 20px;font-family:system-ui,sans-serif;line-height:1.7;color:#1a2e2d;"><h1>Mintli Product Demo â Watch AI Marketing in Action</h1> 214 <p>Watch Mintli generate professional marketing content in seconds. See how our AI creates ads, social posts, and videos tailored to your brand.</p> 215 </article> 216 <!-- Initial loading state --> 217 <div style="display:flex;align-items:center;justify-content:center;min-height:100vh;"> 218 <div class="loading-spinner"></div> 219 </div> 220 </div> 221 222 <!-- Fallback content for search engines and users without JavaScript --> 223 <noscript> 224 <div style="max-width:800px;margin:0 auto;padding:40px 20px;font-family:Inter,system-ui,sans-serif;color:#1a2e2d;"> 225 <p><strong>Mintli â AI Marketing Content Generator for UK Small Businesses</strong></p> 226 <p>Create professional, on-brand marketing content in seconds. Generate ads, social posts, email campaigns, and videos with AI â no design skills needed.</p> 227 <h2>What Mintli Does</h2> 228 <ul> 229 <li>AI copywriting using 7 proven marketing frameworks (PAS, AIDA, BAB, and more)</li> 230 <li>AI image generation tailored to your brand colours and style</li> 231 <li>Email marketing campaigns with professional templates</li> 232 <li>Multi-channel ad creation for Facebook, Instagram, Google, and LinkedIn</li> 233 </ul> 234 <h2>Explore Mintli</h2> 235 <nav> 236 <ul> 237 <li><a href="/pricing">Pricing</a></li> 238 <li><a href="/blog">Marketing Blog</a> â Tips and guides for UK small businesses</li> 239 <li><a href="/about">About the Founder</a></li> 240 <li><a href="/demo">Product Demo</a></li> 241 <li><a href="/audit">Free Ad Audit Tool</a></li> 242 <li><a href="/channel">Channel Partners</a></li> 243 <li><a href="/features">All Features (overview)</a></li> 244 <li><a href="/features/ai-copywriting">AI Copywriting</a></li> 245 <li><a href="/features/ai-image-generation">AI Image Generation</a></li> 246 <li><a href="/features/ai-video-generation">AI Video Generation</a></li> 247 </ul> 248 <h3>Industry Solutions</h3> 249 <ul> 250 <li><a href="/for/small-businesses">Small Businesses</a></li> 251 <li><a href="/for/restaurants">Restaurants</a></li> 252 <li><a href="/for/real-estate">Real Estate</a></li> 253 <li><a href="/for/ecommerce">E-commerce</a></li> 254 <li><a href="/for/agencies">Agencies</a></li> 255 <li><a href="/for/dentists">Dentists</a></li> 256 <li><a href="/for/fitness">Fitness</a></li> 257 <li><a href="/for/salons">Salons</a></li> 258 <li><a href="/for/accountants">Accountants</a></li> 259 <li><a href="/for/tradespeople">Tradespeople</a></li> 260 <li><a href="/for/estate-agents">Estate Agents</a></li> 261 <li><a href="/for/photographers">Photographers</a></li> 262 <li><a href="/for/plumbers">Plumbers</a></li> 263 <li><a href="/for/electricians">Electricians</a></li> 264 <li><a href="/for/personal-trainers">Personal Trainers</a></li> 265 <li><a href="/for/landscapers">Landscapers</a></li> 266 <li><a href="/for/solicitors">Solicitors</a></li> 267 <li><a href="/for/car-dealerships">Car Dealerships</a></li> 268 <li><a href="/for/chiropractors">Chiropractors</a></li> 269 <li><a href="/for/builders">Builders</a></li> 270 <li><a href="/for/opticians">Opticians</a></li> 271 <li><a href="/for/gyms">Gyms</a></li> 272 </ul> 273 <h3>Compare Alternatives</h3> 274 <ul> 275 <li><a href="/compare/jasper-alternative">Jasper Alternative</a></li> 276 <li><a href="/compare/copy-ai-alternative">Copy.ai Alternative</a></li> 277 <li><a href="/compare/canva-vs-mintli">Canva vs Mintli</a></li> 278 <li><a href="/compare/adcreative-alternative">AdCreative Alternative</a></li> 279 <li><a href="/compare/hubspot-alternative">HubSpot Alternative</a></li> 280 <li><a href="/compare/creatify-alternative">Creatify Alternative</a></li> 281 <li><a href="/compare/synthesia-alternative">Synthesia Alternative</a></li> 282 <li><a href="/compare/midjourney-alternative">Midjourney Alternative</a></li> 283 <li><a href="/compare/dall-e-alternative">DALL-E Alternative</a></li> 284 <li><a href="/compare/arcads-alternative">Arcads Alternative</a></li> 285 <li><a href="/compare/jasper-vs-mintli">Jasper vs Mintli</a></li> 286 <li>
286<a href="/compare/copy-ai-vs-mintli">Copy.ai vs Mintli</a></li> 287 </ul> 288 <h3>Blog Posts</h3> 289 <ul> 290 <li><a href="/blog/how-to-get-clients-as-a-personal-trainer">How to Get Clients as a Personal Trainer</a></li> 291 <li><a href="/blog/how-to-get-clients-for-cleaning-business-uk">How to Get Clients for Cleaning Business UK</a></li> 292 <li><a href="/blog/how-to-get-more-clients-as-a-hairdresser">How to Get More Clients as a Hairdresser</a></li> 293 <li><a href="/blog/how-to-get-clients-for-bookkeeping">How to Get Clients for Bookkeeping</a></li> 294 <li><a href="/blog/how-to-get-clients-for-a-cleaning-business">How to Get Clients for a Cleaning Business</a></li> 295 <li><a href="/blog/how-to-get-clients-for-recruitment-agency">How to Get Clients for Recruitment Agency</a></li> 296 <li><a href="/blog/how-to-get-electrical-clients">How to Get Electrical Clients</a></li> 297 <li><a href="/blog/best-ai-marketing-tools-uk-2026-ranked">Best AI Marketing Tools UK 2026</a></li> 298 <li><a href="/blog/best-ai-marketing-tools-comparison-2026">AI Marketing Tools Comparison</a></li> 299 <li><a href="/blog/how-to-use-ai-content-marketing-guide">AI Content Marketing Guide</a></li> 300 <li><a href="/blog/free-ai-marketing-tools-2026">Free AI Marketing Tools 2026</a></li> 301 <li><a href="/blog/is-ai-generated-content-good-for-seo">AI Content and SEO</a></li> 302 <li><a href="/blog/facebook-ads-small-business-uk-guide">Facebook Ads Guide</a></li> 303 <li><a href="/blog/ai-marketing-tools-uk-small-business">AI Marketing Tools UK</a></li> 304 <li><a href="/blog/instagram-content-ideas-local-business">Instagram Content Ideas</a></li> 305 <li><a href="/blog/email-marketing-tips-ecommerce-uk">Email Marketing Tips</a></li> 306 <li><a href="/blog/marketing-agency-vs-diy-uk-cost-comparison">Agency vs DIY Cost</a></li> 307 <li><a href="/blog/what-is-ai-marketing-content-generator">What is AI Marketing</a></li> 308 <li><a href="/blog/what-is-ad-creative">What Is Ad Creative</a></li> 309 <li><a href="/blog/best-ai-marketing-tools-uk-2026">Best AI Marketing Tools UK 2026</a></li> 310 <li><a href="/blog/ai-marketing-small-businesses-uk-2026">AI Marketing for Small Businesses UK 2026</a></li> 311 <li><a href="/blog/ai-social-media-content-generator-2026">AI Social Media Content Generator 2026</a></li> 312 <li><a href="/blog/social-media-for-estate-agents">Social Media for Estate Agents</a></li> 313 <li><a href="/blog/local-seo-for-small-business">Local SEO for Small Business</a></li> 314 <li><a href="/blog/google-my-business-guide">Google My Business Guide</a></li> 315 <li><a href="/blog/local-seo-for-dentists">Local SEO for Dentists</a></li> 316 </ul> 317 </nav> 318 <p><a href="/terms">Terms of Service</a> | <a href="/privacy">Privacy Policy</a></p> 319 </div> 320 </noscript> 321 322 323 <!-- Service Worker Registration (guarded, silent) --> 324
324<script> 325 if ('serviceWorker' in navigator && !window.__swRegistered) { 326 window.__swRegistered = true; 327 window.addEventListener('load', function() { 328 navigator.serviceWorker.register('/sw.js').catch(function() {}); 329 }, { once: true }); 330 } 331 </script>
331 332 </body> 333</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.