-
Notifications
You must be signed in to change notification settings - Fork 75
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
update deployment options section (#1824)
- Loading branch information
1 parent
36976fe
commit 3bbbf1f
Showing
8 changed files
with
285 additions
and
84 deletions.
There are no files selected for viewing
131 changes: 50 additions & 81 deletions
131
marketing/components/landing-page/DeploymentOptions.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
101 changes: 101 additions & 0 deletions
101
marketing/components/landing-page/old/oldDeploymentOptions.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,101 @@ | ||
'use client'; | ||
import { Button } from '@/components/ui/button'; | ||
import { ArrowRightIcon, GitHubLogoIcon } from '@radix-ui/react-icons'; | ||
import Image from 'next/image'; | ||
import Link from 'next/link'; | ||
import posthog from 'posthog-js'; | ||
import { ReactElement } from 'react'; | ||
|
||
export default function DeploymentOptions(): ReactElement { | ||
return ( | ||
<div className="px-6"> | ||
<div className="text-gray-900 font-semibold text-2xl lg:text-4xl font-satoshi text-center"> | ||
Flexible Deployment Options | ||
</div> | ||
<div className="text-md text-gray-700 font-satoshi font-semibold pt-10 lg:px-60 text-center"> | ||
Whether you decide to host Neosync yourself or use Neoysnc Cloud, | ||
you'll get access to the same powerful features. | ||
</div> | ||
<div className="flex flex-col lg:flex-row items-center justify-center pt-20 gap-4 o"> | ||
<div className="rounded-xl shadow-xl bg-[#1E1E24] text-white flex-flex-col"> | ||
<div className="flex flex-col gap-4 py-10"> | ||
<Image | ||
src={'/images/logo_dark_mode.svg'} | ||
alt="NeosyncLogo" | ||
className="w-5 object-scale-down ml-10" | ||
width="64" | ||
height="20" | ||
/> | ||
<div className="flex flex-row items-center gap-2 pl-10"> | ||
<div className="text-xl font-semibold">Neosync</div> | ||
<div className="text-sm">Cloud</div> | ||
</div> | ||
<div className="text-sm pl-10"> | ||
Don't worry about infrastructure and sign up now | ||
</div> | ||
<Link href="https://app.neosync.dev" target="_blank"> | ||
<Button | ||
className="px-6 w-[188px] ml-10" | ||
variant="secondary" | ||
onClick={() => | ||
posthog.capture('user click', { | ||
page: 'deployment options app sign up', | ||
}) | ||
} | ||
> | ||
Get Started Now <ArrowRightIcon className="ml-2 h-4 w-4" /> | ||
</Button> | ||
</Link> | ||
</div> | ||
<Image | ||
src={'/images/ss-dark-new.svg'} | ||
alt="NeosyncLogo" | ||
width="624" | ||
height="280" | ||
className="w-full rounded-b-xl" | ||
/> | ||
</div> | ||
<div className="border border-gray-400 rounded-xl shadow-xl bg-white flex-flex-col overflow-hidden"> | ||
<div className="flex flex-col gap-4 py-10"> | ||
<Image | ||
src={'/images/logo_light_mode.svg'} | ||
alt="NeosyncLogo" | ||
className="w-5 object-scale-down ml-10" | ||
width="64" | ||
height="20" | ||
/> | ||
<div className="flex flex-row items-center gap-2 pl-10"> | ||
<div className="text-xl font-semibold">Neosync</div> | ||
<div className="text-sm">Open Source</div> | ||
</div> | ||
<div className="text-sm pl-10"> | ||
Deploy using a Helm Chart or Docker Compose file. | ||
</div> | ||
<Button | ||
className="px-6 w-[188px] ml-10" | ||
variant="default" | ||
onClick={() => | ||
posthog.capture('user click', { | ||
page: 'deployment options open source', | ||
}) | ||
} | ||
> | ||
<Link href="https://github.com/nucleuscloud/neosync"> | ||
<div className="flex flex-row gap-2"> | ||
<GitHubLogoIcon className="mr-2 h-5 w-5" /> Open Source | ||
</div> | ||
</Link> | ||
</Button> | ||
</div> | ||
<Image | ||
src={'/images/ss-light-new.svg'} | ||
alt="NeosyncLogo" | ||
width="624" | ||
height="280" | ||
className="w-full" | ||
/> | ||
</div> | ||
</div> | ||
</div> | ||
); | ||
} |
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.