PageSourceSearch

https://contensa.ai/

html contensa.ai collected 2026-10-05 15:14:18 UTC 184,136 bytes, 5 lines download raw bytes

1<!DOCTYPE html><!--ZV5JU1i6qwaX_nNtKYWM9--><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/797e433ab948586e-s.p.dbea232f.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/caa3a2e1cccd8315-s.p.853070df.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/chunks/2473c16c0c2f6b5f.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/8f4734a5fad7cfa0.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/66ec7521cbde21da.js"/>
1<script src="/_next/static/chunks/00bcba05fbac4add.js" async=""></script>
1<script src="/_next/static/chunks/14be94a3f3805283.js" async=""></script>
1<script src="/_next/static/chunks/0090ed624d8e7305.js" async=""></script>
1<script src="/_next/static/chunks/d479242ef14209a2.js" async=""></script>
1<script src="/_next/static/chunks/3e9cf4ab98eea10c.js" async=""></script>
1<script src="/_next/static/chunks/turbopack-ced54cb1da366c2b.js" async=""></script>
1<script src="/_next/static/chunks/2e8dca9f54d2c2ef.js" async=""></script>
1<script src="/_next/static/chunks/e2e97e9f3bd17890.js" async=""></script>
1<script src="/_next/static/chunks/d96012bcfc98706a.js" async=""></script>
1<script src="/_next/static/chunks/2532f69a4166d704.js" async=""></script>
1<script src="/_next/static/chunks/d07b3d35ba9d5c68.js" async=""></script>
1<script src="/_next/static/chunks/93dd85661f86be39.js" async=""></script>
1<script src="/_next/static/chunks/165b82052282be44.js" async=""></script>
1<script src="/_next/static/chunks/a0e23b7966331f62.js" async=""></script>
1<script src="/_next/static/chunks/c06b50af637f5782.js" async=""></script>
1<script src="/_next/static/chunks/6163cf70d61af315.js" async=""></script>
1<meta name="next-size-adjust" content=""/><title>Contensa — AI-First Headless CMS</title><meta name="description" content="Describe your project and get structured content models, AI-generated entries, and production-ready GraphQL &amp; REST APIs — delivered in minutes, not months."/><link rel="author" href="https://contensa.ai"/><meta name="author" content="Contensa"/><meta name="keywords" content="headless CMS,AI content generation,AI CMS,GraphQL CMS,REST API CMS,structured content,content localization,content management system,headless content management,AI headless CMS,Next.js CMS,Jamstack CMS"/><meta name="creator" content="Contensa"/><meta name="publisher" content="Contensa"/><meta name="robots" content="index, follow"/><meta name="googlebot" content="index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1"/><link rel="canonical" href="https://contensa.ai"/><meta property="og:title" content="Contensa — AI-First Headless CMS"/><meta property="og:description" content="Describe your project and get structured content models, AI-generated entries, and production-ready GraphQL &amp; REST APIs — delivered in minutes, not months."/><meta property="og:url" content="https://contensa.ai"/><meta property="og:site_name" content="Contensa"/><meta property="og:locale" content="en_US"/><meta property="og:image:alt" content="Contensa — AI-First Headless CMS"/><meta property="og:image:type" content="image/png"/><meta property="og:image" content="https://contensa.ai/opengraph-image?f53cd7d9c5085725"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Contensa — AI-First Headless CMS"/><meta name="twitter:description" content="Describe your project and get structured content models, AI-generated entries, and production-ready GraphQL &amp; REST APIs — in minutes."/><meta name="twitter:image" content="https://contensa.ai/opengraph-image"/><link rel="icon" href="/favicon.ico?favicon.0b3bf435.ico" sizes="256x256" type="image/x-icon"/><link rel="icon" href="/icon?54bc3b96e1abee6a" type="image/png" sizes="32x32"/>
1<script src="/_next/static/chunks/a6dad97d9634a72d.js" noModule=""></script>
1</head><body class="geist_a71539c9-module__T19VSG__variable geist_mono_8d43a2aa-module__8Li5zG__variable font-sans antialiased"><div hidden=""><!--$--><!--/$--></div>
1<script>((a,b,c,d,e,f,g,h)=>{let i=document.documentElement,j=["light","dark"];function k(b){var c;(Array.isArray(a)?a:[a]).forEach(a=>{let c="class"===a,d=c&&f?e.map(a=>f[a]||a):e;c?(i.classList.remove(...d),i.classList.add(f&&f[b]?f[b]:b)):i.setAttribute(a,b)}),c=b,h&&j.includes(c)&&(i.style.colorScheme=c)}if(d)k(d);else try{let a=localStorage.getItem(b)||c,d=g&&"system"===a?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":a;k(d)}catch(a){}})("class","theme","dark",null,["light","dark"],null,false,true)</script>
1<div class="min-h-screen bg-background overflow-x-hidden"><header class="fixed top-0 left-0 right-0 z-50 border-b border-border/40 bg-background/80 backdrop-blur-xl"><nav class="container mx-auto px-4 sm:px-6 lg:px-8"><div class="flex h-16 items-center justify-between"><a class="flex items-center gap-2.5 group" href="/"><div class="relative flex-shrink-0 h-7 w-7 "><svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-full w-full" aria-label="Contensa" role="img"><rect width="36" height="36" rx="9" fill="url(#cl-sm-bg)"></rect><path d="M 24.7 10.3 A 9.5 9.5 0 1 0 24.7 25.7" stroke="url(#cl-sm-glow-stroke)" stroke-width="8" stroke-linecap="round" fill="none" opacity="0.35"></path><path d="M 24.7 10.3 A 9.5 9.5 0 1 0 24.7 25.7" stroke="url(#cl-sm-arc)" stroke-width="5.5" stroke-linecap="round" fill="none"></path><circle cx="24.7" cy="10.3" r="1.5" fill="url(#cl-sm-dot-top)"></circle><circle cx="24.7" cy="25.7" r="1.5" fill="url(#cl-sm-dot-bot)"></circle><rect width="36" height="36" rx="9" fill="url(#cl-sm-shine)"></rect><defs><linearGradient id="cl-sm-bg" x1="0" y1="0" x2="36" y2="36" gradientUnits="userSpaceOnUse"><stop offset="0%" stop-color="#12091f"></stop><stop offset="100%" stop-color="#060310"></stop></linearGradient><radialGradient id="cl-sm-shine" cx="22%" cy="16%" r="48%"><stop offset="0%" stop-color="white" stop-opacity="0.07"></stop><stop offset="100%" stop-color="white" stop-opacity="0"></stop></radialGradient><linearGradient id="cl-sm-arc" x1="8" y1="8" x2="26" y2="28" gradientUnits="userSpaceOnUse"><stop offset="0%" stop-color="#e9d5ff"></stop><stop offset="45%" stop-color="#a855f7"></stop><stop offset="100%" stop-color="#22d3ee"></stop></linearGradient><linearGradient id="cl-sm-glow-stroke" x1="8" y1="8" x2="26" y2="28" gradientUnits="userSpaceOnUse"><stop offset="0%" stop-color="#a855f7"></stop><stop offset="100%" stop-color="#22d3ee"></stop></linearGradient><radialGradient id="cl-sm-dot-top" cx="35%" cy="35%" r="65%"><stop offset="0%" stop-color="#f0e6ff"></stop><stop offset="100%" stop-color="#c084fc"></stop></radialGradient><radialGradient id="cl-sm-dot-bot" cx="35%" cy="35%" r="65%"><stop offset="0%" stop-color="#cffafe"></stop><stop offset="100%" stop-color="#06b6d4"></stop></radialGradient></defs></svg></div><span class="text-xl font-bold tracking-tight">Contensa</span></a><div class="hidden lg:flex items-center gap-8"><a href="#features" class="text-sm font-medium text-muted-foreground hover:text-foreground transition-colors duration-200 cursor-pointer">Features</a><div class="relative"><button class="flex items-center gap-1 text-sm font-medium text-muted-foreground hover:text-foreground transition-colors duration-200" aria-expanded="false" aria-haspopup="true">Solutions<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div><a class="text-sm font-medium text-muted-foreground hover:text-foreground transition-colors duration-200" href="/pricing">Pricing</a><a class="text-sm font-medium text-muted-foreground hover:text-foreground transition-colors duration-200" href="/blogs">Blog</a><a class="text-sm font-medium text-muted-foreground hover:text-foreground transition-colors duration-200" href="/about">About</a></div><div class="hidden lg:flex items-center gap-3"><a data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all duration-200 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 hover:bg-muted hover:text-foreground h-9 rounded-lg gap-1.5 px-3 has-[&gt;svg]:px-2.5" href="/signin">Log in</a><a data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium duration-200 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;
1size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 text-primary-foreground hover:bg-primary/90 active:scale-[0.98] h-9 rounded-lg gap-1.5 px-3 has-[&gt;svg]:px-2.5 bg-gradient-to-r from-primary to-[oklch(0.75_0.18_195)] hover:opacity-90 transition-opacity shadow-lg shadow-primary/25" href="/signin">Start free</a></div><button class="lg:hidden relative w-9 h-9 rounded-xl bg-muted/60 hover:bg-muted flex items-center justify-center transition-colors" aria-label="Open menu" aria-expanded="false"><span class="flex items-center justify-center" style="opacity:1;transform:none"><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-4 w-4" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></span></button></div></nav></header><main class="overflow-x-hidden"><section class="relative pt-24 sm:pt-32 pb-16 sm:pb-24 lg:pt-40 lg:pb-32 px-4 sm:px-6 lg:px-8 overflow-hidden"><div aria-hidden="true" class="pointer-events-none absolute inset-0 overflow-hidden"><div class="stripe-noise absolute inset-0 z-10 opacity-[0.035]"></div><div class="stripe-orb stripe-orb-1"></div><div class="stripe-orb stripe-orb-2"></div><div class="stripe-orb stripe-orb-3"></div><div class="stripe-orb stripe-orb-4"></div><div class="absolute inset-0 bg-[radial-gradient(ellipse_80%_60%_at_50%_-10%,transparent_60%,hsl(var(--background))_100%)]"></div></div><div class="absolute inset-0 bg-grid-pattern opacity-20 z-[1]"></div><div class="container mx-auto max-w-7xl relative z-10"><div class="grid lg:grid-cols-2 gap-8 sm:gap-12 lg:gap-16 items-center"><div class="space-y-6 sm:space-y-8 text-center lg:text-left"><div class="inline-flex items-center gap-2 px-3 sm:px-4 py-1.5 sm:py-2 rounded-full glass-card text-xs sm:text-sm font-medium animate-fade-in-up"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3 w-3 sm:h-4 sm:w-4 text-primary" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg><span class="text-gradient-primary">Trusted by agencies and product teams</span></div><h1 class="text-3xl sm:text-4xl md:text-5xl lg:text-6xl xl:text-7xl font-bold tracking-tight leading-[1.1] animate-fade-in-up animation-delay-100 px-2 sm:px-0"><span>From<!-- --> </span><span>brief<!-- --> </span><span>to<!-- --> </span><span>schema<!-- --> </span><span>to<!-- --> </span><span>API<!-- --> </span><span>—<!-- --> </span><span>without<!-- --> </span><span class="text-gradient-primary">fighting<!-- --> </span><span class="text-gradient-primary">your<!-- --> </span><span class="text-gradient-primary">CMS<!-- --> </span></h1><p class="text-base sm:text-lg lg:text-xl text-muted-foreground max-w-xl mx-auto lg:mx-0 leading-relaxed animate-fade-in-up animation-delay-200 px-2 sm:px-0">Describe what you&#x27;re building. Contensa generates your content models, populates structured entries with AI, and delivers reliable GraphQL and REST APIs — ready to plug into any stack.</p><div class="flex flex-col sm:flex-row items-stretch sm:items-center justify-center lg:justify-start gap-3 sm:gap-4 animate-fade-in-up animation-delay-300 px-2 sm:px-0"><a data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 text-primary-foreground hover:bg-primary/90 active:scale-[0.98] h-11 rounded-lg has-[&gt;svg]:px-4 w-full sm:w-auto text-sm sm:text-base px-6 sm:px-8 bg-gradient-to-r from-primary to-[oklch(0.75_0.18_195)] hover:opacity-90 transition-all duration-300 shadow-xl shadow-primary/25 hover:shadow-
1primary/40 group" href="/signin">Start free — no credit card<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 ml-2 h-4 w-4 group-hover:translate-x-1 transition-transform" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium transition-all duration-200 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 border bg-background shadow-sm hover:text-foreground active:scale-[0.98] h-11 rounded-lg has-[&gt;svg]:px-4 w-full sm:w-auto text-sm sm:text-base px-6 sm:px-8 glass-card border-border/50 hover:border-primary/50 hover:bg-primary/5 group" href="#features">See how it works</a></div><p class="text-xs sm:text-sm text-muted-foreground animate-fade-in-up animation-delay-400 px-2 sm:px-0">Setup takes minutes · Works alongside your existing CMS · Free to start</p></div><div class="relative animate-fade-in-up animation-delay-400 mt-8 lg:mt-0 min-w-0 overflow-hidden"><div class="jsx-b37ec68bd53d2b73 relative w-full rounded-xl bg-[#0d0d14] border border-white/10 overflow-hidden shadow-2xl"><div class="jsx-b37ec68bd53d2b73 flex items-center gap-2 px-4 py-3 border-b border-white/10 bg-white/[0.03]"><div class="jsx-b37ec68bd53d2b73 flex gap-1.5"><div class="jsx-b37ec68bd53d2b73 w-3 h-3 rounded-full bg-red-500/80"></div><div class="jsx-b37ec68bd53d2b73 w-3 h-3 rounded-full bg-yellow-500/80"></div><div class="jsx-b37ec68bd53d2b73 w-3 h-3 rounded-full bg-green-500/80"></div></div><div class="jsx-b37ec68bd53d2b73 flex-1 text-center hidden sm:block"><span class="jsx-b37ec68bd53d2b73 text-[11px] text-white/30 font-mono">contensa.ai/dashboard</span></div><div class="jsx-b37ec68bd53d2b73 flex gap-1"><button class="jsx-b37ec68bd53d2b73 flex items-center gap-1 px-2 py-0.5 rounded-full text-[10px] font-medium transition-all duration-300 bg-violet-500/20 text-violet-300 border border-violet-500/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-2.5 w-2.5" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg><span class="jsx-b37ec68bd53d2b73 hidden sm:inline">AI Writing</span></button><button class="jsx-b37ec68bd53d2b73 flex items-center gap-1 px-2 py-0.5 rounded-full text-[10px] font-medium transition-all duration-300 text-white/30 hover:text-white/50"><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-chart-no-axes-column h-2.5 w-2.5" aria-hidden="true"><path d="M5 21v-6"></path><path d="M12 21V3"></path><path d="M19 21V9"></path></svg><span class="jsx-b37ec68bd53d2b73 hidden sm:inline">Analytics</span></button><button class="jsx-b37ec68bd53d2b73 flex items-center gap-1 px-2 py-0.5 rounded-full text-[10px] font-medium transition-all duration-300 text-white/30 hover:text-white/50"><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-globe h-2.5 w-2.5" aria-hidden="true"><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><span class="jsx-b37ec68bd53d2b73 hidden sm:inline">Localization</span></button></div></div><div class="jsx-b37ec68bd53d2b73 relative h-[400px] sm:h-[380px]"><div class="absolute inset-0 flex" style="opacity:1;transform:translateX(0px);transition:opacity 450ms ease, transform 450ms ease;pointer-events:auto"><div class="hidden sm:block w-36 border-r border-white/10 p-3 bg-white/[0.02] flex-shrink-0"><div class="text-[9px] font-semibold text-white/30 uppercase tracking-widest mb-3">AI Writing</div><div class="space-y-1"><div class="flex items-center gap-2 px-2.5 py-2 rounded-lg text-xs transition-all duration-300 bg-vi
1olet-500/10 text-violet-400 font-medium"><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-panels-top-left h-3 w-3 flex-shrink-0" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M3 9h18"></path><path d="M9 21V9"></path></svg><span class="truncate">AI Writing</span></div><div class="flex items-center gap-2 px-2.5 py-2 rounded-lg text-xs transition-all duration-300 text-white/40 hover:text-white/60"><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-panels-top-left h-3 w-3 flex-shrink-0" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M3 9h18"></path><path d="M9 21V9"></path></svg><span class="truncate">SEO Optimizer</span></div><div class="flex items-center gap-2 px-2.5 py-2 rounded-lg text-xs transition-all duration-300 text-white/40 hover:text-white/60"><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-panels-top-left h-3 w-3 flex-shrink-0" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M3 9h18"></path><path d="M9 21V9"></path></svg><span class="truncate">Brand Voice</span></div><div class="flex items-center gap-2 px-2.5 py-2 rounded-lg text-xs transition-all duration-300 text-white/40 hover:text-white/60"><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-panels-top-left h-3 w-3 flex-shrink-0" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M3 9h18"></path><path d="M9 21V9"></path></svg><span class="truncate">Templates</span></div></div></div><div class="flex-1 p-4 space-y-3 overflow-hidden"><div class="flex items-center justify-between"><h3 class="font-semibold text-sm text-white">AI Content Engine</h3><button class="flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-[11px] font-medium bg-violet-500/10 text-violet-400 border border-violet-500/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Try AI Writing</button></div><div class="flex items-center gap-2"><span class="text-[10px] font-semibold px-2.5 py-0.5 rounded-full bg-violet-500/20 text-violet-300">10× faster</span><span class="text-[10px] text-white/40">vs writing manually</span></div><div class="space-y-2"><div class="p-2.5 rounded-lg bg-white/5 border border-white/10"><div class="text-[10px] text-white/40 mb-1">Generated Headline</div><div class="text-xs text-white/80 leading-relaxed">Double Your Leads with Expert Plumbing — Trusted by 2,000+ Austin Homeowners</div></div><div class="p-2.5 rounded-lg bg-white/5 border border-white/10"><div class="text-[10px] text-white/40 mb-1">AI-Optimised Meta</div><div class="text-xs text-white/80 leading-relaxed">Same-day plumbing repairs in Austin, TX. Licensed pros, upfront pricing, 5★ rated...</div></div></div><div class="p-3 rounded-xl border border-violet-500/30 bg-violet-500/10 transition-all duration-500 opacity-0 translate-y-2"><div class="flex items-center gap-2 mb-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3.5 w-3.5 text-violet-400" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 
11.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg><span class="text-[11px] font-semibold text-violet-400">AI Writing</span></div><p class="text-[11px] text-white/60 leading-relaxed min-h-[32px]"></p><div class="flex gap-2 mt-2"><button class="text-[10px] px-2.5 py-1 rounded-full bg-violet-500/20 text-violet-300 font-medium">Apply</button><button class="text-[10px] px-2.5 py-1 rounded-full bg-white/10 text-white/50">Regenerate</button></div></div></div></div><div class="absolute inset-0 flex" style="opacity:0;transform:translateX(14px);transition:opacity 450ms ease, transform 450ms ease;pointer-events:none"><div class="hidden sm:block w-36 border-r border-white/10 p-3 bg-white/[0.02] flex-shrink-0"><div class="text-[9px] font-semibold text-white/30 uppercase tracking-widest mb-3">Analytics</div><div class="space-y-1"><div class="flex items-center gap-2 px-2.5 py-2 rounded-lg text-xs transition-all duration-300 text-white/40 hover:text-white/60"><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-panels-top-left h-3 w-3 flex-shrink-0" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M3 9h18"></path><path d="M9 21V9"></path></svg><span class="truncate">Top Pages</span></div><div class="flex items-center gap-2 px-2.5 py-2 rounded-lg text-xs transition-all duration-300 bg-amber-500/10 text-amber-400 font-medium"><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-panels-top-left h-3 w-3 flex-shrink-0" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M3 9h18"></path><path d="M9 21V9"></path></svg><span class="truncate">Conversions</span></div><div class="flex items-center gap-2 px-2.5 py-2 rounded-lg text-xs transition-all duration-300 text-white/40 hover:text-white/60"><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-panels-top-left h-3 w-3 flex-shrink-0" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M3 9h18"></path><path d="M9 21V9"></path></svg><span class="truncate">Engagement</span></div><div class="flex items-center gap-2 px-2.5 py-2 rounded-lg text-xs transition-all duration-300 text-white/40 hover:text-white/60"><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-panels-top-left h-3 w-3 flex-shrink-0" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M3 9h18"></path><path d="M9 21V9"></path></svg><span class="truncate">A/B Tests</span></div></div></div><div class="flex-1 p-4 space-y-3 overflow-hidden"><div class="flex items-center justify-between"><h3 class="font-semibold text-sm text-white">Content Performance</h3><button class="flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-[11px] font-medium bg-amber-500/10 text-amber-400 border border-amber-500/30"><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-chart-no-axes-column h-3 w-3" aria-hidden="true"><path d="M5 21v-6"></path><path d="M12 21V3"></path><path d="M19 21V9"></path></svg>View Insights</button></div><div class="flex items-center gap-2"><span class="text-[10px] font-semibold px-2.5 py-0.5 rounded-full bg-amber-500/20 text-amber-300">+42% conversions</span><span class="text-[10px] text-white/40">this quarter</span></div><div class="space-y-2"><div class="p-2.5 rounded-lg bg-white/5 border border-white/10"><div class="text-[10px] text-white/40 mb-1">Best Performing</div><div class="text-xs text-white/80 leading-relaxed">&quot;Wireless Headphones Pro&quot; page ↑ 38% CTR — top revenue driver this week</div></div><div class="p-2.5 rounded-lg bg-white/5 border border-white/10"><div class="text-[10px] text-white/40 mb-1">AI Opportunity</div><div class="text-xs text-white/80 leading-relaxed">Rewriting 4 weak headlines could add ~$12,400 / mo estimated revenue<
1/div></div></div><div class="p-3 rounded-xl border border-amber-500/30 bg-amber-500/10 transition-all duration-500 opacity-0 translate-y-2"><div class="flex items-center gap-2 mb-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3.5 w-3.5 text-amber-400" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg><span class="text-[11px] font-semibold text-amber-400">AI Insight</span></div><p class="text-[11px] text-white/60 leading-relaxed min-h-[32px]"></p><div class="flex gap-2 mt-2"><button class="text-[10px] px-2.5 py-1 rounded-full bg-amber-500/20 text-amber-300 font-medium">Apply</button><button class="text-[10px] px-2.5 py-1 rounded-full bg-white/10 text-white/50">Regenerate</button></div></div></div></div><div class="absolute inset-0 flex" style="opacity:0;transform:translateX(14px);transition:opacity 450ms ease, transform 450ms ease;pointer-events:none"><div class="hidden sm:block w-36 border-r border-white/10 p-3 bg-white/[0.02] flex-shrink-0"><div class="text-[9px] font-semibold text-white/30 uppercase tracking-widest mb-3">Localization</div><div class="space-y-1"><div class="flex items-center gap-2 px-2.5 py-2 rounded-lg text-xs transition-all duration-300 text-white/40 hover:text-white/60"><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-panels-top-left h-3 w-3 flex-shrink-0" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M3 9h18"></path><path d="M9 21V9"></path></svg><span class="truncate">English</span></div><div class="flex items-center gap-2 px-2.5 py-2 rounded-lg text-xs transition-all duration-300 text-white/40 hover:text-white/60"><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-panels-top-left h-3 w-3 flex-shrink-0" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M3 9h18"></path><path d="M9 21V9"></path></svg><span class="truncate">French</span></div><div class="flex items-center gap-2 px-2.5 py-2 rounded-lg text-xs transition-all duration-300 bg-emerald-500/10 text-emerald-400 font-medium"><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-panels-top-left h-3 w-3 flex-shrink-0" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M3 9h18"></path><path d="M9 21V9"></path></svg><span class="truncate">Japanese</span></div><div class="flex items-center gap-2 px-2.5 py-2 rounded-lg text-xs transition-all duration-300 text-white/40 hover:text-white/60"><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-panels-top-left h-3 w-3 flex-shrink-0" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M3 9h18"></path><path d="M9 21V9"></path></svg><span class="truncate">+ 44 locales</span></div></div></div><div class="flex-1 p-4 space-y-3 overflow-hidden"><div class="flex items-center justify-between"><h3 class="font-semibold text-sm text-white">Global in Minutes</h3><button class="flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-[11px] font-medium bg-emerald-500/10 text-emerald-400 border border-emerald-500/30"><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-globe h-3 w-3" aria-hidden="true"><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>Add a Locale</button></div><div class="flex items-center gap-2"><span class="text-[10px] font-semibold px-2.5 py-0.5 rounded-full bg-emerald-500/20 text-emerald-300">$0 extra</span><span class="text-[10px] text-white/40">vs $1,200/mo on Contentful</span></div><div class="space-y-2"><div class="p-2.5 rounded-lg bg-white/5 border border-white/10"><div class="text-[10px] text-white/40 mb-1">Auto-Translated (JA)</div><div class="text-xs text-white/80 leading-relaxed">「プロフェッショナルな配管サービス」— AI翻訳済み · レビュー中</div></div><div class="p-2.5 rounded-lg bg-white/5 border border-white/10"><div class="text-[10px] text-white/40 mb-1">Launch Ready</div><div class="text-xs text-white/80 leading-relaxed">France · Japan · Brazil — 3 new markets ready, $8,400 ARR opportunity</div></div></div><div class="p-3 rounded-xl border border-emerald-500/30 bg-emerald-500/10 transition-all duration-500 opacity-0 translate-y-2"><div class="flex items-center gap-2 mb-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3.5 w-3.5 text-emerald-400" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 
11.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg><span class="text-[11px] font-semibold text-emerald-400">Localization AI</span></div><p class="text-[11px] text-white/60 leading-relaxed min-h-[32px]"></p><div class="flex gap-2 mt-2"><button class="text-[10px] px-2.5 py-1 rounded-full bg-emerald-500/20 text-emerald-300 font-medium">Apply</button><button class="text-[10px] px-2.5 py-1 rounded-full bg-white/10 text-white/50">Regenerate</button></div></div></div></div></div><div style="transition:opacity 450ms ease" class="jsx-b37ec68bd53d2b73 absolute top-12 right-2 sm:right-3 px-3 py-2 rounded-xl bg-[#0d0d14] border border-white/15 shadow-xl flex items-center gap-2 animate-float"><div class="jsx-b37ec68bd53d2b73 w-7 h-7 rounded-lg bg-green-500/10 flex items-center 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-check h-4 w-4 text-green-400" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="jsx-b37ec68bd53d2b73"><div class="jsx-b37ec68bd53d2b73 text-[10px] text-white/50">SEO Score</div><div class="jsx-b37ec68bd53d2b73 text-xs font-bold text-green-400">97 / 100</div></div></div><div style="animation-delay:1.5s;transition:opacity 450ms ease" class="jsx-b37ec68bd53d2b73 hidden sm:flex absolute bottom-4 left-3 px-3 py-2 rounded-xl bg-[#0d0d14] border border-white/15 shadow-xl items-center gap-2 animate-float"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-4 w-4 text-violet-400" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg><div class="jsx-b37ec68bd53d2b73 text-[11px]"><span class="jsx-b37ec68bd53d2b73 font-semibold text-white/80">8 hrs/week</span><span class="jsx-b37ec68bd53d2b73 text-white/40 ml-1">saved</span></div></div><div class="jsx-b37ec68bd53d2b73 absolute bottom-0 left-0 right-0 h-0.5 bg-white/5"><div style="animation:progress-bar 7s linear forwards" class="jsx-b37ec68bd53d2b73 h-full bg-violet-400 opacity-60"></div></div></div></div></div></div></section><section class="py-16 sm:py-24 lg:py-32 px-4 sm:px-6 lg:px-8 relative overflow-hidden"><div class="absolute inset-0 bg-gradient-to-b from-muted/20 via-background to-background"></div><div class="container mx-auto max-w-6xl relative"><div class="text-center space-y-4 mb-12 sm:mb-20"><p class="text-sm font-medium text-violet-500 uppercase tracking-wider">How it works</p><h2 class="text-3xl sm:text-4xl lg:text-5xl font-bold tracking-tight">From idea to API in<!-- --> <span class="bg-gradient-to-r from-[#6366f1] via-[#8b5cf6] to-[#ec4899] bg-clip-text text-transparent">three steps</span></h2><p class="text-sm sm:text-base lg:text-lg text-muted-foreground max-w-2xl mx-auto">No schema design sessions. No content modeling workshops. Just describe what you need and ship.</p></div><div class="grid sm:grid-cols-3 gap-8 lg:gap-12 relative"><div class="hidden sm:block absolute top-12 left-[calc(16.67%+1rem)] right-[calc(16.67%+1rem)] h-px bg-gradient-to-r from-violet-500/30 via-blue-500/30 to-emerald-500/30"></div><div class="relative flex flex-col items-center text-center group"><div class="relative z-10 h-24 w-24 rounded-2xl bg-gradient-to-br from-violet-500 to-fuchsia-500 flex items-center justify-center mb-6 shadow-xl group-hover:scale-105 transition-transform duration-300"><span class="text-3xl">✍️</span><div class="absolute -top-2 -right-2 h-6 w-6 rounded-full bg-background border-2 border-border flex items-center justify-center"><span class="text-[10px] font-bold text-muted-foreground">01</span></div></div><h3 class="text-xl font-bold mb-3">Describe your content</h3><p class="text-muted-foreground leading-relaxed text-sm sm:text-base">Tell Contensa what you&#x27;re building — a blog, product catalog, marketing site, or anything else. Use plain language or paste a brief.</p></div><div class="relative flex flex-col items-center text-center group"><div class="relative z-10 h-24 w-24 rounded-2xl bg-gradient-to-br from-blue-500 to-cyan-500 flex items-center justify-center mb-6 shadow-xl group-hover:scale-105 transition-transform duration-300"><span class="text-3xl">⚡</span><div class="absolute -top-2 -right-2 h-6 w-6 rounded-full bg-background border-2 border-border flex items-center justify-center"><span class="text-[10px] font-bold text-muted-foreground">02</span></div></div><h3 class="text-xl font-bold mb-3">AI generates the structure</h3><p class="text-muted-foreground leading-relaxed text-sm sm:text-base">Contensa creates your content model — fields, types, relationships — and populates it with AI-generated content ready for review.</p></div><div class="relative flex flex-col items-center text-center group"><div class="relative z-10 h-24 w-24 rounded-2xl bg-gradient-to-br from-emerald-500 to-teal-500 flex items-center justify-center mb-6 shadow-xl group-hover:scale-105 transition-transform duration-300"><span class="text-3xl">🚀</span><div class="absolute -top-2 -right-2 h-6 w-6 rounded-full bg-background border-2 border-border flex items-center justify-center"><span class="text-[10px] font-bold text-muted-foreground">03</span></div></div><h3 class="text-xl font-bold mb-3">Ship via API</h3><p class="text-muted-foreground leading-relaxed text-sm sm:text-base">Query your content with GraphQL or REST. Connect to any frontend. Deploy in minutes, not weeks.</p></div></div><div class="text-center mt-16"><a class="inline-flex items-center gap-2 text-sm font-medium text-violet-500 hover:text-violet-400 transition-colors group" href="/signin">Try it free — no credit card required<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 h-4 w-4 group-hover:translate-x-1 transition-transform" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></section><section class="py-16 sm:py-24 lg:py-32 px-4 sm:px-6 lg:px-8 relative overflow-hidden"><div class="absolute inset-0 bg-gradient-to-b from-muted/30 via-background to-background"></div><div class="container mx-auto max-w-7xl relative"><div class="text-center space-y-3 sm:space-y-4 mb-12 sm:mb-16"><p class="text-xs sm:text-sm font-medium text-violet-500 uppercase tracking-wider">Open beta · Framework-agnostic · Free to start</p><h2 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold tracking-tight px-2 sm:px-0">Works with the tools your team already uses</h2></div><div class="grid grid-cols-1 sm:grid-cols-3 gap-4 sm:gap-6 mb-16 sm:mb-20"><div class="text-center p-6 rounded-2xl glass-card border border-border/40"><div class="text-3xl sm:text-4xl font-bold text-gradient-primary mb-1">&lt; 5</div><div class="text-sm font-semibold mb-1">Minutes to first API</div><div class="text-xs text-muted-foreground leading-relaxed">From sign-up to a working GraphQL endpoint — no setup calls needed</div></div><div class="text-center p-6 rounded-2xl glass-card border border-border/40"><div class="text-3xl sm:text-4xl font-bold text-gradient-primary mb-1">1K</div><div class="text-sm font-semibold mb-1">
1Free entries/month</div><div class="text-xs text-muted-foreground leading-relaxed">Plus 500 AI credits included, no credit card required</div></div><div class="text-center p-6 rounded-2xl glass-card border border-border/40"><div class="text-3xl sm:text-4xl font-bold text-gradient-primary mb-1">100%</div><div class="text-sm font-semibold mb-1">Structured output</div><div class="text-xs text-muted-foreground leading-relaxed">Every field typed, validated, and API-ready from day one</div></div></div><div class="text-center"><p class="text-xs font-medium text-muted-foreground uppercase tracking-widest mb-6">If it can fetch an API, it works with Contensa</p><div class="flex flex-wrap justify-center gap-3"><div class="group flex items-center gap-2 px-4 py-2.5 rounded-full bg-muted/30 border border-border/40 hover:border-primary/40 hover:bg-primary/5 transition-all duration-200 cursor-default"><span class="text-sm font-medium text-foreground/80 group-hover:text-foreground transition-colors">Next.js</span><span class="text-[10px] font-medium text-muted-foreground/50 uppercase tracking-wider hidden sm:inline">Framework</span></div><div class="group flex items-center gap-2 px-4 py-2.5 rounded-full bg-muted/30 border border-border/40 hover:border-primary/40 hover:bg-primary/5 transition-all duration-200 cursor-default"><span class="text-sm font-medium text-foreground/80 group-hover:text-foreground transition-colors">Nuxt</span><span class="text-[10px] font-medium text-muted-foreground/50 uppercase tracking-wider hidden sm:inline">Framework</span></div><div class="group flex items-center gap-2 px-4 py-2.5 rounded-full bg-muted/30 border border-border/40 hover:border-primary/40 hover:bg-primary/5 transition-all duration-200 cursor-default"><span class="text-sm font-medium text-foreground/80 group-hover:text-foreground transition-colors">Astro</span><span class="text-[10px] font-medium text-muted-foreground/50 uppercase tracking-wider hidden sm:inline">Framework</span></div><div class="group flex items-center gap-2 px-4 py-2.5 rounded-full bg-muted/30 border border-border/40 hover:border-primary/40 hover:bg-primary/5 transition-all duration-200 cursor-default"><span class="text-sm font-medium text-foreground/80 group-hover:text-foreground transition-colors">SvelteKit</span><span class="text-[10px] font-medium text-muted-foreground/50 uppercase tracking-wider hidden sm:inline">Framework</span></div><div class="group flex items-center gap-2 px-4 py-2.5 rounded-full bg-muted/30 border border-border/40 hover:border-primary/40 hover:bg-primary/5 transition-all duration-200 cursor-default"><span class="text-sm font-medium text-foreground/80 group-hover:text-foreground transition-colors">Remix</span><span class="text-[10px] font-medium text-muted-foreground/50 uppercase tracking-wider hidden sm:inline">Framework</span></div><div class="group flex items-center gap-2 px-4 py-2.5 rounded-full bg-muted/30 border border-border/40 hover:border-primary/40 hover:bg-primary/5 transition-all duration-200 cursor-default"><span class="text-sm font-medium text-foreground/80 group-hover:text-foreground transition-colors">Vercel</span><span class="text-[10px] font-medium text-muted-foreground/50 uppercase tracking-wider hidden sm:inline">Deploy</span></div><div class="group flex items-center gap-2 px-4 py-2.5 rounded-full bg-muted/30 border border-border/40 hover:border-primary/40 hover:bg-primary/5 transition-all duration-200 cursor-default"><span class="text-sm font-medium text-foreground/80 group-hover:text-foreground transition-colors">Netlify</span><span class="text-[10px] font-medium text-muted-foreground/50 uppercase tracking-wider hidden sm:inline">Deploy</span></div><div class="group flex items-center gap-2 px-4 py-2.5 rounded-full bg-muted/30 border border-border/40 hover:border-primary/40 hover:bg-primary/5 transition-all duration-200 cursor-default"><span class="text-sm font-medium text-foreground/80 group-hover:text-foreground transition-colors">GitHub</span><span class="text-[10px] font-medium text-muted-foreground/50 uppercase tracking-wider hidden sm:inline">Workflow</span></div><div class="group flex items-center gap-2 px-4 py-2.5 rounded-full bg-muted/30 border border-border/40 hover:border-primary/40 hover:bg-primary/5 transition-all duration-200 cursor-default">
1<span class="text-sm font-medium text-foreground/80 group-hover:text-foreground transition-colors">Slack</span><span class="text-[10px] font-medium text-muted-foreground/50 uppercase tracking-wider hidden sm:inline">Workflow</span></div><div class="group flex items-center gap-2 px-4 py-2.5 rounded-full bg-muted/30 border border-border/40 hover:border-primary/40 hover:bg-primary/5 transition-all duration-200 cursor-default"><span class="text-sm font-medium text-foreground/80 group-hover:text-foreground transition-colors">TypeScript</span><span class="text-[10px] font-medium text-muted-foreground/50 uppercase tracking-wider hidden sm:inline">SDK</span></div><div class="group flex items-center gap-2 px-4 py-2.5 rounded-full bg-muted/30 border border-border/40 hover:border-primary/40 hover:bg-primary/5 transition-all duration-200 cursor-default"><span class="text-sm font-medium text-foreground/80 group-hover:text-foreground transition-colors">GraphQL</span><span class="text-[10px] font-medium text-muted-foreground/50 uppercase tracking-wider hidden sm:inline">API</span></div><div class="group flex items-center gap-2 px-4 py-2.5 rounded-full bg-muted/30 border border-border/40 hover:border-primary/40 hover:bg-primary/5 transition-all duration-200 cursor-default"><span class="text-sm font-medium text-foreground/80 group-hover:text-foreground transition-colors">REST API</span><span class="text-[10px] font-medium text-muted-foreground/50 uppercase tracking-wider hidden sm:inline">API</span></div></div></div></div></section><section class="py-20 sm:py-28 px-4 sm:px-6 lg:px-8 relative overflow-hidden"><div class="absolute inset-0 bg-gradient-to-b from-background via-muted/20 to-background"></div><div class="container mx-auto max-w-4xl relative"><div class="flex justify-center mb-8"><span class="text-xs font-semibold uppercase tracking-widest text-violet-500 px-3 py-1 rounded-full border border-violet-500/20 bg-violet-500/5">Why we built this</span></div><div class="text-center space-y-6 mb-14"><h2 class="text-3xl sm:text-4xl lg:text-5xl font-bold tracking-tight leading-tight">We were tired of the<!-- --> <span class="text-gradient-primary">same broken workflow.</span></h2><p class="text-lg sm:text-xl text-muted-foreground max-w-2xl mx-auto leading-relaxed">Every project started the same way: a blank CMS, hours designing schemas by hand, developers blocked waiting on content decisions, and marketers stuck waiting on developers. The tools existed. The process was just broken.</p></div><div class="grid sm:grid-cols-3 gap-4 sm:gap-6 mb-14"><div class="rounded-2xl p-6 bg-card border border-border/40 flex flex-col gap-3"><span class="text-2xl">⏳</span><p class="text-sm text-muted-foreground leading-relaxed">You&#x27;d spend days modeling content<!-- --> <span class="text-foreground font-medium">before writing a single word.</span></p></div><div class="rounded-2xl p-6 bg-card border border-border/40 flex flex-col gap-3"><span class="text-2xl">🔀</span><p class="text-sm text-muted-foreground leading-relaxed">Developers and marketers<!-- --> <span class="text-foreground font-medium">worked in completely different worlds.</span></p></div><div class="rounded-2xl p-6 bg-card border border-border/40 flex flex-col gap-3"><span class="text-2xl">🔁</span><p class="text-sm text-muted-foreground leading-relaxed">Switching clients meant<!-- --> <span class="text-foreground font-medium">rebuilding everything from scratch.</span></p></div></div><div class="rounded-2xl border border-violet-500/20 bg-violet-500/5 p-8 sm:p-10 text-center space-y-4"><p class="text-base sm:text-lg leading-relaxed text-foreground/90 max-w-2xl mx-auto">So we built Contensa — a CMS that starts with your brief, not a blank canvas. Describe what you&#x27;re building. The schema, the content, the API — it comes with it.</p><p class="text-sm text-muted-foreground">We&#x27;re a small team. We use it ourselves every day. And we&#x27;re building it in public.</p></div></div></section><section class="py-20 sm:py-28 lg:py-36 px-4 sm:px-6 lg:px-8 relative overflow-hidden"><div class="container mx-auto max-w-7xl"><div class="space-y-20 sm:space-y-28 lg:space-y-36"><div class="group relative"><div class="grid lg:grid-cols-2 gap-8 sm:gap-12 lg:gap-20 items-center ">
1<div class="space-y-4 sm:space-y-6 "><div class="flex items-center gap-3"><div class="p-2 rounded-xl bg-gradient-to-br from-violet-500 to-fuchsia-500 text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users h-4 w-4 sm:h-5 sm:w-5" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg></div><span class="text-xs sm:text-sm font-medium text-muted-foreground uppercase tracking-wider">For Business Teams</span></div><h3 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold tracking-tight leading-[1.1]">Publish without waiting on a developer</h3><p class="text-base sm:text-lg lg:text-xl text-muted-foreground leading-relaxed max-w-lg">Write, edit, and launch content independently. AI handles SEO, tone, and structure. Your developers stay focused on what matters.</p><div class="pt-2"><a class="inline-flex items-center gap-2 text-sm sm:text-base font-medium text-foreground hover:opacity-70 transition-opacity group/link" href="#features"><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 h-4 w-4 group-hover/link:translate-x-1 transition-transform" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div><div class="relative "><div class="relative w-full h-full min-h-[320px] sm:min-h-[380px] lg:min-h-[420px] rounded-2xl sm:rounded-3xl bg-gradient-to-br from-slate-900 via-slate-900 to-slate-800 p-4 sm:p-6 lg:p-8 overflow-hidden"><div class="absolute inset-0 bg-[linear-gradient(rgba(255,255,255,0.02)_1px,transparent_1px),linear-gradient(90deg,rgba(255,255,255,0.02)_1px,transparent_1px)] bg-[size:32px_32px]"></div><div class="relative space-y-4 sm:space-y-5"><div class="flex items-center justify-between"><div class="flex items-center gap-2 sm:gap-3"><div class="h-2.5 w-2.5 rounded-full bg-emerald-400 animate-pulse"></div><span class="text-[11px] sm:text-xs font-medium text-slate-400 uppercase tracking-wider">Live Editor</span></div><div class="flex gap-1.5"><div class="h-2 w-2 rounded-full bg-slate-700"></div><div class="h-2 w-2 rounded-full bg-slate-700"></div><div class="h-2 w-2 rounded-full bg-slate-700"></div></div></div><div class="space-y-3 sm:space-y-4"><div class="p-3 sm:p-4 rounded-xl bg-white/5 border border-white/10 backdrop-blur-sm"><div class="text-[10px] sm:text-xs text-slate-500 mb-2 font-medium">Headline</div><div class="text-xs sm:text-sm sm:text-base lg:text-lg text-white font-semibold leading-snug">Transform your digital experience</div></div><div class="p-3 sm:p-4 rounded-xl bg-white/5 border border-white/10 backdrop-blur-sm"><div class="text-[10px] sm:text-xs text-slate-500 mb-2 font-medium">Body</div><div class="text-xs sm:text-sm text-slate-300 leading-relaxed">Create stunning content that resonates with your audience...</div></div></div><div class="flex items-center gap-2 sm:gap-3 p-2.5 sm:p-3 rounded-xl bg-gradient-to-r from-violet-500/20 to-fuchsia-500/20 border border-violet-500/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3.5 w-3.5 sm:h-4 sm:w-4 text-violet-400" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg><span class="text-[11px] sm:text-xs text-violet-300">AI suggests: Add a call-to-action</span><div class="ml-auto flex gap-1.5">
1<button class="px-2 py-1 rounded-md bg-violet-500/30 text-[10px] sm:text-xs text-violet-300 hover:bg-violet-500/40 transition-colors">Apply</button></div></div></div><div class="absolute -bottom-20 -right-20 w-40 h-40 bg-violet-500/20 rounded-full blur-3xl"></div></div><div class="absolute -z-10 top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[80%] h-[80%] bg-gradient-to-br from-violet-500 to-fuchsia-500 opacity-10 blur-[80px] group-hover:opacity-20 transition-opacity duration-700"></div></div></div></div><div class="group relative"><div class="grid lg:grid-cols-2 gap-8 sm:gap-12 lg:gap-20 items-center "><div class="space-y-4 sm:space-y-6 lg:order-2"><div class="flex items-center gap-3"><div class="p-2 rounded-xl bg-gradient-to-br from-cyan-500 to-blue-500 text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-code-xml h-4 w-4 sm:h-5 sm:w-5" aria-hidden="true"><path d="m18 16 4-4-4-4"></path><path d="m6 8-4 4 4 4"></path><path d="m14.5 4-5 16"></path></svg></div><span class="text-xs sm:text-sm font-medium text-muted-foreground uppercase tracking-wider">For Developers</span></div><h3 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold tracking-tight leading-[1.1]">GraphQL, REST, and a TypeScript SDK — pick your poison</h3><p class="text-base sm:text-lg lg:text-xl text-muted-foreground leading-relaxed max-w-lg">Framework-agnostic APIs that work with Next.js, Nuxt, Astro, SvelteKit, or anything else. Type-safe content fetching out of the box.</p><div class="pt-2"><a class="inline-flex items-center gap-2 text-sm sm:text-base font-medium text-foreground hover:opacity-70 transition-opacity group/link" href="#features"><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 h-4 w-4 group-hover/link:translate-x-1 transition-transform" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div><div class="relative lg:order-1"><div class="relative w-full h-full min-h-[320px] sm:min-h-[380px] lg:min-h-[420px] rounded-2xl sm:rounded-3xl bg-gradient-to-br from-slate-900 via-slate-900 to-slate-800 p-4 sm:p-6 lg:p-8 overflow-hidden"><div class="absolute inset-0 bg-[linear-gradient(rgba(255,255,255,0.02)_1px,transparent_1px),linear-gradient(90deg,rgba(255,255,255,0.02)_1px,transparent_1px)] bg-[size:32px_32px]"></div><div class="relative space-y-4 sm:space-y-5"><div class="flex items-center gap-2"><div class="flex gap-1.5"><div class="h-2.5 w-2.5 rounded-full bg-red-400/80"></div><div class="h-2.5 w-2.5 rounded-full bg-yellow-400/80"></div><div class="h-2.5 w-2.5 rounded-full bg-emerald-400/80"></div></div><span class="text-[10px] sm:text-xs text-slate-500 ml-2 font-mono">api.contensa.ai</span></div><div class="font-mono text-[10px] sm:text-xs space-y-1 p-3 sm:p-4 rounded-xl bg-black/40 border border-white/5"><div class="text-slate-500">// Fetch content with GraphQL</div><div><span class="text-cyan-400">const</span><span class="text-white"> data </span><span class="text-cyan-400">= await</span><span class="text-yellow-300"> client</span><span class="text-white">.</span><span class="text-emerald-400">query</span><span class="text-white">(<!-- -->{</span></div><div class="pl-4"><span class="text-violet-400">pages</span><span class="text-white"> <!-- -->{<!-- --> </span><span class="text-emerald-300">title, slug, content</span><span class="text-white"> <!-- -->}</span></div><div class="text-white">})</div></div><div class="p-3 sm:p-4 rounded-xl bg-emerald-500/10 border border-emerald-500/20"><div class="flex items-center gap-2 mb-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-check h-3.5 w-3.5 text-emerald-400" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-[10px] sm:text-xs text-emerald-400 font-medium">200 OK · 23ms</span></div><div class="text-[10px] sm:text-xs text-slate-400 font-mono">{ &quot;pages&quot;: [{ &quot;title&quot;: &quot;Home&quot;, &quot;slug&quot;: &quot;/&quot; }] }</div></div><div class="flex flex-wrap gap-2"><span class="px-2.5 py-1 rounded-full text-[10px] sm:text-xs font-medium bg-white/5 text-slate-400 border border-white/10">TypeScript</span><span class="px-2.5 py-1 rounded-full text-[10px] sm:text-xs font-medium bg-white/5 text-slate-400 border border-white/10">React</span><span class="px-2.5 py-1 rounded-full text-[10px] sm:text-xs font-medium bg-white/5 text-slate-400 border border-white/10">Next.js</span><span class="px-2.5 py-1 rounded-full text-[10px] sm:text-xs font-medium bg-white/5 text-slate-400 border border-white/10">Vue</span></div></div><div class="absolute -bottom-20 -right-20 w-40 h-40 bg-cyan-500/20 rounded-full blur-3xl"></div></div><div class="absolute -z-10 top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[80%] h-[80%
1] bg-gradient-to-br from-cyan-500 to-blue-500 opacity-10 blur-[80px] group-hover:opacity-20 transition-opacity duration-700"></div></div></div></div><div class="group relative"><div class="grid lg:grid-cols-2 gap-8 sm:gap-12 lg:gap-20 items-center "><div class="space-y-4 sm:space-y-6 "><div class="flex items-center gap-3"><div class="p-2 rounded-xl bg-gradient-to-br from-emerald-500 to-teal-500 text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-building2 lucide-building-2 h-4 w-4 sm:h-5 sm:w-5" aria-hidden="true"><path d="M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z"></path><path d="M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2"></path><path d="M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2"></path><path d="M10 6h4"></path><path d="M10 10h4"></path><path d="M10 14h4"></path><path d="M10 18h4"></path></svg></div><span class="text-xs sm:text-sm font-medium text-muted-foreground uppercase tracking-wider">For Leaders</span></div><h3 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold tracking-tight leading-[1.1]">Every client site. One dashboard.</h3><p class="text-base sm:text-lg lg:text-xl text-muted-foreground leading-relaxed max-w-lg">Isolated workspaces per client. Role-based access. Full audit trail. Reduce your CMS sprawl and cut tool costs.</p><div class="pt-2"><a class="inline-flex items-center gap-2 text-sm sm:text-base font-medium text-foreground hover:opacity-70 transition-opacity group/link" href="#features"><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 h-4 w-4 group-hover/link:translate-x-1 transition-transform" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div><div class="relative "><div class="relative w-full h-full min-h-[320px] sm:min-h-[380px] lg:min-h-[420px] rounded-2xl sm:rounded-3xl bg-gradient-to-br from-slate-900 via-slate-900 to-slate-800 p-4 sm:p-6 lg:p-8 overflow-hidden"><div class="absolute inset-0 bg-[linear-gradient(rgba(255,255,255,0.02)_1px,transparent_1px),linear-gradient(90deg,rgba(255,255,255,0.02)_1px,transparent_1px)] bg-[size:32px_32px]"></div><div class="relative space-y-4 sm:space-y-5"><div class="flex items-center justify-between"><div><div class="text-[10px] sm:text-xs text-slate-500 mb-0.5">Workspace</div><div class="text-sm sm:text-base text-white font-semibold">Acme Corp</div></div><div class="flex items-center gap-2"><div class="h-7 w-7 sm:h-8 sm:w-8 rounded-full bg-gradient-to-br from-emerald-400 to-teal-500 flex items-center justify-center text-[10px] sm:text-xs font-bold text-white">A</div></div></div><div class="grid grid-cols-3 gap-2 sm:gap-3"><div class="p-2.5 sm:p-3 rounded-xl bg-white/5 border border-white/10"><div class="text-[9px] sm:text-[10px] text-slate-500 mb-1">API Calls</div><div class="text-sm sm:text-lg text-white font-semibold">2.4M</div><div class="text-[9px] sm:text-[10px] text-emerald-400">+12%</div></div><div class="p-2.5 sm:p-3 rounded-xl bg-white/5 border border-white/10"><div class="text-[9px] sm:text-[10px] text-slate-500 mb-1">Content</div><div class="text-sm sm:text-lg text-white font-semibold">1,847</div><div class="text-[9px] sm:text-[10px] text-emerald-400">+8%</div></div><div class="p-2.5 sm:p-3 rounded-xl bg-white/5 border border-white/10"><div class="text-[9px] sm:text-[10px] text-slate-500 mb-1">Team</div><div class="text-sm sm:text-lg text-white font-semibold">12</div></div></div><div class="space-y-2"><div class="text-[10px] sm:text-xs text-slate-500 font-medium">Active Workspaces</div><div class="flex items-center gap-2.5 p-2.5 sm:p-3 rounded-xl bg-white/5 border border-white/10 hover:bg-white/10 transition-colors cursor-pointer"><div class="h-2 w-2 rounded-full bg-violet-500"></div><span class="text-xs sm:text-sm text-slate-300">Marketing Site</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right h-3.5 w-3.5 text-slate-600 ml-auto" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></div><div class="flex items-center gap-2.5 p-2.5 sm:p-3 rounded-xl bg-white/5 border border-white/10 hover:bg-white/10 transition-colors cursor-pointer"><div class="h-2 w-2 rounded-full bg-cyan-500"></div><span class="text-xs sm:text-sm text-slate-300">Documentation</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right h-3.5 w-3.5 text-slate-600 ml-auto" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></div><div class="flex items-center gap-2.5 p-2.5 sm:p-3 rounded-xl bg-white/5 border border-white/10 hover:bg-white/10 transition-colors cursor-pointer"><div class="h-2 w-2 rounded-full bg-amber-500"></div><span class="text-xs sm:text-sm text-slate-300">Blog</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right h-3.5 w-3.5 text-slate-600 ml-auto" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></div></div></div><div class="absolute -bottom-20 -right-20 w-40 h-40 bg-emerald-500/20 rounded-full blur-3xl"></div></div><div class="absolute -z-10 top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[80%] h-[80%
1] bg-gradient-to-br from-emerald-500 to-teal-500 opacity-10 blur-[80px] group-hover:opacity-20 transition-opacity duration-700"></div></div></div></div></div></div></section><section id="features" class="py-16 sm:py-24 lg:py-32 px-4 sm:px-6 lg:px-8 relative overflow-hidden"><div class="absolute inset-0"><div class="absolute inset-0 bg-gradient-to-b from-background via-violet-500/5 to-background"></div><div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[400px] sm:w-[600px] lg:w-[800px] h-[400px] sm:h-[600px] lg:h-[800px] bg-violet-500/10 rounded-full blur-[150px]"></div></div><div class="container mx-auto max-w-7xl relative"><div class="text-center space-y-3 sm:space-y-4 mb-12 sm:mb-16 lg:mb-20"><p class="text-xs sm:text-sm font-medium text-violet-500 uppercase tracking-wider">Built for the whole team</p><h2 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold tracking-tight px-2 sm:px-0">Freedom for business,<br/><span class="bg-gradient-to-r from-[#6366f1] via-[#8b5cf6] to-[#ec4899] bg-clip-text text-transparent">flexibility for developers</span></h2><p class="text-sm sm:text-base lg:text-lg text-muted-foreground max-w-2xl mx-auto px-2 sm:px-0">Content teams publish without depending on developers. Developers build with their choice of tools and total flexibility.</p></div><div class="space-y-4 sm:space-y-6"><div class="grid grid-cols-1 lg:grid-cols-12 gap-4 sm:gap-6"><div class="lg:col-span-7 group"><div class="relative h-full rounded-2xl sm:rounded-3xl p-[1px] bg-gradient-to-b from-violet-500/30 to-transparent"><div class="rounded-2xl sm:rounded-3xl bg-card h-full p-4 sm:p-6 md:p-8 flex flex-col"><div class="flex items-center gap-3 mb-4 sm:mb-5"><div class="p-2.5 sm:p-3 rounded-xl sm:rounded-2xl bg-gradient-to-br from-violet-500 to-fuchsia-500 text-white shadow-lg shadow-violet-500/30 flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-5 w-5 sm:h-6 sm:w-6" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg></div><div class="min-w-0"><h3 class="text-base sm:text-lg md:text-xl font-bold">AI Content Engine</h3><p class="text-xs sm:text-sm text-muted-foreground">Generate content from briefs</p></div></div><p class="text-sm sm:text-base text-muted-foreground mb-4 sm:mb-5 leading-relaxed">Describe what you need. Contensa writes structured copy for any content type — titles, meta descriptions, hero headlines, article intros — and delivers it straight into your content model.</p><div class="relative flex-1 min-h-[360px] sm:min-h-[400px] lg:min-h-[440px] w-full"><div class="relative w-full h-full rounded-2xl bg-card border border-border/40 flex flex-col overflow-hidden shadow-xl shadow-black/20"><div class="flex items-center justify-between px-4 py-2.5 border-b border-border/40 bg-muted/20 flex-shrink-0"><div class="flex items-center gap-2.5"><div class="flex gap-1.5"><div class="h-2.5 w-2.5 rounded-full bg-red-500/60"></div><div class="h-2.5 w-2.5 rounded-full bg-yellow-500/60"></div><div class="h-2.5 w-2.5 rounded-full bg-green-500/60"></div></div><div class="flex gap-1 ml-1"><div class="h-1 rounded-full transition-all duration-300 w-4 bg-violet-400"></div><div class="h-1 rounded-full transition-all duration-300 w-1 bg-muted-foreground/25"></div><div class="h-1 rounded-full transition-all duration-300 w-1 bg-muted-foreground/25"></div><div class="h-1 rounded-full transition-all duration-300 w-1 bg-muted-foreground/25"></div></div></div><div class="flex items-center gap-1 text-[11px] font-medium text-muted-foreground/60 bg-muted/40 rounded-md px-2 py-0.5">Blog Post<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-3 w-3" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></div></div><div class="flex flex-col p-4 sm:p-5 gap-3.5"><div class="flex items-center justify-between"><span class="text-[11px] font-semibold text-muted-foreground uppercase tracking-widest">Title</span><span class="text-[10px] font-medium px-2 py-0.5 rounded-full border bg-violet-500/10 text-violet-400 border-violet-500/20">SEO-optimised</span></div><div class="rounded-xl bg-muted/30 border border-border/40 px-3.5 py-3">
1<p class="text-[10px] text-muted-foreground/40 mb-1 font-semibold uppercase tracking-wider">Prompt</p><p class="text-sm leading-relaxed text-foreground">Write a title for a blog post about headless CMS migration</p></div><button class="w-full flex items-center justify-center gap-2 rounded-xl py-2.5 text-sm font-semibold text-white transition-all duration-300
2            bg-gradient-to-r from-violet-500 to-fuchsia-500
3            shadow-lg shadow-violet-500/20
4            cursor-pointer hover:opacity-90 active:scale-[0.98]
5          "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3.5 w-3.5" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Generate Content</button><div class="rounded-xl border border-border/40 bg-muted/10 overflow-hidden"><div class="flex items-center justify-between px-3.5 pt-2.5 pb-2 border-b border-border/30"><span class="text-[10px] font-semibold text-muted-foreground uppercase tracking-wider">Output</span><div class="flex items-center gap-2"><span class="text-[10px] text-muted-foreground/40 font-mono">Generated in <!-- -->1.4s</span><button class="flex items-center gap-1 text-[11px] font-semibold text-emerald-400 hover:text-emerald-300 bg-emerald-500/10 hover:bg-emerald-500/20 border border-emerald-500/20 rounded-md px-2 py-0.5 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-3 w-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>Accept</button></div></div><div class="p-3.5 min-h-[80px]"><p class="text-sm leading-relaxed font-medium transition-colors duration-500 text-foreground">Why Your Team Keeps Rebuilding the CMS Layer (And How to Stop)</p></div></div></div></div></div><div class="flex flex-wrap gap-2 mt-4 sm:mt-5"><span class="px-2.5 sm:px-3 py-1 sm:py-1.5 rounded-full text-[10px] sm:text-xs font-medium bg-violet-500/10 text-violet-500 border border-violet-500/20">SEO-optimised output</span><span class="px-2.5 sm:px-3 py-1 sm:py-1.5 rounded-full text-[10px] sm:text-xs font-medium bg-violet-500/10 text-violet-500 border border-violet-500/20">Multi-language</span><span class="px-2.5 sm:px-3 py-1 sm:py-1.5 rounded-full text-[10px] sm:text-xs font-medium bg-violet-500/10 text-violet-500 border border-violet-500/20">Tone control</span><span class="px-2.5 sm:px-3 py-1 sm:py-1.5 rounded-full text-[10px] sm:text-xs font-medium bg-violet-500/10 text-violet-500 border border-violet-500/20">Brand voice</span></div></div></div></div><div class="lg:col-span-5 flex flex-col gap-4 sm:gap-6"><div class="group relative rounded-2xl sm:rounded-3xl p-[1px] bg-gradient-to-b from-blue-500/30 to-transparent flex-1"><div class="rounded-2xl sm:rounded-3xl bg-card h-full p-4 sm:p-6 md:p-8 flex flex-col"><div class="flex items-center gap-2.5 sm:gap-3 mb-3 sm:mb-4"><div class="p-2 sm:p-2.5 rounded-lg sm:rounded-xl bg-gradient-to-br from-blue-500 to-cyan-500 text-white shadow-lg shadow-blue-500/30 flex-shrink-0"><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-code-xml h-4 w-4 sm:h-5 sm:w-5" aria-hidden="true"><path d="m18 16 4-4-4-4"></path><path d="m6 8-4 4 4 4"></path><path d="m14.5 4-5 16"></path></svg></div><h3 class="text-base sm:text-lg font-bold">GraphQL &amp; REST APIs</h3></div><p class="text-xs sm:text-sm text-muted-foreground mb-3 sm:mb-4">Query exactly what you need with our flexible API. Works with any framework.</p><div class="flex-1 rounded-lg sm:rounded-xl bg-slate-950 p-3 sm:p-4 font-mono text-[11px] sm:text-xs overflow-x-auto"><div class="text-slate-500 mb-2"># Fetch all pages</div><div><span class="text-purple-400">query</span> <span class="text-yellow-300">GetPages</span> <!-- -->{</div><div class="pl-4"><span class="text-blue-400">
5pages</span> <!-- -->{</div><div class="pl-8 text-emerald-300">id<br/>title<br/>content</div><div class="pl-4">}</div><div>}</div></div></div></div><div class="group relative rounded-2xl sm:rounded-3xl p-[1px] bg-gradient-to-b from-orange-500/30 to-transparent flex-1"><div class="rounded-2xl sm:rounded-3xl bg-card h-full p-4 sm:p-6 md:p-8 flex flex-col"><div class="flex items-center gap-2.5 sm:gap-3 mb-3 sm:mb-4"><div class="p-2 sm:p-2.5 rounded-lg sm:rounded-xl bg-gradient-to-br from-orange-500 to-amber-500 text-white shadow-lg shadow-orange-500/30 flex-shrink-0"><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-webhook h-4 w-4 sm:h-5 sm:w-5" aria-hidden="true"><path d="M18 16.98h-5.99c-1.1 0-1.95.94-2.48 1.9A4 4 0 0 1 2 17c.01-.7.2-1.4.57-2"></path><path d="m6 17 3.13-5.78c.53-.97.1-2.18-.5-3.1a4 4 0 1 1 6.89-4.06"></path><path d="m12 6 3.13 5.73C15.66 12.7 16.9 13 18 13a4 4 0 0 1 0 8"></path></svg></div><h3 class="text-base sm:text-lg font-bold">Webhooks &amp; Integrations</h3></div><p class="text-xs sm:text-sm text-muted-foreground mb-3 sm:mb-4">Trigger static site rebuilds, sync to other systems, or automate workflows.</p><div class="flex flex-wrap gap-2"><span class="px-2.5 sm:px-3 py-1.5 rounded-lg text-xs font-medium bg-muted text-muted-foreground">Vercel</span><span class="px-2.5 sm:px-3 py-1.5 rounded-lg text-xs font-medium bg-muted text-muted-foreground">Netlify</span><span class="px-2.5 sm:px-3 py-1.5 rounded-lg text-xs font-medium bg-muted text-muted-foreground">GitHub</span><span class="px-2.5 sm:px-3 py-1.5 rounded-lg text-xs font-medium bg-muted text-muted-foreground">Slack</span></div></div></div></div></div><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6"><div class="group relative rounded-2xl sm:rounded-3xl p-[1px] bg-gradient-to-b from-emerald-500/30 to-transparent"><div class="rounded-2xl sm:rounded-3xl bg-card h-full p-4 sm:p-6"><div class="p-2.5 rounded-xl bg-gradient-to-br from-emerald-500 to-teal-500 text-white shadow-lg shadow-emerald-500/30 w-fit mb-3 sm: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-building2 lucide-building-2 h-5 w-5" aria-hidden="true"><path d="M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z"></path><path d="M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2"></path><path d="M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2"></path><path d="M10 6h4"></path><path d="M10 10h4"></path><path d="M10 14h4"></path><path d="M10 18h4"></path></svg></div><h3 class="text-base sm:text-lg font-bold mb-2">Multi-tenant Workspaces</h3><p class="text-sm text-muted-foreground">One login. Every client. Zero confusion. Full data isolation per workspace.</p></div></div><div class="group relative rounded-2xl sm:rounded-3xl p-[1px] bg-gradient-to-b from-pink-500/30 to-transparent"><div class="rounded-2xl sm:rounded-3xl bg-card h-full p-4 sm:p-6"><div class="p-2.5 rounded-xl bg-gradient-to-br from-pink-500 to-rose-500 text-white shadow-lg shadow-pink-500/30 w-fit mb-3 sm: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-shield h-5 w-5" aria-hidden="true"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg></div><h3 class="text-base sm:text-lg font-bold mb-2">Role-based Access</h3><p class="text-sm text-muted-foreground">Developers build. Editors publish. No one breaks production.</p></div></div><div class="group relative rounded-2xl sm:rounded-3xl p-[1px] bg-gradient-to-b from-yellow-500/30 to-transparent sm:col-span-2 lg:col-span-1"><div class="rounded-2xl sm:rounded-3xl bg-card h-full p-4 sm:p-6"><div class="p-2.5 rounded-xl bg-gradient-to-br from-yellow-500 to-orange-500 text-white shadow-lg shadow-yellow-500/30 w-fit mb-3 sm: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-layers h-5 w-5" aria-hidden="true"><path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"></path><path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"></path><path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"></path></svg></div><h3 class="text-base sm:text-lg font-bold mb-2">Environment Support</h3><p class="text-sm text-muted-foreground">Test in staging. Ship to production. Never mix them up.</p></div></div></div></div></div></section><section id="agencies" class="py-16 sm:py-24 lg:py-32 px-4 sm:px-6 lg:px-8 relative overflow-hidden"><div class="absolute inset-0 bg-gradient-to-b from-muted/30 via-background to-background"></div><div class="container mx-auto max-w-6xl relative"><div class="text-center space-y-4 mb-10 sm:mb-16"><div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-gradient-to-r from-violet-500/10 to-fuchsia-500/10 border border-violet-500/20"><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-building2 lucide-building-2 h-4 w-4 text-violet-500" aria-hidden="true"><path d="M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z"></path><path d="M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2"></path><path d="M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2"></path><path d="M10 6h4"></path><path d="M10 10h4"></path><path d="M10 14h4"></path><path d="M10 18h4"></path></svg><span class="text-sm font-medium text-violet-500">For Agencies</span></div><h2 class="text-3xl sm:text-4xl lg:text-5xl font-bold tracking-tight">Stop rebuilding from scratch<br/>
5<span class="bg-gradient-to-r from-[#6366f1] via-[#8b5cf6] to-[#ec4899] bg-clip-text text-transparent">for every client</span></h2></div><div class="grid md:grid-cols-2 gap-8 lg:gap-12"><div class="rounded-3xl border border-border/50 bg-card p-8 lg:p-10"><h3 class="text-xl font-bold mb-6 text-muted-foreground">The old way</h3><ul class="space-y-4"><li class="flex items-start gap-3"><div class="mt-1 p-1 rounded-full bg-red-500/10"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x h-3 w-3 text-red-500" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></div><span class="text-muted-foreground">Waiting weeks for clients to send copy</span></li><li class="flex items-start gap-3"><div class="mt-1 p-1 rounded-full bg-red-500/10"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x h-3 w-3 text-red-500" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></div><span class="text-muted-foreground">Manual SEO work for every page, every time</span></li><li class="flex items-start gap-3"><div class="mt-1 p-1 rounded-full bg-red-500/10"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x h-3 w-3 text-red-500" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></div><span class="text-muted-foreground">Messy Word docs and email threads to parse</span></li><li class="flex items-start gap-3"><div class="mt-1 p-1 rounded-full bg-red-500/10"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x h-3 w-3 text-red-500" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></div><span class="text-muted-foreground">Building a new CMS setup for every client project</span></li></ul></div><div class="relative rounded-3xl p-[1px] bg-gradient-to-b from-violet-500/30 via-fuchsia-500/20 to-transparent"><div class="rounded-3xl bg-card p-8 lg:p-10 h-full"><h3 class="text-xl font-bold mb-6 bg-gradient-to-r from-violet-500 to-fuchsia-500 bg-clip-text text-transparent">With Contensa</h3><ul class="space-y-4"><li class="flex items-start gap-3"><div class="mt-1 p-1 rounded-full bg-violet-500/10"><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-check h-3 w-3 text-violet-500" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-foreground">AI generates a full content model from your client brief in minutes</span></li><li class="flex items-start gap-3"><div class="mt-1 p-1 rounded-full bg-violet-500/10"><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-check h-3 w-3 text-violet-500" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-foreground">SEO titles, meta descriptions, and tags — written automatically</span></li><li class="flex items-start gap-3"><div class="mt-1 p-1 rounded-full bg-violet-500/10"><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-check h-3 w-3 text-violet-500" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-foreground">Reusable content schemas you clone across client sites</span></li><li class="flex items-start gap-3"><div class="mt-1 p-1 rounded-full bg-violet-500/10"><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-check h-3 w-3 text-violet-500" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-foreground">One login, one dashboard, every client — with full data isolation</span></li></ul></div></div></div><div class="mt-8 sm:mt-12 p-6 sm:p-8 rounded-3xl border border-violet-500/20 bg-gradient-to-r from-violet-500/5 to-fuchsia-500/5 text-center"><p class="text-sm sm:text-lg font-medium">Onboard new clients in hours, not weeks — content, SEO, and localization included.</p></div></div></section><section id="pricing" class="py-16 sm:py-24 lg:py-32 px-4 sm:px-6 lg:px-8 relative overflow-hidden"><div class="absolute inset-0"><div class="absolute inset-0 bg-gradient-to-b from-background via-violet-500/5 to-background"></div><div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[600px] h-[600px] bg-violet-500/10 rounded-full blur-[150px]"></div></div><div class="container mx-auto max-w-7xl relative"><div class="text-center space-y-4 mb-12 sm:mb-16"><p class="text-sm font-medium text-violet-500 uppercase tracking-wider">How we compare</p><h2 class="text-3xl sm:text-4xl lg:text-5xl font-bold tracking-tight">The only CMS where AI builds the<!-- --> <span class="bg-gradient-to-r from-[#6366f1] via-[#8b5cf6] to-[#ec4899] bg-clip-text text-transparent">content structure, not just the copy</span></h2><p class="text-sm sm:text-base lg:text-lg text-muted-foreground max-w-3xl mx-auto">Every AI feature in this table is available on the free tier. No credit card required.</p></div><div class="flex justify-center mb-12"><div class="inline-flex rounded-2xl glass-card p-1.5"><button class="px-6 py-3 rounded-xl text-sm font-medium transition-all duration-300 bg-gradient-to-r from-violet-500 to-fuchsia-500 text-white shadow-lg shadow-violet-500/25">vs Competitors</button><button class="px-6 py-3 rounded-xl text-sm font-medium transition-all duration-300 text-muted-foreground hover:text-foreground">Plan Comparison</button></div></div><div class="rounded-3xl border border-border/50 overflow-hidden bg-card/50 backdrop-blur-sm animate-fade-in-up"><div class="md:hidden"><div class="flex items-center gap-2 px-4 py-3 bg-muted/20 border-b border-border/50 overflow-x-auto"><span class="text-xs text-muted-foreground flex-shrink-0 w-32 min-w-[128px]">Feature</span><div class="flex gap-2 flex-shrink-0"><div class="flex flex-col items-center gap-1 w-10"><div class="h-7 w-7 rounded-lg bg-gradient-to-br from-violet-500 to-fuchsia-500 flex items-center justify-center text-white text-[10px] font-bold">C</div><span class="text-[9px] text-white font-medium">Us</span></div><div class="flex flex-col items-center gap-1 w-10"><div class="h-7 w-7 rounded-lg bg-muted flex items-center justify-center text-muted-foreground text-[10px] font-bold">S</div><span class="text-[9px] text-muted-foreground truncate w-10 text-center">Strapi</span></div><div class="flex flex-col items-center gap-1 w-10"><div class="h-7 w-7 rounded-lg bg-muted flex items-center justify-center text-muted-foreground text-[10px] font-bold">Sa</div><span class="text-[9px] text-muted-foreground truncate w-10 text-center">Sanity</span></div><div class="flex flex-col items-center gap-1 w-10"><div class="h-7 w-7 rounded-lg bg-muted flex items-center justify-center text-muted-foreground text-[10px] font-bold">K</div><span class="text-[9px] text-muted-foreground truncate w-10 text-center">Kontent</span></div><div class="flex flex-col items-center gap-1 w-10"><div class="h-7 w-7 rounded-lg bg-muted flex items-center justify-center text-muted-foreground text-[10px] font-bold">C</div><span class="text-[9px] text-muted-foreground truncate w-10 text-center">Contentful</span></div></div></div><div><div class="px-4 py-3 bg-muted/30 border-b border-border/50 flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3.5 w-3.5 text-violet-500 flex-shrink-0" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 
51.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg><span class="font-semibold text-xs uppercase tracking-wider">AI &amp; Automation</span></div><div class="flex items-center gap-2 px-4 py-3 border-b border-border/50 bg-violet-500/5"><div class="flex items-start gap-1.5 min-w-0 w-32 flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3 w-3 text-violet-500 flex-shrink-0 mt-0.5" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg><div class="min-w-0"><div class="font-medium text-xs leading-snug">JSON-to-content generation</div></div></div><div class="flex gap-2 flex-shrink-0"><div class="w-10 flex justify-center"><div class="h-5 w-5 rounded-full bg-emerald-500/20 flex items-center 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-check h-3 w-3 text-emerald-500" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></div><div class="w-10 flex justify-center"><span class="text-muted-foreground text-xs">—</span></div><div class="w-10 flex justify-center"><span class="text-muted-foreground text-xs">—</span></div><div class="w-10 flex justify-center"><span class="text-muted-foreground text-xs">—</span></div><div class="w-10 flex justify-center"><span class="text-muted-foreground text-xs">—</span></div></div></div><div class="flex items-center gap-2 px-4 py-3 border-b border-border/50 bg-violet-500/5"><div class="flex items-start gap-1.5 min-w-0 w-32 flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3 w-3 text-violet-500 flex-shrink-0 mt-0.5" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg><div class="min-w-0"><div class="font-medium text-xs leading-snug">Advanced AI Translation</div></div></div><div class="flex gap-2 flex-shrink-0"><div class="w-10 flex justify-center"><div class="h-5 w-5 rounded-full bg-emerald-500/20 flex items-center 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-check h-3 w-3 text-emerald-500" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></div><div class="w-10 flex justify-center"><span class="text-muted-foreground text-xs">—</span></div><div class="w-10 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-check h-4 w-4 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="w-10 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-check h-4 w-4 text-muted-foreground
5/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="w-10 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-check h-4 w-4 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></div></div><div class="flex items-center gap-2 px-4 py-3 border-b border-border/50 bg-violet-500/5"><div class="flex items-start gap-1.5 min-w-0 w-32 flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3 w-3 text-violet-500 flex-shrink-0 mt-0.5" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg><div class="min-w-0"><div class="font-medium text-xs leading-snug">AI Content Generation</div></div></div><div class="flex gap-2 flex-shrink-0"><div class="w-10 flex justify-center"><div class="h-5 w-5 rounded-full bg-emerald-500/20 flex items-center 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-check h-3 w-3 text-emerald-500" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></div><div class="w-10 flex justify-center"><span class="text-muted-foreground text-xs">—</span></div><div class="w-10 flex justify-center"><span class="text-muted-foreground text-xs">—</span></div><div class="w-10 flex justify-center"><span class="text-muted-foreground text-xs">—</span></div><div class="w-10 flex justify-center"><span class="text-muted-foreground text-xs">—</span></div></div></div><div class="flex items-center gap-2 px-4 py-3 border-b border-border/50 bg-violet-500/5"><div class="flex items-start gap-1.5 min-w-0 w-32 flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3 w-3 text-violet-500 flex-shrink-0 mt-0.5" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg><div class="min-w-0"><div class="font-medium text-xs leading-snug">AI Suggested Fields</div></div></div><div class="flex gap-2 flex-shrink-0"><div class="w-10 flex justify-center"><div class="h-5 w-5 rounded-full bg-emerald-500/20 flex items-center 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-check h-3 w-3 text-emerald-500" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></div><div class="w-10 flex justify-center"><span class="text-muted-foreground text-xs">—</span></div><div class="w-10 flex justify-center"><span class="text-muted-foreground text-xs">—</span></div><div class="w-10 flex justify-center"><span class="text-muted-foreground text-xs">—</span></div><div class="w-10 flex justify-center"><span class="text-muted-foreground text-xs">—</span></div></div></div><div class="flex items-center gap-2 px-4 py-3 border-b border-border/50 bg-violet-500/5">
5<div class="flex items-start gap-1.5 min-w-0 w-32 flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3 w-3 text-violet-500 flex-shrink-0 mt-0.5" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg><div class="min-w-0"><div class="font-medium text-xs leading-snug">Complete AI Automation</div></div></div><div class="flex gap-2 flex-shrink-0"><div class="w-10 flex justify-center"><div class="h-5 w-5 rounded-full bg-emerald-500/20 flex items-center 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-check h-3 w-3 text-emerald-500" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></div><div class="w-10 flex justify-center"><span class="text-muted-foreground text-xs">—</span></div><div class="w-10 flex justify-center"><span class="text-muted-foreground text-xs">—</span></div><div class="w-10 flex justify-center"><span class="text-muted-foreground text-xs">—</span></div><div class="w-10 flex justify-center"><span class="text-muted-foreground text-xs">—</span></div></div></div></div><div><div class="px-4 py-3 bg-muted/30 border-b border-border/50 flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3.5 w-3.5 text-violet-500 flex-shrink-0" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg><span class="font-semibold text-xs uppercase tracking-wider">Content Modeling</span></div><div class="flex items-center gap-2 px-4 py-3 border-b border-border/50 bg-violet-500/5"><div class="flex items-start gap-1.5 min-w-0 w-32 flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3 w-3 text-violet-500 flex-shrink-0 mt-0.5" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg><div class="min-w-0"><div class="font-medium text-xs leading-snug">Visual Modeler</div></div></div><div class="flex gap-2 flex-shrink-0"><div class="w-10 flex justify-center"><div class="h-5 w-5 rounded-full bg-emerald-500/20 flex items-center 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-check h-3 w-3 text-emerald-500" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></div><div class="w-10 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-check h-4 w-4 text-muted-foreground
5/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="w-10 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-check h-4 w-4 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="w-10 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-check h-4 w-4 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="w-10 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-check h-4 w-4 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></div></div><div class="flex items-center gap-2 px-4 py-3 border-b border-border/50 "><div class="flex items-start gap-1.5 min-w-0 w-32 flex-shrink-0"><div class="min-w-0"><div class="font-medium text-xs leading-snug">Flexible Content Types</div></div></div><div class="flex gap-2 flex-shrink-0"><div class="w-10 flex justify-center"><div class="h-5 w-5 rounded-full bg-emerald-500/20 flex items-center 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-check h-3 w-3 text-emerald-500" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></div><div class="w-10 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-check h-4 w-4 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="w-10 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-check h-4 w-4 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="w-10 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-check h-4 w-4 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="w-10 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-check h-4 w-4 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></div></div><div class="flex items-center gap-2 px-4 py-3 border-b border-border/50 "><div class="flex items-start gap-1.5 min-w-0 w-32 flex-shrink-0"><div class="min-w-0"><div class="font-medium text-xs leading-snug">Reference Fields</div></div></div><div class="flex gap-2 flex-shrink-0"><div class="w-10 flex justify-center"><div class="h-5 w-5 rounded-full bg-emerald-500/20 flex items-center 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-check h-3 w-3 text-emerald-500" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></div><div class="w-10 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-check h-4 w-4 text-muted-foreground
5/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="w-10 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-check h-4 w-4 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="w-10 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-check h-4 w-4 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="w-10 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-check h-4 w-4 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></div></div></div><div><div class="px-4 py-3 bg-muted/30 border-b border-border/50 flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3.5 w-3.5 text-violet-500 flex-shrink-0" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg><span class="font-semibold text-xs uppercase tracking-wider">API &amp; Integration</span></div><div class="flex items-center gap-2 px-4 py-3 border-b border-border/50 "><div class="flex items-start gap-1.5 min-w-0 w-32 flex-shrink-0"><div class="min-w-0"><div class="font-medium text-xs leading-snug">GraphQL API</div></div></div><div class="flex gap-2 flex-shrink-0"><div class="w-10 flex justify-center"><div class="h-5 w-5 rounded-full bg-emerald-500/20 flex items-center 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-check h-3 w-3 text-emerald-500" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></div><div class="w-10 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-check h-4 w-4 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="w-10 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-check h-4 w-4 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="w-10 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-check h-4 w-4 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="w-10 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-check h-4 w-4 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></div></div><div class="flex items-center gap-2 px-4 py-3 border-b border-border/50 ">
5<div class="flex items-start gap-1.5 min-w-0 w-32 flex-shrink-0"><div class="min-w-0"><div class="font-medium text-xs leading-snug">REST API</div></div></div><div class="flex gap-2 flex-shrink-0"><div class="w-10 flex justify-center"><div class="h-5 w-5 rounded-full bg-emerald-500/20 flex items-center 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-check h-3 w-3 text-emerald-500" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></div><div class="w-10 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-check h-4 w-4 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="w-10 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-check h-4 w-4 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="w-10 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-check h-4 w-4 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="w-10 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-check h-4 w-4 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></div></div><div class="flex items-center gap-2 px-4 py-3 border-b border-border/50 "><div class="flex items-start gap-1.5 min-w-0 w-32 flex-shrink-0"><div class="min-w-0"><div class="font-medium text-xs leading-snug">Webhooks</div></div></div><div class="flex gap-2 flex-shrink-0"><div class="w-10 flex justify-center"><div class="h-5 w-5 rounded-full bg-emerald-500/20 flex items-center 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-check h-3 w-3 text-emerald-500" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></div><div class="w-10 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-check h-4 w-4 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="w-10 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-check h-4 w-4 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="w-10 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-check h-4 w-4 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="w-10 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-check h-4 w-4 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></div></div></div><div><div class="px-4 py-3 bg-muted/30 border-b border-border/50 flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3.5 w-3.5 text-violet-500 flex-shrink-0" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 
51.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg><span class="font-semibold text-xs uppercase tracking-wider">Multi-tenancy &amp; Scale</span></div><div class="flex items-center gap-2 px-4 py-3 border-b border-border/50 "><div class="flex items-start gap-1.5 min-w-0 w-32 flex-shrink-0"><div class="min-w-0"><div class="font-medium text-xs leading-snug">Workspace Isolation</div></div></div><div class="flex gap-2 flex-shrink-0"><div class="w-10 flex justify-center"><div class="h-5 w-5 rounded-full bg-emerald-500/20 flex items-center 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-check h-3 w-3 text-emerald-500" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></div><div class="w-10 flex justify-center"><span class="text-muted-foreground text-xs">—</span></div><div class="w-10 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-check h-4 w-4 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="w-10 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-check h-4 w-4 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="w-10 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-check h-4 w-4 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></div></div><div class="flex items-center gap-2 px-4 py-3 border-b border-border/50 "><div class="flex items-start gap-1.5 min-w-0 w-32 flex-shrink-0"><div class="min-w-0"><div class="font-medium text-xs leading-snug">Role-based Access</div></div></div><div class="flex gap-2 flex-shrink-0"><div class="w-10 flex justify-center"><div class="h-5 w-5 rounded-full bg-emerald-500/20 flex items-center 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-check h-3 w-3 text-emerald-500" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></div><div class="w-10 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-check h-4 w-4 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="w-10 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-check h-4 w-4 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="w-10 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-check h-4 w-4 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="w-10 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-check h-4 w-4 text-muted-foreground
5/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></div></div></div></div><div class="hidden md:block overflow-x-auto"><table class="w-full"><thead><tr class="border-b border-border/50"><th class="text-left p-4 sm:p-6 text-sm font-semibold sticky left-0 bg-card/90 backdrop-blur-sm z-10 min-w-[200px]">Feature</th><th class="text-center p-4 sm:p-6 min-w-[120px]"><div class="flex flex-col items-center gap-2"><div class="h-10 w-10 rounded-xl bg-gradient-to-br from-violet-500 to-fuchsia-500 flex items-center justify-center text-white font-bold shadow-lg shadow-violet-500/25">C</div><span class="text-sm font-semibold">Contensa</span></div></th><th class="text-center p-4 sm:p-6 min-w-[120px]"><div class="flex flex-col items-center gap-2"><div class="h-10 w-10 rounded-xl bg-muted flex items-center justify-center text-muted-foreground font-bold">S</div><span class="text-sm font-medium text-muted-foreground">Strapi</span></div></th><th class="text-center p-4 sm:p-6 min-w-[120px]"><div class="flex flex-col items-center gap-2"><div class="h-10 w-10 rounded-xl bg-muted flex items-center justify-center text-muted-foreground font-bold">Sa</div><span class="text-sm font-medium text-muted-foreground">Sanity</span></div></th><th class="text-center p-4 sm:p-6 min-w-[120px]"><div class="flex flex-col items-center gap-2"><div class="h-10 w-10 rounded-xl bg-muted flex items-center justify-center text-muted-foreground font-bold">K</div><span class="text-sm font-medium text-muted-foreground">Kontent.ai</span></div></th><th class="text-center p-4 sm:p-6 min-w-[120px]"><div class="flex flex-col items-center gap-2"><div class="h-10 w-10 rounded-xl bg-muted flex items-center justify-center text-muted-foreground font-bold">C</div><span class="text-sm font-medium text-muted-foreground">Contentful</span></div></th></tr></thead><tbody><tr class="border-b border-border/50 bg-muted/30"><td colSpan="6" class="p-4 sm:p-6"><div class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-4 w-4 text-violet-500" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg><span class="font-semibold text-sm uppercase tracking-wider">AI &amp; Automation</span></div></td></tr><tr class="border-b border-border/50 hover:bg-muted/20 transition-colors bg-violet-500/5"><td class="p-4 sm:p-6 sticky left-0 bg-card/90 backdrop-blur-sm"><div class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-4 w-4 text-violet-500 flex-shrink-0 mt-0.5" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg><div><div class="font-medium text-sm mb-1">JSON-to-content generation</div><div class="text-xs text-muted-foreground">Generate content fields and entries directly from JSON</div></div></div></td><td class="p-4 sm:p-6 text-center"><div class="flex justify-center"><div class="h-6 w-6 rounded-full bg-gradient-to-br from-emerald-500/20 to-emerald-600/20 flex items-center 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-check h-4 w-4 text-emerald-500" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></div></td><td class="p-4 sm:p-6 text-center"><span class="text-muted-foreground text-sm">—</span></td><td class="p-4 sm:p-6 text-center"><span class="text-muted-foreground text-sm">—</span></td><td class="p-4 sm:p-6 text-center"><span class="text-muted-foreground text-sm">—</span></td><td class="p-4 sm:p-6 text-center"><span class="text-muted-foreground text-sm">—</span></td></tr><tr class="border-b border-border/50 hover:bg-muted/20 transition-colors bg-violet-500/5"><td class="p-4 sm:p-6 sticky left-0 bg-card/90 backdrop-blur-sm"><div class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-4 w-4 text-violet-500 flex-shrink-0 mt-0.5" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 
51.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg><div><div class="font-medium text-sm mb-1">Advanced AI Translation</div><div class="text-xs text-muted-foreground">Support for large number of locales with AI-powered translation</div></div></div></td><td class="p-4 sm:p-6 text-center"><div class="flex justify-center"><div class="h-6 w-6 rounded-full bg-gradient-to-br from-emerald-500/20 to-emerald-600/20 flex items-center 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-check h-4 w-4 text-emerald-500" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></div></td><td class="p-4 sm:p-6 text-center"><span class="text-muted-foreground text-sm">—</span></td><td class="p-4 sm:p-6 text-center"><div class="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-check h-5 w-5 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></td><td class="p-4 sm:p-6 text-center"><div class="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-check h-5 w-5 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></td><td class="p-4 sm:p-6 text-center"><div class="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-check h-5 w-5 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></td></tr><tr class="border-b border-border/50 hover:bg-muted/20 transition-colors bg-violet-500/5"><td class="p-4 sm:p-6 sticky left-0 bg-card/90 backdrop-blur-sm"><div class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-4 w-4 text-violet-500 flex-shrink-0 mt-0.5" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg><div><div class="font-medium text-sm mb-1">AI Content Generation</div><div class="text-xs text-muted-foreground">Full content creation capabilities through AI</div></div></div></td><td class="p-4 sm:p-6 text-center"><div class="flex justify-center"><div class="h-6 w-6 rounded-full bg-gradient-to-br from-emerald-500/20 to-emerald-600/20 flex items-center 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-check h-4 w-4 text-emerald-500" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></div></td><td class="p-4 sm:p-6 text-center"><span class="text-muted-foreground text-sm">—</span></td><td class="p-4 sm:p-6 text-center"><span class="text-muted-foreground text-sm">—</span></td><td class="p-4 sm:p-6 text-center"><span class="text-muted-foreground text-sm">—</span></td><td class="p-4 sm:p-6 text-center"><span class="text-muted-foreground text-sm">—</span></td></tr><tr class="border-b border-border/50 hover:bg-muted/20 transition-colors bg-violet-500/5"><td class="p-4 sm:p-6 sticky left-0 bg-card/90 backdrop-blur-sm"><div class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-4 w-4 text-violet-500 flex-shrink-0 mt-0.5" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 
51.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg><div><div class="font-medium text-sm mb-1">AI Suggested Fields</div><div class="text-xs text-muted-foreground">Intelligent field recommendations</div></div></div></td><td class="p-4 sm:p-6 text-center"><div class="flex justify-center"><div class="h-6 w-6 rounded-full bg-gradient-to-br from-emerald-500/20 to-emerald-600/20 flex items-center 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-check h-4 w-4 text-emerald-500" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></div></td><td class="p-4 sm:p-6 text-center"><span class="text-muted-foreground text-sm">—</span></td><td class="p-4 sm:p-6 text-center"><span class="text-muted-foreground text-sm">—</span></td><td class="p-4 sm:p-6 text-center"><span class="text-muted-foreground text-sm">—</span></td><td class="p-4 sm:p-6 text-center"><span class="text-muted-foreground text-sm">—</span></td></tr><tr class="border-b border-border/50 hover:bg-muted/20 transition-colors bg-violet-500/5"><td class="p-4 sm:p-6 sticky left-0 bg-card/90 backdrop-blur-sm"><div class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-4 w-4 text-violet-500 flex-shrink-0 mt-0.5" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg><div><div class="font-medium text-sm mb-1">Complete AI Automation</div><div class="text-xs text-muted-foreground">AI can write entire content models and content entries</div></div></div></td><td class="p-4 sm:p-6 text-center"><div class="flex justify-center"><div class="h-6 w-6 rounded-full bg-gradient-to-br from-emerald-500/20 to-emerald-600/20 flex items-center 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-check h-4 w-4 text-emerald-500" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></div></td><td class="p-4 sm:p-6 text-center"><span class="text-muted-foreground text-sm">—</span></td><td class="p-4 sm:p-6 text-center"><span class="text-muted-foreground text-sm">—</span></td><td class="p-4 sm:p-6 text-center"><span class="text-muted-foreground text-sm">—</span></td><td class="p-4 sm:p-6 text-center"><span class="text-muted-foreground text-sm">—</span></td></tr><tr class="border-b border-border/50 bg-muted/30"><td colSpan="6" class="p-4 sm:p-6"><div class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-4 w-4 text-violet-500" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg><span class="font-semibold text-sm uppercase tracking-wider">Content Modeling</span></div></td></tr><tr class="border-b border-border/50 hover:bg-muted/20 transition-colors bg-violet-500/5"><td class="p-4 sm:p-6 sticky left-0 bg-card/90 backdrop-blur-sm"><div class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-4 w-4 text-violet-500 flex-shrink-0 mt-0.5" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 
51.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg><div><div class="font-medium text-sm mb-1">Visual Modeler</div><div class="text-xs text-muted-foreground">Intuitive visual interface for content modeling</div></div></div></td><td class="p-4 sm:p-6 text-center"><div class="flex justify-center"><div class="h-6 w-6 rounded-full bg-gradient-to-br from-emerald-500/20 to-emerald-600/20 flex items-center 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-check h-4 w-4 text-emerald-500" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></div></td><td class="p-4 sm:p-6 text-center"><div class="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-check h-5 w-5 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></td><td class="p-4 sm:p-6 text-center"><div class="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-check h-5 w-5 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></td><td class="p-4 sm:p-6 text-center"><div class="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-check h-5 w-5 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></td><td class="p-4 sm:p-6 text-center"><div class="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-check h-5 w-5 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></td></tr><tr class="border-b border-border/50 hover:bg-muted/20 transition-colors "><td class="p-4 sm:p-6 sticky left-0 bg-card/90 backdrop-blur-sm"><div class="flex items-start gap-2"><div><div class="font-medium text-sm mb-1">Flexible Content Types</div><div class="text-xs text-muted-foreground">Create custom content structures</div></div></div></td><td class="p-4 sm:p-6 text-center"><div class="flex justify-center"><div class="h-6 w-6 rounded-full bg-gradient-to-br from-emerald-500/20 to-emerald-600/20 flex items-center 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-check h-4 w-4 text-emerald-500" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></div></td><td class="p-4 sm:p-6 text-center"><div class="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-check h-5 w-5 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></td><td class="p-4 sm:p-6 text-center"><div class="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-check h-5 w-5 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></td><td class="p-4 sm:p-6 text-center"><div class="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-check h-5 w-5 text-muted-foreground
5/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></td><td class="p-4 sm:p-6 text-center"><div class="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-check h-5 w-5 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></td></tr><tr class="border-b border-border/50 hover:bg-muted/20 transition-colors "><td class="p-4 sm:p-6 sticky left-0 bg-card/90 backdrop-blur-sm"><div class="flex items-start gap-2"><div><div class="font-medium text-sm mb-1">Reference Fields</div><div class="text-xs text-muted-foreground">Link and relate content entries</div></div></div></td><td class="p-4 sm:p-6 text-center"><div class="flex justify-center"><div class="h-6 w-6 rounded-full bg-gradient-to-br from-emerald-500/20 to-emerald-600/20 flex items-center 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-check h-4 w-4 text-emerald-500" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></div></td><td class="p-4 sm:p-6 text-center"><div class="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-check h-5 w-5 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></td><td class="p-4 sm:p-6 text-center"><div class="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-check h-5 w-5 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></td><td class="p-4 sm:p-6 text-center"><div class="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-check h-5 w-5 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></td><td class="p-4 sm:p-6 text-center"><div class="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-check h-5 w-5 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></td></tr><tr class="border-b border-border/50 bg-muted/30"><td colSpan="6" class="p-4 sm:p-6"><div class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-4 w-4 text-violet-500" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg><span class="font-semibold text-sm uppercase tracking-wider">API &amp; Integration</span></div></td></tr><tr class="border-b border-border/50 hover:bg-muted/20 transition-colors "><td class="p-4 sm:p-6 sticky left-0 bg-card/90 backdrop-blur-sm"><div class="flex items-start gap-2"><div><div class="font-medium text-sm mb-1">GraphQL API</div><div class="text-xs text-muted-foreground">Query exactly what you need</div></div></div></td><td class="p-4 sm:p-6 text-center"><div class="flex justify-center"><div class="h-6 w-6 rounded-full bg-gradient-to-br from-emerald-500/20 to-emerald-600/20 flex items-center 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-check h-4 w-4 text-emerald-500" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></div></td><td class="p-4 sm:p-6 text-center"><div class="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-check h-5 w-5 text-muted-foreground
5/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></td><td class="p-4 sm:p-6 text-center"><div class="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-check h-5 w-5 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></td><td class="p-4 sm:p-6 text-center"><div class="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-check h-5 w-5 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></td><td class="p-4 sm:p-6 text-center"><div class="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-check h-5 w-5 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></td></tr><tr class="border-b border-border/50 hover:bg-muted/20 transition-colors "><td class="p-4 sm:p-6 sticky left-0 bg-card/90 backdrop-blur-sm"><div class="flex items-start gap-2"><div><div class="font-medium text-sm mb-1">REST API</div><div class="text-xs text-muted-foreground">Traditional REST endpoints</div></div></div></td><td class="p-4 sm:p-6 text-center"><div class="flex justify-center"><div class="h-6 w-6 rounded-full bg-gradient-to-br from-emerald-500/20 to-emerald-600/20 flex items-center 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-check h-4 w-4 text-emerald-500" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></div></td><td class="p-4 sm:p-6 text-center"><div class="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-check h-5 w-5 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></td><td class="p-4 sm:p-6 text-center"><div class="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-check h-5 w-5 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></td><td class="p-4 sm:p-6 text-center"><div class="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-check h-5 w-5 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></td><td class="p-4 sm:p-6 text-center"><div class="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-check h-5 w-5 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></td></tr><tr class="border-b border-border/50 hover:bg-muted/20 transition-colors "><td class="p-4 sm:p-6 sticky left-0 bg-card/90 backdrop-blur-sm"><div class="flex items-start gap-2"><div><div class="font-medium text-sm mb-1">Webhooks</div><div class="text-xs text-muted-foreground">Real-time event notifications</div></div></div></td><td class="p-4 sm:p-6 text-center"><div class="flex justify-center"><div class="h-6 w-6 rounded-full bg-gradient-to-br from-emerald-500/20 to-emerald-600/20 flex items-center 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-check h-4 w-4 text-emerald-500" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></div></td><td class="p-4 sm:p-6 text-center"><div class="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-check h-5 w-5 text-muted-foreground
5/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></td><td class="p-4 sm:p-6 text-center"><div class="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-check h-5 w-5 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></td><td class="p-4 sm:p-6 text-center"><div class="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-check h-5 w-5 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></td><td class="p-4 sm:p-6 text-center"><div class="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-check h-5 w-5 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></td></tr><tr class="border-b border-border/50 bg-muted/30"><td colSpan="6" class="p-4 sm:p-6"><div class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-4 w-4 text-violet-500" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg><span class="font-semibold text-sm uppercase tracking-wider">Multi-tenancy &amp; Scale</span></div></td></tr><tr class="border-b border-border/50 hover:bg-muted/20 transition-colors "><td class="p-4 sm:p-6 sticky left-0 bg-card/90 backdrop-blur-sm"><div class="flex items-start gap-2"><div><div class="font-medium text-sm mb-1">Workspace Isolation</div><div class="text-xs text-muted-foreground">
5Complete data separation per client</div></div></div></td><td class="p-4 sm:p-6 text-center"><div class="flex justify-center"><div class="h-6 w-6 rounded-full bg-gradient-to-br from-emerald-500/20 to-emerald-600/20 flex items-center 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-check h-4 w-4 text-emerald-500" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></div></td><td class="p-4 sm:p-6 text-center"><span class="text-muted-foreground text-sm">—</span></td><td class="p-4 sm:p-6 text-center"><div class="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-check h-5 w-5 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></td><td class="p-4 sm:p-6 text-center"><div class="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-check h-5 w-5 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></td><td class="p-4 sm:p-6 text-center"><div class="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-check h-5 w-5 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></td></tr><tr class="border-b border-border/50 hover:bg-muted/20 transition-colors "><td class="p-4 sm:p-6 sticky left-0 bg-card/90 backdrop-blur-sm"><div class="flex items-start gap-2"><div><div class="font-medium text-sm mb-1">Role-based Access</div><div class="text-xs text-muted-foreground">Granular permissions</div></div></div></td><td class="p-4 sm:p-6 text-center"><div class="flex justify-center"><div class="h-6 w-6 rounded-full bg-gradient-to-br from-emerald-500/20 to-emerald-600/20 flex items-center 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-check h-4 w-4 text-emerald-500" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></div></td><td class="p-4 sm:p-6 text-center"><div class="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-check h-5 w-5 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></td><td class="p-4 sm:p-6 text-center"><div class="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-check h-5 w-5 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></td><td class="p-4 sm:p-6 text-center"><div class="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-check h-5 w-5 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></td><td class="p-4 sm:p-6 text-center"><div class="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-check h-5 w-5 text-muted-foreground/50" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></td></tr></tbody></table></div><div class="border-t border-border/50 p-6 sm:p-8 bg-gradient-to-r from-violet-500/5 to-fuchsia-500/5"><div class="flex flex-col sm:flex-row items-center justify-between gap-4"><div><h3 class="font-semibold mb-1">Every AI feature is free to start.</h3><p class="text-sm text-muted-foreground">No credit card required. Free tier includes 1,000 entries and 500 AI credits/month.</p></div><div class="flex gap-3"><a data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all duration-200 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;
5size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 border bg-background shadow-sm hover:text-foreground active:scale-[0.98] h-9 rounded-lg gap-1.5 px-3 has-[&gt;svg]:px-2.5 border-border/50 hover:border-violet-500/50 hover:bg-violet-500/5" href="/pricing">View pricing</a><a data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all duration-200 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 hover:bg-primary/90 active:scale-[0.98] h-9 rounded-lg gap-1.5 px-3 has-[&gt;svg]:px-2.5 bg-gradient-to-r from-[#6366f1] via-[#8b5cf6] to-[#a855f7] hover:opacity-90 text-white border-0 shadow-lg shadow-violet-500/25" href="/signin">Start free<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 ml-2 h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div></div></div></section><section class="py-16 sm:py-24 lg:py-32 px-4 sm:px-6 lg:px-8 relative"><div class="container mx-auto max-w-3xl"><div class="text-center space-y-4 mb-10 sm:mb-16"><h2 class="text-3xl sm:text-4xl lg:text-5xl font-bold tracking-tight">Frequently asked questions</h2><p class="text-sm sm:text-lg text-muted-foreground">Common questions about Contensa.</p></div><div class="space-y-4"><div class="rounded-2xl border border-border/50 bg-card overflow-hidden transition-all duration-300 hover:border-violet-500/30"><button class="w-full px-6 py-5 flex items-center justify-between text-left"><span class="font-medium pr-4">How does Contensa differ from traditional headless CMSs?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-5 w-5 text-muted-foreground flex-shrink-0 transition-transform duration-300 rotate-180" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><div class="overflow-hidden transition-all duration-300 max-h-96 pb-6 px-6"><p class="text-muted-foreground leading-relaxed">Contensa combines AI-powered content generation with headless CMS architecture. Instead of manually modeling content and writing copy, you can generate schemas from briefs and create content with AI. This workflow is designed for teams that value speed, structure, and automation.</p></div></div><div class="rounded-2xl border border-border/50 bg-card overflow-hidden transition-all duration-300 hover:border-violet-500/30"><button class="w-full px-6 py-5 flex items-center justify-between text-left"><span class="font-medium pr-4">Can I use Contensa with my existing CMS?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-5 w-5 text-muted-foreground flex-shrink-0 transition-transform duration-300" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><div class="overflow-hidden transition-all duration-300 max-h-0"><p class="text-muted-foreground leading-relaxed">Yes. You can run Contensa alongside your current CMS. Test schemas, generate content, and evaluate APIs without migrating. When ready, you can import JSON or use our migration guides to move content over.</p></div></div><div class="rounded-2xl border border-border/50 bg-card overflow-hidden transition-all duration-300 hover:border-violet-500/30"><button class="w-full px-6 py-5 flex items-center justify-between text-left"><span class="font-medium pr-4">What frontend frameworks does Contensa support?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-5 w-5 text-muted-foreground flex-shrink-0 transition-transform duration-300" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><div class="overflow-hidden transition-all duration-300 max-h-0"><p class="text-muted-foreground leading-relaxed">Contensa is framework-agnostic. We provide GraphQL and REST APIs that work with any frontend including Next.js, React, Vue, Nuxt, Astro, Svelte, and more. We also offer a TypeScript SDK for type-safe content fetching.</p></div></div><div class="rounded-2xl border border-border/50 bg-card overflow-hidden transition-all duration-300 hover:border-violet-500/30"><button class="w-full px-6 py-5 flex items-center justify-between text-left"><span class="font-medium pr-4">
5How do AI credits work?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-5 w-5 text-muted-foreground flex-shrink-0 transition-transform duration-300" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><div class="overflow-hidden transition-all duration-300 max-h-0"><p class="text-muted-foreground leading-relaxed">AI credits are used for content generation, translation, and optimization. One credit equals approximately one AI operation (like generating a paragraph or translating a page). Each plan includes a monthly allocation. Unused credits roll over for up to 3 months.</p></div></div><div class="rounded-2xl border border-border/50 bg-card overflow-hidden transition-all duration-300 hover:border-violet-500/30"><button class="w-full px-6 py-5 flex items-center justify-between text-left"><span class="font-medium pr-4">Is my content secure?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-5 w-5 text-muted-foreground flex-shrink-0 transition-transform duration-300" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><div class="overflow-hidden transition-all duration-300 max-h-0"><p class="text-muted-foreground leading-relaxed">Yes. All content is encrypted at rest and in transit. We use isolated databases per workspace, role-based access controls, and secure API keys per environment. Enterprise plans include additional security features and compliance options.</p></div></div><div class="rounded-2xl border border-border/50 bg-card overflow-hidden transition-all duration-300 hover:border-violet-500/30"><button class="w-full px-6 py-5 flex items-center justify-between text-left"><span class="font-medium pr-4">What&#x27;s included in the free tier?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-5 w-5 text-muted-foreground flex-shrink-0 transition-transform duration-300" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><div class="overflow-hidden transition-all duration-300 max-h-0"><p class="text-muted-foreground leading-relaxed">The free tier includes 1 workspace, 1,000 content entries, and 500 AI credits per month — enough to build and ship a real project. GraphQL and REST APIs are included. No credit card required to start.</p></div></div><div class="rounded-2xl border border-border/50 bg-card overflow-hidden transition-all duration-300 hover:border-violet-500/30"><button class="w-full px-6 py-5 flex items-center justify-between text-left"><span class="font-medium pr-4">Do I need to be a developer to use Contensa?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-5 w-5 text-muted-foreground flex-shrink-0 transition-transform duration-300" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><div class="overflow-hidden transition-all duration-300 max-h-0"><p class="text-muted-foreground leading-relaxed">No. Content editors and marketers can create and manage content through the visual dashboard. Developers connect via GraphQL, REST, or the TypeScript SDK. Both workflows are first-class.</p></div></div><div class="rounded-2xl border border-border/50 bg-card overflow-hidden transition-all duration-300 hover:border-violet-500/30"><button class="w-full px-6 py-5 flex items-center justify-between text-left"><span class="font-medium pr-4">How is Contensa different from WordPress or Webflow?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-5 w-5 text-muted-foreground flex-shrink-0 transition-transform duration-300" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><div class="overflow-hidden transition-all duration-300 max-h-0"><p class="text-muted-foreground leading-relaxed">WordPress and Webflow are page builders — they control your frontend. Contensa is a headless CMS: it manages your content and delivers it via API to any frontend you choose. You get the flexibility of custom code with the speed of structured content management.</p></div></div></div></div></section><section class="py-16 sm:py-24 lg:py-32 px-4 sm:px-6 lg:px-8 relative overflow-hidden"><div class="absolute inset-0"><div class="absolute inset-0 bg-gradient-to-b from-violet-500/10 via-fuchsia-500/5 to-background"></div><div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[800px] h-[800px] bg-violet-500/20 rounded-full blur-[150px]"></div></div><div class="container mx-auto max-w-4xl text-center space-y-8 relative"><h2 class="text-3xl sm:text-4xl lg:text-5xl font-bold tracking-tight">From brief to schema to API.<br/><span class="bg-gradient-to-r from-[#6366f1] via-[#8b5cf6] to-[#ec4899] bg-clip-text text-transparent">In minutes.</span></h2><p class="text-sm sm:text-base lg:text-lg text-muted-foreground max-w-2xl mx-auto">Stop fighting your CMS. Contensa generates your content structure, populates it with AI, and delivers it as a reliable API — so your team can ship without the bottleneck.</p><div class="flex flex-col sm:flex-row items-center justify-center gap-4 pt-4"><a data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;
5size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 hover:bg-primary/90 active:scale-[0.98] rounded-lg has-[&gt;svg]:px-4 w-full sm:w-auto text-base px-8 h-12 bg-gradient-to-r from-[#6366f1] via-[#8b5cf6] to-[#a855f7] hover:opacity-90 transition-all duration-300 shadow-xl shadow-violet-500/25 hover:shadow-violet-500/40 hover:scale-105 group text-white border-0" href="/signin">Create your free workspace<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 ml-2 h-4 w-4 group-hover:translate-x-1 transition-transform" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium transition-all duration-200 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 border bg-background shadow-sm hover:text-foreground active:scale-[0.98] rounded-lg has-[&gt;svg]:px-4 w-full sm:w-auto text-base px-8 h-12 border-border/50 hover:border-violet-500/50 hover:bg-violet-500/5" href="/docs">See a 2-minute demo</a></div><p class="text-sm text-muted-foreground pt-4">Free forever for 1 workspace · 500 AI credits/month included · No credit card required</p></div></section></main><footer class="py-16 px-4 sm:px-6 lg:px-8 border-t border-border/40 bg-muted/5"><div class="container mx-auto max-w-6xl"><div class="grid grid-cols-2 md:grid-cols-5 gap-8 lg:gap-12 mb-12"><div class="col-span-2 md:col-span-1"><a class="flex items-center gap-2.5 mb-4" href="/"><div class="relative flex-shrink-0 h-7 w-7 "><svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-full w-full" aria-label="Contensa" role="img"><rect width="36" height="36" rx="9" fill="url(#cl-sm-bg)"></rect><path d="M 24.7 10.3 A 9.5 9.5 0 1 0 24.7 25.7" stroke="url(#cl-sm-glow-stroke)" stroke-width="8" stroke-linecap="round" fill="none" opacity="0.35"></path><path d="M 24.7 10.3 A 9.5 9.5 0 1 0 24.7 25.7" stroke="url(#cl-sm-arc)" stroke-width="5.5" stroke-linecap="round" fill="none"></path><circle cx="24.7" cy="10.3" r="1.5" fill="url(#cl-sm-dot-top)"></circle><circle cx="24.7" cy="25.7" r="1.5" fill="url(#cl-sm-dot-bot)"></circle><rect width="36" height="36" rx="9" fill="url(#cl-sm-shine)"></rect><defs><linearGradient id="cl-sm-bg" x1="0" y1="0" x2="36" y2="36" gradientUnits="userSpaceOnUse"><stop offset="0%" stop-color="#12091f"></stop><stop offset="100%" stop-color="#060310"></stop></linearGradient><radialGradient id="cl-sm-shine" cx="22%" cy="16%" r="48%"><stop offset="0%" stop-color="white" stop-opacity="0.07"></stop><stop offset="100%" stop-color="white" stop-opacity="0"></stop></radialGradient><linearGradient id="cl-sm-arc" x1="8" y1="8" x2="26" y2="28" gradientUnits="userSpaceOnUse"><stop offset="0%" stop-color="#e9d5ff"></stop><stop offset="45%" stop-color="#a855f7"></stop><stop offset="100%" stop-color="#22d3ee"></stop></linearGradient><linearGradient id="cl-sm-glow-stroke" x1="8" y1="8" x2="26" y2="28" gradientUnits="userSpaceOnUse"><stop offset="0%" stop-color="#a855f7"></stop><stop offset="100%" stop-color="#22d3ee"></stop></linearGradient><radialGradient id="cl-sm-dot-top" cx="35%" cy="35%" r="65%"><stop offset="0%" stop-color="#f0e6ff"></stop><stop offset="100%" stop-color="#c084fc"></stop></radialGradient><radialGradient id="cl-sm-dot-bot" cx="35%" cy="35%" r="65%"><stop offset="0%" stop-color="#cffafe"></stop><stop offset="100%" stop-color="#06b6d4"></stop></radialGradient></defs></svg></div><span class="font-bold text-lg">Contensa.ai</span></a><p class="text-sm text-muted-foreground leading-relaxed">The CMS that builds itself.</p></div><div><h4 class="font-semibold mb-4">Product</h4><ul class="space-y-3"><li><a class="text-sm text-muted-foreground hover:text-foreground transition-colors" href="#features">Features</a></li><li><a class="text-sm text-muted-foreground hover:text-foreground transition-colors" href="/pricing">Pricing</a></li><li><a class="text-sm text-muted-foreground hover:text-foreground transition-colors" href="/docs">API</a></li></ul></div><div><h4 class="font-semibold mb-4">Resources</h4><ul class="space-y-3"><li><a class="text-sm text-muted-foreground hover:text-foreground transition-colors" href="/docs">Documentation</a></li><li><a class="text-sm text-muted-foreground hover:text-foreground transition-colors" href="/docs">Support</a></li></ul></div><div><h4 class="font-semibold mb-4">Company</h4><ul class="space-y-3"><li><a class="text-sm text-muted-foreground hover:text-foreground transition-colors" href="/about">About</a></li></ul></div><div><h4 class="font-semibold mb-4">Legal</h4><ul class="space-y-3"><li><a class="text-sm text-muted-foreground hover:text-foreground transition-colors" href="/privacy-policy">Privacy</a></li><li><a class="text-sm text-muted-foreground hover:text-foreground transition-colors" href="/terms-service">Terms</a></li><li><a class="text-sm text-muted-foreground hover:text-foreground transition-colors" href="/security">Security</a></li></ul></div></div><div class="pt-8 border-t border-border/40 flex flex-col sm:flex-row items-center justify-between gap-4"><div class="text-sm text-muted-foreground">© <!-- -->2026<!-- --> Contensa.ai. All rights reserved.</div><div class="flex items-center gap-6"><a class="text-muted-foreground hover:text-foreground transition-colors" aria-label="Twitter" href="#"><svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24">
5<path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></a><a class="text-muted-foreground hover:text-foreground transition-colors" aria-label="GitHub" href="#"><svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"></path></svg></a><a class="text-muted-foreground hover:text-foreground transition-colors" aria-label="LinkedIn" href="#"><svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"></path></svg></a></div></div></div></footer></div><!--$--><!--/$--><section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section>
5<script src="/_next/static/chunks/66ec7521cbde21da.js" id="_R_" async=""></script>
5<script>(self.__next_f=self.__next_f||[]).push([0])</script>
5<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[405625,[\"/_next/static/chunks/2e8dca9f54d2c2ef.js\",\"/_next/static/chunks/e2e97e9f3bd17890.js\"],\"ThemeProvider\"]\n3:I[406679,[\"/_next/static/chunks/2e8dca9f54d2c2ef.js\",\"/_next/static/chunks/e2e97e9f3bd17890.js\"],\"default\"]\n4:I[322242,[\"/_next/static/chunks/2e8dca9f54d2c2ef.js\",\"/_next/static/chunks/e2e97e9f3bd17890.js\"],\"PostHogIdentifier\"]\n5:I[339756,[\"/_next/static/chunks/d96012bcfc98706a.js\",\"/_next/static/chunks/2532f69a4166d704.js\"],\"default\"]\n6:I[837457,[\"/_next/static/chunks/d96012bcfc98706a.js\",\"/_next/static/chunks/2532f69a4166d704.js\"],\"default\"]\n7:I[7012,[\"/_next/static/chunks/2e8dca9f54d2c2ef.js\",\"/_next/static/chunks/e2e97e9f3bd17890.js\"],\"Toaster\"]\n8:I[347257,[\"/_next/static/chunks/d96012bcfc98706a.js\",\"/_next/static/chunks/2532f69a4166d704.js\"],\"ClientPageRoot\"]\n9:I[317661,[\"/_next/static/chunks/2e8dca9f54d2c2ef.js\",\"/_next/static/chunks/e2e97e9f3bd17890.js\",\"/_next/static/chunks/d07b3d35ba9d5c68.js\",\"/_next/static/chunks/93dd85661f86be39.js\",\"/_next/static/chunks/165b82052282be44.js\",\"/_next/static/chunks/a0e23b7966331f62.js\",\"/_next/static/chunks/c06b50af637f5782.js\",\"/_next/static/chunks/6163cf70d61af315.js\"],\"default\"]\nc:I[897367,[\"/_next/static/chunks/d96012bcfc98706a.js\",\"/_next/static/chunks/2532f69a4166d704.js\"],\"OutletBoundary\"]\ne:I[711533,[\"/_next/static/chunks/d96012bcfc98706a.js\",\"/_next/static/chunks/2532f69a4166d704.js\"],\"AsyncMetadataOutlet\"]\n10:I[897367,[\"/_next/static/chunks/d96012bcfc98706a.js\",\"/_next/static/chunks/2532f69a4166d704.js\"],\"ViewportBoundary\"]\n12:I[897367,[\"/_next/static/chunks/d96012bcfc98706a.js\",\"/_next/static/chunks/2532f69a4166d704.js\"],\"MetadataBoundary\"]\n13:\"$Sreact.suspense\"\n15:I[168027,[\"/_next/static/chunks/2e8dca9f54d2c2ef.js\",\"/_next/static/chunks/e2e97e9f3bd17890.js\"],\"default\"]\n:HL[\"/_next/static/chunks/2473c16c0c2f6b5f.css\",\"style\"]\n:HL[\"/_next/static/chunks/8f4734a5fad7cfa0.css\",\"style\"]\n:HL[\"/_next/static/media/797e433ab948586e-s.p.dbea232f.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/caa3a2e1"])</script>
5<script>self.__next_f.push([1,"cccd8315-s.p.853070df.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n"])</script>
5<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"ZV5JU1i6qwaX_nNtKYWM9\",\"p\":\"\",\"c\":[\"\",\"\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/2473c16c0c2f6b5f.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/8f4734a5fad7cfa0.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/2e8dca9f54d2c2ef.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/e2e97e9f3bd17890.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"suppressHydrationWarning\":true,\"children\":[\"$\",\"body\",null,{\"className\":\"geist_a71539c9-module__T19VSG__variable geist_mono_8d43a2aa-module__8Li5zG__variable font-sans antialiased\",\"children\":[\"$\",\"$L2\",null,{\"attribute\":\"class\",\"defaultTheme\":\"dark\",\"enableSystem\":false,\"disableTransitionOnChange\":true,\"children\":[\"$\",\"$L3\",null,{\"children\":[[\"$\",\"$L4\",null,{}],[\"$\",\"$L5\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L6\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],[\"$\",\"$L7\",null,{}]]}]}]}]}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$L8\",null,{\"Component\":\"$9\",\"searchParams\":{},\"params\":{},\"promises\":[\"$@a\",\"$@b\"]}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/d07b3d35ba9d5c68.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/93dd85661f86be39.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/165b82052282be44.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/a0e23b7966331f62.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-4\",{\"src\":\"/_next/static/chunks/c06b50af637f5782.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-5\",{\"src\":\"/_next/static/chunks/6163cf70d61af315.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$Lc\",null,{\"children\":[\"$Ld\",[\"$\",\"$Le\",null,{\"promise\":\"$@f\"}]]}]]}],{},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[[\"$\",\"$L10\",null,{\"children\":\"$L11\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]],[\"$\",\"$L12\",null,{\"children\":[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$13\",null,{\"fallback\":null,\"children\":\"$L14\"}]}]}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$15\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/2473c16c0c2f6b5f.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/8f4734a5fad7cfa0.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]]],\"s\":false,\"S\":true}\n"])</script>
5<script>self.__next_f.push([1,"a:{}\nb:\"$0:f:0:1:2:children:1:props:children:0:props:params\"\n"])</script>
5<script>self.__next_f.push([1,"11:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\nd:null\n"])</script>
5<script>self.__next_f.push([1,"16:I[27201,[\"/_next/static/chunks/d96012bcfc98706a.js\",\"/_next/static/chunks/2532f69a4166d704.js\"],\"IconMark\"]\n"])</script>
5<script>self.__next_f.push([1,"f:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"Contensa — AI-First Headless CMS\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Describe your project and get structured content models, AI-generated entries, and production-ready GraphQL \u0026 REST APIs — delivered in minutes, not months.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"author\",\"href\":\"https://contensa.ai\"}],[\"$\",\"meta\",\"3\",{\"name\":\"author\",\"content\":\"Contensa\"}],[\"$\",\"meta\",\"4\",{\"name\":\"keywords\",\"content\":\"headless CMS,AI content generation,AI CMS,GraphQL CMS,REST API CMS,structured content,content localization,content management system,headless content management,AI headless CMS,Next.js CMS,Jamstack CMS\"}],[\"$\",\"meta\",\"5\",{\"name\":\"creator\",\"content\":\"Contensa\"}],[\"$\",\"meta\",\"6\",{\"name\":\"publisher\",\"content\":\"Contensa\"}],[\"$\",\"meta\",\"7\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"8\",{\"name\":\"googlebot\",\"content\":\"index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1\"}],[\"$\",\"link\",\"9\",{\"rel\":\"canonical\",\"href\":\"https://contensa.ai\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:title\",\"content\":\"Contensa — AI-First Headless CMS\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:description\",\"content\":\"Describe your project and get structured content models, AI-generated entries, and production-ready GraphQL \u0026 REST APIs — delivered in minutes, not months.\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:url\",\"content\":\"https://contensa.ai\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:site_name\",\"content\":\"Contensa\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:locale\",\"content\":\"en_US\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:image:alt\",\"content\":\"Contensa — AI-First Headless CMS\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:image:type\",\"content\":\"image/png\"}],[\"$\",\"meta\",\"17\",{\"property\":\"og:image\",\"content\":\"https://contensa.ai/opengraph-image?f53cd7d9c5085725\"}],[\"$\",\"meta\",\"18\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"19\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"20\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"21\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"22\",{\"name\":\"twitter:title\",\"content\":\"Contensa — AI-First Headless CMS\"}],[\"$\",\"meta\",\"23\",{\"name\":\"twitter:description\",\"content\":\"Describe your project and get structured content models, AI-generated entries, and production-ready GraphQL \u0026 REST APIs — in minutes.\"}],[\"$\",\"meta\",\"24\",{\"name\":\"twitter:image\",\"content\":\"https://contensa.ai/opengraph-image\"}],[\"$\",\"link\",\"25\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.0b3bf435.ico\",\"sizes\":\"256x256\",\"type\":\"image/x-icon\"}],[\"$\",\"link\",\"26\",{\"rel\":\"icon\",\"href\":\"/icon?54bc3b96e1abee6a\",\"alt\":\"$undefined\",\"type\":\"image/png\",\"sizes\":\"32x32\"}],[\"$\",\"$L16\",\"27\",{}]],\"error\":null,\"digest\":\"$undefined\"}\n"])</script>
5<script>self.__next_f.push([1,"14:\"$f:metadata\"\n"])</script>
5</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.