259e6ba555
This commit includes the addition of a contact form and a cookie banner to improve user experience and comply with regulations. The contact form involves email submission functionality. Several packages have also been updated and new routes have been added to the sitemap for better SEO. Environment variables have also been adjusted for email and contact form functionality.
55 lines
1.4 KiB
TypeScript
55 lines
1.4 KiB
TypeScript
import { Heading } from '@kit/ui/heading';
|
|
import { Trans } from '@kit/ui/trans';
|
|
|
|
import { SitePageHeader } from '~/(marketing)/_components/site-page-header';
|
|
import { ContactForm } from '~/(marketing)/contact/_components/contact-form';
|
|
import { createI18nServerInstance } from '~/lib/i18n/i18n.server';
|
|
import { withI18n } from '~/lib/i18n/with-i18n';
|
|
|
|
export async function generateMetadata() {
|
|
const { t } = await createI18nServerInstance();
|
|
|
|
return {
|
|
title: t('marketing:contact'),
|
|
};
|
|
}
|
|
|
|
async function ContactPage() {
|
|
const { t } = await createI18nServerInstance();
|
|
|
|
return (
|
|
<div className={'mt-8'}>
|
|
<SitePageHeader
|
|
title={t(`marketing:contact`)}
|
|
subtitle={t(`marketing:contactDescription`)}
|
|
/>
|
|
|
|
<div className={'container mx-auto'}>
|
|
<div
|
|
className={'flex flex-1 flex-col items-center justify-center py-12'}
|
|
>
|
|
<div
|
|
className={
|
|
'flex w-full max-w-lg flex-col space-y-4 rounded-lg border p-8'
|
|
}
|
|
>
|
|
<div>
|
|
<Heading level={3}>
|
|
<Trans i18nKey={'marketing:contactHeading'} />
|
|
</Heading>
|
|
|
|
<p className={'text-muted-foreground'}>
|
|
<Trans i18nKey={'marketing:contactSubheading'} />
|
|
</p>
|
|
</div>
|
|
|
|
<ContactForm />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default withI18n(ContactPage);
|