@redocly/marketing-pages 0.1.9 → 0.1.11

package/dist/components/LayoutButtons/ProductButtons.js

@@ -1,4 +1,4 @@
-import o from"react";import n from"styled-components";import{useLocation as d}from"react-router-dom";import{Button as s}from"../Button/CustomButton";import{GetStartedButton as m}from"./GetStartedButton";import{breakpoints as p}from"@redocly/theme/core/utils";const k=()=>{const{pathname:i}=d(),r=[{text:"Reunite",id:"reunite"},{text:"Redoc",id:"redoc"},{text:"Revel",id:"revel"},{text:"Reef",id:"reef"}],l=e=>{const t=document.getElementById(e);if(t){const c=window.scrollY;window.scrollTo(0,0),t.scrollIntoView({block:"start"});const a=window.scrollY-64;window.scroll(0,c),window.scrollTo({top:a,behavior:"smooth"})}};return o.createElement(u,null,o.createElement(f,{pathname:i},r.map((e,t)=>o.createElement(x,{key:t,variant:"dark",onClick:()=>l(e.id),isLast:r.length-1===t},e.text))),o.createElement(m,null))},u=n.div`
+import o from"react";import n from"styled-components";import{Button as d}from"../Button/CustomButton";import{GetStartedButton as a}from"./GetStartedButton";import{breakpoints as s}from"@redocly/theme/core/utils";const h=()=>{const r=[{text:"Reunite",id:"reunite"},{text:"Redoc",id:"redoc"},{text:"Revel",id:"revel"},{text:"Reef",id:"reef"}],i=e=>{const t=document.getElementById(e);if(t){const l=window.scrollY;window.scrollTo(0,0),t.scrollIntoView({block:"start"});const c=window.scrollY-64;window.scroll(0,l),window.scrollTo({top:c,behavior:"smooth"})}};return o.createElement(m,null,o.createElement(p,null,r.map((e,t)=>o.createElement(u,{key:t,variant:"dark",onClick:()=>i(e.id),isLast:r.length-1===t},e.text))),o.createElement(a,null))},m=n.div`
   position: fixed;
   display: none;
   flex-direction: column;
@@ -9,11 +9,11 @@ import o from"react";import n from"styled-components";import{useLocation as d}fr
   align-items: center;
   justify-content: center;
 
