https://www.back4app.com/_next/static/chunks/pages/chto-takoe-backend-kak-servis-baas-5761bd5eae0cfd0e.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[22950],{331895:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/chto-takoe-backend-kak-servis-baas",function(){return s(757624)}])},702478:function(e,t,s){"use strict";var a=s(785893),r=s(667294),n=function(e){var t=e.className;return(0,a.jsx)("svg",{className:t,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,a.jsx)("path",{d:"M6 9L12 15L18 9",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})},l=function(e){var t=e.title,s=e.subtitle,l=e.desc,i=(0,r.useState)(!1),c=i[0],o=i[1],x=(0,r.useState)("0px"),d=x[0],$=x[1],m=(0,r.useRef)(null),h=function(){o(!c),$(c?"0px":"".concat(m.current.scrollHeight,"px"))};return(0,a.jsx)("div",{className:"lg:max-w-[61.875rem] mx-auto px-5 md:px-[2rem] lg:px-[3rem] desktop:px-0 mb-3",children:(0,a.jsxs)("div",{className:"group relative rounded-xl overflow-hidden transition-all duration-300 ".concat(c?"bg-white/[0.05]":"bg-white/[0.02] hover:bg-white/[0.04]"),children:[(0,a.jsx)("div",{className:"absolute inset-0 rounded-xl border transition-colors duration-300 pointer-events-none ".concat(c?"border-[#27AE60]/30":"border-white/[0.08] group-hover:border-white/[0.12]")}),(0,a.jsxs)("div",{className:"relative z-10 flex justify-between items-center cursor-pointer py-4 px-5 lg:px-6",onClick:h,children:[(0,a.jsxs)("div",{className:"pr-4",children:[(0,a.jsx)("h2",{className:"font-primary font-semibold text-base lg:text-lg leading-140 transition-colors duration-300 ".concat(c?"text-[#27AE60]":"text-white group-hover:text-white/90"),children:t}),s&&(0,a.jsx)("p",{className:"text-sm text-[#208AEC] font-medium mt-1",children:s})]}),(0,a.jsx)("div",{className:"flex-shrink-0 w-6 h-6 flex items-center justify-center rounded-full transition-all duration-300 ".concat(c?"bg-[#27AE60]/20 text-[#27AE60] rotate-180":"bg-white/[0.05] text-white/60 group-hover:text-white/80"),children:(0,a.jsx)(n,{className:"w-4 h-4"})})]}),(0,a.jsx)("div",{ref:m,style:{maxHeight:d},className:"overflow-hidden transition-all duration-500 ease-in-out",children:(0,a.jsx)("div",{className:"px-5 lg:px-6 pb-5 font-secondary text-sm text-white/70 leading-relaxed",children:l})})]})})};t.Z=l},960633:function(e,t,s){"use strict";var a=s(785893),r=s(809008),n=s.n(r),l=function(e){var t,s,r=e.title,l=e.descriptionText,i=e.keywordText,c=e.path,o=e.ogDescText,x=e.twitterDescText,d=e.ogLocale,$=e.templateLocale,m=null!=$&&""!==String($).trim()?(t=String($),({en:"en_US",pt:"pt_BR",es:"es_ES",de:"de_DE",it:"it_IT",fr:"fr_FR",ru:"ru_RU",ja:"ja_JP",ko:"ko_KR",zh:"zh_CN","zh-TW":"zh_TW",id:"id_ID",tr:"tr_TR",th:"th_TH"})[s=String(t||"").trim()]||"en_US"):void 0===d?"en_US":d;return(0,a.jsxs)(n(),{children:[(0,a.jsx)("title",{children:r}),(0,a.jsx)("meta",{name:"description",content:l}),(0,a.jsx)("meta",{name:"author",content:"Back4app Inc"}),(0,a.jsx)("link",{rel:"icon",type:"image/png",sizes:"32x32",href:"/_public/favicon-32x32.png"}),(0,a.jsx)("link",{rel:"icon",type:"image/png",sizes:"16x16",href:"/_public/favicon-16x16.png"}),(0,a.jsx)("link",{rel:"apple-touch-icon",sizes:"180x180",href:"/_public/apple-touch-icon.png"}),(0,a.jsx)("link",{rel:"icon",type:"image/x-icon",href:"/_public/favicon.ico"}),c?(0,a.jsx)("link",{rel:"canonical",href:c}):null,(0,a.jsx)("meta",{name:"keywords",content:i}),(0,a.jsx)("meta",{property:"og:locale",content:m}),(0,a.jsx)("meta",{property:"og:type",content:"website"}),(0,a.jsx)("meta",{property:"og:title",content:(void 0===o?"":o)||r}),(0,a.jsx)("meta",{property:"og:description",content:l}),(0,a.jsx)("meta",{property:"og:url",content:c}),(0,a.jsx)("meta",{property:"og:site_name",content:"Back4app™"}),(0,a.jsx)("meta",{property:"og:image",content:"https://www.back4app.com/_public/img/back4app-og.png"}),(0,a.jsx)("meta",{property:"fb:app_id",content:"500748560091545"}),(0,a.jsx)("meta",{property:"fb:admins",content:"1105590154"}),(0,a.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,a.jsx)("meta",{name:"twitter:title",content:r}),(0,a.jsx)("meta",{name:"twitter:description",content:(void 0===x?"":x)||l}),(0,a.jsx)("meta",{name:"twitter:url",content:c}

