+ Developer effectiveness for teams of all shapes and sizes.
+
+
+);
+
+export default SectionHeader;
diff --git a/src/components/BackstageComparison/competitors.js b/src/components/BackstageComparison/competitors.js
new file mode 100644
index 000000000..db19d95ec
--- /dev/null
+++ b/src/components/BackstageComparison/competitors.js
@@ -0,0 +1,20 @@
+import { PAGE_PATHS } from '../../contactFormConstants';
+
+const COMPETITORS = {
+ roadie: {
+ name: 'Roadie',
+ description:
+ 'For excellent engineering orgs who want a home for their services, docs, runbooks, API specs and CI.',
+ ctaLabel: 'Start a free trial',
+ ctaLinkTo: PAGE_PATHS.freeTrial,
+ },
+
+ backstage: {
+ name: 'Backstage',
+ description: 'For big engineering orgs who want to maintain effectiveness through hypergrowth',
+ ctaLabel: 'See a demo',
+ ctaLinkTo: 'https://backstage.io',
+ },
+};
+
+export default COMPETITORS;
diff --git a/src/components/BackstageComparison/index.js b/src/components/BackstageComparison/index.js
new file mode 100644
index 000000000..b8e244557
--- /dev/null
+++ b/src/components/BackstageComparison/index.js
@@ -0,0 +1,2 @@
+export { default as SectionHeader } from './SectionHeader';
+export { default as FeatureComparisonTable } from './FeatureComparisonTable';
diff --git a/src/components/SitewideHeader/SitewideHeader.js b/src/components/SitewideHeader/SitewideHeader.js
index 3f6d8d829..c1729976b 100644
--- a/src/components/SitewideHeader/SitewideHeader.js
+++ b/src/components/SitewideHeader/SitewideHeader.js
@@ -126,19 +126,14 @@ const SitewideHeader = ({
+
-
+
diff --git a/src/pages/backstage-comparison/index.js b/src/pages/backstage-comparison/index.js
new file mode 100644
index 000000000..462d684fa
--- /dev/null
+++ b/src/pages/backstage-comparison/index.js
@@ -0,0 +1,83 @@
+import React from 'react';
+import { graphql } from 'gatsby';
+import { SEO, SitewideHeader, SitewideFooter, Headline, Link } from 'components';
+import { SectionHeader, FeatureComparisonTable } from 'components/BackstageComparison';
+import { FAQs } from 'components/landing';
+import RoadieBackstageLogos from '../../../content/assets/roadie-backstage-logos.svg';
+
+const Comparison = ({
+ data: {
+ site: {
+ siteMetadata: { title: siteTitle },
+ },
+ },
+}) => {
+ return (
+ <>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Overview
+
+
+
+ Backstage
+ {' '}
+ is the best tool on the market for building Internal Developer Portals (IDPs).
+ However, it requires significant investment to take the raw building blocks that
+ Backstage offers and turn them into a true Internal Developer Portal.
+
+
+ With Roadie, we habe taken the open-source version of Backstage and used it to build a
+ comprehensive and maintenance-free IDP.
+
+