https://online-effects.ru/assets/Home-DHd-cxt8.js

1import{u as ce,a as Y,j as e}from"./ui-vendor-BzDM7GDs.js";import{S as oe}from"./ShowcaseLightbox-VxaDaKJ8.js";import{S as me}from"./ShowcasePairCard-Bvf1lKyL.js";import{S as xe}from"./ShowcaseSeriesCard-a2eY7Dhs.js";import{l as he,u as ue,d as ge,a as Z,o as pe,S as ae,B as x,h as ee,f as je,a5 as fe,a3 as be,j as Ne,k as M,w as se}from"./index-B0dl5Fur.js";import{C as ve,a as ye}from"./card-BJyGV4XF.js";import{t as A}from"./analytics-BM2Sg-0G.js";import{s as we,g as U}from"./homeAudience-CqipvEKJ.js";import{b as ke}from"./siteHeroVisuals-BbvJ17xc.js";import{u as Ce,a as Se,S as Pe}from"./usePageMeta-DnhQEYMg.js";import{r as i,L as u}from"./react-vendor-CpU2184P.js";import{U as H}from"./upload-DpVwJfrT.js";import{C as w}from"./circle-check-BbMF3P_1.js";import{A as N}from"./arrow-right-Dcc16C7R.js";import{W as qe}from"./wand-sparkles-CryQRPoE.js";import{C as Le}from"./clock-3-Dok90Qv2.js";import"./showcaseSeries-BcZOBfak.js";/**
2 * @license lucide-react v0.462.0 - ISC
3 *
4 * This source code is licensed under the ISC license.
5 * See the LICENSE file in the root directory of this source tree.
6 */const Me=he("Lock",[["rect",{width:"18",height:"11",x:"3",y:"11",rx:"2",ry:"2",key:"1w4ew1"}],["path",{d:"M7 11V7a5 5 0 0 1 10 0v4",key:"fwvmzm"}]]),Ae=[{title:"Выберите понятный результат",text:"Аккуратная ретушь, фото для работы, документы, праздничный образ или отпускной кадр — выберите то, что действительно нужно.",icon:ae},{title:"Загрузите своё фото",text:"Достаточно одного фото с телефона или камеры. Никаких настроек и редакторов — просто загружаете.",icon:H},{title:"Сохраните готовый вариант",text:"Сравните до и после, сохраните понравившееся фото и используйте его для анкеты, мессенджера, подарка или семейного архива.",icon:qe}],te=[{q:"Нужно ли разбираться в технологиях?",a:"Нет. Выберите образ, загрузите фото — и готово. Никаких настроек, приложений и технических знаний не нужно."},{q:"Моё фото останется в секрете?",a:"Фото используется для обработки выбранного стиля и передаётся нейросетевому провайдеру только для выполнения запроса. Результаты не публикуются автоматически."},{q:"Подойдёт ли обычное селфи с телефона?",a:"Да, если лицо видно достаточно чётко. Специальная камера не нужна — подойдёт любое чёткое фото."},{q:"Это только для личных фото людей?",a:"Нет. Помимо портретов и доÐ

6ºÑƒÐ¼ÐµÐ½Ñ‚ов, сервис умеет убирать вещи и беспорядок с фото квартиры для объявлений о продаже или аренде. Бизнес-сценарии доступны в отдельном разделе «Для бизнеса»."}],Ue=[{icon:H,title:"Одно фото с телефона",text:"Не нужен фотограф, редактор или отдельная подготовка."},{icon:Le,title:"Результат за пару минут",text:"Путь короткий: выбрать вариант, загрузить фото и получить готовый результат."},{icon:be,title:"Фото хранится до удаления",text:"Фотографии не публикуются автоматически; результат можно удалить в личном кабинете."}],He=r=>r.shortPitch||"Откройте стиль, посмотрите пример и перейдите к загрузке своего фото.",$e=(r,n)=>({...Ne({...r,title:(n==null?void 0:n.title)||r.title,shortPitch:(n==null?void 0:n.description)||r.shortPitch})}),Te=r=>({id:r.id,title:r.title,beforeUrl:r.beforeUrl,afterUrl:r.afterUrl,sourceType:r.sourceType,categoryTitle:r.categoryTitle}),Ze=()=>{var F,R,K,D,W,G,J;const[r,n]=i.useState(null),{state:c}=ue(),$=c.status==="authenticated"?c.token??null:null,T=ce(),j=c.status==="loading"?"admin":c.status==="authenticated"?c.user.role:null,k=c.status==="authenticated"&&c.user.role==="admin",_=c.status==="authenticated"?c.token??"":"",[E,O]=i.useState(null),o=Y({queryKey:["showcase-home"],queryFn:()=>M.getShowcaseHome()}),v=Y({queryKey:["admin-showcase","home-hero-picker"],queryFn:()=>M.getAdminShowcase(_),enabled:k,staleTime:1e4}),m=i.useMemo(()=>{var s;return new Map((((s=o.data)==null?void 0:s.scenarios)||[]).map(t=>[t.scenarioSlug,t]))},[(F=o.data)==null?void 0:F.scenarios]),V=!!((R=o.data)!=null&&R.scenarios),I=i.useCallback(s=>j==="admin"||!V||m.has(s),[m,V,j]),C=i.useMemo(()=>ge(j).map(s=>({...s,items:s.items.filter(t=>{if(t.adminOnly&&j==="admin")return!0;if(!I(t.slug))return!1;const a=m.get(t.slug);return(a==null?void 0:a.isPublished)!==!1&&(a==null?void 0:a.showOnHome)!==!1}).map(t=>$e(t,m.get(t.slug)))})).filter(s=>s.items.length>0),[I,m,j]),f=i.useMemo(()=>C.flatMap(s=>s.items),[C]),S=i.useMemo(()=>{const s=t=>{var a;return((a=m.get(t.slug))==null?void 0:a.sort)??0};return[...f].sort((t,a)=>{const h=s(a)-s(t);return h!==0?h:t.title.localeCompare(a.title,"ru")})},[f,m]),P=i.useMemo(()=>we(S,s=>{var t;return{slug:s.slug,title:s.title,description:s.shortPitch,sort:((t=m.get(s.slug))==null?void 0:t.sort)??0}}),[m,S]),le=f.length,re=i.useMemo(()=>f.reduce((s,t)=>s+t.galleryAssets.length,0),[f]),l=P[0]||S[0]||((K=C[0])==null?void 0:K.items[0])||null,g=l?Z(l,null):null,d=((D=o.data)==null?void 0:D.heroExample)||null,ie=!o.data&&!o.isError,q=(d==null?void 0:d.beforeUrl)||"",y=(d==null?void 0:d.afterUrl)||"",p=(d==null?void 0:d.title)||(l==null?void 0:l.title)||"Пример обработки фото",b=l?U({slug:l.slug,title:l.title,description:l.shortPitch}):null,Q=i.useMemo(()=>P.slice(0,3).map(s=>{const t=Z(s,null);if(!t)return null;const a=U({slug:s.slug,title:s.title,description:s.shortPitch});return{slug:s.slug,audienceMeta:a,eyebrow:a.eyebrow,title:s.title,text:He(s),cta:a.cta,scenario:s,variant:t}}).filter(s=>!!s),[P]),z=i.useMemo(()=>{var s;return(((s=o.data)==null?void 0:s.featuredExamples)??[]).map((t,a)=>{var h,X;return{example:t,index:a,priority:U({slug:((h=t.category)==null?void 0:h.slug)||((X=t.secondaryCategory)==null?void 0:X.slug)||null,title:t.title,description:t.caption}).leadPriority}}).sort((t,a)=>{const h=a.priority-t.priority;return h!==0?h:t.index-a.index}).slice(0,3).map(t=>t.example)},[(W=o.data)==null?void 0:W.featuredExamples]),B=(((G=o.data)==null?void 0:G.people)??[]).slice(0,4),L=i.useMemo(()=>{var s;return ke(((s=v.data)==null?void 0:s.examples)??[])},[(J=v.data)==null?void 0:J.examples]),de=(d==null?void 0:d.id)||"",ne=async s=>{if(!k||!s)return;const t=L.find(a=>a.id===s);if(t){O(s);try{await M.updateAdminSiteVisualSettings({token:_,homeHeroVisual:Te(t)}

6),await Promise.all([T.invalidateQueries({queryKey:["showcase-home"]}),T.invalidateQueries({queryKey:["admin-site-visuals"]})]),se.success("Верхнее фото главной обновлено")}catch(a){se.error(a instanceof Error?a.message:"Не удалось обновить фото")}finally{O(null)}}};return i.useEffect(()=>{c.status!=="loading"&&pe({eventType:"landing_view",token:$,sourcePage:"home",sourcePath:"/",scenarioSlug:(l==null?void 0:l.slug)||null,variantId:(g==null?void 0:g.id)||null})},[$,l==null?void 0:l.slug,g==null?void 0:g.id,c.status]),Ce({title:"Фотоэффекты и онлайн-обработка фото — Online Effects",description:"Загрузите одно фото и получите красивый портрет, документ или деловой образ без сложных настроек. Есть и бизнес-сценарии: очистка фото квартиры от вещей для объявлений.",canonicalPath:"/",imagePath:y||"/og-image.svg",imageAlt:"Online Effects — красивый портрет из обычного фото"}),Se("home-page",[{"@context":"https://schema.org","@type":"WebSite",name:"Online Effects",url:`${Pe}/`,description:"Обработка фото онлайн: аккуратная ретушь, деловые портреты, документы, аватарки и готовые фотоэффекты.",inLanguage:"ru-RU"},{"@context":"https://schema.org","@type":"FAQPage",mainEntity:te.map(s=>

6({"@type":"Question",name:s.q,acceptedAnswer:{"@type":"Answer",text:s.a}}))}]),e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"space-y-10 md:space-y-12",children:[l||ie?e.jsx("section",{className:"relative overflow-hidden py-2 md:py-8",children:e.jsxs("div",{className:"relative grid gap-10 lg:grid-cols-[0.9fr_1.1fr] lg:items-center",children:[e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"flex flex-wrap gap-2 text-sm",children:[e.jsxs("span",{className:"oe-kicker",children:[e.jsx(ae,{className:"h-3.5 w-3.5"})," Онлайн-эффекты для ваших фото"]}),b?e.jsx("span",{className:"rounded-full bg-secondary px-3 py-1 font-medium text-primary",children:b.fitLabel}):null]}),e.jsxs("h1",{className:"max-w-3xl text-4xl font-bold leading-tight tracking-tight md:text-6xl",children:["Фотоэффекты и онлайн-обработка фото ",e.jsx("span",{className:"bg-gradient-to-r from-sky-500 to-primary bg-clip-text text-transparent",children:"за пару минут"})]}),e.jsx("p",{className:"max-w-xl text-base leading-7 text-muted-foreground md:text-lg",children:"Улучшайте, восстанавливайте и преображайте фото в один клик. Профессиональный результат без сложных программ и навыков."})]}),e.jsxs("div",{className:"flex flex-col gap-3 sm:flex-row",children:[e.jsx(x,{asChild:!0,size:"lg",className:"h-12 px-7 text-base font-semibold",children:e.jsxs(u,{to:"/ai-generate",state:ee,onClick:()=>A("home_guided_start_click"),children:[e.jsx(H,{className:"mr-2 h-4 w-4"}),"Загрузить фото"]})}),e.jsx(x,{asChild:!0,size:"lg",variant:"secondary",className:"h-12 px-7 text-base font-semibold",children:e.jsx("a",{href:"#proof",onClick:()=>A("home_examples_click"),children:"Смотреть примеры"})})]}),e.jsxs("div",{className:"flex flex-wrap gap-2 text-sm text-muted-foreground",children:[e.jsx("span",{className:"rounded-full bg-background/85 px-3 py-1",children:"1 фото с телефона"}),e.jsx("span",{className:"rounded-full bg-background/85 px-3 py-1",children:"Без сложных настроек"}),e.jsxs("span",{className:"inline-flex items-center gap-1 rounded-full bg-background/85 px-3 py-1",children:[e.jsx(Me,{className:"h-3 w-3"})," Фото хранятся до удаления"]})]}),e.jsx("div",{className:"grid gap-3 sm:grid-cols-3",children:Ue.map(s=>{const t=s.icon;return e.jsxs("div",{className:"rounded-2xl border bg-white p-4 shadow-sm",children:[e.jsx("div",{className:"oe-icon h-10 w-10",children:e.jsx(t,{className:"h-5 w-5"})}),e.jsx("div",{className:"mt-3 text-base font-semibold",children:s.title}),e.jsx("div",{className:"mt-1 text-sm text-muted-foreground",children:s.text})]},s.title)})})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsx("div",{className:"rounded-2xl border bg-white p-2 shadow-lg",children:q&&y?e.jsxs("div",{className:"grid overflow-hidden rounded-xl sm:grid-cols-2",children:[e.jsxs("button",{type:"button",onClick:()=>n({title:`${p} — было`,alt:`${p}: было`,src:q}),className:"group relative overflow-hidden bg-background text-left",children:[e.jsx("img",{src:q,alt:`${p}: было`,className:"aspect-[4/5] w-full object-cover transition duration-200 group-hover:scale-[1.02]",width:"928",height:"1120",decoding:"async"}),e.jsx("span",{className:"absolute left-3 top-3 rounded-full bg-background/95 px-2.5 py-1 text-xs font-semibold",children:"Было"})]}),e.jsxs("button",{type:"button",onClick:()=>n({title:`${p} — стало`,alt:`${p}: стало`,src:y}),className:"group relative overflow-hidden bg-background text-left",children:[e.jsx("img",{src:y,alt:`${p}: стало`,className:"aspect-[4/5] w-full object-cover transition duration-200 group-hover:scale-[1.02]",width:"928",height:"1120",decoding:"async"}),e.jsx("span",{className:"absolute left-3 top-3 rounded-full bg-background/95 px-2.5 py-1 text-xs font-semibold",children:"Стало"})]})]}):e.jsxs("div",{className:"grid overflow-hidden rounded-xl sm:grid-cols-2","aria-label":"Загружаем верхнее фото лендинга",children:[e.jsx("div",{className:"aspect-[4/5] animate-pulse bg-secondary"}),e.jsx("div",{className:"aspect-[4/5] animate-pulse bg-secondary/70"})]})}),e.jsxs("div",{className:"rounded-2xl border bg-white p-5 shadow-sm",children:[e.jsx("div",{className:"text-sm font-semibold",children:"Подходит, если вам сейчас нужно"}),e.jsxs("div",{className:"mt-3 grid gap-2 text-sm text-muted-foreground",children:[e.jsxs("div",{className:"flex items-start gap-2",children:[e.jsx(w,{className:"mt-0.5 h-4 w-4 shrink-0 text-primary"}),e.jsx("span",{children:"Фото для резюме, профиля или документов."})]}),e.jsxs("div",{className:"flex items-start gap-2",children:[e.jsx(w,{className:"mt-0.5 h-4 w-4 shrink-0 text-primary"}),e.jsx("span",{children:"Красивый портрет без студии и ручной ретуши."})]}),e.jsxs("div",{className:"flex items-start gap-2",children:[e.jsx(w,{className:"mt-0.5 h-4 w-4 shrink-0 text-primary"}),e.jsx("span",{children:"Убрать вещи с фото квартиры для объявления о продаже или аренде."})]}),e.jsxs("div",{className:"flex items-start gap-2",children:[e.jsx(w,{className:"mt-0.5 h-4 w-4 shrink-0 text-primary"}),e.jsx("span",{children:"Сначала увидеть реальный пример, а потом загружать фото."})]})]}),e.jsx("div",{className:"mt-4 rounded-[1.2rem] bg-muted/50 p-3 text-sm text-muted-foreground",children:(b==null?void 0:b.note)||`${le} стилей и ${re}+ примеров до и после.`})]}),k?e.jsxs("div",{className:"rounded-2xl border border-primary/30 bg-white p-5 shadow-sm",children:[e.jsx("div",{className:"text-sm font-semibold",children:"Админ: верхнее фото лендинга"}),e.jsx("p",{className:"mt-1 text-sm text-muted-foreground",children:"Выберите пару до/после. Она сохранится и станет верхним фото на главной."}),e.jsxs("select",{className:"mt-3 h-11 w-full rounded-xl border bg-background px-3 text-sm",value:de,disabled:v.isLoading||!!E||L.length===0,onChange:s=>void ne(s.target.value),children:[e.jsx("option",{value:"",children:v.isLoading?"Загружаем примеры...":"Выберите фото"}),L.map(s=>e.jsx("option",{value:s.id,children:s.label},s.id))]}),E?e.jsx("div",{className:"mt-2 text-xs text-muted-foreground",children:"Сохраняем выбор..."}):null]}):null]})]})}):null,Q.length>0?e.jsxs("section",{id:"guided-start",className:"space-y-5 scroll-mt-24",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx("h2",{className:"text-2xl font-semibold tracking-tight md:text-3xl",children:"С чего начать"}),e.jsx("p",{className:"max-w-3xl text-base text-muted-foreground",children:"Три понятных старта без длинного каталога и без лишнего выбора."})]}),e.jsx("div",{className:"grid gap-4 lg:grid-cols-3",children:Q.map(s=>e.jsx("div",{className:"rounded-2xl border bg-white p-5 shadow-sm transition hover:-translate-y-0.5 hover:border-primary/40 hover:shadow-md",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"grid grid-cols-2 gap-2",children:[e.jsxs("div",{className:"relative overflow-hidden rounded-[1.2rem] border bg-muted",children:[e.jsx("img",{src:s.variant.heroAsset.beforeUrl,alt:`${s.scenario.title}: было`,className:"aspect-[4/5] w-full object-cover",width:"928",height:"1120",loading:"lazy",decoding:"async"}),e.jsx("span",{className:"absolute left-2 top-2 rounded-full bg-background/95 px-2 py-0.5 text-[11px] font-semibold",children:"Было"})]}),e.jsxs("div",{className:"relative overflow-hidden rounded-[1.2rem] border bg-muted",children:[e.jsx("img",{src:s.variant.heroAsset.afterUrl,alt:`${s.scenario.title}: стало`,className:"aspect-[4/5] w-full object-cover",width:"928",height:"1120",loading:"lazy",decoding:"async"}),e.jsx("span",{className:"absolute left-2 top-2 rounded-full bg-primary/90 px-2 py-0.5 text-[11px] font-semibold text-primary-foreground",children:"Стало"})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("div",{className:"text-sm font-medium text-primary",children:s.eyebrow}),e.jsx("h3",{className:"text-xl font-semibold leading-tight",children:s.title}),e.jsx("p",{className:"text-base text-muted-foreground",children:s.text})]}),e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx(x,{asChild:!0,children:e.jsx(u,{to:je(s.scenario.slug,s.variant.id),state:ee,onClick:()=>A("home_guided_generate_click",{scenario:s.scenario.slug}),children:s.cta})}),e.jsx(x,{asChild:!0,variant:"ghost",children:e.jsx(u,{to:`/examples/${s.scenario.slug}`,children:"Смотреть пример"})})]})]})},s.slug))})]}):null,e.jsxs("section",{id:"tasks",className:"space-y-5 scroll-mt-24",children:[e.jsxs("div",{className:"flex items-end justify-between gap-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx("h2",{className:"text-2xl font-semibold tracking-tight md:text-3xl",children:"Популярные задачи"}),e.jsx("p",{className:"max-w-3xl text-base text-muted-foreground",children:"Если не хочется разбираться в терминах, начните с бытовой задачи: резюме, ретушь, аватарка, подарок, поездка или семейный архив."})]}),e.jsx(x,{asChild:!0,variant:"ghost",className:"hidden sm:inline-flex",children:e.jsxs(u,{to:"/examples",children:["Все стили",e.jsx(N,{className:"ml-2 h-4 w-4"})]})})]}),e.jsx("div",{className:"grid gap-4 sm:grid-cols-2 xl:grid-cols-5",children:fe.map(s=>e.jsx(u,{to:s.to,className:"group rounded-2xl border bg-white p-5 shadow-sm transition hover:-translate-y-0.5 hover:border-primary/40 hover:shadow-md",children:e.jsxs("div",{className:"space-y-4",children:[e.jsx("div",{className:"text-lg font-semibold leading-tight",children:s.label}),e.jsx("p",{className:"text-sm text-muted-foreground",children:s.description}),e.jsxs("div",{className:"inline-flex items-center text-sm font-medium text-primary",children:["Открыть подборку",e.jsx(N,{className:"ml-2 h-4 w-4 transition group-hover:translate-x-0.5"})]})]})},s.to))})]}),e.jsxs("section",{id:"how-it-works",className:"space-y-5 scroll-mt-24",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx("h2",{className:"text-2xl font-semibold tracking-tight md:text-3xl",children:"Как всё происходит"}),e.jsx("p",{className:"max-w-3xl text-base text-muted-foreground",children:"Здесь только три шаÐ

6³Ð°. Этого достаточно, чтобы понять сервис и не тратить силы на длинное изучение страницы."})]}),e.jsx("div",{className:"grid gap-4 md:grid-cols-3",children:Ae.map(s=>{const t=s.icon;return e.jsx(ve,{className:"border bg-white",children:e.jsxs(ye,{className:"space-y-4 p-6",children:[e.jsx("div",{className:"oe-icon",children:e.jsx(t,{className:"h-5 w-5"})}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("div",{className:"text-lg font-semibold",children:s.title}),e.jsx("div",{className:"text-base text-muted-foreground",children:s.text})]})]})},s.title)})}),e.jsxs("div",{className:"grid gap-4 lg:grid-cols-3",children:[e.jsxs("div",{className:"rounded-[1.6rem] border bg-card/70 p-5",children:[e.jsx("div",{className:"text-sm font-semibold",children:"Без лишних решений"}),e.jsx("div",{className:"mt-2 text-base text-muted-foreground",children:"Вместо промптов и ручной настройки вы выбираете уже готовый понятный стиль."})]}),e.jsxs("div",{className:"rounded-[1.6rem] border bg-card/70 p-5",children:[e.jsx("div",{className:"text-sm font-semibold",children:"Сначала докаÐ

6·Ð°Ñ‚ельство"}),e.jsx("div",{className:"mt-2 text-base text-muted-foreground",children:"Ниже есть реальные пары до и после, чтобы не гадать, что получится."})]}),e.jsxs("div",{className:"rounded-[1.6rem] border bg-card/70 p-5",children:[e.jsx("div",{className:"text-sm font-semibold",children:"Спокойный первый запуск"}),e.jsx("div",{className:"mt-2 text-base text-muted-foreground",children:"Первые попытки бесплатны, а фотографии не публикуются автоматически."})]})]})]}),z.length>0?e.jsxs("section",{id:"proof",className:"space-y-5 scroll-mt-24",children:[e.jsxs("div",{className:"flex items-end justify-between gap-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx("h2",{className:"text-2xl font-semibold tracking-tight md:text-3xl",children:"Примеры до и после"}),e.jsx("p",{className:"max-w-3xl text-base text-muted-foreground",children:"Реальные пары помогают сразу понять, насколько вам подходит тот или иной вариант."})]}),e.jsx(x,{asChild:!0,variant:"ghost",className:"hidden sm:inline-flex",children:e.jsxs(u,{to:"/examples",children:["Все примеры",e.jsx(N,{className:"ml-2 h-4 w-4"})]})})]}),e.jsx("div",{className:"grid gap-4 lg:grid-cols-3",children:z.map(s=>e.jsx("div",{className:"rounded-[1.6rem] border bg-card p-4",children:e.jsx(me,{example:s,compact:!0,onOpen:n})},s.id))})]}):null,B.length>0?e.jsxs("section",{id:"people",className:"space-y-6 scroll-mt-24",children:[e.jsxs("div",{className:"flex items-end justify-between gap-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx("h2",{className:"text-2xl font-semibold tracking-tight md:text-3xl",children:"Обычные люди и обычные исходники"}),e.jsx("p",{className:"max-w-3xl text-base text-muted-foreground",children:"Это помогает быстрее понять, что сервис подходит не только для студийных кадров, но и для обычных фото с телефона."})]}),e.jsx(x,{asChild:!0,variant:"ghost",className:"hidden sm:inline-flex",children:e.jsxs(u,{to:"/examples/people",children:["Все люди и образы",e.jsx(N,{className:"ml-2 h-4 w-4"})]})})]}),e.jsx("div",{className:"flex gap-4 overflow-x-auto pb-2",children:B.map(s=>e.jsx(xe,{person:s},s.id))})]}):null,e.jsx("section",{id:"faq",className:"scroll-mt-24 rounded-[2rem] border bg-card p-6 md:p-8",children:e.jsxs("div",{className:"space-y-5",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx("h2",{className:"text-2xl font-semibold tracking-tight md:text-3xl",children:"Частые вопросы"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Коротко отвечаем на вопросы, которые чаще всего возникают перед первой попыткой."})]}),e.jsx("div",{className:"space-y-3",children:te.map(s=>e.jsxs("details",{className:"group rounded-[1.4rem] border bg-muted/25 p-5",children:[e.jsxs("summary",{className:"flex cursor-pointer list-none items-center justify-between gap-4 text-base font-semibold",children:[e.jsx("span",{children:s.q}),e.jsx("span",{className:"text-sm text-muted-foreground transition group-open:rotate-45",children:"+"})]}),e.jsx("div",{className:"mt-3 max-w-3xl text-base text-muted-foreground",children:s.a})]},s.q))})]})}),e.jsx("section",{className:"rounded-2xl border bg-secondary p-6 md:p-8",children:e.jsxs("div",{className:"flex flex-col gap-4 lg:flex-row lg:items-end lg:justify-between",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx("h2",{className:"text-2xl font-semibold tracking-tight md:text-3xl",children:"Дальше уже проще смотреть на примерах"}),e.jsx("p",{className:"max-w-2xl text-base text-muted-foreground",children:"Если хочется сначала убедиться в результате, откройте примеры. Если задача уже понятна, переходите сразу к выбору стиля."})]}),e.jsxs("div",{className:"flex flex-col gap-3 sm:flex-row",children:[e.jsx(x,{asChild:!0,size:"lg",children:e.jsx("a",{href:"#guided-start",children:"Выбрать задачу"})}),e.jsx(x,{asChild:!0,size:"lg",variant:"secondary",children:e.jsxs(u,{to:"/examples",children:["Все примеры",e.jsx(N,{className:"ml-2 h-4 w-4"})]})})]})]})})]}),e.jsx(oe,{image:r,onOpenChange:s=>!s&&n(null)})]})};export{Ze as default};