1import{d as w,a9 as b,H as k,o as a,E as m,a as e,c as i,B as n,D as u,x,G as f,v as s,t as c}from"./FbEdaL-q.js";import{u as _}from"./DstehJNV.js";import{u as P}from"./C3bIjaF4.js";const C={class:"mb-4 flex items-center gap-3"},S=["src"],E={key:1,viewBox:"0 0 122.52 122.523",class:"h-8 w-8 flex-shrink-0 text-[#21759b]","aria-hidden":"true"},B={key:2,viewBox:"0 0 24 24",class:"h-8 w-8 flex-shrink-0 text-[#96588A]","aria-hidden":"true"},I={key:3,class:"bg-surface-2 flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-md text-xs font-bold","aria-hidden":"true"},O={class:"text-foreground text-lg font-bold"},W={class:"text-muted text-sm"},o=w({__name:"IntegrationCard",props:{name:{},description:{},slug:{}},setup(g){const p=g,{iconType:t,currentUrl:l,handleError:h}=_(b(p,"slug"));return(d,r)=>{const y=f;return a(),k(y,{to:`/integrations/${d.slug}`,class:"ats-integration-card border-border bg-surface rounded-2xl border p-6 shadow-sm transition-all duration-200 hover:border-accent/50 hover:shadow-md group block cursor-pointer"},{default:m(()=>[e("div",C,[n(l)?(a(),i("img",{key:0,src:n(l),alt:"","aria-hidden":"true",class:"h-8 w-8 flex-shrink-0 rounded-md object-contain",onError:r[0]||(r[0]=(...v)=>n(h)&&n(h)(...v)),loading:"lazy"},null,40,S)):n(t)==="wp-core"?(a(),i("svg",E,r[1]||(r[1]=[e("path",{fill:"currentColor",d:"M61.262 0C27.483 0 0 27.481 0 61.26c0 33.783 27.483 61.263 61.262 61.263 33.777 0 61.261-27.48 61.261-61.263C122.523 27.481 95.039 0 61.262 0zm0 119.663c-32.2 0-58.403-26.2-58.403-58.403 0-32.2 26.201-58.406 58.403-58.406 32.2 0 58.398 26.206 58.398 58.406 0 32.203-26.198 58.403-58.398 58.403zM8.708 61.26c0-7.642 1.657-14.9 4.55-21.388l25.069 68.686C20.797 100.039 8.708 82.062 8.708 61.26zM96.74 58.608c0-6.495-2.333-10.993-4.334-14.494-2.664-4.329-5.161-7.995-5.161-12.324 0-4.831 3.664-9.328 8.825-9.328.233 0 .454.029.681.042-9.35-8.566-21.807-13.796-35.489-13.796-18.36 0-34.513 9.42-43.91 23.688 1.233.037 2.395.063 3.382.063 5.497 0 14.006-.667 14.006-.667 2.833-.167 3.167 3.994.337 4.329 0 0-2.847.335-6.015.501l19.138 56.925 11.5-34.49-8.185-22.432c-2.83-.166-5.511-.501-5.511-.501-2.832-.166-2.5-4.496.332-4.329 0 0 8.679.667 13.843.667 5.496 0 14.006-.667 14.006-.667 2.835-.167 3.168 3.994.337 4.329 0 0-2.853.335-6.015.501l18.992 56.494 5.242-17.517c2.273-7.271 4.005-12.495 4.005-16.994zM62.184 66.192l-15.768 45.817c4.708 1.384 9.687 2.141 14.846 2.141 6.12 0 11.989-1.058 17.452-2.979a5.495 5.495 0 0 1-.374-.724L62.184 66.192zm45.192-29.634c.226 1.674.354 3.471.354 5.404 0 5.333-.996 11.328-3.996 18.824l-16.053 46.413c15.624-9.111 26.133-26.038 26.133-45.428 0-9.136-2.334-17.775-6.438-25.213z"},null,-1)]))):n(t)==="commercial"?(a(),i("svg",B,r[2]||(r[2]=[e("path",{fill:"currentColor",d:"M13 2a3 3 0 0 0-3 3v1H6a2 2 0 0 0-2 2v4h1a2 2 0 1 1 0 4H4v4a2 2 0 0 0 2 2h4v-1a2 2 0 1 1 4 0v1h4a2 2 0 0 0 2-2v-4h-1a2 2 0 1 1 0-4h1V8a2 2 0 0 0-2-2h-4V5a3 3 0 0 0-3-3z"},null,-1)]))):(a(),i("span",I,u(d.name.charAt(0)),1)),e("h3",O,u(d.name),1)]),e("p",W,u(d.description),1),r[3]||(r[3]=e("div",{class:"text-accent mt-4 inline-flex items-center gap-1 text-xs font-semibold"},[x(" How it works "),e("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"h-3 w-3 transform transition-transform duration-200 group-hover:translate-x-1","aria-hidden":"true"},[e("line",{x1:"5",y1:"12",x2:"19",y2:"12"}),e("polyline",{points:"12 5 19 12 12 19"})])],-1))]),_:1,__:[3]},8,["to"])}}}),M={class:"bg-canvas text-foreground flex min-h-screen w-full flex-col items-center py-12"},j={class:"w-full px-4 pt-24 pb-12 text-center sm:px-6 lg:px-8"},A={class:"mx-auto max-w-4xl"},z={class:"mt-8"},L={class:"w-full px-4 py-12 sm:px-6 lg:px-8"},T={class:"mx-auto max-w-7xl"},H={class:"grid gap-6 sm:grid-cols-2 lg:grid-cols-3"},N={class:"relative w-full overflow-hidden py-16"},$={class:"relative z-10 mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"},F={class:"grid gap-6 sm:grid-cols-2 lg:grid-cols-3"},G={class:"w-full px-4 py-12 sm:px-6 lg:px-8"},V={class:"mx-auto max-w-7xl"},Y={class:"grid gap-6 sm:grid-cols-2 lg:grid-cols-3"},q={class:"w-full px-4 py-12 sm:px-6 lg:px-8"},D={class:"mx-auto max-w-7xl"},R={class:"grid gap-6 sm:grid-cols-2 lg:grid-cols-3"},U={class:"w-full px-4 py-20 sm:px-6 lg:px-8"},J={class:"border-border bg-surface mx-auto max-w-4xl rounded-2xl border p-10 text-center shadow-lg"}
1,Z=w({__name:"index",setup(g){return P({title:"Integrations",meta:[{name:"description",content:"Alt Text Studio integrates automatically with Yoast, Rank Math, AIOSEO, SEOPress, WooCommerce, WPML, Polylang, Gutenberg, WP-CLI, and more. One plugin install, every integration on."}]}),(p,t)=>{const l=f;return a(),i("div",M,[e("section",j,[e("div",A,[t[1]||(t[1]=e("h1",{class:"text-foreground mb-4 text-4xl font-bold tracking-tight sm:text-5xl"}," Integrations ",-1)),t[2]||(t[2]=e("p",{class:"text-muted mx-auto max-w-2xl text-lg"}," Alt Text Studio works with the tools and plugins your team already uses. Install the WordPress plugin and every integration below turns on automatically. ",-1)),e("div",z,[s(l,{to:"/wordpress-plugin",class:"bg-accent text-on-accent inline-flex items-center gap-2 rounded-lg px-6 py-3 text-sm font-semibold hover:opacity-95"},{default:m(()=>t[0]||(t[0]=[x(" Get the WordPress Plugin ",-1),e("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"h-4 w-4","aria-hidden":"true"},[e("line",{x1:"5",y1:"12",x2:"19",y2:"12"}),e("polyline",{points:"12 5 19 12 12 19"})],-1)])),_:1,__:[0]})])])]),e("section",L,[e("div",T,[t[3]||(t[3]=c('<div class="mb-10 text-center"><div class="mx-auto mb-3 flex h-12 w-12 items-center justify-center rounded-full bg-green-100 text-green-600 dark:bg-green-500/15 dark:text-green-300"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6" aria-hidden="true"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg></div><h2 class="text-foreground text-2xl font-bold sm:text-3xl">SEO Plugins</h2><p class="text-muted mx-auto mt-2 max-w-2xl text-sm"> Focus keyphrases you've already set in your SEO plugin are automatically pulled into the alt text for every image attached to that post. </p></div>',1)),e("div",H,[s(o,{name:"Yoast SEO",description:"Focus keyphrase + related keyphrases (synonyms) both pulled into alt text.",slug:"yoast-seo"}),s(o,{name:"Rank Math",description:"Focus keyword and secondary keywords used when generating alt text.",slug:"rank-math"}),s(o,{name:"All in One SEO",description:"Focus keyphrase and additional keyphrases from AIOSEO post settings.",slug:"all-in-one-seo"}),s(o,{name:"SEOPress",description:"Target keyphrase pulled into per-image alt text automatically.",slug:"seopress"}),s(o,{name:"The SEO Framework",description:"SEO title and meta description feed the alt text as keyword context.",slug:"the-seo-framework"}),s(o,{name:"SmartCrawl SEO",description:"Focus keywords from SmartCrawl included in generated alt text.",slug:"smartcrawl-seo"}),s(o,{name:"Squirrly SEO",description:"Per-post focus keyword from Squirrly pulled into alt text generation.",slug:"squirrly-seo"})])])]),e("section",N,[t[5]||(t[5]=e("div",{class:"absolute inset-0 bg-gradient-to-r from-pink-500/5 via-purple-500/5 to-pink-500/5"},null,-1)),e("div",$,[t[4]||(t[4]=c('<div class="mb-10 text-center"><div class="mx-auto mb-3 flex h-12 w-12 items-center justify-center rounded-full bg-pink-100 text-pink-600 dark:bg-pink-500/15 dark:text-pink-300"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6" aria-hidden="true"><circle cx="9" cy="21" r="1"></circle><circle cx="20" cy="21" r="1"></circle><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"></path></svg></div><h2 class="text-foreground text-2xl font-bold sm:text-3xl">E-commerce</h2><p class="text-muted mx-auto mt-2 max-w-2xl text-sm"> Product name, brand, and color attributes are automatically baked into alt text for every product image â better for search, better for shoppers. </p></div>',1)),e("div",F,[s(o,{name:"WooCommerce",description:"Product name, brand, and color attributes flow into alt text. Supports WooCommerce Brands, YITH Brands, Perfect Brands taxonomies out of the box.",slug:"woocommerce"}),s(o,{name:"YITH Brands",description:"Brand from YITH's brand taxonomy used for product image descriptions.",slug:"yith-brands"}),s(o,{name:"Perfect Brands for WC",description:"Perfect Brands taxonomy detected and included in alt text.",slug:"perfect-brands"})])])]),e("section",G,[e("div",V,[t[6]||(t[6]=c('<div class="mb-10 text-center"><div class="mx-auto mb-3 flex h-12 w-12 items-center justify-center rounded-full bg-blue-100 text-blue-600 dar
1k:bg-blue-500/15 dark:text-blue-300"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><line x1="2" y1="12" x2="22" y2="12"></line><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path></svg></div><h2 class="text-foreground text-2xl font-bold sm:text-3xl">Multilingual</h2><p class="text-muted mx-auto mt-2 max-w-2xl text-sm"> Generate alt text in the image's assigned language automatically. When you translate an image, we translate its alt text too. </p></div>',1)),e("div",Y,[s(o,{name:"WPML",description:"Alt text generated per translation. Primary image triggers translations in all languages at once.",slug:"wpml"}),s(o,{name:"Polylang",description:"Detects each image's language and generates alt text to match. New translations auto-generate on save.",slug:"polylang"})])])]),e("section",q,[e("div",D,[t[7]||(t[7]=c('<div class="mb-10 text-center"><div class="mx-auto mb-3 flex h-12 w-12 items-center justify-center rounded-full bg-amber-100 text-amber-700 dark:bg-amber-500/15 dark:text-amber-300"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6" aria-hidden="true"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg></div><h2 class="text-foreground text-2xl font-bold sm:text-3xl">Editor & Workflow</h2><p class="text-muted mx-auto mt-2 max-w-2xl text-sm"> Native integration with WordPress's block editor and command line. </p></div>',1)),e("div",R,[s(o,{name:"Gutenberg Block Editor",description:"Generate or regenerate alt text right from the image block sidebar. Live preview, per-language tabs.",slug:"gutenberg"}),s(o,{name:"WordPress Multisite",description:"Network-wide settings. Share one API key across all subsites, or give each site its own.",slug:"wp-multisite"}),s(o,{name:"WP-CLI",description:"Automate alt text generation from the command line. Perfect for migrations and large libraries.",slug:"wp-cli"}),s(o,{name:"Media Library",description:"Custom column shows alt status for every image. Filter by missing, bulk-generate from the list view.",slug:"media-library"})])])]),e("section",U,[e("div",J,[t[9]||(t[9]=e("h2",{class:"text-foreground mb-4 text-3xl font-bold tracking-tight"}," Every integration, zero configuration ",-1)),t[10]||(t[10]=e("p",{class:"text-muted mx-auto mb-8 max-w-xl"}," Install the Alt Text Studio WordPress plugin, paste your API key, done. Every plugin above lights up automatically. ",-1)),s(l,{to:"/wordpress-plugin",class:"bg-accent text-on-accent inline-flex items-center gap-2 rounded-lg px-6 py-3 text-sm font-semibold hover:opacity-95"},{default:m(()=>t[8]||(t[8]=[x(" Explore the WordPress Plugin ",-1)])),_:1,__:[8]})])])])}}});export{Z as default};
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.