1<!DOCTYPE html><!--KOQSPmDQWAFQR_xYDri1z--><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5, viewport-fit=cover, user-scalable=yes"/><link rel="preload" href="/_next/static/media/38df7484fe560b25-s.p.60f15535.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/5e4d537aaa9e154b-s.p.01f07175.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/d622c970823c5a32-s.p.0b73bd18.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" href="/logo.png"/><link rel="preload" as="image" href="https://findly.tools/badges/findly-tools-badge-light.svg"/><link rel="stylesheet" href="/_next/static/chunks/d76409a9e676db20.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/bf37f2a9a5946582.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/b7f0136dc2e67883.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/097a4728189c6a3c.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/aea456a005a14512.js"/>
1<script src="/_next/static/chunks/f3b36e5003bba765.js" async=""></script>
1<script src="/_next/static/chunks/df4c03de9dcfe548.js" async=""></script>
1<script src="/_next/static/chunks/231f3188679264b6.js" async=""></script>
1<script src="/_next/static/chunks/8225cbcfac2b52bb.js" async=""></script>
1<script src="/_next/static/chunks/turbopack-03c8742e0761f3de.js" async=""></script>
1<script src="/_next/static/chunks/24f453ad4c030ee3.js" async=""></script>
1<script src="/_next/static/chunks/e23d9147d248f8c3.js" async=""></script>
1<script src="/_next/static/chunks/02a2ebc36346b007.js" async=""></script>
1<script src="/_next/static/chunks/4f77780e12349e5f.js" async=""></script>
1<script src="/_next/static/chunks/689b7cfa8f9db891.js" async=""></script>
1<script src="/_next/static/chunks/e7087133d9b83a63.js" async=""></script>
1<script src="/_next/static/chunks/8a5e05d4c3a89b4d.js" async=""></script>
1<script src="/_next/static/chunks/375df97fc3388d45.js" async=""></script>
1<script src="/_next/static/chunks/115d4303021d2d7e.js" async=""></script>
1<script src="/_next/static/chunks/5cc31aa4dda336fd.js" async=""></script>
1<script src="/_next/static/chunks/691be819125cb3a3.js" async=""></script>
1<script src="/_next/static/chunks/ced592c011be30e3.js" async=""></script>
1<link rel="preload" href="https://www.googletagmanager.com/gtag/js?id=G-XD8S5RD8WY" as="script"/><link rel="preload" href="/_next/static/chunks/19c578ef7b6bfc39.css" as="style"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/><meta name="next-size-adjust" content=""/><meta name="theme-color" content="#000000"/><title>Dot Art Generator: Halftone & Pop Art | Image to Dots</title><meta name="description" content="Free dot art maker creates halftone & pop art instantly. Convert image to dots or photos to retro comic art online. No signup required for our dot art generator"/><meta name="author" content="Dot Art Generator Team"/><link rel="manifest" href="/manifest.json"/><meta name="creator" content="Dot Art Generator"/><meta name="publisher" content="Dot Art Generator"/><meta name="robots" content="index, follow"/><meta name="googlebot" content="index, follow, max-video-preview:-1, max-image-preview:large, max-snippet
1:-1"/><meta name="category" content="Design & Art"/><meta name="classification" content="Web Application"/><meta name="mobile-web-app-capable" content="yes"/><meta name="apple-mobile-web-app-capable" content="yes"/><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/><meta name="theme-color" content="#000000"/><meta name="msapplication-TileColor" content="#000000"/><meta name="msapplication-tap-highlight" content="no"/><link rel="canonical" href="https://dotartgenerator.com/"/><meta name="format-detection" content="telephone=no, date=no, address=no, email=no"/><meta name="mobile-web-app-capable" content="yes"/><meta name="apple-mobile-web-app-title" content="Dot Art Generator"/><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/><meta property="og:title" content="Dot Art Generator - Transform Images into Pop Art"/><meta property="og:description" content="Create stunning halftone dot art patterns from any image. Free online tool with advanced dithering algorithms. Export transparent PNG."/><meta property="og:url" content="https://dotartgenerator.com"/><meta property="og:site_name" content="Dot Art Generator"/><meta property="og:locale" content="en_US"/><meta property="og:image" content="https://dotartgenerator.com/og-image.png"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Dot Art Generator Preview"/><meta property="og:image:type" content="image/png"/><meta property="og:image" content="https://dotartgenerator.com/og-square.png"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="1200"/><meta property="og:image:alt" content="Dot Art Generator Square Preview"/><meta property="og:image:type" content="image/png"/><meta property="og:locale:alternate" content="es_ES"/><meta property="og:locale:alternate" content="fr_FR"/><meta property="og:locale:alternate" content="de_DE"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:site" content="@dotartgenerator"/><meta name="twitter:creator" content="@dotartgenerator"/><meta name="twitter:title" content="Dot Art Generator - Transform Images into Pop Art"/><meta name="twitter:description" content="Create stunning halftone dot art patterns from any image with our free online tool."/><meta name="twitter:image" content="https://dotartgenerator.com/twitter-image.png"/><link rel="icon" href="/favicon.ico" sizes="32x32"/><link rel="icon" href="/icon-192.png" sizes="192x192" type="image/png"/><link rel="icon" href="/icon-512.png" sizes="512x512" type="image/png"/><link rel="apple-touch-icon" href="/apple-icon.png" sizes="180x180" type="image/png"/>
1<script src="/_next/static/chunks/a6dad97d9634a72d.js" noModule=""></script>
1</head><body class="libre_baskerville_517dc40-module__t57ioW__variable bangers_1e118a48-module__tVaRFW__variable archivo_black_ec6241fc-module__InUwXq__variable antialiased dark"><div hidden=""><!--$--><!--/$--></div><!--$?--><template id="B:0"></template><div class="flex items-center justify-center min-h-screen bg-background"><div class="text-center space-y-4"><div class="relative flex justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-loader-circle h-12 w-12 animate-spin text-primary" aria-hidden="true"><path d="M21 12a9 9 0 1 1-6.219-8.56"></path></svg></div><p class="text-muted-foreground">Loading...</p></div></div><!--/$--><div style="position:fixed;bottom:0;left:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,0.75);backdrop-filter:blur(4px);padding:6px 40px 6px 8px;box-shadow:0 -2px 12px rgba(0,0,0,0.3)"><iframe src="/ads/native_banner_1.html" width="100%" height="90" scrolling="no" frameBorder="0" style="border:none;max-width:760px;display:block" title="Advertisement"></iframe><button aria-label="Close advertisement" style="position:absolute;right:8px;top:50%;transform:translateY(-50%);background:rgba(255,255,255,0.15);border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></button></div>
1<script>requestAnimationFrame(function(){$RT=performance.now()});</script>
1<script src="/_next/static/chunks/aea456a005a14512.js" id="_R_" async=""></script>
1<div hidden id="S:0"><header class="sticky top-0 z-50 w-full border-b-4 border-[var(--pop-black)]" style="background-color:var(--pop-cream);background-image:radial-gradient(circle, #111 1px, transparent 1px);background-size:16px 16px"><div class="container mx-auto flex h-16 md:h-18 items-center justify-between px-4"><a class="flex items-center gap-2 hover:scale-105 transition-transform" href="/"><div class="flex items-center justify-center h-10 w-10 bg-[var(--pop-yellow)] border-3 border-[var(--pop-black)] rounded-none overflow-hidden" style="box-shadow:3px 3px 0px 0px var(--pop-black)"><img src="/logo.png" alt="Dot Art Generator Logo" class="h-full w-full object-cover"/></div><span class="font-[family-name:var(--font-bangers)] text-xl md:text-2xl text-[var(--pop-black)] tracking-wide" style="text-shadow:2px 2px 0px var(--pop-red)">Dot Art Generator</span></a><nav aria-label="Main" data-orientation="horizontal" dir="ltr" data-slot="navigation-menu" data-viewport="true" class="group/navigation-menu relative max-w-max flex-1 items-center justify-center hidden md:flex"><div style="position:relative"><ul data-orientation="horizontal" data-slot="navigation-menu-list" class="group flex flex-1 list-none items-center justify-center gap-1" dir="ltr"><li data-slot="navigation-menu-item" class="relative"><a data-slot="navigation-menu-link" class="data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4 font-[family-name:var(--font-archivo)] text-sm font-bold uppercase tracking-wide text-[var(--pop-black)] px-4 py-2 hover:bg-[var(--pop-yellow)] transition-colors" href="/" data-radix-collection-item="">Home</a></li><li data-slot="navigation-menu-item" class="relative"><a data-slot="navigation-menu-link" class="data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4 font-[family-name:var(--font-archivo)] text-sm font-bold uppercase tracking-wide text-[var(--pop-black)] px-4 py-2 hover:bg-[var(--pop-yellow)] transition-colors" href="/tips" data-radix-collection-item="">Tips</a></li><li data-slot="navigation-menu-item" class="relative"><a data-slot="navigation-menu-link" class="data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4 font-[family-name:var(--font-archivo)] text-sm font-bold uppercase tracking-wide text-[var(--pop-black)] px-4 py-2 hover:bg-[var(--pop-yellow)] transition-colors" href="/blog" data-radix-collection-item="">Blog</a></li></ul></div><div class="absolute top-full left-0 isolate z-50 flex justify-center"></div></nav><div class="flex items-center gap-2"><a class="hidden md:inline-flex items-center gap-2 bg-[var(--pop-red)] border-3 border-[var(--pop-black)] px-5 py-2 font-[family-name:var(--font-bangers)] text-lg text-white tracking-wide hover:bg-[var(--pop-yellow)] hover:text-[var(--pop-black)] transition-colors" style="box-shadow:3px 3px 0px 0px var(--pop-black)" href="/#generator"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-4 w-4" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594
11.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>CREATE ART!</a><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--></div></div></header><main class="bg-background"><!--$?--><template id="B:1"></template><div class="container mx-auto max-w-6xl px-4 py-8 md:py-12"><div class="mb-12 text-center space-y-6"><div data-slot="skeleton" class="bg-accent animate-pulse rounded-md h-12 w-3/4 mx-auto"></div><div data-slot="skeleton" class="bg-accent animate-pulse rounded-md h-12 w-2/3 mx-auto"></div><div data-slot="skeleton" class="bg-accent animate-pulse rounded-md h-6 w-full max-w-2xl mx-auto"></div><div data-slot="skeleton" class="bg-accent animate-pulse rounded-md h-6 w-5/6 max-w-2xl mx-auto"></div><div class="flex gap-4 justify-center mt-8"><div data-slot="skeleton" class="bg-accent animate-pulse rounded-md h-11 w-32"></div><div data-slot="skeleton" class="bg-accent animate-pulse rounded-md h-11 w-32"></div></div></div><div class="space-y-8"><div class="grid md:grid-cols-2 gap-6"><div class="space-y-4"><div data-slot="skeleton" class="bg-accent animate-pulse aspect-video w-full rounded-lg"></div><div data-slot="skeleton" class="bg-accent animate-pulse rounded-md h-6 w-3/4"></div><div data-slot="skeleton" class="bg-accent animate-pulse rounded-md h-4 w-full"></div><div data-slot="skeleton" class="bg-accent animate-pulse rounded-md h-4 w-5/6"></div></div><div class="space-y-4"><div data-slot="skeleton" class="bg-accent animate-pulse aspect-video w-full rounded-lg"></div><div data-slot="skeleton" class="bg-accent animate-pulse rounded-md h-6 w-3/4"></div><div data-slot="skeleton" class="bg-accent animate-pulse rounded-md h-4 w-full"></div><div data-slot="skeleton" class="bg-accent animate-pulse rounded-md h-4 w-5/6"></div></div><div class="space-y-4"><div data-slot="skeleton" class="bg-accent animate-pulse aspect-video w-full rounded-lg"></div><div data-slot="skeleton" class="bg-accent animate-pulse rounded-md h-6 w-3/4"></div><div data-slot="skeleton" class="bg-accent animate-pulse rounded-md h-4 w-full"></div><div data-slot="skeleton" class="bg-accent animate-pulse rounded-md h-4 w-5/6"></div></div><div class="space-y-4"><div data-slot="skeleton" class="bg-accent animate-pulse aspect-video w-full rounded-lg"></div><div data-slot="skeleton" class="bg-accent animate-pulse rounded-md h-6 w-3/4"></div><div data-slot="skeleton" class="bg-accent animate-pulse rounded-md h-4 w-full"></div><div data-slot="skeleton" class="bg-accent animate-pulse rounded-md h-4 w-5/6"></div></div></div></div></div><!--/$--></main><footer class="bangers_bc430f69-module__tmo1Ia__variable archivo_black_70d772f3-module__PkB_ZG__variable border-t-4 border-[var(--pop-black)] relative overflow-hidden" style="background-color:var(--pop-cream)"><div class="absolute inset-0 opacity-[0.06]" style="background-image:radial-gradient(circle, var(--pop-black) 1px, transparent 1px);background-size:12px 12px"></div><div class="container mx-auto py-8 px-4 relative z-10"><div class="flex flex-wrap items-center justify-center gap-2 md:gap-4 mb-6"><span class="font-[family-name:var(--font-archivo)] text-xs text-[var(--pop-black)]/50 uppercase tracking-wide">Featured on:</span><a href="https://www.tinylaunch.com/launch/8665" target="_blank" rel="noopener" class="font-[family-name:var(--font-archivo)] text-xs text-[var(--pop-black)]/70 hover:text-[var(--pop-red)] transition-colors underline underline-offset-2">TinyLaunch</a><span class="text-[var(--pop-black)]/30">â¢</span><a href="https://velog.io/@benx/Dot-Art-Generator" target="_blank" rel="noopener" class="font-[family-name:var(--font-archivo)] text-xs text-[var(--pop-black)]/70 hover:text-[var(--pop-blue)] transition-colors underline underline-offset-2">Velog</a><span class="text-[var(--pop-black)]/30">â¢</span><a href="https://profile.hatena.ne.jp/umalator/" target="_blank" rel="noopener" class="font-[family-name:var
1(--font-archivo)] text-xs text-[var(--pop-black)]/70 hover:text-[var(--pop-yellow)] transition-colors underline underline-offset-2">Hatena</a><span class="text-[var(--pop-black)]/30">â¢</span><a href="https://findly.tools/dot-art-generator?utm_source=dot-art-generator" target="_blank" rel="noopener"><img src="https://findly.tools/badges/findly-tools-badge-light.svg" alt="Featured on findly.tools" width="75"/></a></div><div class="flex flex-wrap items-center justify-center gap-2 md:gap-4 mb-6"><span class="font-[family-name:var(--font-archivo)] text-xs text-[var(--pop-black)]/50 uppercase tracking-wide">Tools:</span><a href="https://asciiartgenerator.app/" target="_blank" rel="noopener" class="font-[family-name:var(--font-archivo)] text-xs text-[var(--pop-black)]/70 hover:text-[var(--pop-pink)] transition-colors underline underline-offset-2">ASCII Art Generator</a><span class="text-[var(--pop-black)]/30">â¢</span><a href="https://gridmaker.pics/" target="_blank" rel="noopener" class="font-[family-name:var(--font-archivo)] text-xs text-[var(--pop-black)]/70 hover:text-[var(--pop-pink)] transition-colors underline underline-offset-2">Grid Maker</a></div><div class="flex flex-col md:flex-row items-center justify-center gap-3 md:gap-6 text-center"><div class="flex items-center gap-3"><p class="font-[family-name:var(--font-archivo)] text-sm text-[var(--pop-black)]/70 uppercase tracking-wide">© <!-- -->2026<!-- --> <!-- -->Dot Art Generator</p><div class="flex gap-1"><div class="w-2 h-2 rounded-full" style="background-color:var(--pop-red)"></div><div class="w-2 h-2 rounded-full" style="background-color:var(--pop-yellow)"></div><div class="w-2 h-2 rounded-full" style="background-color:var(--pop-blue)"></div></div></div><div class="flex flex-wrap items-center justify-center gap-3 md:gap-4 font-[family-name:var(--font-archivo)] text-sm text-[var(--pop-black)]/70 uppercase tracking-wide"><a class="hover:text-[var(--pop-yellow)] transition-colors" href="/about">About</a><span class="text-[var(--pop-black)]/30">|</span><a class="hover:text-[var(--pop-yellow)] transition-colors" href="/contact">Contact</a><span class="text-[var(--pop-black)]/30">|</span><a class="hover:text-[var(--pop-yellow)] transition-colors" href="/privacy">Privacy</a><span class="text-[var(--pop-black)]/30">|</span><a class="hover:text-[var(--pop-yellow)] transition-colors" href="/terms">Terms</a><span class="text-[var(--pop-black)]/30">|</span><a class="hover:text-[var(--pop-yellow)] transition-colors" href="/cookies">Cookies</a></div></div></div></footer></div>
1<script>$RB=[];$RV=function(a){$RT=performance.now();for(var b=0;b<a.length;b+=2){var c=a[b],e=a[b+1];null!==e.parentNode&&e.parentNode.removeChild(e);var f=c.parentNode;if(f){var g=c.previousSibling,h=0;do{if(c&&8===c.nodeType){var d=c.data;if("/$"===d||"/&"===d)if(0===h)break;else h--;else"$"!==d&&"$?"!==d&&"$~"!==d&&"$!"!==d&&"&"!==d||h++}d=c.nextSibling;f.removeChild(c);c=d}while(c);for(;e.firstChild;)f.insertBefore(e.firstChild,c);g.data="$";g._reactRetry&&requestAnimationFrame(g._reactRetry)}}a.length=0}; 2$RC=function(a,b){if(b=document.getElementById(b))(a=document.getElementById(a))?(a.previousSibling.data="$~",$RB.push(a,b),2===$RB.length&&("number"!==typeof $RT?requestAnimationFrame($RV.bind(null,$RB)):(a=performance.now(),setTimeout($RV.bind(null,$RB),2300>a&&2E3<a?2300-a:$RT+300-a)))):b.parentNode.removeChild(b)};$RC("B:0","S:0")</script>
2<div hidden id="S:1"><div class="relative" style="background-color:var(--pop-cream)"><div class="absolute inset-0 opacity-[0.06] pointer-events-none" style="background-image:radial-gradient(circle, var(--pop-black) 1px, transparent 1px);background-size:16px 16px"></div><section class="relative py-12 md:py-20 px-4 overflow-hidden"><div class="container mx-auto max-w-6xl relative z-10"><div class="text-center space-y-6"><div class="inline-block"><div class="px-6 py-2 bg-[var(--pop-yellow)] border-4 border-[var(--pop-black)] transform rotate-[-2deg]" style="box-shadow:4px 4px 0px 0px var(--pop-black)"><span class="font-[family-name:var(--font-archivo)] text-[var(--pop-black)] text-sm md:text-base font-bold uppercase tracking-wider">â
FREE ONLINE TOOL â
</span></div></div><h1 class="font-[family-name:var(--font-bangers)] text-4xl sm:text-5xl md:text-7xl text-[var(--pop-black)] leading-none tracking-wide" style="text-shadow:3px 3px 0px var(--pop-red), 6px 6px 0px var(--pop-blue);-webkit-text-stroke:2px var(--pop-black)">FREE ONLINE<span class="block mt-2 text-[var(--pop-red)]">DOT ART GENERATOR & MAKER</span></h1><p class="font-[family-name:var(--font-archivo)] text-lg md:text-xl text-[var(--pop-black)] max-w-3xl mx-auto">Create stunning<!-- --> <span class="text-[var(--pop-red)] font-bold">Roy Lichtenstein-style halftone pop art</span> <!-- -->from any photo. Upload and start creating instantly!</p></div></div><div class="absolute top-4 right-4 w-24 h-24 opacity-20" style="background-image:radial-gradient(circle, var(--pop-red) 3px, transparent 3px);background-size:12px 12px"></div><div class="absolute bottom-4 left-4 w-24 h-24 opacity-20" style="background-image:radial-gradient(circle, var(--pop-blue) 3px, transparent 3px);background-size:12px 12px"></div></section><section id="generator" class="py-8 md:py-12 px-4 scroll-mt-24" style="background:#FFF8E7"><div class="container mx-auto max-w-7xl"><div class="text-center mb-6"><p class="font-[family-name:var(--font-archivo)] text-base text-[var(--pop-black)]/70">ð Upload your photo below to get started</p></div><div class="flex flex-col h-[85vh] min-h-[600px] border-4 border-[#111] bg-[#1a1a1a]" style="box-shadow:8px 8px 0px 0px #111"><input type="file" accept="image/*" class="hidden"/><canvas class="hidden"></canvas><canvas class="hidden"></canvas><div class="flex items-center justify-between h-14 px-4 bg-[#111] border-b-4 border-[#111]"><div class="flex items-center gap-2"><button class="flex items-center gap-2 bg-[#0074D9] border-2 border-[#0074D9] px-4 py-2 text-xs font-bold uppercase text-white hover:bg-[#005fa3] transition-colors" style="box-shadow:2px 2px 0px 0px rgba(0,0,0,0.5)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-upload h-4 w-4" aria-hidden="true"><path d="M12 3v12"></path><path d="m17 8-5-5-5 5"></path><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path></svg><span class="hidden sm:inline">Load Image</span></button><button class="flex items-center gap-2 bg-[#333] border-2 border-[#444] px-3 py-2 text-xs font-bold uppercase text-white/80 hover:bg-[#444] transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-refresh-ccw h-4 w-4" aria-hidden="true"><path d="M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"></path><path d="M3 3v5h5"></path><path d="M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16"></path><path d="M16 16h5v5"></path></svg><span class="hidden sm:inline">Reset</span></button></div><div class="flex items-center gap-1 bg-[#222] rounded p-1"><button title="Circle" class="flex items-center justify-center w-9 h-9 rounded transition-all bg-[#FF4136] text-white shadow-md"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle h-5 w-5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle></svg></button><button title="Square" class="flex items-center justify-center w-9 h-9 rounded transition-all text-white/50 hover:bg-[#333] hover:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-square h-5 w-5" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2"></rect></svg></button><button title="Diamond" class="flex items-center justify-center w-9 h-9 rounded transition-all text-white/50 hover:bg-[#333] hover:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-diamond h-5 w-5" aria-hidden="true"><path d="M2.7 10.3a2.41 2.41 0 0 0 0 3.41l7.59 7.59a2.41 2.41 0 0 0 3.41 0l7.59-7.59a2.41 2.41 0 0 0 0-3.41l-7.59-7.59a2.41 2.41 0 0 0-3.41 0Z"></path></svg></button><button title="Triangle" class="flex items-center justify-center w-9 h-9 rounded transition-all text-white/50 hover:bg-[#333] hover:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-triangle h-5 w-5" aria-hidden="true"><path d="M13.73 4a2 2 0 0 0-3.46 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"></path></svg></button><button title="Cross" class="flex items-center justify-center w-9 h-9 rounded transition-all text-white/50 hover:bg-[#333] hover:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x h-5 w-5" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></button><button title="Plus" class="flex items-center justify-center w-9 h-9 rounded transition-all text-white/50 hover:bg-[#333] hover:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus h-5 w-5" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></button><button title="Heart" class="flex items-center justify-center w-9 h-9 rounded transition-all text-white/50 hover:bg-[#333] hover:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-5 w-5" aria-hidden="true"><path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"></path></svg></button><button title="Star" class="flex items-center justify-center w-9 h-9 rounded transition-all text-white/50 hover:bg-[#333] hover:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-5 w-5" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></button><button title="ASCII" class="flex items-center justify-center w-9 h-9 rounded transition-all text-white/50 hover:bg-[#333] hover:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-hash h-5 w-5" aria-hidden="true"><line x1="4" x2="20" y1="9" y2="9"></line><line x1="4" x2="20" y1="15" y2="15"></line><line x1="10" x2="8" y1="3" y2="21"></line><line x1="16" x2="14" y1="3" y2="21"></line></svg></button></div><button class="flex items-center gap-2 bg-[#FFDC00] border-2 border-[#111] px-4 py-2 text-xs font-bold uppercase text-[#111] hover:bg-[#e6c700] transition-colors disabled:opacity-50" style="box-shadow:2px 2px 0px 0px rgba(0,0,0,0.5)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download h-4 w-4" aria-hidden="true"><path d="M12 15V3"></path><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><path d="m7 10 5 5 5-5"></path></svg><span class="hidden sm:inline">Download</span></button></div><div class="flex flex-1 overflow-hidden"><div class="flex-1 relative overflow-hidden" style="background:#2a2a2a;background-image:radial-gradient(circle, rgba(255,255,255,0.03) 1px, transparent 1px);background-size:12px 12px"><div class="flex items-center justify-between px-4 py-2 bg-[#222] border-b border-white/10"><span class="text-[10px] text-white/40 uppercase tracking-wide">1024<!-- --> Ã <!-- -->1024<!-- -->px</span><span class="text-[10px] font-bold uppercase text-[#2ECC40]">â Ready</span></div><div class="absolute inset-0 top-9"><div class="flex items-center justify-center h-full"><span class="text-white/20">Loading...</span></div></div></div><div class="w-64 bg-[#1a1a1a] border-l-4 border-[#111] overflow-y-auto h-full"><div class="px-4 py-3 bg-[#111] border-b border-white/10"><h2 class="font-bold text-sm text-white flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings h-4 w-4" aria-hidden="true"><path d="M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915"></path><circle cx="12" cy="12" r="3"></circle></svg>Properties</h2></div><div class="border-b border-white/10"><button class="flex items-center justify-between w-full px-4 py-3 text-xs font-bold text-white/70 uppercase tracking-wide hover:bg-white/5"><span class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sliders-vertical h-3 w-3" aria-hidden="true"><path d="M10 8h4"></path><path d="M12 21v-9"></path><path d="M12 8V3"></path><path d="M17 16h4"></path><path d="M19 12V3"></path><path d="M19 21v-5"></path><path d="M3 14h4"></path><path d="M5 10V3"></path><path d="M5 21v-7"></path></svg>Canvas</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><div class="px-4 pb-4 space-y-3"><div class="grid grid-cols-2 gap-2"><label class="text-[10px] text-white/50">Width<input type="number" class="mt-1 w-full bg-[#222] border border-white/10 px-2 py-1.5 text-xs text-white rounded" value="1024"/></label><label class="text-[10px] text-white/50">Height<input type="number" class="mt-1 w-full bg-[#222] border border-white/10 px-2 py-1.5 text-xs text-white rounded" value="1024"/></label></div></div></div><div class="border-b border-white/10"><button class="flex items-center justify-between w-full px-4 py-3 text-xs font-bold text-white/70 uppercase tracking-wide hover:bg-white/5"><span class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sliders-vertical h-3 w-3" aria-hidden="true"><path d="M10 8h4"></path><path d="M12 21v-9"></path><path d="M12 8V3"></path><path d="M17 16h4"></path><path d="M19 12V3"></path><path d="M19 21v-5"></path><path d="M3 14h4"></path><path d="M5 10V3"></path><path d="M5 21v-7"></path></svg>Adjustments</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><div class="px-4 pb-4 space-y-3"><div><div class="flex justify-between text-[10px] text-white/50 mb-1"><span>Pixel Size</span><span class="text-[#FFDC00]">6</span></div><input type="range" min="2" max="24" step="1" class="w-full h-1.5 appearance-none bg-[#333] rounded cursor-pointer accent-[#0074D9]" value="6"/></div><div><div class="flex justify-between text-[10px] text-white/50 mb-1"><span>Gap</span><span class="text-[#FFDC00]">1</span></div><input type="range" min="0" max="6" step="1" class="w-full h-1.5 appearance-none bg-[#333] rounded cursor-pointer accent-[#0074D9]" value="1"/></div><div><div class="flex justify-between text-[10px] text-white/50 mb-1"><span>Contrast</span><span class="text-[#FFDC00]">1.1</span></div><input type="range" min="0.2" max="3" step="0.1" class="w-full h-1.5 appearance-none bg-[#333] rounded cursor-pointer accent-[#0074D9]" value="1.1"/></div><div><div class="flex justify-between text-[10px] text-white/50 mb-1"><span>Brightness</span><span class="text-[#FFDC00]">0</span></div><input type="range" min="-1" max="1" step="0.1" class="w-full h-1.5 appearance-none bg-[#333] rounded cursor-pointer accent-[#0074D9]" value="
20"/></div><label class="block text-[10px] text-white/50">Dither Method<select class="mt-1 w-full bg-[#222] border border-white/10 px-2 py-1.5 text-xs text-white rounded"><option value="Threshold">Threshold</option><option value="Random (Noise)">Random (Noise)</option><option value="Floyd-Steinberg" selected="">Floyd-Steinberg</option><option value="Atkinson">Atkinson</option><option value="Stucki">Stucki</option><option value="Sierra Lite">Sierra Lite</option><option value="Bayer 4x4">Bayer 4x4</option><option value="Bayer 8x8">Bayer 8x8</option><option value="Halftone">Halftone</option></select></label></div></div><div class="border-b border-white/10"><button class="flex items-center justify-between w-full px-4 py-3 text-xs font-bold text-white/70 uppercase tracking-wide hover:bg-white/5"><span class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-palette h-3 w-3" aria-hidden="true"><path d="M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z"></path><circle cx="13.5" cy="6.5" r=".5" fill="currentColor"></circle><circle cx="17.5" cy="10.5" r=".5" fill="currentColor"></circle><circle cx="6.5" cy="12.5" r=".5" fill="currentColor"></circle><circle cx="8.5" cy="7.5" r=".5" fill="currentColor"></circle></svg>Colors</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><div class="px-4 pb-4 space-y-3"><div class="grid grid-cols-2 gap-2"><label class="text-[10px] text-white/50">Foreground<input type="color" class="mt-1 w-full h-8 bg-transparent border border-white/10 rounded cursor-pointer" value="#111827"/></label><label class="text-[10px] text-white/50">Background<input type="color" class="mt-1 w-full h-8 bg-transparent border border-white/10 rounded cursor-pointer" value="#f3f4f6"/></label></div><label class="flex items-center gap-2 text-[10px] text-white/50 cursor-pointer"><input type="checkbox" class="accent-[#FF4136]"/>
2Transparent Background</label></div></div><div class="border-b border-white/10"><button class="flex items-center justify-between w-full px-4 py-3 text-xs font-bold text-white/70 uppercase tracking-wide hover:bg-white/5"><span class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-type h-3 w-3" aria-hidden="true"><path d="M12 4v16"></path><path d="M4 7V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2"></path><path d="M9 20h6"></path></svg>Text Overlay</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right h-4 w-4" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></button></div></div></div></div></div></section><section class="py-12 md:py-20 px-4 relative"><div class="container mx-auto max-w-6xl"><h2 class="font-[family-name:var(--font-bangers)] text-4xl md:text-5xl text-center mb-12 text-[var(--pop-black)] tracking-wide" style="text-shadow:2px 2px 0px var(--pop-yellow)">WHY DOT ART GENERATOR?</h2><div class="grid sm:grid-cols-2 md:grid-cols-3 gap-6 md:gap-8"><div class="bg-white border-4 border-[var(--pop-black)] p-6 space-y-4 transform rotate-[-1deg] hover:scale-105 transition-transform relative" style="box-shadow:6px 6px 0px 0px var(--pop-black)"><div class="absolute top-0 right-0 w-16 h-16 opacity-20" style="background-image:radial-gradient(circle, var(--pop-blue) 2px, transparent 2px);background-size:6px 6px"></div><div class="h-14 w-14 bg-[var(--pop-blue)] border-3 border-[var(--pop-black)] flex items-center justify-center" style="box-shadow:3px 3px 0px 0px var(--pop-black)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap h-8 w-8 text-white" aria-hidden="true"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg></div><h3 class="font-[family-name:var(--font-bangers)] text-2xl text-[var(--pop-black)] tracking-wide">LIGHTNING FAST</h3><p class="font-[family-name:var(--font-archivo)] text-sm text-gray-700">Advanced Web Workers process your images in the background without freezing your browser. Generate complex patterns in seconds.</p></div><div class="bg-white border-4 border-[var(--pop-black)] p-6 space-y-4 transform rotate-[1deg] hover:scale-105 transition-transform relative" style="box-shadow:6px 6px 0px 0px var(--pop-black)"><div class="absolute top-0 right-0 w-16 h-16 opacity-20" style="background-image:radial-gradient(circle, var(--pop-red) 2px, transparent 2px);background-size:6px 6px"></div><div class="h-14 w-14 bg-[var(--pop-red)] border-3 border-[var(--pop-black)] flex items-center justify-center" style="box-shadow:3px 3px 0px 0px var(--pop-black)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image h-8 w-8 text-white" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><h3 class="font-[family-name:var(--font-bangers)] text-2xl text-[var(--pop-black)] tracking-wide">ANY IMAGE</h3><p class="font-[family-name:var(--font-archivo)] text-sm text-gray-700">Upload photos, logos, or artwork. Our algorithm analyzes brightness and creates optimal halftone dot patterns for stunning pop art results.</p></div><div class="bg-white border-4 border-[var(--pop-black)] p-6 space-y-4 transform rotate-[-0.5deg] hover:scale-105 transition-transform relative" style="box-shadow:6px 6px 0px 0px var(--pop-black)"><div class="absolute top-0 right-0 w-16 h-16 opacity-20" style="background-image:radial-gradient(circle, var(--pop-yellow) 2px, transparent 2px);background-size:6px 6px"></div><div class="h-14 w-14 bg-[var(--pop-yellow)] border-3 border-[var(--pop-black)] flex items-center justify-center" style="box-shadow:3px 3px 0px 0px var(--pop-black)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download h-8 w-8 text-[var(--pop-black)]" aria-hidden="true"><path d="M12 15V3"></path><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><path d="m7 10 5 5 5-5"></path></svg></div>
2<h3 class="font-[family-name:var(--font-bangers)] text-2xl text-[var(--pop-black)] tracking-wide">MULTIPLE FORMATS</h3><p class="font-[family-name:var(--font-archivo)] text-sm text-gray-700">Export as high-resolution PNG for printing, or scalable SVG for any size. Perfect for posters, merchandise, and digital art.</p></div></div></div></section><section class="py-12 md:py-20 px-4"><div class="container mx-auto max-w-4xl"><h2 class="font-[family-name:var(--font-bangers)] text-4xl md:text-5xl text-center mb-12 text-[var(--pop-black)] tracking-wide" style="text-shadow:2px 2px 0px var(--pop-red)">HOW IT WORKS</h2><div class="space-y-8"><div class="flex gap-6 items-start"><div class="shrink-0 h-16 w-16 bg-[var(--pop-red)] border-4 border-[var(--pop-black)] flex items-center justify-center font-[family-name:var(--font-bangers)] text-3xl text-white" style="box-shadow:4px 4px 0px 0px var(--pop-black)">1</div><div class="flex-1 bg-white border-4 border-[var(--pop-black)] p-6" style="box-shadow:4px 4px 0px 0px var(--pop-black)"><h3 class="font-[family-name:var(--font-bangers)] text-2xl mb-2 text-[var(--pop-black)] tracking-wide">UPLOAD YOUR IMAGE</h3><p class="font-[family-name:var(--font-archivo)] text-sm text-gray-700">Drag and drop or click to upload any image. Supports PNG, JPG, JPEG, and WebP formats.</p></div></div><div class="flex gap-6 items-start"><div class="shrink-0 h-16 w-16 bg-[var(--pop-blue)] border-4 border-[var(--pop-black)] flex items-center justify-center font-[family-name:var(--font-bangers)] text-3xl text-white" style="box-shadow:4px 4px 0px 0px var(--pop-black)">2</div><div class="flex-1 bg-white border-4 border-[var(--pop-black)] p-6" style="box-shadow:4px 4px 0px 0px var(--pop-black)"><h3 class="font-[family-name:var(--font-bangers)] text-2xl mb-2 text-[var(--pop-black)] tracking-wide">ADJUST PARAMETERS</h3><p class="font-[family-name:var(--font-archivo)] text-sm text-gray-700">Fine-tune dot size, spacing, density, and color scheme to create your perfect halftone pop art effect.</p></div></div><div class="flex gap-6 items-start"><div class="shrink-0 h-16 w-16 bg-[var(--pop-yellow)] border-4 border-[var(--pop-black)] flex items-center justify-center font-[family-name:var(--font-bangers)] text-3xl text-[var(--pop-black)]" style="box-shadow:4px 4px 0px 0px var(--pop-black)">3</div><div class="flex-1 bg-white border-4 border-[var(--pop-black)] p-6" style="box-shadow:4px 4px 0px 0px var(--pop-black)"><h3 class="font-[family-name:var(--font-bangers)] text-2xl mb-2 text-[var(--pop-black)] tracking-wide">GENERATE & EXPORT</h3><p class="font-[family-name:var(--font-archivo)] text-sm text-gray-700">Click generate and watch as the algorithm creates your dot art. Download in your preferred format and start creating!</p></div></div></div></div></section><section class="py-12 md:py-20 px-4"><div class="container mx-auto max-w-4xl"><h2 class="font-[family-name:var(--font-bangers)] text-4xl md:text-5xl text-center mb-12 text-[var(--pop-black)] tracking-wide" style="text-shadow:2px 2px 0px var(--pop-blue)">PERFECT FOR</h2><div class="grid sm:grid-cols-2 gap-6"><div class="flex gap-3 items-start bg-white border-3 border-[var(--pop-black)] p-4" style="box-shadow:3px 3px 0px 0px var(--pop-black)"><div class="shrink-0 h-8 w-8 border-2 border-[var(--pop-black)] flex items-center justify-center" style="background-color:var(--pop-red)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big h-5 w-5 text-white" aria-hidden="true"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg></div><div><h4 class="font-[family-name:var(--font-bangers)] text-lg text-[var(--pop-black)] tracking-wide">Artists & Creators</h4><p class="font-[family-name:var(--font-archivo)] text-sm text-gray-700">Design unique wall art and decorative pieces</p></div></div><div class="flex gap-3 items-start bg-white border-3 border-[var(--pop-black)] p-4" style="box-shadow:3px 3px 0px 0px var(--pop-black)"><div class="shrink-0 h-8 w-8 border-2 border-[var(--pop-black)] flex items-center justify-center" style="background-color:var(--pop-blue)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big h-5 w-5 text-white" aria-hidden="true"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg></div><div>
2<h4 class="font-[family-name:var(--font-bangers)] text-lg text-[var(--pop-black)] tracking-wide">DIY Enthusiasts</h4><p class="font-[family-name:var(--font-archivo)] text-sm text-gray-700">Create unique printed posters and custom merchandise</p></div></div><div class="flex gap-3 items-start bg-white border-3 border-[var(--pop-black)] p-4" style="box-shadow:3px 3px 0px 0px var(--pop-black)"><div class="shrink-0 h-8 w-8 border-2 border-[var(--pop-black)] flex items-center justify-center" style="background-color:var(--pop-yellow)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big h-5 w-5 text-white" aria-hidden="true"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg></div><div><h4 class="font-[family-name:var(--font-bangers)] text-lg text-[var(--pop-black)] tracking-wide">Educators</h4><p class="font-[family-name:var(--font-archivo)] text-sm text-gray-700">Teach pop art history, design principles, and creativity</p></div></div><div class="flex gap-3 items-start bg-white border-3 border-[var(--pop-black)] p-4" style="box-shadow:3px 3px 0px 0px var(--pop-black)"><div class="shrink-0 h-8 w-8 border-2 border-[var(--pop-black)] flex items-center justify-center" style="background-color:var(--pop-red)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big h-5 w-5 text-white" aria-hidden="true"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg></div><div><h4 class="font-[family-name:var(--font-bangers)] text-lg text-[var(--pop-black)] tracking-wide">Gift Makers</h4><p class="font-[family-name:var(--font-archivo)] text-sm text-gray-700">Create personalized pop art portraits from photos</p></div></div></div></div></section><section class="bangers_1001c22f-module__5mEwqa__variable archivo_black_52e2cb6-module__Tx5LYG__variable py-16 md:py-24 relative overflow-hidden" style="background:#FFF8E7"><div class="absolute inset-0 opacity-[0.04]" style="background-image:radial-gradient(circle, #111 1px, transparent 1px);background-size:20px 20px"></div><div class="container mx-auto max-w-4xl px-4 relative z-10"><div class="text-center mb-12"><div class="inline-block relative mb-6"><div class="px-6 py-2 bg-[#0074D9] border-4 border-[#111] transform rotate-[-1deg]" style="box-shadow:4px 4px 0px 0px #111"><span class="font-[family-name:var(--font-archivo)] text-white text-xs font-bold uppercase tracking-wider">â
QUESTIONS? â
</span></div></div><h2 class="font-[family-name:var(--font-bangers)] text-4xl md:text-5xl lg:text-6xl text-[#111] uppercase mb-4" style="text-shadow:3px 3px 0px #FFDC00">Dot Art FAQ</h2><p class="font-[family-name:var(--font-archivo)] text-base md:text-lg text-[#111]/70 max-w-2xl mx-auto">Everything you need to know about creating halftone pop art</p></div><div class="space-y-4"><div class="bg-white border-4 border-[#111]" style="box-shadow:6px 6px 0px 0px #111"><button class="w-full px-6 py-4 flex items-center justify-between text-left hover:bg-[#FFF8E7] transition-colors"><span class="font-[family-name:var(--font-bangers)] text-lg md:text-xl text-[#111] uppercase pr-4">What is dot art and halftone art?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-6 h-6 text-[#111] shrink-0 transition-transform" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div><div class="bg-white border-4 border-[#111]" style="box-shadow:6px 6px 0px 0px #111"><button class="w-full px-6 py-4 flex items-center justify-between text-left hover:bg-[#FFF8E7] transition-colors"><span class="font-[family-name:var(--font-bangers)] text-lg md:text-xl text-[#111] uppercase pr-4">How do I create Roy Lichtenstein style pop art?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-6 h-6 text-[#111] shrink-0 transition-transform" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div><div class="bg-white border-4 border-[#111]" style="box-shadow:6px 6px 0px 0px #111"><button class="w-full px-6 py-4 flex items-center justify-between text-left hover:bg-[#FFF8E7] transition-colors">
2<span class="font-[family-name:var(--font-bangers)] text-lg md:text-xl text-[#111] uppercase pr-4">Is this dot art generator really free?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-6 h-6 text-[#111] shrink-0 transition-transform" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div><div class="bg-white border-4 border-[#111]" style="box-shadow:6px 6px 0px 0px #111"><button class="w-full px-6 py-4 flex items-center justify-between text-left hover:bg-[#FFF8E7] transition-colors"><span class="font-[family-name:var(--font-bangers)] text-lg md:text-xl text-[#111] uppercase pr-4">Can I use halftone art for commercial projects?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-6 h-6 text-[#111] shrink-0 transition-transform" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div><div class="bg-white border-4 border-[#111]" style="box-shadow:6px 6px 0px 0px #111"><button class="w-full px-6 py-4 flex items-center justify-between text-left hover:bg-[#FFF8E7] transition-colors"><span class="font-[family-name:var(--font-bangers)] text-lg md:text-xl text-[#111] uppercase pr-4">What file formats can I export my dot art?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-6 h-6 text-[#111] shrink-0 transition-transform" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div><div class="bg-white border-4 border-[#111]" style="box-shadow:6px 6px 0px 0px #111"><button class="w-full px-6 py-4 flex items-center justify-between text-left hover:bg-[#FFF8E7] transition-colors"><span class="font-[family-name:var(--font-bangers)] text-lg md:text-xl text-[#111] uppercase pr-4">Do I need design skills to make pop art?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-6 h-6 text-[#111] shrink-0 transition-transform" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div><div class="bg-white border-4 border-[#111]" style="box-shadow:6px 6px 0px 0px #111"><button class="w-full px-6 py-4 flex items-center justify-between text-left hover:bg-[#FFF8E7] transition-colors"><span class="font-[family-name:var(--font-bangers)] text-lg md:text-xl text-[#111] uppercase pr-4">How is this different from other pop art generators?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-6 h-6 text-[#111] shrink-0 transition-transform" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div><div class="bg-white border-4 border-[#111]" style="box-shadow:6px 6px 0px 0px #111"><button class="w-full px-6 py-4 flex items-center justify-between text-left hover:bg-[#FFF8E7] transition-colors"><span class="font-[family-name:var(--font-bangers)] text-lg md:text-xl text-[#111] uppercase pr-4">Can I create dot art from any photo?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-6 h-6 text-[#111] shrink-0 transition-transform" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div></div></div></section></div><!--$--><!--/$--></div>
2<script>$RC("B:1","S:1")</script>
2<script>(self.__next_f=self.__next_f||[]).push([0])</script>
2<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[26636,[\"/_next/static/chunks/24f453ad4c030ee3.js\",\"/_next/static/chunks/e23d9147d248f8c3.js\"],\"AdSenseScript\"]\n3:I[53738,[\"/_next/static/chunks/24f453ad4c030ee3.js\",\"/_next/static/chunks/e23d9147d248f8c3.js\"],\"\"]\n4:I[46984,[\"/_next/static/chunks/02a2ebc36346b007.js\",\"/_next/static/chunks/4f77780e12349e5f.js\",\"/_next/static/chunks/e23d9147d248f8c3.js\"],\"default\"]\n5:I[58298,[\"/_next/static/chunks/24f453ad4c030ee3.js\",\"/_next/static/chunks/e23d9147d248f8c3.js\",\"/_next/static/chunks/689b7cfa8f9db891.js\"],\"default\"]\n6:I[91242,[\"/_next/static/chunks/02a2ebc36346b007.js\",\"/_next/static/chunks/4f77780e12349e5f.js\",\"/_next/static/chunks/e23d9147d248f8c3.js\"],\"default\"]\n12:I[63491,[\"/_next/static/chunks/02a2ebc36346b007.js\",\"/_next/static/chunks/4f77780e12349e5f.js\",\"/_next/static/chunks/e23d9147d248f8c3.js\"],\"default\"]\n:HL[\"/_next/static/chunks/d76409a9e676db20.css\",\"style\"]\n:HL[\"/_next/static/chunks/bf37f2a9a5946582.css\",\"style\"]\n:HL[\"/_next/static/chunks/b7f0136dc2e67883.css\",\"style\"]\n:HL[\"/_next/static/media/38df7484fe560b25-s.p.60f15535.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/5e4d537aaa9e154b-s.p.01f07175.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/d622c970823c5a32-s.p.0b73bd18.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/chunks/097a4728189c6a3c.css\",\"style\"]\n"])</script>
2<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"KOQSPmDQWAFQR_xYDri1z\",\"c\":[\"\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"(marketing)\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/d76409a9e676db20.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/bf37f2a9a5946582.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/24f453ad4c030ee3.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/e23d9147d248f8c3.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":[\"\",[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://fonts.googleapis.com\"}],[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://fonts.gstatic.com\",\"crossOrigin\":\"anonymous\"}]]}],[\"$\",\"body\",null,{\"className\":\"libre_baskerville_517dc40-module__t57ioW__variable bangers_1e118a48-module__tVaRFW__variable archivo_black_ec6241fc-module__InUwXq__variable antialiased dark\",\"suppressHydrationWarning\":true,\"children\":[null,[\"$\",\"$L2\",null,{}],[[\"$\",\"$L3\",null,{\"src\":\"https://www.googletagmanager.com/gtag/js?id=G-XD8S5RD8WY\",\"strategy\":\"afterInteractive\"}],[\"$\",\"$L3\",null,{\"id\":\"google-analytics\",\"strategy\":\"afterInteractive\",\"children\":\"\\n window.dataLayer = window.dataLayer || [];\\n function gtag(){dataLayer.push(arguments);}\\n gtag('js', new Date());\\n gtag('config', 'G-XD8S5RD8WY');\\n \"}]],[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$5\",\"errorStyles\":[],\"errorScripts\":[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/689b7cfa8f9db891.js\",\"async\":true}]],\"template\":[\"$\",\"$L6\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"div\",null,{\"className\":\"bangers_d36b12fb-module__beieda__variable archivo_black_d1512836-module__R0BIbW__variable min-h-screen flex items-center justify-center relative overflow-hidden\",\"style\":{\"background\":\"#FFF8E7\"},\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-0 opacity-[0.06]\",\"style\":{\"backgroundImage\":\"radial-gradient(circle, #111 1px, transparent 1px)\",\"backgroundSize\":\"16px 16px\"}}],[\"$\",\"div\",null,{\"className\":\"absolute top-0 right-0 w-96 h-96 opacity-10\",\"style\":{\"background\":\"repeating-linear-gradient(45deg, #FF4136, #FF4136 3px, transparent 3px, transparent 12px)\"}}],[\"$\",\"div\",null,{\"className\":\"absolute bottom-0 left-0 w-96 h-96 opacity-10\",\"style\":{\"background\":\"repeating-linear-gradient(-45deg, #0074D9, #0074D9 3px, transparent 3px, transparent 12px)\"}}],[\"$\",\"div\",null,{\"className\":\"container mx-auto max-w-3xl px-4 text-center relative z-10\",\"children\":[[\"$\",\"div\",null,{\"className\":\"inline-block relative mb-8\",\"children\":[\"$\",\"div\",null,{\"className\":\"px-8 py-3 bg-[#FF4136] border-4 border-[#111] transform rotate-[-2deg]\",\"style\":{\"boxShadow\":\"6px 6px 0px 0px #111\"},\"children\":[\"$\",\"span\",null,{\"className\":\"font-[family-name:var(--font-archivo)] text-white text-sm md:text-base font-bold uppercase tracking-wider\",\"children\":\"â
ERROR 404 â
\"}]}]}],[\"$\",\"h1\",null,{\"className\":\"font-[family-name:var(--font-bangers)] text-8xl md:text-9xl text-[#111] mb-6\",\"style\":{\"textShadow\":\"6px 6px 0px #FFDC00, 12px 12px 0px #FF4136\",\"WebkitTextStroke\":\"3px #111\"},\"children\":\"404\"}],[\"$\",\"div\",null,{\"className\":\"bg-white border-4 border-[#111] p-8 mb-8\",\"style\":{\"boxShadow\":\"8px 8px 0px 0px #111\"},\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-[family-name:var
2(--font-bangers)] text-3xl md:text-4xl text-[#111] uppercase mb-4\",\"children\":\"PAGE NOT FOUND!\"}],[\"$\",\"p\",null,{\"className\":\"font-[family-name:var(--font-archivo)] text-base md:text-lg text-[#111]/70 leading-relaxed\",\"children\":[\"Oops! This page doesn't exist. Maybe it was moved, or maybe it never existed at all.\",[\"$\",\"br\",null,{}],\"Let's get you back to creating some \",[\"$\",\"span\",null,{\"className\":\"text-[#FF4136] font-bold\",\"children\":\"awesome dot art\"}],\"!\"]}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col sm:flex-row gap-4 justify-center\",\"children\":[\"$L7\",\"$L8\"]}],\"$L9\"]}]]}],[\"$La\"]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],\"$Lb\",\"$Lc\"]}]]}]]}],{\"children\":[\"$Ld\",{\"children\":[\"$Le\",{},null,false,false]},[\"$Lf\",[],[]],false,false]},[\"$L10\",[],[]],false,false],\"$L11\",false]],\"m\":\"$undefined\",\"G\":[\"$12\",[]],\"s\":false,\"S\":true}\n"])</script>
2<script>self.__next_f.push([1,"13:I[94849,[\"/_next/static/chunks/24f453ad4c030ee3.js\",\"/_next/static/chunks/e23d9147d248f8c3.js\",\"/_next/static/chunks/e7087133d9b83a63.js\"],\"\"]\n14:I[14965,[\"/_next/static/chunks/24f453ad4c030ee3.js\",\"/_next/static/chunks/e23d9147d248f8c3.js\"],\"AdsterraNativeBanner\"]\n15:I[54084,[\"/_next/static/chunks/24f453ad4c030ee3.js\",\"/_next/static/chunks/e23d9147d248f8c3.js\"],\"BackToTop\"]\n16:I[3374,[\"/_next/static/chunks/24f453ad4c030ee3.js\",\"/_next/static/chunks/e23d9147d248f8c3.js\",\"/_next/static/chunks/8a5e05d4c3a89b4d.js\",\"/_next/static/chunks/375df97fc3388d45.js\"],\"Header\"]\n17:I[18344,[\"/_next/static/chunks/24f453ad4c030ee3.js\",\"/_next/static/chunks/e23d9147d248f8c3.js\",\"/_next/static/chunks/8a5e05d4c3a89b4d.js\",\"/_next/static/chunks/375df97fc3388d45.js\"],\"Breadcrumbs\"]\n1c:I[8790,[\"/_next/static/chunks/24f453ad4c030ee3.js\",\"/_next/static/chunks/e23d9147d248f8c3.js\",\"/_next/static/chunks/8a5e05d4c3a89b4d.js\",\"/_next/static/chunks/375df97fc3388d45.js\",\"/_next/static/chunks/115d4303021d2d7e.js\",\"/_next/static/chunks/5cc31aa4dda336fd.js\",\"/_next/static/chunks/691be819125cb3a3.js\",\"/_next/static/chunks/ced592c011be30e3.js\"],\"WebApplicationSchema\"]\n1d:I[8790,[\"/_next/static/chunks/24f453ad4c030ee3.js\",\"/_next/static/chunks/e23d9147d248f8c3.js\",\"/_next/static/chunks/8a5e05d4c3a89b4d.js\",\"/_next/static/chunks/375df97fc3388d45.js\",\"/_next/static/chunks/115d4303021d2d7e.js\",\"/_next/static/chunks/5cc31aa4dda336fd.js\",\"/_next/static/chunks/691be819125cb3a3.js\",\"/_next/static/chunks/ced592c011be30e3.js\"],\"WebSiteSchema\"]\n1e:I[8790,[\"/_next/static/chunks/24f453ad4c030ee3.js\",\"/_next/static/chunks/e23d9147d248f8c3.js\",\"/_next/static/chunks/8a5e05d4c3a89b4d.js\",\"/_next/static/chunks/375df97fc3388d45.js\",\"/_next/static/chunks/115d4303021d2d7e.js\",\"/_next/static/chunks/5cc31aa4dda336fd.js\",\"/_next/static/chunks/691be819125cb3a3.js\",\"/_next/static/chunks/ced592c011be30e3.js\"],\"OrganizationSchema\"]\n1f:I[8790,[\"/_next/static/chunks/24f453ad4c030ee3.js\",\"/_next/static/chunks/e23d9147d248f8c3.js\",\"/_next/static/chunks/8a5e05d4c3a89b4d.js\",\"/_next/static/chunks/375df97fc3388d45.js\",\"/_next/static/chunks/115d4303021d2d7e.js\",\"/_next/static/chunks/5cc31aa4dda336fd.js\",\"/_next/static/chunks/691be819125cb3a3.js\",\"/_next/static/chunks/ced592c011be30e3.js\"],\"HowToSchema\"]\n20:I[8790,[\"/_next/static/chunks/24f453ad4c030ee3.js\",\"/_next/static/chunks/e23d9147d248f8c3.js\",\"/_next/static/chunks/8a5e05d4c3a89b4d.js\",\"/_next/static/chunks/375df97fc3388d45.js\",\"/_next/static/chunks/115d4303021d2d7e.js\",\"/_next/static/chunks/5cc31aa4dda336fd.js\",\"/_next/static/chunks/691be819125cb3a3.js\",\"/_next/static/chunks/ced592c011be30e3.js\"],\"SiteNavigationSchema\"]\n21:I[80103,[\"/_next/static/chunks/24f453ad4c030ee3.js\",\"/_next/static/chunks/e23d9147d248f8c3.js\",\"/_next/static/chunks/8a5e05d4c3a89b4d.js\",\"/_next/static/chunks/375df97fc3388d45.js\",\"/_next/static/chunks/115d4303021d2d7e.js\",\"/_next/static/chunks/5cc31aa4dda336fd.js\",\"/_next/static/chunks/691be819125cb3a3.js\",\"/_next/static/chunks/ced592c011be30e3.js\"],\"DotArtLab\"]\n30:I[25454,[\"/_next/static/chunks/02a2ebc36346b007.js\",\"/_next/static/chunks/4f77780e12349e5f.js\",\"/_next/static/chunks/e23d9147d248f8c3.js\"],\"ViewportBoundary\"]\n32:I[25454,[\"/_next/static/chunks/02a2ebc36346b007.js\",\"/_next/static/chunks/4f77780e12349e5f.js\",\"/_next/static/chunks/e23d9147d248f8c3.js\"],\"MetadataBoundary\"]\n33:\"$Sreact.suspense\"\n:HL[\"/_next/static/chunks/19c578ef7b6bfc39.css\",\"style\"]\n7:[\"$\",\"$L13\",null,{\"href\":\"/\",\"children\":[\"$\",\"button\",null,{\"className\":\"px-8 py-4 bg-[#0074D9] border-4 border-[#111] text-white font-[family-name:var(--font-bangers)] text-xl uppercase hover:bg-[#111] transition-colors flex items-center justify-center gap-2\",\"style\":{\"boxShadow\":\"6px 6px 0px 0px #111\"},\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\"
2:24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-house w-5 h-5\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"5wwlr5\",{\"d\":\"M15 21v-8a1 1 0 0 0-1-1"])</script>
2<script>self.__next_f.push([1,"h-4a1 1 0 0 0-1 1v8\"}],[\"$\",\"path\",\"r6nss1\",{\"d\":\"M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"}],\"$undefined\"]}],\"GO HOME\"]}]}]\n8:[\"$\",\"$L13\",null,{\"href\":\"/\",\"children\":[\"$\",\"button\",null,{\"className\":\"px-8 py-4 bg-[#FFDC00] border-4 border-[#111] text-[#111] font-[family-name:var(--font-bangers)] text-xl uppercase hover:bg-white transition-colors flex items-center justify-center gap-2\",\"style\":{\"boxShadow\":\"6px 6px 0px 0px #111\"},\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-sparkles w-5 h-5\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1s2grr\",{\"d\":\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"}],[\"$\",\"path\",\"1rf3ol\",{\"d\":\"M20 2v4\"}],[\"$\",\"path\",\"gwowj6\",{\"d\":\"M22 4h-4\"}],[\"$\",\"circle\",\"6kqj1y\",{\"cx\":\"4\",\"cy\":\"20\",\"r\":\"2\"}],\"$undefined\"]}],\"CREATE ART\"]}]}]\n9:[\"$\",\"div\",null,{\"className\":\"mt-12\",\"children\":[[\"$\",\"p\",null,{\"className\":\"font-[family-name:var(--font-archivo)] text-sm text-[#111]/60 mb-4 uppercase tracking-wide\",\"children\":\"OR TRY THESE PAGES:\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-3 justify-center font-[family-name:var(--font-archivo)] text-sm\",\"children\":[[\"$\",\"$L13\",null,{\"href\":\"/tips\",\"className\":\"text-[#0074D9] hover:text-[#FF4136] font-bold underline\",\"children\":\"Tips\"}],[\"$\",\"span\",null,{\"className\":\"text-[#111]/30\",\"children\":\"â¢\"}],[\"$\",\"$L13\",null,{\"href\":\"/about\",\"className\":\"text-[#0074D9] hover:text-[#FF4136] font-bold underline\",\"children\":\"About\"}],[\"$\",\"span\",null,{\"className\":\"text-[#111]/30\",\"children\":\"â¢\"}],[\"$\",\"$L13\",null,{\"href\":\"/contact\",\"className\":\"text-[#0074D9] hover:text-[#FF4136] font-bold underline\",\"children\":\"Contact\"}]]}]]}]\na:[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/19c578ef7b6bfc39.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\nb:[\"$\",\"$L14\",null,{}]\nc:[\"$\",\"$L15\",null,{}]\n"])</script>
2<script>self.__next_f.push([1,"d:[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/b7f0136dc2e67883.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/8a5e05d4c3a89b4d.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/375df97fc3388d45.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[[\"$\",\"$L16\",null,{}],[\"$\",\"$L17\",null,{}],[\"$\",\"main\",null,{\"className\":\"bg-background\",\"children\":[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L6\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"div\",null,{\"className\":\"bangers_d36b12fb-module__beieda__variable archivo_black_d1512836-module__R0BIbW__variable min-h-screen flex items-center justify-center relative overflow-hidden\",\"style\":{\"background\":\"#FFF8E7\"},\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-0 opacity-[0.06]\",\"style\":{\"backgroundImage\":\"radial-gradient(circle, #111 1px, transparent 1px)\",\"backgroundSize\":\"16px 16px\"}}],[\"$\",\"div\",null,{\"className\":\"absolute top-0 right-0 w-96 h-96 opacity-10\",\"style\":{\"background\":\"repeating-linear-gradient(45deg, #FF4136, #FF4136 3px, transparent 3px, transparent 12px)\"}}],[\"$\",\"div\",null,{\"className\":\"absolute bottom-0 left-0 w-96 h-96 opacity-10\",\"style\":{\"background\":\"repeating-linear-gradient(-45deg, #0074D9, #0074D9 3px, transparent 3px, transparent 12px)\"}}],[\"$\",\"div\",null,{\"className\":\"container mx-auto max-w-3xl px-4 text-center relative z-10\",\"children\":[[\"$\",\"div\",null,{\"className\":\"inline-block relative mb-8\",\"children\":[\"$\",\"div\",null,{\"className\":\"px-8 py-3 bg-[#FF4136] border-4 border-[#111] transform rotate-[-2deg]\",\"style\":{\"boxShadow\":\"6px 6px 0px 0px #111\"},\"children\":[\"$\",\"span\",null,{\"className\":\"font-[family-name:var(--font-archivo)] text-white text-sm md:text-base font-bold uppercase tracking-wider\",\"children\":\"â
ERROR 404 â
\"}]}]}],[\"$\",\"h1\",null,{\"className\":\"font-[family-name:var(--font-bangers)] text-8xl md:text-9xl text-[#111] mb-6\",\"style\":{\"textShadow\":\"6px 6px 0px #FFDC00, 12px 12px 0px #FF4136\",\"WebkitTextStroke\":\"3px #111\"},\"children\":\"404\"}],[\"$\",\"div\",null,{\"className\":\"bg-white border-4 border-[#111] p-8 mb-8\",\"style\":{\"boxShadow\":\"8px 8px 0px 0px #111\"},\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-[family-name:var(--font-bangers)] text-3xl md:text-4xl text-[#111] uppercase mb-4\",\"children\":\"PAGE NOT FOUND!\"}],[\"$\",\"p\",null,{\"className\":\"font-[family-name:var(--font-archivo)] text-base md:text-lg text-[#111]/70 leading-relaxed\",\"children\":[\"Oops! This page doesn't exist. Maybe it was moved, or maybe it never existed at all.\",[\"$\",\"br\",null,{}],\"Let's get you back to creating some \",[\"$\",\"span\",null,{\"className\":\"text-[#FF4136] font-bold\",\"children\":\"awesome dot art\"}],\"!\"]}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col sm:flex-row gap-4 justify-center\",\"children\":[[\"$\",\"$L13\",null,{\"href\":\"/\",\"children\":[\"$\",\"button\",null,{\"className\":\"px-8 py-4 bg-[#0074D9] border-4 border-[#111] text-white font-[family-name:var(--font-bangers)] text-xl uppercase hover:bg-[#111] transition-colors flex items-center justify-center gap-2\",\"style\":{\"boxShadow\":\"6px 6px 0px 0px #111\"},\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-house w-5 h-5\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"5wwlr5\",{\"d\":\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"}],[\"$\",\"path\",\"r6nss1\",{\"d\":\"M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"}],\"$undefined\"]}],\"GO HOME\"]}]}],[\"$\",\"$L13\",null,{\"href\":\"/\",\"children\":[\"$\",\"button\",null,{\"className\":\"px-8 py-4 bg-[#FFDC00] border-4 border-[#111] text-[#111] font-[family-name:var
2(--font-bangers)] text-xl uppercase hover:bg-white transition-colors flex items-center justify-center gap-2\",\"style\":{\"boxShadow\":\"6px 6px 0px 0px #111\"},\"children\":[\"$L18\",\"CREATE ART\"]}]}]]}],\"$L19\"]}]]}],[\"$L1a\"]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}],\"$L1b\"]]}]\n"])</script>
2<script>self.__next_f.push([1,"e:[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"$L1c\",null,{}],[\"$\",\"$L1d\",null,{}],[\"$\",\"$L1e\",null,{}],[\"$\",\"$L1f\",null,{}],[\"$\",\"$L20\",null,{}],[\"$\",\"div\",null,{\"className\":\"relative\",\"style\":{\"backgroundColor\":\"var(--pop-cream)\"},\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-0 opacity-[0.06] pointer-events-none\",\"style\":{\"backgroundImage\":\"radial-gradient(circle, var(--pop-black) 1px, transparent 1px)\",\"backgroundSize\":\"16px 16px\"}}],[\"$\",\"section\",null,{\"className\":\"relative py-12 md:py-20 px-4 overflow-hidden\",\"children\":[[\"$\",\"div\",null,{\"className\":\"container mx-auto max-w-6xl relative z-10\",\"children\":[\"$\",\"div\",null,{\"className\":\"text-center space-y-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"inline-block\",\"children\":[\"$\",\"div\",null,{\"className\":\"px-6 py-2 bg-[var(--pop-yellow)] border-4 border-[var(--pop-black)] transform rotate-[-2deg]\",\"style\":{\"boxShadow\":\"4px 4px 0px 0px var(--pop-black)\"},\"children\":[\"$\",\"span\",null,{\"className\":\"font-[family-name:var(--font-archivo)] text-[var(--pop-black)] text-sm md:text-base font-bold uppercase tracking-wider\",\"children\":\"â
FREE ONLINE TOOL â
\"}]}]}],[\"$\",\"h1\",null,{\"className\":\"font-[family-name:var(--font-bangers)] text-4xl sm:text-5xl md:text-7xl text-[var(--pop-black)] leading-none tracking-wide\",\"style\":{\"textShadow\":\"3px 3px 0px var(--pop-red), 6px 6px 0px var(--pop-blue)\",\"WebkitTextStroke\":\"2px var(--pop-black)\"},\"children\":[\"FREE ONLINE\",[\"$\",\"span\",null,{\"className\":\"block mt-2 text-[var(--pop-red)]\",\"children\":\"DOT ART GENERATOR \u0026 MAKER\"}]]}],[\"$\",\"p\",null,{\"className\":\"font-[family-name:var(--font-archivo)] text-lg md:text-xl text-[var(--pop-black)] max-w-3xl mx-auto\",\"children\":[\"Create stunning\",\" \",[\"$\",\"span\",null,{\"className\":\"text-[var(--pop-red)] font-bold\",\"children\":\"Roy Lichtenstein-style halftone pop art\"}],\" \",\"from any photo. Upload and start creating instantly!\"]}]]}]}],[\"$\",\"div\",null,{\"className\":\"absolute top-4 right-4 w-24 h-24 opacity-20\",\"style\":{\"backgroundImage\":\"radial-gradient(circle, var(--pop-red) 3px, transparent 3px)\",\"backgroundSize\":\"12px 12px\"}}],[\"$\",\"div\",null,{\"className\":\"absolute bottom-4 left-4 w-24 h-24 opacity-20\",\"style\":{\"backgroundImage\":\"radial-gradient(circle, var(--pop-blue) 3px, transparent 3px)\",\"backgroundSize\":\"12px 12px\"}}]]}],[\"$\",\"section\",null,{\"id\":\"generator\",\"className\":\"py-8 md:py-12 px-4 scroll-mt-24\",\"style\":{\"background\":\"#FFF8E7\"},\"children\":[\"$\",\"div\",null,{\"className\":\"container mx-auto max-w-7xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-center mb-6\",\"children\":[\"$\",\"p\",null,{\"className\":\"font-[family-name:var(--font-archivo)] text-base text-[var(--pop-black)]/70\",\"children\":\"ð Upload your photo below to get started\"}]}],[\"$\",\"$L21\",null,{}]]}]}],[\"$\",\"section\",null,{\"className\":\"py-12 md:py-20 px-4 relative\",\"children\":[\"$\",\"div\",null,{\"className\":\"container mx-auto max-w-6xl\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-[family-name:var(--font-bangers)] text-4xl md:text-5xl text-center mb-12 text-[var(--pop-black)] tracking-wide\",\"style\":{\"textShadow\":\"2px 2px 0px var(--pop-yellow)\"},\"children\":\"WHY DOT ART GENERATOR?\"}],[\"$\",\"div\",null,{\"className\":\"grid sm:grid-cols-2 md:grid-cols-3 gap-6 md:gap-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"bg-white border-4 border-[var(--pop-black)] p-6 space-y-4 transform rotate-[-1deg] hover:scale-105 transition-transform relative\",\"style\":{\"boxShadow\":\"6px 6px 0px 0px var(--pop-black)\"},\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute top-0 right-0 w-16 h-16 opacity-20\",\"style\":{\"backgroundImage\":\"radial-gradient(circle, var(--pop-blue) 2px, transparent 2px)\",\"backgroundSize\":\"6px 6px\"}}],[\"$\",\"div\",null,{\"className\":\"h-14 w-14 bg-[var(--pop-blue)] border-3 border-[var(--pop-black)] flex items-center justify-center\",\"style\":{\"boxShadow\":\"3px 3px 0px 0px var(--pop-black)\"},\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\"
2:24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-zap h-8 w-8 text-white\",\"aria-hidden\":\"true\",\"children\":[\"$L22\",\"$undefined\"]}]}],\"$L23\",\"$L24\"]}],\"$L25\",\"$L26\"]}]]}]}],\"$L27\",\"$L28\",\"$L29\"]}]],[\"$L2a\",\"$L2b\",\"$L2c\",\"$L2d\",\"$L2e\"],\"$L2f\"]}]\n"])</script>
2<script>self.__next_f.push([1,"f:[\"$\",\"div\",\"l\",{\"className\":\"container mx-auto max-w-6xl px-4 py-8 md:py-12\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-12 text-center space-y-6\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"bg-accent animate-pulse rounded-md h-12 w-3/4 mx-auto\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"bg-accent animate-pulse rounded-md h-12 w-2/3 mx-auto\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"bg-accent animate-pulse rounded-md h-6 w-full max-w-2xl mx-auto\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"bg-accent animate-pulse rounded-md h-6 w-5/6 max-w-2xl mx-auto\"}],[\"$\",\"div\",null,{\"className\":\"flex gap-4 justify-center mt-8\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"bg-accent animate-pulse rounded-md h-11 w-32\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"bg-accent animate-pulse rounded-md h-11 w-32\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"space-y-8\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid md:grid-cols-2 gap-6\",\"children\":[[\"$\",\"div\",\"0\",{\"className\":\"space-y-4\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"bg-accent animate-pulse aspect-video w-full rounded-lg\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"bg-accent animate-pulse rounded-md h-6 w-3/4\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"bg-accent animate-pulse rounded-md h-4 w-full\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"bg-accent animate-pulse rounded-md h-4 w-5/6\"}]]}],[\"$\",\"div\",\"1\",{\"className\":\"space-y-4\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"bg-accent animate-pulse aspect-video w-full rounded-lg\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"bg-accent animate-pulse rounded-md h-6 w-3/4\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"bg-accent animate-pulse rounded-md h-4 w-full\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"bg-accent animate-pulse rounded-md h-4 w-5/6\"}]]}],[\"$\",\"div\",\"2\",{\"className\":\"space-y-4\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"bg-accent animate-pulse aspect-video w-full rounded-lg\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"bg-accent animate-pulse rounded-md h-6 w-3/4\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"bg-accent animate-pulse rounded-md h-4 w-full\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"bg-accent animate-pulse rounded-md h-4 w-5/6\"}]]}],[\"$\",\"div\",\"3\",{\"className\":\"space-y-4\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"bg-accent animate-pulse aspect-video w-full rounded-lg\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"bg-accent animate-pulse rounded-md h-6 w-3/4\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"bg-accent animate-pulse rounded-md h-4 w-full\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"bg-accent animate-pulse rounded-md h-4 w-5/6\"}]]}]]}]}]]}]\n"])</script>
2<script>self.__next_f.push([1,"10:[\"$\",\"div\",\"l\",{\"className\":\"flex items-center justify-center min-h-screen bg-background\",\"children\":[\"$\",\"div\",null,{\"className\":\"text-center space-y-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative flex justify-center\",\"children\":[\"$undefined\",[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-loader-circle h-12 w-12 animate-spin text-primary\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"13zald\",{\"d\":\"M21 12a9 9 0 1 1-6.219-8.56\"}],\"$undefined\"]}]]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground\",\"children\":\"Loading...\"}]]}]}]\n11:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L30\",null,{\"children\":\"$@31\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L32\",null,{\"children\":[\"$\",\"$33\",null,{\"name\":\"Next.Metadata\",\"children\":\"$@34\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\n"])</script>
2<script>self.__next_f.push([1,"35:I[58234,[\"/_next/static/chunks/24f453ad4c030ee3.js\",\"/_next/static/chunks/e23d9147d248f8c3.js\",\"/_next/static/chunks/8a5e05d4c3a89b4d.js\",\"/_next/static/chunks/375df97fc3388d45.js\"],\"Footer\"]\n38:I[14704,[\"/_next/static/chunks/24f453ad4c030ee3.js\",\"/_next/static/chunks/e23d9147d248f8c3.js\",\"/_next/static/chunks/8a5e05d4c3a89b4d.js\",\"/_next/static/chunks/375df97fc3388d45.js\",\"/_next/static/chunks/115d4303021d2d7e.js\",\"/_next/static/chunks/5cc31aa4dda336fd.js\",\"/_next/static/chunks/691be819125cb3a3.js\",\"/_next/static/chunks/ced592c011be30e3.js\"],\"default\"]\n39:I[25454,[\"/_next/static/chunks/02a2ebc36346b007.js\",\"/_next/static/chunks/4f77780e12349e5f.js\",\"/_next/static/chunks/e23d9147d248f8c3.js\"],\"OutletBoundary\"]\n18:[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-sparkles w-5 h-5\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1s2grr\",{\"d\":\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"}],[\"$\",\"path\",\"1rf3ol\",{\"d\":\"M20 2v4\"}],[\"$\",\"path\",\"gwowj6\",{\"d\":\"M22 4h-4\"}],[\"$\",\"circle\",\"6kqj1y\",{\"cx\":\"4\",\"cy\":\"20\",\"r\":\"2\"}],\"$undefined\"]}]\n19:[\"$\",\"div\",null,{\"className\":\"mt-12\",\"children\":[[\"$\",\"p\",null,{\"className\":\"font-[family-name:var(--font-archivo)] text-sm text-[#111]/60 mb-4 uppercase tracking-wide\",\"children\":\"OR TRY THESE PAGES:\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-3 justify-center font-[family-name:var(--font-archivo)] text-sm\",\"children\":[[\"$\",\"$L13\",null,{\"href\":\"/tips\",\"className\":\"text-[#0074D9] hover:text-[#FF4136] font-bold underline\",\"children\":\"Tips\"}],[\"$\",\"span\",null,{\"className\":\"text-[#111]/30\",\"children\":\"â¢\"}],[\"$\",\"$L13\",null,{\"href\":\"/about\",\"className\":\"text-[#0074D9] hover:text-[#FF4136] font-bold underline\",\"children\":\"About\"}],[\"$\",\"span\",null,{\"className\":\"text-[#111]/30\",\"children\":\"â¢\"}],[\"$\",\"$L13\",null,{\"href\":\"/contact\",\"className\":\"text-[#0074D9] hover:text-[#FF4136] font-bold underline\",\"children\":\"Contact\"}]]}]]}]\n1a:[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/19c578ef7b6bfc39.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n1b:[\"$\",\"$L35\",null,{}]\n22:[\"$\",\"path\",\"1xq2db\",{\"d\":\"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z\"}]\n23:[\"$\",\"h3\",null,{\"className\":\"font-[family-name:var(--font-bangers)] text-2xl text-[var(--pop-black)] tracking-wide\",\"children\":\"LIGHTNING FAST\"}]\n24:[\"$\",\"p\",null,{\"className\":\"font-[family-name:var(--font-archivo)] text-sm text-gray-700\",\"children\":\"Advanced Web Workers process your images in the background without freezing your browser. Generate complex patterns in seconds.\"}]\n"])</script>
2<script>self.__next_f.push([1,"25:[\"$\",\"div\",null,{\"className\":\"bg-white border-4 border-[var(--pop-black)] p-6 space-y-4 transform rotate-[1deg] hover:scale-105 transition-transform relative\",\"style\":{\"boxShadow\":\"6px 6px 0px 0px var(--pop-black)\"},\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute top-0 right-0 w-16 h-16 opacity-20\",\"style\":{\"backgroundImage\":\"radial-gradient(circle, var(--pop-red) 2px, transparent 2px)\",\"backgroundSize\":\"6px 6px\"}}],[\"$\",\"div\",null,{\"className\":\"h-14 w-14 bg-[var(--pop-red)] border-3 border-[var(--pop-black)] flex items-center justify-center\",\"style\":{\"boxShadow\":\"3px 3px 0px 0px var(--pop-black)\"},\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-image h-8 w-8 text-white\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"rect\",\"1m3agn\",{\"width\":\"18\",\"height\":\"18\",\"x\":\"3\",\"y\":\"3\",\"rx\":\"2\",\"ry\":\"2\"}],[\"$\",\"circle\",\"af1f0g\",{\"cx\":\"9\",\"cy\":\"9\",\"r\":\"2\"}],[\"$\",\"path\",\"1xmnt7\",{\"d\":\"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21\"}],\"$undefined\"]}]}],[\"$\",\"h3\",null,{\"className\":\"font-[family-name:var(--font-bangers)] text-2xl text-[var(--pop-black)] tracking-wide\",\"children\":\"ANY IMAGE\"}],[\"$\",\"p\",null,{\"className\":\"font-[family-name:var(--font-archivo)] text-sm text-gray-700\",\"children\":\"Upload photos, logos, or artwork. Our algorithm analyzes brightness and creates optimal halftone dot patterns for stunning pop art results.\"}]]}]\n"])</script>
2<script>self.__next_f.push([1,"26:[\"$\",\"div\",null,{\"className\":\"bg-white border-4 border-[var(--pop-black)] p-6 space-y-4 transform rotate-[-0.5deg] hover:scale-105 transition-transform relative\",\"style\":{\"boxShadow\":\"6px 6px 0px 0px var(--pop-black)\"},\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute top-0 right-0 w-16 h-16 opacity-20\",\"style\":{\"backgroundImage\":\"radial-gradient(circle, var(--pop-yellow) 2px, transparent 2px)\",\"backgroundSize\":\"6px 6px\"}}],[\"$\",\"div\",null,{\"className\":\"h-14 w-14 bg-[var(--pop-yellow)] border-3 border-[var(--pop-black)] flex items-center justify-center\",\"style\":{\"boxShadow\":\"3px 3px 0px 0px var(--pop-black)\"},\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-download h-8 w-8 text-[var(--pop-black)]\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"m9g1x1\",{\"d\":\"M12 15V3\"}],[\"$\",\"path\",\"ih7n3h\",{\"d\":\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"}],[\"$\",\"path\",\"brsn70\",{\"d\":\"m7 10 5 5 5-5\"}],\"$undefined\"]}]}],[\"$\",\"h3\",null,{\"className\":\"font-[family-name:var(--font-bangers)] text-2xl text-[var(--pop-black)] tracking-wide\",\"children\":\"MULTIPLE FORMATS\"}],[\"$\",\"p\",null,{\"className\":\"font-[family-name:var(--font-archivo)] text-sm text-gray-700\",\"children\":\"Export as high-resolution PNG for printing, or scalable SVG for any size. Perfect for posters, merchandise, and digital art.\"}]]}]\n"])</script>
2<script>self.__next_f.push([1,"27:[\"$\",\"section\",null,{\"className\":\"py-12 md:py-20 px-4\",\"children\":[\"$\",\"div\",null,{\"className\":\"container mx-auto max-w-4xl\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-[family-name:var(--font-bangers)] text-4xl md:text-5xl text-center mb-12 text-[var(--pop-black)] tracking-wide\",\"style\":{\"textShadow\":\"2px 2px 0px var(--pop-red)\"},\"children\":\"HOW IT WORKS\"}],[\"$\",\"div\",null,{\"className\":\"space-y-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex gap-6 items-start\",\"children\":[[\"$\",\"div\",null,{\"className\":\"shrink-0 h-16 w-16 bg-[var(--pop-red)] border-4 border-[var(--pop-black)] flex items-center justify-center font-[family-name:var(--font-bangers)] text-3xl text-white\",\"style\":{\"boxShadow\":\"4px 4px 0px 0px var(--pop-black)\"},\"children\":\"1\"}],[\"$\",\"div\",null,{\"className\":\"flex-1 bg-white border-4 border-[var(--pop-black)] p-6\",\"style\":{\"boxShadow\":\"4px 4px 0px 0px var(--pop-black)\"},\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-[family-name:var(--font-bangers)] text-2xl mb-2 text-[var(--pop-black)] tracking-wide\",\"children\":\"UPLOAD YOUR IMAGE\"}],[\"$\",\"p\",null,{\"className\":\"font-[family-name:var(--font-archivo)] text-sm text-gray-700\",\"children\":\"Drag and drop or click to upload any image. Supports PNG, JPG, JPEG, and WebP formats.\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex gap-6 items-start\",\"children\":[[\"$\",\"div\",null,{\"className\":\"shrink-0 h-16 w-16 bg-[var(--pop-blue)] border-4 border-[var(--pop-black)] flex items-center justify-center font-[family-name:var(--font-bangers)] text-3xl text-white\",\"style\":{\"boxShadow\":\"4px 4px 0px 0px var(--pop-black)\"},\"children\":\"2\"}],[\"$\",\"div\",null,{\"className\":\"flex-1 bg-white border-4 border-[var(--pop-black)] p-6\",\"style\":{\"boxShadow\":\"4px 4px 0px 0px var(--pop-black)\"},\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-[family-name:var(--font-bangers)] text-2xl mb-2 text-[var(--pop-black)] tracking-wide\",\"children\":\"ADJUST PARAMETERS\"}],[\"$\",\"p\",null,{\"className\":\"font-[family-name:var(--font-archivo)] text-sm text-gray-700\",\"children\":\"Fine-tune dot size, spacing, density, and color scheme to create your perfect halftone pop art effect.\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex gap-6 items-start\",\"children\":[[\"$\",\"div\",null,{\"className\":\"shrink-0 h-16 w-16 bg-[var(--pop-yellow)] border-4 border-[var(--pop-black)] flex items-center justify-center font-[family-name:var(--font-bangers)] text-3xl text-[var(--pop-black)]\",\"style\":{\"boxShadow\":\"4px 4px 0px 0px var(--pop-black)\"},\"children\":\"3\"}],[\"$\",\"div\",null,{\"className\":\"flex-1 bg-white border-4 border-[var(--pop-black)] p-6\",\"style\":{\"boxShadow\":\"4px 4px 0px 0px var(--pop-black)\"},\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-[family-name:var(--font-bangers)] text-2xl mb-2 text-[var(--pop-black)] tracking-wide\",\"children\":\"GENERATE \u0026 EXPORT\"}],[\"$\",\"p\",null,{\"className\":\"font-[family-name:var(--font-archivo)] text-sm text-gray-700\",\"children\":\"Click generate and watch as the algorithm creates your dot art. Download in your preferred format and start creating!\"}]]}]]}]]}]]}]}]\n"])</script>
2<script>self.__next_f.push([1,"28:[\"$\",\"section\",null,{\"className\":\"py-12 md:py-20 px-4\",\"children\":[\"$\",\"div\",null,{\"className\":\"container mx-auto max-w-4xl\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-[family-name:var(--font-bangers)] text-4xl md:text-5xl text-center mb-12 text-[var(--pop-black)] tracking-wide\",\"style\":{\"textShadow\":\"2px 2px 0px var(--pop-blue)\"},\"children\":\"PERFECT FOR\"}],[\"$\",\"div\",null,{\"className\":\"grid sm:grid-cols-2 gap-6\",\"children\":[[\"$\",\"div\",\"0\",{\"className\":\"flex gap-3 items-start bg-white border-3 border-[var(--pop-black)] p-4\",\"style\":{\"boxShadow\":\"3px 3px 0px 0px var(--pop-black)\"},\"children\":[[\"$\",\"div\",null,{\"className\":\"shrink-0 h-8 w-8 border-2 border-[var(--pop-black)] flex items-center justify-center\",\"style\":{\"backgroundColor\":\"var(--pop-red)\"},\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-circle-check-big h-5 w-5 text-white\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"yps3ct\",{\"d\":\"M21.801 10A10 10 0 1 1 17 3.335\"}],[\"$\",\"path\",\"1pflzl\",{\"d\":\"m9 11 3 3L22 4\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h4\",null,{\"className\":\"font-[family-name:var(--font-bangers)] text-lg text-[var(--pop-black)] tracking-wide\",\"children\":\"Artists \u0026 Creators\"}],[\"$\",\"p\",null,{\"className\":\"font-[family-name:var(--font-archivo)] text-sm text-gray-700\",\"children\":\"Design unique wall art and decorative pieces\"}]]}]]}],[\"$\",\"div\",\"1\",{\"className\":\"flex gap-3 items-start bg-white border-3 border-[var(--pop-black)] p-4\",\"style\":{\"boxShadow\":\"3px 3px 0px 0px var(--pop-black)\"},\"children\":[[\"$\",\"div\",null,{\"className\":\"shrink-0 h-8 w-8 border-2 border-[var(--pop-black)] flex items-center justify-center\",\"style\":{\"backgroundColor\":\"var(--pop-blue)\"},\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-circle-check-big h-5 w-5 text-white\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"yps3ct\",{\"d\":\"M21.801 10A10 10 0 1 1 17 3.335\"}],[\"$\",\"path\",\"1pflzl\",{\"d\":\"m9 11 3 3L22 4\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h4\",null,{\"className\":\"font-[family-name:var(--font-bangers)] text-lg text-[var(--pop-black)] tracking-wide\",\"children\":\"DIY Enthusiasts\"}],[\"$\",\"p\",null,{\"className\":\"font-[family-name:var(--font-archivo)] text-sm text-gray-700\",\"children\":\"Create unique printed posters and custom merchandise\"}]]}]]}],[\"$\",\"div\",\"2\",{\"className\":\"flex gap-3 items-start bg-white border-3 border-[var(--pop-black)] p-4\",\"style\":{\"boxShadow\":\"3px 3px 0px 0px var(--pop-black)\"},\"children\":[[\"$\",\"div\",null,{\"className\":\"shrink-0 h-8 w-8 border-2 border-[var(--pop-black)] flex items-center justify-center\",\"style\":{\"backgroundColor\":\"var(--pop-yellow)\"},\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-circle-check-big h-5 w-5 text-white\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"yps3ct\",{\"d\":\"M21.801 10A10 10 0 1 1 17 3.335\"}],[\"$\",\"path\",\"1pflzl\",{\"d\":\"m9 11 3 3L22 4\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h4\",null,{\"className\":\"font-[family-name:var(--font-bangers)] text-lg text-[var(--pop-black)] tracking-wide\",\"children\":\"Educators\"}
2],[\"$\",\"p\",null,{\"className\":\"font-[family-name:var(--font-archivo)] text-sm text-gray-700\",\"children\":\"Teach pop art history, design principles, and creativity\"}]]}]]}],[\"$\",\"div\",\"3\",{\"className\":\"flex gap-3 items-start bg-white border-3 border-[var(--pop-black)] p-4\",\"style\":{\"boxShadow\":\"3px 3px 0px 0px var(--pop-black)\"},\"children\":[[\"$\",\"div\",null,{\"className\":\"shrink-0 h-8 w-8 border-2 border-[var(--pop-black)] flex items-center justify-center\",\"style\":{\"backgroundColor\":\"var(--pop-red)\"},\"children\":\"$L36\"}],\"$L37\"]}]]}]]}]}]\n"])</script>
2<script>self.__next_f.push([1,"29:[\"$\",\"$L38\",null,{}]\n2a:[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/097a4728189c6a3c.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n2b:[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/115d4303021d2d7e.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n2c:[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/5cc31aa4dda336fd.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n2d:[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/691be819125cb3a3.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n2e:[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/ced592c011be30e3.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n2f:[\"$\",\"$L39\",null,{\"children\":[\"$\",\"$33\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@3a\"}]}]\n"])</script>
2<script>self.__next_f.push([1,"36:[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-circle-check-big h-5 w-5 text-white\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"yps3ct\",{\"d\":\"M21.801 10A10 10 0 1 1 17 3.335\"}],[\"$\",\"path\",\"1pflzl\",{\"d\":\"m9 11 3 3L22 4\"}],\"$undefined\"]}]\n37:[\"$\",\"div\",null,{\"children\":[[\"$\",\"h4\",null,{\"className\":\"font-[family-name:var(--font-bangers)] text-lg text-[var(--pop-black)] tracking-wide\",\"children\":\"Gift Makers\"}],[\"$\",\"p\",null,{\"className\":\"font-[family-name:var(--font-archivo)] text-sm text-gray-700\",\"children\":\"Create personalized pop art portraits from photos\"}]]}]\n"])</script>
2<script>self.__next_f.push([1,"31:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1, maximum-scale=5, viewport-fit=cover, user-scalable=yes\"}],[\"$\",\"meta\",\"2\",{\"name\":\"theme-color\",\"content\":\"#000000\"}]]\n"])</script>
2<script>self.__next_f.push([1,"34:[[\"$\",\"title\",\"0\",{\"children\":\"Dot Art Generator: Halftone \u0026 Pop Art | Image to Dots\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Free dot art maker creates halftone \u0026 pop art instantly. Convert image to dots or photos to retro comic art online. No signup required for our dot art generator\"}],[\"$\",\"meta\",\"2\",{\"name\":\"author\",\"content\":\"Dot Art Generator Team\"}],[\"$\",\"link\",\"3\",{\"rel\":\"manifest\",\"href\":\"/manifest.json\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"meta\",\"4\",{\"name\":\"creator\",\"content\":\"Dot Art Generator\"}],[\"$\",\"meta\",\"5\",{\"name\":\"publisher\",\"content\":\"Dot Art Generator\"}],[\"$\",\"meta\",\"6\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"7\",{\"name\":\"googlebot\",\"content\":\"index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1\"}],[\"$\",\"meta\",\"8\",{\"name\":\"category\",\"content\":\"Design \u0026 Art\"}],[\"$\",\"meta\",\"9\",{\"name\":\"classification\",\"content\":\"Web Application\"}],[\"$\",\"meta\",\"10\",{\"name\":\"mobile-web-app-capable\",\"content\":\"yes\"}],[\"$\",\"meta\",\"11\",{\"name\":\"apple-mobile-web-app-capable\",\"content\":\"yes\"}],[\"$\",\"meta\",\"12\",{\"name\":\"apple-mobile-web-app-status-bar-style\",\"content\":\"black-translucent\"}],[\"$\",\"meta\",\"13\",{\"name\":\"theme-color\",\"content\":\"#000000\"}],[\"$\",\"meta\",\"14\",{\"name\":\"msapplication-TileColor\",\"content\":\"#000000\"}],[\"$\",\"meta\",\"15\",{\"name\":\"msapplication-tap-highlight\",\"content\":\"no\"}],[\"$\",\"link\",\"16\",{\"rel\":\"canonical\",\"href\":\"https://dotartgenerator.com/\"}],[\"$\",\"meta\",\"17\",{\"name\":\"format-detection\",\"content\":\"telephone=no, date=no, address=no, email=no\"}],[\"$\",\"meta\",\"18\",{\"name\":\"mobile-web-app-capable\",\"content\":\"yes\"}],[\"$\",\"meta\",\"19\",{\"name\":\"apple-mobile-web-app-title\",\"content\":\"Dot Art Generator\"}],[\"$\",\"meta\",\"20\",{\"name\":\"apple-mobile-web-app-status-bar-style\",\"content\":\"black-translucent\"}],[\"$\",\"meta\",\"21\",{\"property\":\"og:title\",\"content\":\"Dot Art Generator - Transform Images into Pop Art\"}],[\"$\",\"meta\",\"22\",{\"property\":\"og:description\",\"content\":\"Create stunning halftone dot art patterns from any image. Free online tool with advanced dithering algorithms. Export transparent PNG.\"}],[\"$\",\"meta\",\"23\",{\"property\":\"og:url\",\"content\":\"https://dotartgenerator.com\"}],[\"$\",\"meta\",\"24\",{\"property\":\"og:site_name\",\"content\":\"Dot Art Generator\"}],[\"$\",\"meta\",\"25\",{\"property\":\"og:locale\",\"content\":\"en_US\"}],[\"$\",\"meta\",\"26\",{\"property\":\"og:image\",\"content\":\"https://dotartgenerator.com/og-image.png\"}],[\"$\",\"meta\",\"27\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"28\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"29\",{\"property\":\"og:image:alt\",\"content\":\"Dot Art Generator Preview\"}],[\"$\",\"meta\",\"30\",{\"property\":\"og:image:type\",\"content\":\"image/png\"}],[\"$\",\"meta\",\"31\",{\"property\":\"og:image\",\"content\":\"https://dotartgenerator.com/og-square.png\"}],[\"$\",\"meta\",\"32\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"33\",{\"property\":\"og:image:height\",\"content\":\"1200\"}],[\"$\",\"meta\",\"34\",{\"property\":\"og:image:alt\",\"content\":\"Dot Art Generator Square Preview\"}],[\"$\",\"meta\",\"35\",{\"property\":\"og:image:type\",\"content\":\"image/png\"}],[\"$\",\"meta\",\"36\",{\"property\":\"og:locale:alternate\",\"content\":\"es_ES\"}],[\"$\",\"meta\",\"37\",{\"property\":\"og:locale:alternate\",\"content\":\"fr_FR\"}],[\"$\",\"meta\",\"38\",{\"property\":\"og:locale:alternate\",\"content\":\"de_DE\"}],[\"$\",\"meta\",\"39\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"40\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"41\",{\"name\":\"twitter:site\",\"content\":\"@dotartgenerator\"}],[\"$\",\"meta\",\"42\",{\"name\":\"twitter:creator\",\"content\":\"@dotartgenerator\"}],[\"$\",\"meta\",\"43\",{\"name\":\"twitter:title\",\"content\":\"Dot Art Generator - Transform Images into Pop Art\"}],[\"$\",\"meta\",\"44\",{\"name\":\"twitter:description\",\"content\":\"Create stunning halftone dot art patterns from any image with our free online tool.\"}],[\"$\",\"meta\",\"45\",{\"name\":\"twitter:image\",\"content\":\"https://dotartgenerator.com/twitter-image.png\"}],[\"$\",\"link\",\"46\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"sizes\":\"32x32\"}],[\"$\",\"link\",\"47\",{\"rel\":\"icon\",\"href\":\"/icon-192.png\",\"sizes\":\"192x192\",\"type\":\"image/png\"}],[\"$\",\"link\",\"48\",{\"rel\":\"icon\",\"href\":\"/icon-512.png\",\"sizes\":\"512x512\",\"type\":\"image/png\"}],[\"$\",\"link\",\"49\",{\"rel\":\"apple-touch-icon\",\"href\":\"/apple-icon.png\",\"sizes\":\"180x180\",\"type\":\"image/png\"}],\"$L3b\"]\n"])</script>
2<script>self.__next_f.push([1,"3c:I[78162,[\"/_next/static/chunks/02a2ebc36346b007.js\",\"/_next/static/chunks/4f77780e12349e5f.js\",\"/_next/static/chunks/e23d9147d248f8c3.js\"],\"IconMark\"]\n3b:[\"$\",\"$L3c\",\"50\",{}]\n3a:null\n"])</script>
2<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"5d86e497ae2e45378d2638eda5a2eaf4","r":1,"spa":2}' crossorigin="anonymous"></script>
2 3</body></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.