build ok,

002_source/cms/src/app/contact/page.tsx

@@ -0,0 +1,76 @@
+import * as React from 'react';
+import type { Metadata } from 'next';
+import RouterLink from 'next/link';
+import Box from '@mui/material/Box';
+import Link from '@mui/material/Link';
+import Stack from '@mui/material/Stack';
+import Typography from '@mui/material/Typography';
+import { ArrowLeft as ArrowLeftIcon } from '@phosphor-icons/react/dist/ssr/ArrowLeft';
+
+import { config } from '@/config';
+import { paths } from '@/paths';
+import { ContactForm } from '@/components/marketing/contact/contact-form';
+import { Customers } from '@/components/marketing/contact/customers';
+
+export const metadata = { title: `Contact | ${config.site.name}` } satisfies Metadata;
+
+export default function Page(): React.JSX.Element {
+  return (
+    <Box
+      component="main"
+      sx={{
+        display: 'grid',
+        flex: '1 1 auto',
+        gridTemplateColumns: { xs: 'repeat(1, 1fr)', md: 'repeat(2, 1fr)' },
+        minHeight: '100%',
+      }}
+    >
+      <Box
+        sx={{
+          bgcolor: 'var(--mui-palette-background-level1)',
+          display: 'flex',
+          alignItems: { md: 'flex-end' },
+          flexDirection: 'column',
+          px: { xs: '24px', md: '60px' },
+          py: { xs: '60px', md: '120px' },
+        }}
+      >
+        <Box maxWidth="sm">
+          <Stack spacing={3}>
+            <div>
+              <Link
+                color="text.primary"
+                component={RouterLink}
+                href={paths.home}
+                sx={{ alignItems: 'center', display: 'inline-flex', gap: 1 }}
+                variant="subtitle2"
+              >
+                <ArrowLeftIcon fontSize="var(--icon-fontSize-md)" />
+                Home
+              </Link>
+            </div>
+            <Stack spacing={6}>
+              <Typography variant="h3">Talk to our account expert</Typography>
+              <Typography variant="body1">
+                Have questions about integrating our APIs? Fill out the form and a senior web expert will be in touch
+                shortly.
+              </Typography>
+              <Typography color="primary" variant="h6">
+                Join 10,000+ forward-thinking companies:
+              </Typography>
+              <Customers />
+            </Stack>
+          </Stack>
+        </Box>
+      </Box>
+      <Box sx={{ px: { xs: '24px', md: '60px' }, py: { xs: '60px', md: '120px' } }}>
+        <Box maxWidth="sm">
+          <Stack spacing={3}>
+            <Typography variant="h6">Fill the form below</Typography>
+            <ContactForm />
+          </Stack>
+        </Box>
+      </Box>
+    </Box>
+  );
+}