diff --git a/src/components/BaseCTAProductHighlight/index.js b/src/components/BaseCTAProductHighlight/index.js index cb45b9ef..69cd828d 100644 --- a/src/components/BaseCTAProductHighlight/index.js +++ b/src/components/BaseCTAProductHighlight/index.js @@ -28,13 +28,15 @@ const BaseCTAProductHighlight = ({
{children} - - {ctaTargertCopy} - + {ctaTargertURL && ctaTargertCopy && ( + + {ctaTargertCopy} + + )}
); diff --git a/src/components/heroes/BaseHero/base-hero.css b/src/components/heroes/BaseHero/base-hero.css index b656f1ab..e3c73a20 100644 --- a/src/components/heroes/BaseHero/base-hero.css +++ b/src/components/heroes/BaseHero/base-hero.css @@ -11,6 +11,11 @@ padding: var(--spacing-medium); } +.hero.reduced p, +.girdle.hero.reduced p { + margin-bottom: 0; +} + @media only screen and (min-width: 63.9375rem) { .hero, .girdle.hero { diff --git a/src/components/heroes/HeroBoxyHQWorkOS/index.js b/src/components/heroes/HeroBoxyHQWorkOS/index.js new file mode 100644 index 00000000..1631bc3c --- /dev/null +++ b/src/components/heroes/HeroBoxyHQWorkOS/index.js @@ -0,0 +1,25 @@ +import BaseHero from '../BaseHero'; +import DemoCTA from '../../ctas/DemoCTA'; +import SignupCTA from '../../ctas/SignupCTA'; + +const HeroBoxyHQWorkOS = () => { + return ( + +

+ BoxyHQ is a flexible, secure, open-source alternative to WorkOS that + brings enterprise readiness capabilities to your SaaS applications. It + integrates with your tech stack no matter how bespoke. +

+ + + ); +}; + +export default HeroBoxyHQWorkOS; diff --git a/src/css/atoms/feature-comparison-table.css b/src/css/atoms/feature-comparison-table.css new file mode 100644 index 00000000..ae42c609 --- /dev/null +++ b/src/css/atoms/feature-comparison-table.css @@ -0,0 +1,31 @@ +.feature-comparison-table { + display: table; + margin: 0 auto; + width: 90%; +} + +@media only screen and (min-width: 63.9375rem) { + .feature-comparison-table { + padding: 0 var(--spacing-default); + width: 95%; + } +} + +@media only screen and (min-width: 83.6875rem) { + .feature-comparison-table { + width: 100%; + } +} + +.feature-comparison-table th { + text-align: left; + width: calc(100% / 3); +} + +.feature-comparison-table .icon-check::before { + background-color: var(--color-teal-50); +} + +.feature-comparison-table .icon-cross::before { + background-color: var(--color-red-50); +} diff --git a/src/css/base.css b/src/css/base.css index 87ef43c1..1f6ad4bb 100644 --- a/src/css/base.css +++ b/src/css/base.css @@ -9,6 +9,11 @@ body { font: 100% / var(--typography-body-line-height) var(--typography-body-family); } +.marketing-site a:not(.button) { + color: var(--color-teal-70); + text-decoration: underline; +} + a:hover, a:focus { text-decoration: none; diff --git a/src/pages/boxyhq-vs-workos.js b/src/pages/boxyhq-vs-workos.js deleted file mode 100644 index 97808b92..00000000 --- a/src/pages/boxyhq-vs-workos.js +++ /dev/null @@ -1,224 +0,0 @@ -import React from 'react'; -import Layout from '@theme/Layout'; - -import SectionLayout from '../components/SectionLayout'; -import { IconNo, IconYes } from '../components/Pricing/Icons'; - -const title = 'BoxyHQ vs WorkOS'; -const description = - 'BoxyHQ is a flexible, secure, open-source alternative to WorkOS that brings enterprise readiness capabilities to your SaaS applications. It integrates with your tech stack no matter how bespoke.'; - -const AuditLogs = () => { - return ( - -
-
-
-
-
-

{title}

-
-

{description}

-
-
-
-
- - {/* Section 1 */} -
-
-
-
-
-
-
-
-

Your product, your rules

-

- Make your app enterprise-ready, with just a few lines of - code. Through its open-source approach, BoxyHQ’s users - are free to make any customizations and changes to their - features, while also avoiding vendor lock-in. -

-
-
-
-
-
-
-
-
-
-
-

Resource efficient

-

- Instead of paying thousands of dollars for the large - number of connections that your app will have, use - BoxyHQ's free open-source solution. Allocate resources - to your core value proposition and maximize the benefits - for your customers. -

-
-
-
-
-
-
-
-
- - {/* Section 2 */} - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
BoxyHQWorkOS
LicenseOpen SourceProprietary
Enterprise SSO - - - -
Directory Sync - - - -
Audit Logs - - - -
Data Privacy Vault - - - -
Admin Portal - - - -
Custom deployment - - - -
Self-Hosted & SaaSSaaS
- - - {/* Section 3 */} - -
-
-
-
-
-
-
-
    -
  • -
    - Contribute to BoxyHQ and build your own - integrations and customizations -
    -
    • -
  • -
    - Check BoxyHQ’s GitHub repositories -
    -
    • -
  • -
    - Interested in Developer Security? Join - our Discord community -
    -
    • -
-
-
-
-
-
-
-
- - - ); -}; - -export default AuditLogs; diff --git a/src/pages/boxyhq-vs-workos/boxyhq-vs-workos.css b/src/pages/boxyhq-vs-workos/boxyhq-vs-workos.css new file mode 100644 index 00000000..a6d29377 --- /dev/null +++ b/src/pages/boxyhq-vs-workos/boxyhq-vs-workos.css @@ -0,0 +1,8 @@ +.girdle.compare-features { + margin: var(--spacing-wide) auto; +} + +.compare-features-heading { + margin-bottom: var(--spacing-medium); + text-align: center; +} diff --git a/src/pages/boxyhq-vs-workos/index.js b/src/pages/boxyhq-vs-workos/index.js new file mode 100644 index 00000000..e2fdd4c2 --- /dev/null +++ b/src/pages/boxyhq-vs-workos/index.js @@ -0,0 +1,188 @@ +import Layout from '@theme/Layout'; + +import BaseProductSpotlightSection from '../../components/BaseProductSpotlightSection'; +import BaseCTAProductHighlight from '../../components/BaseCTAProductHighlight'; +import HeroBoxyHQWorkOS from '../../components/heroes/HeroBoxyHQWorkOS'; + +import '../../css/atoms/feature-comparison-table.css'; +import './boxyhq-vs-workos.css'; + +const BoxyHQWorkOS = () => { + const metaDescription = + 'BoxyHQ is a flexible, secure, open-source alternative to WorkOS that brings enterprise readiness capabilities to your SaaS applications. It integrates with your tech stack no matter how bespoke.'; + const metaPageTitle = 'BoxyHQ vs WorkOS'; + + return ( + + +
+
+

+ Compare Features +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureBoxyHQWorkOS
LicenseOpen SourceProprietary
Enterprise SSO + Supported + + Supported +
Directory Sync + Supported + + Supported +
Audit Logs + Supported + + Supported +
Data Privacy Vault + Supported + + Not Supported +
Admin Portal + Supported + + Supported +
SAML Federation + Supported + + Not Supported +
Custom Deployment + Supported + + Not Supported +
DeploymentSelf-Hosted & SaaSSaaS
+
+ +
    +
  • + +

    + Your Product, Your Rules +

    +

    + Make your app enterprise-ready, with just a few lines of code. + Through its open-source approach, BoxyHQ’s users are free to + make any customizations and changes to their features, while + also avoiding vendor lock-in. +

    +     +
    • +
  • + +

    + Resource Efficient +

    +

    + Instead of paying thousands of dollars for the large number of + connections that your app will have, use BoxyHQ's free + open-source solution. Allocate resources to your core value + proposition and maximize the benefits for your customers. +

    +     +
    • +
+ + +

+ BoxyHQ is developer-obsessed, and our products are secure by design + so you can focus on your core value proposition.{' '} + + Contribute to BoxyHQ + {' '} + and build your own integrations and customizations. If you're + passionate about Developer Security, our{' '} + + Discord community + {' '} + is the perfect place to connect, share, and learn from like-minded + individuals. Together, we're building more customizable and secure + by default solutions one security building block at a time. +

+ +
+ + ); +}; + +export default BoxyHQWorkOS; diff --git a/static/images/boxyhq-workos/resource-efficient.png b/static/images/boxyhq-workos/resource-efficient.png new file mode 100644 index 00000000..0a728f8f Binary files /dev/null and b/static/images/boxyhq-workos/resource-efficient.png differ diff --git a/static/images/boxyhq-workos/resource-efficient@2x.avif b/static/images/boxyhq-workos/resource-efficient@2x.avif new file mode 100644 index 00000000..933248bc Binary files /dev/null and b/static/images/boxyhq-workos/resource-efficient@2x.avif differ diff --git a/static/images/boxyhq-workos/resource-efficient@2x.webp b/static/images/boxyhq-workos/resource-efficient@2x.webp new file mode 100644 index 00000000..f619b0d4 Binary files /dev/null and b/static/images/boxyhq-workos/resource-efficient@2x.webp differ diff --git a/static/images/boxyhq-workos/your-product-your-rules.png b/static/images/boxyhq-workos/your-product-your-rules.png new file mode 100644 index 00000000..8551ac94 Binary files /dev/null and b/static/images/boxyhq-workos/your-product-your-rules.png differ diff --git a/static/images/boxyhq-workos/your-product-your-rules@2x.avif b/static/images/boxyhq-workos/your-product-your-rules@2x.avif new file mode 100644 index 00000000..6d3cfc12 Binary files /dev/null and b/static/images/boxyhq-workos/your-product-your-rules@2x.avif differ diff --git a/static/images/boxyhq-workos/your-product-your-rules@2x.webp b/static/images/boxyhq-workos/your-product-your-rules@2x.webp new file mode 100644 index 00000000..dcf88aa2 Binary files /dev/null and b/static/images/boxyhq-workos/your-product-your-rules@2x.webp differ diff --git a/static/images/heroes/boxyhq-compared.png b/static/images/heroes/boxyhq-compared.png new file mode 100644 index 00000000..2d4d8be8 Binary files /dev/null and b/static/images/heroes/boxyhq-compared.png differ diff --git a/static/images/heroes/boxyhq-compared@2x.avif b/static/images/heroes/boxyhq-compared@2x.avif new file mode 100644 index 00000000..1e60e1ff Binary files /dev/null and b/static/images/heroes/boxyhq-compared@2x.avif differ diff --git a/static/images/heroes/boxyhq-compared@2x.webp b/static/images/heroes/boxyhq-compared@2x.webp new file mode 100644 index 00000000..2f10bf3c Binary files /dev/null and b/static/images/heroes/boxyhq-compared@2x.webp differ