-  @media screen and (min-width: ${p.medium}) {
+  @media screen and (min-width: ${s.medium}) {
     flex-direction: row;
     display: flex;
   }
-`,f=n.div`
+`,p=n.div`
   display: flex;
   height: fit-content;
   width: fit-content;
@@ -21,6 +21,6 @@ import o from"react";import n from"styled-components";import{useLocation as d}fr
   padding: 8px;
   gap: 12px;
   background-color: var(--color-greyscale-opacity-90);
-`,x=n(s)`
+`,u=n(d)`
   margin: 0 !important;
-`;export{k as ProductButtons};
+`;export{h as ProductButtons};

package/dist/pages/about/about.page.js

@@ -1,4 +1,4 @@
-import e from"react";import{linearGradient as c}from"polished";import a from"styled-components";import{breakpoints as n}from"@redocly/theme/core/utils";import{Box as t}from"../../ui/Box";import{DualView as E}from"../../components/DualView/DualView";import{Button as b}from"../../components/Button/CustomButton";import{CallToAction as R}from"../../components/CallToAction/CallToAction";import{Circle as s,CircleWrapper as y}from"../../components/Circle/Circle";import{Grid as u,MediaBox as o,Skewed as d}from"../../components/PositionItems";import{ResponsiveImg as g}from"../../components/ImageComponents";import{Tooltip as I}from"../../components/CustomTooltip/Tooltip";import{QuoteTip as m}from"../../components/QuoteTip/QuoteTip";import{VerticalLine as x}from"../../components/VerticalLine/VerticalLine";import{RecentPosts as k}from"../../components/Blog/RecentPosts";import{CareerCard as C}from"./components/CareerCard";import{Avatar as v,FoundersQuoteWrapper as D}from"../../components/FoundersQuoteWrapper";import{RedockerCard as T}from"./components/RedockerCard";import{TripleComponent as z}from"./components/TripleComponent";import{WorldMap as O}from"./components/WorldMap";import{RedocWidget as P}from"./components/RedocWidget";import w from"../../images/redockers/adam-headshot.png";import A from"../../images/redockers/roman-headshot.png";import W from"../../images/redockers/pat-headshot.png";import{H1Title as _,H2Title as p,H4Title as l,Paragraph as i}from"../../components/TypographyElements";function ge(){return e.createElement(e.Fragment,null,e.createElement(d,{angle:0,bg:c({colorStops:["rgb(0, 104, 251)","rgb(126, 65, 255)"],toDirection:"to right bottom"}),offsetBottom:"10px"},e.createElement(o,null,e.createElement(t,{maxWidth:"900px",mt:{_:"50px",small:"100px"},mb:"40px",mx:"auto"},e.createElement(j,null,"Redocly bridges the divide between documentation and innovation")))),e.createElement(O,null,e.createElement(o,null,e.createElement(t,{maxWidth:"500px"},e.createElement(p,{color:"var(--secondary-color)"},"The almighty API Economy is leaving more and more companies behind. We are here to change that.")))),e.createElement(d,{angle:0,bg:"#F0F5FF",offsetTop:"calc(-40px - 10vw)"},e.createElement(o,{width:"730px"},e.createElement(m,{to:"bottom",style:{boxShadow:"0 3px 16px 0px rgb(0 68 212 / 20%)"},padding:{_:"20px",small:"40px 60px"}},e.createElement(i,{color:"var(--color-text-dimmed)",mt:{base:0},mb:{base:0}},"API docs have become a make-or-break asset in today\u2019s connected economy. Redocly helps companies make the most of their APIs by keeping documentation sleek, up to date, and ready for internal and external users. With minimal hand-holding and maximum ROI."))),e.createElement(o,null,e.createElement(t,{maxWidth:"1000px",mt:"100px",mb:{_:"60px",small:"130px"},mx:"auto"},e.createElement(p,{textAlign:{base:"center"},mt:{base:"50px"},mb:{base:"50px"},color:"var(--color-text-dark)"},"Our North-Star design principles"),e.createElement(q,null,e.createElement(f,null,e.createElement(g,{src:require("./images/icons/developers-first.svg"),alt:"developer first"}),e.createElement(l,null,"Developers first"),e.createElement(t,{maxWidth:{_:"200px",small:"initial"},m:"auto"},e.createElement(h,null,"Docs-like-code fully integrated with your delivery pipeline."))),e.createElement(f,null,e.createElement(g,{src:require("./images/icons/everyone-all-in.svg"),alt:"all in"}),e.createElement(l,null,"Everyone all-in"),e.createElement(h,null,"Removing friction between API creators, documentarians and users.")),e.createElement(f,null,e.createElement(g,{src:require("./images/icons/on-board.svg"),alt:"brand"}),e.createElement(l,null,"On brand, on your terms"),e.createElement(t,{maxWidth:{_:"250px",small:"initial"},m:"auto"},e.createElement(h,null,"Full customization power for every part of your API consumer\u2019s journey."))))))),e.createElement(t,{pt:"32px",bg:"#F8FAFF",textAlign:"center"},e.createElement(y,{zIndex:1},e.createElement(s,{size:"600px",top:"-300px",left:"-250px"}),e.createElement(s,{size:"800px",top:"-400px",left:"-400px"})),e.createElement(o,{mt:{_:"10px",small:"60px"}},e.createElement(p,{color:"var(--color-text-dark)",textAlign:{base:"center"}},"The Origin Story"),e.createElement(D,null,e.createElement(I,{id:"global"},"Our co-founders",e.createElement("br",null),"Roman & Adam"),e.createElement(t,{className:"avatars","data-tip":!0,"data-for":"global"},e.createElement(v,{src:A}),e.createElement(v,{src:w})),e.createElement(m,{to:"left",style:{boxShadow:"rgb(0 68 212 / 20%) 0px 0px 15px -5px"},padding:{_:"12px 12px",small:"16px 32px"}},e.createElement(i,{mt:{base:0},mb:{base:0},color:"#0044D4"},e.createElement($,null,"\u201CIf you want something done right, DIY\u201D")))),e.createElement(m,{to:"bottom",bg:c({colorStops:["rgb(0, 104, 251)","rgb(126, 65, 255)"],toDirection:"to right bottom"}),style:{width:"min-content",color:"white",margin:"0 auto 40px"},padding:"12px 32px"},e.createElement(l,{mb:0,mt:0,color:"var(--secondary-color)"},"2015")),e.createElement(E,{imageSrc:require("./images/story-2015-a.png"),reversed:!0},e.createElement(t,{maxWidth:"420px",ml:"auto",mr:{_:"auto",medium:"40px"}},e.createElement(i,{textAlign:{base:"left"},color:"var(--color-text-dimmed)"},"Rebilly, a Texas-bred payments fintech, adopts OpenAPI but is severely disappointed in Swagger\u2019s UI and performance. So they build their own documentation tool from scratch.")),e.createElement(x,null)),e.createElement("div",{style:{background:"#f8faff"}},e.createElement(m,{to:"bottom",bg:c({colorStops:["rgb(0, 104, 251)","rgb(126, 65, 255)"],toDirection:"to right bottom"}),padding:"12px 32px",style:{width:"min-content",color:"white",margin:"0 auto 40px"}},e.createElement(l,{mb:0,mt:0,color:"var(--secondary-color)"},"2016")),e.createElement(t,{position:"relative",mb:"40px"},e.createElement(x,null),e.createElement(H,null,e.createElement(P,null),e.createElement(t,{maxWidth:"415px",mr:"auto",ml:{_:"auto",medium:"40px"}},e.createElement(i,{textAlign:{base:"left"},color:"var(--color-text-dimmed)"},"Redoc (",e.createElement("strong",null,"Re"),"billy ",e.createElement("strong",null,"Doc"),"umentation) sees the light and developers jump onboard en masse. 17,000+ GitHub stars and 10,000s of corporate users later, it\u2019s the favorite open-source API documentation tool out there.")))),e.createElement(d,{angle:0,bg:"#F8FAFF"},e.createElement(o,null,e.createElement(m,{to:"bottom",bg:c({colorStops:["rgb(0, 104, 251)","rgb(126, 65, 255)"],toDirection:"to right bottom"}),width:"min-content",color:"var(--color-text-light)",margin:"0 auto 40px",padding:"12px 32px"},e.createElement(l,{mb:0,mt:0,color:"var(--secondary-color)"},"2018")),e.createElement(E,{imageSrc:require("./images/story-2018.png"),reversed:!0},e.createElement(t,{maxWidth:"415px",ml:"auto",mr:{_:"auto",medium:"40px"}},e.createElement(i,{textAlign:{base:"left"},color:"var(--color-text-dimmed)"},"Following user demand and interest by leading investors, Redocly is launched as a premium SaaS: faster, feature-packed and catering to the enterprise of today... and tomorrow.")),e.createElement(x,null))))))),e.createElement(d,{angle:0,bg:"#F0F5FF",offsetBottom:"150px",style:{overflowX:"clip"}},e.createElement(o,null,e.createElement(m,{to:"bottom",bg:c({colorStops:["rgb(0, 104, 251)","rgb(126, 65, 255)"],toDirection:"to right bottom"}),width:"min-content",color:"var(--color-text-light)",margin:"0 auto 40px",padding:"12px 32px"},e.createElement(l,{mb:0,mt:0,color:"var(--secondary-color)"},"2020+")),e.createElement(z,null),e.createElement(t,{maxWidth:"600px",margin:"0 auto",style:{textAlign:"center"},padding:"0 0 40px"},e.createElement(i,{textAlign:{base:"center"},color:"var(--color-text-dimmed)"},"Redocly\u2019s full product is used daily by over 10,000 corporate customers that value better, future-proofed API docs and developer experiences. Our story continues with you \u{1F447}"),e.createElement(t,{display:"flex",justifyContent:"center"},e.createElement(b,{to:"https://auth.cloud.redocly.com/registration",size:"large",className:"landing-button"},"Start 30-day free trial")))),e.createElement(y,{left:"100%",zIndex:-1},e.createElement(s,{size:"600px",top:"-300px",right:"-340px"}),e.createElement(s,{size:"800px",top:"-400px",right:"-480px"})),e.createElement(o,{style:{textAlign:"center"},mt:{_:"30px",small:"60px"}},e.createElement(p,{color:"var(--color-text-dark)"},"Redockers, assemble!"),e.createElement(B,null,N.map(([r,S,F])=>e.createElement(T,{key:r,image:F,name:r,position:S}))))),e.createElement(o,{mt:{_:5,small:6}},e.createElement(C,null),e.createElement(t,{my:{_:6,small:7}},e.createElement(k,null))),e.createElement(R,{title:"Speed all the way to API maturity",description:"Launch API docs in seconds, for free. Try the full product suite for 14 days."},e.createElement(b,{to:"https://auth.cloud.redocly.com/registration",size:"large",className:"landing-button"},"Start 30-day free trial")))}const f=a(t)`
+import e from"react";import{linearGradient as c}from"polished";import a from"styled-components";import{breakpoints as n}from"@redocly/theme/core/utils";import{Box as t}from"../../ui/Box";import{DualView as E}from"../../components/DualView/DualView";import{Button as b}from"../../components/Button/CustomButton";import{CallToAction as R}from"../../components/CallToAction/CallToAction";import{Circle as s,CircleWrapper as y}from"../../components/Circle/Circle";import{Grid as u,MediaBox as o,Skewed as d}from"../../components/PositionItems";import{ResponsiveImg as g}from"../../components/ImageComponents";import{Tooltip as I}from"../../components/CustomTooltip/Tooltip";import{QuoteTip as m}from"../../components/QuoteTip/QuoteTip";import{VerticalLine as x}from"../../components/VerticalLine/VerticalLine";import{RecentPosts as k}from"../../components/Blog/RecentPosts";import{CareerCard as D}from"./components/CareerCard";import{Avatar as v,FoundersQuoteWrapper as z}from"../../components/FoundersQuoteWrapper";import{RedockerCard as C}from"./components/RedockerCard";import{TripleComponent as T}from"./components/TripleComponent";import{WorldMap as W}from"./components/WorldMap";import{RedocWidget as O}from"./components/RedocWidget";import w from"../../images/redockers/adam-headshot.png";import A from"../../images/redockers/roman-headshot.png";import{H1Title as P,H2Title as p,H4Title as l,Paragraph as i}from"../../components/TypographyElements";function pe(){return e.createElement(e.Fragment,null,e.createElement(d,{angle:0,bg:c({colorStops:["rgb(0, 104, 251)","rgb(126, 65, 255)"],toDirection:"to right bottom"}),offsetBottom:"10px"},e.createElement(o,null,e.createElement(t,{maxWidth:"900px",mt:{_:"50px",small:"100px"},mb:"40px",mx:"auto"},e.createElement(N,null,"Redocly bridges the divide between documentation and innovation")))),e.createElement(W,null,e.createElement(o,null,e.createElement(t,{maxWidth:"500px"},e.createElement(p,{color:"var(--secondary-color)"},"The almighty API Economy is leaving more and more companies behind. We are here to change that.")))),e.createElement(d,{angle:0,bg:"#F0F5FF",offsetTop:"calc(-40px - 10vw)"},e.createElement(o,{width:"730px"},e.createElement(m,{to:"bottom",style:{boxShadow:"0 3px 16px 0px rgb(0 68 212 / 20%)"},padding:{_:"20px",small:"40px 60px"}},e.createElement(i,{color:"var(--color-text-dimmed)",mt:{base:0},mb:{base:0}},"API docs have become a make-or-break asset in today\u2019s connected economy. Redocly helps companies make the most of their APIs by keeping documentation sleek, up to date, and ready for internal and external users. With minimal hand-holding and maximum ROI."))),e.createElement(o,null,e.createElement(t,{maxWidth:"1000px",mt:"100px",mb:{_:"60px",small:"130px"},mx:"auto"},e.createElement(p,{textAlign:{base:"center"},mt:{base:"50px"},mb:{base:"50px"},color:"var(--color-text-dark)"},"Our North-Star design principles"),e.createElement(j,null,e.createElement(f,null,e.createElement(g,{src:require("./images/icons/developers-first.svg"),alt:"developer first"}),e.createElement(l,null,"Developers first"),e.createElement(t,{maxWidth:{_:"200px",small:"initial"},m:"auto"},e.createElement(h,null,"Docs-like-code fully integrated with your delivery pipeline."))),e.createElement(f,null,e.createElement(g,{src:require("./images/icons/everyone-all-in.svg"),alt:"all in"}),e.createElement(l,null,"Everyone all-in"),e.createElement(h,null,"Removing friction between API creators, documentarians and users.")),e.createElement(f,null,e.createElement(g,{src:require("./images/icons/on-board.svg"),alt:"brand"}),e.createElement(l,null,"On brand, on your terms"),e.createElement(t,{maxWidth:{_:"250px",small:"initial"},m:"auto"},e.createElement(h,null,"Full customization power for every part of your API consumer\u2019s journey."))))))),e.createElement(t,{pt:"32px",bg:"#F8FAFF",textAlign:"center"},e.createElement(y,{zIndex:1},e.createElement(s,{size:"600px",top:"-300px",left:"-250px"}),e.createElement(s,{size:"800px",top:"-400px",left:"-400px"})),e.createElement(o,{mt:{_:"10px",small:"60px"}},e.createElement(p,{color:"var(--color-text-dark)",textAlign:{base:"center"}},"The Origin Story"),e.createElement(z,null,e.createElement(I,{id:"global"},"Our co-founders",e.createElement("br",null),"Roman & Adam"),e.createElement(t,{className:"avatars","data-tip":!0,"data-for":"global"},e.createElement(v,{src:A}),e.createElement(v,{src:w})),e.createElement(m,{to:"left",style:{boxShadow:"rgb(0 68 212 / 20%) 0px 0px 15px -5px"},padding:{_:"12px 12px",small:"16px 32px"}},e.createElement(i,{mt:{base:0},mb:{base:0},color:"#0044D4"},e.createElement(_,null,"\u201CIf you want something done right, DIY\u201D")))),e.createElement(m,{to:"bottom",bg:c({colorStops:["rgb(0, 104, 251)","rgb(126, 65, 255)"],toDirection:"to right bottom"}),style:{width:"min-content",color:"white",margin:"0 auto 40px"},padding:"12px 32px"},e.createElement(l,{mb:0,mt:0,color:"var(--secondary-color)"},"2015")),e.createElement(E,{imageSrc:require("./images/story-2015-a.png"),reversed:!0},e.createElement(t,{maxWidth:"420px",ml:"auto",mr:{_:"auto",medium:"40px"}},e.createElement(i,{textAlign:{base:"left"},color:"var(--color-text-dimmed)"},"Rebilly, a Texas-bred payments fintech, adopts OpenAPI but is severely disappointed in Swagger\u2019s UI and performance. So they build their own documentation tool from scratch.")),e.createElement(x,null)),e.createElement("div",{style:{background:"#f8faff"}},e.createElement(m,{to:"bottom",bg:c({colorStops:["rgb(0, 104, 251)","rgb(126, 65, 255)"],toDirection:"to right bottom"}),padding:"12px 32px",style:{width:"min-content",color:"white",margin:"0 auto 40px"}},e.createElement(l,{mb:0,mt:0,color:"var(--secondary-color)"},"2016")),e.createElement(t,{position:"relative",mb:"40px"},e.createElement(x,null),e.createElement(B,null,e.createElement(O,null),e.createElement(t,{maxWidth:"415px",mr:"auto",ml:{_:"auto",medium:"40px"}},e.createElement(i,{textAlign:{base:"left"},color:"var(--color-text-dimmed)"},"Redoc (",e.createElement("strong",null,"Re"),"billy ",e.createElement("strong",null,"Doc"),"umentation) sees the light and developers jump onboard en masse. 17,000+ GitHub stars and 10,000s of corporate users later, it\u2019s the favorite open-source API documentation tool out there.")))),e.createElement(d,{angle:0,bg:"#F8FAFF"},e.createElement(o,null,e.createElement(m,{to:"bottom",bg:c({colorStops:["rgb(0, 104, 251)","rgb(126, 65, 255)"],toDirection:"to right bottom"}),width:"min-content",color:"var(--color-text-light)",margin:"0 auto 40px",padding:"12px 32px"},e.createElement(l,{mb:0,mt:0,color:"var(--secondary-color)"},"2018")),e.createElement(E,{imageSrc:require("./images/story-2018.png"),reversed:!0},e.createElement(t,{maxWidth:"415px",ml:"auto",mr:{_:"auto",medium:"40px"}},e.createElement(i,{textAlign:{base:"left"},color:"var(--color-text-dimmed)"},"Following user demand and interest by leading investors, Redocly is launched as a premium SaaS: faster, feature-packed and catering to the enterprise of today... and tomorrow.")),e.createElement(x,null))))))),e.createElement(d,{angle:0,bg:"#F0F5FF",offsetBottom:"150px",style:{overflowX:"clip"}},e.createElement(o,null,e.createElement(m,{to:"bottom",bg:c({colorStops:["rgb(0, 104, 251)","rgb(126, 65, 255)"],toDirection:"to right bottom"}),width:"min-content",color:"var(--color-text-light)",margin:"0 auto 40px",padding:"12px 32px"},e.createElement(l,{mb:0,mt:0,color:"var(--secondary-color)"},"2020+")),e.createElement(T,null),e.createElement(t,{maxWidth:"600px",margin:"0 auto",style:{textAlign:"center"},padding:"0 0 40px"},e.createElement(i,{textAlign:{base:"center"},color:"var(--color-text-dimmed)"},"Redocly\u2019s full product is used daily by over 10,000 corporate customers that value better, future-proofed API docs and developer experiences. Our story continues with you \u{1F447}"),e.createElement(t,{display:"flex",justifyContent:"center"},e.createElement(b,{to:"https://auth.cloud.redocly.com/registration",size:"large",className:"landing-button"},"Start 30-day free trial")))),e.createElement(y,{left:"100%",zIndex:-1},e.createElement(s,{size:"600px",top:"-300px",right:"-340px"}),e.createElement(s,{size:"800px",top:"-400px",right:"-480px"})),e.createElement(o,{style:{textAlign:"center"},mt:{_:"30px",small:"60px"}},e.createElement(p,{color:"var(--color-text-dark)"},"Redockers, assemble!"),e.createElement(q,null,$.map(([r,F,S])=>e.createElement(C,{key:r,image:S,name:r,position:F}))))),e.createElement(o,{mt:{_:5,small:6}},e.createElement(D,null),e.createElement(t,{my:{_:6,small:7}},e.createElement(k,null))),e.createElement(R,{title:"Speed all the way to API maturity",description:"Launch API docs in seconds, for free. Try the full product suite for 14 days."},e.createElement(b,{to:"https://auth.cloud.redocly.com/registration",size:"large",className:"landing-button"},"Start 30-day free trial")))}const f=a(t)`
   display: flex;
   flex-direction: column;
   text-align: center;
@@ -17,13 +17,13 @@ import e from"react";import{linearGradient as c}from"polished";import a from"sty
       height: 130px;
     }
   }
