https://ecombos.ai/assets/Home2026BelowFold-Dww5-HQQ.js

1import{j as e}from"./vendor-ui-BRVg3_iW.js";import{r as u,L as A}from"./vendor-react-fhnP-ZxB.js";import{m as f,w as O,E as G,P as F,cP as L,cQ as R,cR as H,d as M}from"./index-BTZS4ZAF.js";import{M as N,a as z}from"./MotionMedia-CWTinMjX.js";import{D as B}from"./Index-BXUIVHre.js";import{M as Y}from"./MCPClientLogos-DZ-SAPcC.js";import{I as V}from"./instagram-Dj1pvsx8.js";import{F as W}from"./facebook-C73pqZOI.js";import{M as I}from"./message-circle-08QnDwnW.js";import{P as q}from"./pause-CWhlIGy7.js";import"./vendor-three-BixXOMS4.js";import"./vendor-charts-CM-rxR9X.js";import"./vendor-radix-B2hiDlNL.js";import"./vendor-query-fmpM_ONB.js";import"./vendor-supabase-BDcQUG0T.js";import"./vendor-date-D8Ds2zcx.js";import"./volume-x-BhXt1yjf.js";import"./volume-2-BQWO2kjM.js";import"./PageSEO-B4Gs_10e.js";import"./Home2026Footer-CPJTbJIv.js";import"./youtube-DEM-7YLj.js";/* empty css                 */import"./usePaidLandingConversion-DO7wryo8.js";import"./fireSubscriptionConversion-BDfQfiPV.js";const b={width:1120,height:550};function S(n){const a=n?Array.from(n.querySelectorAll(".space-node, .space-canvas-note")):[];if(!a.length)return{left:0,top:0,width:b.width,height:b.height};const i=Math.min(...a.map(o=>o.offsetLeft)),t=Math.min(...a.map(o=>o.offsetTop)),c=Math.max(...a.map(o=>o.offsetLeft+o.offsetWidth)),d=Math.max(...a.map(o=>o.offsetTop+o.offsetHeight));return{left:i,top:t,width:c-i,height:d-t}}function P(n,a,i){const t=i??{left:0,top:0,width:b.width,height:b.height},c=Math.min((n-40)/t.width,(a-40)/t.height,1),d=Math.max(.1,Math.round(c*100)/100);return{scale:d,x:(n-t.width*d)/2-t.left*d,y:(a-t.height*d)/2-t.top*d}}function K(n,a,i){const t=Math.max(.1,Math.min(2,a)),c=t/n.scale;return{scale:t,x:i.x-(i.x-n.x)*c,y:i.y-(i.y-n.y)*c}}const $=["A clean product reference keeps the camera’s shape, materials, and identity in view.","One clear direction connects the original product to the new campaign setting.","Review the product film and creator video together. Same reference, two formats."];function Q(){const[n,a]=u.useState(0),[i,t]=u.useState({x:0,y:0,scale:1}),[c,d]=u.useState(!1),[o,x]=u.useState(!1),m=u.useRef(null),y=u.useRef(null),C=u.useRef(null),w=f("space-camera-source"),j=f("space-camera-ad"),l=f("space-camera-result");u.useEffect(()=>{var E;const s=m.current;if(!s)return;const r=()=>t(P(s.clientWidth,s.clientHeight,S(y.current))),g=new ResizeObserver(r);g.observe(s);const D=requestAnimationFrame(r),U=[setTimeout(r,300),setTimeout(r,1200)];return(E=document.fonts)==null||E.ready.then(r).catch(()=>{}),()=>{g.disconnect(),cancelAnimationFrame(D),U.forEach(clearTimeout)}},[]);const p=()=>{const s=m.current;s&&t(P(s.clientWidth,s.clientHeight,S(y.current)))},h=s=>{const r=m.current;r&&t(g=>K(g,g.scale*s,{x:r.clientWidth/2,y:r.clientHeight/2}))},v=()=>{C.current=null,d(!1)};return e.jsxs("section",{className:"connected-spaces",id:"spaces",children:[e.jsxs("div",{className:"connected-heading",children:[e.jsxs("div",{children:[e.jsx("span",{className:"eyebrow acid",children:"03 / ECOMBOS SPACES"}),e.jsxs("h2",{children:["Plan it. Create it.",e.jsx("br",{}),e.jsx("em",{children:"Keep it connected."})]})]}),e.jsxs("div",{children:[e.jsx("p",{children:"Connect a product reference, a prompt, and your outputs on one canvas. Keep the whole project in view."}),e.jsxs("a",{className:"text-link",href:"https://ecombos.ai/spaces",children:["Open Spaces ",e.jsx("span",{"aria-hidden":"true",children:"↗"})]})]})]}),e.jsxs("div",{className:"space-frame",children:[e.jsxs("div",{className:"space-header",children:[e.jsxs("div",{className:"space-project",children:[e.jsx("span",{"aria-hidden":"true",children:"▦"}),e.jsxs("span",{className:"space-project-title",children:["CUECAM ",e.jsx("b",{children:"/"})," Coastal campaign"]})]}),e.jsxs("span",{className:"space-preview-label",children:["EXAMPLE WORKSPACE · ",j.video?"IMAGE → FILM → CREATOR":"3 ORIGINAL IMAGES"]})]}),e.jsx("div",{ref:m,className:`space-viewport ${c?"is-dragging":""}`,"data-touch-pan":o,tabIndex:0,role:"region","aria-label":"Campaign canvas. Drag background to pan. Plus and minus zoom, zero fits all nodes.",onPointerDown:s=>{const r=s.target instanceof Element?s.target:null,g=r==null?void 0:r.closest(".space-node, button, a");s.pointerType!=="mouse"&&!o||s.button!==0||g||(C.current={x:s.clientX,y:s.clientY,view:i},d(!0),s.currentTarget.setPointerCapture(s.pointerId))},onPointerMove:s=>{const r=C.current;r&&t({...r.view,x:r.view.x+s.clientX-r.x,y:r.view.y+s.clientY-r.y})},onPointerUp:v,onPointerCancel:v,onLostPointerCapture:v,onKeyDown:s=>{s.target===s.currentTarget&&(s.key==="+"||s.key==="="?(s.preventDefault(),h(1.15)):s.key==="-"?(s.preventDefault(),h(1/1.

115)):s.key==="0"?(s.preventDefault(),p()):["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(s.key)&&(s.preventDefault(),t(r=>({...r,x:r.x+(s.key==="ArrowLeft"?30:s.key==="ArrowRight"?-30:0),y:r.y+(s.key==="ArrowUp"?30:s.key==="ArrowDown"?-30:0)}))))},children:e.jsxs("div",{ref:y,className:`space-stage selected-step-${n}`,style:{width:b.width,height:b.height,transform:`translate(${i.x}px, ${i.y}px) scale(${i.scale})`},children:[e.jsxs("svg",{className:"space-wires",width:"1120",height:"550",viewBox:"0 0 1120 550","aria-hidden":"true",children:[e.jsx("path",{d:"M290 315 H340 Q365 315 365 340 V360 Q365 385 395 385 H410"}),e.jsx("path",{d:"M550 230 V260"}),e.jsx("path",{d:"M690 385 H745 Q780 385 780 350 V310 Q780 275 810 275 H840"})]}),e.jsxs("div",{className:"space-canvas-note",children:[e.jsx("span",{children:"CAMPAIGN / 008"}),e.jsxs("p",{children:["One product.",e.jsx("br",{}),"Two outputs."]}),e.jsx("small",{children:"Reference → prompt → results"})]}),e.jsxs("article",{className:"space-node source-node","data-creative-slot":w.id,children:[e.jsxs("div",{className:"space-node-head",children:[e.jsx("span",{children:"↑"})," PRODUCT REFERENCE ",e.jsx("small",{children:"Original"})]}),e.jsx("div",{className:"space-node-image source-image",children:e.jsx("img",{src:w.poster,alt:w.alt,loading:"lazy",decoding:"async",width:"1536",height:"1024"})}),e.jsx("div",{className:"space-node-foot",children:e.jsx("span",{children:"cuecam-reference.webp"})}),e.jsx("span",{className:"space-port output-port","aria-hidden":"true"})]}),e.jsxs("article",{className:"space-node direction-node",children:[e.jsxs("div",{className:"space-node-head",children:[e.jsx("span",{children:"T"})," CREATIVE DIRECTION ",e.jsx("small",{children:"Linked"})]}),e.jsxs("div",{className:"space-prompt",children:[e.jsxs("p",{children:["Take the camera to the coast.",e.jsx("br",{}),"Create a matching UGC clip."]}),e.jsx("small",{children:"Keep the cyan shell, saffron lens, burgundy cord, and CUECAM wordmark."})]})]}),e.jsxs("article",{className:"space-node render-node","data-creative-slot":j.id,children:[e.jsxs("div",{className:"space-node-head",children:[e.jsx("span",{children:j.video?"▶":"▧"})," CAMPAIGN ",j.video?"FILM":"IMAGE"," ",e.jsx("small",{children:"✓ Ready"})]}),e.jsx("div",{className:"space-node-image render-image",children:e.jsx(N,{poster:j.poster,src:j.video,alt:j.alt})}),e.jsx("div",{className:"space-node-foot",children:e.jsx("span",{children:"A new setting. Same product."})}),e.jsx("span",{className:"space-port input-port","aria-hidden":"true"}),e.jsx("span",{className:"space-port output-port","aria-hidden":"true"})]}),e.jsxs("article",{className:"space-node final-node","data-creative-slot":l.id,children:[e.jsxs("div",{className:"space-node-head",children:[e.jsx("span",{children:l.video?"▶":"◉"})," CREATOR ",l.video?"FILM":"FRAME"," ",e.jsx("small",{children:l.video?"✓ Ready":"Film pending"})]}),e.jsx("div",{className:"space-node-image portrait-image",children:e.jsx(N,{poster:l.poster,src:l.video,alt:l.alt})}),e.jsx("div",{className:"space-node-foot",children:e.jsx("span",{children:l.video?"Speaking creator video":"Creator reference"})}),e.jsx("span",{className:"space-port input-port","aria-hidden":"true"})]})]})}),e.jsxs("div",{className:"space-bottom",children:[e.jsx("span",{className:"space-help",children:"Drag to pan · Scroll continues the page"}),e.jsx("div",{className:"space-tool-pill",role:"group","aria-label":"Highlight workflow step",children:["Reference","Direction","Results"].map((s,r)=>e.jsxs("button",{"aria-pressed":n===r,onClick:()=>a(r),children:[e.jsxs("span",{children:["0",r+1]}),s]},s))}),e.jsx("button",{className:"space-touch-pan","aria-pressed":o,onClick:()=>x(!o),children:o?"✓ Pan enabled":"✥ Pan canvas"}),e.jsxs("div",{className:"space-zoom",children:[e.jsx("button",{"aria-label":"Zoom out canvas",onClick:()=>h(1/1.15),disabled:i.scale<=.1,children:"−"}),e.jsxs("span",{"aria-live":"polite",children:[Math.round(i.scale*100),"%"]}),e.jsx("button",{"aria-label":"Zoom in canvas",onClick:()=>h(1.15),disabled:i.scale>=2,children:"+"}),e.jsx("button",{onClick:p,"aria-label":"Fit all canvas nodes",children:"Fit"})]})]})]}),e.jsxs("div",{className:"space-explainer","aria-live":"polite",children:[e.jsxs("span",{children:["0",n+1," / CONNECT THE DOTS"]}),e.jsx("p",{children:$[n]}),e.jsx("small",{children:"Illustrative workflow. Creation opens EcomBos."})]})]})}const X=[{id:"tool-studio",number:"01",title:"Generate images & video.",name:"AI Studio",copy:"Turn a prompt or product reference into studio photos, lifestyle shots, and cinematic video.",href:"/ai-studio",tag:"PHOTO / VIDEO",detail:"SOUNDFOLK · Studio study"},{id:"tool-marketing",number:"02",title:"Build product-led UGC.",name:"Marketing Studio",copy:"Create talking creator content with your product, a script, and a setting that fits the ad.",href:"/marketing-studio",tag:"CREATORS / ADS",detail

1:"BONBAI · Rooftop, 5:42 PM"},{id:"tool-decoder",number:"03",title:"Break down your next ad.",name:"Ad Decoder",copy:"Analyze a creative reference to understand its hook, structure, and scenes before planning your next ad.",href:"/ad-decoder",tag:"ANALYSIS / IDEAS",detail:"MOONBLOOM · Light & composition"}],Z=[["claude","Claude"],["openai","ChatGPT"],["cursor","Cursor"],["windsurf","Windsurf"],["perplexity","Perplexity"],["cline","Cline"],["openclaw","OpenClaw"],["grok","Grok"]];function J({onSelect:n}){return e.jsx(e.Fragment,{children:e.jsxs("section",{className:"creative-tools section",id:"tools",children:[e.jsxs("div",{className:"section-head",children:[e.jsxs("div",{children:[e.jsx("span",{className:"eyebrow acid",children:"05 / YOUR CONTENT TOOLKIT"}),e.jsxs("h2",{children:["From product photo",e.jsx("br",{}),e.jsx("em",{children:"to finished ad."})]})]}),e.jsx("p",{children:"Create the shot, add a creator, or break down an ad reference. Choose the tool for the job."})]}),e.jsx("div",{className:"creative-tool-grid",children:X.map(a=>{const i=f(a.id);return e.jsxs("article",{className:"creative-tool",children:[e.jsxs("div",{className:"tool-photo","data-creative-slot":a.id,children:[e.jsx("img",{src:i.poster,alt:i.alt,loading:"lazy",decoding:"async",width:"1536",height:"1024"}),e.jsx("span",{className:"tool-photo-tag",children:a.tag}),e.jsx(B,{asset:i,onSelect:n})]}),e.jsxs("div",{className:"tool-body",children:[e.jsxs("div",{className:"tool-index",children:[e.jsxs("span",{children:[a.number," / ",a.name]}),e.jsx("span",{"aria-hidden":"true",children:"↗"})]}),e.jsx("h3",{children:a.title}),e.jsx("p",{children:a.copy}),e.jsxs("a",{href:`https://ecombos.ai${a.href}`,children:["Open ",a.name," ",e.jsx("span",{"aria-hidden":"true",children:"↗"})]}),e.jsxs("small",{children:[a.detail," / AI concept"]})]})]},a.id)})})]})})}function _(){return e.jsx("section",{className:"mcp-section section",id:"mcp",children:e.jsxs("div",{className:"mcp-panel",children:[e.jsxs("div",{className:"mcp-copy",children:[e.jsxs("div",{className:"mcp-intro",children:[e.jsx("span",{className:"eyebrow acid",children:"ECOMBOS MCP / CONNECT YOUR AI ASSISTANT"}),e.jsxs("h2",{children:["Make content",e.jsx("br",{}),e.jsx("em",{children:"from your AI chat."})]})]}),e.jsxs("div",{className:"mcp-description",children:[e.jsx("p",{children:"Generate images and videos through your connected AI assistant. Send the brief in chat and keep the output in your EcomBos library."}),e.jsxs("a",{className:"button",href:"https://ecombos.ai/mcp",children:["Set up EcomBos MCP ",e.jsx("span",{"aria-hidden":"true",children:"↗"})]})]})]}),e.jsxs("div",{className:"mcp-clients",children:[e.jsxs("div",{className:"mcp-clients-heading",children:[e.jsx("span",{children:"CONNECT WITH YOUR PREFERRED ASSISTANT."}),e.jsx("small",{children:"Compatible MCP clients"})]}),e.jsx("div",{className:"client-marquee",children:e.jsx("div",{className:"client-marquee-track",children:[0,1].map(n=>e.jsx("div",{className:"client-marquee-group","aria-hidden":n===1?!0:void 0,children:Z.map(([a,i])=>e.jsxs("div",{className:"client-logo",children:[e.jsx(Y,{id:a,size:34}),e.jsx("span",{children:i})]},a))},n))})}),e.jsx("p",{children:"Availability depends on your client and connection setup. Client logos do not imply endorsement."})]})]})})}function ee({platform:n,handle:a,name:i,comment:t,avatar:c=0}){const d=n==="instagram",o=d?V:W,x=`${c%3*50}% ${Math.floor(c/3)*100}%`;return e.jsxs("span",{className:`ugc-comment ugc-comment--${n}`,children:[e.jsx("span",{className:"ugc-comment-avatar","aria-hidden":"true",style:{"--avatar-position":x}}),e.jsxs("span",{className:"ugc-comment-content",children:[e.jsxs("span",{className:"ugc-comment-meta",children:[e.jsx("span",{className:"ugc-comment-handle",children:d?a.replace(/^@/,""):i??a}),e.jsx(o,{size:10,"aria-hidden":"true"})]}),e.jsx("span",{className:"ugc-comment-text",children:t})]})]})}const k=[{id:"selfie-sunglasses",platform:"instagram",handle:"@ava.goes",comment:"Where are those sunnies from?",line:"These cherry frames? My favorite part of getting ready. One tiny change, and suddenly the whole outfit makes sense.",setting:"Parked-car check-in",name:"Ava Morgan",avatar:0,illustrative:!0},{id:"selfie-toothbrush",platform:"facebook",handle:"@niarose",comment:"What's the bathroom upgrade?",line:"Okay, this blue toothbrush makes my bathroom feel ridiculously put together. Same morning routine, just a little more personality.",setting:"Bathroom 

1check-in",name:"Nia Rose",avatar:1,illustrative:!0},{id:"selfie-bento",platform:"instagram",handle:"@theo.early",comment:"What's in your lunch bag?",line:"Yesterday's leftovers, today's favorite lunch. I pack this little box, throw it in my bag, and I'm actually excited for noon.",setting:"Kitchen-counter lunch prep",name:"Theo Evans",avatar:2,illustrative:!0},{id:"selfie-grips",platform:"facebook",handle:"@riya.moves",comment:"Wait… are those grip socks?",line:"The little grip socks are coming with me. Blue, orange, and way more fun than anything else in my gym bag.",setting:"After-class check-in",name:"Riya Shah",avatar:3,illustrative:!0},{id:"selfie-leash",platform:"instagram",handle:"@milo.outside",comment:"Dog-walk essentials?",line:"Keys, treats, and this very orange leash. Honestly, our morning walk has become my favorite excuse to get out the door.",setting:"Doorstep dog-walk check-in",name:"Milo Walker",avatar:4,illustrative:!0},{id:"selfie-console",platform:"facebook",handle:"@jules.weekends",comment:"Your after-work reset?",line:"Laptop closed. Tiny game console out. Ten minutes on the sofa, and suddenly my evening feels like it actually belongs to me.",setting:"Couch-side reset",name:"Jules Harper",avatar:5,illustrative:!0}];function se(){const n=u.useRef(null),a=u.useRef(null),i=u.useContext(z),[t,c]=u.useState(!1),[d,o]=u.useState(!1),[x,m]=u.useState(!0),[y,C]=u.useState(!1),w=k.filter(l=>f(l.id).video).length;u.useEffect(()=>{const l=a.current;if(!l)return;const p=new IntersectionObserver(([r])=>o(r.isIntersecting),{rootMargin:"60px"}),h=window.matchMedia("(prefers-reduced-motion: reduce)"),v=()=>C(h.matches),s=()=>m(document.visibilityState==="visible");return v(),s(),p.observe(l),h.addEventListener("change",v),document.addEventListener("visibilitychange",s),()=>{p.disconnect(),h.removeEventListener("change",v),document.removeEventListener("visibilitychange",s)}},[]);const j=l=>{c(!0),requestAnimationFrame(()=>{const p=n.current,h=p==null?void 0:p.querySelector(".selfie-card");p==null||p.scrollBy({left:l*(((h==null?void 0:h.offsetWidth)??266)+18),behavior:y?"instant":"smooth"})})};return e.jsxs("section",{ref:a,className:"selfie-section section",id:"front-camera","aria-labelledby":"selfie-title",children:[e.jsxs("div",{className:"selfie-marquee-layout",children:[e.jsxs("div",{className:"selfie-heading",children:[e.jsxs("span",{className:"eyebrow acid",children:[e.jsx(I,{size:13,"aria-hidden":"true"})," AI UGC / FRONT-CAMERA FORMAT"]}),e.jsxs("h2",{id:"selfie-title",children:["UGC that",e.jsx("br",{}),e.jsx("em",{children:"gets to the point."})]}),e.jsx("p",{children:"Write the hook. Pick the setting. Generate a creator speaking directly to camera about your product."}),e.jsxs("a",{className:"button",href:"https://ecombos.ai/marketing-studio",children:["Create a UGC video ",e.jsx(O,{size:17,"aria-hidden":"true"})]}),e.jsx("span",{className:"selfie-format-label",children:"06 SETTINGS / DIRECT-TO-CAMERA VIDEO"}

1),e.jsxs("div",{className:"selfie-rail-controls",children:[e.jsx("button",{onClick:()=>j(-1),"aria-label":"Previous front-camera examples","aria-controls":"selfie-rail",children:e.jsx(G,{size:16,"aria-hidden":"true"})}),e.jsx("button",{onClick:()=>j(1),"aria-label":"Next front-camera examples","aria-controls":"selfie-rail",children:e.jsx(O,{size:16,"aria-hidden":"true"})}),e.jsxs("button",{className:"selfie-motion-toggle",onClick:()=>{var l;c(p=>!p),t&&((l=n.current)==null||l.scrollTo({left:0}))},"aria-pressed":t,"aria-controls":"selfie-rail",children:[t?e.jsx(F,{size:12,"aria-hidden":"true"}):e.jsx(q,{size:12,"aria-hidden":"true"}),t?"Play marquee":"Pause & browse"]})]}),w<k.length&&e.jsx("span",{className:"selfie-pending-note",children:"New speaking films in production."})]}),e.jsx("div",{className:"selfie-marquee-window","data-manual":t||y,"data-paused":i||!d||!x,children:e.jsx("div",{className:"selfie-rail",id:"selfie-rail",ref:n,role:"list","aria-label":"Front-camera UGC concepts",onFocusCapture:l=>{c(!0);const p=l.target;requestAnimationFrame(()=>{var h;return(h=p.closest(".selfie-card"))==null?void 0:h.scrollIntoView({block:"nearest",inline:"nearest",behavior:"instant"})})},children:k.map((l,p)=>{const h=f(l.id);return e.jsx("div",{className:"selfie-card",role:"listitem",style:{"--slot":p,"--count":k.length},children:e.jsxs("div",{"data-creative-slot":h.id,className:"selfie-open",children:[e.jsxs("span",{className:"selfie-frame",children:[e.jsx(N,{src:h.video,poster:h.poster,alt:h.alt}),e.jsx("span",{className:"selfie-scene-label",children:l.setting}),e.jsx(ee,{...l})]}),e.jsx("span",{className:"selfie-card-caption",children:e.jsxs("span",{children:[e.jsx("span",{className:"selfie-brand",children:h.brand}),e.jsx("span",{className:"selfie-card-title",children:h.title})]})})]})},h.id)})})})]}),e.jsxs("div",{className:"selfie-footnote",children:[e.jsxs("span",{children:[e.jsx(I,{size:13,"aria-hidden":"true"})," Product-led. Ready for the feed."]}),e.jsx("p",{children:"AI-generated creators, fictional brands and illustrative comment conversations—not actual customer comments or endorsements. Instagram and Facebook are shown as format references."})]})]})}const T=()=>e.jsx("span",{"aria-hidden":"true",children:"↗"});function Te({onSelect:n}){const[a,i]=u.useState(1),t=R[a],c=f(t.product),d=f(t.creator),o=f(L);return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"statement-band","aria-hidden":"true",children:[e.jsx("span",{children:"YOUR PRODUCT."}),e.jsx("span",{className:"statement-star",children:"✳"}),e.jsx("span",{className:"outline-text",children:"YOUR NEXT AD."})]}),e.jsx(_,{}),e.jsxs("section",{className:"story-section section",id:"story",children:[e.jsxs("div",{className:"section-head",children:[e.jsxs("div",{children:[e.jsx("span",{className:"eyebrow acid",children:"02 / PRODUCT ADS + CREATOR CONTENT"}),e.jsxs("h2",{children:["One product.",e.jsx("br",{}),e.jsx("em",{children:"More ways to show it."})]})]}),e.jsx("p",{children:"Use the same reference for a product close-up and a creator demo. Change the setting—not the product."})]}),e.jsx("div",{className:"story-tabs",role:"group","aria-label":"Choose a campaign story",children:R.map((x,m)=>e.jsxs("button",{onClick:()=>i(m),"aria-pressed":a===m,children:[e.jsxs("span",{children:["0",m+1]}),x.brand,e.jsx("span",{children:"↗"})]},x.brand))}),e.jsxs("div",{className:"story-pair",children:[e.jsxs("article",{"data-creative-slot":c.id,className:"story-product",children:[e.jsx(N,{src:c.video,poster:c.poster,alt:c.alt},c.id),e.jsx("span",{className:"pill",children:c.video?"▶ THE PRODUCT FILM":"THE PRODUCT SHOT"}),e.jsxs("div",{className:"story-frame-copy",children:[e.jsx("small",{children:c.kicker}),e.jsx("h3",{children:c.title})]})]}),e.jsx("div",{className:"pair-join","aria-hidden":"true",children:"↗"}),e.jsxs("article",{"data-creative-slot":d.id,className:"story-creator",children:[e.jsx(N,{src:d.video,poster:d.poster,alt:d.alt},d.id),e.jsx("span",{className:"pill",children:d.video?"TALKING UGC":"UGC PHOTO"}),e.jsxs("div",{className:"story-frame-copy",children:[e.jsx("small",{children:"SAME PRODUCT. CREATOR FORMAT."}),e.jsx("h3",{children:d.title})]})]})]}),e.jsxs("div",{className:"story-summary",children:[e.jsx("p",{children:t.description}),e.jsxs(A,{className:"text-link",to:"/marketing-studio",children:["Create product UGC ",e.jsx(T,{})]})]})]}),e.jsx(Q,{}),e.jsxs("section",{className:"citrus-feature section",children:[e.jsxs("div",{className:"citrus-visual","data-creative-slot":o.id,children:[e.jsx(N,{poster:o.poster,src:o.video,alt:o.alt}),e.jsxs("div",{className:"citrus-feature-copy",children:[e.jsx("span",{className:"eyebrow",children:"CINEMATIC PRODUCT VIDEO"}),e.jsxs("h2",{children:["Product films.",e.jsx("br",{}),e.jsx("em",{children:"Down to the detail."})]}),e.jsxs(A,{className:"light-button",to:"/product-reveal",children:["Create a product video ",e.jsx(T,{})]})]})]}),e.jsxs("div",{className:"citrus-caption",children:[e.jsx("span",{children:"YOUR PRODUCT. YOUR SHOT DIRECTION."}),e.jsx("p",{children:"Set the lighting, framing, and motion. Tur

1n a product reference into a cinematic ad."})]})]}),e.jsxs("section",{className:"creator-section section",children:[e.jsxs("div",{className:"section-head",children:[e.jsxs("div",{children:[e.jsx("span",{className:"eyebrow acid",children:"04 / AI-GENERATED UGC"}),e.jsxs("h2",{children:["Show the product.",e.jsx("br",{}),e.jsx("em",{children:"Let the creator talk."})]})]}),e.jsxs(A,{className:"text-link",to:"/marketing-studio",children:["Explore Marketing Studio ",e.jsx(T,{})]})]}),e.jsx("div",{className:"creator-grid",children:H.map(x=>{const m=f(x);return e.jsxs("article",{"data-creative-slot":x,className:"creator-card",children:[e.jsx(N,{poster:m.poster,src:m.video,alt:m.alt}),e.jsx("span",{className:"pill",children:m.brand}),e.jsxs("div",{children:[e.jsx("small",{children:"PRODUCT-LED CREATOR CONTENT"}),e.jsx("h3",{children:m.title}),e.jsx("span",{className:"creator-format",children:"Direct-to-camera product demo"})]})]},x)})}),e.jsx("p",{className:"concept-note",children:"AI-generated creators and fictional products. Demonstrations of UGC formats—not customer testimonials."})]}),e.jsx(se,{}),e.jsx(J,{onSelect:n}),e.jsxs("section",{className:"final-cta",children:[e.jsxs("div",{className:"cta-brand",children:[e.jsx("img",{src:"/brand/eb-mark_volt-on-carbon.svg",alt:"",width:"52",height:"52",loading:"lazy",decoding:"async"}),e.jsx("span",{className:"eyebrow",children:"READY TO CREATE?"})]}),e.jsxs("div",{className:"cta-main",children:[e.jsxs("h2",{children:["Your next ad",e.jsx("br",{}),e.jsx("em",{children:"starts here."})]}),e.jsxs("div",{className:"cta-action",children:[e.jsxs("p",{children:["Upload a product. Write a prompt.",e.jsx("br",{}),"Create your next image, video, or UGC ad."]}),e.jsxs(A,{className:"button",to:M("/auth"),children:["Open AI Studio ",e.jsx(T,{})]}),e.jsxs(A,{className:"text-link",to:M("/choose-plan"),children:["Find your plan ",e.jsx(T,{})]})]})]}),e.jsxs("div",{className:"cta-bottom",children:[e.jsx("span",{children:"IMAGE → VIDEO → CREATOR → CAMPAIGN"}),e.jsx("span",{children:"BUILT FOR ECOMMERCE CONTENT."})]})]}),e.jsxs("section",{className:"faq section",children:[e.jsxs("div",{children:[e.jsx("span",{className:"eyebrow acid",children:"BEFORE YOU START"}),e.jsx("h2",{children:"Your questions, answered."})]}),e.jsx("div",{children:[["What can I make with EcomBos?","Generate product images and video in AI Studio. Create product-led UGC in Marketing Studio, analyze creative references with Ad Decoder, and connect your assets and prompts in Spaces."],["Can I use my own product photos?","Yes. Use a product image as a reference, describe the shot you want, and review the output. Check labels, proportions, and product details before you publish."],["How do the examples on this page work?","The gallery contains AI-generated photos of fictional products and creators. Hover over selected examples to reveal “Try prompt” and open a Studio-style walkthrough with an editable prompt and a pre-generated result. New generation happens in the full AI Studio."],["Can I hear the UGC videos?","Yes. Hover over a video to reveal its sound control, or tap the control on a touchscreen. Clips start muted, pause offscreen, and respect reduced-motion settings. The global pause control stops page videos."]].map(([x,m])=>e.jsxs("details",{children:[e.jsxs("summary",{children:[x,e.jsx("span",{children:"+"})]}),e.jsx("p",{children:m})]},x))})]})]})}export{Te as default};