1),(0,a.jsx)("meta",{name:"twitter:image:src",content:"https://www.back4app.com/_public/img/back4app-og.png"}),(0,a.jsx)("meta",{name:"twitter:site",content:"@back4app"}),(0,a.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify({"@context":"https://schema.org","@type":"Corporation",name:"Back4app",description:"Back4app - Low-code backend to build modern apps",logo:"https://www.back4app.com/_public/img/back4app-logo.png",address:{"@type":"PostalAddress",addressCountry:"USA",addressLocality:"Sunnyvale",addressRegion:"CA",postalCode:"94085",streetAddress:"440 N Wolfe Road"},email:"mailto:[email protected]",url:"https://www.back4app.com/",sameAs:["https://twitter.com/back4app","https://www.youtube.com/@Back4App","https://github.com/back4app","https://www.facebook.com/back4app","https://www.linkedin.com/company/back4app","https://instagram.com/back4app/_"]})}})]})};t.Z=l},757624:function(e,t,s){"use strict";s.r(t),s.d(t,{__N_SSG:function(){return W}});var a=s(414924),r=s(626042),n=s(269396),l=s(785893),i=s(667294),c=s(741664),o=s.n(c),x=s(425675),d=s.n(x),$=s(809008),m=s.n($),h=s(960633),p=s(702478),u=function(e){var t=e.className;return(0,l.jsxs)("svg",{className:t,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,l.jsx)("ellipse",{cx:"12",cy:"5",rx:"9",ry:"3",stroke:"currentColor",strokeWidth:"1.5"}),(0,l.jsx)("path",{d:"M3 5V12C3 13.6569 7.02944 15 12 15C16.9706 15 21 13.6569 21 12V5",stroke:"currentColor",strokeWidth:"1.5"}),(0,l.jsx)("path",{d:"M3 12V19C3 20.6569 7.02944 22 12 22C16.9706 22 21 20.6569 21 19V12",stroke:"currentColor",strokeWidth:"1.5"})]})},j=function(e){var t=e.className;return(0,l.jsxs)("svg",{className:t,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,l.jsx)("path",{d:"M12 2L4 5V11C4 16.55 7.84 21.74 12 23C16.16 21.74 20 16.55 20 11V5L12 2Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("circle",{cx:"12",cy:"10",r:"2.5",stroke:"currentColor",strokeWidth:"1.5"}),(0,l.jsx)("path",{d:"M12 12.5V15",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})},_=function(e){var t=e.className;return(0,l.jsxs)("svg",{className:t,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,l.jsx)("path",{d:"M8 9L5 12L8 15",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"M16 9L19 12L16 15",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"M14 4L10 20",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})},w=function(e){var t=e.className;return(0,l.jsx)("svg",{className:t,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("path",{d:"M13 2L3 14H12L11 22L21 10H12L13 2Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})},b=function(e){var t=e.className;return(0,l.jsxs)("svg",{className:t,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,l.jsx)("path",{d:"M14 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H12",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"M14 2L20 8V12",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"M14 2V8H20",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"M15 19H22M22 19L19 16M22 19L19 22",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})},N=function(e){var t=e.className;return(0,l.jsxs)("svg",{className:t,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,l.jsx)("circle",{cx:"12",cy:"12",r:"3",stroke:"currentColor",strokeWidth:"1.5"}),(0,l.jsx)("path",{d:"M16.24 7.76C17.0534 8.57343 17.5722 9.63502 17.7164 10.7781",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),(0,l.jsx)("path",{d:"M6.34 17.66C5.07 16.39 4.3 14.68 4.09 12.86",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),(0,l.jsx)("path",{d:"M19.07 4.93C20.9447 6.80528 21.9979 9.34836 22 12C22 14.76 20.88 17.26 19.07 19.07",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),(0,l.jsx)("path",{d:"M4.93 4.93C3.05534 6.80528 2.00212 9.34836 2 12C2 14.76 3.12 17.26 4.93 19.07",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})},f=function(e){var t=e.className;return(0,l.jsxs)("svg",{className:t,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,l.jsx)("path",{d:"M18 8C18 

16.4087 17.3679 4.88258 16.2426 3.75736C15.1174 2.63214 13.5913 2 12 2C10.4087 2 8.88258 2.63214 7.75736 3.75736C6.63214 4.88258 6 6.4087 6 8C6 15 3 17 3 17H21C21 17 18 15 18 8Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"M13.73 21C13.5542 21.3031 13.3019 21.5547 12.9982 21.7295C12.6946 21.9044 12.3504 21.9965 12 21.9965C11.6496 21.9965 11.3054 21.9044 11.0018 21.7295C10.6982 21.5547 10.4458 21.3031 10.27 21",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})},g=function(e){var t=e.className;return(0,l.jsxs)("svg",{className:t,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,l.jsx)("path",{d:"M4.5 16.5C3 18 3 21 3 21C3 21 6 21 7.5 19.5C8.32843 18.6716 8.32843 17.3284 7.5 16.5C6.67157 15.6716 5.32843 15.6716 4.5 16.5Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"M14.5 4C14.5 4 18 4.5 20 7C22 9.5 21.5 14 21.5 14L14.5 11L11 17.5L7 13.5L14.5 4Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"M9 12L4.5 14",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"M12 15L14 19.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})},v=function(e){var t=e.className;return(0,l.jsxs)("svg",{className:t,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,l.jsx)("circle",{cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"1.5"}),(0,l.jsx)("path",{d:"M12 6V18",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),(0,l.jsx)("path",{d:"M15 9.5C15 8.11929 13.6569 7 12 7C10.3431 7 9 8.11929 9 9.5C9 10.8807 10.3431 12 12 12C13.6569 12 15 13.1193 15 14.5C15 15.8807 13.6569 17 12 17C10.3431 17 9 15.8807 9 14.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})},k=function(e){var t=e.className;return(0,l.jsxs)("svg",{className:t,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,l.jsx)("path",{d:"M21 21H4.6C4.03995 21 3.75992 21 3.54601 20.891C3.35785 20.7951 3.20487 20.6422 3.10899 20.454C3 20.2401 3 19.9601 3 19.4V3",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"M7 14L12 9L16 13L21 8",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"M21 8H17",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"M21 8V12",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})},y=function(e){var t=e.className;return(0,l.jsxs)("svg",{className:t,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,l.jsx)("rect",{x:"2",y:"3",width:"20",height:"7",rx:"1",stroke:"currentColor",strokeWidth:"1.5"}),(0,l.jsx)("rect",{x:"2",y:"14",width:"20",height:"7",rx:"1",stroke:"currentColor",strokeWidth:"1.5"}),(0,l.jsx)("circle",{cx:"6",cy:"6.5",r:"1",fill:"currentColor"}),(0,l.jsx)("circle",{cx:"6",cy:"17.5",r:"1",fill:"currentColor"}),(0,l.jsx)("path",{d:"M10 6.5H18",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),(0,l.jsx)("path",{d:"M10 17.5H18",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})},C=function(e){var t=e.className;return(0,l.jsx)("svg",{className:t,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("path",{d:"M20 6L9 17L4 12",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})},A=function(e){var t=e.className;return(0,l.jsx)("svg",{className:t,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("path",{d:"M18 6L6 18M6 6L18 18",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})},B=function(e){var t=e.className;return(0,l.jsx)("svg",{className:t,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("path",{d:"M6 9L12 15L18 9",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})},S=[{question:"Что такое Backend как сервис (BaaS)?",answer:"Backend как сервис (BaaS) — это модель облачных вычислений, предоставляющая готовую инфраструктуру и сервисы бэкенда: базы данных, аутентификацию пользователей, API, облачные функции, хранилище файлов и push-уведомления. BaaS позволяет разработчикам сосредоточиться на ф

1ронтенде, не занимаясь серверами, масштабированием и бэкенд-кодом."},{question:"В чём разница между BaaS и PaaS?",answer:"BaaS и PaaS (Platform as a Service) упрощают разработку, но решают разные задачи. PaaS даёт платформу для развёртывания и запуска своего бэкенд-кода — логику пишете вы. BaaS идёт дальше и даёт готовые возможности бэкенда: вы подключаетесь к сервисам аутентификации и базам данных вместо того, чтобы строить их сами."},{question:"Firebase — это Backend как сервис?",answer:"Да, Firebase — одна из самых популярных BaaS-платформ. Разработанный Google, он предлагает базы в реальном времени, аутентификацию, Cloud Functions, хостинг и аналитику. Однако это проприетарный продукт и возможна зависимость от вендора. Open-source альтернативы вроде Back4app, Supabase и Appwrite дают похожие возможности с большей гибкостью и переносимостью данных."},{question:"Какие есть примеры Backend как сервис?",answer:"Популярные BaaS-провайдеры: Back4app (open source, на Parse Server), Firebase (Google), Supabase (open source, PostgreSQL), Appwrite (open source) и AWS Amplify (Amazon). У каждого свои возможности, модели ценообразования и уровень кастомизации. Open-source варианты вроде Back4app дают больше контроля и снижают риск vendor lock-in."},{question:"Сколько стоит Backend как сервис?",answer:"Цены на BaaS зависят от провайдера. Большинство предлагают бесплатные планы для разработки и небольших проектов. Бесплатный план Back4app включает 25 000 запросов/месяц и 1 ГБ хранилища. Платные планы обычно от 25 до 500 долл./мес в зависимости от использования (API-запросы, хранилище, трафик). BaaS обычно выгоднее, чем нанимать бэкенд-разработчиков или содержать свою инфраструктуру."},{question:"Подходит ли BaaS для корпоративных приложений?",answer:"Да. Современные BaaS-платформы соответствуют корпоративным требованиям: SOC 2, HIPAA, ролевой доступ, выделенная инфраструктура и SLA. Back4app, например, предлагает корпоративные планы с выделенными кластерами, настройками безопасности и приоритетной поддержкой. Многие компании из Fortune 500 используют BaaS для внутренних инструментов и клиентских приложений."},{question:"Можно ли уйти от провайдера BaaS?",answer:"Зависит от провайдера. Open-source BaaS вроде Back4app (Parse Server), Supabase и Appwrite позволяют экспортировать данные и при необходимости развернуть у себя, снижая риск lock-in. Проприетарные платформы вроде Firebase усложняют миграцию. При выборе BaaS учитывайте переносимость данных и возможность запуска платформы на своей инфраструктуре."},{question:"В чём разница между BaaS и serverless?",answer:"Serverless (например AWS Lambda) позволяет выполнять отдельные функции без управления серверами. BaaS предоставляет полную инфраструктуру бэкенда как сервис. Serverless фокусируется на вычислениях, а BaaS включает базы данных, аутентификацию, хранилище и др. как встроенные сервисы. Многие BaaS-платформы включают serverless-функции (Cloud Functions) как одну из возможностей."},{question:"Подходит ли BaaS для приложений с ИИ?",answer:"Да. BaaS — отличная основа для приложений с ИИ. Платформы вроде Back4app поддерживают Model Context Protocol (MCP), позволяя ИИ-агентам напрямую работать с вашим бэкендом: читать и писать данные, вызывать Cloud Functions и автоматизировать процессы. BaaS берёт на себя инфраструктуру (БД, API, аутентификацию), чтобы вы могли сосредоточиться на логике ИИ и пользовательском опыте."}],E=[{id:"database",title:"База данных",icon:u,color:"#208AEC",shortDe

1sc:"NoSQL и реляционные данные с синхронизацией в реальном времени, запросами и индексацией.",expandedDesc:"Храните данные приложения в гибких NoSQL-коллекциях или реляционных таблицах. Синхронизация в реальном времени, сложные запросы, автоиндексация и масштабирование по мере роста данных.",link:null},{id:"authentication",title:"Аутентификация",icon:j,color:"#27AE60",shortDesc:"OAuth, SSO, MFA и ролевой доступ из коробки.",expandedDesc:"Безопасная аутентификация по email/паролю, соцсети (Google, Facebook, Apple), SSO, MFA и RBAC.",link:null},{id:"apis",title:"API и SDK",icon:_,color:"#E74C3C",shortDesc:"Автогенерация REST- и GraphQL-API и нативные SDK под каждую платформу.",expandedDesc:"Доступ к данным через автоматически генерируемые REST и GraphQL API. Нативные SDK для JavaScript, React Native, iOS, Android, Flutter, React и др.",link:null},{id:"cloud-functions",title:"Cloud Functions",icon:w,color:"#9B59B6",shortDesc:"Serverless-функции на JavaScript для своей логики и интеграций.",expandedDesc:"Развёртывайте serverless-функции по триггерам БД, HTTP-запросам или по расписанию. Бизнес-логика, сторонние API и обработка данных без управления серверами.",link:null},{id:"storage",title:"Файловое хранилище",icon:b,color:"#F39C12",shortDesc:"Хранение и раздача файлов по всему миру через CDN с автооптимизацией.",expandedDesc:"Загрузка, хранение и раздача файлов (изображения, видео, документы) через глобальную CDN. Оптимизация изображений, контроль доступа и загрузка с клиента.",link:null},{id:"real-time",title:"Реальное время",icon:N,color:"#E74C3C",shortDesc:"Живые запросы и подписки для мгновенной синхронизации данных.",expandedDesc:"Функции в реальном времени, которые сразу отправляют изменения клиентам. Идеально для чатов, совместной работы, живых дашбордов и мультиплеера.",link:null},{id:"push",title:"Push-уведомления",icon:f,color:"#1ABC9C",shortDesc:"Push для iOS, Android и веб с сегментацией и расписанием.",expandedDesc:"Охват пользователей сегментированными уведомлениями. Аудитории, планирование кампаний, A/B-тесты и метрики доставки.",link:null},{id:"ai-mcp",title:"ИИ и интеграция MCP",icon:null,color:"gradient",shortDesc:"Подключайте ИИ-агентов к бэкенду с поддержкой Model Context Protocol.",expandedDesc:"Добавляйте возможности ИИ в бэкенд. Model Context Protocol (MCP) позволяет ИИ-агентам работать с данными, вызывать функции и автоматизировать процессы.",link:"https://www.back4app.com/mcp"}],L={features:["База данных","Open Source","Бесплатный план","Реальное время","AI/MCP","Деплой в контейнерах","ИИ для фронтенда"],providers:[{name:"Back4app",database:"MongoDB",openSource:!0,freeTier:!0,"real-time":!0,aiMcp:!0,containerDeployment:!0,aiFrontend:!0},{name:"Firebase",database:"Firestore",openSource:!1,freeTier:!0,"real-time":!0,aiMcp:!0,containerDeployment:!0,aiFrontend:!0},{name:"Supabase",database:"PostgreSQL",openSource:!0,freeTier:!0,"real-time":!0,aiMcp:!0,containerDeployment:!1,aiFrontend:!1},{name:"Appwrite",database:"MariaDB",openSource:!0,freeTier:!0,"real-time":!0,aiMcp:!0,containerDeployment:!0,aiFrontend:!0},{name:"AWS Amplify",database:"DynamoDB",openSource:!1,freeTier:!0,"real-time":!0,aiMcp:!0,containerDeployment:!1,aiFrontend:!1},]},D=[{title:"SaaS-приложения",description:"Мультитенантные SaaS-платформы с управлением пользователями, подписками и изоляцией данных.",icon:k,color:"#208AEC"},{title:"Мобильные приложения",description:"iOS-, Android- и кроссплатформенные приложения с синхронизацией в реальном времени, push и офлайн-режимом.",icon:f,color:"#27AE60"}

1,{title:"MVP и прототипы",description:"Быстрый запуск для проверки идей без месяцев разработки бэкенда.",icon:g,color:"#9B59B6"},{title:"Внутренние инструменты",description:"Админ-панели, дашборды и инструменты потоков с безопасной аутентификацией.",icon:y,color:"#F39C12"},{title:"E-commerce",description:"Корзины, управление заказами и платёжные интеграции на надёжных базах.",icon:v,color:"#E74C3C"},{title:"Приложения реального времени",description:"Чаты, совместная работа и мультиплеер с мгновенной синхронизацией данных.",icon:N,color:"#1ABC9C"},],M=[{title:"Быстрый выход на рынок",description:"Запуск за дни, а не месяцы. Готовая инфраструктура позволяет сразу строить функции.",icon:g,color:"#208AEC"},{title:"Меньше затрат",description:"Не нужны бэкенд-специалисты и свои серверы. Платите только за использование.",icon:v,color:"#27AE60"},{title:"Встроенная безопасность",description:"Корпоративный уровень: SOC 2, HIPAA, шифрование и ролевой доступ.",icon:function(e){var t=e.className;return(0,l.jsxs)("svg",{className:t,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,l.jsx)("path",{d:"M12 2L4 5V11C4 16.55 7.84 21.74 12 23C16.16 21.74 20 16.55 20 11V5L12 2Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"M9 12L11 14L15 10",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})},color:"#9B59B6"},{title:"Автомасштабирование",description:"Пики трафика обрабатываются автоматически. Масштаб от 100 до миллиона пользователей без смены кода.",icon:k,color:"#E74C3C"},{title:"Нулевой DevOps",description:"Не нужно управлять, чинить и мониторить серверы. Фокус на продукте; инфраструктура — за провайдером.",icon:y,color:"#F39C12"},{title:"Фокус на продукте",description:"Время на функции, которые нравятся пользователям, а не на настройку БД и повторяющийся код.",icon:function(e){var t=e.className;return(0,l.jsxs)("svg",{className:t,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,l.jsx)("path",{d:"M16 18L22 12L16 6",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"M8 6L2 12L8 18",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})},color:"#1ABC9C"},],P=function(){var e=(0,i.useState)({}),t=e[0],s=e[1],c=(0,i.useState)({}),x=c[0],$=c[1],g=(0,i.useState)("all"),v=g[0],P=g[1],W=(0,i.useState)(!1),I=W[0],F=W[1],T=(0,i.useRef)({});(0,i.useEffect)(function(){var e=[];return["hero","howItWorks","features","benefits","comparison","decisionMatrix","useCases","limitations","choose","providers","faq","cta"].forEach(function(t){var l=new IntersectionObserver(function(e){e.forEach(function(e){e.isIntersecting&&s(function(e){return(0,n.Z)((0,r.Z)({},e),(0,a.Z)({},t,!0))})})},{threshold:.1});T.current[t]&&l.observe(T.current[t]),e.push(l)}),function(){return e.forEach(function(e){return e.disconnect()})}},[]),(0,i.useEffect)(function(){var e=function(){var e,t=window.scrollY+window.innerHeight;F(t>document.documentElement.scrollHeight-400)};return window.addEventListener("scroll",e),e(),function(){return window.removeEventListener("scroll",e)}},[]);var O=function(e){$(function(t){return(0,n.Z)((0,r.Z)({},t),(0,a.Z)({},e,!t[e]))})},z={"@context":"https://schema.org","@type":"FAQPage",mainEntity:S.map(function(e){return{"@type":"Question",name:e.question,acceptedA

1nswer:{"@type":"Answer",text:e.answer}}})},H={"@context":"https://schema.org","@type":"ItemList",name:"Основные провайдеры Backend как сервис (2026)",description:"Сравнение ведущих BaaS-провайдеров: Back4app, Firebase, Supabase, Appwrite и AWS Amplify.",numberOfItems:L.providers.length,itemListElement:L.providers.map(function(e,t){return{"@type":"ListItem",position:t+1,name:e.name}})},R=function(){return"all"===v?L.providers:"open-source"===v?L.providers.filter(function(e){return e.openSource}):"ai-frontend"===v?L.providers.filter(function(e){return e.aiFrontend}):L.providers};return(0,l.jsxs)("div",{className:"font-secondary bg-[#0F1C32] relative",children:[(0,l.jsxs)(m(),{children:[(0,l.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(z)}}),(0,l.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify({"@context":"https://schema.org","@type":"HowTo",name:"Как собрать приложение на Backend как сервис",description:"Три шага от идеи до продакшена с BaaS",step:[{"@type":"HowToStep",position:1,name:"Подключение через API и SDK",text:"Используйте REST- или GraphQL-API или нативные SDK для JavaScript, iOS, Android, Flutter и др. Без бэкенд-кода."},{"@type":"HowToStep",position:2,name:"Добавление своей логики",text:"Развёртывайте serverless Cloud Functions для бизнес-логики, вебхуков и интеграций без управления серверами."},{"@type":"HowToStep",position:3,name:"Автоматическое масштабирование",text:"Бэкенд масштабируется по нагрузке. Пики трафика обрабатываются автоматически без планирования мощностей."}]})}}),(0,l.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify({"@context":"https://schema.org","@type":"Article",headline:"Что такое Backend как сервис (BaaS)? Полный гид",description:"Узнайте, что такое Backend как сервис, как он работает, основные возможности, преимущества и как выбрать провайдера BaaS. Сравнение Back4app, Firebase и Supabase.",image:{"@type":"ImageObject",url:"https://www.back4app.com/_public/img/baas-hero-illustration.png",width:600,height:400},datePublished:"2026-01-29",dateModified:"2026-02-01",author:{"@type":"Organization",name:"Back4app",url:"https://www.back4app.com"},publisher:{"@type":"Organization",name:"Back4app",logo:{"@type":"ImageObject",url:"https://www.back4app.com/_public/img/siteNavLogo.svg"}},mainEntityOfPage:{"@type":"WebPage","@id":"https://www.back4app.com/chto-takoe-backend-kak-servis-baas"}})}}),(0,l.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify({"@context":"https://schema.org","@type":"BreadcrumbList",itemListElement:[{"@type":"ListItem",position:1,name:"Главная",item:"https://www.back4app.com"},{"@type":"ListItem",position:2,name:"Backend как сервис",item:"https://www.back4app.com/chto-takoe-backend-kak-servis-baas"}]})}}),(0,l.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(H)}})]}),(0,l.jsx)(h.Z,{title:"Что такое Backend как сервис (BaaS)? Полный гид",descriptionText:"Узнайте, что такое Backend как сервис, как он работает, основные возможности, преимущества и как выбрать провайдера BaaS. Сравнение Back4app, Firebase и Supabase.",keywordText:"backend как сервис, baas, что такое baas, примеры backend как сервис, baas vs paas, альтернатива firebase, альтернатива supabase, parse server, mongodb backend",path:"https://www.back4app.c

1om/chto-takoe-backend-kak-servis-baas",locale:"ru_RU"}),(0,l.jsxs)("div",{className:"fixed inset-0 z-0 overflow-hidden pointer-events-none",children:[(0,l.jsx)("div",{className:"absolute top-[-20%] left-[-10%] w-[40rem] lg:w-[60rem] h-[40rem] lg:h-[60rem] rounded-full opacity-20",style:{background:"radial-gradient(circle, rgba(32, 138, 236, 0.3) 0%, transparent 70%)"}}),(0,l.jsx)("div",{className:"absolute bottom-[-30%] right-[-15%] w-[50rem] lg:w-[70rem] h-[50rem] lg:h-[70rem] rounded-full opacity-15",style:{background:"radial-gradient(circle, rgba(32, 138, 236, 0.25) 0%, transparent 70%)"}}),(0,l.jsx)("div",{className:"absolute top-[40%] right-[-20%] w-[30rem] lg:w-[50rem] h-[30rem] lg:h-[50rem] rounded-full opacity-10",style:{background:"radial-gradient(circle, rgba(39, 174, 96, 0.2) 0%, transparent 70%)"}})]}),(0,l.jsx)("aside",{className:"hidden xl:block fixed left-4 top-1/2 -translate-y-1/2 z-50 w-48 transition-opacity duration-300 ".concat(I?"opacity-0 pointer-events-none":"opacity-100"),children:(0,l.jsxs)("div",{className:"bg-white/[0.02] backdrop-blur-md border border-white/10 rounded-xl p-4",children:[(0,l.jsx)("h3",{className:"text-xs font-semibold text-white/80 mb-3 uppercase tracking-wider",children:"Содержание"}),(0,l.jsxs)("nav",{className:"space-y-1",children:[(0,l.jsxs)("a",{href:"#how-it-works",className:"block text-white/50 hover:text-[#208AEC] text-xs py-1 transition-all hover:translate-x-1",children:[(0,l.jsx)("span",{className:"text-white/30 mr-1",children:"01."})," Как работает BaaS"]}),(0,l.jsxs)("a",{href:"#features",className:"block text-white/50 hover:text-[#208AEC] text-xs py-1 transition-all hover:translate-x-1",children:[(0,l.jsx)("span",{className:"text-white/30 mr-1",children:"02."})," Основные возможности"]}),(0,l.jsxs)("a",{href:"#benefits",className:"block text-white/50 hover:text-[#208AEC] text-xs py-1 transition-all hover:translate-x-1",children:[(0,l.jsx)("span",{className:"text-white/30 mr-1",children:"03."})," Преимущества"]}),(0,l.jsxs)("a",{href:"#use-cases",className:"block text-white/50 hover:text-[#208AEC] text-xs py-1 transition-all hover:translate-x-1",children:[(0,l.jsx)("span",{className:"text-white/30 mr-1",children:"04."})," Сценарии использования"]}),(0,l.jsxs)("a",{href:"#comparison",className:"block text-white/50 hover:text-[#208AEC] text-xs py-1 transition-all hover:translate-x-1",children:[(0,l.jsx)("span",{className:"text-white/30 mr-1",children:"05."})," BaaS vs. свой бэкенд"]}),(0,l.jsxs)("a",{href:"#decision-matrix",className:"block text-white/50 hover:text-[#208AEC] text-xs py-1 transition-all hover:translate-x-1",children:[(0,l.jsx)("span",{className:"text-white/30 mr-1",children:"06."})," Матрица решений"]}),(0,l.jsxs)("a",{href:"#limitations",className:"block text-white/50 hover:text-[#208AEC] text-xs py-1 transition-all hover:translate-x-1",children:[(0,l.jsx)("span",{className:"text-white/30 mr-1",children:"07."})," Ограничения"]}),(0,l.jsxs)("a",{href:"#choose",className:"block text-white/50 hover:text-[#208AEC] text-xs py-1 transition-all hover:translate-x-1",children:[(0,l.jsx)("span",{className:"text-white/30 mr-1",children:"08."})," Как выбрать"]}),(0,l.jsxs)("a",{href:"#providers",className:"block text-white/50 hover:text-[#208AEC] text-xs py-1 transition-all hover:translate-x-1",children:[(0,l.jsx)("span",{className:"text-white/30 mr-1",children:"09."})," Провайдеры"]}),(0,l.jsxs)("a",{href:"#faq",className:"block text-white/50 hover:text-[#208AEC] text-xs py-1 transition-all hover:translate-x-1",children:[(0,l.jsx)("span",{className:"text-white/30 mr-1",children:"10."})," FAQ"]})]})]})}),(0,l.jsxs)("main",{className:"xl:pl-56",children:[(0,l.jsx)("section",{ref:function(e){return T.current.hero=e},className:"px-6 lg:px-8 pt-10 lg:pt-14 pb-6 lg:pb-8 relative z-10 overflow-hidden",children:(0,l.jsxs)("div",{className:"max-w-4xl mx-auto",children:[(0,l.jsx)("nav",{className:"flex justify-center mb-6","aria-label":"Breadcrumb",children:(0,l.jsxs)("ol",{className:"flex items-center text-sm",children:[(0,l.jsx)("li",{children:(0,l.jsx)("a",{href:"https://www.back4app.c

1om",className:"text-white/50 hover:text-[#208AEC] transition-colors",children:"Главная"})}),(0,l.jsx)("li",{className:"mx-2 text-white/30",children:"/"}),(0,l.jsx)("li",{children:(0,l.jsx)("span",{className:"text-white/70",children:"Backend как сервис"})})]})}),(0,l.jsxs)("div",{className:"text-center",children:[(0,l.jsxs)("span",{className:"inline-flex items-center gap-2 py-1.5 px-4 rounded-full bg-[#208AEC]/10 border border-[#208AEC]/20 text-[#208AEC] text-sm font-semibold mb-4",children:[(0,l.jsx)("svg",{className:"w-4 h-4",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",children:(0,l.jsx)("path",{d:"M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253",strokeLinecap:"round",strokeLinejoin:"round"})}),"Гид по Backend как сервис"]}),(0,l.jsx)("p",{className:"text-white/40 text-sm mb-6",children:"Обновлено: февраль 2026"})]}),(0,l.jsxs)("h1",{className:"font-primary font-bold text-[1.75rem] sm:text-[2.5rem] lg:text-[3.5rem] leading-[1.15] tracking-tight mb-6 text-center",children:[(0,l.jsx)("span",{className:"text-white",children:"Что такое "}),(0,l.jsx)("span",{className:"text-[#208AEC]",children:"Backend как сервис"}),(0,l.jsx)("span",{className:"text-white",children:"?"})]}),(0,l.jsx)("div",{className:"max-w-2xl mx-auto mt-6 mb-8",children:(0,l.jsx)("div",{className:"p-5 rounded-xl bg-[#208AEC]/5 border border-[#208AEC]/20",children:(0,l.jsxs)("p",{className:"text-white/80 text-sm lg:text-base leading-relaxed",children:[(0,l.jsx)("strong",{className:"text-[#208AEC]",children:"Определение:"})," Backend как сервис (BaaS) — облачная платформа с готовыми компонентами бэкенда: базы данных, аутентификация, API и облачные функции. Позволяет строить приложения без управления серверами. Подходит для стартапов, MVP и команд, которые хотят быстрее выходить на рынок, снижать затраты и фокусироваться на продукте."]})})}),(0,l.jsx)("div",{className:"max-w-2xl mx-auto mt-6 mb-10",children:(0,l.jsx)("div",{className:"relative flex items-center justify-center",children:(0,l.jsx)(d(),{src:"/_public/img/baas-hero-illustration.png",alt:"Что такое Backend как сервис? Схема подключения приложения к БД, аутентификации, API и облачным функциям через BaaS",width:600,height:400,sizes:"(max-width: 672px) 100vw, 600px",className:"rounded-2xl",priority:!0})})}),(0,l.jsxs)("div",{className:"max-w-3xl mx-auto",children:[(0,l.jsxs)("p",{className:"font-secondary text-base lg:text-lg text-white/70 leading-relaxed mb-4 text-left",children:[(0,l.jsx)("strong",{className:"text-white",children:"Backend как сервис (BaaS)"})," — модель облачных вычислений, позволяющая вынести \xabзакулисную\xbb часть веб- и мобильных приложений во внешний сервис."]}),(0,l.jsx)("p",{className:"font-secondary text-base lg:text-lg text-white/70 leading-relaxed mb-4 text-left",children:"Готовые компоненты для баз данных, аутентификации и управления API дают возможность строить приложения без серверного кода и управления железом."}),(0,l.jsxs)("p",{className:"font-secondary text-base lg:text-lg text-white/70 leading-relaxed mb-4 text-left",children:["В отличие от традиционного бэкенда с ручной настройкой серверов и middleware, BaaS подключает фронтенд к облаку через API и ",(0,l.jsx)("a",{href:"https://blog.back4app.c

1om/what-is-an-sdk/",target:"_blank",rel:"noopener noreferrer",className:"text-[#208AEC] hover:underline",children:"SDK"}),"."]}),(0,l.jsx)("p",{className:"font-secondary text-base lg:text-lg text-white/70 leading-relaxed mb-6 text-left",children:"Такой подход ускоряет выход на рынок и снижает затраты на DevOps; это стандартный выбор для стартапов и гибких команд, создающих современные масштабируемые приложения."})]})]})}),(0,l.jsx)("section",{id:"how-it-works",ref:function(e){return T.current.howItWorks=e},className:"relative z-10 pt-4 lg:pt-6 pb-10 lg:pb-14 px-6",children:(0,l.jsxs)("div",{className:"max-w-6xl mx-auto",children:[(0,l.jsx)("div",{className:"text-center mb-8",children:(0,l.jsxs)("h2",{className:"text-2xl md:text-4xl font-primary font-bold text-white mb-4",children:["Как работает ",(0,l.jsx)("span",{className:"text-transparent bg-clip-text bg-gradient-to-r from-[#208AEC] to-[#27AE60]",children:"Backend как сервис"}),"?"]})}),(0,l.jsxs)("div",{className:"max-w-3xl mx-auto mb-12",children:[(0,l.jsx)("p",{className:"text-white/60 text-base lg:text-lg leading-relaxed mb-4 text-left",children:"BaaS работает как \xabподключай и работай\xbb слой инфраструктуры, связывающий ваш фронтенд с облачными компонентами бэкенда через стандартные API и SDK."}),(0,l.jsx)("p",{className:"text-white/60 text-base lg:text-lg leading-relaxed mb-4 text-left",children:"Вместо разработки собственной серверной логики вы подключаете управляемые сервисы — базы данных, аутентификацию — прямо в клиентский код."}),(0,l.jsx)("p",{className:"text-white/60 text-base lg:text-lg leading-relaxed text-left",children:"Отпадает необходимость вручную поднимать серверы: можно развернуть полноценный стек с минимумом кода."})]}),(0,l.jsx)("div",{className:"mb-12 transition-all duration-700 ".concat(t.howItWorks?"opacity-100 translate-y-0":"opacity-0 translate-y-8"),children:(0,l.jsx)("div",{className:"bg-white/[0.02] backdrop-blur-md border border-white/10 rounded-2xl p-8 lg:p-12",children:(0,l.jsxs)("div",{className:"flex flex-col lg:flex-row items-center justify-between gap-8",children:[(0,l.jsxs)("div",{className:"text-center",children:[(0,l.jsx)("div",{className:"text-white/80 text-sm font-medium mb-4",children:"Suas aplica\xe7\xf5es"}),(0,l.jsxs)("div",{className:"flex gap-4",children:[(0,l.jsx)("div",{className:"w-16 h-16 rounded-xl bg-[#208AEC]/20 border border-[#208AEC]/30 flex items-center justify-center",children:(0,l.jsx)("span",{className:"text-2xl",children:"\uD83C\uDF10"})}),(0,l.jsx)("div",{className:"w-16 h-16 rounded-xl bg-[#27AE60]/20 border border-[#27AE60]/30 flex items-center justify-center",children:(0,l.jsx)("span",{className:"text-2xl",children:"\uD83D\uDCF1"})}),(0,l.jsx)("div",{className:"w-16 h-16 rounded-xl bg-[#9B59B6]/20 border border-[#9B59B6]/30 flex items-center justify-center",children:(0,l.jsx)("span",{className:"text-2xl",children:"\uD83E\uDD16"})})]}),(0,l.jsx)("div",{className:"text-white/50 text-xs mt-2",children:"Web, Mobile, IoT"})]}),(0,l.jsx)("div",{className:"text-white/30 text-4xl lg:rotate-0 rotate-90",children:"→"}),(0,l.jsxs)("div",{className:"flex-1 max-w-md",children:[(0,l.jsx)("div",{className:"text-center text-white/80 text-sm font-medium mb-4",children:"Платформа Backend как сервис"}),(0,l.jsx)("div",{className:"bg-gradient-to-br from-[#208AEC]/10 to-[#27AE60]/10 border border-white/20 rounded-xl p-6",children:(0,l.jsxs)("div",{className:"grid grid-cols-4 gap-3",children:[(0,l.jsxs)("div",{className:"text-center",children:[(0,l.jsx)("div",{className:"w-10 h-10 mx-auto rounded-lg bg-[#208AEC]/30 flex items-center justify-center mb-1",children:(0,l.jsx)(u,{className:"w-5 h-5 text-[#208AEC]"})}),(0,l.jsx)("span",{className:"text-white/60 text-[10px]",children:"Banco"})]}),(0,l.jsxs)("div",{className:"text-center",children:[(0,l.jsx)("div",{className:"w-10 h-10 mx-auto rounded-lg bg-[#27AE60]/30 flex items-center justify-center mb-1",children:(0,l.jsx)(j,{className:"w-5 h-5 text-[#27AE60]"})}),(0,l.jsx)("span",{className:"text-white/60 text-[10px]",children:"Auth"})]}),(0,l.jsxs)("div",{className:"text-center",children:[(0,l.jsx)("div",{className:"w-10 h-10 mx-auto rounded-lg bg-[#E74C3C]/30 flex items-center justify-center mb-1",children:(0,l.jsx)(_,{className:"w-5 h-5 text-[#E74C3C]"})}),(0,l.jsx)("span",{className:"text-white/60 text-[10px]",children:"APIs"})]}),(0,l.jsxs)("div",{className:"text-center",children:[(0,l.jsx)("div",{className:"w-10 h-10 mx-auto rounded-lg bg-[#9B59B6]/30 flex items-center justify-center mb-1",children:(0,l.jsx)(w,{className:"w-5 h-5 text-[#9B59B6]"})}),(0,l.jsx)("span",{className:"text-white/60 text-[10px]",children:"Functions"})]}),(0,l.jsxs)("div",{className:"text-center",children:[(0,l.jsx)("div",{className:"w-10 h-10 mx-auto rounded-lg bg-[#F39C12]/30 flex items-center justify-center mb-1",children:(0,l.jsx)(b,{className:"w-5 h-5 text-[#F39C12]"})}),(0,l.jsx)("span",{className:"text-white/60 text-[10px]",children:"Storage"})]}),(0,l.jsxs)("div",{className:"text-center",children:[(0,l.jsx)("div",{className:"w-10 h-10 mx-auto rounded-lg bg-[#1ABC9C]/30 flex items-center justify-center mb-1",children:(0,l.jsx)(f,{className:"w-5 h-5 text-[#1ABC9C]"})}),(0,l.jsx)("span",{className:"text-white/60 text-[10px]",children:"Push"})]}),(0,l.jsxs)("div",{className:"text-center",children:[(0,l.jsx)("div",{className:"w-10 h-10 mx-auto rounded-lg bg-[#E74C3C]/30 flex items-center justify-center mb-1",children:(0,l.jsx)(N,{className:"w-5 h-5 text-[#E74C3C]"})}),(0,l.jsx)("span",{className:"text-white/60 text-[10px]",children:"Tempo real"})]}),(0,l.jsxs)("div",{className:"text-center",children:[(0,l.jsx)("div",{className:"w-10 h-10 mx-auto rounded-lg bg-gradient-to-br from-[#9B59B6]/30 to-[#208AEC]/30 flex items-center justify-center mb-1",children:(0,l.jsx)("span",{className:"text-sm",children:"\uD83E\uDD16"})}),(0,l.jsx)("span",{className:"text-white/60 text-[10px]",children:"IA/MCP"})]})]})})]}),(0,l.jsx)("div",{className:"text-white/30 text-4xl lg:rotate-0 rotate-90",children:"→"}),(0,l.jsxs)("div",{className:"text-center",children:[(0,l.jsx)("div",{className:"text-white/80 text-sm font-medium mb-4",children:"Gerenciado pelo BaaS"}),(0,l.jsx)("div",{className:"w-16 h-16 mx-auto rounded-xl bg-white/10 border border-white/20 flex items-center justify-center",children:(0,l.jsx)(y,{className:"w-8 h-8 text-white/60"})}),(0,l.jsx)("div",{className:"text-white/50 text-xs mt-2",children:"Серверы, масштабирование, безопасность"})]})]})})}),(0,l.jsx)("h3",{className:"text-xl md:text-2xl font-primary font-semibold text-white mb-8 text-center",children:"Три шаÐ

1³Ð° от идеи до продакшена с BaaS"}),(0,l.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-6 relative",children:[(0,l.jsx)("div",{className:"hidden md:block absolute top-[85px] left-[31%] w-[5%] h-0.5 bg-gradient-to-r from-[#208AEC] to-[#27AE60]",style:{zIndex:10}}),(0,l.jsx)("div",{className:"hidden md:block absolute top-[85px] left-[64%] w-[5%] h-0.5 bg-gradient-to-r from-[#27AE60] to-[#9B59B6]",style:{zIndex:10}}),(0,l.jsxs)("div",{className:"relative bg-white/[0.02] backdrop-blur-md border border-white/10 rounded-2xl p-6 hover:border-[#208AEC]/30 transition-all",children:[(0,l.jsx)("div",{className:"absolute -top-3 left-6 w-8 h-8 rounded-full bg-[#208AEC] flex items-center justify-center text-white font-bold text-sm shadow-lg shadow-[#208AEC]/30",children:"1"}),(0,l.jsxs)("div",{className:"pt-4",children:[(0,l.jsx)("div",{className:"w-12 h-12 rounded-xl bg-[#208AEC]/15 flex items-center justify-center mb-4",children:(0,l.jsx)(_,{className:"w-6 h-6 text-[#208AEC]"})}),(0,l.jsx)("h4",{className:"text-lg font-semibold text-white mb-3",children:"Conectar via APIs e SDKs"}),(0,l.jsx)("p",{className:"text-white/60 leading-relaxed text-sm",children:"Используйте REST- или GraphQL-API или нативные SDK для JavaScript, iOS, Android, Flutter и др. Без бэкенд-кода."})]})]}),(0,l.jsxs)("div",{className:"relative bg-white/[0.02] backdrop-blur-md border border-white/10 rounded-2xl p-6 hover:border-[#27AE60]/30 transition-all",children:[(0,l.jsx)("div",{className:"absolute -top-3 left-6 w-8 h-8 rounded-full bg-[#27AE60] flex items-center justify-center text-white font-bold text-sm shadow-lg shadow-[#27AE60]/30",children:"2"}),(0,l.jsxs)("div",{className:"pt-4",children:[(0,l.jsx)("div",{className:"w-12 h-12 rounded-xl bg-[#27AE60]/15 flex items-center justify-center mb-4",children:(0,l.jsx)(w,{className:"w-6 h-6 text-[#27AE60]"})}),(0,l.jsx)("h4",{className:"text-lg font-semibold text-white mb-3",children:"Добавление своей логики"}),(0,l.jsx)("p",{className:"text-white/60 leading-relaxed text-sm",children:"Развёртывайте serverless Cloud Functions для бизнес-логики, вебхуков и интеграций без управления серверами."})]})]}),(0,l.jsxs)("div",{className:"relative bg-white/[0.02] backdrop-blur-md border border-white/10 rounded-2xl p-6 hover:border-[#9B59B6]/30 transition-all",children:[(0,l.jsx)("div",{className:"absolute -top-3 left-6 w-8 h-8 rounded-full bg-[#9B59B6] flex items-center justify-center text-white font-bold text-sm shadow-lg shadow-[#9B59B6]/30",children:"3"}),(0,l.jsxs)("div",{className:"pt-4",children:[(0,l.jsx)("div",{className:"w-12 h-12 rounded-xl bg-[#9B59B6]/15 flex items-center justify-center mb-4",children:(0,l.jsx)(k,{className:"w-6 h-6 text-[#9B59B6]"})}),(0,l.jsx)("h4",{className:"text-lg font-semibold text-white mb-3",children:"Escalar automaticamente"}),(0,l.jsx)("p",{className:"text-white/60 leading-relaxed text-sm",children:"Бэкенд масштабируется по нагрузке. Пики трафика обрабатываются автоматически без планирования мощностей."})]})]})]})]})}),(0,l.jsx)("section",{id:"features",ref:function(e){return T.current.features=e},className:"relative z-10 py-10 lg:py-14 px-6",children:(0,l.jsxs)("div",{className:"max-w-7xl mx-auto px-6",children:[(0,l.jsxs)("div",{className:"text-center mb-12",children:[(0,l.jsx)("h2",{className:"text-2xl md:text-4xl font-primary font-bold text-white mb-4",children:"Основные возможности BaaS-платформы"}),(0,l.jsx)("p",{className:"text-white/60 text-base lg:text-lg max-w-3xl mx-auto",children:"Всё необходимое для современных приложений — из коробки."})]}),(0,l.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6",children:E.map(function(e){return(0,l.jsxs)("div",{className:"group cursor-pointer p-6 rounded-2xl bg-white/[0.02] border border-white/10 hover:border-white/20 transition-all duration-300 ".concat(x[e.id]?"ring-1 ring-white/20":""),onClick:function(){return O(e.id)},children:[(0,l.jsxs)("div",{className:"flex items-start justify-between mb-4",children:[(0,l.jsx)("div",{className:"w-12 h-12 rounded-xl flex items-center justify-center group-hover:scale-110 transition-transform ".concat("gradient"===e.color?"bg-gradient-to-br from-[#9B59B6]/20 to-[#208AEC]/20":""),style:"gradient"!==e.color?{backgroundColor:"".concat(e.color,"20")}:{},children:e.icon?(0,l.jsx)(e.icon,{className:"w-6 h-6",style:{color:e.color}}):(0,l.jsx)("span",{className:"text-xl",children:"\uD83E\uDD16"})}),(0,l.jsx)(B,{className:"w-5 h-5 text-white/30 transition-transform ".concat(x[e.id]?"rotate-180":"")})]}),(0,l.jsx)("h3",{className:"text-lg font-semibold text-white mb-2",children:e.title}),(0,l.jsx)("p",{className:"text-white/50 text-sm",children:e.shortDe

1sc}),x[e.id]&&(0,l.jsxs)("div",{className:"mt-4 pt-4 border-t border-white/10",children:[(0,l.jsx)("p",{className:"text-white/60 text-sm leading-relaxed mb-3",children:e.expandedDesc}),e.link&&(0,l.jsx)("a",{href:e.link,target:"_blank",rel:"noopener noreferrer",className:"text-[#208AEC] text-sm font-medium hover:underline",children:"Подробнее →"})]})]},e.id)})})]})}),(0,l.jsx)("section",{id:"benefits",ref:function(e){return T.current.benefits=e},className:"relative z-10 py-10 lg:py-14 px-6",children:(0,l.jsxs)("div",{className:"max-w-6xl mx-auto",children:[(0,l.jsxs)("div",{className:"text-center mb-10",children:[(0,l.jsx)("h2",{className:"text-2xl md:text-4xl font-primary font-bold text-white mb-4",children:"Зачем использовать Backend как сервис?"}),(0,l.jsx)("p",{className:"text-white/60 text-base lg:text-lg max-w-3xl mx-auto",children:"BaaS снимает сложность бэкенд-разработки, чтобы вы могли сосредоточиться на продукте."})]}),(0,l.jsxs)("div",{className:"max-w-3xl mx-auto mb-12",children:[(0,l.jsx)("div",{className:"relative w-full rounded-2xl overflow-hidden bg-white/[0.02] border border-white/10",style:{paddingBottom:"56.25%"},children:(0,l.jsx)("iframe",{className:"absolute top-0 left-0 w-full h-full",src:"https://www.youtube.com/embed/m7ZKr0eCOOk",title:"Зачем использовать Backend как сервис?",frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,loading:"lazy"})}),(0,l.jsx)("p",{className:"text-white/40 text-sm text-center mt-3",children:"Assista: Зачем использовать Backend как сервис?"})]}),(0,l.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",children:M.map(function(e,s){return(0,l.jsxs)("div",{className:"p-6 rounded-2xl bg-white/[0.02] border border-white/10 hover:border-white/20 transition-all duration-500 ".concat(t.benefits?"opacity-100 translate-y-0":"opacity-0 translate-y-8"),style:{transitionDelay:"".concat(100*s,"ms")},children:[(0,l.jsx)("div",{className:"w-12 h-12 rounded-xl flex items-center justify-center mb-4",style:{backgroundColor:"".concat(e.color,"20")},children:(0,l.jsx)(e.icon,{className:"w-6 h-6",style:{color:e.color}})}),(0,l.jsx)("h3",{className:"text-lg font-semibold text-white mb-2",children:e.title}),(0,l.jsx)("p",{className:"text-white/50 text-sm leading-relaxed",children:e.description})]},e.title)})})]})}),(0,l.jsx)("section",{id:"use-cases",ref:function(e){return T.current.useCases=e},className:"relative z-10 py-10 lg:py-14 px-6",children:(0,l.jsxs)("div",{className:"max-w-6xl mx-auto",children:[(0,l.jsxs)("div",{className:"text-center mb-12",children:[(0,l.jsx)("h2",{className:"text-2xl md:text-4xl font-primary font-bold text-white mb-4",children:"Типичные сценарии использования BaaS"}),(0,l.jsx)("p",{className:"text-white/60 text-base lg:text-lg max-w-3xl mx-auto",children:"Backend как сервис подходит для широкого спектра приложений."})]}),(0,l.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",children:D.map(function(e,s){return(0,l.jsxs)("div",{className:"p-6 rounded-2xl bg-white/[0.02] border border-white/10 hover:border-white/20 transition-all duration-500 ".concat(t.useCases?"opacity-100 translate-y-0":"opacity-0 translate-y-8"),style:{transitionDelay:"".concat(100*s,"ms")},children:[(0,l.jsx)("div",{className:"w-12 h-12 rounded-xl flex items-center justify-center mb-4",style:{backgroundColor:"".concat(e.color,"20")},children:(0,l.jsx)(e.icon,{className:"w-6 h-6",style:{color:e.color}})}),(0,l.jsx)("h3",{className:"text-lg font-semibold text-white mb-2",children:e.title}),(0,l.jsx)("p",{className:"text-white/50 text-sm leading-relaxed",children:e.description})]},e.title)})})]})}),(0,l.jsx)("section",{id:"comparison",ref:function(e){return T.current.comparison=e},className:"relative z-10 py-10 lg:py-14 px-6",children:(0,l.jsxs)("div",{className:"max-w-4xl mx-auto",children:[(0,l.jsxs)("div",{className:"text-center mb-12",children:[(0,l.jsx)("h2",{className:"text-2xl md:text-4xl font-primary font-bold text-white mb-4",children:"BaaS и собственный бэкенд"}),(0,l.jsx)("p",{className:"text-white/60 text-base lg:text-lg max-w-3xl mx-auto",children:"Сравнение Backend как сервис с традиционной разработкой бэкенда."})]}),(0,l.jsx)("div",{className:"bg-white/[0.02] backdrop-blur-md border border-white/10 rounded-2xl overflow-hidden transition-all duration-700 ".concat(t.comparison?"opacity-100 translate-y-0":"opacity-0 translate-y-8"),children:(0,l.jsx)("div",{className:"overflow-x-auto",children:(0,l.jsxs)("table",{className:"w-full",children:[(0,l.jsx)("thead",{children:(0,l.jsxs)("tr",{className:"border-b border-white/10",children:[(0,l.jsx)("th",{scope:"col",className:"px-6 py-4 text-left text-white/70 font-medium",children:"Aspecto"}),(0,l.jsx)("th",{scope:"col",className:"px-6 py-4 text-center text-[#27AE60] font-semibold",children:"BaaS"}),(0,l.jsx)("th",{scope:"col",className:"px-6 py-4 text-center text-white/50 font-medium",children:"Construir do zero"})]})}),(0,l.jsxs)("tbody",{children:[(0,l.jsxs)("tr",{className:"border-b border-white/5",children:[(0,l.jsx)("th",{scope:"row",className:"px-6 py-4 text-white text-left font-normal",children:"Время до запуска"}),(0,l.jsx)("td",{className:"px-6 py-4 text-center",children:(0,l.jsxs)("span",{className:"inline-flex items-center gap-2 text-[#27AE60]",children:[(0,l.jsx)(C,{className:"w-4 h-4"}),"Дни/недели"]})}),(0,l.jsx)("td",{className:"px-6 py-4 text-center text-white/50",children:"Месяцы"})]}),(0,l.jsxs)("tr",{className:"border-b border-white/5",children:[(0,l.jsx)("th",{scope:"row",className:"px-6 py-4 text-white text-left font-normal",children:"Стартовые затраты"}),(0,l.jsx)("td",{className:"px-6 py-4 text-center",children:(0,l.jsxs)("span",{className:"inline-flex items-center gap-2 text-[#27AE60]",children:[(0,l.jsx)(C,{className:"w-4 h-4"}),"Низкие (по факту)"]})}),(0,l.jsx)("td",{className:"px-6 py-4 text-center text-white/50",children:"Высокие (команда + инфра)"})]}),(0,l.jsxs)("tr",{className:"border-b border-white/5",children:[(0,l.jsx)("th",{scope:"row",className:"px-6 py-4 text-white text-left font-normal",children:"Экспертиза по бэкенду"}),(0,l.jsx)("td",{className:"px-6 py-4 text-center",children:(0,l.jsxs)("span",{className:"inline-flex items-center gap-2 text-[#27AE60]",children:[(0,l.jsx)(C,{className:"w-4 h-4"}),"Минимальная"]})}),(0,l.jsx)("td",{className:"px-6 py-4 text-center text-white/50",children:"Значительная"})]}),(0,l.jsxs)("tr",{className:"border-b border-white/5",children:[(0,l.jsx)("th",{scope:"row",className:"px-6 py-4 text-white text-left font-normal",children:"Escalabilidade"}),(0,l.jsx)("td",{className:"px-6 py-4 text-center",children:(0,l.jsxs)("span",{className:"inline-flex items-center gap-2 text-[#27AE60]",children:[(0,l.jsx)(C,{className:"w-4 h-4"}),"Автоматическая"]})}),(0,l.jsx)("td",{className:"px-6 py-4 text-center text-white/50",children:"Ручная настройка"})]}),(0,l.jsxs)("tr",{className:"border-b border-white/5",children:[(0,l.jsx)("th",{scope:"row",className:"px-6 py-4 text-white text-left font-normal",children:"Обслуживание"}),(0,l.jsx)("td",{className:"px-6 py-4 text-center",children:(0,l.jsxs)("span",{className:"inline-flex items-center gap-2 text-[#27AE60]",children:[(0,l.jsx)(C,{className:"w-4 h-4"}),"Управляемое"]})}),(0,l.jsx)("td",{className:"px-6 py-4 text-center text-white/50",children:"Ваша ответственность"})]}),(0,l.jsxs)("tr",{children:[(0,l.jsx)("th",{scope:"row",className:"px-6 py-4 text-white text-left font-normal",children:"Обновления безопасности"}),(0,l.jsx)("td",{className:"px-6 py-4 text-center",children:(0,l.jsxs)("span",{className:"inline-flex items-center gap-2 text-[#27AE60]",children:[(0,l.jsx)(C,{className:"w-4 h-4"}),"Автоматические"]})}),(0,l.jsx)("td",{className:"px-6 py-4 text-center text-white/50",children:"Вручную"})]})]})]})})})]})}),(0,l.jsx)("section",{className:"relative z-10 py-10 lg:py-14 px-6",children:(0,l.jsxs)("div",{className:"max-w-4xl mx-auto",children:[(0,l.jsxs)("div",{className:"text-center mb-12",children:[(0,l.jsx)("h2",{className:"text-2xl md:text-4xl font-primary font-bold text-white mb-4",children:"BaaS vs. PaaS vs. IaaS"}),(0,l.jsx)("p",{className:"text-white/60 text-base lg:text-lg max-w-3xl mx-auto",children:"Сравнение Backend как сервис с другими облачными моделями."})]}),(0,l.jsx)("div",{className:"bg-white/[0.02] backdrop-blur-md border border-white/10 rounded-2xl overflow-hidden",children:(0,l.jsx)("div",{className:"overflow-x-auto",children:(0,l.jsxs)("table",{className:"w-full",children:[(0,l.jsx)("thead",{children:(0,l.jsxs)("tr",{className:"border-b border-white/10",children:[(0,l.jsx)("th",{scope:"col",className:"px-6 py-4 text-left text-white/70 font-medium",children:"Управляет провайдер"}),(0,l.jsx)("th",{scope:"col",className:"px-6 py-4 text-center text-[#27AE60] font-semibold",children:"BaaS"}),(0,l.jsx)("th",{scope:"col",className:"px-6 py-4 text-center text-white/70 font-medium",children:"PaaS"}),(0,l.jsx)("th",{scope:"col",className:"px-6 py-4 text-center text-white/50 font-medium",children:"IaaS"})]})}),(0,l.jsxs)("tbody",{children:[(0,l.jsxs)("tr",{className:"border-b border-white/5",children:[(0,l.jsx)("th",{scope:"row",className:"px-6 py-4 text-white text-left font-normal",children:"Инфраструктура (серверы, сеть)"}),(0,l.jsx)("td",{className:"px-6 py-4 text-center",children:(0,l.jsx)(C,{className:"w-5 h-5 text-[#27AE60] mx-auto"})}),(0,l.jsx)("td",{className:"px-6 py-4 text-center",children:(0,l.jsx)(C,{className:"w-5 h-5 text-[#27AE60] mx-auto"})}),(0,l.jsx)("td",{className:"px-6 py-4 text-center",children:(0,l.jsx)(C,{className:"w-5 h-5 text-[#27AE60] mx-auto"})})]}),(0,l.jsxs)("tr",{className:"border-b border-white/5",children:[(0,l.jsx)("th",{scope:"row",className:"px-6 py-4 text-white text-left font-normal",children:"Runtime и ОС"}),(0,l.jsx)("td",{className:"px-6 py-4 text-center",children:(0,l.jsx)(C,{className:"w-5 h-5 text-[#27AE60] mx-auto"})}),(0,l.jsx)("td",{className:"px-6 py-4 text-center",children:(0,l.jsx)(C,{className:"w-5 h-5 text-[#27AE60] mx-auto"})}),(0,l.jsx)("td",{className:"px-6 py-4 text-center",children:(0,l.jsx)(A,{className:"w-5 h-5 text-white/30 mx-auto"})})]}),(0,l.jsxs)("tr",{className:"border-b border-white/5",children:[(0,l.jsx)("th",{scope:"row",className:"px-6 py-4 text-white text-left font-normal",children:"Escalabilidade"}),(0,l.jsx)("td",{className:"px-6 py-4 text-center",children:(0,l.jsx)(C,{className:"w-5 h-5 text-[#27AE60] mx-auto"})}),(0,l.jsx)("td",{className:"px-6 py-4 text-center",children:(0,l.jsx)(C,{className:"w-5 h-5 text-[#27AE60] mx-auto"})}),(0,l.jsx)("td",{className:"px-6 py-4 text-center",children:(0,l.jsx)(A,{className:"w-5 h-5 text-white/30 mx-auto"})})]}),(0,l.jsxs)("tr",{className:"border-b border-white/5",children:[(0,l.jsx)("th",{scope:"row",className:"px-6 py-4 text-white text-left font-normal",children:"База данных"}),(0,l.jsx)("td",{className:"px-6 py-4 text-center",children:(0,l.jsx)(C,{className:"w-5 h-5 text-[#27AE60] mx-auto"})}),(0,l.jsx)("td",{className:"px-6 py-4 text-center",children:(0,l.jsx)(A,{className:"w-5 h-5 text-white/30 mx-auto"})}),(0,l.jsx)("td",{className:"px-6 py-4 text-center",children:(0,l.jsx)(A,{className:"w-5 h-5 text-white/30 mx-auto"})})]}),(0,l.jsxs)("tr",{className:"border-b border-white/5",children:[(0,l.jsx)("th",{scope:"row",className:"px-6 py-4 text-white text-left font-normal",children:"Аутентификация"}),(0,l.jsx)("td",{className:"px-6 py-4 text-center",children:(0,l.jsx)(C,{className:"w-5 h-5 text-[#27AE60] mx-auto"})}),(0,l.jsx)("td",{className:"px-6 py-4 text-center",children:(0,l.jsx)(A,{className:"w-5 h-5 text-white/30 mx-auto"})}),(0,l.jsx)("td",{className:"px-6 py-4 text-center",children:(0,l.jsx)(A,{className:"w-5 h-5 text-white/30 mx-auto"})})]}),(0,l.jsxs)("tr",{className:"border-b border-white/5",children:[(0,l.jsx)("th",{scope:"row",className:"px-6 py-4 text-white text-left font-normal",children:"APIs (REST/GraphQL)"}),(0,l.jsx)("td",{className:"px-6 py-4 text-center",children:(0,l.jsx)(C,{className:"w-5 h-5 text-[#27AE60] mx-auto"})}),(0,l.jsx)("td",{className:"px-6 py-4 text-center",children:(0,l.jsx)(A,{className:"w-5 h-5 text-white/30 mx-auto"})}),(0,l.jsx)("td",{className:"px-6 py-4 text-center",children:(0,l.jsx)(A,{className:"w-5 h-5 text-white/30 mx-auto"})})]}),(0,l.jsxs)("tr",{className:"border-b border-white/5",children:[(0,l.jsx)("th",{scope:"row",className:"px-6 py-4 text-white text-left font-normal",children:"Armazenamento de arquivos"}),(0,l.jsx)("td",{className:"px-6 py-4 text-center",children:(0,l.jsx)(C,{className:"w-5 h-5 text-[#27AE60] mx-auto"})}),(0,l.jsx)("td",{className:"px-6 py-4 text-center",children:(0,l.jsx)(A,{className:"w-5 h-5 text-white/30 mx-auto"})}),(0,l.jsx)("td",{className:"px-6 py-4 text-center",children:(0,l.jsx)(A,{className:"w-5 h-5 text-white/30 mx-auto"})})]}),(0,l.jsxs)("tr",{children:[(0,l.jsx)("th",{scope:"row",className:"px-6 py-4 text-white text-left font-normal",children:"Notifica\xe7\xf5es push"}),(0,l.jsx)("td",{className:"px-6 py-4 text-center",children:(0,l.jsx)(C,{className:"w-5 h-5 text-[#27AE60] mx-auto"})}),(0,l.jsx)("td",{className:"px-6 py-4 text-center",children:(0,l.jsx)(A,{className:"w-5 h-5 text-white/30 mx-auto"})}),(0,l.jsx)("td",{className:"px-6 py-4 text-center",children:(0,l.jsx)(A,{className:"w-5 h-5 text-white/30 mx-auto"})})]})]})]})})}),(0,l.jsxs)("div",{className:"mt-6 grid grid-cols-3 gap-4 text-center",children:[(0,l.jsxs)("div",{className:"p-4 rounded-xl bg-[#27AE60]/5 border border-[#27AE60]/20",children:[(0,l.jsx)("p",{className:"text-[#27AE60] font-semibold text-sm mb-1",children:"Exemplos de BaaS"}),(0,l.jsx)("p",{className:"text-white/50 text-xs",children:"Back4app, Firebase, Supabase"})]}),(0,l.jsxs)("div",{className:"p-4 rounded-xl bg-white/[0.02] border border-white/10",children:[(0,l.jsx)("p",{className:"text-white/70 font-semibold text-sm mb-1",children:"Exemplos de PaaS"}),(0,l.jsx)("p",{className:"text-white/50 text-xs",children:"Heroku, Railway, Render"})]}),(0,l.jsxs)("div",{className:"p-4 rounded-xl bg-white/[0.02] border border-white/10",children:[(0,l.jsx)("p",{className:"text-white/50 font-semibold text-sm mb-1",children:"Exemplos de IaaS"}),(0,l.jsx)("p",{className:"text-white/40 text-xs",children:"AWS EC2, GCP Compute, Azure VMs"})]})]})]})}),(0,l.jsx)("section",{id:"decision-matrix",ref:function(e){return T.current.decisionMatrix=e},className:"relative z-10 py-10 lg:py-14 px-6",children:(0,l.jsxs)("div",{className:"max-w-5xl mx-auto",children:[(0,l.jsxs)("div",{className:"text-center mb-12",children:[(0,l.jsx)("h2",{className:"text-2xl md:text-4xl font-primary font-bold text-white mb-4",children:"Матрица решений: BaaS или свой бэкенд?"}),(0,l.jsx)("p",{className:"text-white/60 text-base lg:text-lg max-w-3xl mx-auto",children:"Используйте этот подход, чтобы понять, подходит ли BaaS для вашего проекта."})]}),(0,l.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6 transition-all duration-700 ".concat(t.decisionMatrix?"opacity-100 translate-y-0":"opacity-0 translate-y-8"),children:[(0,l.jsxs)("div",{className:"bg-[#27AE60]/5 border border-[#27AE60]/20 rounded-2xl p-6",children:[(0,l.jsxs)("h3",{className:"text-xl font-semibold text-[#27AE60] mb-6 flex items-center gap-2",children:[(0,l.jsx)(C,{className:"w-6 h-6"}),"Выбирайте BaaS, когда..."]}),(0,l.jsxs)("ul",{className:"space-y-4",children:[(0,l.jsxs)("li",{className:"flex items-start gap-3",children:[(0,l.jsx)(C,{className:"w-5 h-5 text-[#27AE60] flex-shrink-0 mt-0.5"}),(0,l.jsx)("span",{className:"text-white/70",children:"Нужно Ð

1±Ñ‹ÑÑ‚ро запуститься (MVP, прототип, хакатон)"})]}),(0,l.jsxs)("li",{className:"flex items-start gap-3",children:[(0,l.jsx)(C,{className:"w-5 h-5 text-[#27AE60] flex-shrink-0 mt-0.5"}),(0,l.jsx)("span",{className:"text-white/70",children:"В команде мало экспертизы по бэкенду или DevOps"})]}),(0,l.jsxs)("li",{className:"flex items-start gap-3",children:[(0,l.jsx)(C,{className:"w-5 h-5 text-[#27AE60] flex-shrink-0 mt-0.5"}),(0,l.jsx)("span",{className:"text-white/70",children:"Стандартных возможностей (auth, CRUD, storage) достаточно"})]}),(0,l.jsxs)("li",{className:"flex items-start gap-3",children:[(0,l.jsx)(C,{className:"w-5 h-5 text-[#27AE60] flex-shrink-0 mt-0.5"}),(0,l.jsx)("span",{className:"text-white/70",children:"Бюджет ограничен и нужны предсказуемые расходы"})]}),(0,l.jsxs)("li",{className:"flex items-start gap-3",children:[(0,l.jsx)(C,{className:"w-5 h-5 text-[#27AE60] flex-shrink-0 mt-0.5"}),(0,l.jsx)("span",{className:"text-white/70",children:"Требования к масштабу непредсказуемы"})]})]})]}),(0,l.jsxs)("div",{className:"bg-[#E74C3C]/5 border border-[#E74C3C]/20 rounded-2xl p-6",children:[(0,l.jsxs)("h3",{className:"text-xl font-semibold text-[#E74C3C] mb-6 flex items-center gap-2",children:[(0,l.jsx)(A,{className:"w-6 h-6"}),"Стройте свой бэкенд, когда..."]}),(0,l.jsxs)("ul",{className:"space-y-4",children:[(0,l.jsxs)("li",{className:"flex items-start gap-3",children:[(0,l.jsx)(A,{className:"w-5 h-5 text-[#E74C3C] flex-shrink-0 mt-0.5"}),(0,l.jsx)("span",{className:"text-white/70",children:"Нужны проприетарные алгоритмы или сложная обработка данных"})]}),(0,l.jsxs)("li",{className:"flex items-start gap-3",children:[(0,l.jsx)(A,{className:"w-5 h-5 text-[#E74C3C] flex-shrink-0 mt-0.5"}),(0,l.jsx)("span",{className:"text-white/70",children:"Полный контроль над инфраструктурой требуется по нормативам"})]}),(0,l.jsxs)("li",{className:"flex items-start gap-3",children:[(0,l.jsx)(A,{className:"w-5 h-5 text-[#E74C3C] flex-shrink-0 mt-0.5"}),(0,l.jsx)("span",{className:"text-white/70",children:"Есть выделенная DevOps-команда и желание самим управлять инфраструктурой"})]}),(0,l.jsxs)("li",{className:"flex items-start gap-3",children:[(0,l.jsx)(A,{className:"w-5 h-5 text-[#E74C3C] flex-shrink-0 mt-0.5"}),(0,l.jsx)("span",{className:"text-white/70",children:"При огромном масштабе критична оптимизация затрат"})]}),(0,l.jsxs)("li",{className:"flex items-start gap-3",children:[(0,l.jsx)(A,{className:"w-5 h-5 text-[#E74C3C] flex-shrink-0 mt-0.5"}),(0,l.jsx)("span",{className:"text-white/70",children:"Бэкенд — это ваш продукт (компания-провайдер инфраструктуры)"})]})]})]})]})]})}),(0,l.jsx)("section",{id:"limitations",ref:function(e){return T.current.limitations=e},className:"relative z-10 py-10 lg:py-14 px-6",children:(0,l.jsxs)("div",{className:"max-w-5xl mx-auto",children:[(0,l.jsxs)("div",{className:"text-center mb-12",children:[(0,l.jsx)("h2",{className:"text-2xl md:text-4xl font-primary font-bold text-white mb-4",children:"Ограничения и компромиссы"}),(0,l.jsx)("p",{className:"text-white/60 text-base lg:text-lg max-w-3xl mx-auto",children:"Понимание этих моментов помогает решить, подходит ли BaaS для вашего проекта."})]}),(0,l.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 transition-all duration-700 ".concat(t.limitations?"opacity-100 translate-y-0":"opacity-0 translate-y-8"),children:[(0,l.jsxs)("div",{className:"p-6 rounded-2xl bg-white/[0.02] border border-white/10",children:[(0,l.jsx)("div",{className:"w-10 h-10 rounded-lg bg-[#E74C3C]/20 flex items-center justify-center mb-4",children:(0,l.jsx)("span",{className:"text-[#E74C3C]",children:"\uD83D\uDD12"})}),(0,l.jsx)("h3",{className:"text-lg font-semibold text-white mb-2",children:"Vendor lock-in"}),(0,l.jsx)("p",{className:"text-white/50 text-sm leading-relaxed",children:"Проприетарные платформы усложняют миграцию. Ð

1’ыбирайте open-source решения вроде Back4app для переносимости данных."})]}),(0,l.jsxs)("div",{className:"p-6 rounded-2xl bg-white/[0.02] border border-white/10",children:[(0,l.jsx)("div",{className:"w-10 h-10 rounded-lg bg-[#F39C12]/20 flex items-center justify-center mb-4",children:(0,l.jsx)("span",{className:"text-[#F39C12]",children:"\uD83D\uDCB0"})}),(0,l.jsx)("h3",{className:"text-lg font-semibold text-white mb-2",children:"Затраты при масштабировании"}),(0,l.jsx)("p",{className:"text-white/50 text-sm leading-relaxed",children:"Тарифы по факту использования могут стать дорогими при больших объёмах. Собственная инфраструктура может быть выгоднее при очень большом масштабе."})]}),(0,l.jsxs)("div",{className:"p-6 rounded-2xl bg-white/[0.02] border border-white/10",children:[(0,l.jsx)("div",{className:"w-10 h-10 rounded-lg bg-[#9B59B6]/20 flex items-center justify-center mb-4",children:(0,l.jsx)("span",{className:"text-[#9B59B6]",children:"⚙️"})}),(0,l.jsx)("h3",{className:"text-lg font-semibold text-white mb-2",children:"Ограничения кастомизации"}),(0,l.jsx)("p",{className:"text-white/50 text-sm leading-relaxed",children:"Меньше контроля над настройками сервера и тонкой настройкой БД. Сложная проприетарная логика может потребовать своего бэкенда."})]}),(0,l.jsxs)("div",{className:"p-6 rounded-2xl bg-white/[0.02] border border-white/10",children:[(0,l.jsx)("div",{className:"w-10 h-10 rounded-lg bg-[#208AEC]/20 flex items-center justify-center mb-4",children:(0,l.jsx)("span",{className:"text-[#208AEC]",children:"\uD83D\uDC41️"})}),(0,l.jsx)("h3",{className:"text-lg font-semibold text-white mb-2",children:"Меньшая прозрачность"}),(0,l.jsx)("p",{className:"text-white/50 text-sm leading-relaxed",children:"Отладка может быть сложнее без полного контроля над стеком. Выбирайте провайдеров с качественным логированием и мониторингом."})]}),(0,l.jsxs)("div",{className:"p-6 rounded-2xl bg-white/[0.02] border border-white/10",children:[(0,l.jsx)("div",{className:"w-10 h-10 rounded-lg bg-[#1ABC9C]/20 flex items-center justify-center mb-4",children:(0,l.jsx)("span",{className:"text-[#1ABC9C]",children:"\uD83D\uDDA5️"})}),(0,l.jsx)("h3",{className:"text-lg font-semibold text-white mb-2",children:"Контроль инфраструктуры"}),(0,l.jsx)("p",{className:"text-white/50 text-sm leading-relaxed",children:"При необходимости полного контроля сети, bare-metal производительности или особых настроек сервера рассмотрите self-hosting."})]}),(0,l.jsxs)("div",{className:"p-6 rounded-2xl bg-white/[0.02] border border-white/10",children:[(0,l.jsx)("div",{className:"w-10 h-10 rounded-lg bg-[#E67E22]/20 flex items-center justify-center mb-4",children:(0,l.jsx)("span",{className:"text-[#E67E22]",children:"\uD83D\uDCCB"})}),(0,l.jsx)("h3",{className:"text-lg font-semibold text-white mb-2",children:"Требования соответствия"}),(0,l.jsx)("p",{className:"text-white/50 text-sm leading-relaxed",children:"Некоторые нормы могут требовать размещения on-premise. Убедитесь, что BaaS-провайдер отвечает вашим требованиям по соответствию."})]})]})]})}),(0,l.jsx)("section",{id:"choose",ref:function(e){return T.current.choose=e},className:"relative z-10 py-10 lg:py-14 px-6",children:(0,l.jsxs)("div",{className:"max-w-4xl mx-auto",children:[(0,l.jsxs)("div",{className:"text-center mb-12",children:[(0,l.jsx)("h2",{className:"text-2xl md:text-4xl font-primary font-bold text-white mb-4",children:"Как выбрать провайдера BaaS?"}),(0,l.jsx)("p",{className:"text-white/60 text-base lg:text-lg max-w-3xl mx-auto",children:"Оценивайте провайдеров по этим критериям, чтобы выбрать подходящий для вашего проекта."})]}),(0,l.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[{title:"Open Source и проприетарные",desc:"Open-source платформы вроде Back4app дают больше гибкости и снижают риск vendor lock-in."},{title:"Модель ценообразования",desc:"Сравнивайте фиксированные тарифы и pay-as-you-go. Учитывайте скрытые расходы на трафик и хранилище."},{title:"Владение и переносимость данных",desc:"Можно ли легко экспортировать данные? Доступен ли self-host при необходимости?"},{title:"Соответствие (SOC 2, HIPAA, GDPR)",desc:"Убедитесь, что провайдер отвечает вашим требованиям по безопасности и регуляторике."},{title:"Риск vendor lock-in",desc:"Оцените, насколько сложной будет миграция в будущем."}

1,{title:"Сообщество и документация",desc:"Хорошая документация и активное сообщество ускоряют разработку."},].map(function(e,s){return(0,l.jsx)("div",{className:"p-5 rounded-xl bg-white/[0.02] border border-white/10 transition-all duration-500 ".concat(t.choose?"opacity-100 translate-y-0":"opacity-0 translate-y-8"),style:{transitionDelay:"".concat(100*s,"ms")},children:(0,l.jsxs)("div",{className:"flex items-start gap-3",children:[(0,l.jsx)(C,{className:"w-5 h-5 text-[#27AE60] flex-shrink-0 mt-0.5"}),(0,l.jsxs)("div",{children:[(0,l.jsx)("h3",{className:"text-white font-medium mb-1",children:e.title}),(0,l.jsx)("p",{className:"text-white/50 text-sm",children:e.desc})]})]})},e.title)})})]})}),(0,l.jsx)("section",{id:"providers",ref:function(e){return T.current.providers=e},className:"relative z-10 py-10 lg:py-14 px-6",children:(0,l.jsxs)("div",{className:"max-w-6xl mx-auto",children:[(0,l.jsxs)("div",{className:"text-center mb-12",children:[(0,l.jsx)("h2",{className:"text-2xl md:text-4xl font-primary font-bold text-white mb-4",children:"Основные провайдеры Backend как сервис (2026)"}),(0,l.jsx)("p",{className:"text-white/60 text-base lg:text-lg max-w-3xl mx-auto",children:"Сравните ведущие BaaS-платформы и выберите подходящую для вашего проекта."})]}),(0,l.jsxs)("div",{className:"mb-12",children:[(0,l.jsx)(p.Z,{title:"Back4app",subtitle:"Лучший выбор для разработки с ИИ и масштабируемой open-source архитектурой",desc:"В 2026 году лидирует за счёт встроенного ИИ-агента для генерации бэкенда на естественном языке и поддержки Model Context Protocol (MCP), позволяя код-агентам (например Cursor или Windsurf) напрямую управлять вашей инфраструктурой. На базе Parse Server: гибкость Relational NoSQL, встроенный Container as a Service (CaaS) и корпоративная безопасность с соответствием SOC 2 и HIPAA без риска vendor lock-in."}),(0,l.jsx)(p.Z,{title:"Firebase",subtitle:"Лучший выбор для экосистемы Google и мобильной аналитики",desc:"Остаётся основным выбором для разработчиков с глубокой интеграцией Google Cloud: Firebase Data Connect подключает управляемый PostgreSQL к мобильному стеку. Нативная поддержка Gemini для Cloud Functions и прямые пайплайны в BigQuery для аналитики в реальном времени — стандарт для быстро растущих приложений с упором на маркетинг и crash-репорты Google."}),(0,l.jsx)(p.Z,{title:"Supabase",subtitle:"Лучший выбор для продвинутых пользователей SQL и Postgres в реальном времени",desc:"Главная open-source альтернатива Firebase: полная среда PostgreSQL с Row Level Security (RLS) для детального контроля доступа к данным. Edge Functions (Deno) с низкой задержкой, подписки в реальном времени и расширение pgvector — предпочтительный вариант для ИИ-приложений с семантическим поиском и реляционной целостностью."}),(0,l.jsx)(p.Z,{title:"Appwrite",subtitle:"Лучший выбор для команд с фокусом на приватность и производительность на MariaDB",desc:"Выделяющийся self-hosted BaaS на MariaDB и API TablesDB для быстрой и оптимизированной реляционной работы. Ориентирован на деплой через Docker, даёт единый набор API для аутентификации и хранилища, полный контроль над данными и возможность запускать весь бэкенд в своей инфраструктуре или в Appwrite Cloud."}

1),(0,l.jsx)(p.Z,{title:"AWS Amplify",subtitle:"Лучший выбор для быстрого развёртывания в стеке AWS",desc:"Удобный TypeScript-first (Gen 2) workflow с описанием инфраструктуры как кода прямо в репозитории. Скрывает сложность Amazon Web Services, интегрируется с DynamoDB, AppSync (GraphQL) и AWS CDK — наиболее мощный вариант для корпоративных приложений, уже работающих в экосистеме Amazon."})]}),(0,l.jsxs)("div",{className:"text-center mb-10",children:[(0,l.jsx)("p",{className:"text-white/60 text-base lg:text-lg mb-6",children:"Сравнение этих провайдеров по основным возможностям"}),(0,l.jsx)("div",{className:"w-24 h-px mx-auto bg-gradient-to-r from-transparent via-white/20 to-transparent"})]}),(0,l.jsxs)("div",{className:"flex flex-wrap justify-center gap-3 mb-8",children:[(0,l.jsx)("button",{onClick:function(){return P("all")},className:"px-4 py-2 rounded-lg text-sm font-medium transition-all ".concat("all"===v?"bg-[#208AEC] text-white":"bg-white/5 text-white/60 hover:bg-white/10"),children:"Все провайдеры"}),(0,l.jsx)("button",{onClick:function(){return P("open-source")},className:"px-4 py-2 rounded-lg text-sm font-medium transition-all ".concat("open-source"===v?"bg-[#27AE60] text-white":"bg-white/5 text-white/60 hover:bg-white/10"),children:"Только Open Source"}),(0,l.jsx)("button",{onClick:function(){return P("ai-frontend")},className:"px-4 py-2 rounded-lg text-sm font-medium transition-all ".concat("ai-frontend"===v?"bg-[#9B59B6] text-white":"bg-white/5 text-white/60 hover:bg-white/10"),children:"ИИ для фронтенда"})]}),(0,l.jsx)("div",{className:"bg-white/[0.02] backdrop-blur-md border border-white/10 rounded-2xl overflow-hidden transition-all duration-700 ".concat(t.providers?"opacity-100 translate-y-0":"opacity-0 translate-y-8"),children:(0,l.jsx)("div",{className:"overflow-x-auto",children:(0,l.jsxs)("table",{className:"w-full",children:[(0,l.jsx)("thead",{children:(0,l.jsxs)("tr",{className:"border-b border-white/10",children:[(0,l.jsx)("th",{scope:"col",className:"px-4 py-4 text-left text-white/70 font-medium",children:"Возможность"}),R().map(function(e,t){return(0,l.jsxs)("th",{scope:"col",className:"px-4 py-4 text-center font-semibold ".concat(0===t?"text-[#27AE60]":"text-white"),children:[e.name,0===t&&(0,l.jsx)("span",{className:"block text-xs text-[#27AE60]/70 font-normal",children:"Рекомендуем"})]},e.name)})]})}),(0,l.jsxs)("tbody",{children:[(0,l.jsxs)("tr",{className:"border-b border-white/5",children:[(0,l.jsx)("th",{scope:"row",className:"px-4 py-3 text-white/70 text-left font-normal",children:"Open source"}),R().map(function(e,t){return(0,l.jsx)("td",{className:"px-4 py-3 text-center ".concat(0===t?"bg-[#27AE60]/5":""),children:e.openSource?(0,l.jsx)(C,{className:"w-5 h-5 text-[#27AE60] mx-auto"}):(0,l.jsx)(A,{className:"w-5 h-5 text-white/30 mx-auto"})},e.name)})]}),(0,l.jsxs)("tr",{className:"border-b border-white/5",children:[(0,l.jsx)("th",{scope:"row",className:"px-4 py-3 text-white/70 text-left font-normal",children:"База данных"}),R().map(function(e,t){return(0,l.jsx)("td",{className:"px-4 py-3 text-center ".concat(0===t?"bg-[#27AE60]/5":""),children:(0,l.jsx)("span",{className:"text-white/80 text-sm",children:e.database})},e.name)})]}),(0,l.jsxs)("tr",{className:"border-b border-white/5",children:[(0,l.jsx)("th",{scope:"row",className:"px-4 py-3 text-white/70 text-left font-normal",children:"Бесплатный план"}),R().map(function(e,t){return(0,l.jsx)("td",{className:"px-4 py-3 text-center ".concat(0===t?"bg-[#27AE60]/5":""),children:e.freeTier?(0,l.jsx)(C,{className:"w-5 h-5 text-[#27AE60] mx-auto"}):(0,l.jsx)(A,{className:"w-5 h-5 text-white/30 mx-auto"})},e.name)})]}),(0,l.jsxs)("tr",{className:"border-b border-white/5",children:[(0,l.jsx)("th",{scope:"row",className:"px-4 py-3 text-white/70 text-left font-normal",children:"Реальное время"}),R().map(function(e,t){return(0,l.jsx)("td",{className:"px-4 py-3 text-center ".concat(0===t?"bg-[#27AE60]/5":""),children:e["real-time"]?(0,l.jsx)(C,{className:"w-5 h-5 text-[#27AE60] mx-auto"}):(0,l.jsx)(A,{className:"w-5 h-5 text-white/30 mx-auto"})},e.name)})]}),(0,l.jsxs)("tr",{className:"border-b border-white/5",children:[(0,l.jsx)("th",{scope:"row",className:"px-4 py-3 text-white/70 text-left font-normal",children:"AI/MCP"}),R().map(function(e,t){return(0,l.jsx)("td",{className:"px-4 py-3 text-center ".concat(0===t?"bg-[#27AE60]/5":""),children:e.aiMcp?(0,l.jsx)(C,{className:"w-5 h-5 text-[#27AE60] mx-auto"}):(0,l.jsx)(A,{className:"w-5 h-5 text-white/30 mx-auto"})},e.name)})]}),(0,l.jsxs)("tr",{className:"border-b border-white/5",children:[(0,l.jsx)("th",{scope:"row",className:"px-4 py-3 text-white/70 text-left font-normal",children:"Деплой в контейнерах"}),R().map(function(e,t){return(0,l.jsx)("td",{className:"px-4 py-3 text-center ".concat(0===t?"bg-[#27AE60]/5":""),children:e.containerDeployment?(0,l.jsx)(C,{className:"w-5 h-5 text-[#27AE60] mx-auto"}):(0,l.jsx)(A,{className:"w-5 h-5 text-white/30 mx-auto"})},e.name)})]}),(0,l.jsxs)("tr",{children:[(0,l.jsx)("th",{scope:"row",className:"px-4 py-3 text-white/70 text-left font-normal",children:"ИИ для фронтенда"}),R().map(function(e,t){return(0,l.jsx)("td",{className:"px-4 py-3 text-center ".concat(0===t?"bg-[#27AE60]/5":""),children:e.aiFrontend?(0,l.jsx)(C,{className:"w-5 h-5 text-[#27AE60] mx-auto"}):(0,l.jsx)(A,{className:"w-5 h-5 text-white/30 mx-auto"})},e.name)})]})]})]})})})]})}),(0,l.jsxs)("div",{className:"text-center mb-10",children:[(0,l.jsx)("p",{className:"text-white/60 text-base lg:text-lg mb-6",children:"Каждая из перечисленных платформ — лидер в сегменте BaaS. Выбор зависит от вашего сценария, бюджета и предпочтений команды."}),(0,l.jsx)("div",{className:"w-24 h-px mx-auto bg-gradient-to-r from-transparent via-white/20 to-transparent"})]}),(0,l.jsx)("section",{id:"faq",ref:function(e){return T.current.faq=e},className:"relative z-10 py-10 lg:py-14 px-6",children:(0,l.jsxs)("div",{className:"max-w-4xl mx-auto",children:[(0,l.jsxs)("div",{className:"text-center mb-12",children:[(0,l.jsx)("h2",{className:"text-2xl md:text-4xl font-primary font-bold text-white mb-4",children:"Частые вопросы"}),(0,l.jsx)("p",{className:"text-white/60 text-base lg:text-lg max-w-3xl mx-auto",children:"Частые вопросы о платформах Backend как сервис."})]}),(0,l.jsx)("div",{className:"space-y-4",children:S.map(function(e,t){return(0,l.jsx)(p.Z,{title:e.question,desc:e.answer},t)})})]})}),(0,l.jsxs)("section",{ref:function(e){return T.current.cta=e},className:"relative z-10 py-14 lg:py-20 px-6",children:[(0,l.jsx)("div",{className:"absolute inset-0 overflow-hidden pointer-events-none",children:(0,l.jsx)("div",{className:"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[40rem] h-[40rem] rounded-full opacity-20",style:{background:"radial-gradient(circle, rgba(39, 174, 96, 0.3) 0%, transparent 70%)"}})}),(0,l.jsxs)("div",{className:"relative z-10 max-w-3xl mx-auto text-center",children:[(0,l.jsx)("h2",{className:"text-3xl lg:text-5xl font-bold text-white mb-6 font-primary leading-tight",children:"Готовы построить свой бэкенд?"}),(0,l.jsx)("p",{className:"text-white/60 text-lg mb-10",children:"Запустите проект за минуты. Кредитная карта не нужна."}),(0,l.jsxs)("div",{className:"flex flex-col sm:flex-row justify-center gap-4",children:[(0,l.jsx)(o(),{href:"/signup",passHref:!0,children:(0,l.jsx)("a",{className:"inline-flex items-center justify-center h-12 px-8 font-semibold text-base rounded-md bg-[#27AE60] text-white hover:bg-[#13A39A] transition-colors",children:"Начать бесплатно"})}),(0,l.jsx)(o(),{href:"/pricing/backend-as-a-service",passHref:!0,children:(0,l.jsx)("a",{className:"inline-flex items-center justify-center h-12 px-8 font-semibold text-base rounded-md border border-white text-white bg-transparent hover:bg-white/10 transition-colors",children:"Смотреть цены"})})]})]})]})]})," "]})},W=!0;t.default=P},269396:function(e,t,s){"use strict";function a(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):(function(e,t){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);s.push.apply(s,a)}return s}

1)(Object(t)).forEach(function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(t,s))}),e}s.d(t,{Z:function(){return a}})}},function(e){e.O(0,[25675,49774,92888,40179],function(){return e(e.s=331895)}),_N_E=e.O()}]);