-`,$=a.i`
+`,_=a.i`
   font-weight: bold;
   font-style: normal;
-`,N=[["Adam Altman","CO-FOUNDER & CEO",w],["Roman Hotsiy","CO-FOUNDER & CTO",A],["Patrick Chiang","PRESIDENT & COO",W]],j=a(_)`
+`,$=[["Adam Altman","CO-FOUNDER & CEO",w],["Roman Hotsiy","CO-FOUNDER & CTO",A]],N=a(P)`
   text-align: center;
   color: var(--secondary-color);
-`,xe=a.p`
+`,ue=a.p`
   font-size: var(--font-size-base);
   line-height: var(--line-height-sm);
   font-family: var(--font-family);
@@ -37,7 +37,7 @@ import e from"react";import{linearGradient as c}from"polished";import a from"sty
     font-size: var(--font-size-p-lg);
     line-height: var(--line-height-lg);
   }
-`,q=a(u)`
+`,j=a(u)`
   grid-gap: 4rem;
   grid-row-gap: 5rem;
   grid-template-columns: 1f;
@@ -56,16 +56,16 @@ import e from"react";import{linearGradient as c}from"polished";import a from"sty
     font-size: var(--font-size-small-lg);
     line-height: var(--line-height-small-lg);
   }
-`,B=a(u)`
+`,q=a(u)`
   grid-template-columns: 1fr;
   justify-items: center;
   max-width: 1000px;
   margin: 0 auto 40px auto;
 
   @media screen and (min-width: ${n.medium}) {
-    grid-template-columns: repeat(3, 1fr);
+    grid-template-columns: repeat(2, 1fr);
   }
