1<!DOCTYPE html><html lang="en" class="__variable_f367f3 __variable_5899e0 __variable_5c5ee8"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="/_next/static/css/ed9ba93309c7d225.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/8397d0925f05b7a4.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-bc521a5a4315ca10.js"/>
1<script src="/_next/static/chunks/fd9d1056-01c0dec7f0779c87.js" async=""></script>
1<script src="/_next/static/chunks/2117-6ca4fb01f43d3a8f.js" async=""></script>
1<script src="/_next/static/chunks/main-app-be3d940aef6bd3eb.js" async=""></script>
1<script src="/_next/static/chunks/4938-6476471973719552.js" async=""></script>
1<script src="/_next/static/chunks/2972-1c67c749437e7943.js" async=""></script>
1<script src="/_next/static/chunks/6614-24728d22e876f603.js" async=""></script>
1<script src="/_next/static/chunks/3506-5ea77a9d9062981c.js" async=""></script>
1<script src="/_next/static/chunks/7116-80b62c0e8563e7e6.js" async=""></script>
1<script src="/_next/static/chunks/9027-12db3a52d9a98bc5.js" async=""></script>
1<script src="/_next/static/chunks/9763-0bb6414ac438ac15.js" async=""></script>
1<script src="/_next/static/chunks/8714-9beeed5cfe4c640e.js" async=""></script>
1<script src="/_next/static/chunks/1193-53805fc7468bf96e.js" async=""></script>
1<script src="/_next/static/chunks/app/layout-6d686b436a6927d2.js" async=""></script>
1<script src="/_next/static/chunks/app/not-found-21309255630a73d8.js" async=""></script>
1<script src="/_next/static/chunks/4172-5fe524e84bfa2393.js" async=""></script>
1<script src="/_next/static/chunks/5763-2845619c0af35622.js" async=""></script>
1<script src="/_next/static/chunks/9465-ea12e7b16c6a55fe.js" async=""></script>
1<script src="/_next/static/chunks/7339-a090b4aacc476076.js" async=""></script>
1<script src="/_next/static/chunks/app/blueprints/page-dc605e2d4a0665ec.js" async=""></script>
1<link rel="preconnect" href="https://api.studio.nebius.ai"/><link rel="preconnect" href="https://fmnjfdgbxevdxcoltipp.supabase.co"/><link rel="dns-prefetch" href="https://fmnjfdgbxevdxcoltipp.supabase.co"/><link rel="preload" href="/images/tablebg2.jpg" as="image" type="image/jpeg"/><title>AI Blueprints - Step-by-Step Guides | YouWant.ai</title><meta name="description" content="Discover step-by-step AI blueprints to achieve specific outcomes. From content creation to automation, find the perfect recipe for your needs."/><link rel="manifest" href="/manifest.json" crossorigin="use-credentials"/><link rel="icon" href="/favicon.ico" type="image/x-icon" sizes="48x48"/><link rel="icon" href="/favicon.ico" sizes="any"/><link rel="icon" href="/icon.png" type="image/png" sizes="32x32"/><link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180"/><meta name="next-size-adjust"/>
1<script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script>
1</head><body class="__className_f367f3 gradient-background"><div class="flex flex-col min-h-screen gradient-background bg-gray-900 text-gray-100"><header class="py-6 w-full"><div class="container mx-auto px-4 sm:px-6 lg:px-8 max-w-7xl flex items-center justify-between"><a class="flex flex-col items-start no-underline hover:no-underline" href="/"><div class="logo-link"><div class="logo-container flex items-center space-x-2"><h1 class="text-4xl font-bold text-white">you want</h1><div class="relative w-10 h-10"><div class="absolute inset-0 bg-gradient-to-br from-purple-600 to-pink-500 rounded-full"></div><div class="absolute inset-0.5 bg-gray-900 rounded-full flex items-center justify-center"><span class="text-transparent bg-clip-text bg-gradient-to-br from-purple-400 to-pink-400 font-bold text-xl">ai</span></div></div></div></div><p class="text-base text-gray-500 mt-1 slogan italic hidden sm:block">from discovery to execution</p></a><div class="hidden md:flex items-center space-x-6"><nav class="flex space-x-6"><div class="relative group"><a class="text-sm font-medium transition-colors flex items-center gap-1.5 py-2 text-gray-400 hover:text-white" href="/"><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-house h-4 w-4"><path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"></path><path d="M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path></svg>Directory<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-3.5 w-3.5 ml-0.5 transition-transform group-hover:rotate-180"><path d="m6 9 6 6 6-6"></path></svg></a><div class="absolute left-0 mt-1 w-56 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200 z-50"><div class="py-1 bg-black/90 backdrop-blur-sm border border-gray-800 rounded-md shadow-lg overflow-hidden"><div class="absolute inset-0 bg-gradient-to-br from-purple-500/5 to-pink-500/5 pointer-events-none"></div><div class="absolute top-0 left-0 right-0 h-px bg-gradient-to-r from-purple-500/30 via-pink-500/30 to-purple-500/0"></div><a class="flex items-center gap-2 px-4 py-2 text-sm transition-colors relative text-gray-400 hover:text-white hover:bg-gray-900/70" href="/submit"><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-send h-4 w-4"><path d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"></path><path d="m21.854 2.147-10.94 10.939"></path></svg>Submit a Tool</a><a class="flex items-center gap-2 px-4 py-2 text-sm transition-colors relative text-gray-400 hover:text-white hover:bg-gray-900/70" href="/content"><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-file-text h-4 w-4"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg>Content</a><a class="flex items-center gap-2 px-4 py-2 text-sm transition-colors relative text-gray-400 hover:text-white hover:bg-gray-900/70" href="/language-models"><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-languages h-4 w-4"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg>Language Models</a></div></div></div><div class="relative group"><a class="text-sm font-medium transition-colors flex items-center gap-1.5 py-2 text-blue-300" href="/blueprints"><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-file-code2 h-4 w-4"><path d="M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="m5 12-3 3 3 3"></path><path d="m9 18 3-3-3-3"></path></svg>Blueprints</a></div><div class="relative group"><a class="text-sm font-medium transition-colors flex items-center gap-1.5 py-2 text-amber-200/70 hover:text-amber-200" href="/community"><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-message-square h-4 w-4"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg>Community</a></div></nav><div class="flex items-center space-x-4 border-l border-gray-800 pl-6"><a href="/auth/sign-in"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 h-10 px-4 py-2 text-sm font-medium text-gray-400 hover:text-white hover:bg-gray-800">Sign In</button></a><a href="/auth/sign-up"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 bg-gray-800 text-gray-100 hover:bg-gray-700 h-10 px-4 py-2 text-sm font-medium bg-gradient-to-r from-purple-600 to-pink-600 hover:from-purple-500 hover:to-pink-500">
1Register</button></a></div></div><div class="flex md:hidden items-center space-x-4"><a href="/auth/sign-in"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 h-10 px-4 py-2 text-sm font-medium text-gray-400 hover:text-white hover:bg-gray-800">Sign In</button></a><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:bg-gray-800 h-10 w-10 md:hidden" type="button" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-:R1dkq:" data-state="closed"><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-menu h-6 w-6"><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg><span class="sr-only">Toggle menu</span></button></div></div></header><main class="flex-grow w-full"><div class="container mx-auto px-4 sm:px-6 lg:px-8 max-w-7xl py-12"><div class="gradient-background opacity-0 transition-opacity duration-500" style="background-image:none;background-color:rgba(0, 0, 0, 0.7)"><div class="container py-8 lg:py-12 max-w-[1400px] mx-auto"><div class="flex items-start justify-between mb-8"><div class="max-w-2xl"><div class="flex items-center gap-2 mb-4"><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-file-code2 h-8 w-8 text-blue-300"><path d="M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="m5 12-3 3 3 3"></path><path d="m9 18 3-3-3-3"></path></svg><h1 class="text-4xl font-bold tracking-tight text-blue-300">Blueprints</h1></div><p class="text-lg text-white/80 leading-relaxed">Step-by-step guides to achieve specific outcomes using AI tools. From content creation to automation, find the perfect recipe for your needs.</p></div></div><div class="bg-gradient-to-r from-purple-500/20 to-blue-500/20 rounded-lg p-6 mb-8 backdrop-blur-sm border border-white/10"><div class="flex items-start gap-4"><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-crown h-6 w-6 text-yellow-400 flex-shrink-0 mt-1"><path d="M11.562 3.266a.5.5 0 0 1 .876 0L15.39 8.87a1 1 0 0 0 1.516.294L21.183 5.5a.5.5 0 0 1 .798.519l-2.834 10.246a1 1 0 0 1-.956.734H5.81a1 1 0 0 1-.957-.734L2.02 6.02a.5.5 0 0 1 .798-.519l4.276 3.664a1 1 0 0 0 1.516-.294z"></path><path d="M5 21h14"></path></svg><div><h3 class="text-lg font-semibold text-white mb-2">Unlock Premium Blueprints</h3><p class="text-white/80 mb-4">Get access to our complete collection of advanced AI blueprints, including premium step-by-step guides and exclusive strategies.</p><div class="flex gap-4"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 bg-gray-700 hover:bg-gray-600 h-10 px-4 py-2 bg-gradient-to-r from-yellow-400/80 to-yellow-500/80 hover:from-yellow-400 hover:to-yellow-500 text-black font-medium">Go Premium - $20/month</button><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 bg-gray-700 hover:bg-gray-600 h-10 px-4 py-2 bg-gradient-to-r from-purple-500/80 to-blue-500/80 hover:from-purple-500 hover:to-blue-500 text-white font-medium">Go Pro - $9/month</button></div></div></div></div><div class="flex flex-wrap items-center gap-4 p-4 bg-black/40 rounded-lg border border-gray-800/50 backdrop-blur-sm"><div class="flex items-center gap-2 text-white/80"><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-filter h-4 w-4"><polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"></polygon></svg><span>Filters:</span></div><button type="button" role="combobox" aria-controls="radix-:R9puukq:" aria-expanded="false" aria-autocomplete="none" dir="ltr" data-state="closed" class="flex h-10 items-center justify-between rounded-md border px-3 py-2 text-sm r
1ing-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 w-[180px] bg-black/40 border-gray-800"><span style="pointer-events:none"></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 opacity-50" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><select aria-hidden="true" tabindex="-1" style="position:absolute;border:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;word-wrap:normal"></select><button type="button" role="combobox" aria-controls="radix-:Rdpuukq:" aria-expanded="false" aria-autocomplete="none" dir="ltr" data-state="closed" class="flex h-10 items-center justify-between rounded-md border px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 w-[180px] bg-black/40 border-gray-800"><span style="pointer-events:none"></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 opacity-50" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><select aria-hidden="true" tabindex="-1" style="position:absolute;border:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;word-wrap:normal"></select><button type="button" role="combobox" aria-controls="radix-:Rhpuukq:" aria-expanded="false" aria-autocomplete="none" dir="ltr" data-state="closed" class="flex h-10 items-center justify-between rounded-md border px-3 py-2 text-sm r
1ing-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 w-[180px] bg-black/40 border-gray-800"><span style="pointer-events:none"></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 opacity-50" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><select aria-hidden="true" tabindex="-1" style="position:absolute;border:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;word-wrap:normal"></select></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mt-8"><div class="rounded-lg border bg-card text-card-foreground shadow-sm group relative overflow-hidden h-[420px] flex flex-col border-t border-r border-b border-transparent border-l-2 backdrop-blur-sm transition-all duration-300 border-l-blue-500/50"><div class="absolute inset-0 w-full h-full"><div class="overflow-hidden bg-gray-900/20 absolute inset-0"></div><div class="absolute inset-0 bg-gradient-to-br from-black/60 via-black/50 to-black/60"></div></div><div class="absolute top-0 right-0 w-32 h-32 bg-gradient-to-bl from-blue-500/3 to-transparent"></div><div class="absolute bottom-0 left-0 w-32 h-32 bg-gradient-to-tr from-blue-500/3 to-transparent"></div><div class="relative p-6 flex flex-col h-full"><div class="flex-none"><div class="flex items-start justify-between gap-4 mb-4"><div class="flex-1"><a class="group/title relative inline-flex flex-col" href="/blueprints/no-code-ai-chatbot-for-your-website"><h3 class="text-xl font-semibold text-white group-hover/title:text-sky-300 transition-colors duration-200">No-Code AI Chatbot for Your Website</h3><div class="h-px w-0 group-hover/title:w-full bg-gradient-to-r from-sky-500/50 to-blue-500/50 transition-all duration-300"></div></a></div><div class="flex items-center gap-2"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:bg-gray-800 h-10 w-10 relative overflow-hidden text-gray-400 hover:text-red-400 transition-colors duration-300"><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 transition-all duration-300"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div></div><div class="flex flex-wrap items-center gap-2 mb-4"><div class="inline-flex items-center rounded-full border transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 px-2 py-0.5 text-xs font-medium tracking-wide bg-emerald-500/10 text-emerald-300 border-emerald-500/30">beginner</div><div class="inline-flex items-center rounded-full border transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 px-2 py-0.5 text-xs font-medium tracking-wide bg-emerald-500/10 text-emerald-300 border-emerald-500/30">free</div></div></div><div class="flex-1 min-h-0 mb-8"><p class="text-gray-400 line-clamp-3 leading-relaxed">Build a GPT-4 chatbot for your site in 1 hour using AI toolsâno coding skills needed.</p></div><div class="flex-none space-y-3"><div class="flex items-center gap-2"><div class="relative w-8 h-8 rounded-lg overflow-hidden bg-white hover:bg-white transition-all duration-300 cursor-help border border-white/20 hover:border-sky-500/30 shadow-sm" data-state="closed"><div class="overflow-hidden bg-gray-900/20"></div></div><div class="relative w-8 h-8 rounded-lg overflow-hidden bg-white hover:bg-white transition-all duration-300 cursor-help border border-white/20 hover:border-sky-500/30 shadow-sm" data-state="closed"><div class="overflow-hidden bg-gray-900/20"></div></div><div class="relative w-8 h-8 rounded-lg overflow-hidden bg-white hover:bg-white transition-all duration-300 cursor-help border border-white/20 hover:border-sky-500/30 shadow-sm" data-state="closed"><div class="overflow-hidden bg-gray-900/20"></div></div><div class="w-8 h-8 rounded-lg bg-white/5 border border-white/10 flex items-center justify-center text-sm text-gray-400">+<!-- -->1</div></div><div class="flex items-center gap-4 text-sm border-t border-white/5 pt-3"><div class="flex items-center gap-1"><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-4 w-4 text-yellow-400 fill-current"><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><span class="text-yellow-400">4.0</span><span class="text-gray-500">(<!-- -->1<!-- -->)</span></div><div class="text-gray-400 flex items-center gap-1"><span class="w-1 h-1 rounded-full bg-gray-600"></span>4<!-- --> steps</div><div class="text-gray-400 flex items-center gap-1"><span class="w-1 h-1 rounded-full bg-gray-600"></span>$<!-- -->0<!-- -->/mo</div></div><div class="flex items-center justify-between border-t border-white/5 pt-3"><a class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:bg-gray-800 h-10 px-4 py-2 relative group/btn -ml-2 gap-2 text-sky-400 hover:text-sky-300" href="/blueprints/no-code-ai-chatbot-for-your-website"><span class="relative">View Blueprint<div class="absolute -bottom-px left-0 w-0 group-hover/btn:w-full h-px bg-gradient-to-r from-sky-500/50 to-blue-500/50 transition-all duration-300"></div></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 transition-transform duration-300 group-hover/btn:translate-x-0.5"><path d="m9 18 6-6-6-6"></path></svg></a></div></div></div></div></div></div></div></div></main><footer class="border-t border-gray-800 w-full"><div class="container mx-auto px-4 sm:px-6 lg:px-8 max-w-7xl py-6 text-center text-sm text-gray-400"><div class="flex items-center justify-center gap-2"><span>Track the unstoppable surge of AI tools.</span><a href="/" class="flex items-center gap-1 hover:opacity-80 transition-opacity"><span class="font-bold text-white">you want</span><span class="relative w-5 h-5 inline-block"><span class="absolute inset-0 bg-gradient-to-br from-purple-600 to-pink-500 rounded-full"></span><span class="absolute inset-0.5 bg-gray-900 rounded-full flex items-center justify-center"><span class="text-transparent bg-clip-text bg-gradient-to-br from-purple-400 to-pink-400 font-bold text-xs">ai</span></span></span></a></div></div></footer></div>
1<script src="/_next/static/chunks/webpack-bc521a5a4315ca10.js" async=""></script>
1<script>(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script>
1<script>self.__next_f.push([1,"1:HL[\"/_next/static/media/739c2d8941231bb4-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n2:HL[\"/_next/static/media/83d43b4b09945d09-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n3:HL[\"/_next/static/media/9d3e21374aaa4372-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n4:HL[\"/_next/static/media/e4af272ccee01ff0-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n5:HL[\"/_next/static/css/ed9ba93309c7d225.css\",\"style\"]\n6:HL[\"/_next/static/css/8397d0925f05b7a4.css\",\"style\"]\n"])</script>
1<script>self.__next_f.push([1,"7:I[12846,[],\"\"]\na:I[4707,[],\"\"]\nb:I[36423,[],\"\"]\nc:I[34873,[\"4938\",\"static/chunks/4938-6476471973719552.js\",\"2972\",\"static/chunks/2972-1c67c749437e7943.js\",\"6614\",\"static/chunks/6614-24728d22e876f603.js\",\"3506\",\"static/chunks/3506-5ea77a9d9062981c.js\",\"7116\",\"static/chunks/7116-80b62c0e8563e7e6.js\",\"9027\",\"static/chunks/9027-12db3a52d9a98bc5.js\",\"9763\",\"static/chunks/9763-0bb6414ac438ac15.js\",\"8714\",\"static/chunks/8714-9beeed5cfe4c640e.js\",\"1193\",\"static/chunks/1193-53805fc7468bf96e.js\",\"3185\",\"static/chunks/app/layout-6d686b436a6927d2.js\"],\"Providers\"]\nd:I[77890,[\"4938\",\"static/chunks/4938-6476471973719552.js\",\"2972\",\"static/chunks/2972-1c67c749437e7943.js\",\"6614\",\"static/chunks/6614-24728d22e876f603.js\",\"3506\",\"static/chunks/3506-5ea77a9d9062981c.js\",\"7116\",\"static/chunks/7116-80b62c0e8563e7e6.js\",\"9027\",\"static/chunks/9027-12db3a52d9a98bc5.js\",\"9763\",\"static/chunks/9763-0bb6414ac438ac15.js\",\"8714\",\"static/chunks/8714-9beeed5cfe4c640e.js\",\"1193\",\"static/chunks/1193-53805fc7468bf96e.js\",\"3185\",\"static/chunks/app/layout-6d686b436a6927d2.js\"],\"default\"]\ne:I[85447,[\"2972\",\"static/chunks/2972-1c67c749437e7943.js\",\"9160\",\"static/chunks/app/not-found-21309255630a73d8.js\"],\"default\"]\n10:I[61060,[],\"\"]\n11:[]\n0:[\"$\",\"$L7\",null,{\"buildId\":\"XPBkPeyAkmq-N60xz3rGC\",\"assetPrefix\":\"\",\"urlParts\":[\"\",\"blueprints\"],\"initialTree\":[\"\",{\"children\":[\"blueprints\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],\"initialSeedData\":[\"\",{\"children\":[\"blueprints\",{\"children\":[\"__PAGE__\",{},[[\"$L8\",\"$L9\",null],null],null]},[null,[\"$\",\"$La\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"blueprints\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$Lb\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]],null]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/ed9ba93309c7d225.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"hr"])</script>
1<script>self.__next_f.push([1,"ef\":\"/_next/static/css/8397d0925f05b7a4.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"suppressHydrationWarning\":true,\"className\":\"__variable_f367f3 __variable_5899e0 __variable_5c5ee8\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://api.studio.nebius.ai\"}],[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://fmnjfdgbxevdxcoltipp.supabase.co\"}],[\"$\",\"link\",null,{\"rel\":\"dns-prefetch\",\"href\":\"https://fmnjfdgbxevdxcoltipp.supabase.co\"}],[\"$\",\"link\",null,{\"rel\":\"preload\",\"href\":\"/images/tablebg2.jpg\",\"as\":\"image\",\"type\":\"image/jpeg\"}]]}],[\"$\",\"$Lc\",null,{\"children\":[\"$\",\"body\",null,{\"className\":\"__className_f367f3 gradient-background\",\"children\":[\"$\",\"$Ld\",null,{\"children\":[\"$\",\"$La\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$Lb\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[\"$\",\"$Le\",null,{}],\"notFoundStyles\":[]}]}]}]}]]}]],null],null],\"couldBeIntercepted\":false,\"initialHead\":[null,\"$Lf\"],\"globalErrorComponent\":\"$10\",\"missingSlots\":\"$W11\"}]\n"])</script>
1<script>self.__next_f.push([1,"f:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"1\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"2\",{\"children\":\"AI Blueprints - Step-by-Step Guides | YouWant.ai\"}],[\"$\",\"meta\",\"3\",{\"name\":\"description\",\"content\":\"Discover step-by-step AI blueprints to achieve specific outcomes. From content creation to automation, find the perfect recipe for your needs.\"}],[\"$\",\"link\",\"4\",{\"rel\":\"manifest\",\"href\":\"/manifest.json\",\"crossOrigin\":\"use-credentials\"}],[\"$\",\"link\",\"5\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"type\":\"image/x-icon\",\"sizes\":\"48x48\"}],[\"$\",\"link\",\"6\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"sizes\":\"any\"}],[\"$\",\"link\",\"7\",{\"rel\":\"icon\",\"href\":\"/icon.png\",\"type\":\"image/png\",\"sizes\":\"32x32\"}],[\"$\",\"link\",\"8\",{\"rel\":\"apple-touch-icon\",\"href\":\"/apple-touch-icon.png\",\"sizes\":\"180x180\"}],[\"$\",\"meta\",\"9\",{\"name\":\"next-size-adjust\"}]]\n8:null\n"])</script>
1<script>self.__next_f.push([1,"12:I[51568,[\"4938\",\"static/chunks/4938-6476471973719552.js\",\"2972\",\"static/chunks/2972-1c67c749437e7943.js\",\"4172\",\"static/chunks/4172-5fe524e84bfa2393.js\",\"3506\",\"static/chunks/3506-5ea77a9d9062981c.js\",\"7116\",\"static/chunks/7116-80b62c0e8563e7e6.js\",\"9027\",\"static/chunks/9027-12db3a52d9a98bc5.js\",\"5763\",\"static/chunks/5763-2845619c0af35622.js\",\"9465\",\"static/chunks/9465-ea12e7b16c6a55fe.js\",\"7339\",\"static/chunks/7339-a090b4aacc476076.js\",\"9402\",\"static/chunks/app/blueprints/page-dc605e2d4a0665ec.js\"],\"BackgroundImage\"]\n13:I[61542,[\"4938\",\"static/chunks/4938-6476471973719552.js\",\"2972\",\"static/chunks/2972-1c67c749437e7943.js\",\"4172\",\"static/chunks/4172-5fe524e84bfa2393.js\",\"3506\",\"static/chunks/3506-5ea77a9d9062981c.js\",\"7116\",\"static/chunks/7116-80b62c0e8563e7e6.js\",\"9027\",\"static/chunks/9027-12db3a52d9a98bc5.js\",\"5763\",\"static/chunks/5763-2845619c0af35622.js\",\"9465\",\"static/chunks/9465-ea12e7b16c6a55fe.js\",\"7339\",\"static/chunks/7339-a090b4aacc476076.js\",\"9402\",\"static/chunks/app/blueprints/page-dc605e2d4a0665ec.js\"],\"BlueprintFilters\"]\n14:I[1589,[\"4938\",\"static/chunks/4938-6476471973719552.js\",\"2972\",\"static/chunks/2972-1c67c749437e7943.js\",\"4172\",\"static/chunks/4172-5fe524e84bfa2393.js\",\"3506\",\"static/chunks/3506-5ea77a9d9062981c.js\",\"7116\",\"static/chunks/7116-80b62c0e8563e7e6.js\",\"9027\",\"static/chunks/9027-12db3a52d9a98bc5.js\",\"5763\",\"static/chunks/5763-2845619c0af35622.js\",\"9465\",\"static/chunks/9465-ea12e7b16c6a55fe.js\",\"7339\",\"static/chunks/7339-a090b4aacc476076.js\",\"9402\",\"static/chunks/app/blueprints/page-dc605e2d4a0665ec.js\"],\"BlueprintCard\"]\n"])</script>
1<script>self.__next_f.push([1,"9:[\"$\",\"$L12\",null,{\"priority\":true,\"children\":[\"$\",\"div\",null,{\"className\":\"container py-8 lg:py-12 max-w-[1400px] mx-auto\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-start justify-between mb-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"max-w-2xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2 mb-4\",\"children\":[[\"$\",\"svg\",null,{\"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-file-code2 h-8 w-8 text-blue-300\",\"children\":[[\"$\",\"path\",\"1pf5j1\",{\"d\":\"M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4\"}],[\"$\",\"path\",\"tnqrlb\",{\"d\":\"M14 2v4a2 2 0 0 0 2 2h4\"}],[\"$\",\"path\",\"oke12k\",{\"d\":\"m5 12-3 3 3 3\"}],[\"$\",\"path\",\"112psh\",{\"d\":\"m9 18 3-3-3-3\"}],\"$undefined\"]}],[\"$\",\"h1\",null,{\"className\":\"text-4xl font-bold tracking-tight text-blue-300\",\"children\":\"Blueprints\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-lg text-white/80 leading-relaxed\",\"children\":\"Step-by-step guides to achieve specific outcomes using AI tools. From content creation to automation, find the perfect recipe for your needs.\"}]]}],false]}],[\"$\",\"div\",null,{\"className\":\"bg-gradient-to-r from-purple-500/20 to-blue-500/20 rounded-lg p-6 mb-8 backdrop-blur-sm border border-white/10\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex items-start gap-4\",\"children\":[[\"$\",\"svg\",null,{\"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-crown h-6 w-6 text-yellow-400 flex-shrink-0 mt-1\",\"children\":[[\"$\",\"path\",\"1vdc57\",{\"d\":\"M11.562 3.266a.5.5 0 0 1 .876 0L15.39 8.87a1 1 0 0 0 1.516.294L21.183 5.5a.5.5 0 0 1 .798.519l-2.834 10.246a1 1 0 0 1-.956.734H5.81a1 1 0 0 1-.957-.734L2.02 6.02a.5.5 0 0 1 .798-.519l4.276 3.664a1 1 0 0 0 1.516-.294z\"}],[\"$\",\"path\",\"11awu3\",{\"d\":\"M5 21h14\"}],\"$undefined\"]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-lg font-semibold text-white mb-2\",\"children\":\"Unlock Premium Blueprints\"}],[\"$\",\"p\",null,{\"className\":\"text-white/80 mb-4\",\"children\":\"Get access to our complete collection of advanced AI blueprints, including premium step-by-step guides and exclusive strategies.\"}],[\"$\",\"div\",null,{\"className\":\"flex gap-4\",\"children\":[[\"$\",\"button\",null,{\"className\":\"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none [\u0026_svg]:size-4 [\u0026_svg]:shrink-0 bg-gray-700 hover:bg-gray-600 h-10 px-4 py-2 bg-gradient-to-r from-yellow-400/80 to-yellow-500/80 hover:from-yellow-400 hover:to-yellow-500 text-black font-medium\",\"children\":\"Go Premium - $20/month\"}],[\"$\",\"button\",null,{\"className\":\"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none [\u0026_svg]:size-4 [\u0026_svg]:shrink-0 bg-gray-700 hover:bg-gray-600 h-10 px-4 py-2 bg-gradient-to-r from-purple-500/80 to-blue-500/80 hover:from-purple-500 hover:to-blue-500 text-white font-medium\",\"children\":\"Go Pro - $9/month\"}]]}]]}]]}]}],[\"$\",\"$L13\",null,{}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mt-8\",\"children\":[[\"$\",\"$L14\",\"5\",{\"blueprint\":{\"id\":5,\"title\":\"No-Code AI Chatbot for Your Website\",\"slug\":\"no-code
1-ai-chatbot-for-your-website\",\"description\":\"Build a GPT-4 chatbot for your site in 1 hour using AI toolsâno coding skills needed.\",\"difficulty\":\"beginner\",\"tier\":\"free\",\"estimatedCost\":0,\"totalSteps\":4,\"averageRating\":4,\"ratingCount\":1,\"isPublished\":true,\"backgroundImage\":\"https://fmnjfdgbxevdxcoltipp.supabase.co/storage/v1/object/public/blueprint-backgrounds/1740082847863-oq26mf.png\",\"tools\":[{\"id\":77,\"name\":\"Durable\",\"image\":\"https://fmnjfdgbxevdxcoltipp.supabase.co/storage/v1/object/public/tools/logos/durable.co-1740082547821.png\"},{\"id\":32,\"name\":\"V0\",\"image\":\"https://fmnjfdgbxevdxcoltipp.supabase.co/storage/v1/object/public/tools/logos/v0.dev-1738526511401.png\"},{\"id\":76,\"name\":\"Lindy\",\"image\":\"https://fmnjfdgbxevdxcoltipp.supabase.co/storage/v1/object/public/tools/logos/www.lindy.ai-1740077700586.png\"},{\"id\":29,\"name\":\"Cursor\",\"image\":\"https://fmnjfdgbxevdxcoltipp.supabase.co/storage/v1/object/public/tools/logos/cursor.sh-1738526440443.png\"}],\"isFavorited\":false},\"isFavorited\":false,\"isAdmin\":false}]]}],false]}]}]\n"])</script>
1</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.