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

chore: remove overage from pricing table #243

Merged
merged 3 commits into from
Sep 27, 2024
Merged

chore: remove overage from pricing table #243

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
796f55e
chore: remove overage from pricing table
victorgaard Sep 27, 2024
bbadd15
chore: reuse same styling as LP in pricing page
victorgaard Sep 27, 2024
e556041
Merge branch 'develop' into chore/pricing-table-copy
victorgaard Sep 27, 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
11 changes: 4 additions & 7 deletions src/components/Pricing/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,24 +1,21 @@
import TableMobile from './Table/TableMobile';
import Container from '@components/Container';
import PageSection from '@components/PageSection';
import Text from '@components/Text';
import TableDesktop from './Table/TableDesktop';
import { PricingInfo } from '../../content/pricing/config';
import PricingCard from '@components/PricingCard';
import Pay from '@components/Pay';
import { Text } from '@components/v2/LandingPage/Text/Text';

const Pricing = () => {
return (
<Container>
<>
<div className="grid grid-flow-dense grid-cols-16 gap-x-16 px-8 py-80">
<div className="col-span-14 col-start-2 text-center">
<Text style="h2" className="mb-24 text-white">
Pricing You Can Get Pumped About
</Text>
<Text style="l" className="mb-76">
<Text className="mb-24">Pricing you can get pumped about</Text>
<Text variant="description" className="mb-76">
Try for free and only pay for what you use. Transparent, simple
and flexible.{' '}
and flexible.
</Text>
<div className="mb-24 mt-44 flex flex-col justify-between gap-20 lg:flex-row">
{PricingInfo.map((item, index) => {
Expand Down
1 change: 0 additions & 1 deletion src/components/PricingCard.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,6 @@ const PricingCard: React.FC<Props> = (props) => {
<p className="typo-m text-left text-gray-dark-12">
$ <span className="typo-h5">{props.cost}</span> /mo
</p>
<p className="typo-s mt-3 text-left">+ Overage</p>
</div>
<div className="my-12 bg-gray-dark-6 p-[1px]" />
<div className="mb-16">
Expand Down