-`,H=a(u)`
+`,B=a(u)`
   grid-gap: 4rem;
   justify-items: center;
   align-items: center;
@@ -74,4 +74,4 @@ import e from"react";import{linearGradient as c}from"polished";import a from"sty
     grid-template-columns: 1fr 1fr;
     grid-gap: 6rem;
   }
-`;export{f as FeaturesCard,ge as default};
+`;export{f as FeaturesCard,pe as default};

package/dist/pages/customers/components/CustomersBlock.js

@@ -25,6 +25,7 @@ import*as o from"react";import s from"styled-components";import{breakpoints as a
   justify-content: center;
   align-items: center;
   gap: 32px;
+  margin: 0 auto;
 
   @media screen and (min-width: ${a.small}) {
     padding: 32px 40px;

package/dist/pages/respect/components/ChooseRespect.js

@@ -1,4 +1,4 @@
-import i from"react";import t from"styled-components";import{breakpoints as e}from"@redocly/theme/core/utils";import l from"../images/bg-grid-lines-1.svg";import o from"../images/bg-grid-lines-2.svg";import m from"../images/bg-grid-lines-3.svg";import d from"../images/bg-grid-lines-4.svg";import s from"../images/bg-grid-lines-5.svg";const E=()=>{const r=[{title:"Proactive API Quality Assurance",description:"Detect breaking changes before they impact users, reducing downtime and repair time.",image:l,area:"el1",maxWidth:"390px"},{title:"Automated API Checks",description:"Run OpenAPI Arazzo workflows on a schedule.",image:o,area:"el2",maxWidth:"390px"},{title:"Real-Time Alerts",description:"Get notified via Slack or email when issues arise.",image:m,area:"el3",maxWidth:"290px"},{title:"Graphical Reporting",description:"Track API health over time with clear visual insights.",image:d,area:"el4",maxWidth:"290px"},{title:"Flexible & Scalable",description:"Monitor APIs at any stage of development and scale with your needs.",image:s,area:"el5",maxWidth:"320px"}];return i.createElement(p,null,i.createElement(c,null,i.createElement("span",{style:{color:"var(--text-color-description)"}},"Why")," choose Respect monitoring?"),i.createElement(g,null,r.map((a,n)=>i.createElement(h,{key:n,style:{gridArea:a.area},image:a.image},i.createElement(x,null,a.title),i.createElement(f,null,a.description),i.createElement(u,{src:a.image})))))},p=t.div`
+import i from"react";import t from"styled-components";import{breakpoints as e}from"@redocly/theme/core/utils";import l from"../images/bg-grid-lines-1.svg";import o from"../images/bg-grid-lines-2.svg";import m from"../images/bg-grid-lines-3.svg";import d from"../images/bg-grid-lines-4.svg";import s from"../images/bg-grid-lines-5.svg";const E=()=>{const r=[{title:"Proactive API Quality Assurance",description:"Detect breaking changes before they impact users, reducing downtime and repair time.",image:l,area:"el1",maxWidth:"390px"},{title:"Automated API Checks",description:"Run OpenAPI Arazzo workflows on a schedule.",image:o,area:"el2",maxWidth:"390px"},{title:"Real-Time Alerts",description:"Get notified via Slack or email when issues arise.",image:m,area:"el3",maxWidth:"290px"},{title:"Graphical Reporting",description:"Track API health over time with clear visual insights.",image:d,area:"el4",maxWidth:"290px"},{title:"Flexible & Scalable",description:"Monitor APIs at any stage of development and scale with your needs.",image:s,area:"el5",maxWidth:"320px"}];return i.createElement(p,null,i.createElement(c,null,i.createElement("span",{style:{color:"var(--text-color-description)"}},"Why")," choose Respect Monitoring?"),i.createElement(g,null,r.map((a,n)=>i.createElement(h,{key:n,style:{gridArea:a.area},image:a.image},i.createElement(x,null,a.title),i.createElement(f,null,a.description),i.createElement(u,{src:a.image})))))},p=t.div`
   display: flex;
   flex-direction: column;
   margin-bottom: 24px;

package/dist/pages/respect-cli/components/BottomSection.js

@@ -1,4 +1,4 @@
-import i from"react";import r from"styled-components";import{breakpoints as e}from"@redocly/theme/core/utils";import{Button as n}from"../../../components/Button/CustomButton";import{RoundedBackgroundCard as t}from"../../../components/Cards/RoundedBackgroundCard";const u=()=>i.createElement(p,null,i.createElement(o,{gap:"0",border:"1px solid rgba(22, 119, 255, 0.16)",backgroundColor:"rgba(255, 255, 255, 0.40)"},i.createElement(l,null,i.createElement(c,null,"Start Respecting",i.createElement("br",null),"Your API Today")),i.createElement(a,null,i.createElement(d,null,"Run Respect, check your specs,",i.createElement("br",null),"and keep your APIs respectable."),i.createElement(m,{variant:"dark",to:"https://auth.cloud.redocly.com/registration"},"Get started")))),o=r(t)`
+import n from"react";import t from"styled-components";import{breakpoints as e}from"@redocly/theme/core/utils";import{Button as i}from"../../../components/Button/CustomButton";import{RoundedBackgroundCard as d}from"../../../components/Cards/RoundedBackgroundCard";const h=()=>n.createElement(l,null,n.createElement(r,{gap:"0",border:"1px solid rgba(22, 119, 255, 0.16)",backgroundColor:"rgba(255, 255, 255, 0.40)"},n.createElement(p,null,n.createElement(s,null,"Start Respecting",n.createElement("br",null),"Your API Today")),n.createElement(o,null,n.createElement(a,null,"Run Respect, check your specs,",n.createElement("br",null),"and keep your APIs respectable."),n.createElement(m,{variant:"dark",to:"https://auth.cloud.redocly.com/registration"},"Get started")))),r=t(d)`
   display: grid;
   grid-template-columns: 1fr;
   padding: 0;
@@ -8,7 +8,7 @@ import i from"react";import r from"styled-components";import{breakpoints as e}fr
     grid-template-columns: 1fr 1fr;
     border-radius: 32px;
   }
-`,d=r.p`
+`,a=t.p`
   font-family: Red Hat Display;
   font-weight: 700;
   font-size: 24px;
@@ -17,7 +17,7 @@ import i from"react";import r from"styled-components";import{breakpoints as e}fr
   margin: 0;
 
   color: var(--color-warm-grey-6);
-`,a=r.div`
+`,o=t.div`
   padding: 32px 24px;
   display: flex;
   flex-direction: column;
@@ -33,7 +33,7 @@ import i from"react";import r from"styled-components";import{breakpoints as e}fr
   @media screen and (min-width: ${e.medium}) {
     padding: 64px 48px;
   }
-`,l=r.div`
+`,p=t.div`
   width: 100%;
   padding: 32px 24px;
 
@@ -44,7 +44,7 @@ import i from"react";import r from"styled-components";import{breakpoints as e}fr
   @media screen and (min-width: ${e.medium}) {
     padding: 64px;
   }
-`,p=r.div`
+`,l=t.div`
   padding: 0 0 24px 0;
   position: relative;
 
@@ -59,57 +59,24 @@ import i from"react";import r from"styled-components";import{breakpoints as e}fr
   @media screen and (min-width: ${e.large}) {
     padding: 64px 0;
   }
-`,m=r(n)`
+`,m=t(i)`
   border-radius: 6px;
-  padding: 5px 16px;
+  padding: 5px 16px !important;
   font-family: var(--font-family);
   font-size: 14px;
   line-height: 22px;
   font-weight: 400;
   margin: 0;
 
-  @media screen and (min-width: ${e.small}) {
-    padding: 12px 24px;
-    font-size: 20px;
-    line-height: 28px;
-    border-radius: 12px;
-  }
-`,w=r(n)`
-  border-radius: 6px;
-  padding: 5px 16px;
-  font-family: var(--font-family);
-  font-size: 14px;
-  line-height: 22px;
-  font-weight: 400;
-  border: 1px solid var(--color-warm-grey-10);
-  color: var(--color-warm-grey-8);
-  background-color: transparent;
-  margin: 0;
-
-  &:hover {
-    background-color: transparent;
-    border: 1px solid var(--color-warm-grey-10);
-    color: var(--color-warm-grey-8);
-  }
+  height: unset;
 
   @media screen and (min-width: ${e.small}) {
+    padding: 12px 24px;
     font-size: 20px;
     line-height: 28px;
     border-radius: 12px;
   }
-`,y=r.div`
-  display: flex;
-  gap: 16px;
-  flex-direction: row;
-
-  @media screen and (min-width: ${e.small}) {
-    flex-direction: column;
-  }
-
-  @media screen and (min-width: ${e.medium}) {
-    flex-direction: row;
-  }
-`,c=r.p`
+`,s=t.p`
   font-family: Red Hat Display;
   font-weight: 700;
   line-height: 40px;
@@ -125,16 +92,4 @@ import i from"react";import r from"styled-components";import{breakpoints as e}fr
     line-height: 50px;
     font-size: 42px;
   }
