diff --git a/components/custom-pages/PageContent/PageContent.module.css b/components/custom-pages/PageContent/PageContent.module.css new file mode 100644 index 000000000..191da17f5 --- /dev/null +++ b/components/custom-pages/PageContent/PageContent.module.css @@ -0,0 +1,18 @@ +.root h1 { + @apply text-5xl mb-12; +} + +.root h2 { + @apply text-3xl mt-12 mb-4 leading-snug; +} + +.root h3 { + @apply text-2xl mt-8 mb-4 leading-snug; +} + +.root p, +.root ul, +.root ol, +.root blockquote { + @apply my-6; +} diff --git a/components/custom-pages/PageContent/PageContent.tsx b/components/custom-pages/PageContent/PageContent.tsx new file mode 100644 index 000000000..7237b9fa8 --- /dev/null +++ b/components/custom-pages/PageContent/PageContent.tsx @@ -0,0 +1,16 @@ +import cn from 'classnames' +import s from './PageContent.module.css' + +type Props = { + className?: 'string' + html: string +} + +export default function PageContent({ className, html }: Props) { + return ( +
+ ) +} diff --git a/components/custom-pages/PageContent/index.ts b/components/custom-pages/PageContent/index.ts new file mode 100644 index 000000000..f3fe82eb1 --- /dev/null +++ b/components/custom-pages/PageContent/index.ts @@ -0,0 +1 @@ +export { default } from './PageContent' diff --git a/pages/[...pages].tsx b/pages/[...pages].tsx index 46c241242..97dfbda71 100644 --- a/pages/[...pages].tsx +++ b/pages/[...pages].tsx @@ -3,6 +3,7 @@ import { Layout } from '@components/core' import getAllPages from '@lib/bigcommerce/api/operations/get-all-pages' import getPage from '@lib/bigcommerce/api/operations/get-page' import getSlug from '@utils/get-slug' +import PageContent from '@components/custom-pages/PageContent' export async function getStaticProps({ preview, @@ -37,8 +38,11 @@ export async function getStaticPaths() { export default function Pages({ page, }: InferGetStaticPropsType