427ea2f845
This commit does two main things. First, it refactors UI styling in the alert component, changing the location of some utility classes and enhancing color gradients for different alert variants. Second, it introduces the ability to specify whether to redirect to checkout on the pricing page, thereby improving user experience. This adds more flexibility to the 'PricingTable' and 'CheckoutButton' components, allowing for optional redirection and enhanced configurability.
40 lines
1.1 KiB
TypeScript
40 lines
1.1 KiB
TypeScript
import { PricingTable } from '@kit/billing-gateway/marketing';
|
|
|
|
import { SitePageHeader } from '~/(marketing)/_components/site-page-header';
|
|
import billingConfig from '~/config/billing.config';
|
|
import pathsConfig from '~/config/paths.config';
|
|
import { createI18nServerInstance } from '~/lib/i18n/i18n.server';
|
|
import { withI18n } from '~/lib/i18n/with-i18n';
|
|
|
|
export const generateMetadata = async () => {
|
|
const { t } = await createI18nServerInstance();
|
|
|
|
return {
|
|
title: t('marketing:pricing'),
|
|
};
|
|
};
|
|
|
|
const paths = {
|
|
signUp: pathsConfig.auth.signUp,
|
|
subscription: pathsConfig.app.personalAccountBilling,
|
|
};
|
|
|
|
async function PricingPage() {
|
|
const { t } = await createI18nServerInstance();
|
|
|
|
return (
|
|
<div className={'flex flex-col space-y-12'}>
|
|
<SitePageHeader
|
|
title={t('marketing:pricing')}
|
|
subtitle={t('marketing:pricingSubtitle')}
|
|
/>
|
|
|
|
<div className={'container mx-auto pb-8 xl:pb-16'}>
|
|
<PricingTable paths={paths} config={billingConfig} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default withI18n(PricingPage);
|