@redocly/marketing-pages 0.1.10 → 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/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};