CINXE.COM

<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/171883e03d2067b6-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/a34f9d1faa5f3315-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/c4c7b0ec92b72e30-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" href="https://api.producthunt.com/widgets/embed-image/v1/top-post-badge.svg?post_id=470423&theme=neutral&period=daily"/><link rel="preload" as="image" href="https://api.producthunt.com/widgets/embed-image/v1/top-post-topic-badge.svg?post_id=470423&theme=neutral&period=weekly&topic_id=237"/><link rel="stylesheet" href="/_next/static/css/027942a3405e8f38.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/58df044be883f83e.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-8a392afef97d7421.js"/><script src="/_next/static/chunks/fd9d1056-c176ba62bfa905c4.js" async=""></script><script src="/_next/static/chunks/23-ad8a3337d221c667.js" async=""></script><script src="/_next/static/chunks/main-app-f73cdb3bce740b12.js" async=""></script><script src="/_next/static/chunks/782-958e748e72973c66.js" async=""></script><script src="/_next/static/chunks/811-6142267c062d67ee.js" async=""></script><script src="/_next/static/chunks/231-f3ec23cb0aff98bf.js" async=""></script><script src="/_next/static/chunks/438-e9a361dd92e0958b.js" async=""></script><script src="/_next/static/chunks/331-304166fbfe1f655a.js" async=""></script><script src="/_next/static/chunks/581-b601a13192848c3d.js" async=""></script><script src="/_next/static/chunks/app/(default)/page-9ecc1131127078e0.js" async=""></script><script src="/_next/static/chunks/69b09407-692c28bcb4371a3f.js" async=""></script><script src="/_next/static/chunks/829-f448a83c99eca150.js" async=""></script><script src="/_next/static/chunks/app/(default)/layout-d38cfef581e196ef.js" async=""></script><script src="/_next/static/chunks/513-b7af4cc1b9469c45.js" async=""></script><script src="/_next/static/chunks/app/layout-0580b0b9ef3d43e5.js" async=""></script><link rel="preload" href="https://www.googletagmanager.com/gtag/js?id=G-B8HZPW8YNY" as="script"/><link rel="preload" href="https://sitebehaviour-cdn.fra1.cdn.digitaloceanspaces.com/index.min.js?sitebehaviour-secret=24848e9f-24dc-4e40-8bbd-d161661d0c16" as="script"/><title>Kroto - Docs & Videos in minutes</title><meta name="description" content="Build product videos and documents insanely fast. Take a basic recording of a product walk-through and generate professional videos with zoom-in and pan effects along with a step by step article in minutes"/><link rel="canonical" href="https://www.kroto.one"/><link rel="alternate" type="application/rss+xml" href="https://www.kroto.one/feed.xml/"/><meta property="og:title" content="Kroto - Docs & Videos in minutes"/><meta property="og:description" content="Build product videos and documents insanely fast. Take a basic recording of a product walk-through and generate professional videos with zoom-in and pan effects along with a step by step article in minutes"/><meta property="og:image" content="https://dbgi97grppr1g.cloudfront.net/Kroto_OG.jpg"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Kroto - Docs & Videos in minutes"/><meta name="twitter:description" content="Build product videos and documents insanely fast. Take a basic recording of a product walk-through and generate professional videos with zoom-in and pan effects along with a step by step article in minutes"/><meta name="twitter:image" content="https://dbgi97grppr1g.cloudfront.net/Kroto_OG.jpg"/><link rel="icon" href="/favicon.ico"/><meta name="next-size-adjust"/><script src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js" noModule=""></script></head><body class="__variable_36bd41 __variable_d7dc5d font-inter scroll-smooth antialiased bg-violet-100 text-gray-800 dark:bg-gray-900 dark:text-gray-200 tracking-tight"><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><div class="relative flex flex-col min-h-screen overflow-hidden supports-[overflow:clip]:overflow-clip"><div class="absolute inset-y-0 w-[1102px] left-1/2 -translate-x-1/2 -z-10 pointer-events-none" aria-hidden="true"><div class="before:absolute before:inset-y-0 before:left-0 before:border-l before:[border-image:linear-gradient(to_bottom,theme(colors.violet.300/.4),transparent)1] dark:before:[border-image:linear-gradient(to_bottom,theme(colors.violet.300/.16),transparent)1] before:shadow-[-1px_0_0_0_theme(colors.white/.2)] dark:before:shadow-none after:absolute after:inset-y-0 after:left-20 after:border-l after:[border-image:linear-gradient(to_bottom,theme(colors.violet.300/.4),transparent)1] dark:after:[border-image:linear-gradient(to_bottom,theme(colors.violet.300/.16),transparent)1] after:shadow-[-1px_0_0_0_theme(colors.white/.2)] dark:after:shadow-none"></div><div class="before:absolute before:inset-y-0 before:right-0 before:border-l before:[border-image:linear-gradient(to_bottom,theme(colors.violet.300/.4),transparent)1] dark:before:[border-image:linear-gradient(to_bottom,theme(colors.violet.300/.16),transparent)1] before:shadow-[-1px_0_0_0_theme(colors.white/.2)] dark:before:shadow-none after:absolute after:inset-y-0 after:right-20 after:border-l after:[border-image:linear-gradient(to_bottom,theme(colors.violet.300/.4),transparent)1] dark:after:[border-image:linear-gradient(to_bottom,theme(colors.violet.300/.16),transparent)1] after:shadow-[-1px_0_0_0_theme(colors.white/.2)] dark:after:shadow-none"></div></div><header class="sticky top-0 w-full z-50 bg-white/60 border-b border-violet-200 backdrop-blur-lg dark:bg-gray-800 shadow-sm"><div class="max-w-6xl px-4 mx-auto"><div class="flex items-center justify-between h-16"><div class="flex items-center"><a class="flex items-center gap-2" href="/"><img alt="Kroto Logo" loading="lazy" width="30" height="30" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkroto_logo_violet.a6babd66.png&w=32&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkroto_logo_violet.a6babd66.png&w=64&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkroto_logo_violet.a6babd66.png&w=64&q=75"/><p class="font-bold text-xl sm:text-2xl flex items-start">Kroto<span class="text-xs font-normal">[Beta]</span></p></a></div><nav class="hidden md:flex"><ul class="flex items-center space-x-4"><li><div class="relative"><button class="text-gray-800 dark:text-gray-200 rounded hover:bg-violet-100 dark:hover:bg-gray-800/30 py-1.5 px-3 flex items-center" aria-expanded="false" aria-haspopup="true">Features<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 ml-1 h-4 w-4 transition-transform "><path d="m6 9 6 6 6-6"></path></svg></button><div class="absolute left-0 mt-2 w-80 rounded shadow-lg bg-white backdrop-blur-xl border-b border-violet-200 ring-1 ring-black ring-opacity-5 z-50 overflow-hidden transition-all duration-300 ease-in-out max-h-0 opacity-0"><div class="backdrop-blur-xl" role="menu" aria-orientation="vertical" aria-labelledby="options-menu"><a class="px-4 py-2 text-sm text-gray-700 backdrop-blur-xl hover:bg-violet-50/60 flex items-start space-x-3" role="menuitem" href="ai-video-creation"><div class="flex-shrink-0 backdrop-blur-xl text-violet-500 mt-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-video w-5 h-5"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div><div><p class="font-medium text-gray-900">Video Tutorials</p><p class="text-gray-500">Create engaging video tutorials with AI assistance</p></div></a><a class="px-4 py-2 text-sm text-gray-700 backdrop-blur-xl hover:bg-violet-50/60 flex items-start space-x-3" role="menuitem" href="step-by-step-guides"><div class="flex-shrink-0 backdrop-blur-xl text-violet-500 mt-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-file-text w-5 h-5"><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></div><div><p class="font-medium text-gray-900">Step-by-Step Guides</p><p class="text-gray-500">Generate comprehensive guides with ease</p></div></a><a class="px-4 py-2 text-sm text-gray-700 backdrop-blur-xl hover:bg-violet-50/60 flex items-start space-x-3" role="menuitem" href="knowledge-base"><div class="flex-shrink-0 backdrop-blur-xl text-violet-500 mt-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-book-open w-5 h-5"><path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"></path><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"></path></svg></div><div><p class="font-medium text-gray-900">Knowledge Base</p><p class="text-gray-500">Build a searchable repository of information</p></div></a><a class="px-4 py-2 text-sm text-gray-700 backdrop-blur-xl hover:bg-violet-50/60 flex items-start space-x-3" role="menuitem" href="multi-lingual"><div class="flex-shrink-0 backdrop-blur-xl text-violet-500 mt-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-languages w-5 h-5"><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></div><div><p class="font-medium text-gray-900">Multi Lingual Support</p><p class="text-gray-500">Supporting 60+ languages worldwide</p></div></a></div></div></div></li><li><a class="text-gray-800 dark:text-gray-200 hover:bg-violet-100 dark:hover:bg-gray-700 rounded px-3 py-2" href="/#use-cases">Use Cases</a></li><li><div class="relative"><button class="text-gray-800 dark:text-gray-200 rounded hover:bg-violet-100 dark:hover:bg-gray-800/30 py-1.5 px-3 flex items-center" aria-expanded="false" aria-haspopup="true">Resources<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 ml-1 h-4 w-4 transition-transform "><path d="m6 9 6 6 6-6"></path></svg></button><div class="absolute left-0 mt-2 w-80 rounded shadow-lg bg-white backdrop-blur-xl border-b border-violet-200 ring-1 ring-black ring-opacity-5 z-50 overflow-hidden transition-all duration-300 ease-in-out max-h-0 opacity-0"><div class="backdrop-blur-xl" role="menu" aria-orientation="vertical" aria-labelledby="options-menu"><a class="px-4 py-2 text-sm text-gray-700 backdrop-blur-xl hover:bg-violet-50/60 flex items-start space-x-3" role="menuitem" href="/blog"><div class="flex-shrink-0 backdrop-blur-xl text-violet-500 mt-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-book-open-check w-5 h-5"><path d="M8 3H2v15h7c1.7 0 3 1.3 3 3V7c0-2.2-1.8-4-4-4Z"></path><path d="m16 12 2 2 4-4"></path><path d="M22 6V3h-6c-2.2 0-4 1.8-4 4v14c0-1.7 1.3-3 3-3h7v-2.3"></path></svg></div><div><p class="font-medium text-gray-900">Blog</p><p class="text-gray-500">Read our latest articles and updates</p></div></a><a class="px-4 py-2 text-sm text-gray-700 backdrop-blur-xl hover:bg-violet-50/60 flex items-start space-x-3" role="menuitem" href="https://help.kroto.one"><div class="flex-shrink-0 backdrop-blur-xl text-violet-500 mt-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-circle-help w-5 h-5"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><path d="M12 17h.01"></path></svg></div><div><p class="font-medium text-gray-900">Help Center</p><p class="text-gray-500">Find answers to common questions</p></div></a></div></div></div></li><li><a class="text-gray-800 dark:text-gray-200 hover:bg-violet-100 dark:hover:bg-gray-700 rounded px-3 py-2" href="/pricing">Pricing</a></li></ul></nav><div class="hidden md:flex items-center gap-4"><a class="inline-flex items-center justify-center whitespace-nowrap rounded text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2 text-base flex gap-1 hover:bg-violet-100 shadow" href="https://app.kroto.one"><strong>Login</strong></a><a class="flex max-w-xl items-center justify-center gap-1 text-[#1F2937] transition-colors ease-in-out duration-100 hover:text-[#6D28D9]" href="/book-a-demo#cal"><button class="relative undefined cursor-pointer inline-block rounded bg-gradient-to-r from-[#6D28D9] via-violet-400 to-violet-200 p-1 transition-shadow duration-100 ease-in-out hover:shadow-[0px_-10px_15px_-3px_rgba(109,40,217,0.2)] active:scale-95 active:translate-y-[1px]"><div class="transform rounded border border-white/50 bg-white/70 hover:bg-white/80 active:bg-white/90 p-2 text-lg shadow-[0px_27px_11px_rgba(0,0,0,0.02),0px_15px_9px_rgba(0,0,0,0.05),0px_7px_7px_rgba(0,0,0,0.09),0px_2px_4px_rgba(0,0,0,0.1),inset_0px_19px_24px_rgba(255,255,255,0.75)] backdrop-blur-lg transition-all duration-100 ease-in-out hover:-translate-y-[1px] active:shadow-none flex items-center justify-center"><div class="font-bold text-xs" style="--sparkles-first-color:#9E7AFF;--sparkles-second-color:#FE8BBB"><span class="relative inline-block"><strong>Book a Demo</strong></span></div><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-arrow-right w-4 h-4 transition-transform duration-200 group-hover:translate-x-1"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></button></a></div><div class="md:hidden"><button class="text-gray-800 dark:text-gray-200 hover:bg-violet-100 dark:hover:bg-gray-700 rounded p-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-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></button></div></div></div><div class="md:hidden transition-all duration-300 ease-in-out overflow-hidden max-h-0 opacity-0"><div class="px-2 pt-2 pb-3 space-y-1 sm:px-3"><div class="w-full"><button class="w-full text-left text-gray-800 dark:text-gray-200 rounded hover:bg-violet-100 dark:hover:bg-gray-800/30 py-1.5 px-3 flex items-center justify-between" aria-expanded="false" aria-haspopup="true">Features<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 ml-1 h-4 w-4 transition-transform "><path d="m6 9 6 6 6-6"></path></svg></button><div class="w-full bg-white/60 rounded shadow-lg bg-white backdrop-blur-xl border-b border-violet-200 ring-1 ring-black ring-opacity-5 z-50 overflow-hidden transition-all duration-300 ease-in-out max-h-0 opacity-0"><div class="backdrop-blur-xl" role="menu" aria-orientation="vertical" aria-labelledby="options-menu"><a class="px-4 py-2 text-sm text-gray-700 backdrop-blur-xl hover:bg-violet-50/60 flex items-start space-x-3" role="menuitem" href="ai-video-creation"><div class="flex-shrink-0 backdrop-blur-xl text-violet-500 mt-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-video w-5 h-5"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div><div><p class="font-medium text-gray-900">Video Tutorials</p><p class="text-gray-500">Create engaging video tutorials with AI assistance</p></div></a><a class="px-4 py-2 text-sm text-gray-700 backdrop-blur-xl hover:bg-violet-50/60 flex items-start space-x-3" role="menuitem" href="step-by-step-guides"><div class="flex-shrink-0 backdrop-blur-xl text-violet-500 mt-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-file-text w-5 h-5"><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></div><div><p class="font-medium text-gray-900">Step-by-Step Guides</p><p class="text-gray-500">Generate comprehensive guides with ease</p></div></a><a class="px-4 py-2 text-sm text-gray-700 backdrop-blur-xl hover:bg-violet-50/60 flex items-start space-x-3" role="menuitem" href="knowledge-base"><div class="flex-shrink-0 backdrop-blur-xl text-violet-500 mt-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-book-open w-5 h-5"><path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"></path><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"></path></svg></div><div><p class="font-medium text-gray-900">Knowledge Base</p><p class="text-gray-500">Build a searchable repository of information</p></div></a><a class="px-4 py-2 text-sm text-gray-700 backdrop-blur-xl hover:bg-violet-50/60 flex items-start space-x-3" role="menuitem" href="multi-lingual"><div class="flex-shrink-0 backdrop-blur-xl text-violet-500 mt-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-languages w-5 h-5"><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></div><div><p class="font-medium text-gray-900">Multi Lingual Support</p><p class="text-gray-500">Supporting 60+ languages worldwide</p></div></a></div></div></div><a class="block text-gray-800 dark:text-gray-200 hover:bg-violet-100 dark:hover:bg-gray-700 rounded px-3 py-2" href="/#use-cases">Use Cases</a><div class="w-full"><button class="w-full text-left text-gray-800 dark:text-gray-200 rounded hover:bg-violet-100 dark:hover:bg-gray-800/30 py-1.5 px-3 flex items-center justify-between" aria-expanded="false" aria-haspopup="true">Resources<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 ml-1 h-4 w-4 transition-transform "><path d="m6 9 6 6 6-6"></path></svg></button><div class="w-full bg-white/60 rounded shadow-lg bg-white backdrop-blur-xl border-b border-violet-200 ring-1 ring-black ring-opacity-5 z-50 overflow-hidden transition-all duration-300 ease-in-out max-h-0 opacity-0"><div class="backdrop-blur-xl" role="menu" aria-orientation="vertical" aria-labelledby="options-menu"><a class="px-4 py-2 text-sm text-gray-700 backdrop-blur-xl hover:bg-violet-50/60 flex items-start space-x-3" role="menuitem" href="/blog"><div class="flex-shrink-0 backdrop-blur-xl text-violet-500 mt-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-book-open-check w-5 h-5"><path d="M8 3H2v15h7c1.7 0 3 1.3 3 3V7c0-2.2-1.8-4-4-4Z"></path><path d="m16 12 2 2 4-4"></path><path d="M22 6V3h-6c-2.2 0-4 1.8-4 4v14c0-1.7 1.3-3 3-3h7v-2.3"></path></svg></div><div><p class="font-medium text-gray-900">Blog</p><p class="text-gray-500">Read our latest articles and updates</p></div></a><a class="px-4 py-2 text-sm text-gray-700 backdrop-blur-xl hover:bg-violet-50/60 flex items-start space-x-3" role="menuitem" href="https://help.kroto.one"><div class="flex-shrink-0 backdrop-blur-xl text-violet-500 mt-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-circle-help w-5 h-5"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><path d="M12 17h.01"></path></svg></div><div><p class="font-medium text-gray-900">Help Center</p><p class="text-gray-500">Find answers to common questions</p></div></a></div></div></div><a class="block text-gray-800 dark:text-gray-200 hover:bg-violet-100 dark:hover:bg-gray-700 rounded px-3 py-2" href="/pricing">Pricing</a><div class="mt-4 flex flex-col px-2 w-full"><a class="flex max-w-xl items-center justify-center gap-1 text-[#1F2937] transition-colors ease-in-out duration-100 hover:text-[#6D28D9]" href="/book-a-demo#cal"><button class="relative w-full cursor-pointer inline-block rounded bg-gradient-to-r from-[#6D28D9] via-violet-400 to-violet-200 p-1 transition-shadow duration-100 ease-in-out hover:shadow-[0px_-10px_15px_-3px_rgba(109,40,217,0.2)] active:scale-95 active:translate-y-[1px]"><div class="transform rounded border border-white/50 bg-white/70 hover:bg-white/80 active:bg-white/90 p-2 text-lg shadow-[0px_27px_11px_rgba(0,0,0,0.02),0px_15px_9px_rgba(0,0,0,0.05),0px_7px_7px_rgba(0,0,0,0.09),0px_2px_4px_rgba(0,0,0,0.1),inset_0px_19px_24px_rgba(255,255,255,0.75)] backdrop-blur-lg transition-all duration-100 ease-in-out hover:-translate-y-[1px] active:shadow-none flex items-center justify-center"><div class="font-bold text-xs" style="--sparkles-first-color:#9E7AFF;--sparkles-second-color:#FE8BBB"><span class="relative inline-block"><strong>Book a Demo</strong></span></div><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-arrow-right w-4 h-4 transition-transform duration-200 group-hover:translate-x-1"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></button></a><div class="flex items-center justify-center gap-2 text-gray-700 ease-in-out duration-100 hover:text-[#6D28D9]"><button class="relative w-full cursor-pointer inline-block rounded p-1 transition-all duration-100 ease-in-out"><div class="transform rounded p-2 text-lg transition-all duration-100 ease-in-out flex gap-2 items-center justify-center"><span class="text-xs flex items-center gap-2 font-medium">See How It Works<span class="text-sm">(8 mins)</span></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-circle-play w-4 h-4 ml-2 transition-transform duration-100 group-hover:scale-110"><circle cx="12" cy="12" r="10"></circle><polygon points="10 8 16 12 10 16 10 8"></polygon></svg></div></button></div></div></div></div></header><main class="grow"><section class="pt-20 px-4 "><div class="max-w-6xl px-6 mx-auto mb-12"><div class="text-center"><div class="relative flex items-center justify-center gap-4 mb-5 before:h-px before:w-24 before:border-b before:[border-image:linear-gradient(to_left,theme(colors.violet.300),transparent)1] dark:before:[border-image:linear-gradient(to_left,theme(colors.violet.300/.16),transparent)1] before:shadow-sm before:shadow-white/20 dark:before:shadow-none after:h-px after:w-24 after:border-b after:[border-image:linear-gradient(to_right,theme(colors.violet.300),transparent)1] dark:after:[border-image:linear-gradient(to_right,theme(colors.violet.300/.16),transparent)1] after:shadow-sm after:shadow-white/20 dark:after:shadow-none"><div class="relative text-sm font-medium text-gray-700 bg-white dark:bg-gray-700 inline-flex rounded whitespace-nowrap px-3 py-[3px] tracking-normal before:absolute before:inset-0 before:rounded before:[background-image:linear-gradient(120deg,transparent_0%,theme(colors.violet.400/.12)_33%,theme(colors.pink.400/.12)_66%,theme(colors.amber.200/.12)_100%)] dark:before:[background-image:linear-gradient(120deg,theme(colors.violet.400/.16),theme(colors.violet.600/.16)_50%,transparent_100%)] shadow"><div class="absolute -inset-1.5 bg-violet-500/15 dark:bg-gray-800/65 rounded -z-10 before:absolute before:inset-y-0 before:left-0 before:w-[7px] before:bg-[length:7px_7px] before:[background-position:top_center,bottom_center] before:bg-no-repeat before:[background-image:radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px)] dark:before:[background-image:radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px)] after:absolute after:inset-y-0 after:right-0 after:w-[7px] after:bg-[length:7px_7px] after:[background-position:top_center,bottom_center] after:bg-no-repeat after:[background-image:radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px)] dark:after:[background-image:radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px)]" aria-hidden="true"></div><span class="relative text-gray-800 dark:text-transparent dark:bg-clip-text dark:bg-gradient-to-b dark:from-violet-500 dark:to-violet-50"><a class="flex items-center gap-2" href="https://www.100x.vc">Backed by <img alt="100X" loading="lazy" width="50" height="25" decoding="async" data-nimg="1" style="color:transparent" src="/_next/static/media/100x.88ec0bd4.svg"/></a></span></div></div><div><h1 class="text-3xl md:text-5xl font-bold text-gray-800 pb-4">Say Goodbye to Repetitive Tasks - Create How-To Videos in Minutes</h1><p class="md:text-lg text-gray-700 dark:text-gray-400">With Kroto, you can create engaging video guides and documentation that empower your customers and employees to succeed—freeing your team from answering the same questions repeatedly.</p></div></div></div><div class="flex flex-col md:flex-row items-center justify-center gap-8"><a class="flex max-w-xl items-center justify-center gap-1 text-[#1F2937] transition-colors ease-in-out duration-100 hover:text-[#6D28D9]" href="/book-a-demo#cal"><button class="relative undefined cursor-pointer inline-block rounded bg-gradient-to-r from-[#6D28D9] via-violet-400 to-violet-200 p-2 transition-shadow duration-100 ease-in-out hover:shadow-[0px_-10px_15px_-3px_rgba(109,40,217,0.2)] active:scale-95 active:translate-y-[1px]"><div class="transform rounded border border-white/50 bg-white/70 hover:bg-white/80 active:bg-white/90 px-6 py-3 text-xl shadow-[0px_27px_11px_rgba(0,0,0,0.02),0px_15px_9px_rgba(0,0,0,0.05),0px_7px_7px_rgba(0,0,0,0.09),0px_2px_4px_rgba(0,0,0,0.1),inset_0px_19px_24px_rgba(255,255,255,0.75)] backdrop-blur-lg transition-all duration-100 ease-in-out hover:-translate-y-[1px] active:shadow-none flex items-center justify-center"><div class="font-bold text-base md:text-xl" style="--sparkles-first-color:#9E7AFF;--sparkles-second-color:#FE8BBB"><span class="relative inline-block"><strong>Book a Demo</strong></span></div><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-arrow-right w-5 h-5 ml-2 transition-transform duration-200 group-hover:translate-x-1"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></button></a><a class="inline-flex items-center justify-center whitespace-nowrap rounded text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2 text-xl flex gap-1 py-8 px-8 hover:bg-violet-100" href="https://app.kroto.one">Get started<span class="text-sm font-normal">- For FREE</span></a></div><div class="pt-10"><div class="flex items-center justify-center gap-1 mx-5 md:gap-5 mb-10"><a href="https://www.producthunt.com/posts/kroto-2?embed=true&utm_source=badge-top-post-badge&utm_medium=badge&utm_souce=badge-kroto-2" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/top-post-badge.svg?post_id=470423&theme=neutral&period=daily" alt="Kroto - Create professional how-to videos and guides, insanely fast | Product Hunt" width="250" height="54"/></a><a href="https://www.producthunt.com/posts/kroto-2?embed=true&utm_source=badge-top-post-topic-badge&utm_medium=badge&utm_souce=badge-kroto-2" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/top-post-topic-badge.svg?post_id=470423&theme=neutral&period=weekly&topic_id=237" alt="Kroto - Create professional how-to videos and guides, insanely fast | Product Hunt" width="250" height="54"/></a></div></div><div class="flex flex-col items-center max-w-6xl mx-auto justify-center gap-8 my-10"><button class="group w-3/4 max-h-[500px] relative overflow-hidden rounded shadow-lg transform rotate-1 transition-all duration-300 hover:rotate-0 hover:scale-105"><div class="absolute inset-0 bg-black opacity-40 group-hover:opacity-30 transition-opacity duration-300"></div><video src="https://dbgi97grppr1g.cloudfront.net/kroto-hero.mp4" loop="" poster="https://krotonbucket.s3.ap-south-1.amazonaws.com/video_wallpaper/lake-mountains-rocks-twilight-sunset-purple-sky-pink-sky-6016x3384-3775.jpg" autoPlay="" muted="" playsInline="" class="w-full h-full object-cover"></video><div class="absolute inset-0 flex flex-col items-center justify-center text-white"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 51" class="w-12 h-12 mb-4"><path d="M0.649 4.422C0.649 1.846 3.397 0.29 5.487 1.683L36.986 22.679C38.909 23.96 38.909 26.874 36.986 28.155L5.487 49.151C3.397 50.543 0.649 48.988 0.649 46.412Z" fill="white" stroke-width="0.82" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path></svg><h3 class="text-2xl font-semibold mb-2">Example Output 🎬</h3><p class="text-lg font-medium">Checkout the video Kroto created in <5 minutes</p></div></button></div><section class="relative overflow-hidden"><div class="absolute inset-0 bg-grid-violet-100/50 bg-grid-8 [mask-image:linear-gradient(0deg,white,rgba(255,255,255,0.6))]"></div><div class="relative"><div class="group flex overflow-hidden [--duration:40s] [--gap:2rem] [gap:var(--gap)] flex-row py-4 md:py-8"><div class="flex shrink-0 justify-around [gap:var(--gap)] animate-marquee flex-row group-hover:[animation-play-state:paused] [animation-direction:reverse]"><div class="flex items-center justify-center mx-4 p-0 md:p-4 rounded transition-all duration-300 transform hover:scale-105"><img alt="Company logo" loading="lazy" width="150" height="40" decoding="async" data-nimg="1" class="object-contain rounded filter grayscale hover:grayscale-0 transition-all duration-300" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fbaylink.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fbaylink.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fbaylink.png&w=384&q=75"/></div><div class="flex items-center justify-center mx-4 p-0 md:p-4 rounded transition-all duration-300 transform hover:scale-105"><img alt="Company logo" loading="lazy" width="150" height="40" decoding="async" data-nimg="1" class="object-contain rounded filter grayscale hover:grayscale-0 transition-all duration-300" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fgocodeo.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fgocodeo.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fgocodeo.png&w=384&q=75"/></div><div class="flex items-center justify-center mx-4 p-0 md:p-4 rounded transition-all duration-300 transform hover:scale-105"><img alt="Company logo" loading="lazy" width="150" height="40" decoding="async" data-nimg="1" class="object-contain rounded filter grayscale hover:grayscale-0 transition-all duration-300" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fpettle.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fpettle.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fpettle.png&w=384&q=75"/></div><div class="flex items-center justify-center mx-4 p-0 md:p-4 rounded transition-all duration-300 transform hover:scale-105"><img alt="Company logo" loading="lazy" width="150" height="40" decoding="async" data-nimg="1" class="object-contain rounded filter grayscale hover:grayscale-0 transition-all duration-300" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fyellow_ai_logo.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fyellow_ai_logo.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fyellow_ai_logo.png&w=384&q=75"/></div><div class="flex items-center justify-center mx-4 p-0 md:p-4 rounded transition-all duration-300 transform hover:scale-105"><img alt="Company logo" loading="lazy" width="150" height="40" decoding="async" data-nimg="1" class="object-contain rounded filter grayscale hover:grayscale-0 transition-all duration-300" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fzeron.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fzeron.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fzeron.png&w=384&q=75"/></div><div class="flex items-center justify-center mx-4 p-0 md:p-4 rounded transition-all duration-300 transform hover:scale-105"><img alt="Company logo" loading="lazy" width="150" height="40" decoding="async" data-nimg="1" class="object-contain rounded filter grayscale hover:grayscale-0 transition-all duration-300" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fprospyr.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fprospyr.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fprospyr.png&w=384&q=75"/></div><div class="flex items-center justify-center mx-4 p-0 md:p-4 rounded transition-all duration-300 transform hover:scale-105"><img alt="Company logo" loading="lazy" width="150" height="40" decoding="async" data-nimg="1" class="object-contain rounded filter grayscale hover:grayscale-0 transition-all duration-300" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Funosecure.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Funosecure.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Funosecure.png&w=384&q=75"/></div><div class="flex items-center justify-center mx-4 p-0 md:p-4 rounded transition-all duration-300 transform hover:scale-105"><img alt="Company logo" loading="lazy" width="150" height="40" decoding="async" data-nimg="1" class="object-contain rounded filter grayscale hover:grayscale-0 transition-all duration-300" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fsuperjoin.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fsuperjoin.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fsuperjoin.png&w=384&q=75"/></div><div class="flex items-center justify-center mx-4 p-0 md:p-4 rounded transition-all duration-300 transform hover:scale-105"><img alt="Company logo" loading="lazy" width="150" height="40" decoding="async" data-nimg="1" class="object-contain rounded filter grayscale hover:grayscale-0 transition-all duration-300" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fkeploy.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fkeploy.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fkeploy.png&w=384&q=75"/></div><div class="flex items-center justify-center mx-4 p-0 md:p-4 rounded transition-all duration-300 transform hover:scale-105"><img alt="Company logo" loading="lazy" width="150" height="40" decoding="async" data-nimg="1" class="object-contain rounded filter grayscale hover:grayscale-0 transition-all duration-300" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fzircle.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fzircle.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fzircle.png&w=384&q=75"/></div><div class="flex items-center justify-center mx-4 p-0 md:p-4 rounded transition-all duration-300 transform hover:scale-105"><img alt="Company logo" loading="lazy" width="150" height="40" decoding="async" data-nimg="1" class="object-contain rounded filter grayscale hover:grayscale-0 transition-all duration-300" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fgenuin.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fgenuin.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fgenuin.png&w=384&q=75"/></div></div><div class="flex shrink-0 justify-around [gap:var(--gap)] animate-marquee flex-row group-hover:[animation-play-state:paused] [animation-direction:reverse]"><div class="flex items-center justify-center mx-4 p-0 md:p-4 rounded transition-all duration-300 transform hover:scale-105"><img alt="Company logo" loading="lazy" width="150" height="40" decoding="async" data-nimg="1" class="object-contain rounded filter grayscale hover:grayscale-0 transition-all duration-300" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fbaylink.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fbaylink.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fbaylink.png&w=384&q=75"/></div><div class="flex items-center justify-center mx-4 p-0 md:p-4 rounded transition-all duration-300 transform hover:scale-105"><img alt="Company logo" loading="lazy" width="150" height="40" decoding="async" data-nimg="1" class="object-contain rounded filter grayscale hover:grayscale-0 transition-all duration-300" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fgocodeo.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fgocodeo.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fgocodeo.png&w=384&q=75"/></div><div class="flex items-center justify-center mx-4 p-0 md:p-4 rounded transition-all duration-300 transform hover:scale-105"><img alt="Company logo" loading="lazy" width="150" height="40" decoding="async" data-nimg="1" class="object-contain rounded filter grayscale hover:grayscale-0 transition-all duration-300" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fpettle.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fpettle.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fpettle.png&w=384&q=75"/></div><div class="flex items-center justify-center mx-4 p-0 md:p-4 rounded transition-all duration-300 transform hover:scale-105"><img alt="Company logo" loading="lazy" width="150" height="40" decoding="async" data-nimg="1" class="object-contain rounded filter grayscale hover:grayscale-0 transition-all duration-300" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fyellow_ai_logo.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fyellow_ai_logo.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fyellow_ai_logo.png&w=384&q=75"/></div><div class="flex items-center justify-center mx-4 p-0 md:p-4 rounded transition-all duration-300 transform hover:scale-105"><img alt="Company logo" loading="lazy" width="150" height="40" decoding="async" data-nimg="1" class="object-contain rounded filter grayscale hover:grayscale-0 transition-all duration-300" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fzeron.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fzeron.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fzeron.png&w=384&q=75"/></div><div class="flex items-center justify-center mx-4 p-0 md:p-4 rounded transition-all duration-300 transform hover:scale-105"><img alt="Company logo" loading="lazy" width="150" height="40" decoding="async" data-nimg="1" class="object-contain rounded filter grayscale hover:grayscale-0 transition-all duration-300" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fprospyr.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fprospyr.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fprospyr.png&w=384&q=75"/></div><div class="flex items-center justify-center mx-4 p-0 md:p-4 rounded transition-all duration-300 transform hover:scale-105"><img alt="Company logo" loading="lazy" width="150" height="40" decoding="async" data-nimg="1" class="object-contain rounded filter grayscale hover:grayscale-0 transition-all duration-300" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Funosecure.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Funosecure.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Funosecure.png&w=384&q=75"/></div><div class="flex items-center justify-center mx-4 p-0 md:p-4 rounded transition-all duration-300 transform hover:scale-105"><img alt="Company logo" loading="lazy" width="150" height="40" decoding="async" data-nimg="1" class="object-contain rounded filter grayscale hover:grayscale-0 transition-all duration-300" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fsuperjoin.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fsuperjoin.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fsuperjoin.png&w=384&q=75"/></div><div class="flex items-center justify-center mx-4 p-0 md:p-4 rounded transition-all duration-300 transform hover:scale-105"><img alt="Company logo" loading="lazy" width="150" height="40" decoding="async" data-nimg="1" class="object-contain rounded filter grayscale hover:grayscale-0 transition-all duration-300" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fkeploy.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fkeploy.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fkeploy.png&w=384&q=75"/></div><div class="flex items-center justify-center mx-4 p-0 md:p-4 rounded transition-all duration-300 transform hover:scale-105"><img alt="Company logo" loading="lazy" width="150" height="40" decoding="async" data-nimg="1" class="object-contain rounded filter grayscale hover:grayscale-0 transition-all duration-300" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fzircle.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fzircle.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fzircle.png&w=384&q=75"/></div><div class="flex items-center justify-center mx-4 p-0 md:p-4 rounded transition-all duration-300 transform hover:scale-105"><img alt="Company logo" loading="lazy" width="150" height="40" decoding="async" data-nimg="1" class="object-contain rounded filter grayscale hover:grayscale-0 transition-all duration-300" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fgenuin.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fgenuin.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fdbgi97grppr1g.cloudfront.net%2Fcompany_logos%2Fgenuin.png&w=384&q=75"/></div></div></div><div class="pointer-events-none absolute inset-y-0 left-0 w-32 bg-gradient-to-r from-violet-100 via-violet-100 to-transparent"></div><div class="pointer-events-none absolute inset-y-0 right-0 w-32 bg-gradient-to-l from-violet-100 via-violet-100 to-transparent"></div></div></section></section><section id="how-it-works"><section class=" p-5 md:py-16"><div class="max-w-6xl mx-auto"><div class="max-w-6xl px-6 mx-auto text-center mb-12"><div class="text-center"><div class="relative flex items-center justify-center gap-4 mb-5 before:h-px before:w-24 before:border-b before:[border-image:linear-gradient(to_left,theme(colors.violet.300),transparent)1] dark:before:[border-image:linear-gradient(to_left,theme(colors.violet.300/.16),transparent)1] before:shadow-sm before:shadow-white/20 dark:before:shadow-none after:h-px after:w-24 after:border-b after:[border-image:linear-gradient(to_right,theme(colors.violet.300),transparent)1] dark:after:[border-image:linear-gradient(to_right,theme(colors.violet.300/.16),transparent)1] after:shadow-sm after:shadow-white/20 dark:after:shadow-none"><div class="relative text-sm font-medium text-gray-700 bg-white dark:bg-gray-700 inline-flex rounded whitespace-nowrap px-3 py-[3px] tracking-normal before:absolute before:inset-0 before:rounded before:[background-image:linear-gradient(120deg,transparent_0%,theme(colors.violet.400/.12)_33%,theme(colors.pink.400/.12)_66%,theme(colors.amber.200/.12)_100%)] dark:before:[background-image:linear-gradient(120deg,theme(colors.violet.400/.16),theme(colors.violet.600/.16)_50%,transparent_100%)] shadow"><div class="absolute -inset-1.5 bg-violet-500/15 dark:bg-gray-800/65 rounded -z-10 before:absolute before:inset-y-0 before:left-0 before:w-[7px] before:bg-[length:7px_7px] before:[background-position:top_center,bottom_center] before:bg-no-repeat before:[background-image:radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px)] dark:before:[background-image:radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px)] after:absolute after:inset-y-0 after:right-0 after:w-[7px] after:bg-[length:7px_7px] after:[background-position:top_center,bottom_center] after:bg-no-repeat after:[background-image:radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px)] dark:after:[background-image:radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px)]" aria-hidden="true"></div><span class="relative text-gray-800 dark:text-transparent dark:bg-clip-text dark:bg-gradient-to-b dark:from-violet-500 dark:to-violet-50">Create Stunning Content in Three Simple Steps</span></div></div><div><h2 class="text-3xl md:text-5xl font-bold text-gray-800 pb-4">How It Works?</h2><p class="md:text-lg text-gray-700 dark:text-gray-400">We know you're busy. That's why we've made Kroto incredibly easy to use—so you can get back to doing what you do best.</p></div></div></div><div class="grid sm:grid-cols-2 md:grid-cols-3 gap-8 mb-12"><article class="group bg-white rounded overflow-hidden shadow-sm transition-all duration-300 hover:shadow-md hover:scale-[1.02]"><div class="p-6 flex flex-col h-full"><figure class="mb-6 overflow-hidden rounded"><img alt="Record" loading="lazy" width="342" height="280" decoding="async" data-nimg="1" class="w-full h-48 object-cover transition-transform duration-500 group-hover:scale-105" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkroto_chrome_extension.f24a69fc.png&w=384&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkroto_chrome_extension.f24a69fc.png&w=750&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkroto_chrome_extension.f24a69fc.png&w=750&q=75"/></figure><div class="flex items-center space-x-3 mb-3"><div class="text-violet-500 transition-transform duration-300 group-hover:scale-110 group-hover:rotate-3"><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-disc2 w-6 h-6"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="4"></circle><path d="M12 12h.01"></path></svg></div><h3 class="font-semibold text-xl text-violet-700 group-hover:text-violet-800 transition-colors duration-300">Record</h3></div><p class="text-gray-600 group-hover:text-gray-800 transition-colors duration-300">Capture your screen and walk through your process. Kroto's intuitive interface lets you start recording with just a click.</p></div></article><article class="group bg-white rounded overflow-hidden shadow-sm transition-all duration-300 hover:shadow-md hover:scale-[1.02]"><div class="p-6 flex flex-col h-full"><figure class="mb-6 overflow-hidden rounded"><img alt="Edit" loading="lazy" width="342" height="280" decoding="async" data-nimg="1" class="w-full h-48 object-cover transition-transform duration-500 group-hover:scale-105" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkroto_editor.c6f10a2a.png&w=384&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkroto_editor.c6f10a2a.png&w=750&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkroto_editor.c6f10a2a.png&w=750&q=75"/></figure><div class="flex items-center space-x-3 mb-3"><div class="text-violet-500 transition-transform duration-300 group-hover:scale-110 group-hover:rotate-3"><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-pen-line w-6 h-6"><path d="M12 20h9"></path><path d="M16.376 3.622a1 1 0 0 1 3.002 3.002L7.368 18.635a2 2 0 0 1-.855.506l-2.872.838a.5.5 0 0 1-.62-.62l.838-2.872a2 2 0 0 1 .506-.854z"></path></svg></div><h3 class="font-semibold text-xl text-violet-700 group-hover:text-violet-800 transition-colors duration-300">Edit</h3></div><p class="text-gray-600 group-hover:text-gray-800 transition-colors duration-300">Polish your content using our intuitive Notion-like text editor and user-friendly video editor. Refine every detail to perfection.</p></div></article><article class="group bg-white rounded overflow-hidden shadow-sm transition-all duration-300 hover:shadow-md hover:scale-[1.02]"><div class="p-6 flex flex-col h-full"><figure class="mb-6 overflow-hidden rounded"><img alt="Share" loading="lazy" width="342" height="280" decoding="async" data-nimg="1" class="w-full h-48 object-cover transition-transform duration-500 group-hover:scale-105" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fone_click_share.d8fde406.png&w=384&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fone_click_share.d8fde406.png&w=750&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fone_click_share.d8fde406.png&w=750&q=75"/></figure><div class="flex items-center space-x-3 mb-3"><div class="text-violet-500 transition-transform duration-300 group-hover:scale-110 group-hover:rotate-3"><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-share2 w-6 h-6"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"></line><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"></line></svg></div><h3 class="font-semibold text-xl text-violet-700 group-hover:text-violet-800 transition-colors duration-300">Share</h3></div><p class="text-gray-600 group-hover:text-gray-800 transition-colors duration-300">Distribute your guides and tutorials with a single click. Kroto integrates with your existing tools, so your content is always where your team needs it.</p></div></article></div><div class="flex justify-center"><button class="group relative overflow-hidden rounded shadow-lg transform rotate-1 transition-all duration-300 hover:rotate-0 hover:scale-105" style="width:400px;height:225px"><div class="absolute inset-0 bg-black opacity-40 group-hover:opacity-30 transition-opacity duration-300"></div><video src="https://dbgi97grppr1g.cloudfront.net/Kroto_demo_short.mp4" loop="" autoPlay="" muted="" playsInline="" class="w-full h-full object-cover"></video><div class="absolute inset-0 flex flex-col items-center justify-center text-white"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 51" class="w-12 h-12 mb-4"><path d="M0.649 4.422C0.649 1.846 3.397 0.29 5.487 1.683L36.986 22.679C38.909 23.96 38.909 26.874 36.986 28.155L5.487 49.151C3.397 50.543 0.649 48.988 0.649 46.412Z" fill="white" stroke-width="0.82" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path></svg><h3 class="text-2xl font-semibold mb-2">See Kroto in action! ⚡️</h3><p class="text-lg font-medium">Watch the demo</p></div></button></div></div></section></section><section id="use-cases"><section class="mt-20 p-4 md:p-0 bg-violet-50 "><div class="py-12 md:py-20"><div class="max-w-6xl mx-auto"><div class="max-w-3xl mx-auto text-center pb-12"><div class="max-w-6xl px-6 mx-auto "><div class="text-center"><div class="relative flex items-center justify-center gap-4 mb-5 before:h-px before:w-24 before:border-b before:[border-image:linear-gradient(to_left,theme(colors.violet.300),transparent)1] dark:before:[border-image:linear-gradient(to_left,theme(colors.violet.300/.16),transparent)1] before:shadow-sm before:shadow-white/20 dark:before:shadow-none after:h-px after:w-24 after:border-b after:[border-image:linear-gradient(to_right,theme(colors.violet.300),transparent)1] dark:after:[border-image:linear-gradient(to_right,theme(colors.violet.300/.16),transparent)1] after:shadow-sm after:shadow-white/20 dark:after:shadow-none"><div class="relative text-sm font-medium text-gray-700 bg-white dark:bg-gray-700 inline-flex rounded whitespace-nowrap px-3 py-[3px] tracking-normal before:absolute before:inset-0 before:rounded before:[background-image:linear-gradient(120deg,transparent_0%,theme(colors.violet.400/.12)_33%,theme(colors.pink.400/.12)_66%,theme(colors.amber.200/.12)_100%)] dark:before:[background-image:linear-gradient(120deg,theme(colors.violet.400/.16),theme(colors.violet.600/.16)_50%,transparent_100%)] shadow"><div class="absolute -inset-1.5 bg-violet-500/15 dark:bg-gray-800/65 rounded -z-10 before:absolute before:inset-y-0 before:left-0 before:w-[7px] before:bg-[length:7px_7px] before:[background-position:top_center,bottom_center] before:bg-no-repeat before:[background-image:radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px)] dark:before:[background-image:radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px)] after:absolute after:inset-y-0 after:right-0 after:w-[7px] after:bg-[length:7px_7px] after:[background-position:top_center,bottom_center] after:bg-no-repeat after:[background-image:radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px)] dark:after:[background-image:radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px)]" aria-hidden="true"></div><span class="relative text-gray-800 dark:text-transparent dark:bg-clip-text dark:bg-gradient-to-b dark:from-violet-500 dark:to-violet-50">Use Cases</span></div></div><div><h2 class="text-3xl md:text-5xl font-bold text-gray-800 pb-4">Built using Kroto in <5 mins</h2><p class="md:text-lg text-gray-700 dark:text-gray-400"> Create stunning how-to videos and step-by-step guides in minutes. Perfect for customer training, team onboarding, and process documentation.</p></div></div></div></div><div><div class="grid px-6 grid-cols-1 md:grid-cols-3 gap-4 md:gap-6"><button class="text-left px-6 py-4 rounded transition-all duration-300 bg-white shadow-lg scale-105 border-2 border-violet-300"><div class="flex items-center space-x-3 mb-2"><div class="text-violet-600 transition-all duration-300 scale-110"><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-users w-6 h-6"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg></div><h3 class="font-semibold text-lg text-gray-900">Train Customers</h3></div><p class="text-sm text-gray-600">Accelerate customer onboarding and boost product adoption.</p></button><button class="text-left px-6 py-4 rounded transition-all duration-300 bg-violet-100 hover:bg-violet-200"><div class="flex items-center space-x-3 mb-2"><div class="text-violet-600 transition-all 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-user-plus w-6 h-6"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><line x1="19" x2="19" y1="8" y2="14"></line><line x1="22" x2="16" y1="11" y2="11"></line></svg></div><h3 class="font-semibold text-lg text-gray-900">Train Teammates</h3></div><p class="text-sm text-gray-600">Streamline team onboarding and enhance collaboration.</p></button><button class="text-left px-6 py-4 rounded transition-all duration-300 bg-violet-100 hover:bg-violet-200"><div class="flex items-center space-x-3 mb-2"><div class="text-violet-600 transition-all 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-clipboard-list w-6 h-6"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"></rect><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path><path d="M12 11h4"></path><path d="M12 16h4"></path><path d="M8 11h.01"></path><path d="M8 16h.01"></path></svg></div><h3 class="font-semibold text-lg text-gray-900">Process Documentation</h3></div><p class="text-sm text-gray-600">Maintain clear documentation to streamline operations and training.</p></button></div><div class="relative lg:max-w-none max-h-[1024px] [mask-image:linear-gradient(white_0%,white_calc(100%-40px),_transparent_calc(100%-1px))] "><div class="flex flex-col pt-12 md:pt-20"><div class="w-full text-center"><div class="inline-flex align-top"><div class="rounded-t-lg max-w-xl border border-transparent [background:linear-gradient(theme(colors.white),theme(colors.white))_padding-box,linear-gradient(120deg,theme(colors.gray.300),theme(colors.gray.100),theme(colors.gray.300))_border-box] box-content shadow-2xl"><div class="relative w-full overflow-hidden rounded"><video class="w-full h-full"><source src="https://dbgi97grppr1g.cloudfront.net/cly4j2ack0000nn2o6zvb2bbm/video_3ee82dee-f7d9-4997-b8f3-9c4f12991d41.mp4" type="video/mp4"/></video><div class="group absolute bottom-0 left-0 right-0 top-0 flex h-full w-full cursor-pointer items-center justify-center bg-black/10 duration-150"><div class="rounded-full bg-white/20 p-8 text-4xl text-white duration-150 hover:text-white group-hover:scale-[1.2]"><span></span></div></div></div><h3 class="font-bold text-xl p-4 text-left">How to add collaborators on a Kroto Collection</h3><img alt="Train Customers" loading="lazy" width="1558" height="2014" decoding="async" data-nimg="1" class="relative object-cover" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgoogle-calendar-event.c06eb314.jpg&w=1920&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgoogle-calendar-event.c06eb314.jpg&w=3840&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgoogle-calendar-event.c06eb314.jpg&w=3840&q=75"/></div></div></div><div class="w-full text-center" hidden="" style="display:none"><div class="inline-flex align-top"><div class="rounded-t-lg max-w-xl border border-transparent [background:linear-gradient(theme(colors.white),theme(colors.white))_padding-box,linear-gradient(120deg,theme(colors.gray.300),theme(colors.gray.100),theme(colors.gray.300))_border-box] box-content shadow-2xl"><div class="relative w-full overflow-hidden rounded"><video class="w-full h-full"><source src="https://dbgi97grppr1g.cloudfront.net/cly4j2ack0000nn2o6zvb2bbm/video_ee8bbf5a-dd56-446c-84a7-6ea32f483970.mp4" type="video/mp4"/></video><div class="group absolute bottom-0 left-0 right-0 top-0 flex h-full w-full cursor-pointer items-center justify-center bg-black/10 duration-150"><div class="rounded-full bg-white/20 p-8 text-4xl text-white duration-150 hover:text-white group-hover:scale-[1.2]"><span></span></div></div></div><h3 class="font-bold text-xl p-4 text-left">How to add a task on a Jira Kan-Ban Board</h3><img alt="Train Teammates" loading="lazy" width="1026" height="1466" decoding="async" data-nimg="1" class="relative object-cover" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fadd_jira_task.37ac80b7.jpg&w=1080&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fadd_jira_task.37ac80b7.jpg&w=3840&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fadd_jira_task.37ac80b7.jpg&w=3840&q=75"/></div></div></div><div class="w-full text-center" hidden="" style="display:none"><div class="inline-flex align-top"><div class="rounded-t-lg max-w-xl border border-transparent [background:linear-gradient(theme(colors.white),theme(colors.white))_padding-box,linear-gradient(120deg,theme(colors.gray.300),theme(colors.gray.100),theme(colors.gray.300))_border-box] box-content shadow-2xl"><div class="relative w-full overflow-hidden rounded"><video class="w-full h-full"><source src="https://dbgi97grppr1g.cloudfront.net/cly4j2ack0000nn2o6zvb2bbm/video_55bdf56d-7e39-434b-bcc4-e0455940b235.mp4" type="video/mp4"/></video><div class="group absolute bottom-0 left-0 right-0 top-0 flex h-full w-full cursor-pointer items-center justify-center bg-black/10 duration-150"><div class="rounded-full bg-white/20 p-8 text-4xl text-white duration-150 hover:text-white group-hover:scale-[1.2]"><span></span></div></div></div><h3 class="font-bold text-xl p-4 text-left">Creating a Bug / Issue (Kroto QA Team)</h3><img alt="Process Documentation" loading="lazy" width="1190" height="1542" decoding="async" data-nimg="1" class="relative object-cover" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fadd_bug_notion.e2749bc0.jpg&w=1200&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fadd_bug_notion.e2749bc0.jpg&w=3840&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fadd_bug_notion.e2749bc0.jpg&w=3840&q=75"/></div></div></div><img alt="" loading="lazy" width="250" height="400" decoding="async" data-nimg="1" class="invisible lg:visible absolute top-48 right-10" style="color:transparent" src="/_next/static/media/studio-quality-video-arrow.da67b7a6.svg"/><img alt="" loading="lazy" width="250" height="400" decoding="async" data-nimg="1" class="invisible lg:visible absolute bottom-80 left-10" style="color:transparent" src="/_next/static/media/step-by-step-guide-arrow.5e443d77.svg"/><div class="flex animate-float text-sm flex-col gap-1 invisible lg:visible absolute top-40 left-32"><div class="p-2 flex gap-1 text-violet-200 bg-violet-600/80 backdrop-blur rounded border border-violet-400"><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-sparkle w-4"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path></svg><span>AI Voiceover</span></div><div class="p-2 flex gap-1 text-violet-200 bg-violet-600/80 backdrop-blur rounded border border-violet-400"><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-zoom-in w-4"><circle cx="11" cy="11" r="8"></circle><line x1="21" x2="16.65" y1="21" y2="16.65"></line><line x1="11" x2="11" y1="8" y2="14"></line><line x1="8" x2="14" y1="11" y2="11"></line></svg><span>Zoom & Pan Effects</span></div><div class="p-2 flex gap-1 text-violet-200 bg-violet-600/80 backdrop-blur rounded border border-violet-400"><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-film w-4"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M7 3v18"></path><path d="M3 7.5h4"></path><path d="M3 12h18"></path><path d="M3 16.5h4"></path><path d="M17 3v18"></path><path d="M17 7.5h4"></path><path d="M17 16.5h4"></path></svg><span>Beautiful Intro & Outro</span></div></div><div class="flex animate-float text-sm flex-col gap-1 invisible lg:visible absolute bottom-72 right-40"><div class="p-2 flex gap-1 text-violet-200 bg-violet-600/80 backdrop-blur rounded border border-violet-400"><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-route w-4"><circle cx="6" cy="19" r="3"></circle><path d="M9 19h8.5a3.5 3.5 0 0 0 0-7h-11a3.5 3.5 0 0 1 0-7H15"></path><circle cx="18" cy="5" r="3"></circle></svg><span>Clear Instructions</span></div><div class="p-2 flex gap-1 text-violet-200 bg-violet-600/80 backdrop-blur rounded border border-violet-400"><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-play w-4"><path d="m11 16-5 5"></path><path d="M11 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v6.5"></path><path d="M15.765 22a.5.5 0 0 1-.765-.424V13.38a.5.5 0 0 1 .765-.424l5.878 3.674a1 1 0 0 1 0 1.696z"></path><circle cx="9" cy="9" r="2"></circle></svg><span>Editable GIFs</span></div><div class="p-2 flex gap-1 text-violet-200 bg-violet-600/80 backdrop-blur rounded border border-violet-400"><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-mouse-pointer-click w-4"><path d="M14 4.1 12 6"></path><path d="m5.1 8-2.9-.8"></path><path d="m6 12-1.9 2"></path><path d="M7.2 2.2 8 5.1"></path><path d="M9.037 9.69a.498.498 0 0 1 .653-.653l11 4.5a.5.5 0 0 1-.074.949l-4.349 1.041a1 1 0 0 0-.74.739l-1.04 4.35a.5.5 0 0 1-.95.074z"></path></svg><span>Click Highlights</span></div></div></div></div></div></div></div></section></section><section class="py-20 bg-gradient-to-b from-violet-50 via-white to-violet-100"><div class="max-w-6xl mx-auto px-4"><div class="max-w-6xl px-6 mx-auto "><div class="text-center"><div class="relative flex items-center justify-center gap-4 mb-5 before:h-px before:w-24 before:border-b before:[border-image:linear-gradient(to_left,theme(colors.violet.300),transparent)1] dark:before:[border-image:linear-gradient(to_left,theme(colors.violet.300/.16),transparent)1] before:shadow-sm before:shadow-white/20 dark:before:shadow-none after:h-px after:w-24 after:border-b after:[border-image:linear-gradient(to_right,theme(colors.violet.300),transparent)1] dark:after:[border-image:linear-gradient(to_right,theme(colors.violet.300/.16),transparent)1] after:shadow-sm after:shadow-white/20 dark:after:shadow-none"><div class="relative text-sm font-medium text-gray-700 bg-white dark:bg-gray-700 inline-flex rounded whitespace-nowrap px-3 py-[3px] tracking-normal before:absolute before:inset-0 before:rounded before:[background-image:linear-gradient(120deg,transparent_0%,theme(colors.violet.400/.12)_33%,theme(colors.pink.400/.12)_66%,theme(colors.amber.200/.12)_100%)] dark:before:[background-image:linear-gradient(120deg,theme(colors.violet.400/.16),theme(colors.violet.600/.16)_50%,transparent_100%)] shadow"><div class="absolute -inset-1.5 bg-violet-500/15 dark:bg-gray-800/65 rounded -z-10 before:absolute before:inset-y-0 before:left-0 before:w-[7px] before:bg-[length:7px_7px] before:[background-position:top_center,bottom_center] before:bg-no-repeat before:[background-image:radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px)] dark:before:[background-image:radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px)] after:absolute after:inset-y-0 after:right-0 after:w-[7px] after:bg-[length:7px_7px] after:[background-position:top_center,bottom_center] after:bg-no-repeat after:[background-image:radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px)] dark:after:[background-image:radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px)]" aria-hidden="true"></div><span class="relative text-gray-800 dark:text-transparent dark:bg-clip-text dark:bg-gradient-to-b dark:from-violet-500 dark:to-violet-50">Solution</span></div></div><div><h2 class="text-3xl md:text-5xl font-bold text-gray-800 pb-4">The Problem We Solve</h2><p class="md:text-lg text-gray-700 dark:text-gray-400">Transforming documentation and training from time-consuming to effortless</p></div></div></div><div class="mt-12 grid md:grid-cols-2 gap-12 items-center"><div class="bg-white p-8 rounded shadow-lg"><h3 class="text-2xl font-bold text-violet-900 mb-4">The Challenge</h3><p class="text-gray-700 mb-6">Does your team waste hours answering the same questions or struggling to onboard new employees quickly? You're not alone. For most businesses, documentation and training are necessary but time-consuming, leaving your team frustrated and your customers in the dark.</p><div class="w-16 h-1 bg-violet-500 mb-6"></div><p class="text-lg font-semibold text-violet-900">It's time for a change.</p></div><div><h3 class="text-2xl font-bold text-violet-900 mb-6">What if you could:</h3><ul class="space-y-6"><li class="flex items-start bg-white p-4 rounded shadow-md transition-all duration-300 hover:shadow-lg hover:scale-105"><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 w-6 h-6 text-green-500 mr-3 flex-shrink-0 mt-1"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg><span class="text-gray-700">Instantly create clear, step-by-step guides that reduce support tickets by 30%.</span></li><li class="flex items-start bg-white p-4 rounded shadow-md transition-all duration-300 hover:shadow-lg hover:scale-105"><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 w-6 h-6 text-green-500 mr-3 flex-shrink-0 mt-1"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg><span class="text-gray-700">Speed up your onboarding process by 40% without cutting corners.</span></li><li class="flex items-start bg-white p-4 rounded shadow-md transition-all duration-300 hover:shadow-lg hover:scale-105"><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 w-6 h-6 text-green-500 mr-3 flex-shrink-0 mt-1"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg><span class="text-gray-700">Deliver content so intuitive that your customers never have to ask 'How do I use this?' again.</span></li></ul></div></div><div class="mt-16 text-center"><h3 class="text-3xl font-bold text-gray-900 mb-8">Kroto makes it possible.</h3><div class="w-fit mx-auto"><a class="inline-flex items-center justify-center whitespace-nowrap rounded text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2 text-xl flex gap-1 py-8 px-8 hover:bg-violet-100" href="https://app.kroto.one">Get started<span class="text-sm font-normal">- For FREE</span></a></div></div></div></section><section class="py-16 bg-gradient-to-b from-violet-100 via-violet-50 to-violet-100"><div class="max-w-6xl px-4 mx-auto"><div class="max-w-6xl px-6 mx-auto "><div class="text-center"><div class="relative flex items-center justify-center gap-4 mb-5 before:h-px before:w-24 before:border-b before:[border-image:linear-gradient(to_left,theme(colors.violet.300),transparent)1] dark:before:[border-image:linear-gradient(to_left,theme(colors.violet.300/.16),transparent)1] before:shadow-sm before:shadow-white/20 dark:before:shadow-none after:h-px after:w-24 after:border-b after:[border-image:linear-gradient(to_right,theme(colors.violet.300),transparent)1] dark:after:[border-image:linear-gradient(to_right,theme(colors.violet.300/.16),transparent)1] after:shadow-sm after:shadow-white/20 dark:after:shadow-none"><div class="relative text-sm font-medium text-gray-700 bg-white dark:bg-gray-700 inline-flex rounded whitespace-nowrap px-3 py-[3px] tracking-normal before:absolute before:inset-0 before:rounded before:[background-image:linear-gradient(120deg,transparent_0%,theme(colors.violet.400/.12)_33%,theme(colors.pink.400/.12)_66%,theme(colors.amber.200/.12)_100%)] dark:before:[background-image:linear-gradient(120deg,theme(colors.violet.400/.16),theme(colors.violet.600/.16)_50%,transparent_100%)] shadow"><div class="absolute -inset-1.5 bg-violet-500/15 dark:bg-gray-800/65 rounded -z-10 before:absolute before:inset-y-0 before:left-0 before:w-[7px] before:bg-[length:7px_7px] before:[background-position:top_center,bottom_center] before:bg-no-repeat before:[background-image:radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px)] dark:before:[background-image:radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px)] after:absolute after:inset-y-0 after:right-0 after:w-[7px] after:bg-[length:7px_7px] after:[background-position:top_center,bottom_center] after:bg-no-repeat after:[background-image:radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px)] dark:after:[background-image:radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px)]" aria-hidden="true"></div><span class="relative text-gray-800 dark:text-transparent dark:bg-clip-text dark:bg-gradient-to-b dark:from-violet-500 dark:to-violet-50">Testimonials</span></div></div><div><h2 class="text-3xl md:text-5xl font-bold text-gray-800 pb-4">Real Results, Real Impact</h2><p class="md:text-lg text-gray-700 dark:text-gray-400">Our users don't just like Kroto—they rely on it to achieve real results. Here's what some of them have to say:</p></div></div></div><div class="grid max-w-6xl grid-cols-1 md:grid-cols-2 gap-8 py-10"><div class="bg-white rounded shadow-md p-6 transition-all duration-300 hover:shadow-lg hover:-translate-y-1"><div class="flex items-center mb-4"><img alt="Hoshang Mehta" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="rounded-full mr-4" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fph-avatars.imgix.net%2F5399095%2Foriginal.png%3Fauto%3Dcompress%26codec%3Dmozjpeg%26cs%3Dstrip%26auto%3Dformat&w=48&q=75 1x, /_next/image?url=https%3A%2F%2Fph-avatars.imgix.net%2F5399095%2Foriginal.png%3Fauto%3Dcompress%26codec%3Dmozjpeg%26cs%3Dstrip%26auto%3Dformat&w=96&q=75 2x" src="/_next/image?url=https%3A%2F%2Fph-avatars.imgix.net%2F5399095%2Foriginal.png%3Fauto%3Dcompress%26codec%3Dmozjpeg%26cs%3Dstrip%26auto%3Dformat&w=96&q=75"/><div><h4 class="text-lg font-semibold text-violet-900">Hoshang Mehta</h4><p class="text-sm text-gray-600">Co-founder at Airbook</p></div></div><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-quote w-6 h-6 text-violet-200 mb-2"><path d="M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path><path d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path></svg><p class="text-gray-700 whitespace-pre-wrap mb-2">I've been an early Kroto user and love how far they've come! This is a fantastic product! My team spends a lot of time manually creating docs, making gifs, and writing 'How To' guides. Almost all our docs have explainer videos too. This will save me a ton of time and help me distribute content more effectively! Also, I've loved interacting with the Kroto team—They're quick, customer-friendly, and genuinely eager to help out in anyway they can.</p></div><div class="bg-white rounded shadow-md p-6 transition-all duration-300 hover:shadow-lg hover:-translate-y-1"><div class="flex items-center mb-4"><img alt="Soham Mitra" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="rounded-full mr-4" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fsenja-io.s3.us-west-1.amazonaws.com%2Fpublic%2Fmedia%2F5b3ab7e2-cd92-4030-9ca7-f10c1278dfd0_8b729f63-2b07-4dab-bcb5-e808bc2e99b5_Soham%2520Mitra%2520LinkedIn.jpeg&w=48&q=75 1x, /_next/image?url=https%3A%2F%2Fsenja-io.s3.us-west-1.amazonaws.com%2Fpublic%2Fmedia%2F5b3ab7e2-cd92-4030-9ca7-f10c1278dfd0_8b729f63-2b07-4dab-bcb5-e808bc2e99b5_Soham%2520Mitra%2520LinkedIn.jpeg&w=96&q=75 2x" src="/_next/image?url=https%3A%2F%2Fsenja-io.s3.us-west-1.amazonaws.com%2Fpublic%2Fmedia%2F5b3ab7e2-cd92-4030-9ca7-f10c1278dfd0_8b729f63-2b07-4dab-bcb5-e808bc2e99b5_Soham%2520Mitra%2520LinkedIn.jpeg&w=96&q=75"/><div><h4 class="text-lg font-semibold text-violet-900">Soham Mitra</h4><p class="text-sm text-gray-600">Customer Experience Manager @Zeron</p></div></div><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-quote w-6 h-6 text-violet-200 mb-2"><path d="M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path><path d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path></svg><p class="text-gray-700 whitespace-pre-wrap mb-2">Kroto is a revolutionary platform that has significantly streamlined our content creation process. Its AI-powered capabilities have enabled us to produce high-quality videos and documentation. The interface is very user friendly and specifically on the go editing capabilities saves a lot of time. boosting the overall productivity. It is a must have tool for the Marketing, Product and Customer Success/Experience teams. We're impressed with Kroto's ability to transform the industry of content generation. @rosekamallove Kudos to you and your team for creating such an amazing product.</p></div><div class="bg-white rounded shadow-md p-6 transition-all duration-300 hover:shadow-lg hover:-translate-y-1"><div class="flex items-center mb-4"><img alt="Dan Robins" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="rounded-full mr-4" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fph-avatars.imgix.net%2F4103574%2F8bb66edd-66b4-464e-abcf-869563405e71.png%3Fauto%3Dcompress%26codec%3Dmozjpeg%26cs%3Dstrip%26auto%3Dformat&w=48&q=75 1x, /_next/image?url=https%3A%2F%2Fph-avatars.imgix.net%2F4103574%2F8bb66edd-66b4-464e-abcf-869563405e71.png%3Fauto%3Dcompress%26codec%3Dmozjpeg%26cs%3Dstrip%26auto%3Dformat&w=96&q=75 2x" src="/_next/image?url=https%3A%2F%2Fph-avatars.imgix.net%2F4103574%2F8bb66edd-66b4-464e-abcf-869563405e71.png%3Fauto%3Dcompress%26codec%3Dmozjpeg%26cs%3Dstrip%26auto%3Dformat&w=96&q=75"/><div><h4 class="text-lg font-semibold text-violet-900">Dan Robins</h4><p class="text-sm text-gray-600">Director and Co-Founder @Dualo</p></div></div><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-quote w-6 h-6 text-violet-200 mb-2"><path d="M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path><path d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path></svg><p class="text-gray-700 whitespace-pre-wrap mb-2">We spent way too long creating and updating help centre videos in the past - a great product.</p></div><div class="bg-white rounded shadow-md p-6 transition-all duration-300 hover:shadow-lg hover:-translate-y-1"><div class="flex items-center mb-4"><img alt="Tony Han" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="rounded-full mr-4" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fph-avatars.imgix.net%2F63223%2F05a4f3ad-3576-4950-b16a-6f3e1dee21e1.jpeg%3Fauto%3Dcompress%26codec%3Dmozjpeg%26cs%3Dstrip%26auto%3Dformat&w=48&q=75 1x, /_next/image?url=https%3A%2F%2Fph-avatars.imgix.net%2F63223%2F05a4f3ad-3576-4950-b16a-6f3e1dee21e1.jpeg%3Fauto%3Dcompress%26codec%3Dmozjpeg%26cs%3Dstrip%26auto%3Dformat&w=96&q=75 2x" src="/_next/image?url=https%3A%2F%2Fph-avatars.imgix.net%2F63223%2F05a4f3ad-3576-4950-b16a-6f3e1dee21e1.jpeg%3Fauto%3Dcompress%26codec%3Dmozjpeg%26cs%3Dstrip%26auto%3Dformat&w=96&q=75"/><div><h4 class="text-lg font-semibold text-violet-900">Tony Han</h4><p class="text-sm text-gray-600">Product Manager with 7 YOE in FinTech, EdTech, and Health</p></div></div><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-quote w-6 h-6 text-violet-200 mb-2"><path d="M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path><path d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path></svg><p class="text-gray-700 whitespace-pre-wrap mb-2">Dang, it's so smooth and easy. This would be super handy for building how-to guides for internal and external teams as a PM, but also it's great for creating support content too.</p></div><div class="bg-white rounded shadow-md p-6 transition-all duration-300 hover:shadow-lg hover:-translate-y-1"><div class="flex items-center mb-4"><img alt="Anna Hanusová" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="rounded-full mr-4" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fph-avatars.imgix.net%2F5763108%2Foriginal.jpeg%3Fauto%3Dcompress%26codec%3Dmozjpeg%26cs%3Dstrip%26auto%3Dformat&w=48&q=75 1x, /_next/image?url=https%3A%2F%2Fph-avatars.imgix.net%2F5763108%2Foriginal.jpeg%3Fauto%3Dcompress%26codec%3Dmozjpeg%26cs%3Dstrip%26auto%3Dformat&w=96&q=75 2x" src="/_next/image?url=https%3A%2F%2Fph-avatars.imgix.net%2F5763108%2Foriginal.jpeg%3Fauto%3Dcompress%26codec%3Dmozjpeg%26cs%3Dstrip%26auto%3Dformat&w=96&q=75"/><div><h4 class="text-lg font-semibold text-violet-900">Anna Hanusová</h4><p class="text-sm text-gray-600">Project Specialist at Leadpicker</p></div></div><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-quote w-6 h-6 text-violet-200 mb-2"><path d="M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path><path d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path></svg><p class="text-gray-700 whitespace-pre-wrap mb-2">Oh my I spend so much time making videos and documentation...it's great to see there is solution that makes it simpler and easier for next time :)</p></div><div class="bg-white rounded shadow-md p-6 transition-all duration-300 hover:shadow-lg hover:-translate-y-1"><div class="flex items-center mb-4"><img alt="Prem Saini" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="rounded-full mr-4" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fph-avatars.imgix.net%2F4438396%2F079fabcb-7d01-42d9-a98f-2fc7befce04e.png%3Fauto%3Dcompress%26codec%3Dmozjpeg%26cs%3Dstrip%26auto%3Dformat&w=48&q=75 1x, /_next/image?url=https%3A%2F%2Fph-avatars.imgix.net%2F4438396%2F079fabcb-7d01-42d9-a98f-2fc7befce04e.png%3Fauto%3Dcompress%26codec%3Dmozjpeg%26cs%3Dstrip%26auto%3Dformat&w=96&q=75 2x" src="/_next/image?url=https%3A%2F%2Fph-avatars.imgix.net%2F4438396%2F079fabcb-7d01-42d9-a98f-2fc7befce04e.png%3Fauto%3Dcompress%26codec%3Dmozjpeg%26cs%3Dstrip%26auto%3Dformat&w=96&q=75"/><div><h4 class="text-lg font-semibold text-violet-900">Prem Saini</h4><p class="text-sm text-gray-600">Founder at Zixflow</p></div></div><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-quote w-6 h-6 text-violet-200 mb-2"><path d="M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path><path d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path></svg><p class="text-gray-700 whitespace-pre-wrap mb-2">Love that it removes the tedious process and will help my team in automating a lot of work is very amazing.</p></div></div></div></section><section id="tabular-features"><div class="bg-gradient-to-b p-4 md:py-16 from-violet-100 to-white py-16"><div class="max-w-6xl mx-auto"><div class="max-w-6xl px-6 mx-auto "><div class="text-center"><div class="relative flex items-center justify-center gap-4 mb-5 before:h-px before:w-24 before:border-b before:[border-image:linear-gradient(to_left,theme(colors.violet.300),transparent)1] dark:before:[border-image:linear-gradient(to_left,theme(colors.violet.300/.16),transparent)1] before:shadow-sm before:shadow-white/20 dark:before:shadow-none after:h-px after:w-24 after:border-b after:[border-image:linear-gradient(to_right,theme(colors.violet.300),transparent)1] dark:after:[border-image:linear-gradient(to_right,theme(colors.violet.300/.16),transparent)1] after:shadow-sm after:shadow-white/20 dark:after:shadow-none"><div class="relative text-sm font-medium text-gray-700 bg-white dark:bg-gray-700 inline-flex rounded whitespace-nowrap px-3 py-[3px] tracking-normal before:absolute before:inset-0 before:rounded before:[background-image:linear-gradient(120deg,transparent_0%,theme(colors.violet.400/.12)_33%,theme(colors.pink.400/.12)_66%,theme(colors.amber.200/.12)_100%)] dark:before:[background-image:linear-gradient(120deg,theme(colors.violet.400/.16),theme(colors.violet.600/.16)_50%,transparent_100%)] shadow"><div class="absolute -inset-1.5 bg-violet-500/15 dark:bg-gray-800/65 rounded -z-10 before:absolute before:inset-y-0 before:left-0 before:w-[7px] before:bg-[length:7px_7px] before:[background-position:top_center,bottom_center] before:bg-no-repeat before:[background-image:radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px)] dark:before:[background-image:radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px)] after:absolute after:inset-y-0 after:right-0 after:w-[7px] after:bg-[length:7px_7px] after:[background-position:top_center,bottom_center] after:bg-no-repeat after:[background-image:radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px)] dark:after:[background-image:radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px)]" aria-hidden="true"></div><span class="relative text-gray-800 dark:text-transparent dark:bg-clip-text dark:bg-gradient-to-b dark:from-violet-500 dark:to-violet-50">Features</span></div></div><div><h2 class="text-3xl md:text-5xl font-bold text-gray-800 pb-4">Powerful Features for Content Creation</h2><p class="md:text-lg text-gray-700 dark:text-gray-400"></p></div></div></div><div class="space-y-12 pt-16"><div id="ai-video-creation" class="bg-white rounded shadow-md overflow-hidden transition-all duration-300 hover:shadow-lg group"><div class="flex flex-col md:flex-row"><div class="p-6 md:w-1/2 flex flex-col justify-between"><div><h3 class="text-2xl font-bold text-violet-900 mb-3">AI-Powered Video Creation</h3><p class="text-gray-700 mb-6">Generate professional-quality videos with AI-driven voiceovers</p><div class="flex items-start mb-4"><div class="flex-shrink-0 mr-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-video w-5 h-5 text-violet-600"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div><div><h4 class="text-base font-semibold text-violet-900 mb-1">Studio-Quality Output</h4><p class="text-sm text-gray-700">Create polished videos that rival professional studio productions.</p></div></div><div class="flex items-start mb-4"><div class="flex-shrink-0 mr-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mic w-5 h-5 text-violet-600"><path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z"></path><path d="M19 10v2a7 7 0 0 1-14 0v-2"></path><line x1="12" x2="12" y1="19" y2="22"></line></svg></div><div><h4 class="text-base font-semibold text-violet-900 mb-1">AI Voiceover Integration</h4><p class="text-sm text-gray-700">Enhance your videos with natural-sounding AI-generated voiceovers.</p></div></div><div class="flex items-start mb-4"><div class="flex-shrink-0 mr-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-panels-top-left w-5 h-5 text-violet-600"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M3 9h18"></path><path d="M9 21V9"></path></svg></div><div><h4 class="text-base font-semibold text-violet-900 mb-1">Customizable Templates</h4><p class="text-sm text-gray-700">Choose from a variety of templates to quickly create videos for any purpose.</p></div></div></div><div class="w-full flex gap-2"><a class="inline-flex items-center justify-center whitespace-nowrap rounded text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 mt-6 w-full cursor-pointer flex gap-1" href="/ai-video-creation"><span>Learn More</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-arrow-right"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a target="_blank" class="inline-flex items-center justify-center whitespace-nowrap rounded text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border bg-background hover:text-accent-foreground h-10 px-4 py-2 mt-6 w-full cursor-pointer border-violet-200 hover:bg-violet-400/20 flex gap-1" href="https://app.kroto.one/publish-page/creating-an-event-on-google-calendar"><span>See Live</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-external-link"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg></a></div></div><div class="md:w-1/2 relative h-64 md:h-auto flex items-center justify-center overflow-hidden"><div class="w-full h-full flex items-center group-hover:scale-105 duration-500 justify-center p-8"><div class="relative w-full overflow-hidden rounded"><video class="w-full h-full"><source src="https://dbgi97grppr1g.cloudfront.net/cly4j2ack0000nn2o6zvb2bbm/video_3ee82dee-f7d9-4997-b8f3-9c4f12991d41.mp4" type="video/mp4"/></video><div class="group absolute bottom-0 left-0 right-0 top-0 flex h-full w-full cursor-pointer items-center justify-center bg-black/10 duration-150"><div class="rounded-full bg-white/20 p-8 text-4xl text-white duration-150 hover:text-white group-hover:scale-[1.2]"><span></span></div></div></div></div></div></div></div><div id="step-by-step-guides" class="bg-white rounded shadow-md overflow-hidden transition-all duration-300 hover:shadow-lg group"><div class="flex flex-col md:flex-row"><div class="p-6 md:w-1/2 flex flex-col justify-between"><div><h3 class="text-2xl font-bold text-violet-900 mb-3">Detailed Visual Guides</h3><p class="text-gray-700 mb-6">Create comprehensive step-by-step articles with precisely cut GIFs</p><div class="flex items-start mb-4"><div class="flex-shrink-0 mr-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-scissors w-5 h-5 text-violet-600"><circle cx="6" cy="6" r="3"></circle><path d="M8.12 8.12 12 12"></path><path d="M20 4 8.12 15.88"></path><circle cx="6" cy="18" r="3"></circle><path d="M14.8 14.8 20 20"></path></svg></div><div><h4 class="text-base font-semibold text-violet-900 mb-1">Precise GIF Integration</h4><p class="text-sm text-gray-700">Incorporate accurately trimmed GIFs to illustrate each step clearly.</p></div></div><div class="flex items-start mb-4"><div class="flex-shrink-0 mr-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open w-5 h-5 text-violet-600"><path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"></path><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"></path></svg></div><div><h4 class="text-base font-semibold text-violet-900 mb-1">Interactive Tutorials</h4><p class="text-sm text-gray-700">Develop engaging, easy-to-follow tutorials for complex processes.</p></div></div><div class="flex items-start mb-4"><div class="flex-shrink-0 mr-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search w-5 h-5 text-violet-600"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path></svg></div><div><h4 class="text-base font-semibold text-violet-900 mb-1">SEO-Optimized Content</h4><p class="text-sm text-gray-700">Craft articles that rank well in search engines and drive organic traffic.</p></div></div></div><div class="w-full flex gap-2"><a class="inline-flex items-center justify-center whitespace-nowrap rounded text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 mt-6 w-full cursor-pointer flex gap-1" href="/step-by-step-guides"><span>Learn More</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-arrow-right"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a target="_blank" class="inline-flex items-center justify-center whitespace-nowrap rounded text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border bg-background hover:text-accent-foreground h-10 px-4 py-2 mt-6 w-full cursor-pointer border-violet-200 hover:bg-violet-400/20 flex gap-1" href="https://app.kroto.one/publish-page/creating-an-event-on-google-calendar"><span>See Live</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-external-link"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg></a></div></div><div class="md:w-1/2 relative h-64 md:h-auto flex items-center justify-center overflow-hidden"><img alt="Detailed Visual Guides" loading="lazy" width="500" height="350" decoding="async" data-nimg="1" class="transition-transform shadow rounded duration-500 group-hover:scale-105" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fstep_by_step_guide.f0af2fed.png&w=640&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fstep_by_step_guide.f0af2fed.png&w=1080&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fstep_by_step_guide.f0af2fed.png&w=1080&q=75"/></div></div></div><div id="knowledge-base" class="bg-white rounded shadow-md overflow-hidden transition-all duration-300 hover:shadow-lg group"><div class="flex flex-col md:flex-row"><div class="p-6 md:w-1/2 flex flex-col justify-between"><div><h3 class="text-2xl font-bold text-violet-900 mb-3">Customized Knowledge Base</h3><p class="text-gray-700 mb-6">Create an intuitive, branded help center on your own domain</p><div class="flex items-start mb-4"><div class="flex-shrink-0 mr-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-navigation w-5 h-5 text-violet-600"><polygon points="3 11 22 2 13 21 11 13 3 11"></polygon></svg></div><div><h4 class="text-base font-semibold text-violet-900 mb-1">Easy Navigation</h4><p class="text-sm text-gray-700">Design an intuitive interface for users to quickly find the information they need.</p></div></div><div class="flex items-start mb-4"><div class="flex-shrink-0 mr-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-paintbrush w-5 h-5 text-violet-600"><path d="m14.622 17.897-10.68-2.913"></path><path d="M18.376 2.622a1 1 0 1 1 3.002 3.002L17.36 9.643a.5.5 0 0 0 0 .707l.944.944a2.41 2.41 0 0 1 0 3.408l-.944.944a.5.5 0 0 1-.707 0L8.354 7.348a.5.5 0 0 1 0-.707l.944-.944a2.41 2.41 0 0 1 3.408 0l.944.944a.5.5 0 0 0 .707 0z"></path><path d="M9 8c-1.804 2.71-3.97 3.46-6.583 3.948a.507.507 0 0 0-.302.819l7.32 8.883a1 1 0 0 0 1.185.204C12.735 20.405 16 16.792 16 15"></path></svg></div><div><h4 class="text-base font-semibold text-violet-900 mb-1">Brand Consistency</h4><p class="text-sm text-gray-700">Maintain your brand identity throughout the help center for a cohesive user experience.</p></div></div><div class="flex items-start mb-4"><div class="flex-shrink-0 mr-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe w-5 h-5 text-violet-600"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg></div><div><h4 class="text-base font-semibold text-violet-900 mb-1">Custom Domain Hosting</h4><p class="text-sm text-gray-700">Host your help center on your own domain for a professional, integrated feel.</p></div></div></div><div class="w-full flex gap-2"><a class="inline-flex items-center justify-center whitespace-nowrap rounded text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 mt-6 w-full cursor-pointer flex gap-1" href="/knowledge-base"><span>Learn More</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-arrow-right"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a target="_blank" class="inline-flex items-center justify-center whitespace-nowrap rounded text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border bg-background hover:text-accent-foreground h-10 px-4 py-2 mt-6 w-full cursor-pointer border-violet-200 hover:bg-violet-400/20 flex gap-1" href="https://help.kroto.one"><span>See Live</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-external-link"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg></a></div></div><div class="md:w-1/2 relative h-64 md:h-auto flex items-center justify-center overflow-hidden"><img alt="Customized Knowledge Base" loading="lazy" width="500" height="350" decoding="async" data-nimg="1" class="transition-transform shadow rounded duration-500 group-hover:scale-105" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhelp_centre.59575d39.png&w=640&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhelp_centre.59575d39.png&w=1080&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhelp_centre.59575d39.png&w=1080&q=75"/></div></div></div></div></div></div><section class="py-16 bg-gradient-to-b from-white to-violet-50"><div class="max-w-6xl px-4 mx-auto"><div class="max-w-6xl px-6 mx-auto "><div class="text-center"><div class="relative flex items-center justify-center gap-4 mb-5 before:h-px before:w-24 before:border-b before:[border-image:linear-gradient(to_left,theme(colors.violet.300),transparent)1] dark:before:[border-image:linear-gradient(to_left,theme(colors.violet.300/.16),transparent)1] before:shadow-sm before:shadow-white/20 dark:before:shadow-none after:h-px after:w-24 after:border-b after:[border-image:linear-gradient(to_right,theme(colors.violet.300),transparent)1] dark:after:[border-image:linear-gradient(to_right,theme(colors.violet.300/.16),transparent)1] after:shadow-sm after:shadow-white/20 dark:after:shadow-none"><div class="relative text-sm font-medium text-gray-700 bg-white dark:bg-gray-700 inline-flex rounded whitespace-nowrap px-3 py-[3px] tracking-normal before:absolute before:inset-0 before:rounded before:[background-image:linear-gradient(120deg,transparent_0%,theme(colors.violet.400/.12)_33%,theme(colors.pink.400/.12)_66%,theme(colors.amber.200/.12)_100%)] dark:before:[background-image:linear-gradient(120deg,theme(colors.violet.400/.16),theme(colors.violet.600/.16)_50%,transparent_100%)] shadow"><div class="absolute -inset-1.5 bg-violet-500/15 dark:bg-gray-800/65 rounded -z-10 before:absolute before:inset-y-0 before:left-0 before:w-[7px] before:bg-[length:7px_7px] before:[background-position:top_center,bottom_center] before:bg-no-repeat before:[background-image:radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px)] dark:before:[background-image:radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px)] after:absolute after:inset-y-0 after:right-0 after:w-[7px] after:bg-[length:7px_7px] after:[background-position:top_center,bottom_center] after:bg-no-repeat after:[background-image:radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px)] dark:after:[background-image:radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px)]" aria-hidden="true"></div><span class="relative text-gray-800 dark:text-transparent dark:bg-clip-text dark:bg-gradient-to-b dark:from-violet-500 dark:to-violet-50">Workflow</span></div></div><div><h2 class="text-3xl md:text-5xl font-bold text-gray-800 pb-4">Transform Your Workflow With Kroto</h2><p class="md:text-lg text-gray-700 dark:text-gray-400">Don't let outdated documentation and slow training processes hold your business back. Kroto empowers you to create AI-powered video tutorials and interactive guides in minutes, helping you reduce workload, save time, and focus on what truly matters.</p></div></div></div><p class="text-lg text-gray-700 mb-8 text-center max-w-3xl mx-auto"></p><div class="grid md:grid-cols-3 gap-8 mb-12"><div class="bg-white p-6 rounded shadow-md"><div class="text-violet-600 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-refresh-cw w-10 h-10"><path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"></path><path d="M21 3v5h-5"></path><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"></path><path d="M8 16H3v5"></path></svg></div><h3 class="text-xl font-semibold text-violet-900 mb-2">Automate Your Documentation</h3><p class="text-gray-700">Imagine your knowledge base updating itself as your product evolves. With Kroto, it's as easy as clicking a button.</p></div><div class="bg-white p-6 rounded shadow-md"><div class="text-violet-600 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-video w-10 h-10"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div><h3 class="text-xl font-semibold text-violet-900 mb-2">AI-Powered Video Creation</h3><p class="text-gray-700">No tech skills? No problem. Kroto's AI turns your recordings into polished, studio-quality videos that look like they took hours to create.</p></div><div class="bg-white p-6 rounded shadow-md"><div class="text-violet-600 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-link w-10 h-10"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path></svg></div><h3 class="text-xl font-semibold text-violet-900 mb-2">Seamless Integrations</h3><p class="text-gray-700">Already using tools like Slack, Google Workspace, or Microsoft Teams? Kroto fits right into your workflow, making content creation and sharing effortless.</p></div></div></div></section></section><section id="features"><section class="bg-gradient-to-b from-violet-50 to-violet-100 py-16"><div class="max-w-6xl px-4 mx-auto"><div class="max-w-6xl px-6 mx-auto "><div class="text-center"><div class="relative flex items-center justify-center gap-4 mb-5 before:h-px before:w-24 before:border-b before:[border-image:linear-gradient(to_left,theme(colors.violet.300),transparent)1] dark:before:[border-image:linear-gradient(to_left,theme(colors.violet.300/.16),transparent)1] before:shadow-sm before:shadow-white/20 dark:before:shadow-none after:h-px after:w-24 after:border-b after:[border-image:linear-gradient(to_right,theme(colors.violet.300),transparent)1] dark:after:[border-image:linear-gradient(to_right,theme(colors.violet.300/.16),transparent)1] after:shadow-sm after:shadow-white/20 dark:after:shadow-none"><div class="relative text-sm font-medium text-gray-700 bg-white dark:bg-gray-700 inline-flex rounded whitespace-nowrap px-3 py-[3px] tracking-normal before:absolute before:inset-0 before:rounded before:[background-image:linear-gradient(120deg,transparent_0%,theme(colors.violet.400/.12)_33%,theme(colors.pink.400/.12)_66%,theme(colors.amber.200/.12)_100%)] dark:before:[background-image:linear-gradient(120deg,theme(colors.violet.400/.16),theme(colors.violet.600/.16)_50%,transparent_100%)] shadow"><div class="absolute -inset-1.5 bg-violet-500/15 dark:bg-gray-800/65 rounded -z-10 before:absolute before:inset-y-0 before:left-0 before:w-[7px] before:bg-[length:7px_7px] before:[background-position:top_center,bottom_center] before:bg-no-repeat before:[background-image:radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px)] dark:before:[background-image:radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px)] after:absolute after:inset-y-0 after:right-0 after:w-[7px] after:bg-[length:7px_7px] after:[background-position:top_center,bottom_center] after:bg-no-repeat after:[background-image:radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px)] dark:after:[background-image:radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px)]" aria-hidden="true"></div><span class="relative text-gray-800 dark:text-transparent dark:bg-clip-text dark:bg-gradient-to-b dark:from-violet-500 dark:to-violet-50">Features</span></div></div><div><h2 class="text-3xl md:text-5xl font-bold text-gray-800 pb-4">Revolutionize Your How-To Content Creation</h2><p class="md:text-lg text-gray-700 dark:text-gray-400">Transform your content creation process with AI-powered tools that make producing professional videos and guides faster and easier than ever before.</p></div></div></div><div class="grid sm:grid-cols-2 md:grid-cols-3 gap-8 pt-16"><article class="sm:col-span-2 group"><div class="h-full flex flex-col border border-violet-200 bg-white rounded overflow-hidden transition-all duration-300 shadow-sm hover:shadow-md hover:border-violet-300 hover:scale-[1.02]"><div class="grow flex flex-col p-6"><div class="flex items-center space-x-3 mb-2"><div class="text-violet-500 transition-transform duration-300 group-hover:scale-110 group-hover:rotate-3"><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-video w-6 h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div><h3 class="font-semibold text-xl text-violet-700 group-hover:text-violet-800 transition-colors duration-300">Studio-Quality Videos & Guides</h3></div><p class="text-gray-600 group-hover:text-gray-800 transition-colors duration-300">Create professional videos with stunning transitions and precise zoom effects, complemented by step-by-step guides featuring custom-cut GIFs.</p></div><figure class="relative h-64 overflow-hidden"><img alt="Studio-Quality Videos & Guides" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top transition-transform duration-500 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkroto_video_article.10557662.png&w=640&q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkroto_video_article.10557662.png&w=750&q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkroto_video_article.10557662.png&w=828&q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkroto_video_article.10557662.png&w=1080&q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkroto_video_article.10557662.png&w=1200&q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkroto_video_article.10557662.png&w=1920&q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkroto_video_article.10557662.png&w=2048&q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkroto_video_article.10557662.png&w=3840&q=75 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkroto_video_article.10557662.png&w=3840&q=75"/></figure></div></article><article class=" group"><div class="h-full flex flex-col border border-violet-200 bg-white rounded overflow-hidden transition-all duration-300 shadow-sm hover:shadow-md hover:border-violet-300 hover:scale-[1.02]"><div class="grow flex flex-col p-6"><div class="flex items-center space-x-3 mb-2"><div class="text-violet-500 transition-transform duration-300 group-hover:scale-110 group-hover:rotate-3"><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 w-6 h-6"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg></div><h3 class="font-semibold text-xl text-violet-700 group-hover:text-violet-800 transition-colors duration-300">AI-Powered Excellence</h3></div><p class="text-gray-600 group-hover:text-gray-800 transition-colors duration-300">Harness advanced AI to generate flawless scripts and bring them to life with premium studio-quality voice narration.</p></div><figure class="relative h-64 overflow-hidden"><img alt="AI-Powered Excellence" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top transition-transform duration-500 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkroto_ai_voice.dc69f6f9.png&w=640&q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkroto_ai_voice.dc69f6f9.png&w=750&q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkroto_ai_voice.dc69f6f9.png&w=828&q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkroto_ai_voice.dc69f6f9.png&w=1080&q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkroto_ai_voice.dc69f6f9.png&w=1200&q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkroto_ai_voice.dc69f6f9.png&w=1920&q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkroto_ai_voice.dc69f6f9.png&w=2048&q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkroto_ai_voice.dc69f6f9.png&w=3840&q=75 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkroto_ai_voice.dc69f6f9.png&w=3840&q=75"/></figure></div></article><article class=" group"><div class="h-full flex flex-col border border-violet-200 bg-white rounded overflow-hidden transition-all duration-300 shadow-sm hover:shadow-md hover:border-violet-300 hover:scale-[1.02]"><div class="grow flex flex-col p-6"><div class="flex items-center space-x-3 mb-2"><div class="text-violet-500 transition-transform duration-300 group-hover:scale-110 group-hover:rotate-3"><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-pen-line w-6 h-6"><path d="M12 20h9"></path><path d="M16.376 3.622a1 1 0 0 1 3.002 3.002L7.368 18.635a2 2 0 0 1-.855.506l-2.872.838a.5.5 0 0 1-.62-.62l.838-2.872a2 2 0 0 1 .506-.854z"></path></svg></div><h3 class="font-semibold text-xl text-violet-700 group-hover:text-violet-800 transition-colors duration-300">Intuitive Editing</h3></div><p class="text-gray-600 group-hover:text-gray-800 transition-colors duration-300">Experience seamless content creation with our Notion-like editor, featuring unique Snapshot blocks for effortless customization.</p></div><figure class="relative h-64 overflow-hidden"><img alt="Intuitive Editing" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top transition-transform duration-500 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkroto_editor.c6f10a2a.png&w=640&q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkroto_editor.c6f10a2a.png&w=750&q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkroto_editor.c6f10a2a.png&w=828&q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkroto_editor.c6f10a2a.png&w=1080&q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkroto_editor.c6f10a2a.png&w=1200&q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkroto_editor.c6f10a2a.png&w=1920&q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkroto_editor.c6f10a2a.png&w=2048&q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkroto_editor.c6f10a2a.png&w=3840&q=75 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkroto_editor.c6f10a2a.png&w=3840&q=75"/></figure></div></article><article class=" group"><div class="h-full flex flex-col border border-violet-200 bg-white rounded overflow-hidden transition-all duration-300 shadow-sm hover:shadow-md hover:border-violet-300 hover:scale-[1.02]"><div class="grow flex flex-col p-6"><div class="flex items-center space-x-3 mb-2"><div class="text-violet-500 transition-transform duration-300 group-hover:scale-110 group-hover:rotate-3"><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-chrome w-6 h-6"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="4"></circle><line x1="21.17" x2="12" y1="8" y2="8"></line><line x1="3.95" x2="8.54" y1="6.06" y2="14"></line><line x1="10.88" x2="15.46" y1="21.94" y2="14"></line></svg></div><h3 class="font-semibold text-xl text-violet-700 group-hover:text-violet-800 transition-colors duration-300">Effortless Recording</h3></div><p class="text-gray-600 group-hover:text-gray-800 transition-colors duration-300">Capture every detail with our Chrome extension, automatically transforming your actions into polished, zoomed-in demonstrations.</p></div><figure class="relative h-64 overflow-hidden"><img alt="Effortless Recording" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top transition-transform duration-500 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkroto_chrome_extension.f24a69fc.png&w=640&q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkroto_chrome_extension.f24a69fc.png&w=750&q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkroto_chrome_extension.f24a69fc.png&w=828&q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkroto_chrome_extension.f24a69fc.png&w=1080&q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkroto_chrome_extension.f24a69fc.png&w=1200&q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkroto_chrome_extension.f24a69fc.png&w=1920&q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkroto_chrome_extension.f24a69fc.png&w=2048&q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkroto_chrome_extension.f24a69fc.png&w=3840&q=75 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkroto_chrome_extension.f24a69fc.png&w=3840&q=75"/></figure></div></article><article class=" group"><div class="h-full flex flex-col border border-violet-200 bg-white rounded overflow-hidden transition-all duration-300 shadow-sm hover:shadow-md hover:border-violet-300 hover:scale-[1.02]"><div class="grow flex flex-col p-6"><div class="flex items-center space-x-3 mb-2"><div class="text-violet-500 transition-transform duration-300 group-hover:scale-110 group-hover:rotate-3"><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-share2 w-6 h-6"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"></line><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"></line></svg></div><h3 class="font-semibold text-xl text-violet-700 group-hover:text-violet-800 transition-colors duration-300">Instant Publishing</h3></div><p class="text-gray-600 group-hover:text-gray-800 transition-colors duration-300">Share your creations effortlessly with one-click publishing options – generate links, export to Markdown, or send via email in seconds.</p></div><figure class="relative h-64 overflow-hidden"><img alt="Instant Publishing" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top transition-transform duration-500 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fone_click_share.d8fde406.png&w=640&q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fone_click_share.d8fde406.png&w=750&q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fone_click_share.d8fde406.png&w=828&q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fone_click_share.d8fde406.png&w=1080&q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fone_click_share.d8fde406.png&w=1200&q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fone_click_share.d8fde406.png&w=1920&q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fone_click_share.d8fde406.png&w=2048&q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fone_click_share.d8fde406.png&w=3840&q=75 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fone_click_share.d8fde406.png&w=3840&q=75"/></figure></div></article></div></div></section></section><section class="py-20"><div class="max-w-6xl px-4 mx-auto"><div class="max-w-6xl px-6 mx-auto "><div class="text-center"><div class="relative flex items-center justify-center gap-4 mb-5 before:h-px before:w-24 before:border-b before:[border-image:linear-gradient(to_left,theme(colors.violet.300),transparent)1] dark:before:[border-image:linear-gradient(to_left,theme(colors.violet.300/.16),transparent)1] before:shadow-sm before:shadow-white/20 dark:before:shadow-none after:h-px after:w-24 after:border-b after:[border-image:linear-gradient(to_right,theme(colors.violet.300),transparent)1] dark:after:[border-image:linear-gradient(to_right,theme(colors.violet.300/.16),transparent)1] after:shadow-sm after:shadow-white/20 dark:after:shadow-none"><div class="relative text-sm font-medium text-gray-700 bg-white dark:bg-gray-700 inline-flex rounded whitespace-nowrap px-3 py-[3px] tracking-normal before:absolute before:inset-0 before:rounded before:[background-image:linear-gradient(120deg,transparent_0%,theme(colors.violet.400/.12)_33%,theme(colors.pink.400/.12)_66%,theme(colors.amber.200/.12)_100%)] dark:before:[background-image:linear-gradient(120deg,theme(colors.violet.400/.16),theme(colors.violet.600/.16)_50%,transparent_100%)] shadow"><div class="absolute -inset-1.5 bg-violet-500/15 dark:bg-gray-800/65 rounded -z-10 before:absolute before:inset-y-0 before:left-0 before:w-[7px] before:bg-[length:7px_7px] before:[background-position:top_center,bottom_center] before:bg-no-repeat before:[background-image:radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px)] dark:before:[background-image:radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px)] after:absolute after:inset-y-0 after:right-0 after:w-[7px] after:bg-[length:7px_7px] after:[background-position:top_center,bottom_center] after:bg-no-repeat after:[background-image:radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px)] dark:after:[background-image:radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px)]" aria-hidden="true"></div><span class="relative text-gray-800 dark:text-transparent dark:bg-clip-text dark:bg-gradient-to-b dark:from-violet-500 dark:to-violet-50">Competiton</span></div></div><div><h2 class="text-3xl md:text-5xl font-bold text-gray-800 pb-4">Why Kroto?</h2><p class="md:text-lg text-gray-700 dark:text-gray-400">Sure, there are other tools out there. But here's why Kroto is the only one you need:</p></div></div></div><div class="grid mt-10 md:grid-cols-3 gap-8"><div class="bg-white p-8 rounded shadow-lg transition-all duration-300 hover:shadow-xl hover:-translate-y-1"><div class="mb-6 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-target w-12 h-12 text-violet-600"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="6"></circle><circle cx="12" cy="12" r="2"></circle></svg></div><h3 class="text-2xl font-bold text-violet-900 mb-4 text-center">Tailored for Your Needs</h3><p class="text-gray-700 text-center">Whether you're in customer support, training, or product marketing, Kroto is built to solve your specific challenges.</p></div><div class="bg-white p-8 rounded shadow-lg transition-all duration-300 hover:shadow-xl hover:-translate-y-1"><div class="mb-6 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-zap w-12 h-12 text-violet-600"><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="text-2xl font-bold text-violet-900 mb-4 text-center">No Learning Curve</h3><p class="text-gray-700 text-center">You don't need to be a video expert or a tech guru to use Kroto. If you can click, you can create.</p></div><div class="bg-white p-8 rounded shadow-lg transition-all duration-300 hover:shadow-xl hover:-translate-y-1"><div class="mb-6 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-trending-up w-12 h-12 text-violet-600"><polyline points="22 7 13.5 15.5 8.5 10.5 2 17"></polyline><polyline points="16 7 22 7 22 13"></polyline></svg></div><h3 class="text-2xl font-bold text-violet-900 mb-4 text-center">Proven to Work</h3><p class="text-gray-700 text-center">Our clients see measurable results—reduced support tickets, faster employee onboarding, and happier, more empowered customers.</p></div></div></div></section><section class="relative max-w-6xl mx-auto my-16 p-4"><div class="absolute inset-0 z-0 rounded overflow-hidden"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 700 700" width="100%" height="100%" preserveAspectRatio="none"><defs><linearGradient gradientTransform="rotate(-146, 0.5, 0.5)" x1="50%" y1="0%" x2="50%" y2="100%" id="gggrain-gradient2"><stop stop-color="hsl(33, 0%, 90%)" stop-opacity="1" offset="-0%"></stop><stop stop-color="rgba(255,255,255,0)" stop-opacity="0" offset="100%"></stop></linearGradient><linearGradient gradientTransform="rotate(146, 0.5, 0.5)" x1="50%" y1="0%" x2="50%" y2="100%" id="gggrain-gradient3"><stop stop-color="hsl(33, 100%, 50%)" stop-opacity="1"></stop><stop stop-color="rgba(255,255,255,0)" stop-opacity="0" offset="100%"></stop></linearGradient><filter id="gggrain-filter" x="-20%" y="-20%" width="140%" height="140%" filterUnits="objectBoundingBox" primitiveUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feTurbulence type="fractalNoise" baseFrequency="1.25" numOctaves="2" seed="261" stitchTiles="stitch" x="0%" y="0%" width="100%" height="100%" result="turbulence"></feTurbulence><feColorMatrix type="saturate" values="0" x="0%" y="0%" width="100%" height="100%" in="turbulence" result="colormatrix"></feColorMatrix><feComponentTransfer x="0%" y="0%" width="100%" height="100%" in="colormatrix" result="componentTransfer"><feFuncR type="linear" slope="3"></feFuncR><feFuncG type="linear" slope="3"></feFuncG><feFuncB type="linear" slope="3"></feFuncB></feComponentTransfer><feColorMatrix x="0%" y="0%" width="100%" height="100%" in="componentTransfer" result="colormatrix2" type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 22 -14"></feColorMatrix></filter></defs><g><rect width="100%" height="100%" fill="hsl(264, 69%, 50%)"></rect><rect width="100%" height="100%" fill="url(#gggrain-gradient3)"></rect><rect width="100%" height="100%" fill="url(#gggrain-gradient2)"></rect><rect width="100%" height="100%" fill="transparent" filter="url(#gggrain-filter)" opacity="0.8" style="mix-blend-mode:soft-light"></rect></g></svg></div><div class="relative z-10 bg-white bg-opacity-40 backdrop-blur rounded shadow-xl overflow-hidden"><div class="flex flex-col lg:flex-row"><div class="lg:w-2/5 p-8 flex flex-col justify-between"><div><h2 class="text-2xl font-bold text-violet-900 mb-4">Create How-To Videos and Guides In Minutes</h2><p class="text-base text-gray-700 mb-6">Start creating professional content for your product or service today.</p><div class="space-y-4"><div class="flex items-start mb-4"><div class="flex-shrink-0 mr-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-video w-5 h-5 text-violet-600"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div><div><h4 class="text-base font-semibold text-violet-900 mb-1">AI-powered video creation</h4><p class="text-sm text-gray-700">Generate professional-quality videos with AI-driven voiceovers.</p></div></div><div class="flex items-start mb-4"><div class="flex-shrink-0 mr-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open w-5 h-5 text-violet-600"><path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"></path><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"></path></svg></div><div><h4 class="text-base font-semibold text-violet-900 mb-1">Detailed step-by-step guides</h4><p class="text-sm text-gray-700">Create comprehensive visual guides with precisely cut GIFs.</p></div></div><div class="flex items-start mb-4"><div class="flex-shrink-0 mr-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe w-5 h-5 text-violet-600"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg></div><div><h4 class="text-base font-semibold text-violet-900 mb-1">Customized knowledge base</h4><p class="text-sm text-gray-700">Build an intuitive, branded help center on your own domain.</p></div></div></div></div><a class="flex max-w-xl items-center justify-center gap-1 text-[#1F2937] transition-colors ease-in-out duration-100 hover:text-[#6D28D9]" href="/book-a-demo#cal"><button class="relative mt-8 w-full cursor-pointer inline-block rounded bg-gradient-to-r from-[#6D28D9] via-violet-400 to-violet-200 p-2 transition-shadow duration-100 ease-in-out hover:shadow-[0px_-10px_15px_-3px_rgba(109,40,217,0.2)] active:scale-95 active:translate-y-[1px]"><div class="transform rounded border border-white/50 bg-white/70 hover:bg-white/80 active:bg-white/90 px-6 py-3 text-xl shadow-[0px_27px_11px_rgba(0,0,0,0.02),0px_15px_9px_rgba(0,0,0,0.05),0px_7px_7px_rgba(0,0,0,0.09),0px_2px_4px_rgba(0,0,0,0.1),inset_0px_19px_24px_rgba(255,255,255,0.75)] backdrop-blur-lg transition-all duration-100 ease-in-out hover:-translate-y-[1px] active:shadow-none flex items-center justify-center"><div class="font-bold text-base md:text-xl" style="--sparkles-first-color:#9E7AFF;--sparkles-second-color:#FE8BBB"><span class="relative inline-block"><strong>Book a Demo</strong></span></div><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-arrow-right w-5 h-5 ml-2 transition-transform duration-200 group-hover:translate-x-1"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></button></a></div><div class="lg:w-3/5 p-2 flex items-center justify-center bg-gradient-to-br from-violet-100/10 to-violet-200/10 backdrop-blur"><img alt="Article and Video Creation" loading="lazy" width="900" height="300" decoding="async" data-nimg="1" class="translate-y-8" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fguide_video_no_bottom.d68a81a4.png&w=1080&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fguide_video_no_bottom.d68a81a4.png&w=1920&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fguide_video_no_bottom.d68a81a4.png&w=1920&q=75"/></div></div></div></section></main><footer class="bg-gradient-to-b from-violet-100 to-white py-12 px-4 sm:px-6 lg:px-8"><div class="max-w-6xl mx-auto"><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8"><div class="col-span-1 md:col-span-2 lg:col-span-1"><a class="flex items-center gap-2 mb-4" href="/"><img alt="Kroto logo" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkroto_logo_violet.a6babd66.png&w=32&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkroto_logo_violet.a6babd66.png&w=64&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkroto_logo_violet.a6babd66.png&w=64&q=75"/><span class="font-bold text-2xl text-violet-900">Kroto</span></a><p class="text-sm text-gray-800 mb-4">Kroto empowers teams to create professional how-to videos and guides in minutes, transforming the way you share knowledge and train your audience.</p><div class="flex space-x-4 mb-6"><a target="_blank" rel="nofollow" class="text-gray-800 hover:text-violet-900 transition duration-300" href="https://twitter.com/krotoai"><svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="twitter" class="svg-inline--fa fa-twitter w-5 h-5" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path></svg></a><a target="_blank" rel="nofollow" class="text-gray-800 hover:text-violet-900 transition duration-300" href="https://www.linkedin.com/company/kroto-kreator-labs/"><svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="linkedin-in" class="svg-inline--fa fa-linkedin-in w-5 h-5" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path></svg></a><a target="_blank" rel="nofollow" class="text-gray-800 hover:text-violet-900 transition duration-300" href="https://www.instagram.com/kroto.one/"><svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="instagram" class="svg-inline--fa fa-instagram w-5 h-5" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg></a></div><div class="space-y-2"><a href="mailto:founders@kroto.one" class="text-gray-800 hover:text-violet-900 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-5 h-5 mr-2"><path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75"></path></svg>founders@kroto.one</a><p class="text-gray-800 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-5 h-5 mr-2"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 0 0 2.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 0 1-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 0 0-1.091-.852H4.5A2.25 2.25 0 0 0 2.25 4.5v2.25Z"></path></svg>+91 79066 82655</p></div></div><div><h3 class="text-lg font-semibold text-violet-900 mb-4">Features</h3><ul class="space-y-2"><li><a class="text-gray-800 hover:text-violet-900 transition duration-300" href="/ai-video-creation">AI Video Creation</a></li><li><a class="text-gray-800 hover:text-violet-900 transition duration-300" href="/step-by-step-guides">Step-by-Step Guides</a></li><li><a class="text-gray-800 hover:text-violet-900 transition duration-300" href="/knowledge-base">Knowledge Base</a></li></ul></div><div><h3 class="text-lg font-semibold text-violet-900 mb-4">Resources</h3><ul class="space-y-2"><li><a class="text-gray-800 hover:text-violet-900 transition duration-300" href="/blog">Blog</a></li><li><a class="text-gray-800 hover:text-violet-900 transition duration-300" href="https://help.kroto.one">Help Center</a></li><li><a class="text-gray-800 hover:text-violet-900 transition duration-300" href="/faq">FAQs</a></li></ul></div><div><h3 class="text-lg font-semibold text-violet-900 mb-4">Company & Legal</h3><ul class="space-y-2"><li><a class="text-gray-800 hover:text-violet-900 transition duration-300" href="/contact">Contact</a></li><li><a class="text-gray-800 hover:text-violet-900 transition duration-300" href="/terms-of-service">Terms of Service</a></li><li><a class="text-gray-800 hover:text-violet-900 transition duration-300" href="/privacy-policy">Privacy Policy</a></li></ul></div></div><div class="border-t border-violet-200 mt-8 pt-8 flex flex-col sm:flex-row justify-between items-center"><p class="text-sm text-gray-800">© 2024 Kroto Kreator Labs Private Limited</p><p class="text-sm text-gray-800 mt-2 sm:mt-0">All rights reserved</p></div></div></footer></div><script src="/_next/static/chunks/webpack-8a392afef97d7421.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script><script>self.__next_f.push([1,"1:HL[\"/_next/static/media/171883e03d2067b6-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n2:HL[\"/_next/static/media/a34f9d1faa5f3315-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n3:HL[\"/_next/static/media/c4c7b0ec92b72e30-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n4:HL[\"/_next/static/css/027942a3405e8f38.css\",\"style\"]\n5:HL[\"/_next/static/css/58df044be883f83e.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"6:I[5751,[],\"\"]\n8:I[346,[\"782\",\"static/chunks/782-958e748e72973c66.js\",\"811\",\"static/chunks/811-6142267c062d67ee.js\",\"231\",\"static/chunks/231-f3ec23cb0aff98bf.js\",\"438\",\"static/chunks/438-e9a361dd92e0958b.js\",\"331\",\"static/chunks/331-304166fbfe1f655a.js\",\"581\",\"static/chunks/581-b601a13192848c3d.js\",\"772\",\"static/chunks/app/(default)/page-9ecc1131127078e0.js\"],\"default\"]\n9:\"$Sreact.suspense\"\na:I[1481,[\"782\",\"static/chunks/782-958e748e72973c66.js\",\"811\",\"static/chunks/811-6142267c062d67ee.js\",\"231\",\"static/chunks/231-f3ec23cb0aff98bf.js\",\"438\",\"static/chunks/438-e9a361dd92e0958b.js\",\"331\",\"static/chunks/331-304166fbfe1f655a.js\",\"581\",\"static/chunks/581-b601a13192848c3d.js\",\"772\",\"static/chunks/app/(default)/page-9ecc1131127078e0.js\"],\"PreloadCss\"]\nb:I[1658,[\"782\",\"static/chunks/782-958e748e72973c66.js\",\"811\",\"static/chunks/811-6142267c062d67ee.js\",\"231\",\"static/chunks/231-f3ec23cb0aff98bf.js\",\"438\",\"static/chunks/438-e9a361dd92e0958b.js\",\"331\",\"static/chunks/331-304166fbfe1f655a.js\",\"581\",\"static/chunks/581-b601a13192848c3d.js\",\"772\",\"static/chunks/app/(default)/page-9ecc1131127078e0.js\"],\"default\"]\nc:I[7789,[\"782\",\"static/chunks/782-958e748e72973c66.js\",\"811\",\"static/chunks/811-6142267c062d67ee.js\",\"231\",\"static/chunks/231-f3ec23cb0aff98bf.js\",\"438\",\"static/chunks/438-e9a361dd92e0958b.js\",\"331\",\"static/chunks/331-304166fbfe1f655a.js\",\"581\",\"static/chunks/581-b601a13192848c3d.js\",\"772\",\"static/chunks/app/(default)/page-9ecc1131127078e0.js\"],\"default\"]\ne:I[2581,[\"782\",\"static/chunks/782-958e748e72973c66.js\",\"811\",\"static/chunks/811-6142267c062d67ee.js\",\"231\",\"static/chunks/231-f3ec23cb0aff98bf.js\",\"438\",\"static/chunks/438-e9a361dd92e0958b.js\",\"331\",\"static/chunks/331-304166fbfe1f655a.js\",\"581\",\"static/chunks/581-b601a13192848c3d.js\",\"772\",\"static/chunks/app/(default)/page-9ecc1131127078e0.js\"],\"GetStartedSecondary\"]\n10:I[8173,[\"782\",\"static/chunks/782-958e748e72973c66.js\",\"811\",\"static/chunks/811-6142267c062d67ee.js\",\"231\",\"static/chunks/231-f3ec23cb0aff98bf.js\",\"438\",\"static/chunks/438-e9a361dd92e0958b.js\",\"331\",\""])</script><script>self.__next_f.push([1,"static/chunks/331-304166fbfe1f655a.js\",\"581\",\"static/chunks/581-b601a13192848c3d.js\",\"772\",\"static/chunks/app/(default)/page-9ecc1131127078e0.js\"],\"Image\"]\n12:I[231,[\"782\",\"static/chunks/782-958e748e72973c66.js\",\"811\",\"static/chunks/811-6142267c062d67ee.js\",\"231\",\"static/chunks/231-f3ec23cb0aff98bf.js\",\"438\",\"static/chunks/438-e9a361dd92e0958b.js\",\"331\",\"static/chunks/331-304166fbfe1f655a.js\",\"581\",\"static/chunks/581-b601a13192848c3d.js\",\"772\",\"static/chunks/app/(default)/page-9ecc1131127078e0.js\"],\"\"]\n13:I[3372,[\"782\",\"static/chunks/782-958e748e72973c66.js\",\"811\",\"static/chunks/811-6142267c062d67ee.js\",\"231\",\"static/chunks/231-f3ec23cb0aff98bf.js\",\"438\",\"static/chunks/438-e9a361dd92e0958b.js\",\"331\",\"static/chunks/331-304166fbfe1f655a.js\",\"581\",\"static/chunks/581-b601a13192848c3d.js\",\"772\",\"static/chunks/app/(default)/page-9ecc1131127078e0.js\"],\"default\"]\n17:I[2581,[\"782\",\"static/chunks/782-958e748e72973c66.js\",\"811\",\"static/chunks/811-6142267c062d67ee.js\",\"231\",\"static/chunks/231-f3ec23cb0aff98bf.js\",\"438\",\"static/chunks/438-e9a361dd92e0958b.js\",\"331\",\"static/chunks/331-304166fbfe1f655a.js\",\"581\",\"static/chunks/581-b601a13192848c3d.js\",\"772\",\"static/chunks/app/(default)/page-9ecc1131127078e0.js\"],\"BookDemoButton\"]\n18:I[5043,[\"958\",\"static/chunks/69b09407-692c28bcb4371a3f.js\",\"782\",\"static/chunks/782-958e748e72973c66.js\",\"811\",\"static/chunks/811-6142267c062d67ee.js\",\"231\",\"static/chunks/231-f3ec23cb0aff98bf.js\",\"438\",\"static/chunks/438-e9a361dd92e0958b.js\",\"829\",\"static/chunks/829-f448a83c99eca150.js\",\"581\",\"static/chunks/581-b601a13192848c3d.js\",\"534\",\"static/chunks/app/(default)/layout-d38cfef581e196ef.js\"],\"default\"]\n19:I[9275,[],\"\"]\n1a:I[1343,[],\"\"]\n1b:I[2249,[\"782\",\"static/chunks/782-958e748e72973c66.js\",\"513\",\"static/chunks/513-b7af4cc1b9469c45.js\",\"185\",\"static/chunks/app/layout-0580b0b9ef3d43e5.js\"],\"PHProvider\"]\n1c:I[4080,[\"782\",\"static/chunks/782-958e748e72973c66.js\",\"513\",\"static/chunks/513-b7af4cc1b9469c45.js\",\"185\",\"static/chunks/app/layout-0580b0b9ef3d43e5.js\"],\"\"]\n1d:I[6434,[\"782\",\"static/chunks/78"])</script><script>self.__next_f.push([1,"2-958e748e72973c66.js\",\"513\",\"static/chunks/513-b7af4cc1b9469c45.js\",\"185\",\"static/chunks/app/layout-0580b0b9ef3d43e5.js\"],\"default\"]\n1e:I[912,[\"782\",\"static/chunks/782-958e748e72973c66.js\",\"811\",\"static/chunks/811-6142267c062d67ee.js\",\"231\",\"static/chunks/231-f3ec23cb0aff98bf.js\",\"438\",\"static/chunks/438-e9a361dd92e0958b.js\",\"331\",\"static/chunks/331-304166fbfe1f655a.js\",\"581\",\"static/chunks/581-b601a13192848c3d.js\",\"772\",\"static/chunks/app/(default)/page-9ecc1131127078e0.js\"],\"BailoutToCSR\"]\n1f:I[5167,[\"782\",\"static/chunks/782-958e748e72973c66.js\",\"513\",\"static/chunks/513-b7af4cc1b9469c45.js\",\"185\",\"static/chunks/app/layout-0580b0b9ef3d43e5.js\"],\"default\"]\n25:I[6130,[],\"\"]\nd:T4a6,absolute -inset-1.5 bg-violet-500/15 dark:bg-gray-800/65 rounded -z-10 before:absolute before:inset-y-0 before:left-0 before:w-[7px] before:bg-[length:7px_7px] before:[background-position:top_center,bottom_center] before:bg-no-repeat before:[background-image:radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px)] dark:before:[background-image:radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px)] after:absolute after:inset-y-0 after:right-0 after:w-[7px] after:bg-[length:7px_7px] after:[background-position:top_center,bottom_center] after:bg-no-repeat after:[background-image:radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px)] dark:after:[background-image:radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px)]f:T4a6,absolute -inset-1.5 bg-violet-500/15 dark:bg-gray-800/65 rounded -z-10 before:absolute before:inset-y-0 before:left-0 before:w-[7px] before:bg-[length:7px_7px] b"])</script><script>self.__next_f.push([1,"efore:[background-position:top_center,bottom_center] before:bg-no-repeat before:[background-image:radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px)] dark:before:[background-image:radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px)] after:absolute after:inset-y-0 after:right-0 after:w-[7px] after:bg-[length:7px_7px] after:[background-position:top_center,bottom_center] after:bg-no-repeat after:[background-image:radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px)] dark:after:[background-image:radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px)]11:T4a6,absolute -inset-1.5 bg-violet-500/15 dark:bg-gray-800/65 rounded -z-10 before:absolute before:inset-y-0 before:left-0 before:w-[7px] before:bg-[length:7px_7px] before:[background-position:top_center,bottom_center] before:bg-no-repeat before:[background-image:radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px)] dark:before:[background-image:radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px)] after:absolute after:inset-y-0 after:right-0 after:w-[7px] after:bg-[length:7px_7px] after:[background-position:top_center,bottom_center] after:bg-no-repeat after:[background-image:radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px)] dark:after:[backgrou"])</script><script>self.__next_f.push([1,"nd-image:radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px)]14:T4a6,absolute -inset-1.5 bg-violet-500/15 dark:bg-gray-800/65 rounded -z-10 before:absolute before:inset-y-0 before:left-0 before:w-[7px] before:bg-[length:7px_7px] before:[background-position:top_center,bottom_center] before:bg-no-repeat before:[background-image:radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px)] dark:before:[background-image:radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px)] after:absolute after:inset-y-0 after:right-0 after:w-[7px] after:bg-[length:7px_7px] after:[background-position:top_center,bottom_center] after:bg-no-repeat after:[background-image:radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px)] dark:after:[background-image:radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px)]15:T4a6,absolute -inset-1.5 bg-violet-500/15 dark:bg-gray-800/65 rounded -z-10 before:absolute before:inset-y-0 before:left-0 before:w-[7px] before:bg-[length:7px_7px] before:[background-position:top_center,bottom_center] before:bg-no-repeat before:[background-image:radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px)] dark:before:[background-image:radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px)] after:absolute after:inset-y"])</script><script>self.__next_f.push([1,"-0 after:right-0 after:w-[7px] after:bg-[length:7px_7px] after:[background-position:top_center,bottom_center] after:bg-no-repeat after:[background-image:radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px)] dark:after:[background-image:radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px)]16:T4a6,absolute -inset-1.5 bg-violet-500/15 dark:bg-gray-800/65 rounded -z-10 before:absolute before:inset-y-0 before:left-0 before:w-[7px] before:bg-[length:7px_7px] before:[background-position:top_center,bottom_center] before:bg-no-repeat before:[background-image:radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px)] dark:before:[background-image:radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px)] after:absolute after:inset-y-0 after:right-0 after:w-[7px] after:bg-[length:7px_7px] after:[background-position:top_center,bottom_center] after:bg-no-repeat after:[background-image:radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.violet.500/.56)_0.5px,transparent_0.5px)] dark:after:[background-image:radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px),radial-gradient(circle_at_center,theme(colors.gray.600/.56)_0.5px,transparent_0.5px)]20:{\"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\"}\n21:{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fo"])</script><script>self.__next_f.push([1,"ntSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"}\n22:{\"display\":\"inline-block\"}\n23:{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0}\n26:[]\n"])</script><script>self.__next_f.push([1,"0:[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/027942a3405e8f38.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/58df044be883f83e.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],[\"$\",\"$L6\",null,{\"buildId\":\"mSyfCCgMaVaom0MlMIDDt\",\"assetPrefix\":\"\",\"initialCanonicalUrl\":\"/\",\"initialTree\":[\"\",{\"children\":[\"(default)\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],\"initialSeedData\":[\"\",{\"children\":[\"(default)\",{\"children\":[\"__PAGE__\",{},[[\"$L7\",[[\"$\",\"$L8\",null,{}],[\"$\",\"section\",null,{\"id\":\"how-it-works\",\"children\":[\"$\",\"$9\",null,{\"fallback\":null,\"children\":[[\"$\",\"$La\",null,{\"moduleIds\":[\"app/(default)/page.tsx -\u003e @/components/how-it-works\"]}],[\"$\",\"$Lb\",null,{}]]}]}],[\"$\",\"section\",null,{\"id\":\"use-cases\",\"children\":[\"$\",\"$Lc\",null,{}]}],[\"$\",\"section\",null,{\"className\":\"py-20 bg-gradient-to-b from-violet-50 via-white to-violet-100\",\"children\":[\"$\",\"div\",null,{\"className\":\"max-w-6xl mx-auto px-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"max-w-6xl px-6 mx-auto \",\"children\":[\"$\",\"div\",null,{\"className\":\"text-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative flex items-center justify-center gap-4 mb-5 before:h-px before:w-24 before:border-b before:[border-image:linear-gradient(to_left,theme(colors.violet.300),transparent)1] dark:before:[border-image:linear-gradient(to_left,theme(colors.violet.300/.16),transparent)1] before:shadow-sm before:shadow-white/20 dark:before:shadow-none after:h-px after:w-24 after:border-b after:[border-image:linear-gradient(to_right,theme(colors.violet.300),transparent)1] dark:after:[border-image:linear-gradient(to_right,theme(colors.violet.300/.16),transparent)1] after:shadow-sm after:shadow-white/20 dark:after:shadow-none\",\"children\":[\"$\",\"div\",null,{\"className\":\"relative text-sm font-medium text-gray-700 bg-white dark:bg-gray-700 inline-flex rounded whitespace-nowrap px-3 py-[3px] tracking-normal before:absolute before:inset-0 before:rounded before:[background-image:linear-gradient(120deg,transparent_0%,theme(colors.violet.400/.12)_33%,theme(colors.pink.400/.12)_66%,theme(colors.amber.200/.12)_100%)] dark:before:[background-image:linear-gradient(120deg,theme(colors.violet.400/.16),theme(colors.violet.600/.16)_50%,transparent_100%)] shadow\",\"children\":[[\"$\",\"div\",null,{\"className\":\"$d\",\"aria-hidden\":\"true\"}],[\"$\",\"span\",null,{\"className\":\"relative text-gray-800 dark:text-transparent dark:bg-clip-text dark:bg-gradient-to-b dark:from-violet-500 dark:to-violet-50\",\"children\":\"Solution\"}]]}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-3xl md:text-5xl font-bold text-gray-800 pb-4\",\"children\":\"The Problem We Solve\"}],[\"$\",\"p\",null,{\"className\":\"md:text-lg text-gray-700 dark:text-gray-400\",\"children\":\"Transforming documentation and training from time-consuming to effortless\"}]]}]]}]}],[\"$\",\"div\",null,{\"className\":\"mt-12 grid md:grid-cols-2 gap-12 items-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"bg-white p-8 rounded shadow-lg\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-2xl font-bold text-violet-900 mb-4\",\"children\":\"The Challenge\"}],[\"$\",\"p\",null,{\"className\":\"text-gray-700 mb-6\",\"children\":\"Does your team waste hours answering the same questions or struggling to onboard new employees quickly? You're not alone. For most businesses, documentation and training are necessary but time-consuming, leaving your team frustrated and your customers in the dark.\"}],[\"$\",\"div\",null,{\"className\":\"w-16 h-1 bg-violet-500 mb-6\"}],[\"$\",\"p\",null,{\"className\":\"text-lg font-semibold text-violet-900\",\"children\":\"It's time for a change.\"}]]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-2xl font-bold text-violet-900 mb-6\",\"children\":\"What if you could:\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-6\",\"children\":[[\"$\",\"li\",\"0\",{\"className\":\"flex items-start bg-white p-4 rounded shadow-md transition-all duration-300 hover:shadow-lg hover:scale-105\",\"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-circle-check-big w-6 h-6 text-green-500 mr-3 flex-shrink-0 mt-1\",\"children\":[[\"$\",\"path\",\"yps3ct\",{\"d\":\"M21.801 10A10 10 0 1 1 17 3.335\"}],[\"$\",\"path\",\"1pflzl\",{\"d\":\"m9 11 3 3L22 4\"}],\"$undefined\"]}],[\"$\",\"span\",null,{\"className\":\"text-gray-700\",\"children\":\"Instantly create clear, step-by-step guides that reduce support tickets by 30%.\"}]]}],[\"$\",\"li\",\"1\",{\"className\":\"flex items-start bg-white p-4 rounded shadow-md transition-all duration-300 hover:shadow-lg hover:scale-105\",\"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-circle-check-big w-6 h-6 text-green-500 mr-3 flex-shrink-0 mt-1\",\"children\":[[\"$\",\"path\",\"yps3ct\",{\"d\":\"M21.801 10A10 10 0 1 1 17 3.335\"}],[\"$\",\"path\",\"1pflzl\",{\"d\":\"m9 11 3 3L22 4\"}],\"$undefined\"]}],[\"$\",\"span\",null,{\"className\":\"text-gray-700\",\"children\":\"Speed up your onboarding process by 40% without cutting corners.\"}]]}],[\"$\",\"li\",\"2\",{\"className\":\"flex items-start bg-white p-4 rounded shadow-md transition-all duration-300 hover:shadow-lg hover:scale-105\",\"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-circle-check-big w-6 h-6 text-green-500 mr-3 flex-shrink-0 mt-1\",\"children\":[[\"$\",\"path\",\"yps3ct\",{\"d\":\"M21.801 10A10 10 0 1 1 17 3.335\"}],[\"$\",\"path\",\"1pflzl\",{\"d\":\"m9 11 3 3L22 4\"}],\"$undefined\"]}],[\"$\",\"span\",null,{\"className\":\"text-gray-700\",\"children\":\"Deliver content so intuitive that your customers never have to ask 'How do I use this?' again.\"}]]}]]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-16 text-center\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-3xl font-bold text-gray-900 mb-8\",\"children\":\"Kroto makes it possible.\"}],[\"$\",\"div\",null,{\"className\":\"w-fit mx-auto\",\"children\":[\"$\",\"$Le\",null,{\"variant\":\"lg\"}]}]]}]]}]}],[\"$\",\"section\",null,{\"className\":\"py-16 bg-gradient-to-b from-violet-100 via-violet-50 to-violet-100\",\"children\":[\"$\",\"div\",null,{\"className\":\"max-w-6xl px-4 mx-auto\",\"children\":[[\"$\",\"div\",null,{\"className\":\"max-w-6xl px-6 mx-auto \",\"children\":[\"$\",\"div\",null,{\"className\":\"text-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative flex items-center justify-center gap-4 mb-5 before:h-px before:w-24 before:border-b before:[border-image:linear-gradient(to_left,theme(colors.violet.300),transparent)1] dark:before:[border-image:linear-gradient(to_left,theme(colors.violet.300/.16),transparent)1] before:shadow-sm before:shadow-white/20 dark:before:shadow-none after:h-px after:w-24 after:border-b after:[border-image:linear-gradient(to_right,theme(colors.violet.300),transparent)1] dark:after:[border-image:linear-gradient(to_right,theme(colors.violet.300/.16),transparent)1] after:shadow-sm after:shadow-white/20 dark:after:shadow-none\",\"children\":[\"$\",\"div\",null,{\"className\":\"relative text-sm font-medium text-gray-700 bg-white dark:bg-gray-700 inline-flex rounded whitespace-nowrap px-3 py-[3px] tracking-normal before:absolute before:inset-0 before:rounded before:[background-image:linear-gradient(120deg,transparent_0%,theme(colors.violet.400/.12)_33%,theme(colors.pink.400/.12)_66%,theme(colors.amber.200/.12)_100%)] dark:before:[background-image:linear-gradient(120deg,theme(colors.violet.400/.16),theme(colors.violet.600/.16)_50%,transparent_100%)] shadow\",\"children\":[[\"$\",\"div\",null,{\"className\":\"$f\",\"aria-hidden\":\"true\"}],[\"$\",\"span\",null,{\"className\":\"relative text-gray-800 dark:text-transparent dark:bg-clip-text dark:bg-gradient-to-b dark:from-violet-500 dark:to-violet-50\",\"children\":\"Testimonials\"}]]}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-3xl md:text-5xl font-bold text-gray-800 pb-4\",\"children\":\"Real Results, Real Impact\"}],[\"$\",\"p\",null,{\"className\":\"md:text-lg text-gray-700 dark:text-gray-400\",\"children\":\"Our users don't just like Kroto—they rely on it to achieve real results. Here's what some of them have to say:\"}]]}]]}]}],[\"$\",\"div\",null,{\"className\":\"grid max-w-6xl grid-cols-1 md:grid-cols-2 gap-8 py-10\",\"children\":[[\"$\",\"div\",null,{\"className\":\"bg-white rounded shadow-md p-6 transition-all duration-300 hover:shadow-lg hover:-translate-y-1\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center mb-4\",\"children\":[[\"$\",\"$L10\",null,{\"src\":\"https://ph-avatars.imgix.net/5399095/original.png?auto=compress\u0026codec=mozjpeg\u0026cs=strip\u0026auto=format\",\"alt\":\"Hoshang Mehta\",\"width\":48,\"height\":48,\"className\":\"rounded-full mr-4\"}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h4\",null,{\"className\":\"text-lg font-semibold text-violet-900\",\"children\":\"Hoshang Mehta\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-gray-600\",\"children\":\"Co-founder at Airbook\"}]]}]]}],[\"$\",\"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-quote w-6 h-6 text-violet-200 mb-2\",\"children\":[[\"$\",\"path\",\"rib7q0\",{\"d\":\"M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z\"}],[\"$\",\"path\",\"1ymkrd\",{\"d\":\"M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z\"}],\"$undefined\"]}],[\"$\",\"p\",null,{\"className\":\"text-gray-700 whitespace-pre-wrap mb-2\",\"children\":\"I've been an early Kroto user and love how far they've come! This is a fantastic product! \\n\\nMy team spends a lot of time manually creating docs, making gifs, and writing 'How To' guides. Almost all our docs have explainer videos too. \\n\\nThis will save me a ton of time and help me distribute content more effectively! \\n\\nAlso, I've loved interacting with the Kroto team—They're quick, customer-friendly, and genuinely eager to help out in anyway they can.\"}]]}],[\"$\",\"div\",null,{\"className\":\"bg-white rounded shadow-md p-6 transition-all duration-300 hover:shadow-lg hover:-translate-y-1\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center mb-4\",\"children\":[[\"$\",\"$L10\",null,{\"src\":\"https://senja-io.s3.us-west-1.amazonaws.com/public/media/5b3ab7e2-cd92-4030-9ca7-f10c1278dfd0_8b729f63-2b07-4dab-bcb5-e808bc2e99b5_Soham%20Mitra%20LinkedIn.jpeg\",\"alt\":\"Soham Mitra\",\"width\":48,\"height\":48,\"className\":\"rounded-full mr-4\"}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h4\",null,{\"className\":\"text-lg font-semibold text-violet-900\",\"children\":\"Soham Mitra\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-gray-600\",\"children\":\"Customer Experience Manager @Zeron\"}]]}]]}],[\"$\",\"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-quote w-6 h-6 text-violet-200 mb-2\",\"children\":[[\"$\",\"path\",\"rib7q0\",{\"d\":\"M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z\"}],[\"$\",\"path\",\"1ymkrd\",{\"d\":\"M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z\"}],\"$undefined\"]}],[\"$\",\"p\",null,{\"className\":\"text-gray-700 whitespace-pre-wrap mb-2\",\"children\":\"Kroto is a revolutionary platform that has significantly streamlined our content creation process. Its AI-powered capabilities have enabled us to produce high-quality videos and documentation. The interface is very user friendly and specifically on the go editing capabilities saves a lot of time. boosting the overall productivity.\\n\\nIt is a must have tool for the Marketing, Product and Customer Success/Experience teams.\\n\\nWe're impressed with Kroto's ability to transform the industry of content generation.\\n\\n@rosekamallove Kudos to you and your team for creating such an amazing product.\"}]]}],[\"$\",\"div\",null,{\"className\":\"bg-white rounded shadow-md p-6 transition-all duration-300 hover:shadow-lg hover:-translate-y-1\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center mb-4\",\"children\":[[\"$\",\"$L10\",null,{\"src\":\"https://ph-avatars.imgix.net/4103574/8bb66edd-66b4-464e-abcf-869563405e71.png?auto=compress\u0026codec=mozjpeg\u0026cs=strip\u0026auto=format\",\"alt\":\"Dan Robins\",\"width\":48,\"height\":48,\"className\":\"rounded-full mr-4\"}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h4\",null,{\"className\":\"text-lg font-semibold text-violet-900\",\"children\":\"Dan Robins\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-gray-600\",\"children\":\"Director and Co-Founder @Dualo\"}]]}]]}],[\"$\",\"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-quote w-6 h-6 text-violet-200 mb-2\",\"children\":[[\"$\",\"path\",\"rib7q0\",{\"d\":\"M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z\"}],[\"$\",\"path\",\"1ymkrd\",{\"d\":\"M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z\"}],\"$undefined\"]}],[\"$\",\"p\",null,{\"className\":\"text-gray-700 whitespace-pre-wrap mb-2\",\"children\":\"We spent way too long creating and updating help centre videos in the past - a great product.\"}]]}],[\"$\",\"div\",null,{\"className\":\"bg-white rounded shadow-md p-6 transition-all duration-300 hover:shadow-lg hover:-translate-y-1\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center mb-4\",\"children\":[[\"$\",\"$L10\",null,{\"src\":\"https://ph-avatars.imgix.net/63223/05a4f3ad-3576-4950-b16a-6f3e1dee21e1.jpeg?auto=compress\u0026codec=mozjpeg\u0026cs=strip\u0026auto=format\",\"alt\":\"Tony Han\",\"width\":48,\"height\":48,\"className\":\"rounded-full mr-4\"}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h4\",null,{\"className\":\"text-lg font-semibold text-violet-900\",\"children\":\"Tony Han\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-gray-600\",\"children\":\"Product Manager with 7 YOE in FinTech, EdTech, and Health\"}]]}]]}],[\"$\",\"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-quote w-6 h-6 text-violet-200 mb-2\",\"children\":[[\"$\",\"path\",\"rib7q0\",{\"d\":\"M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z\"}],[\"$\",\"path\",\"1ymkrd\",{\"d\":\"M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z\"}],\"$undefined\"]}],[\"$\",\"p\",null,{\"className\":\"text-gray-700 whitespace-pre-wrap mb-2\",\"children\":\"Dang, it's so smooth and easy. This would be super handy for building how-to guides for internal and external teams as a PM, but also it's great for creating support content too.\"}]]}],[\"$\",\"div\",null,{\"className\":\"bg-white rounded shadow-md p-6 transition-all duration-300 hover:shadow-lg hover:-translate-y-1\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center mb-4\",\"children\":[[\"$\",\"$L10\",null,{\"src\":\"https://ph-avatars.imgix.net/5763108/original.jpeg?auto=compress\u0026codec=mozjpeg\u0026cs=strip\u0026auto=format\",\"alt\":\"Anna Hanusová\",\"width\":48,\"height\":48,\"className\":\"rounded-full mr-4\"}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h4\",null,{\"className\":\"text-lg font-semibold text-violet-900\",\"children\":\"Anna Hanusová\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-gray-600\",\"children\":\"Project Specialist at Leadpicker\"}]]}]]}],[\"$\",\"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-quote w-6 h-6 text-violet-200 mb-2\",\"children\":[[\"$\",\"path\",\"rib7q0\",{\"d\":\"M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z\"}],[\"$\",\"path\",\"1ymkrd\",{\"d\":\"M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z\"}],\"$undefined\"]}],[\"$\",\"p\",null,{\"className\":\"text-gray-700 whitespace-pre-wrap mb-2\",\"children\":\"Oh my I spend so much time making videos and documentation...it's great to see there is solution that makes it simpler and easier for next time :)\"}]]}],[\"$\",\"div\",null,{\"className\":\"bg-white rounded shadow-md p-6 transition-all duration-300 hover:shadow-lg hover:-translate-y-1\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center mb-4\",\"children\":[[\"$\",\"$L10\",null,{\"src\":\"https://ph-avatars.imgix.net/4438396/079fabcb-7d01-42d9-a98f-2fc7befce04e.png?auto=compress\u0026codec=mozjpeg\u0026cs=strip\u0026auto=format\",\"alt\":\"Prem Saini\",\"width\":48,\"height\":48,\"className\":\"rounded-full mr-4\"}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h4\",null,{\"className\":\"text-lg font-semibold text-violet-900\",\"children\":\"Prem Saini\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-gray-600\",\"children\":\"Founder at Zixflow\"}]]}]]}],[\"$\",\"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-quote w-6 h-6 text-violet-200 mb-2\",\"children\":[[\"$\",\"path\",\"rib7q0\",{\"d\":\"M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z\"}],[\"$\",\"path\",\"1ymkrd\",{\"d\":\"M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z\"}],\"$undefined\"]}],[\"$\",\"p\",null,{\"className\":\"text-gray-700 whitespace-pre-wrap mb-2\",\"children\":\"Love that it removes the tedious process and will help my team in automating a lot of work is very amazing.\"}]]}]]}]]}]}],[\"$\",\"section\",null,{\"id\":\"tabular-features\",\"children\":[[\"$\",\"div\",null,{\"className\":\"bg-gradient-to-b p-4 md:py-16 from-violet-100 to-white py-16\",\"children\":[\"$\",\"div\",null,{\"className\":\"max-w-6xl mx-auto\",\"children\":[[\"$\",\"div\",null,{\"className\":\"max-w-6xl px-6 mx-auto \",\"children\":[\"$\",\"div\",null,{\"className\":\"text-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative flex items-center justify-center gap-4 mb-5 before:h-px before:w-24 before:border-b before:[border-image:linear-gradient(to_left,theme(colors.violet.300),transparent)1] dark:before:[border-image:linear-gradient(to_left,theme(colors.violet.300/.16),transparent)1] before:shadow-sm before:shadow-white/20 dark:before:shadow-none after:h-px after:w-24 after:border-b after:[border-image:linear-gradient(to_right,theme(colors.violet.300),transparent)1] dark:after:[border-image:linear-gradient(to_right,theme(colors.violet.300/.16),transparent)1] after:shadow-sm after:shadow-white/20 dark:after:shadow-none\",\"children\":[\"$\",\"div\",null,{\"className\":\"relative text-sm font-medium text-gray-700 bg-white dark:bg-gray-700 inline-flex rounded whitespace-nowrap px-3 py-[3px] tracking-normal before:absolute before:inset-0 before:rounded before:[background-image:linear-gradient(120deg,transparent_0%,theme(colors.violet.400/.12)_33%,theme(colors.pink.400/.12)_66%,theme(colors.amber.200/.12)_100%)] dark:before:[background-image:linear-gradient(120deg,theme(colors.violet.400/.16),theme(colors.violet.600/.16)_50%,transparent_100%)] shadow\",\"children\":[[\"$\",\"div\",null,{\"className\":\"$11\",\"aria-hidden\":\"true\"}],[\"$\",\"span\",null,{\"className\":\"relative text-gray-800 dark:text-transparent dark:bg-clip-text dark:bg-gradient-to-b dark:from-violet-500 dark:to-violet-50\",\"children\":\"Features\"}]]}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-3xl md:text-5xl font-bold text-gray-800 pb-4\",\"children\":\"Powerful Features for Content Creation\"}],[\"$\",\"p\",null,{\"className\":\"md:text-lg text-gray-700 dark:text-gray-400\",\"children\":\"$undefined\"}]]}]]}]}],[\"$\",\"div\",null,{\"className\":\"space-y-12 pt-16\",\"children\":[[\"$\",\"div\",null,{\"id\":\"ai-video-creation\",\"className\":\"bg-white rounded shadow-md overflow-hidden transition-all duration-300 hover:shadow-lg group\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col md:flex-row\",\"children\":[[\"$\",\"div\",null,{\"className\":\"p-6 md:w-1/2 flex flex-col justify-between\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-2xl font-bold text-violet-900 mb-3\",\"children\":\"AI-Powered Video Creation\"}],[\"$\",\"p\",null,{\"className\":\"text-gray-700 mb-6\",\"children\":\"Generate professional-quality videos with AI-driven voiceovers\"}],[[\"$\",\"div\",null,{\"className\":\"flex items-start mb-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex-shrink-0 mr-3\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":1.5,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-video w-5 h-5 text-violet-600\",\"children\":[[\"$\",\"path\",\"ftymec\",{\"d\":\"m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5\"}],[\"$\",\"rect\",\"158x01\",{\"x\":\"2\",\"y\":\"6\",\"width\":\"14\",\"height\":\"12\",\"rx\":\"2\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h4\",null,{\"className\":\"text-base font-semibold text-violet-900 mb-1\",\"children\":\"Studio-Quality Output\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-gray-700\",\"children\":\"Create polished videos that rival professional studio productions.\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-start mb-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex-shrink-0 mr-3\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":1.5,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-mic w-5 h-5 text-violet-600\",\"children\":[[\"$\",\"path\",\"131961\",{\"d\":\"M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z\"}],[\"$\",\"path\",\"1vc78b\",{\"d\":\"M19 10v2a7 7 0 0 1-14 0v-2\"}],[\"$\",\"line\",\"x3vr5v\",{\"x1\":\"12\",\"x2\":\"12\",\"y1\":\"19\",\"y2\":\"22\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h4\",null,{\"className\":\"text-base font-semibold text-violet-900 mb-1\",\"children\":\"AI Voiceover Integration\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-gray-700\",\"children\":\"Enhance your videos with natural-sounding AI-generated voiceovers.\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-start mb-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex-shrink-0 mr-3\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":1.5,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-panels-top-left w-5 h-5 text-violet-600\",\"children\":[[\"$\",\"rect\",\"afitv7\",{\"width\":\"18\",\"height\":\"18\",\"x\":\"3\",\"y\":\"3\",\"rx\":\"2\"}],[\"$\",\"path\",\"1pudct\",{\"d\":\"M3 9h18\"}],[\"$\",\"path\",\"1oto5p\",{\"d\":\"M9 21V9\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h4\",null,{\"className\":\"text-base font-semibold text-violet-900 mb-1\",\"children\":\"Customizable Templates\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-gray-700\",\"children\":\"Choose from a variety of templates to quickly create videos for any purpose.\"}]]}]]}]]]}],[\"$\",\"div\",null,{\"className\":\"w-full flex gap-2\",\"children\":[[\"$\",\"$L12\",null,{\"className\":\"inline-flex items-center justify-center whitespace-nowrap rounded text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 mt-6 w-full cursor-pointer flex gap-1\",\"href\":\"/ai-video-creation\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Learn More\"}],\" \",[\"$\",\"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-arrow-right\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}],[\"$\",\"$L12\",null,{\"target\":\"_blank\",\"className\":\"inline-flex items-center justify-center whitespace-nowrap rounded text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border bg-background hover:text-accent-foreground h-10 px-4 py-2 mt-6 w-full cursor-pointer border-violet-200 hover:bg-violet-400/20 flex gap-1\",\"href\":\"https://app.kroto.one/publish-page/creating-an-event-on-google-calendar\",\"children\":[[\"$\",\"span\",null,{\"children\":\"See Live\"}],\" \",[\"$\",\"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-external-link\",\"children\":[[\"$\",\"path\",\"1q9fwt\",{\"d\":\"M15 3h6v6\"}],[\"$\",\"path\",\"gplh6r\",{\"d\":\"M10 14 21 3\"}],[\"$\",\"path\",\"a6xqqp\",{\"d\":\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"}],\"$undefined\"]}]]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"md:w-1/2 relative h-64 md:h-auto flex items-center justify-center overflow-hidden\",\"children\":[\"$undefined\",[\"$\",\"div\",null,{\"className\":\"w-full h-full flex items-center group-hover:scale-105 duration-500 justify-center p-8\",\"children\":[\"$\",\"$L13\",null,{\"src\":\"https://dbgi97grppr1g.cloudfront.net/cly4j2ack0000nn2o6zvb2bbm/video_3ee82dee-f7d9-4997-b8f3-9c4f12991d41.mp4\",\"type\":\"video/mp4\"}]}]]}]]}]}],[\"$\",\"div\",null,{\"id\":\"step-by-step-guides\",\"className\":\"bg-white rounded shadow-md overflow-hidden transition-all duration-300 hover:shadow-lg group\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col md:flex-row\",\"children\":[[\"$\",\"div\",null,{\"className\":\"p-6 md:w-1/2 flex flex-col justify-between\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-2xl font-bold text-violet-900 mb-3\",\"children\":\"Detailed Visual Guides\"}],[\"$\",\"p\",null,{\"className\":\"text-gray-700 mb-6\",\"children\":\"Create comprehensive step-by-step articles with precisely cut GIFs\"}],[[\"$\",\"div\",null,{\"className\":\"flex items-start mb-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex-shrink-0 mr-3\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":1.5,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-scissors w-5 h-5 text-violet-600\",\"children\":[[\"$\",\"circle\",\"1lh9wr\",{\"cx\":\"6\",\"cy\":\"6\",\"r\":\"3\"}],[\"$\",\"path\",\"1alkpv\",{\"d\":\"M8.12 8.12 12 12\"}],[\"$\",\"path\",\"xgtan2\",{\"d\":\"M20 4 8.12 15.88\"}],[\"$\",\"circle\",\"fqmcym\",{\"cx\":\"6\",\"cy\":\"18\",\"r\":\"3\"}],[\"$\",\"path\",\"ptml3r\",{\"d\":\"M14.8 14.8 20 20\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h4\",null,{\"className\":\"text-base font-semibold text-violet-900 mb-1\",\"children\":\"Precise GIF Integration\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-gray-700\",\"children\":\"Incorporate accurately trimmed GIFs to illustrate each step clearly.\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-start mb-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex-shrink-0 mr-3\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":1.5,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-book-open w-5 h-5 text-violet-600\",\"children\":[[\"$\",\"path\",\"vv98re\",{\"d\":\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"}],[\"$\",\"path\",\"1cyq3y\",{\"d\":\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h4\",null,{\"className\":\"text-base font-semibold text-violet-900 mb-1\",\"children\":\"Interactive Tutorials\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-gray-700\",\"children\":\"Develop engaging, easy-to-follow tutorials for complex processes.\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-start mb-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex-shrink-0 mr-3\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":1.5,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-search w-5 h-5 text-violet-600\",\"children\":[[\"$\",\"circle\",\"4ej97u\",{\"cx\":\"11\",\"cy\":\"11\",\"r\":\"8\"}],[\"$\",\"path\",\"1qie3q\",{\"d\":\"m21 21-4.3-4.3\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h4\",null,{\"className\":\"text-base font-semibold text-violet-900 mb-1\",\"children\":\"SEO-Optimized Content\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-gray-700\",\"children\":\"Craft articles that rank well in search engines and drive organic traffic.\"}]]}]]}]]]}],[\"$\",\"div\",null,{\"className\":\"w-full flex gap-2\",\"children\":[[\"$\",\"$L12\",null,{\"className\":\"inline-flex items-center justify-center whitespace-nowrap rounded text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 mt-6 w-full cursor-pointer flex gap-1\",\"href\":\"/step-by-step-guides\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Learn More\"}],\" \",[\"$\",\"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-arrow-right\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}],[\"$\",\"$L12\",null,{\"target\":\"_blank\",\"className\":\"inline-flex items-center justify-center whitespace-nowrap rounded text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border bg-background hover:text-accent-foreground h-10 px-4 py-2 mt-6 w-full cursor-pointer border-violet-200 hover:bg-violet-400/20 flex gap-1\",\"href\":\"https://app.kroto.one/publish-page/creating-an-event-on-google-calendar\",\"children\":[[\"$\",\"span\",null,{\"children\":\"See Live\"}],\" \",[\"$\",\"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-external-link\",\"children\":[[\"$\",\"path\",\"1q9fwt\",{\"d\":\"M15 3h6v6\"}],[\"$\",\"path\",\"gplh6r\",{\"d\":\"M10 14 21 3\"}],[\"$\",\"path\",\"a6xqqp\",{\"d\":\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"}],\"$undefined\"]}]]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"md:w-1/2 relative h-64 md:h-auto flex items-center justify-center overflow-hidden\",\"children\":[[\"$\",\"$L10\",null,{\"src\":{\"src\":\"/_next/static/media/step_by_step_guide.f0af2fed.png\",\"height\":648,\"width\":882,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAMAAADJ2y/JAAAABlBMVEX29/n///9naLC5AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAHUlEQVR4nGNgYGBgYGRkZITRYAaYDaXADLAMQgoAApAAGOf/6WUAAAAASUVORK5CYII=\",\"blurWidth\":8,\"blurHeight\":6},\"alt\":\"Detailed Visual Guides\",\"width\":500,\"height\":350,\"objectFit\":\"cover\",\"className\":\"transition-transform shadow rounded duration-500 group-hover:scale-105\"}],\"$undefined\"]}]]}]}],[\"$\",\"div\",null,{\"id\":\"knowledge-base\",\"className\":\"bg-white rounded shadow-md overflow-hidden transition-all duration-300 hover:shadow-lg group\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col md:flex-row\",\"children\":[[\"$\",\"div\",null,{\"className\":\"p-6 md:w-1/2 flex flex-col justify-between\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-2xl font-bold text-violet-900 mb-3\",\"children\":\"Customized Knowledge Base\"}],[\"$\",\"p\",null,{\"className\":\"text-gray-700 mb-6\",\"children\":\"Create an intuitive, branded help center on your own domain\"}],[[\"$\",\"div\",null,{\"className\":\"flex items-start mb-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex-shrink-0 mr-3\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":1.5,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-navigation w-5 h-5 text-violet-600\",\"children\":[[\"$\",\"polygon\",\"1ltx0t\",{\"points\":\"3 11 22 2 13 21 11 13 3 11\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h4\",null,{\"className\":\"text-base font-semibold text-violet-900 mb-1\",\"children\":\"Easy Navigation\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-gray-700\",\"children\":\"Design an intuitive interface for users to quickly find the information they need.\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-start mb-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex-shrink-0 mr-3\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":1.5,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-paintbrush w-5 h-5 text-violet-600\",\"children\":[[\"$\",\"path\",\"vj2p1u\",{\"d\":\"m14.622 17.897-10.68-2.913\"}],[\"$\",\"path\",\"18tc5c\",{\"d\":\"M18.376 2.622a1 1 0 1 1 3.002 3.002L17.36 9.643a.5.5 0 0 0 0 .707l.944.944a2.41 2.41 0 0 1 0 3.408l-.944.944a.5.5 0 0 1-.707 0L8.354 7.348a.5.5 0 0 1 0-.707l.944-.944a2.41 2.41 0 0 1 3.408 0l.944.944a.5.5 0 0 0 .707 0z\"}],[\"$\",\"path\",\"ytzfxy\",{\"d\":\"M9 8c-1.804 2.71-3.97 3.46-6.583 3.948a.507.507 0 0 0-.302.819l7.32 8.883a1 1 0 0 0 1.185.204C12.735 20.405 16 16.792 16 15\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h4\",null,{\"className\":\"text-base font-semibold text-violet-900 mb-1\",\"children\":\"Brand Consistency\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-gray-700\",\"children\":\"Maintain your brand identity throughout the help center for a cohesive user experience.\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-start mb-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex-shrink-0 mr-3\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":1.5,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-globe w-5 h-5 text-violet-600\",\"children\":[[\"$\",\"circle\",\"1mglay\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"10\"}],[\"$\",\"path\",\"13o1zl\",{\"d\":\"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20\"}],[\"$\",\"path\",\"9i4pu4\",{\"d\":\"M2 12h20\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h4\",null,{\"className\":\"text-base font-semibold text-violet-900 mb-1\",\"children\":\"Custom Domain Hosting\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-gray-700\",\"children\":\"Host your help center on your own domain for a professional, integrated feel.\"}]]}]]}]]]}],[\"$\",\"div\",null,{\"className\":\"w-full flex gap-2\",\"children\":[[\"$\",\"$L12\",null,{\"className\":\"inline-flex items-center justify-center whitespace-nowrap rounded text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 mt-6 w-full cursor-pointer flex gap-1\",\"href\":\"/knowledge-base\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Learn More\"}],\" \",[\"$\",\"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-arrow-right\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}],[\"$\",\"$L12\",null,{\"target\":\"_blank\",\"className\":\"inline-flex items-center justify-center whitespace-nowrap rounded text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border bg-background hover:text-accent-foreground h-10 px-4 py-2 mt-6 w-full cursor-pointer border-violet-200 hover:bg-violet-400/20 flex gap-1\",\"href\":\"https://help.kroto.one\",\"children\":[[\"$\",\"span\",null,{\"children\":\"See Live\"}],\" \",[\"$\",\"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-external-link\",\"children\":[[\"$\",\"path\",\"1q9fwt\",{\"d\":\"M15 3h6v6\"}],[\"$\",\"path\",\"gplh6r\",{\"d\":\"M10 14 21 3\"}],[\"$\",\"path\",\"a6xqqp\",{\"d\":\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"}],\"$undefined\"]}]]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"md:w-1/2 relative h-64 md:h-auto flex items-center justify-center overflow-hidden\",\"children\":[[\"$\",\"$L10\",null,{\"src\":{\"src\":\"/_next/static/media/help_centre.59575d39.png\",\"height\":603,\"width\":871,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAMAAADJ2y/JAAAAOVBMVEX9/P3l5ufV2eTm3f7j4+X9/f7z9Pbv7+/19fXg1vvv6P7x8PDr6evg5u/a4+zp2t3j3+vjz9jXzfQd7lyMAAAACnRSTlPw////+P//8PD4YWBmJgAAAAlwSFlzAAALEwAACxMBAJqcGAAAADRJREFUeJwVyEkOACAIA8ACKSju/v+xxjkOrmWmWYXT51QlnEvHEKLxrN3bHxeRTgCIiIIHJ6ABU+N8jKsAAAAASUVORK5CYII=\",\"blurWidth\":8,\"blurHeight\":6},\"alt\":\"Customized Knowledge Base\",\"width\":500,\"height\":350,\"objectFit\":\"cover\",\"className\":\"transition-transform shadow rounded duration-500 group-hover:scale-105\"}],\"$undefined\"]}]]}]}]]}]]}]}],[\"$\",\"section\",null,{\"className\":\"py-16 bg-gradient-to-b from-white to-violet-50\",\"children\":[\"$\",\"div\",null,{\"className\":\"max-w-6xl px-4 mx-auto\",\"children\":[[\"$\",\"div\",null,{\"className\":\"max-w-6xl px-6 mx-auto \",\"children\":[\"$\",\"div\",null,{\"className\":\"text-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative flex items-center justify-center gap-4 mb-5 before:h-px before:w-24 before:border-b before:[border-image:linear-gradient(to_left,theme(colors.violet.300),transparent)1] dark:before:[border-image:linear-gradient(to_left,theme(colors.violet.300/.16),transparent)1] before:shadow-sm before:shadow-white/20 dark:before:shadow-none after:h-px after:w-24 after:border-b after:[border-image:linear-gradient(to_right,theme(colors.violet.300),transparent)1] dark:after:[border-image:linear-gradient(to_right,theme(colors.violet.300/.16),transparent)1] after:shadow-sm after:shadow-white/20 dark:after:shadow-none\",\"children\":[\"$\",\"div\",null,{\"className\":\"relative text-sm font-medium text-gray-700 bg-white dark:bg-gray-700 inline-flex rounded whitespace-nowrap px-3 py-[3px] tracking-normal before:absolute before:inset-0 before:rounded before:[background-image:linear-gradient(120deg,transparent_0%,theme(colors.violet.400/.12)_33%,theme(colors.pink.400/.12)_66%,theme(colors.amber.200/.12)_100%)] dark:before:[background-image:linear-gradient(120deg,theme(colors.violet.400/.16),theme(colors.violet.600/.16)_50%,transparent_100%)] shadow\",\"children\":[[\"$\",\"div\",null,{\"className\":\"$14\",\"aria-hidden\":\"true\"}],[\"$\",\"span\",null,{\"className\":\"relative text-gray-800 dark:text-transparent dark:bg-clip-text dark:bg-gradient-to-b dark:from-violet-500 dark:to-violet-50\",\"children\":\"Workflow\"}]]}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-3xl md:text-5xl font-bold text-gray-800 pb-4\",\"children\":\"Transform Your Workflow With Kroto\"}],[\"$\",\"p\",null,{\"className\":\"md:text-lg text-gray-700 dark:text-gray-400\",\"children\":\"Don't let outdated documentation and slow training processes hold your business back. Kroto empowers you to create AI-powered video tutorials and interactive guides in minutes, helping you reduce workload, save time, and focus on what truly matters.\"}]]}]]}]}],[\"$\",\"p\",null,{\"className\":\"text-lg text-gray-700 mb-8 text-center max-w-3xl mx-auto\"}],[\"$\",\"div\",null,{\"className\":\"grid md:grid-cols-3 gap-8 mb-12\",\"children\":[[\"$\",\"div\",null,{\"className\":\"bg-white p-6 rounded shadow-md\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-violet-600 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-refresh-cw w-10 h-10\",\"children\":[[\"$\",\"path\",\"v9h5vc\",{\"d\":\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"}],[\"$\",\"path\",\"1q7to0\",{\"d\":\"M21 3v5h-5\"}],[\"$\",\"path\",\"3uifl3\",{\"d\":\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"}],[\"$\",\"path\",\"1cv678\",{\"d\":\"M8 16H3v5\"}],\"$undefined\"]}]}],[\"$\",\"h3\",null,{\"className\":\"text-xl font-semibold text-violet-900 mb-2\",\"children\":\"Automate Your Documentation\"}],[\"$\",\"p\",null,{\"className\":\"text-gray-700\",\"children\":\"Imagine your knowledge base updating itself as your product evolves. With Kroto, it's as easy as clicking a button.\"}]]}],[\"$\",\"div\",null,{\"className\":\"bg-white p-6 rounded shadow-md\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-violet-600 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-video w-10 h-10\",\"children\":[[\"$\",\"path\",\"ftymec\",{\"d\":\"m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5\"}],[\"$\",\"rect\",\"158x01\",{\"x\":\"2\",\"y\":\"6\",\"width\":\"14\",\"height\":\"12\",\"rx\":\"2\"}],\"$undefined\"]}]}],[\"$\",\"h3\",null,{\"className\":\"text-xl font-semibold text-violet-900 mb-2\",\"children\":\"AI-Powered Video Creation\"}],[\"$\",\"p\",null,{\"className\":\"text-gray-700\",\"children\":\"No tech skills? No problem. Kroto's AI turns your recordings into polished, studio-quality videos that look like they took hours to create.\"}]]}],[\"$\",\"div\",null,{\"className\":\"bg-white p-6 rounded shadow-md\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-violet-600 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-link w-10 h-10\",\"children\":[[\"$\",\"path\",\"1cjeqo\",{\"d\":\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"}],[\"$\",\"path\",\"19qd67\",{\"d\":\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"}],\"$undefined\"]}]}],[\"$\",\"h3\",null,{\"className\":\"text-xl font-semibold text-violet-900 mb-2\",\"children\":\"Seamless Integrations\"}],[\"$\",\"p\",null,{\"className\":\"text-gray-700\",\"children\":\"Already using tools like Slack, Google Workspace, or Microsoft Teams? Kroto fits right into your workflow, making content creation and sharing effortless.\"}]]}]]}]]}]}]]}],[\"$\",\"section\",null,{\"id\":\"features\",\"children\":[\"$\",\"section\",null,{\"className\":\"bg-gradient-to-b from-violet-50 to-violet-100 py-16\",\"children\":[\"$\",\"div\",null,{\"className\":\"max-w-6xl px-4 mx-auto\",\"children\":[[\"$\",\"div\",null,{\"className\":\"max-w-6xl px-6 mx-auto \",\"children\":[\"$\",\"div\",null,{\"className\":\"text-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative flex items-center justify-center gap-4 mb-5 before:h-px before:w-24 before:border-b before:[border-image:linear-gradient(to_left,theme(colors.violet.300),transparent)1] dark:before:[border-image:linear-gradient(to_left,theme(colors.violet.300/.16),transparent)1] before:shadow-sm before:shadow-white/20 dark:before:shadow-none after:h-px after:w-24 after:border-b after:[border-image:linear-gradient(to_right,theme(colors.violet.300),transparent)1] dark:after:[border-image:linear-gradient(to_right,theme(colors.violet.300/.16),transparent)1] after:shadow-sm after:shadow-white/20 dark:after:shadow-none\",\"children\":[\"$\",\"div\",null,{\"className\":\"relative text-sm font-medium text-gray-700 bg-white dark:bg-gray-700 inline-flex rounded whitespace-nowrap px-3 py-[3px] tracking-normal before:absolute before:inset-0 before:rounded before:[background-image:linear-gradient(120deg,transparent_0%,theme(colors.violet.400/.12)_33%,theme(colors.pink.400/.12)_66%,theme(colors.amber.200/.12)_100%)] dark:before:[background-image:linear-gradient(120deg,theme(colors.violet.400/.16),theme(colors.violet.600/.16)_50%,transparent_100%)] shadow\",\"children\":[[\"$\",\"div\",null,{\"className\":\"$15\",\"aria-hidden\":\"true\"}],[\"$\",\"span\",null,{\"className\":\"relative text-gray-800 dark:text-transparent dark:bg-clip-text dark:bg-gradient-to-b dark:from-violet-500 dark:to-violet-50\",\"children\":\"Features\"}]]}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-3xl md:text-5xl font-bold text-gray-800 pb-4\",\"children\":\"Revolutionize Your How-To Content Creation\"}],[\"$\",\"p\",null,{\"className\":\"md:text-lg text-gray-700 dark:text-gray-400\",\"children\":\"Transform your content creation process with AI-powered tools that make producing professional videos and guides faster and easier than ever before.\"}]]}]]}]}],[\"$\",\"div\",null,{\"className\":\"grid sm:grid-cols-2 md:grid-cols-3 gap-8 pt-16\",\"children\":[[\"$\",\"article\",null,{\"className\":\"sm:col-span-2 group\",\"children\":[\"$\",\"div\",null,{\"className\":\"h-full flex flex-col border border-violet-200 bg-white rounded overflow-hidden transition-all duration-300 shadow-sm hover:shadow-md hover:border-violet-300 hover:scale-[1.02]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grow flex flex-col p-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center space-x-3 mb-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-violet-500 transition-transform duration-300 group-hover:scale-110 group-hover:rotate-3\",\"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-video w-6 h-6\",\"children\":[[\"$\",\"path\",\"ftymec\",{\"d\":\"m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5\"}],[\"$\",\"rect\",\"158x01\",{\"x\":\"2\",\"y\":\"6\",\"width\":\"14\",\"height\":\"12\",\"rx\":\"2\"}],\"$undefined\"]}]}],[\"$\",\"h3\",null,{\"className\":\"font-semibold text-xl text-violet-700 group-hover:text-violet-800 transition-colors duration-300\",\"children\":\"Studio-Quality Videos \u0026 Guides\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-gray-600 group-hover:text-gray-800 transition-colors duration-300\",\"children\":\"Create professional videos with stunning transitions and precise zoom effects, complemented by step-by-step guides featuring custom-cut GIFs.\"}]]}],[\"$\",\"figure\",null,{\"className\":\"relative h-64 overflow-hidden\",\"children\":[\"$\",\"$L10\",null,{\"className\":\"object-cover object-top transition-transform duration-500 group-hover:scale-105\",\"src\":{\"src\":\"/_next/static/media/kroto_video_article.10557662.png\",\"height\":2619,\"width\":6741,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAADCAMAAACZFr56AAAAMFBMVEXi3+rl5ebz8vfu7u7Q0M2morHi4uPE2+79/f3Gxsa8zd/B1erGu8r79vzuxM///v6TG+4yAAAAD3RSTlPJbJGIYkiNtLtauaqE/cNp50nOAAAACXBIWXMAACE4AAAhOAFFljFgAAAAI0lEQVR4nGPgYefmYmBgYGLg4+fl5+fl52BgZeFkZGNmYgQACoIAttM9YL4AAAAASUVORK5CYII=\",\"blurWidth\":8,\"blurHeight\":3},\"layout\":\"fill\",\"alt\":\"Studio-Quality Videos \u0026 Guides\"}]}]]}]}],[\"$\",\"article\",null,{\"className\":\" group\",\"children\":[\"$\",\"div\",null,{\"className\":\"h-full flex flex-col border border-violet-200 bg-white rounded overflow-hidden transition-all duration-300 shadow-sm hover:shadow-md hover:border-violet-300 hover:scale-[1.02]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grow flex flex-col p-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center space-x-3 mb-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-violet-500 transition-transform duration-300 group-hover:scale-110 group-hover:rotate-3\",\"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-sparkles w-6 h-6\",\"children\":[[\"$\",\"path\",\"4pj2yx\",{\"d\":\"M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z\"}],[\"$\",\"path\",\"1olli1\",{\"d\":\"M20 3v4\"}],[\"$\",\"path\",\"1gvqau\",{\"d\":\"M22 5h-4\"}],[\"$\",\"path\",\"vumght\",{\"d\":\"M4 17v2\"}],[\"$\",\"path\",\"zchphs\",{\"d\":\"M5 18H3\"}],\"$undefined\"]}]}],[\"$\",\"h3\",null,{\"className\":\"font-semibold text-xl text-violet-700 group-hover:text-violet-800 transition-colors duration-300\",\"children\":\"AI-Powered Excellence\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-gray-600 group-hover:text-gray-800 transition-colors duration-300\",\"children\":\"Harness advanced AI to generate flawless scripts and bring them to life with premium studio-quality voice narration.\"}]]}],[\"$\",\"figure\",null,{\"className\":\"relative h-64 overflow-hidden\",\"children\":[\"$\",\"$L10\",null,{\"className\":\"object-cover object-top transition-transform duration-500 group-hover:scale-105\",\"src\":{\"src\":\"/_next/static/media/kroto_ai_voice.dc69f6f9.png\",\"height\":2745,\"width\":3348,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAMAAAACh/xsAAAAKlBMVEX19vf////3+Pny8/Tv8O9MaXH+/f7v7/H////9/v3z8/b3+Pj09fT5+fmVJwt9AAAADnRSTlP+/r86jQD86+PAK6xnT4x7OqoAAAAJcEhZcwAAITgAACE4AUWWMWAAAAAwSURBVHicLcnBDQAgCMDAogIK7D+v0dDXJaXWq5QjiDCUAWYN+Tj0Sve9PZWYr9ALGhQA5Elr7fIAAAAASUVORK5CYII=\",\"blurWidth\":8,\"blurHeight\":7},\"layout\":\"fill\",\"alt\":\"AI-Powered Excellence\"}]}]]}]}],[\"$\",\"article\",null,{\"className\":\" group\",\"children\":[\"$\",\"div\",null,{\"className\":\"h-full flex flex-col border border-violet-200 bg-white rounded overflow-hidden transition-all duration-300 shadow-sm hover:shadow-md hover:border-violet-300 hover:scale-[1.02]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grow flex flex-col p-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center space-x-3 mb-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-violet-500 transition-transform duration-300 group-hover:scale-110 group-hover:rotate-3\",\"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-pen-line w-6 h-6\",\"children\":[[\"$\",\"path\",\"t2du7b\",{\"d\":\"M12 20h9\"}],[\"$\",\"path\",\"1ykcvy\",{\"d\":\"M16.376 3.622a1 1 0 0 1 3.002 3.002L7.368 18.635a2 2 0 0 1-.855.506l-2.872.838a.5.5 0 0 1-.62-.62l.838-2.872a2 2 0 0 1 .506-.854z\"}],\"$undefined\"]}]}],[\"$\",\"h3\",null,{\"className\":\"font-semibold text-xl text-violet-700 group-hover:text-violet-800 transition-colors duration-300\",\"children\":\"Intuitive Editing\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-gray-600 group-hover:text-gray-800 transition-colors duration-300\",\"children\":\"Experience seamless content creation with our Notion-like editor, featuring unique Snapshot blocks for effortless customization.\"}]]}],[\"$\",\"figure\",null,{\"className\":\"relative h-64 overflow-hidden\",\"children\":[\"$\",\"$L10\",null,{\"className\":\"object-cover object-top transition-transform duration-500 group-hover:scale-105\",\"src\":{\"src\":\"/_next/static/media/kroto_editor.c6f10a2a.png\",\"height\":2745,\"width\":3348,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAMAAAACh/xsAAAAIVBMVEX7+/v19vbu7/Ht7e3////////8/Pzw8PD9/f3////+/v4rY9vgAAAACnRSTlN1/fxuEqxNCLUUaPjKGwAAAAlwSFlzAAAhOAAAITgBRZYxYAAAADBJREFUeJw1yMENADAIw8AQKNDsP3AFUu9lGVhZ0OoLkaROQDZngqL9Y+oA3OGe9QAmYQE35brSGAAAAABJRU5ErkJggg==\",\"blurWidth\":8,\"blurHeight\":7},\"layout\":\"fill\",\"alt\":\"Intuitive Editing\"}]}]]}]}],[\"$\",\"article\",null,{\"className\":\" group\",\"children\":[\"$\",\"div\",null,{\"className\":\"h-full flex flex-col border border-violet-200 bg-white rounded overflow-hidden transition-all duration-300 shadow-sm hover:shadow-md hover:border-violet-300 hover:scale-[1.02]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grow flex flex-col p-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center space-x-3 mb-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-violet-500 transition-transform duration-300 group-hover:scale-110 group-hover:rotate-3\",\"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-chrome w-6 h-6\",\"children\":[[\"$\",\"circle\",\"1mglay\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"10\"}],[\"$\",\"circle\",\"4exip2\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"4\"}],[\"$\",\"line\",\"a0cw5f\",{\"x1\":\"21.17\",\"x2\":\"12\",\"y1\":\"8\",\"y2\":\"8\"}],[\"$\",\"line\",\"1kftof\",{\"x1\":\"3.95\",\"x2\":\"8.54\",\"y1\":\"6.06\",\"y2\":\"14\"}],[\"$\",\"line\",\"1ymyh8\",{\"x1\":\"10.88\",\"x2\":\"15.46\",\"y1\":\"21.94\",\"y2\":\"14\"}],\"$undefined\"]}]}],[\"$\",\"h3\",null,{\"className\":\"font-semibold text-xl text-violet-700 group-hover:text-violet-800 transition-colors duration-300\",\"children\":\"Effortless Recording\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-gray-600 group-hover:text-gray-800 transition-colors duration-300\",\"children\":\"Capture every detail with our Chrome extension, automatically transforming your actions into polished, zoomed-in demonstrations.\"}]]}],[\"$\",\"figure\",null,{\"className\":\"relative h-64 overflow-hidden\",\"children\":[\"$\",\"$L10\",null,{\"className\":\"object-cover object-top transition-transform duration-500 group-hover:scale-105\",\"src\":{\"src\":\"/_next/static/media/kroto_chrome_extension.f24a69fc.png\",\"height\":2745,\"width\":3348,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAMAAAACh/xsAAAAPFBMVEVMaXHg4fX19P69ye3LzuLT2fn5+P/09Prw8PDz8fnE0fX29f3e4/j08v3h4OfLvOnd2+L+/v/b4v/k2P4kZip1AAAAEXRSTlMAhbUlE/T9/ButJ46kv/3+ZJeP73sAAAAJcEhZcwAAITgAACE4AUWWMWAAAAA3SURBVHicFcbHEcAwDAMwqjJ2quL9d/UJL8DNpk0HJCLivwDhepkDOMmH1cmq7HxDVW8B/GiODTCWAZHhEjX8AAAAAElFTkSuQmCC\",\"blurWidth\":8,\"blurHeight\":7},\"layout\":\"fill\",\"alt\":\"Effortless Recording\"}]}]]}]}],[\"$\",\"article\",null,{\"className\":\" group\",\"children\":[\"$\",\"div\",null,{\"className\":\"h-full flex flex-col border border-violet-200 bg-white rounded overflow-hidden transition-all duration-300 shadow-sm hover:shadow-md hover:border-violet-300 hover:scale-[1.02]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grow flex flex-col p-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center space-x-3 mb-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-violet-500 transition-transform duration-300 group-hover:scale-110 group-hover:rotate-3\",\"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-share2 w-6 h-6\",\"children\":[[\"$\",\"circle\",\"gq8acd\",{\"cx\":\"18\",\"cy\":\"5\",\"r\":\"3\"}],[\"$\",\"circle\",\"w7nqdw\",{\"cx\":\"6\",\"cy\":\"12\",\"r\":\"3\"}],[\"$\",\"circle\",\"1xt0gg\",{\"cx\":\"18\",\"cy\":\"19\",\"r\":\"3\"}],[\"$\",\"line\",\"47mynk\",{\"x1\":\"8.59\",\"x2\":\"15.42\",\"y1\":\"13.51\",\"y2\":\"17.49\"}],[\"$\",\"line\",\"1n3mei\",{\"x1\":\"15.41\",\"x2\":\"8.59\",\"y1\":\"6.51\",\"y2\":\"10.49\"}],\"$undefined\"]}]}],[\"$\",\"h3\",null,{\"className\":\"font-semibold text-xl text-violet-700 group-hover:text-violet-800 transition-colors duration-300\",\"children\":\"Instant Publishing\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-gray-600 group-hover:text-gray-800 transition-colors duration-300\",\"children\":\"Share your creations effortlessly with one-click publishing options – generate links, export to Markdown, or send via email in seconds.\"}]]}],[\"$\",\"figure\",null,{\"className\":\"relative h-64 overflow-hidden\",\"children\":[\"$\",\"$L10\",null,{\"className\":\"object-cover object-top transition-transform duration-500 group-hover:scale-105\",\"src\":{\"src\":\"/_next/static/media/one_click_share.d8fde406.png\",\"height\":2745,\"width\":3348,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAMAAAACh/xsAAAAQlBMVEX+/v7p4f3l3/P09vb8/vn7+/vx8PP8/P708/j3+Pfx8vT39/fs7er////////19fbTwva8n/Te0vvy8/T37f/d0Py+OomRAAAAE3RSTlP+/v7l5nd2N4f9oyD8S6yfO3v8brk8/gAAAAlwSFlzAAAhOAAAITgBRZYxYAAAADpJREFUeJwdxkEWgCAIQMGPgkFWVtj9r9qrWQ27WWvtOjkggumMjC3gS5Yi01kz5bnF8VpVVY2+/PoLPq0B6UNsR4kAAAAASUVORK5CYII=\",\"blurWidth\":8,\"blurHeight\":7},\"layout\":\"fill\",\"alt\":\"Instant Publishing\"}]}]]}]}]]}]]}]}]}],[\"$\",\"section\",null,{\"className\":\"py-20\",\"children\":[\"$\",\"div\",null,{\"className\":\"max-w-6xl px-4 mx-auto\",\"children\":[[\"$\",\"div\",null,{\"className\":\"max-w-6xl px-6 mx-auto \",\"children\":[\"$\",\"div\",null,{\"className\":\"text-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative flex items-center justify-center gap-4 mb-5 before:h-px before:w-24 before:border-b before:[border-image:linear-gradient(to_left,theme(colors.violet.300),transparent)1] dark:before:[border-image:linear-gradient(to_left,theme(colors.violet.300/.16),transparent)1] before:shadow-sm before:shadow-white/20 dark:before:shadow-none after:h-px after:w-24 after:border-b after:[border-image:linear-gradient(to_right,theme(colors.violet.300),transparent)1] dark:after:[border-image:linear-gradient(to_right,theme(colors.violet.300/.16),transparent)1] after:shadow-sm after:shadow-white/20 dark:after:shadow-none\",\"children\":[\"$\",\"div\",null,{\"className\":\"relative text-sm font-medium text-gray-700 bg-white dark:bg-gray-700 inline-flex rounded whitespace-nowrap px-3 py-[3px] tracking-normal before:absolute before:inset-0 before:rounded before:[background-image:linear-gradient(120deg,transparent_0%,theme(colors.violet.400/.12)_33%,theme(colors.pink.400/.12)_66%,theme(colors.amber.200/.12)_100%)] dark:before:[background-image:linear-gradient(120deg,theme(colors.violet.400/.16),theme(colors.violet.600/.16)_50%,transparent_100%)] shadow\",\"children\":[[\"$\",\"div\",null,{\"className\":\"$16\",\"aria-hidden\":\"true\"}],[\"$\",\"span\",null,{\"className\":\"relative text-gray-800 dark:text-transparent dark:bg-clip-text dark:bg-gradient-to-b dark:from-violet-500 dark:to-violet-50\",\"children\":\"Competiton\"}]]}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-3xl md:text-5xl font-bold text-gray-800 pb-4\",\"children\":\"Why Kroto?\"}],[\"$\",\"p\",null,{\"className\":\"md:text-lg text-gray-700 dark:text-gray-400\",\"children\":\"Sure, there are other tools out there. But here's why Kroto is the only one you need:\"}]]}]]}]}],[\"$\",\"div\",null,{\"className\":\"grid mt-10 md:grid-cols-3 gap-8\",\"children\":[[\"$\",\"div\",\"0\",{\"className\":\"bg-white p-8 rounded shadow-lg transition-all duration-300 hover:shadow-xl hover:-translate-y-1\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-6 flex justify-center\",\"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-target w-12 h-12 text-violet-600\",\"children\":[[\"$\",\"circle\",\"1mglay\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"10\"}],[\"$\",\"circle\",\"1vlfrh\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"6\"}],[\"$\",\"circle\",\"1c9p78\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"2\"}],\"$undefined\"]}]}],[\"$\",\"h3\",null,{\"className\":\"text-2xl font-bold text-violet-900 mb-4 text-center\",\"children\":\"Tailored for Your Needs\"}],[\"$\",\"p\",null,{\"className\":\"text-gray-700 text-center\",\"children\":\"Whether you're in customer support, training, or product marketing, Kroto is built to solve your specific challenges.\"}]]}],[\"$\",\"div\",\"1\",{\"className\":\"bg-white p-8 rounded shadow-lg transition-all duration-300 hover:shadow-xl hover:-translate-y-1\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-6 flex justify-center\",\"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-zap w-12 h-12 text-violet-600\",\"children\":[[\"$\",\"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\"}],\"$undefined\"]}]}],[\"$\",\"h3\",null,{\"className\":\"text-2xl font-bold text-violet-900 mb-4 text-center\",\"children\":\"No Learning Curve\"}],[\"$\",\"p\",null,{\"className\":\"text-gray-700 text-center\",\"children\":\"You don't need to be a video expert or a tech guru to use Kroto. If you can click, you can create.\"}]]}],[\"$\",\"div\",\"2\",{\"className\":\"bg-white p-8 rounded shadow-lg transition-all duration-300 hover:shadow-xl hover:-translate-y-1\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-6 flex justify-center\",\"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-trending-up w-12 h-12 text-violet-600\",\"children\":[[\"$\",\"polyline\",\"126l90\",{\"points\":\"22 7 13.5 15.5 8.5 10.5 2 17\"}],[\"$\",\"polyline\",\"kwv8wd\",{\"points\":\"16 7 22 7 22 13\"}],\"$undefined\"]}]}],[\"$\",\"h3\",null,{\"className\":\"text-2xl font-bold text-violet-900 mb-4 text-center\",\"children\":\"Proven to Work\"}],[\"$\",\"p\",null,{\"className\":\"text-gray-700 text-center\",\"children\":\"Our clients see measurable results—reduced support tickets, faster employee onboarding, and happier, more empowered customers.\"}]]}]]}]]}]}],[\"$\",\"section\",null,{\"className\":\"relative max-w-6xl mx-auto my-16 p-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-0 z-0 rounded overflow-hidden\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"version\":\"1.1\",\"xmlnsXlink\":\"http://www.w3.org/1999/xlink\",\"viewBox\":\"0 0 700 700\",\"width\":\"100%\",\"height\":\"100%\",\"preserveAspectRatio\":\"none\",\"children\":[[\"$\",\"defs\",null,{\"children\":[[\"$\",\"linearGradient\",null,{\"gradientTransform\":\"rotate(-146, 0.5, 0.5)\",\"x1\":\"50%\",\"y1\":\"0%\",\"x2\":\"50%\",\"y2\":\"100%\",\"id\":\"gggrain-gradient2\",\"children\":[[\"$\",\"stop\",null,{\"stopColor\":\"hsl(33, 0%, 90%)\",\"stopOpacity\":\"1\",\"offset\":\"-0%\"}],[\"$\",\"stop\",null,{\"stopColor\":\"rgba(255,255,255,0)\",\"stopOpacity\":\"0\",\"offset\":\"100%\"}]]}],[\"$\",\"linearGradient\",null,{\"gradientTransform\":\"rotate(146, 0.5, 0.5)\",\"x1\":\"50%\",\"y1\":\"0%\",\"x2\":\"50%\",\"y2\":\"100%\",\"id\":\"gggrain-gradient3\",\"children\":[[\"$\",\"stop\",null,{\"stopColor\":\"hsl(33, 100%, 50%)\",\"stopOpacity\":\"1\"}],[\"$\",\"stop\",null,{\"stopColor\":\"rgba(255,255,255,0)\",\"stopOpacity\":\"0\",\"offset\":\"100%\"}]]}],[\"$\",\"filter\",null,{\"id\":\"gggrain-filter\",\"x\":\"-20%\",\"y\":\"-20%\",\"width\":\"140%\",\"height\":\"140%\",\"filterUnits\":\"objectBoundingBox\",\"primitiveUnits\":\"userSpaceOnUse\",\"colorInterpolationFilters\":\"sRGB\",\"children\":[[\"$\",\"feTurbulence\",null,{\"type\":\"fractalNoise\",\"baseFrequency\":\"1.25\",\"numOctaves\":\"2\",\"seed\":\"261\",\"stitchTiles\":\"stitch\",\"x\":\"0%\",\"y\":\"0%\",\"width\":\"100%\",\"height\":\"100%\",\"result\":\"turbulence\"}],[\"$\",\"feColorMatrix\",null,{\"type\":\"saturate\",\"values\":\"0\",\"x\":\"0%\",\"y\":\"0%\",\"width\":\"100%\",\"height\":\"100%\",\"in\":\"turbulence\",\"result\":\"colormatrix\"}],[\"$\",\"feComponentTransfer\",null,{\"x\":\"0%\",\"y\":\"0%\",\"width\":\"100%\",\"height\":\"100%\",\"in\":\"colormatrix\",\"result\":\"componentTransfer\",\"children\":[[\"$\",\"feFuncR\",null,{\"type\":\"linear\",\"slope\":\"3\"}],[\"$\",\"feFuncG\",null,{\"type\":\"linear\",\"slope\":\"3\"}],[\"$\",\"feFuncB\",null,{\"type\":\"linear\",\"slope\":\"3\"}]]}],[\"$\",\"feColorMatrix\",null,{\"x\":\"0%\",\"y\":\"0%\",\"width\":\"100%\",\"height\":\"100%\",\"in\":\"componentTransfer\",\"result\":\"colormatrix2\",\"type\":\"matrix\",\"values\":\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 22 -14\"}]]}]]}],[\"$\",\"g\",null,{\"children\":[[\"$\",\"rect\",null,{\"width\":\"100%\",\"height\":\"100%\",\"fill\":\"hsl(264, 69%, 50%)\"}],[\"$\",\"rect\",null,{\"width\":\"100%\",\"height\":\"100%\",\"fill\":\"url(#gggrain-gradient3)\"}],[\"$\",\"rect\",null,{\"width\":\"100%\",\"height\":\"100%\",\"fill\":\"url(#gggrain-gradient2)\"}],[\"$\",\"rect\",null,{\"width\":\"100%\",\"height\":\"100%\",\"fill\":\"transparent\",\"filter\":\"url(#gggrain-filter)\",\"opacity\":\"0.8\",\"style\":{\"mixBlendMode\":\"soft-light\"}}]]}]]}]}],[\"$\",\"div\",null,{\"className\":\"relative z-10 bg-white bg-opacity-40 backdrop-blur rounded shadow-xl overflow-hidden\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col lg:flex-row\",\"children\":[[\"$\",\"div\",null,{\"className\":\"lg:w-2/5 p-8 flex flex-col justify-between\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-2xl font-bold text-violet-900 mb-4\",\"children\":\"Create How-To Videos and Guides In Minutes\"}],[\"$\",\"p\",null,{\"className\":\"text-base text-gray-700 mb-6\",\"children\":\"Start creating professional content for your product or service today.\"}],[\"$\",\"div\",null,{\"className\":\"space-y-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-start mb-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex-shrink-0 mr-3\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":1.5,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-video w-5 h-5 text-violet-600\",\"children\":[[\"$\",\"path\",\"ftymec\",{\"d\":\"m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5\"}],[\"$\",\"rect\",\"158x01\",{\"x\":\"2\",\"y\":\"6\",\"width\":\"14\",\"height\":\"12\",\"rx\":\"2\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h4\",null,{\"className\":\"text-base font-semibold text-violet-900 mb-1\",\"children\":\"AI-powered video creation\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-gray-700\",\"children\":\"Generate professional-quality videos with AI-driven voiceovers.\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-start mb-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex-shrink-0 mr-3\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":1.5,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-book-open w-5 h-5 text-violet-600\",\"children\":[[\"$\",\"path\",\"vv98re\",{\"d\":\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"}],[\"$\",\"path\",\"1cyq3y\",{\"d\":\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h4\",null,{\"className\":\"text-base font-semibold text-violet-900 mb-1\",\"children\":\"Detailed step-by-step guides\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-gray-700\",\"children\":\"Create comprehensive visual guides with precisely cut GIFs.\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-start mb-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex-shrink-0 mr-3\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":1.5,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-globe w-5 h-5 text-violet-600\",\"children\":[[\"$\",\"circle\",\"1mglay\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"10\"}],[\"$\",\"path\",\"13o1zl\",{\"d\":\"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20\"}],[\"$\",\"path\",\"9i4pu4\",{\"d\":\"M2 12h20\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h4\",null,{\"className\":\"text-base font-semibold text-violet-900 mb-1\",\"children\":\"Customized knowledge base\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-gray-700\",\"children\":\"Build an intuitive, branded help center on your own domain.\"}]]}]]}]]}]]}],[\"$\",\"$L17\",null,{\"className\":\"mt-8 w-full\",\"variant\":\"lg\"}]]}],[\"$\",\"div\",null,{\"className\":\"lg:w-3/5 p-2 flex items-center justify-center bg-gradient-to-br from-violet-100/10 to-violet-200/10 backdrop-blur\",\"children\":[\"$\",\"$L10\",null,{\"src\":{\"src\":\"/_next/static/media/guide_video_no_bottom.d68a81a4.png\",\"height\":891,\"width\":1111,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAMAAADJ2y/JAAAAQlBMVEX+///9/f3XtMXkucPh2ePGxsb19/j5+Pv////o6Ofh6O/39fPPz89mkb2hw+FmnMn1+v3y7/jO4vTn3N/T09bg4eEjd6qYAAAAEXRSTlP+RP79/obg6AH2/vWtaZty/pYwVXEAAAAJcEhZcwAACxMAAAsTAQCanBgAAAA2SURBVHicFcpJEoAgEATBUoEG1x7A/3/VMM9Jae1gqRXF3vv9XMhbsimIddgIRZrvmTMK+PMHL+IBsKdH1hgAAAAASUVORK5CYII=\",\"blurWidth\":8,\"blurHeight\":6},\"alt\":\"Article and Video Creation\",\"width\":900,\"height\":300,\"className\":\"translate-y-8\"}]}]]}]}]]}]]],null],null]},[[\"$\",\"$L18\",null,{\"children\":[\"$\",\"$L19\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(default)\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L1a\",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.\"}]}]]}]}]],\"notFoundStyles\":[],\"styles\":null}],\"params\":{}}],null],null]},[[\"$\",\"html\",null,{\"lang\":\"en\",\"suppressHydrationWarning\":true,\"children\":[\"$\",\"$L1b\",null,{\"children\":[[\"$\",\"$L1c\",null,{\"id\":\"clarity-script\",\"strategy\":\"afterInteractive\",\"dangerouslySetInnerHTML\":{\"__html\":\"\\n (function(c,l,a,r,i,t,y){\\n c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};\\n t=l.createElement(r);t.async=1;t.src=\\\"https://www.clarity.ms/tag/mh368rvghy\\\";\\n y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);\\n })(window, document, \\\"clarity\\\", \\\"script\\\", \\\"mh368rvghy\\\");\\n \"}}],[\"$\",\"$L1c\",null,{\"src\":\"https://www.googletagmanager.com/gtag/js?id=G-B8HZPW8YNY\",\"strategy\":\"afterInteractive\"}],[\"$\",\"$L1c\",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-B8HZPW8YNY');\\n \"}],[\"$\",\"$L1c\",null,{\"id\":\"sitebehaviour-script\",\"strategy\":\"afterInteractive\",\"src\":\"https://sitebehaviour-cdn.fra1.cdn.digitaloceanspaces.com/index.min.js?sitebehaviour-secret=24848e9f-24dc-4e40-8bbd-d161661d0c16\",\"defer\":true}],[[\"$\",\"$L1c\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"Organization\\\",\\\"name\\\":\\\"Kroto Kreator Labs Private Limited\\\",\\\"url\\\":\\\"https://www.kroto.one\\\",\\\"logo\\\":\\\"https://app.kroto.one/kroto_logo_violet.png\\\",\\\"contactPoint\\\":{\\\"@type\\\":\\\"ContactPoint\\\",\\\"telephone\\\":\\\"+91 7906682655\\\",\\\"contactType\\\":\\\"Customer Support\\\",\\\"email\\\":\\\"founders@kroto.one\\\",\\\"areaServed\\\":\\\"IN\\\",\\\"availableLanguage\\\":\\\"English\\\"},\\\"address\\\":{\\\"@type\\\":\\\"PostalAddress\\\",\\\"streetAddress\\\":\\\"D 705, Kumardhara, NGV, Kormangla\\\",\\\"addressLocality\\\":\\\"Bangalore\\\",\\\"postalCode\\\":\\\"560047\\\",\\\"addressCountry\\\":\\\"IN\\\"}}\"}}],[\"$\",\"$L1c\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"WebSite\\\",\\\"name\\\":\\\"Kroto\\\",\\\"url\\\":\\\"https://www.kroto.one\\\"}\"}}]],[\"$\",\"body\",null,{\"className\":\"__variable_36bd41 __variable_d7dc5d font-inter scroll-smooth antialiased bg-violet-100 text-gray-800 dark:bg-gray-900 dark:text-gray-200 tracking-tight\",\"children\":[[\"$\",\"$9\",null,{\"fallback\":null,\"children\":[[\"$\",\"$La\",null,{\"moduleIds\":[\"app/layout.tsx -\u003e @/components/intercom-chat\"]}],[\"$\",\"$L1d\",null,{}]]}],[\"$\",\"$9\",null,{\"fallback\":null,\"children\":[\"$\",\"$L1e\",null,{\"reason\":\"next/dynamic\",\"children\":[\"$\",\"$L1f\",null,{}]}]}],[\"$\",\"div\",null,{\"className\":\"relative flex flex-col min-h-screen overflow-hidden supports-[overflow:clip]:overflow-clip\",\"children\":[\"$\",\"$L19\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L1a\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":\"$20\",\"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\":\"$21\",\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":\"$22\",\"children\":[\"$\",\"h2\",null,{\"style\":\"$23\",\"children\":\"This page could not be found.\"}]}]]}]}]],\"notFoundStyles\":[],\"styles\":null}]}]]}]]}]}],null],null],\"couldBeIntercepted\":false,\"initialHead\":[false,\"$L24\"],\"globalErrorComponent\":\"$25\",\"missingSlots\":\"$W26\"}]]\n"])</script><script>self.__next_f.push([1,"24:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"1\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"2\",{\"children\":\"Kroto - Docs \u0026 Videos in minutes\"}],[\"$\",\"meta\",\"3\",{\"name\":\"description\",\"content\":\"Build product videos and documents insanely fast. Take a basic recording of a product walk-through and generate professional videos with zoom-in and pan effects along with a step by step article in minutes\"}],[\"$\",\"link\",\"4\",{\"rel\":\"canonical\",\"href\":\"https://www.kroto.one\"}],[\"$\",\"link\",\"5\",{\"rel\":\"alternate\",\"type\":\"application/rss+xml\",\"href\":\"https://www.kroto.one/feed.xml/\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:title\",\"content\":\"Kroto - Docs \u0026 Videos in minutes\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:description\",\"content\":\"Build product videos and documents insanely fast. Take a basic recording of a product walk-through and generate professional videos with zoom-in and pan effects along with a step by step article in minutes\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:image\",\"content\":\"https://dbgi97grppr1g.cloudfront.net/Kroto_OG.jpg\"}],[\"$\",\"meta\",\"9\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"10\",{\"name\":\"twitter:title\",\"content\":\"Kroto - Docs \u0026 Videos in minutes\"}],[\"$\",\"meta\",\"11\",{\"name\":\"twitter:description\",\"content\":\"Build product videos and documents insanely fast. Take a basic recording of a product walk-through and generate professional videos with zoom-in and pan effects along with a step by step article in minutes\"}],[\"$\",\"meta\",\"12\",{\"name\":\"twitter:image\",\"content\":\"https://dbgi97grppr1g.cloudfront.net/Kroto_OG.jpg\"}],[\"$\",\"link\",\"13\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\"}],[\"$\",\"meta\",\"14\",{\"name\":\"next-size-adjust\"}]]\n7:null\n"])</script></body></html>