https://outerbase.com/_next/static/chunks/pages/connections/cloudflare-cbd224668ca0e96a.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1991],{7607:(e,t,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/connections/cloudflare",function(){return a(2293)}])},6365:(e,t,a)=>{"use strict";a.d(t,{A:()=>s});let s={src:"/_next/static/media/cloudflare-bg.ccdec800.webp",height:771,width:1024,blurDataURL:"data:image/webp;base64,UklGRlgAAABXRUJQVlA4IEwAAACwAQCdASoIAAYAAkA4JQBOgB5th3oAAP55O6enAMDSfme8g/8SL6Bf6vbCZyWChqmZq2M4osRxIs/g41hTKqzIdEHZVk7sOyAkAAAA",blurWidth:8,blurHeight:6}},7071:(e,t,a)=>{"use strict";a.d(t,{A:()=>r});var s=a(5105),l=a(7416);let r=e=>{let{children:t,className:a,cols:r,gap:n=40}=e;return(0,s.jsx)("div",{className:(0,l.cn)("grid w-full grid-cols-2 items-stretch gap-8 [@media(max-width:400px)]:grid-cols-1",{"md:grid-cols-2":2===r,"md:grid-cols-3":3===r,"md:grid-cols-3 lg:grid-cols-4":4===r,"md:grid-cols-4 lg:grid-cols-5":5===r,"gap-0 md:gap-0":0===n,"md:gap-6":24===n,"md:gap-10":40===n,"md:gap-16":64===n,"md:gap-20":80===n},a),children:t})}},2119:(e,t,a)=>{"use strict";a.d(t,{A:()=>d});var s=a(5105),l=a(467),r=a(5326),n=a(5114),i=a(7416),c=a(548);let d=e=>{var t,a;let{button:d,children:o,className:u,subhead:m,tag:x,textLink:h,title:p,width:v="full"}=e,b=r.A[null!==(t=p.size)&&void 0!==t?t:"HeadlineSm"],f=r.A[null!==(a=null==m?void 0:m.size)&&void 0!==a?a:"Body"];return(0,s.jsxs)("header",{className:(0,i.cn)("flex w-full flex-col",c.M[v],u),children:[x,(0,s.jsx)(b,{className:(0,i.cn)("text-balance text-neutral-100 md:max-w-prose",p.className),children:p.text}),(null==m?void 0:m.text)&&(0,s.jsx)(f,{className:(0,i.cn)("mt-4 text-pretty text-neutral-400 md:max-w-prose",m.className),children:m.text}),o,d&&(0,s.jsx)(l.A,{className:"mt-10",...d}),h&&(0,s.jsx)(n.A,{className:"mt-6",...h})]})}},5114:(e,t,a)=>{"use strict";a.d(t,{A:()=>c});var s=a(5105),l=a(787),r=a(1295),n=a.n(r),i=a(7416);let c=e=>{let{aria:t,className:a,external:r,garnish:c=!0,href:d,text:o}=e;return(0,s.jsxs)(n(),{"aria-label":null!=t?t:o,className:(0,i.cn)("group inline items-center gap-1 text-sm font-medium text-neutral-200 transition-colors sm:flex sm:w-max sm:hover:text-white",a),href:d,rel:r?"noopener noreferrer":void 0,target:r?"_blank":void 0,children:[o,c&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("p",{className:"ml-1 mr-0.5 inline whitespace-nowrap sm:hidden",children:"->"}),(0,s.jsx)(l.A,{className:"hidden sm:flex"})]})]})}},8691:(e,t,a)=>{"use strict";a.d(t,{A:()=>i});var s=a(5105),l=a(8828),r=a(5326),n=a(7416);let i=e=>{let{children:t,className:a,cleanupIcons:i,icon:c,subhead:d,title:o}=e;return(0,s.jsxs)("div",{className:(0,n.cn)("flex flex-col",a),children:[i?(0,s.jsx)(l.V.Provider,{value:{className:"mb-4 text-neutral-600",size:22,weight:"fill"},children:c}):c,(0,s.jsx)(r.A.Subhead,{className:"text-balance",children:o}),d&&(0,s.jsx)(r.A.BodySm,{className:"mt-2.5 text-pretty text-base sm:text-sm",children:d}),t]})}},3046:(e,t,a)=>{"use strict";a.d(t,{A:()=>d});var s=a(5105),l=a(7071),r=a(2119),n=a(4528),i=a(1070),c=a(8691);a(8101);let d=e=>{var t;let{cleanupIcons:a,cols:d,data:o,headline:u,reveal:m=!1}=e;return(0,s.jsx)(i.A,{reveal:m,children:(0,s.jsxs)(n.A,{children:[(0,s.jsx)(r.A,{...u,title:{text:null==u?void 0:u.title.text,size:"Headline"},subhead:{text:null==u?void 0:null===(t=u.subhead)||void 0===t?void 0:t.text}}),(0,s.jsx)(l.A,{gap:80,cols:d,className:"gap-y-12 md:gap-y-14",children:o.map((e,t)=>(0,s.jsx)(c.A,{cleanupIcons:a,icon:e.icon,subhead:e.subhead,title:e.title},t))})]})})}},8267:(e,t,a)=>{"use strict";a.d(t,{U:()=>o,A:()=>u});var s=a(5105),l=a(5326),r=a(8101);let n=(e,t)=>{(0,r.useEffect)(()=>{if(!(null==e?void 0:e.current))return;let a=()=>{(null==e?void 0:e.current)&&t.forEach((t,a)=>{var s;let l=null===(s=e.current)||void 0===s?void 0:s.querySelectorAll(".parallax-element")[a];if(l instanceof HTMLElement){let e=scrollY*t;l.style.transform="translateY(".concat(e,"px) translate3D(0,0,0)")}})};return window.addEventListener("scroll",a),()=>{window.removeEventListener("scroll",a)}},[e,t])};var i=a(3790),c=a.n(i),d=a(7416);let o=e=>{let{bgCover:t,bgGarnish:a}=e,l=(0,r.useRef)(null);return n(l,[.1,-.4]),(0,s.jsxs)("div",{className:(0,d.cn)("fade pointer-events-none absolute left-0 top-0 -z-10 h-full w-full animate-fade select-none overflow-x-clip"),ref:l,children:[(0,s.jsx)("div",{className:"parallax-element absolute top-0 h-[800px] w-full transform-gpu after:absolute after:bottom-0 after:left-0 after:h-full after:w-full after:bg-gradient-to-t after:from-black after:to-black/0",children:(0,s.jsx)(c(),{src:t,alt:"page background image",f

