-
-
Notifications
You must be signed in to change notification settings - Fork 175
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
15cad53
commit c9eb146
Showing
18 changed files
with
170 additions
and
289 deletions.
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
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
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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,38 +1,67 @@ | ||
| 'use client' | ||
|
|
||
| import { ArrowForward } from '@mui/icons-material' | ||
| import { | ||
| ArrowsRightLeftIcon, | ||
| CommandLineIcon, | ||
| CubeTransparentIcon, | ||
| } from '@heroicons/react/24/outline' | ||
| import { KeyboardArrowRight } from '@mui/icons-material' | ||
| import Link from 'next/link' | ||
| import Button from 'polarkit/components/ui/atoms/button' | ||
| import { Section } from './Section' | ||
| import { APIFirst } from './molecules/APIFirst' | ||
|
|
||
| export const API = () => { | ||
| return ( | ||
| <Section | ||
| id="integrations" | ||
| className="flex flex-col items-center justify-center gap-y-24" | ||
| wrapperClassName="overflow-hidden" | ||
| > | ||
| <div className="flex flex-col items-center gap-y-12"> | ||
| <div className="flex flex-col gap-y-4 text-center"> | ||
| <span className="font-mono text-xs uppercase tracking-wider dark:text-yellow-400"> | ||
| API & Developer First | ||
| </span> | ||
| <h3 className="text-2xl font-medium leading-snug md:text-3xl"> | ||
| Powerful Custom Integrations | ||
| </h3> | ||
| <p className="dark:text-polar-200 h-full leading-relaxed text-gray-500"> | ||
| Ship faster with our API, Webhooks, OAuth & SDKs. | ||
| </p> | ||
| </div> | ||
| <APIFirst /> | ||
| <Link href={`/docs/api`}> | ||
| <Button size="lg"> | ||
| <span>Explore the API</span> | ||
| <ArrowForward className="ml-2" fontSize="inherit" /> | ||
| <div className="dark:bg-polar-950 rounded-4xl flex w-full flex-col gap-y-16 bg-gray-50 p-8 md:p-16 dark:md:bg-[radial-gradient(400px_at_top,rgba(20,20,25,1)_0%,rgba(7,7,9,1)_100%)]"> | ||
| <div className="flex flex-col items-center gap-y-8"> | ||
| <span className="dark:text-polar-500 text-lg text-gray-400"> | ||
| Built for Developers | ||
| </span> | ||
| <h1 className="w-fit max-w-2xl text-pretty text-center text-2xl md:text-4xl md:leading-normal"> | ||
| The fastest way to add SaaS & digital products to your stack | ||
| </h1> | ||
| <Link href="/docs/guides/nextjs"> | ||
| <Button | ||
| fullWidth | ||
| wrapperClassNames="flex flex-row items-center gap-x-1" | ||
| variant="secondary" | ||
| > | ||
| <span>Integration Guide</span> | ||
| <KeyboardArrowRight className="text-lg" fontSize="inherit" /> | ||
| </Button> | ||
| </Link> | ||
| </div> | ||
| </Section> | ||
| <div className="grid grid-cols-1 gap-8 md:grid-cols-3"> | ||
| <div className="dark:bg-polar-900 flex w-full flex-col gap-y-4 rounded-3xl bg-gray-100 p-8"> | ||
| <div className="flex flex-row items-center gap-x-3"> | ||
| <CommandLineIcon className="h-5 w-5" /> | ||
| <h1 className="text-xl">npx polar-init</h1> | ||
| </div> | ||
| <p className="dark:text-polar-400 text-gray-500"> | ||
| Bootstrap products, subscriptions, checkouts & webhooks in your | ||
| Next.js or Nuxt.js project. | ||
| </p> | ||
| </div> | ||
| <div className="dark:bg-polar-900 flex w-full flex-col gap-y-4 rounded-3xl bg-gray-100 p-8"> | ||
| <div className="flex flex-row items-center gap-x-3"> | ||
| <CubeTransparentIcon className="h-5 w-5" /> | ||
| <h1 className="text-xl">Sandbox</h1> | ||
| </div> | ||
| <p className="dark:text-polar-400 text-gray-500"> | ||
| An isolated sandbox environment, so you can test your integration | ||
| without risk. | ||
| </p> | ||
| </div> | ||
| <div className="dark:bg-polar-900 flex w-full flex-col gap-y-4 rounded-3xl bg-gray-100 p-8"> | ||
| <div className="flex flex-row items-center gap-x-3"> | ||
| <ArrowsRightLeftIcon className="h-5 w-5" /> | ||
| <h1 className="text-xl">Webhooks</h1> | ||
| </div> | ||
| <p className="dark:text-polar-400 text-gray-500"> | ||
| Receive reliable webhooks for events, including payments, | ||
| subscriptions, and more. | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| ) | ||
| } |
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 was deleted.
Oops, something went wrong.
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
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
Oops, something went wrong.