-`,b=r.p`
-  font-family: Inter;
-  font-weight: 500;
-  font-size: 20px;
-  line-height: 28px;
-  color: var(--text-color-secondary);
-
-  margin: 0;
-
-  @media screen and (min-width: ${e.small}) {
-    font-weight: 400;
-  }
-`;export{u as BottomSection};
+`;export{h as BottomSection};

package/dist/pages/respect-cli/components/HowItWorksSection.js

@@ -1,4 +1,4 @@
-import i from"react";import t from"styled-components";import{RoundedBackgroundCard as o}from"../../../components/Cards/RoundedBackgroundCard";import d from"../images/install-card-img.svg";import p from"../images/access-card-img.svg";import l from"../images/improve-card-img.svg";import{breakpoints as e}from"@redocly/theme/core/utils";const z=()=>{const n=[{id:1,title:"Quickly install and run with a single command",description:"With a single command you can run Arazzo workflows, which send real API requests to a server, and interpret the real API responses.",img:d},{id:2,title:"Access comprehensive insights to improve your API",description:"Gain insights with detailed reports on schema gaps, status codes, and content types, helping you align your OpenAPI description with best practices for seamless integration.",img:p},{id:3,title:"Improve & Validate",description:"Take action: correct your OpenAPI descriptions or fix your actual underlying API depending on the issue. Then, run Respect regularly to prevent regressions.",img:l}];return i.createElement(f,null,i.createElement(m,null,"/ How it works"),i.createElement(x,null,n.map((r,a)=>i.createElement(h,{key:a,id:`card-${r.id}`,gap:"40px",border:"1px solid #1677FF29",backgroundColor:"#FFFFFFCC"},i.createElement(c,null,i.createElement(g,null,r.title),i.createElement(s,null,r.description)),i.createElement("img",{style:{width:"100%",height:"100%",marginTop:"-110px",marginLeft:"60px"},src:r.img})))))},m=t.p`
+import i from"react";import t from"styled-components";import{RoundedBackgroundCard as o}from"../../../components/Cards/RoundedBackgroundCard";import d from"../images/install-card-img.svg";import p from"../images/access-card-img.svg";import m from"../images/improve-card-img.svg";import{breakpoints as e}from"@redocly/theme/core/utils";const z=()=>{const n=[{id:1,title:"Quickly install and run with a single command",description:"With a single command you can run Arazzo workflows, which send real API requests to a server, and interpret the real API responses.",img:d},{id:2,title:"Access comprehensive insights to improve your API",description:"Gain insights with detailed reports on schema gaps, status codes, and content types, helping you align your OpenAPI description with best practices for seamless integration.",img:p},{id:3,title:"Improve & Validate",description:"Take action: correct your OpenAPI descriptions or fix your actual underlying API depending on the issue. Then, run Respect regularly to prevent regressions.",img:m}];return i.createElement(f,null,i.createElement(l,null,"/ How it works"),i.createElement(x,null,n.map((r,a)=>i.createElement(h,{key:a,id:`card-${r.id}`,gap:"40px",border:"1px solid #1677FF29",backgroundColor:"#FFFFFFCC"},i.createElement(c,null,i.createElement(g,null,r.title),i.createElement(s,null,r.description)),i.createElement("img",{style:{width:"100%",height:"100%",marginTop:"-110px",marginLeft:"60px"},src:r.img})))))},l=t.p`
   padding-left: 0;
   margin: 0;
 
