Skip to content
This repository has been archived by the owner on Mar 28, 2023. It is now read-only.

Commit

Permalink
Partner landing pages (#299)
Browse files Browse the repository at this point in the history 
* Make partner page more generic

* Add Fractal, Loot, and Maverick pages
  • Loading branch information
@mjp
mjp authored Dec 2, 2022
1 parent 90fe49a commit 624aab6
Show file tree
Hide file tree
Showing 7 changed files with 509 additions and 19 deletions.
9 changes: 5 additions & 4 deletions src/components/footer/ZeroTo.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,20 +5,21 @@ import SignupForm from '../signup-form';

const ZeroTo = ({
btnText = "Sign up for free",
overrideParams = {}
overrideParams = {},
headline = <>Focus on innovation,<br /> not compliance</>,
subHeadline = "Eliminate compliance stress and get your app out into the world."
}) => {
return (
<div className={styles.zero}>
<Grid rows="2">
<div className={styles.zeroTo}>
<h1>
Focus on innovation,
<br /> not compliance
{headline}
</h1>
</div>
<div className={styles.start}>
<h4>
Eliminate compliance stress and get your app out into the world.
{subHeadline}
</h4>
</div>
<div className={styles.button}>
Expand Down
17 changes: 5 additions & 12 deletions src/components/ucsf/Hero.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,24 +3,17 @@ import styles from './Hero.module.css';
import { Grid } from '../grid/Grid';
import SignupForm from '../../components/signup-form';

export default () => (
export default ({ headline, subHeadline, utmCampaign }) => (
<div className={styles.container}>
<Grid>
<div className={styles.headline}>
<h1>
HIPAA compliant +<br className="desktopOnly" /> secure infrastructure
from day 1
</h1>

<p className="XL">
Focus on product innovation and accelerate your startup journey. Get
$5,000 in credits to run your applications and databases on Aptible.
</p>
<h1>{headline}</h1>
<p className="XL">{subHeadline}</p>

<SignupForm
id="UCSF Landing Page - Product Signup"
id="Partner Landing Page - Product Signup"
btnText="Redeem $5,000 in Credits"
overrideParams={{ 'utm_campaign': 'ucsf_health_hub' }}
overrideParams={{ 'utm_campaign': utmCampaign }}
/>
</div>
</Grid>
Expand Down
47 changes: 47 additions & 0 deletions src/components/ucsf/HowAptibleWorks.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,47 @@
import React from 'react';
import styles from '../deploy/HowAptibleWorks.module.css';
import StepByStep from '../deploy/StepByStep';

const defaultSteps = [
[
{
id: '01',
title: 'Create, without configuration',
text:
'It starts with your ideas, not your infrastructure. Give Aptible your code by integrating your repos or Docker registry and you are up and running in minutes–without configuration or management.',
},
{
id: '02',
title: 'Launch, without delay',
text:
<>Your apps and databases are <strong>production ready</strong> from the moment you deploy them. Launch anything, from a static site to your entire backend, without config changes.</>,
},
{
id: '03',
title: 'Scale, without compromises',
text:
<><p className='L'>Your app and database is ready for any load with unlimited scale. You pay only for the resources you use.</p><p className='L'>Aptible comes with enterprise-grade reliability, engineering-led support, single tenancy and resource isolation, infrastructure portability*, HITRUST and FedRAMP control inheritance*.</p><p className='L'>* Coming 2023</p></>,
},
],
];

const defaultTitle = 'How Aptible Works';
const defaultDescription =
'Developers love creating apps and databases with Aptible. Companies love scaling with Aptible\'s production-ready, cost-optimized infrastructure.';

export default ({
steps = defaultSteps,
title = defaultTitle,
description = defaultDescription,
}) => (
<div className={styles.container} id="how-aptible-works">
<div className={styles.heading}>
<div className={styles.intro}>
<h2>{title}</h2>
<p className="XL">{description}</p>
</div>
</div>

<StepByStep steps={steps} />
</div>
);
139 changes: 139 additions & 0 deletions src/pages/fractal.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,139 @@
import React from 'react';
import { Helmet } from 'react-helmet';
import AptibleLayout from '../components/layouts/AptibleLayout';
import GreatCompany from '../components/customers/GreatCompany';
import Hero from '../components/ucsf/Hero';
import { Grid } from '../components/grid/Grid';
import Feature from '../pages/solutions/components/Feature';
import aptibleIcon from '../images/aptible-favicon-100.png';
import HowAptibleWorks from '../components/ucsf/HowAptibleWorks';
import CustomerCards from '../components/ucsf/CustomerCards';
import Faq from '../components/deploy/Faq';
import ZeroTo from '../components/footer/ZeroTo';

const UTM_CAMPAIGN = 'partner_fractal';
const SUBHEADLINE = <>
Built for teams who would rather focus on product innovation, Aptible’s platform as a service is not only great to start with but also great to scale on. As a Fractal portfolio company <strong>you can claim $5,000 in credits to get started&mdash;and scale&mdash;on Aptible.</strong>
</>

export default () => (
<AptibleLayout>
<Helmet>
<title>Aptible | Fractal </title>
<meta name="description" content="Fractal portfolio companies get $5,000 in free credits to deploy and manage applications and databases on Aptible." />
</Helmet>
<Hero
headline="Build your ideas, not your infrastructure"
subHeadline={SUBHEADLINE}
utmCampaign={UTM_CAMPAIGN}
/>
<Grid>
<div style={{ gridColumn: '1 / span 7', paddingTop: '100px', marginBottom: '-150px', textAlign: 'center' }}>
<p className="L">Hundreds of the fastest growing companies have started and scaled on Aptible</p>
</div>
</Grid>
<GreatCompany showIntro={false} />
<Grid>
<div style={{ gridColumn: '1 / span 7', paddingTop: '50px', paddingBottom: '100px' }}>
<Feature
title="Fractal + Aptible"
description={
<>
<p className="L">Bring your code, Aptible does the rest.</p>
<p className="L">
Go from concept to cost-optimized, production-ready app. Aptible
implements and manages the operation of all your infrastructure,
security, and compliance. All the needed infrastructure security
controls required to satisfy a variety of regulations and security
frameworks&mdash;such as HIPAA, HITRUST, and SOC 2&mdash;are automated
and enforced. With Aptible, companies can focus on creating value
for customers, not managing low level infrastructure accounts.
</p>
<p className="L">
And for Fractal portfolio companies, we'll provide $5,000 in credits
to get you started building your apps and databases on Aptible.
</p>
</>
}
smallImage={<img width="50%" alt="Aptible Icon" src={aptibleIcon} />}
steps={[]}
/>
</div>
</Grid>
<HowAptibleWorks includeVideo={false} />
<CustomerCards />
<Grid>
<div style={{ gridColumn: '1 / span 7' }}>
<div
style={{
marginLeft: 'calc(100%&1/13)',
width: 'calc(100%*8/13)',
marginTop: '128px',
}}
>
<Faq
title="Frequently Asked Questions"
questions={[
{
title: 'Do these credits expire?',
question: (
<p>
The credits expire 45 days from signing up if you’ve not
activated an Aptible Dedicated Stack. If a Dedicated
Stack is activated within 45 days of signing up, the
credits last indefinitely until you exhaust them.
</p>
),
},
{
title: 'What do these credits go towards?* ',
question: (
<div>
<p className="">
Aptible is an application development and hosting
platform, with a focus on security and compliance. The
Aptible pricing model is a pay-as-you-go subscription
model primarily based on utilized compute resources,
encrypted disk storage, backups and the provisioning
of a Dedicated Stack.
</p>

<p>
<a href="/pricing-plans">
Learn more about Aptible’s pricing.
</a>
</p>

<p>
On average, with $5,000, customers can expect to run
their workloads on Aptible for free for 4-6 months.
This duration can be longer or shorter depending on
the volume of your compute and storage utilization.
</p>
</div>
),
},
{
title: 'What is a Dedicated Stack?',
question: (
<p>
A dedicated stack is a deployment environment where you
are the sole tenant, to which Aptible automatically
applies and maintains the required security
configurations and SLAs needed for security, compliance
and availability. Each Aptible dedicated Stack runs in
its own private VPC. Dedicated Stacks are ideal for when
customers want to ingest regulated data like PHI, ensure
HIPAA and HITRUST compliance, or have stringent
availability and business continuity requirements.
</p>
),
},
]}
/>
</div>
</div>
</Grid>
<ZeroTo headline={<>Focus on your code.<br />Not your infrastructure.</>} subHeadline="Get started in minutes not months." btnText="Redeem Credits Now" overrideParams={{ 'utm_campaign': UTM_CAMPAIGN }} />
</AptibleLayout>
);
139 changes: 139 additions & 0 deletions src/pages/loot.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,139 @@
import React from 'react';
import { Helmet } from 'react-helmet';
import AptibleLayout from '../components/layouts/AptibleLayout';
import GreatCompany from '../components/customers/GreatCompany';
import Hero from '../components/ucsf/Hero';
import { Grid } from '../components/grid/Grid';
import Feature from '../pages/solutions/components/Feature';
import aptibleIcon from '../images/aptible-favicon-100.png';
import HowAptibleWorks from '../components/ucsf/HowAptibleWorks';
import CustomerCards from '../components/ucsf/CustomerCards';
import Faq from '../components/deploy/Faq';
import ZeroTo from '../components/footer/ZeroTo';

const UTM_CAMPAIGN = 'partner_loot';
const SUBHEADLINE = <>
Built for teams who would rather focus on product innovation, Aptible’s platform as a service is not only great to start with but also great to scale on. With Loot, <strong>you can claim $5,000 in credits to get started&mdash;and scale&mdash;on Aptible.</strong>
</>

export default () => (
<AptibleLayout>
<Helmet>
<title>Aptible | Loot </title>
<meta name="description" content="Companies going through Loot get $5,000 in free credits to deploy and manage applications and databases on Aptible." />
</Helmet>
<Hero
headline="Build your ideas, not your infrastructure"
subHeadline={SUBHEADLINE}
utmCampaign={UTM_CAMPAIGN}
/>
<Grid>
<div style={{ gridColumn: '1 / span 7', paddingTop: '100px', marginBottom: '-150px', textAlign: 'center' }}>
<p className="L">Hundreds of the fastest growing companies have started and scaled on Aptible</p>
</div>
</Grid>
<GreatCompany showIntro={false} />
<Grid>
<div style={{ gridColumn: '1 / span 7', paddingTop: '50px', paddingBottom: '100px' }}>
<Feature
title="Loot + Aptible"
description={
<>
<p className="L">Bring your code, Aptible does the rest.</p>
<p className="L">
Go from concept to cost-optimized, production-ready app. Aptible
implements and manages the operation of all your infrastructure,
security, and compliance. All the needed infrastructure security
controls required to satisfy a variety of regulations and security
frameworks&mdash;such as HIPAA, HITRUST, and SOC 2&mdash;are automated
and enforced. With Aptible, companies can focus on creating value
for customers, not managing low level infrastructure accounts.
</p>
<p className="L">
And for companies going through Loot, we'll provide $5,000 in credits
to get you started building your apps and databases on Aptible.
</p>
</>
}
smallImage={<img width="50%" alt="Aptible Icon" src={aptibleIcon} />}
steps={[]}
/>
</div>
</Grid>
<HowAptibleWorks includeVideo={false} />
<CustomerCards />
<Grid>
<div style={{ gridColumn: '1 / span 7' }}>
<div
style={{
marginLeft: 'calc(100%&1/13)',
width: 'calc(100%*8/13)',
marginTop: '128px',
}}
>
<Faq
title="Frequently Asked Questions"
questions={[
{
title: 'Do these credits expire?',
question: (
<p>
The credits expire 45 days from signing up if you’ve not
activated an Aptible Dedicated Stack. If a Dedicated
Stack is activated within 45 days of signing up, the
credits last indefinitely until you exhaust them.
</p>
),
},
{
title: 'What do these credits go towards?* ',
question: (
<div>
<p className="">
Aptible is an application development and hosting
platform, with a focus on security and compliance. The
Aptible pricing model is a pay-as-you-go subscription
model primarily based on utilized compute resources,
encrypted disk storage, backups and the provisioning
of a Dedicated Stack.
</p>

<p>
<a href="/pricing-plans">
Learn more about Aptible’s pricing.
</a>
</p>

<p>
On average, with $5,000, customers can expect to run
their workloads on Aptible for free for 4-6 months.
This duration can be longer or shorter depending on
the volume of your compute and storage utilization.
</p>
</div>
),
},
{
title: 'What is a Dedicated Stack?',
question: (
<p>
A dedicated stack is a deployment environment where you
are the sole tenant, to which Aptible automatically
applies and maintains the required security
configurations and SLAs needed for security, compliance
and availability. Each Aptible dedicated Stack runs in
its own private VPC. Dedicated Stacks are ideal for when
customers want to ingest regulated data like PHI, ensure
HIPAA and HITRUST compliance, or have stringent
availability and business continuity requirements.
</p>
),
},
]}
/>
</div>
</div>
</Grid>
<ZeroTo headline={<>Focus on your code.<br />Not your infrastructure.</>} subHeadline="Get started in minutes not months." btnText="Redeem Credits Now" overrideParams={{ 'utm_campaign': UTM_CAMPAIGN }} />
</AptibleLayout>
);
Loading

0 comments on commit 624aab6

Please sign in to comment.