The changes include UI styling updates across dashboard, pricing, and marketing components. This involves updating animations and slide-in effects on the dashboard demo component, adjusting color schemes, animations, and spacing on pricing related components, and modifying layout and spacing on the marketing page. Other subtle style changes like font weights, colors and sizes were also addressed.
33 lines
927 B
TypeScript
33 lines
927 B
TypeScript
import { PricingTable } from '@kit/billing-gateway/components';
|
|
|
|
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'),
|
|
};
|
|
};
|
|
|
|
async function PricingPage() {
|
|
const { t } = await createI18nServerInstance();
|
|
|
|
return (
|
|
<div className={'container mx-auto mt-8 flex flex-col space-y-12'}>
|
|
<SitePageHeader
|
|
title={t('marketing:pricing')}
|
|
subtitle={t('marketing:pricingSubtitle')}
|
|
/>
|
|
|
|
<PricingTable paths={pathsConfig.auth} config={billingConfig} />
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default withI18n(PricingPage);
|