@@ -10,7 +10,7 @@ import i from"react";import t from"styled-components";import{RoundedBackgroundCa
   line-height: 24px;
   text-transform: uppercase;
 
-  @media screen and (min-width: ${e.small}) {
+  @media screen and (min-width: ${e.medium}) {
     padding-left: 64px;
   }
 `,s=t.p`
@@ -43,7 +43,7 @@ import i from"react";import t from"styled-components";import{RoundedBackgroundCa
   gap: 20px;
 
   max-width: 667px;
-  min-width: 400px;
+  /* min-width: 400px; */
 `,h=t(o)`
   padding: 24px;
   overflow: hidden;

package/dist/pages/respect-cli/components/MonitoringAsServiceSection.js

@@ -1,4 +1,24 @@
-import e from"react";import t from"styled-components";import{Button as r}from"../../../components/Button/CustomButton";import{ResponsiveImg as a}from"../../../components/ImageComponents";import{breakpoints as i}from"@redocly/theme/core/utils";const h=()=>e.createElement(l,null,e.createElement("div",{style:{zIndex:1}},e.createElement(m,null,"/ Monitoring as a service"),e.createElement(o,null,"Track critical workflows with real-time insights"),e.createElement(n,{style:{maxWidth:"564px",margin:"0"}},"Redocly can monitor your critical API workflows and provide you with alerts and graphical dashboards."),e.createElement(n,{style:{maxWidth:"616px",margin:"24px 0 28px 0"}},"Redocly can monitor your critical API workflows and provide you with alerts and graphical dashboards. For a premium service with more advanced API monitoring and governance tools"),e.createElement(r,{style:{margin:"0"},variant:"dark",to:"/respect"},"Discover premium")),e.createElement(a,{src:require("../images/monitoring-as-service-img.svg")})),n=t.p`
+import e from"react";import t from"styled-components";import{Button as r}from"../../../components/Button/CustomButton";import{ResponsiveImg as a}from"../../../components/ImageComponents";import{breakpoints as i}from"@redocly/theme/core/utils";const f=()=>e.createElement(l,null,e.createElement("div",{style:{zIndex:1}},e.createElement(p,null,"/ Monitoring as a service"),e.createElement(d,null,"Track critical workflows with real-time insights"),e.createElement(n,{style:{maxWidth:"564px",margin:"0"}},"Redocly can monitor your critical API workflows and provide you with alerts and graphical dashboards."),e.createElement(n,{style:{maxWidth:"616px",margin:"24px 0 28px 0"}},"Redocly can monitor your critical API workflows and provide you with alerts and graphical dashboards. For a premium service with more advanced API monitoring and governance tools"),e.createElement(o,{variant:"dark",to:"/respect"},"Discover premium")),e.createElement(m,{src:require("../images/monitoring-as-service-img.svg")})),o=t(r)`
+  margin: 0;
+  padding: 5px 16px !important;
+
+  font-size: 14px;
+  line-height: 22px;
+  height: unset;
+  border-radius: 6px;
+
+  @media screen and (min-width: ${i.small}) {
+    padding: 12px 24px !important;
+
+    font-size: 20px;
+    line-height: 28px;
+    border-radius: 12px;
+  }
+`,m=t(a)`
+  width: 100%;
+  max-width: 525px;
+  height: auto;
+`,n=t.p`
   color: var(--text-color-secondary);
 
   font-family: Inter;
@@ -10,7 +30,7 @@ import e from"react";import t from"styled-components";import{Button as r}from"..
     font-size: 20px;
     line-height: 28px;
   }
-`,o=t.p`
+`,d=t.p`
   color: var(--text-color-primary);
   font-family: 'Red Hat Display';
   font-size: 32px;
@@ -27,7 +47,7 @@ import e from"react";import t from"styled-components";import{Button as r}from"..
   @media screen and (min-width: ${i.large}) {
     margin: 40px 0 20px 0;
   }
-`,m=t.p`
+`,p=t.p`
   margin: 0;
 
   color: #6e6f7a;
@@ -48,6 +68,7 @@ import e from"react";import t from"styled-components";import{Button as r}from"..
   justify-content: space-between;
   align-items: center;
   padding: 40px 0;
+  gap: 40px;
 
   @media screen and (min-width: ${i.small}) {
     padding: 40px;
@@ -61,4 +82,4 @@ import e from"react";import t from"styled-components";import{Button as r}from"..
   @media screen and (min-width: ${i.large}) {
     padding: 64px;
   }
-`;export{h as MonitoringAsServiceSection};
+`;export{f as MonitoringAsServiceSection};

package/dist/pages/respect-cli/components/QuickInstallationSection.js

@@ -1,14 +1,14 @@
-import e from"react";import t from"styled-components";import{breakpoints as n}from"@redocly/theme/core/utils";import{RoundedBackgroundCard as i}from"../../../components/Cards/RoundedBackgroundCard";import{CopyButton as o}from"@redocly/theme/components/Buttons/CopyButton";import{ButtonWithArrow as r}from"../../../components/Button/ButtonWithArrow";const y=()=>e.createElement(p,null,e.createElement(a,{gap:"0",border:"1px solid #1677FF29",backgroundColor:"#FFFFFFCC"},e.createElement(l,null,e.createElement(c,null,"Quick installation and setup guide for ",e.createElement("a",null,"Respect")),e.createElement(r,{link:"/docs/respect",buttonText:"See full documentation",mode:"dark"})),e.createElement(d,null,e.createElement(m,null,e.createElement(s,null,"npx ",e.createElement("span",{style:{color:"#2467f2"}},"@redocly/cli")," respect important.",e.createElement("span",{style:{color:"#6ba543"}},"arazzo"),".yaml"),e.createElement(o,{data:"npx @redocly/cli respect important important.arazzo.yaml"}))))),a=t(i)`
+import e from"react";import n from"styled-components";import{breakpoints as t}from"@redocly/theme/core/utils";import{RoundedBackgroundCard as o}from"../../../components/Cards/RoundedBackgroundCard";import{CopyButton as r}from"@redocly/theme/components/Buttons/CopyButton";import{ButtonWithArrow as a}from"../../../components/Button/ButtonWithArrow";import{useMediaQuery as d}from"../../../hooks/useMediaQuery";const E=()=>{const i=d(`(max-width: ${t.small})`);return e.createElement(m,null,e.createElement(l,{gap:"0",border:"1px solid #1677FF29",backgroundColor:"#FFFFFFCC"},e.createElement(c,null,e.createElement(s,null,"Quick installation and setup guide for ",e.createElement("a",null,"Respect")),e.createElement(a,{link:"/docs/respect",buttonText:"See full documentation",mode:"dark"})),e.createElement(p,null,e.createElement(x,null,e.createElement(g,null,"npx ",e.createElement("span",{style:{color:"#2467f2"}},"@redocly/cli")," respect important.",e.createElement("span",{style:{color:"#6ba543"}},"arazzo"),".yaml"),!i&&e.createElement(r,{data:"npx @redocly/cli respect important important.arazzo.yaml"})))))},l=n(o)`
   display: grid;
   grid-template-columns: 1fr;
   padding: 0;
   border-radius: 24px;
 
-  @media screen and (min-width: ${n.small}) {
+  @media screen and (min-width: ${t.small}) {
     grid-template-columns: 0.6fr 1fr;
     border-radius: 32px;
   }
-`,d=t.div`
+`,p=n.div`
   padding: 32px 24px;
   display: flex;
   flex-direction: column;
@@ -17,16 +17,16 @@ import e from"react";import t from"styled-components";import{breakpoints as n}fr
   gap: 32px;
   border-top: 1px solid #1677ff29;
 
-  @media screen and (min-width: ${n.small}) {
+  @media screen and (min-width: ${t.small}) {
     padding: 64px 32px;
     border-left: 1px solid #1677ff29;
     border-top: none;
   }
 
-  @media screen and (min-width: ${n.medium}) {
+  @media screen and (min-width: ${t.medium}) {
     padding: 64px 48px;
   }
-`,l=t.div`
+`,c=n.div`
   display: flex;
   flex-direction: column;
   gap: 20px;
@@ -48,21 +48,21 @@ import e from"react";import t from"styled-components";import{breakpoints as n}fr
     }
   }
 
-  @media screen and (min-width: ${n.small}) {
+  @media screen and (min-width: ${t.small}) {
     padding: 40px;
   }
 
-  @media screen and (min-width: ${n.medium}) {
+  @media screen and (min-width: ${t.medium}) {
     padding: 40px 64px;
   }
-`,p=t.div`
+`,m=n.div`
   position: relative;
   padding: 24px 0;
 
-  @media screen and (min-width: ${n.small}) {
+  @media screen and (min-width: ${t.small}) {
     padding: 64px 0 96px 0;
   }
-`,c=t.p`
+`,s=n.p`
   font-family: Red Hat Display;
   font-weight: 700;
   line-height: 32px;
@@ -77,11 +77,11 @@ import e from"react";import t from"styled-components";import{breakpoints as n}fr
     -webkit-text-fill-color: transparent;
   }
 
-  @media screen and (min-width: ${n.medium}) {
+  @media screen and (min-width: ${t.medium}) {
     line-height: 48px;
     font-size: 32px;
   }
-`,m=t.div`
+`,x=n.div`
   display: flex;
   height: 104px;
   padding: 36.5px 24px 35.5px 24px;
@@ -95,7 +95,7 @@ import e from"react";import t from"styled-components";import{breakpoints as n}fr
   box-shadow: 0px 3.476px 13.905px 0px rgba(255, 255, 255, 0.4);
 
   max-width: 520px;
-`,s=t.p`
+`,g=n.p`
   color: var(--text-color-secondary);
 
   font-family: 'SF Mono';
@@ -104,4 +104,4 @@ import e from"react";import t from"styled-components";import{breakpoints as n}fr
   line-height: 22.33px;
 
   margin: 0;
-`;export{y as QuickInstallationSection};
+`;export{E as QuickInstallationSection};