1ill:!0,className:"object-cover",sizes:"(max-width: 640px) 100vw, (max-width: 1024px) 75vw, 100vw",priority:!0})}),a&&(0,s.jsx)("div",{className:"parallax-element absolute top-0 flex h-max w-full transform-gpu items-end justify-end",children:a})]})},u=e=>{let{bgCover:t,bgGarnish:a,title:r,subhead:n,children:i,masthead:c}=e;return(0,s.jsxs)("section",{className:"w-full px-6 pb-12 pt-16 sm:pb-20 sm:pt-32",children:[(0,s.jsx)(o,{bgCover:t,bgGarnish:null!=a?a:null}),(0,s.jsxs)("header",{className:"mx-auto flex w-full max-w-7xl flex-col gap-6 sm:gap-10",children:[c,(0,s.jsx)(l.A.HeadlineLg,{className:"reveal animate-revealHero1",children:r}),n&&(0,s.jsx)(l.A.Subhead,{as:"h2",className:"reveal -mt-2 animate-revealHero2 text-balance sm:-mt-4",children:n}),i&&(0,s.jsx)("div",{className:"reveal flex animate-revealHero3 flex-col gap-2 sm:items-center [@media(min-width:340px)]:flex-row",children:i})]})]})}},1233:(e,t,a)=>{"use strict";a.d(t,{A:()=>y});var s=a(5105),l=a(8646),r=a(6643),n=a(8),i=a(2505),c=a(9922),d=a(7708),o=a(467),u=a(3192),m=a(3046),x=a(8267),h=a(8092),p=a(3410),v=a(4342),b=a(1070),f=a(3189);let g=e=>{let{altText:t,img:a,reveal:l=!0,video:r}=e,n=(0,f.A)();return(0,s.jsx)(b.A,{noPad:!0,reveal:l,children:(0,s.jsx)("div",{className:"mx-auto aspect-8/9 w-full max-w-7xl overflow-hidden rounded-xl border border-white/10 bg-neutral-950 sm:aspect-4/3",children:n?(0,s.jsx)(v.A,{alt:t,height:720,src:a,width:640,className:"block sm:hidden"}):(0,s.jsx)("video",{autoPlay:!0,loop:!0,muted:!0,playsInline:!0,className:"hidden sm:block",children:(0,s.jsx)("source",{src:r,type:"video/mp4"})})})})};var A=a(315),w=a(4039);let j={src:"/_next/static/media/databases-sm.e8df502e.webp"},N={src:"/_next/static/media/providers-sm.c40b86e5.webp"},y=e=>{let{children:t,connectionTitle:a,connectionType:v,bgCover:b}=e,f="db"===v;return(0,s.jsxs)(A.A,{children:[(0,s.jsx)(w.A,{description:"Get started with Outerbase and ".concat(a,"."),title:"Outerbase | ".concat(a)}),(0,s.jsx)(h.A,{}),(0,s.jsxs)("main",{children:[(0,s.jsxs)(x.A,{title:a,subhead:f?"The easiest way to manage your ".concat(a," database."):"Get started with Outerbase and ".concat(a,"."),bgCover:b,children:[(0,s.jsx)(o.A,{href:"https://github.com/outerbase/studio",title:"View on Github"}),(0,s.jsx)(o.A,{href:"/connections",title:"View all connections",variant:"ghost"})]}),(0,s.jsx)(g,{video:"/videos/connection.mp4",img:f?j.src:N.src,altText:f?"Databases":"Connections"}),t,(0,s.jsx)(m.A,{cleanupIcons:!0,cols:3,headline:{title:{text:"Features Include"}},data:[{icon:(0,s.jsx)(l.z,{}),subhead:"Invite your teammates, share queries, dashboards, and discoveries",title:"Collaborate"},{icon:(0,s.jsx)(r.a,{}),subhead:"Navigate your database with SQL or by using natural langauge.",title:"AI-Powered ".concat(a)},{icon:(0,s.jsx)(n.W,{}),subhead:"Add tables, edit data, and even update your schema directly in Outerbase",title:"Full-control"},{icon:(0,s.jsx)(i.o,{}),subhead:"Connect to your database freely knowing security is our number one priority",title:"SOC 2 & HIPAA Compliant"},{icon:(0,s.jsx)(c.G,{}),subhead:"Enrich your data and improve understanding using metadata and tagging",title:"Data Catalogs"},{icon:(0,s.jsx)(d.c,{}),subhead:"Get support from our thriving community or directly from the Outerbase team",title:"Community & Support"}]})]}),(0,s.jsx)(p.A,{}),(0,s.jsx)(u.A,{})]})}},3189:(e,t,a)=>{"use strict";a.d(t,{A:()=>l});var s=a(8101);let l=()=>{let[e,t]=(0,s.useState)(!1);return(0,s.useEffect)(()=>{{let e=window.matchMedia("(max-width: 640px)"),a=e=>{t(e.matches)};return t(e.matches),e.addEventListener("change",a),()=>e.removeEventListener("change",a)}},[]),e}},2293:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>n});var s=a(5105),l=a(1233),r=a(6365);let n=()=>(0,s.jsx)(l.A,{connectionTitle:"Cloudflare",connectionType:"partner",bgCover:r.A.src})}},e=>{var t=t=>e(e.s=t);e.O(0,[5598,9601,6752,636,6593,8792],()=>t(7607)),_N_E=e.O()}]);