Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

play down backstage, play up internal developer portal #1396

Merged
merged 9 commits into from
Oct 4, 2024
Merged

play down backstage, play up internal developer portal #1396

Show file tree
Hide file tree
Changes from 3 commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
2b28381
play down backstage, play up internal developer portal
punkle Sep 30, 2024
b782fa0
move title text above video
punkle Oct 1, 2024
c569456
expand acronym
punkle Oct 1, 2024
23b8540
Clean HTML. Work on word spacing
dtuite Oct 2, 2024
9da02b3
Update index.js
punkle Oct 4, 2024
532f781
Update index.js
punkle Oct 4, 2024
70df616
Update index.js
punkle Oct 4, 2024
2ee8d37
Update index.js
punkle Oct 4, 2024
527f47e
Update index.js
punkle Oct 4, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
96 changes: 63 additions & 33 deletions src/components/landing/VideoHero/VideoHero.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -36,45 +36,75 @@ const VideoHero = () => {
/>
</div>

<div className="relative pt-6 pb-16 sm:pb-24 lg:pb-32">
<main className="mt-16 mx-auto max-w-7xl px-4 sm:mt-24 sm:px-6 lg:mt-32">
<div className="lg:grid lg:grid-cols-12 lg:gap-8">
<div className="sm:text-center md:max-w-2xl md:mx-auto lg:col-span-7 lg:text-left">
<Headline className="tracking-right mt-12">
<span className="text-gray-900">Batteries included</span>
<span className="block text-gray-900">Backstage</span>
<div className="relative pt-0 pb-16 sm:pb-24 lg:pb-32">
<main className="mt-4 mx-auto max-w-7xl px-4 sm:mt-20 sm:px-6 lg:mt-20 text-center">
<div className="p-container is-hero">
<div>
<Headline className="title is-48 tracking-right mt-6" size="medium">
<span className="text-gray-900">Achieve developer effectiveness</span>
</Headline>

<div className="w-embed">
<div style={ {"height": "2rem"} } ></div>
</div>
<SubTitle
text="Fully customizable with on-prem access. Scorecards and RBAC included."
className="text is-16 text-center"
text="Fully customizable Internal Developer Portal with on-prem access, built on Backstage. Scorecards and RBAC included."
/>

<div className="mt-5 sm:flex sm:justify-center lg:justify-start md:mt-8">
<div>
<Button
link={true}
to={PAGE_PATHS.freeTrial}
color="primary"
text="Try it free"
size="large"
fullWidth={true}
/>
</div>

<div className="mt-3 sm:mt-0 sm:ml-3">
<Button
link={true}
to={PAGE_PATHS.requestDemo}
color="secondary"
text="Request a demo"
size="large"
fullWidth={true}
/>
<div className="w-embed">
<div style={ {"height": "1.6rem"} }></div>
</div>
<div
className="flex flex-col is-center sm:text-center md:max-w-2xl md:mx-auto lg:col-span-7 lg:text-left">
<div className="mt-5 sm:flex sm:justify-center lg:justify-center md:mt-8">
<div>
<Button
link={true}
to={PAGE_PATHS.freeTrial}
color="primary"
text="Try it free"
size="large"
fullWidth={true}
/>
</div>
<div className="mt-3 sm:mt-0 sm:ml-3">
<Button
link={true}
to={PAGE_PATHS.requestDemo}
color="secondary"
text="Request a demo"
size="large"
fullWidth={true}
/>
</div>
</div>
</div>
</div>

<div className="mt-12 relative sm:max-w-lg sm:mx-auto lg:mt-0 lg:max-w-none lg:mx-0 lg:col-span-5 lg:flex lg:items-center">
<div className="bg-hero-wrap">
<div className="bg-line corner">
<div className="bg-dot-line"></div>
<div className="bg-line-cover"></div>
</div>
<div className="bg-line">
<div className="bg-dot-line"></div>
<div className="bg-line-cover"></div>
</div>
<div className="bg-line">
<div className="bg-dot-line"></div>
<div className="bg-line-cover"></div>
</div>
<div className="bg-line">
<div className="bg-dot-line"></div>
<div className="bg-line-cover"></div>
</div>
<div className="bg-line corner">
<div className="bg-dot-line"></div>
<div className="bg-line-cover"></div>
</div>
</div>
</div>
<div className="lg:grid lg:grid-cols-1 lg:gap-8 mt-10">
<div
className="mt-12 relative sm:max-w-lg sm:mx-auto lg:mt-0 lg:max-w-none lg:mx-0 lg:col-span-5 lg:flex lg:items-center">
<GrayBackgroundDotsPattern
className="absolute top-0 left-1/2 transform -translate-x-1/2 -translate-y-8 scale-75 origin-top sm:scale-100 lg:hidden"
width={640}
Expand Down
2 changes: 1 addition & 1 deletion src/pages/index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,7 @@ import PagerDutyLogo from '../../content/assets/logos/pagerduty/pagerduty.inline
import ArgoLogo from '../../content/assets/logos/argo-cd/argo.inline.svg';
import JiraSoftwareLogo from '../../content/assets/logos/jira/jira.inline.svg';

const SEO_TITLE = 'Batteries included Spotify Backstage';
const SEO_TITLE = 'Internal Developer Portal built on Backstage by Spotify';
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think im learning that this is what appears in google list.

So we should think about this one too.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

"Out-of-the-box Internal Developer Portal powered by open-source"

const LEAD = `Easier, scalable and zero-maintenance. With security, scorecards and customizability built-in.`;


Expand Down
Loading