hostbento
Connect ChatGPT, Claude, Mistral or any other AI assistant to hostbento—and give your AI assistant the power to design, build, and deploy without leaving the chat.
Content
<link href="https://fonts.googleapis.com/css2?family=DM%20Sans&display=swap"
rel="stylesheet">
<link rel="stylesheet" type="text/css" href="https://kb4v1jz7ho.koniglecdn.com/css/root-styles-a6177aef.css">
<link rel="stylesheet" type="text/css" href="https://kb4v1jz7ho.koniglecdn.com/css/ds-stylesheet-098be0b2.css">
<script type="application/ld+json">{
"@graph": [ { "@id": "https://hostbento.com/#organization", "url": "https://hostbento.com", "logo": { "url": "https://hostbento.com/logo.png", "@type": "ImageObject", "width": 512, "height": 512 }, "name": "HostBento", "@type": "Organization", "sameAs": [], "description": "HostBento is an AI-powered web hosting platform that lets you generate and deploy websites directly from your favorite AI assistant.", "parentOrganization": { "url": "https://konigle.com", "name": "Konigle", "@type": "Organization" } }, { "@id": "https://hostbento.com/#website", "url": "https://hostbento.com", "name": "HostBento", "@type": "WebSite", "hasPart": [ { "@id": "https://hostbento.com/#webpage", "url": "https://hostbento.com", "name": "Home", "@type": "WebPage" }, { "@id": "https://hostbento.com/pricing#webpage", "url": "https://hostbento.com/pricing", "name": "Pricing", "@type": "WebPage" }, { "@id": "https://hostbento.com/zero-cms#webpage", "url": "https://hostbento.com/zero-cms", "name": "The ZeroCMS Manifesto", "@type": "WebPage" } ], "publisher": { "@id": "https://hostbento.com/#organization" }, "inLanguage": "en-US", "description": "Generate websites within your favorite AI assistant", "potentialAction": { "@type": "SearchAction", "target": { "@type": "EntryPoint", "urlTemplate": "https://hostbento.com/search?q={search_term_string}" }, "query-input": "required name=search_term_string" } }, { "@id": "https://hostbento.com/#webpage", "url": "https://hostbento.com", "name": "HostBento - Generate websites within your favorite AI assistant", "@type": "WebPage", "about": { "@id": "https://hostbento.com/#software" }, "isPartOf": { "@id": "https://hostbento.com/#website" }, "inLanguage": "en-US", "description": "Connect your favorite AI assistant to hostbento and generate websites instantly. No code, no hosting setup\u2014just describe and deploy.", "relatedLink": [ "https://hostbento.com/blog", "https://hostbento.com/help" ], "significantLink": [ "https://hostbento.com/pricing", "https://hostbento.com/zero-cms" ] }, { "@id": "https://hostbento.com/#navigation", "name": "Main Navigation", "@type": "SiteNavigationElement", "hasPart": [ { "url": "https://hostbento.com/zero-cms", "name": "Zero CMS", "@type": "SiteNavigationElement" }, { "url": "https://hostbento.com/pricing", "name": "Pricing", "@type": "SiteNavigationElement" }, { "url": "https://hostbento.com/blog", "name": "Blog", "@type": "SiteNavigationElement" }, { "url": "https://hostbento.com/help", "name": "Help", "@type": "SiteNavigationElement" } ] }, { "@id": "https://hostbento.com/#software", "url": "https://hostbento.com", "name": "HostBento", "@type": "SoftwareApplication", "offers": { "url": "https://hostbento.com/pricing", "@type": "AggregateOffer", "lowPrice": "15", "highPrice": "99", "offerCount": "3", "priceCurrency": "USD" }, "keywords": "AI website builder, ZeroCMS, AI web hosting, MCP, Model Context Protocol, AI assistant website", "provider": { "@id": "https://hostbento.com/#organization" }, "description": "AI-powered web hosting platform using ZeroCMS philosophy. Connect ChatGPT, Claude, Mistral or any AI assistant to design, build, and deploy websites without leaving the chat.", "featureList": [ "AI-powered website generation", "Model Context Protocol (MCP) integration", "Works with ChatGPT, Claude, Mistral and other AI assistants", "Instant deployment", "Custom domain support", "SSL certificates included", "SEO optimization built-in", "No coding required", "No CMS dashboard needed" ], "operatingSystem": "Web", "applicationCategory": "WebApplication", "applicationSubCategory": "Website Builder" } ], "@context": "https://schema.org" }
<script src="/static/sitekit/js/vendor/jquery-3.7.1.min.js"></script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','AW-17790979536');
</script>
<!-- End Google Tag Manager -->
<style>
.bg-header {
background-color: None;
}
.border-header {
border-color: ;
}
.text-header {
display: inline-block;
color: ;
border-color: transparent;
border-radius: 0.375rem;
transition: transform 0.3s ease-out;
}
.text-header:hover {
transform: scale(1.1);
color: ;
border-color: ;
}
<body class="flex min-h-screen flex-col justify-between"
>
<!-- Google Tag Manager (noscript) -->
<noscript>
<iframe src="https://www.googletagmanager.com/ns.html?id=AW-17790979536"
height="0"
width="0"
style="display:none;
visibility:hidden">
</iframe>
</noscript>
<!-- End Google Tag Manager (noscript) -->
style="">
<!-- component could be deleted but still the ID maybe present in the template. -->
<div class="w-full" style="" data-node-type="block" data-node-key="header" >
<header class="fixed top-0 left-0 right-0 z-50 bg-base-50 border-b border-border">
<!-- Desktop Navigation -->
<nav class="hidden md:flex md:items-center md:gap-6">
<a href="/zero-cms" class="text-body font-medium hover:text-primary transition-colors">Zero CMS</a>
<a href="/pricing" class="text-body font-medium hover:text-primary transition-colors">Pricing</a>
</nav>
<!-- CTA Buttons -->
<div class="hidden md:flex md:items-center md:gap-4">
<a href="https://app.hostbento.com/login" class="text-body font-medium hover:text-primary transition-colors">Login</a>
<a href="https://app.hostbento.com/get-started" class="inline-flex items-center justify-center px-5 py-2.5 bg-primary text-primary-content font-semibold rounded-btn hover:bg-primary-700 transition-colors">Get Started</a>
</div>
<!-- Mobile Menu Button -->
<div class="md:hidden">
<button id="mobile-menu-button" class="p-2 rounded-md text-heading focus:outline-none focus:ring-2 focus:ring-primary">
<svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
</svg>
</button>
</div>
</div>
<nav class="flex flex-col gap-4">
<a href="/zero-cms" class="py-3 text-body font-medium hover:text-primary transition-colors border-b border-border">Zero CMS</a>
<a href="/pricing" class="py-3 text-body font-medium hover:text-primary transition-colors border-b border-border">Pricing</a>
</nav>
<div class="flex flex-col gap-3 mt-8">
<a href="https://app.hostbento.com/login" class="py-3 text-center text-body font-medium hover:text-primary transition-colors border border-border rounded-btn">Login</a>
<a href="https://app.hostbento.com/get-started" class="py-3 text-center bg-primary text-primary-content font-semibold rounded-btn hover:bg-primary-700 transition-colors">Get Started</a>
</div>
</div>
</div>
<div x-show="isOpen"
x-cloak
x-on:keydown.window.escape="handleClose()"
class="fixed inset-0 z-50"
aria-labelledby="search-modal"
role="dialog"
aria-modal="true">
<!-- Background backdrop, show/hide based on modal state. -->
<div x-show="isOpen"
x-transition.opacity.duration.500ms
class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity"></div>
<div x-show="isOpen"
x-transition:enter="transition ease-in-out duration-500"
x-transition:enter-start="translate-y-full"
x-transition:enter-end="translate-y-0"
x-transition:leave="transition ease-in-out duration-500"
x-transition:leave-start="translate-y-0"
x-transition:leave-end="translate-y-full"
class="fixed inset-0 z-10 w-screen">
<div class="flex flex-col h-full justify-end items-center">
<!-- Modal panel, show/hide based on modal state. -->
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-5 gap-4 grow bg-white w-full max-h-full shadow-xl">
<div class="col-span-1 lg:col-span-2 px-4 sm:p-8">
<div class="h-24 sm:h-32 mb-8 flex flex-col justify-end items-start">
<h2 class="text-4xl sm:text-6xl font-bold text-gray-900">Search</h2>
</div>
<!-- Search bar and button. -->
<!-- "Nothing found" indicator. -->
<div class="relative my-2 prose prose-a:text-primary"
x-show="resultGroups?.length === 0 && searchValue && hasSearched"
x-transition.opacity>
<p class="text-sm">
Can't find what you're looking for?
Ask for <a href="/help">help</a>.
</p>
</div>
</div>
<div class="col-span-1 lg:col-span-3 overflow-auto grow px-4 sm:p-8 bg-gray-50 rounded-t-2xl sm:rounded-tr-none sm:rounded-bl-2xl"
x-show="resultGroups?.length"
x-transition.opacity>
<!-- Displaces list to same level as search bar. -->
<div class="h-16 sm:h-32 mb-8 flex flex-col justify-end items-start">
<!-- Results count. -->
<h3 class="text-2xl sm:text-3xl font-semibold text-gray-900"
x-text="`${searchCount} result${searchCount > 1 ? 's' : ''}`"></h3>
</div>
<!-- Search results list. -->
</div>
</div>
</div>
</div>
<!-- Top right button group. -->
<div class="absolute top-4 right-4 z-10"
x-on:click="handleClose()"
x-show="isOpen"
x-transition.duration.300ms.delay.500ms>
<!-- Close button. -->
<button class="flex flex-row items-center group bg-white text-gray-700 rounded-full p-2 transition drop-shadow-md hover:drop-shadow-lg"
type="button">
<!-- Expanding text on hover. -->
<span class="text-sm text-left font-normal transition-all w-0 group-hover:w-12 ps-0 group-hover:ps-1 opacity-0 group-hover:opacity-100 -translate-x-12 group-hover:translate-x-0">Close</span>
<svg xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
class="w-6 h-6"
aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
</svg>
</button>
</div>
</div>
<main class="flex-grow flex flex-col relative "
data-node-type="segment"
data-template-id="7395194423820861440"
data-node-key="main"
style="">
<div class="relative flex flex-col w-full">
<div data-select-key="block_b9723939" data-node-type="block" data-node-key="block_b9723939" data-select-type="block" >
<div class="min-h-screen bg-base-50 pt-24 md:pt-28" data-node-key="component" data-node-type="component"
data-node-name="Landing Page Section">
<!-- Main Content -->
<main class="relative z-10">
<!-- ===== HERO SECTION ===== -->
<section class="section pt-16 md:pt-24 lg:pt-32 pb-8 md:pb-12">
<div class="container max-w-4xl text-center">
<h1 class="heading-xl text-balance mb-6 animate-fade-in-up text-heading relative"
aria-label="finally, generate websites within your favorite AI assistant.">
<!-- Invisible placeholder to reserve space -->
<span class="_xtypew-placeholder" aria-hidden="true">finally, generate websites within your favorite AI assistant.</span>
<!-- Visible typewriter text -->
<span class="_xtypew-typewriter"></span>
</h1>
<p class="text-body-lg max-w-2xl mx-auto mb-10 animate-fade-in-up delay-100 text-body">
Connect ChatGPT, Claude, Mistral or any other AI assistant to <strong>hostbento</strong>—and give your AI assistant the power to design, build, and deploy without leaving the chat.
</p>
<div class="flex flex-col sm:flex-row gap-4 justify-center animate-fade-in-up delay-200">
<a href="https://app.hostbento.com/get-started"
class="btn bg-primary text-primary-content px-8 py-4 text-base font-semibold rounded-btn transition-all duration-300 hover:bg-primary-700 hover:-translate-y-0.5">
Get Started Free
</a>
</div>
</div>
</section>
<!-- ===== HOW IT WORKS ===== -->
<section id="how-it-works" class="section pt-12 md:pt-16">
<div class="container max-w-5xl">
<div class="text-center mb-12">
<h2 class="heading-lg mb-4 text-heading">How it works</h2>
<p class="text-body max-w-xl mx-auto">Three steps. No learning curve. No setup
headaches.</p>
</div>
<div class="grid md:grid-cols-3 gap-8 md:gap-6">
<div
class="card-bordered p-8 text-center bg-base-50 border border-border rounded-box animate-fade-in-up">
<div
class="w-16 h-16 mx-auto mb-6 rounded-2xl flex items-center justify-center bg-primary-50 border border-primary-200">
<svg class="w-8 h-8 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24"
stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101" />
<path d="M10.172 13.828a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1" />
</svg>
</div>
<div class="text-xs font-semibold uppercase tracking-wider mb-3 text-primary">Step 1</div>
<h3 class="heading-sm mb-3 text-heading">Connect</h3>
<p class="text-body-sm text-body">Link your favorite AI assistant to
<strong>hostbento</strong> in seconds.
</p>
</div>
<div
class="card-bordered p-8 text-center bg-base-50 border border-border rounded-box animate-fade-in-up delay-100">
<div
class="w-16 h-16 mx-auto mb-6 rounded-2xl flex items-center justify-center bg-primary-50 border border-primary-200">
<svg class="w-8 h-8 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24"
stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path
d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z" />
</svg>
</div>
<div class="text-xs font-semibold uppercase tracking-wider mb-3 text-primary">Step 2</div>
<h3 class="heading-sm mb-3 text-heading">Describe</h3>
<p class="text-body-sm text-body">Tell your AI what you want. A landing page, blog,
portfolio—anything.</p>
</div>
<div
class="card-bordered p-8 text-center bg-base-50 border border-border rounded-box animate-fade-in-up delay-200">
<div
class="w-16 h-16 mx-auto mb-6 rounded-2xl flex items-center justify-center bg-primary-50 border border-primary-200">
<svg class="w-8 h-8 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24"
stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M5 10l7-7m0 0l7 7m-7-7v18" />
</svg>
</div>
<div class="text-xs font-semibold uppercase tracking-wider mb-3 text-primary">Step 3</div>
<h3 class="heading-sm mb-3 text-heading">Host</h3>
<p class="text-body-sm text-body">Your AI publishes it live. Instant. No code. No hosting
setup.</p>
</div>
</div>
</div>
</section>
<!-- ===== FEATURES SECTION ===== -->
<section class="section py-16 bg-base-100">
<div class="container max-w-6xl">
<div class="text-center mb-12 md:mb-16">
<h2 class="heading-lg mb-4 text-heading">Everything you need,
<span class="text-gradient">nothing you don't</span>
</h2>
<p class="text-body max-w-xl mx-auto">No plugins. No configurations. Just results.</p>
</div>
<!-- Bento Grid -->
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 auto-rows-[200px]">
<!-- Feature 1 -->
<div class="bg-base-50 p-6 rounded-box border border-border shadow-sm row-span-2 flex flex-col">
<div class="w-12 h-12 mb-4 rounded-xl bg-primary-50 flex items-center justify-center">
<svg class="w-6 h-6 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24"
stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M13 10V3L4 14h7v7l9-11h-7z" />
</svg>
</div>
<h3 class="text-xl font-semibold mb-2 text-heading flex-grow">Instant Deploy</h3>
<p class="text-body">Changes go live the moment your AI makes them. No build steps, no
waiting.</p>
</div>
<!-- Feature 2 -->
<div class="bg-base-50 p-6 rounded-box border border-border shadow-sm flex flex-col">
<div class="w-12 h-12 mb-4 rounded-xl bg-primary-50 flex items-center justify-center">
<svg class="w-6 h-6 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24"
stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path
d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9" />
</svg>
</div>
<h3 class="text-xl font-semibold mb-2 text-heading flex-grow">Custom Domains</h3>
<p class="text-body">Connect your own domain. Professional URLs, fully managed SSL.</p>
</div>
<!-- Feature 3 -->
<div class="bg-base-50 p-6 rounded-box border border-border shadow-sm flex flex-col">
<div class="w-12 h-12 mb-4 rounded-xl bg-primary-50 flex items-center justify-center">
<svg class="w-6 h-6 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24"
stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path
d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
</svg>
</div>
<h3 class="text-xl font-semibold mb-2 text-heading flex-grow">Pages & Blogs</h3>
<p class="text-body">Landing pages, blog posts, documentation—your AI handles all content
types.</p>
</div>
<!-- Feature 4 -->
<div class="bg-base-50 p-6 rounded-box border border-border shadow-sm row-span-2 flex flex-col">
<div class="w-12 h-12 mb-4 rounded-xl bg-primary-50 flex items-center justify-center">
<svg class="w-6 h-6 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24"
stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
</svg>
</div>
<h3 class="text-xl font-semibold mb-2 text-heading flex-grow">SEO Built-In</h3>
<p class="text-body">Meta tags, sitemaps, structured data—optimized for search from day one.
</p>
</div>
<!-- Feature 5 -->
<div class="bg-base-50 p-6 rounded-box border border-border shadow-sm flex flex-col">
<div class="w-12 h-12 mb-4 rounded-xl bg-primary-50 flex items-center justify-center">
<svg class="w-6 h-6 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24"
stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path
d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z" />
</svg>
</div>
<h3 class="text-xl font-semibold mb-2 text-heading flex-grow">Forms & Data</h3>
<p class="text-body">Capture leads and collect data. No third-party tools required.</p>
</div>
<!-- Feature 6 -->
<div class="bg-base-50 p-6 rounded-box border border-border shadow-sm flex flex-col">
<div class="w-12 h-12 mb-4 rounded-xl bg-primary-50 flex items-center justify-center">
<svg class="w-6 h-6 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24"
stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path
d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" />
</svg>
</div>
<h3 class="text-xl font-semibold mb-2 text-heading flex-grow">Analytics</h3>
<p class="text-body">GDPR compliant page and event tracking. Bring your own analytics too.
</p>
</div>
</div>
</div>
</section>
<!-- ===== FINAL CTA ===== -->
<section class="section pb-24">
<div class="container max-w-3xl">
<div
class="card p-10 md:p-14 text-center bg-base-50 border border-border shadow-lg rounded-box animate-fade-in-up">
<h2 class="heading-lg mb-4 text-heading">Ready to leave the CMS era behind?</h2>
<p class="text-body max-w-lg mx-auto mb-8">
Give your AI the power to publish. Start building in seconds.
</p>
<a href="https://app.hostbento.com/get-started"
class="btn bg-primary text-primary-content px-10 py-5 text-lg font-semibold rounded-btn transition-all duration-300 hover:bg-primary-700 hover:-translate-y-0.5">
Get Started Free
</a>
</div>
</div>
</section>
</main>
</div>
</div>
</main>
<h3 class="z-50 bg-green-500 px-4 py-2 text-md rounded-md text-white drop-shadow-md fixed top-4 right-4 hidden -translate-y-32 transition ease-in-out duration-500 max-w-md"
id="message-success"></h3>
<h3 class="z-50 bg-red-600 px-4 py-2 text-md rounded-md text-white drop-shadow-md fixed top-4 right-4 hidden -translate-y-32 transition ease-in-out duration-500 max-w-md"
id="message-error"></h3>
<div id="profitjs"></div>
<div>
data-node-type="segment"
data-template-id="7395188173955780608"
data-node-key="footer">
<!-- component could be deleted but still the ID maybe present in the template. -->
<div data-select-key="footer" data-node-type="block" data-node-key="footer" data-select-type="block" >
<footer class="bg-base-50 border-t border-border py-16 md:py-24">
<div class="container max-w-7xl mx-auto px-4 md:px-6 lg:px-8">
<!-- Main Footer Content -->
<div class="grid grid-cols-1 md:grid-cols-12 gap-12 md:gap-8 mb-16 md:mb-24">
<!-- Left Side - Tagline -->
<div class="md:col-span-6">
<p class="text-body text-lg mb-4">Your AI. Your website(s).</p>
</div>
<!-- Navigation Columns -->
<div class="md:col-span-3">
<h4 class="text-heading font-semibold mb-4">Product</h4>
<ul class="space-y-3">
<li><a href="/zero-cms" class="text-body hover:text-primary transition-colors">Zero CMS</a></li>
<li><a href="/pricing" class="text-body hover:text-primary transition-colors">Pricing</a></li>
</ul>
</div>
<div class="md:col-span-3">
<h4 class="text-heading font-semibold mb-4">Resources</h4>
<ul class="space-y-3">
<li><a href="/blog" class="text-body hover:text-primary transition-colors">Blog</a></li>
<li><a href="/help" class="text-body hover:text-primary transition-colors">Help</a></li>
<li><a href="/glossary" class="text-body hover:text-primary transition-colors">Glossary</a></li>
</ul>
</div>
</div>
<!-- Large Brand Name -->
<div class="mb-16 md:mb-24">
<span class="text-heading font-bold tracking-tighter leading-none block w-full" style="font-size: clamp(4rem, 15vw, 14rem);">hostbento</span>
</div>
<!-- Bottom Bar -->
<div class="flex flex-col md:flex-row justify-between items-start md:items-center gap-4 pt-8 border-t border-border">
<div class="flex items-center gap-3">
<span class="text-subtle text-sm">from the</span>
<a href="https://konigle.com" target="_blank" rel="noopener noreferrer" class="flex items-center gap-1">
<img src="https://cdn.konigle.com/images/konigle_logo.webp" alt="Konigle" class="h-5 w-auto">
</a>
<span class="text-subtle text-sm">team</span>
</div>
<nav class="flex flex-wrap gap-6">
<a href="https://konigle.com/terms" class="text-body text-sm hover:text-primary transition-colors">Terms of Service</a>
</nav>
</div>
</div>
</div>
<div class=""
style="background-color: #ffffff;
color: #000000">
<div class="flex flex-row justify-center items-center w-full pt-2 text-center text-xs leading-5">
<a target="_blank"
id="powered-by-konigle"
class="flex flex-row items-center hover:underline"
href="https://tim.konigle.com?referrer=hostbento.com">
<p>Built with Konigle</p>
</a>
<a target="_blank"
class="flex flex-row items-center p-1 hover:underline"
href="https://konigle.com/ai-website-builder">
<p>AI</p>
</a>
•
<a href=""
class="hover:underline ps-2">Site Map</a>
</div>
</div>
</div>
<div x-data="loginWidget"
@auth:login-widget:open.window="open($event.detail?.formTitle || 'Login')">
<div class="relative z-50"
x-show="show"
aria-labelledby="login-widget-title"
role="dialog"
aria-modal="true"
x-cloak>
<div x-show="show"
class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity"
x-transition.opacity.duration.300ms></div>
<div class="fixed inset-0 z-50 w-screen overflow-y-auto">
<div class="flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0">
<div x-show="show"
x-transition:enter="ease-out duration-300"
x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
x-transition:leave="ease-in duration-200"
x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
class="relative transform overflow-hidden rounded-lg bg-white px-4 pb-4 pt-5 text-left shadow-xl transition-all sm:my-8 w-full sm:max-w-lg sm:p-6">
<div>
<div class="mt-3 text-center sm:mt-5">
<template x-if="currentTab === 'Login'">
<div>
<h3 class="text-lg sm:text-xl font-semibold leading-6 text-gray-900"
id="login-widget-title"
x-text="formTitle"></h3>
<p class="mt-2 text-sm text-gray-500">Don't have an account? We will create one for you.</p>
<div class="mt-6">
<input :type="form.identityType"
class="border px-3 py-2 w-full rounded-input border-border focus:border-primary focus:ring-primary sm:text-sm"
x-model="form.identity"
autocomplete="email"
placeholder="Enter email to login">
</div>
</div>
</template>
<template x-if="currentTab === 'Password'">
<div>
<h3 class="text-lg sm:text-xl font-semibold leading-6 text-gray-900"
id="login-widget-title">Enter OTP</h3>
<p class="text-sm text-gray-500 mt-2">
Enter the OTP send to
<strong x-text="form.identity"></strong>
</p>
<div class="mt-6">
<input type="password"
class="border px-3 py-2 w-full rounded-input border-border focus:border-primary focus:ring-primary sm:text-sm"
x-model="form.password"
placeholder="Enter OTP">
<p class="text-sm text-gray-500 mt-1 text-left">
<button class="text-primary"
@click.prevent="resendOTP"
:disabled="!enableResendOTP">Resend OTP</button>
in <span x-text="form.countDown"></span>
seconds. Check your spam folder if you can't find email from us.
</p>
</div>
</div>
</template>
</div>
</div>
<template x-if="form.error">
<p x-text="form.error" class="text-red-500 text-sm mt-3"></p>
</template>
<div class="mt-5 sm:mt-6 flex flex-col gap-3 sm:flex-row">
<button type="button"
@click="show = false"
class="btn btn-sm border border-gray-300 flex-1">Cancel</button>
<button type="button"
class="btn btn-sm btn-primary flex-1"
:disabled="!enableSubmit"
x-text="submitText"
@click="submit"></button>
</div>
</div>
</div>
</div>
</div>
Valid email is required for further communications
<script src="/static/sitekit/js/sitekit.js" defer></script>
<script src="/static/sitekit/js/widgets.js" defer></script>
<script src="/static/sitekit/js/vendor/alpinejs-3.x.x.js" defer></script>
</body>
Recommend Servers
TraeBuild with Free GPT-4.1 & Claude 3.7. Fully MCP-Ready.
Baidu Map百度地图核心API现已全面兼容MCP协议，是国内首家兼容MCP协议的地图服务商。
Zhipu Web SearchZhipu Web Search MCP Server is a search engine specifically designed for large models. It integrates four search engines, allowing users to flexibly compare and switch between them. Building upon the web crawling and ranking capabilities of traditional search engines, it enhances intent recognition capabilities, returning results more suitable for large model processing (such as webpage titles, URLs, summaries, site names, site icons, etc.). This helps AI applications achieve "dynamic knowledge acquisition" and "precise scenario adaptation" capabilities.
Visual Studio Code - Open Source ("Code - OSS")Visual Studio Code
BlenderBlenderMCP connects Blender to Claude AI through the Model Context Protocol (MCP), allowing Claude to directly interact with and control Blender. This integration enables prompt assisted 3D modeling, scene creation, and manipulation.
Tavily Mcp
WindsurfThe new purpose-built IDE to harness magic
EdgeOne Pages MCPAn MCP service designed for deploying HTML content to EdgeOne Pages and obtaining an accessible public URL.
Playwright McpPlaywright MCP server
DeepChatYour AI Partner on Desktop
Context7Context7 MCP Server -- Up-to-date code documentation for LLMs and AI code editors
Amap Maps高德地图官方 MCP Server
Jina AI MCP ToolsA Model Context Protocol (MCP) server that integrates with Jina AI Search Foundation APIs.
TimeA Model Context Protocol server that provides time and timezone conversion capabilities. This server enables LLMs to get current time information and perform timezone conversions using IANA timezone names, with automatic system timezone detection.
Serper MCP ServerA Serper MCP Server
MiniMax MCPOfficial MiniMax Model Context Protocol (MCP) server that enables interaction with powerful Text to Speech, image generation and video generation APIs.
MCP AdvisorMCP Advisor & Installation - Use the right MCP server for your needs
ChatWiseThe second fastest AI chatbot™
Howtocook Mcp基于Anduin2017 / HowToCook （程序员在家做饭指南）的mcp server，帮你推荐菜谱、规划膳食，解决“今天吃什么“的世纪难题；
Based on Anduin2017/HowToCook (Programmer's Guide to Cooking at Home), MCP Server helps you recommend recipes, plan meals, and solve the century old problem of "what to eat today"
CursorThe AI Code Editor
AiimagemultistyleA Model Context Protocol (MCP) server for image generation and manipulation using fal.ai's Stable Diffusion model.