Spaces:
Running
Running
File size: 12,521 Bytes
179f3c9 | 1 | <!DOCTYPE html><html lang="en" class="geist_a71539c9-module__T19VSG__variable geist_mono_8d43a2aa-module__8Li5zG__variable h-full antialiased"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/797e433ab948586e-s.p.0.q-h669a_dqa.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/caa3a2e1cccd8315-s.p.16t1db8_9y2o~.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" href="/assets/images/Couple.png"/><link rel="preload" as="image" href="/assets/images/Group.png"/><link rel="stylesheet" href="/_next/static/chunks/032dfsigscs7q.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/0b5yd18v4zlw1.js"/><script src="/_next/static/chunks/06~f4cvc3b8e~.js" async=""></script><script src="/_next/static/chunks/0n~dq4kpx9xxx.js" async=""></script><script src="/_next/static/chunks/turbopack-16bcpfe24-n-3.js" async=""></script><script src="/_next/static/chunks/0t0zq6fibhgqr.js" async=""></script><script src="/_next/static/chunks/0dbhjjzl8qfwv.js" async=""></script><script src="/_next/static/chunks/0ti3~e.eswlb..js" async=""></script><meta name="next-size-adjust" content=""/><title>Dither Studios</title><meta name="description" content="Transform any image into high-quality dither art using a fast, precision-driven engine. Upload, tweak, and export beautifully crafted pixel-based visuals in seconds"/><link rel="icon" href="/favicon.ico?favicon.0x3dzn~oxb6tn.ico" sizes="256x256" type="image/x-icon"/><script src="/_next/static/chunks/03~yq9q893hmn.js" noModule=""></script></head><body class="min-h-full flex flex-col"><div hidden=""><!--$--><!--/$--></div><div data-rht-toaster="" style="position:fixed;z-index:9999;top:16px;left:16px;right:16px;bottom:16px;pointer-events:none"></div><main class="min-h-screen bg-[#0a0a0a] text-white font-sans p-4 md:p-6 lg:p-8 flex flex-col lg:flex-row gap-4 lg:h-screen overflow-y-auto lg:overflow-hidden"><section class="w-full lg:w-[45%] flex flex-col justify-between py-8 md:py-12 px-4 md:px-12 z-10 shrink-0"><header><div class="flex items-center gap-3 mb-12 md:mb-16"><div class="w-10 h-10 bg-white rounded-xl flex items-center justify-center text-black font-black text-xl italic shadow-[0_0_20px_rgba(255,255,255,0.1)]">D</div><span class="text-sm font-bold tracking-[0.2em] uppercase text-zinc-200">Studio</span></div><p class="text-[10px] tracking-[0.3em] font-bold text-zinc-500 uppercase mb-4 md:mb-6">Turn images into expressive dither art instantly</p><h1 class="text-4xl sm:text-5xl md:text-6xl lg:text-7xl font-black leading-[1.1] tracking-tighter uppercase italic mb-6 md:mb-8">Welcome to <br/><span class="relative inline-block text-zinc-100">Dither Studio<div class="absolute bottom-1 md:bottom-2 left-0 w-full h-2 md:h-3 bg-white/10 -z-10 blur-md"></div></span></h1><p class="text-zinc-500 text-base md:text-lg max-w-md leading-relaxed mb-8 md:mb-10">Transform any image into high-quality dither art using a fast, precision-driven engine. Upload, tweak, and export beautifully crafted pixel-based visuals in seconds.</p><button class="group w-full sm:w-auto flex items-center justify-center gap-4 bg-transparent border border-zinc-700/50 text-white px-8 md:px-10 py-4 md:py-5 rounded-full font-bold text-xs md:text-sm uppercase tracking-widest hover:border-zinc-500 transition-all duration-300 shadow-xl active:scale-95">Launch Studio<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right group-hover:translate-x-2 transition-transform" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></header></section><section class="w-full lg:w-[55%] h-[450px] sm:h-[550px] lg:h-full relative rounded-[32px] md:rounded-[40px] overflow-hidden border border-zinc-800/50 shadow-2xl transition-colors duration-500 bg-black"><div class="absolute inset-0 transition-all duration-1000 ease-in-out flex items-center justify-center overflow-hidden opacity-90 scale-100"><img src="/assets/images/Couple.png" class="w-full h-full grayscale transition-all duration-700 object-cover" alt="Transform Images Instantly"/></div><div class="absolute inset-0 transition-all duration-1000 ease-in-out flex items-center justify-center overflow-hidden opacity-0 scale-105"><img src="/assets/images/Group.png" class="w-full h-full grayscale transition-all duration-700 object-contain lg:object-cover" alt="Fine-tune every detail with precision"/></div><div class="absolute inset-0 transition-all duration-1000 ease-in-out flex items-center justify-center overflow-hidden opacity-0 scale-105"><div class="relative w-full h-full bg-[#090909] flex items-center justify-center overflow-hidden"><video src="/assets/videos/export.mp4" muted="" playsInline="" preload="auto" class="w-full h-full object-contain -translate-y-4 grayscale transition-transform duration-700 bg-[#090909]"></video></div></div><div class="absolute inset-0 flex flex-col justify-between p-8 md:p-12 bg-linear-to-t from-black/95 via-transparent to-transparent pointer-events-none"><div class="flex justify-center"><div class="px-4 py-1.5 rounded-full border border-white/10 bg-black/40 backdrop-blur-md"><span class="text-[10px] font-bold uppercase tracking-[0.3em] text-zinc-300">Dithering</span></div></div><div class="flex flex-col items-center"><h2 class="text-xl sm:text-2xl md:text-3xl font-bold text-center max-w-sm mb-12 tracking-tight">Transform Images Instantly</h2><div class="flex gap-2 md:gap-3"><div class="h-1 md:h-1.5 rounded-full transition-all duration-500 w-8 md:w-12 bg-white"></div><div class="h-1 md:h-1.5 rounded-full transition-all duration-500 w-2 bg-white/20"></div><div class="h-1 md:h-1.5 rounded-full transition-all duration-500 w-2 bg-white/20"></div></div></div><div class="absolute bottom-8 md:bottom-12 left-8 md:left-12 font-mono text-[10px] md:text-xs tracking-tighter text-zinc-500"><span class="text-white">0<!-- -->1</span> <span class="mx-1">/</span> 0<!-- -->3</div></div></section></main><!--$--><!--/$--><script src="/_next/static/chunks/0b5yd18v4zlw1.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[5766,[\"/_next/static/chunks/0t0zq6fibhgqr.js\",\"/_next/static/chunks/0dbhjjzl8qfwv.js\"],\"Toaster\"]\n3:I[39756,[\"/_next/static/chunks/0t0zq6fibhgqr.js\",\"/_next/static/chunks/0dbhjjzl8qfwv.js\"],\"default\"]\n4:I[37457,[\"/_next/static/chunks/0t0zq6fibhgqr.js\",\"/_next/static/chunks/0dbhjjzl8qfwv.js\"],\"default\"]\n5:I[47257,[\"/_next/static/chunks/0t0zq6fibhgqr.js\",\"/_next/static/chunks/0dbhjjzl8qfwv.js\"],\"ClientPageRoot\"]\n6:I[31713,[\"/_next/static/chunks/0t0zq6fibhgqr.js\",\"/_next/static/chunks/0dbhjjzl8qfwv.js\",\"/_next/static/chunks/0ti3~e.eswlb..js\"],\"default\"]\n9:I[97367,[\"/_next/static/chunks/0t0zq6fibhgqr.js\",\"/_next/static/chunks/0dbhjjzl8qfwv.js\"],\"OutletBoundary\"]\na:\"$Sreact.suspense\"\nc:I[97367,[\"/_next/static/chunks/0t0zq6fibhgqr.js\",\"/_next/static/chunks/0dbhjjzl8qfwv.js\"],\"ViewportBoundary\"]\ne:I[97367,[\"/_next/static/chunks/0t0zq6fibhgqr.js\",\"/_next/static/chunks/0dbhjjzl8qfwv.js\"],\"MetadataBoundary\"]\n10:I[68027,[\"/_next/static/chunks/0t0zq6fibhgqr.js\",\"/_next/static/chunks/0dbhjjzl8qfwv.js\"],\"default\",1]\n:HL[\"/_next/static/chunks/032dfsigscs7q.css\",\"style\"]\n:HL[\"/_next/static/media/797e433ab948586e-s.p.0.q-h669a_dqa.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/caa3a2e1cccd8315-s.p.16t1db8_9y2o~.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/032dfsigscs7q.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0t0zq6fibhgqr.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0dbhjjzl8qfwv.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"geist_a71539c9-module__T19VSG__variable geist_mono_8d43a2aa-module__8Li5zG__variable h-full antialiased\",\"suppressHydrationWarning\":true,\"children\":[\"$\",\"body\",null,{\"className\":\"min-h-full flex flex-col\",\"children\":[[\"$\",\"$L2\",null,{\"position\":\"top-center\"}],[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$L5\",null,{\"Component\":\"$6\",\"serverProvidedParams\":{\"searchParams\":{},\"params\":{},\"promises\":[\"$@7\",\"$@8\"]}}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0ti3~e.eswlb..js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L9\",null,{\"children\":[\"$\",\"$a\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@b\"}]}]]}],{},null,false,null]},null,false,null],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$Lc\",null,{\"children\":\"$Ld\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Le\",null,{\"children\":[\"$\",\"$a\",null,{\"name\":\"Next.Metadata\",\"children\":\"$Lf\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$10\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/032dfsigscs7q.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]]],\"S\":true,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"aBORDBHccuORRl9Fsvpid\"}\n"])</script><script>self.__next_f.push([1,"7:{}\n8:\"$0:f:0:1:1:children:0:props:children:0:props:serverProvidedParams:params\"\n"])</script><script>self.__next_f.push([1,"d:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"11:I[27201,[\"/_next/static/chunks/0t0zq6fibhgqr.js\",\"/_next/static/chunks/0dbhjjzl8qfwv.js\"],\"IconMark\"]\nb:null\nf:[[\"$\",\"title\",\"0\",{\"children\":\"Dither Studios\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Transform any image into high-quality dither art using a fast, precision-driven engine. Upload, tweak, and export beautifully crafted pixel-based visuals in seconds\"}],[\"$\",\"link\",\"2\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.0x3dzn~oxb6tn.ico\",\"sizes\":\"256x256\",\"type\":\"image/x-icon\"}],[\"$\",\"$L11\",\"3\",{}]]\n"])</script></body></html> |