diff --git a/website/src/app/[lang]/publications/page-body.module.scss b/website/src/app/[lang]/publications/page-body.module.scss
new file mode 100644
index 0000000..e054df0
--- /dev/null
+++ b/website/src/app/[lang]/publications/page-body.module.scss
@@ -0,0 +1,11 @@
+.publications {
+  ul {
+    margin: 0;
+    padding: 0;
+    padding-inline-start: var(--spacing-8);
+  }
+
+  &__by-year:not(:last-of-type) {
+    margin-block-end: var(--spacing-6);
+  }
+}
diff --git a/website/src/app/[lang]/publications/page-body.tsx b/website/src/app/[lang]/publications/page-body.tsx
new file mode 100644
index 0000000..173e7a9
--- /dev/null
+++ b/website/src/app/[lang]/publications/page-body.tsx
@@ -0,0 +1,163 @@
+import styles from './page-body.module.scss';
+
+import PageBody from '@components/page-body';
+import { documentToReactComponents } from '@contentful/rich-text-react-renderer';
+import { getClient } from '@graphql/client';
+import {
+  GetPublicationsPageDocument,
+  type GetPublicationsPageQuery,
+} from '@graphql/queries/publications-page/index.generated';
+import type { AvailableLocale } from '@i18n/locales';
+import {
+  geneResearchHeadingId,
+  patientResearchHeadingId,
+} from '@models/headings';
+import {
+  geneResearchContentId,
+  patientResearchContentId,
+} from '@models/paragraphs';
+import { createHashLink } from '@shared/utils/hash-links';
+
+interface RegisterPageBodyProps {
+  lang: AvailableLocale;
+}
+
+const { query } = getClient();
+
+interface CleanedPublication {
+  __typename: 'Publication';
+  title: string;
+  dateOfPublication: string;
+  link: string | null;
+  asset: {
+    __typename: 'Asset';
+    url: string;
+  } | null;
+}
+
+interface PublicationWithLink {
+  title: string;
+  year: number;
+  link: string;
+}
+
+interface PublicationsByYear {
+  year: number;
+  publications: PublicationWithLink[];
+}
+
+const getPublicationWithLink = (
+  publication: CleanedPublication,
+): PublicationWithLink => {
+  const { title, dateOfPublication, link, asset } = publication;
+  return {
+    title: title,
+    year: new Date(dateOfPublication).getFullYear(),
+    link: link ?? asset?.url ?? '',
+  };
+};
+
+const getPublicationsByYear = (
+  acc: PublicationsByYear[],
+  { title, year, link }: PublicationWithLink,
+) => {
+  const existingYear = acc.find((publication) => publication.year === year);
+
+  if (existingYear) {
+    existingYear.publications.push({ title, link, year });
+  } else {
+    acc.push({ year, publications: [{ title, link, year }] });
+  }
+
+  return acc;
+};
+
+const sortByYear = (
+  { year: yearA }: PublicationsByYear,
+  { year: yearB }: PublicationsByYear,
+) => {
+  return yearB - yearA;
+};
+
+interface PublicationsByYearProps {
+  publications: CleanedPublication[];
+}
+
+const PublicationsByYear: React.FC<PublicationsByYearProps> = ({
+  publications,
+}) => {
+  const publicationsByYear = publications
+    .map(getPublicationWithLink)
+    .reduce(getPublicationsByYear, [] as PublicationsByYear[])
+    .sort(sortByYear);
+
+  return publicationsByYear.map(({ year, publications }) => (
+    <div className={styles['publications__by-year']} key={crypto.randomUUID()}>
+      <h3>{year}</h3>
+      <ul>
+        {publications.map(({ title, link }) => (
+          <li key={crypto.randomUUID()}>
+            <a href={link}>{title}</a>
+          </li>
+        ))}
+      </ul>
+    </div>
+  ));
+};
+
+const RegisterPageBody: React.FC<RegisterPageBodyProps> = async ({ lang }) => {
+  const {
+    data: {
+      patientResearchHeading,
+      patientResearchContent,
+      patientPublications,
+      geneResearchHeading,
+      geneResearchContent,
+      genePublications,
+    },
+    error,
+  } = await query<GetPublicationsPageQuery>({
+    query: GetPublicationsPageDocument,
+    variables: {
+      locale: lang,
+      patientResearchHeadingId,
+      patientResearchContentId,
+      geneResearchHeadingId,
+      geneResearchContentId,
+    },
+  });
+
+  if (error) {
+    return null;
+  }
+
+  const headings = [
+    patientResearchHeading?.content ?? '',
+    geneResearchHeading?.content ?? '',
+  ];
+
+  return (
+    <PageBody lang={lang} headings={headings} className={styles.publications}>
+      <section>
+        <h2 id={createHashLink(patientResearchHeading?.content ?? '')}>
+          {patientResearchHeading?.content}
+        </h2>
+        {documentToReactComponents(patientResearchContent?.content?.json)}
+        <PublicationsByYear
+          publications={patientPublications?.items as CleanedPublication[]}
+        />
+      </section>
+      <section>
+        <h2 id={createHashLink(geneResearchHeading?.content ?? '')}>
+          {geneResearchHeading?.content}
+        </h2>
+        {documentToReactComponents(geneResearchContent?.content?.json)}
+        <PublicationsByYear
+          publications={genePublications?.items as CleanedPublication[]}
+        />
+      </section>
+    </PageBody>
+  );
+};
+
+export default RegisterPageBody;
diff --git a/website/src/app/[lang]/publications/page-header.tsx b/website/src/app/[lang]/publications/page-header.tsx
new file mode 100644
index 0000000..9ad0e70
--- /dev/null
+++ b/website/src/app/[lang]/publications/page-header.tsx
@@ -0,0 +1,57 @@
+import PageHeader from '@components/page-header';
+import { getClient } from '@graphql/client';
+import {
+  GetPageHeaderDocument,
+  type GetPageHeaderQuery,
+} from '@graphql/queries/page-header/index.generated';
+import type { AvailableLocale } from '@i18n/locales';
+import { publicationsPageHeaderId } from '@models/page-header';
+
+interface RegisterPageHeaderProps {
+  lang: AvailableLocale;
+}
+
+const PublicationsPageHeader: React.FC<RegisterPageHeaderProps> = async ({
+  lang,
+}) => {
+  const { query } = getClient();
+
+  // TODO: Change query
+  const { data, error } = await query<GetPageHeaderQuery>({
+    query: GetPageHeaderDocument,
+    variables: {
+      locale: lang,
+      id: publicationsPageHeaderId,
+    },
+  });
+
+  if (
+    error ||
+    !data.pageHeader ||
+    !data.pageHeader.title ||
+    !data.pageHeader.sectionTitle ||
+    !data.pageHeader.lastUpdated ||
+    !data.pageHeader.image
+  ) {
+    return null;
+  }
+
+  const {
+    title,
+    sectionTitle,
+    lastUpdated,
+    image: { url },
+  } = data.pageHeader;
+
+  return (
+    <PageHeader
+      lang={lang}
+      pageTitle={title}
+      sectionTitle={sectionTitle}
+      lastUpdated={lastUpdated}
+      imageUrl={url ?? ''}
+    />
+  );
+};
+
+export default PublicationsPageHeader;
diff --git a/website/src/app/[lang]/publications/page.tsx b/website/src/app/[lang]/publications/page.tsx
new file mode 100644
index 0000000..2232276
--- /dev/null
+++ b/website/src/app/[lang]/publications/page.tsx
@@ -0,0 +1,102 @@
+import SupportBanner from '@components/support-banner';
+import { getClient } from '@graphql/client';
+import {
+  GetMetadataDocument,
+  type GetMetadataQuery,
+} from '@graphql/queries/metadata/index.generated';
+import { registerPatientPageMetadataId } from '@models/metadata';
+import type { PagePropsWithLocale } from '@shared/types/page-with-locale-params';
+import type { Metadata, NextPage } from 'next';
+import type { Graph, MedicalStudy, WebPage, WithContext } from 'schema-dts';
+import RegisterPageBody from './page-body';
+import PublicationsPageHeader from './page-header';
+
+const { query } = getClient();
+
+const Page: NextPage<PagePropsWithLocale> = async ({ params }) => {
+  const { lang } = await params;
+
+  // TODO: Change query
+  const {
+    data: {
+      // @ts-ignore
+      htmlHeadMetadata: { title, description },
+    },
+  } = await query<GetMetadataQuery>({
+    query: GetMetadataDocument,
+    variables: {
+      locale: lang,
+      id: registerPatientPageMetadataId,
+    },
+  });
+
+  const medicalStudy: WithContext<MedicalStudy> = {
+    '@context': 'https://schema.org',
+    '@type': 'MedicalStudy',
+    name: title,
+    description,
+    potentialAction: [
+      {
+        '@type': 'RegisterAction',
+        target: `https://nr2f1.org/${lang}/register-patient`,
+        name: title,
+      },
+    ],
+  };
+
+  // TODO: Change schema
+  const webPage: WithContext<WebPage> = {
+    '@context': 'https://schema.org',
+    '@type': 'WebPage',
+    url: `https://nr2f1.org/${lang}/register-a-patient`,
+    name: title,
+    inLanguage: lang,
+  };
+
+  const jsonLd: Graph = {
+    '@context': 'https://schema.org',
+    '@graph': [medicalStudy, webPage],
+  };
+
+  return (
+    <>
+      <script
+        type="application/ld+json"
+        // biome-ignore lint/security/noDangerouslySetInnerHtml: this is a safe usage
+        dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}
+      />
+      <PublicationsPageHeader lang={lang} />
+      <RegisterPageBody lang={lang} />
+      <SupportBanner lang={lang} />
+    </>
+  );
+};
+
+export default Page;
+
+export async function generateMetadata({
+  params,
+}: PagePropsWithLocale): Promise<Metadata> {
+  const { lang } = await params;
+
+  // TODO: Change query
+  const {
+    data: {
+      // @ts-ignore
+      htmlHeadMetadata: { title, description, keywords },
+    },
+    error,
+  } = await query<GetMetadataQuery>({
+    query: GetMetadataDocument,
+    variables: {
+      locale: lang,
+      id: registerPatientPageMetadataId,
+    },
+  });
+
+  return {
+    title: `NR2F1 Foundation | ${title}`,
+    description,
+    keywords,
+  };
+}
diff --git a/website/src/app/[lang]/register-a-patient/page-body.tsx b/website/src/app/[lang]/register-a-patient/page-body.tsx
index ff0cd68..e3957fc 100644
--- a/website/src/app/[lang]/register-a-patient/page-body.tsx
+++ b/website/src/app/[lang]/register-a-patient/page-body.tsx
@@ -1,8 +1,5 @@
-import styles from './page-body.module.scss';
-
 import Accordion from '@components/accordion';
-import PageContents from '@components/page-contents';
-import PageLatestNews from '@components/page-latest-news';
+import PageBody from '@components/page-body';
 import SignupForm from '@components/signup-form';
 import { documentToReactComponents } from '@contentful/rich-text-react-renderer';
 import { getClient } from '@graphql/client';
@@ -102,148 +99,132 @@ const RegisterPageBody: React.FC<RegisterPageBodyProps> = async ({ lang }) => {
   ];
 
   return (
-    <div className={styles['page-layout']}>
-      <div className={styles['page-layout__row']}>
-        <aside className={styles['page-contents']}>
-          <PageContents lang={lang} headings={headings} />
-        </aside>
-        <article className={styles['page-body']}>
-          {documentToReactComponents(intro?.content?.json)}
-          <ol>
-            <li>
-              <a
-                href={`#${createHashLink(registerWithUsHeading?.content ?? '')}`}
-              >
-                {registerWithUsHeading?.content}
-              </a>
-            </li>
-            <li>
-              <a
-                href={`#${createHashLink(registerPatientRegistryHeading?.content ?? '')}`}
-              >
-                {registerPatientRegistryHeading?.content}
-              </a>
-            </li>
-            <li>
-              <a
-                href={`#${createHashLink(registerClinicalIdHeading?.content ?? '')}`}
-              >
-                {registerClinicalIdHeading?.content}
-              </a>
-            </li>
-          </ol>
-          <section>
-            <h2 id={createHashLink(registerWithUsHeading?.content ?? '')}>
-              1. {registerWithUsHeading?.content}
-            </h2>
-
-            {documentToReactComponents(registerWithUsContent?.content?.json)}
-
-            <SignupForm lang={lang} registerPatient />
-          </section>
-          <section>
-            <h2
-              id={createHashLink(registerPatientRegistryHeading?.content ?? '')}
-            >
-              2. {registerPatientRegistryHeading?.content}
-            </h2>
-
-            {documentToReactComponents(
-              registerPatientRegistryContent?.content?.json,
-            )}
-
-            <a
-              href={
-                registerPatientRegistrySignUpLink?.href ??
-                'https://nr2f1x.acrossmatrix.com/en-US/#/user-request'
-              }
-              title={
-                registerPatientRegistrySignUpLink?.content ??
-                'Natural history study registry signup'
-              }
-              target="_blank"
-              rel="noreferrer"
-              className="button button--on-light-open-new-tab mbe--4"
-            >
-              {registerPatientRegistrySignUpLink?.content}
-            </a>
-            <p>{alreadyRegister[lang]}</p>
-            <a
-              href={
-                registerPatientRegistryLoginLink?.href ??
-                'https://nr2f1.acrossmatrix.com/'
-              }
-              title="Natural history study registry login"
-              target="_blank"
-              rel="noreferrer"
-              className="button button--on-light-open-new-tab mbe--6"
-            >
-              {registerPatientRegistryLoginLink?.content}
-            </a>
-
-            <Accordion
-              title={whoContactAccordion?.title ?? ''}
-              content={documentToReactComponents(
-                whoContactAccordion?.content?.json,
-              )}
-            />
-            <Accordion
-              title={whoCanTakePartAccordion?.title ?? ''}
-              content={documentToReactComponents(
-                whoCanTakePartAccordion?.content?.json,
-              )}
-            />
-            <Accordion
-              title={whoWillHaveAccessAccordion?.title ?? ''}
-              content={documentToReactComponents(
-                whoWillHaveAccessAccordion?.content?.json,
-              )}
-            />
-            <Accordion
-              title={otherThanFillSurveysAccordion?.title ?? ''}
-              content={documentToReactComponents(
-                otherThanFillSurveysAccordion?.content?.json,
-              )}
-            />
-            <Accordion
-              title={matrixLanguagesAccordion?.title ?? ''}
-              content={documentToReactComponents(
-                matrixLanguagesAccordion?.content?.json,
-              )}
-            />
-            <Accordion
-              title={whoCanTakePartAccordion?.title ?? ''}
-              content={documentToReactComponents(
-                whoCanTakePartAccordion?.content?.json,
-              )}
-            />
-          </section>
-
-          <section>
-            <h2 id={createHashLink(registerClinicalIdHeading?.content ?? '')}>
-              3. {registerClinicalIdHeading?.content}
-            </h2>
-
-            {documentToReactComponents(
-              registerClinicalIdContent?.content?.json,
-            )}
-
-            <a
-              href={registerContentIdLink?.href ?? 'https://thecrid.org/'}
-              target="_blank"
-              rel="noreferrer"
-              title={registerContentIdLink?.content ?? 'Clinical Registry'}
-              className="button button--on-light-open-new-tab"
-            >
-              {registerContentIdLink?.content}
-            </a>
-          </section>
-        </article>
-        <aside className={styles['latest-news']}>
-          <PageLatestNews lang={lang} />
-        </aside>
-      </div>
-    </div>
+    <PageBody lang={lang} headings={headings}>
+      {documentToReactComponents(intro?.content?.json)}
+      <ol>
+        <li>
+          <a href={`#${createHashLink(registerWithUsHeading?.content ?? '')}`}>
+            {registerWithUsHeading?.content}
+          </a>
+        </li>
+        <li>
+          <a
+            href={`#${createHashLink(registerPatientRegistryHeading?.content ?? '')}`}
+          >
+            {registerPatientRegistryHeading?.content}
+          </a>
+        </li>
+        <li>
+          <a
+            href={`#${createHashLink(registerClinicalIdHeading?.content ?? '')}`}
+          >
+            {registerClinicalIdHeading?.content}
+          </a>
+        </li>
+      </ol>
+      <section>
+        <h2 id={createHashLink(registerWithUsHeading?.content ?? '')}>
+          1. {registerWithUsHeading?.content}
+        </h2>
+
+        {documentToReactComponents(registerWithUsContent?.content?.json)}
+
+        <SignupForm lang={lang} registerPatient />
+      </section>
+      <section>
+        <h2 id={createHashLink(registerPatientRegistryHeading?.content ?? '')}>
+          2. {registerPatientRegistryHeading?.content}
+        </h2>
+
+        {documentToReactComponents(
+          registerPatientRegistryContent?.content?.json,
+        )}
+
+        <a
+          href={
+            registerPatientRegistrySignUpLink?.href ??
+            'https://nr2f1x.acrossmatrix.com/en-US/#/user-request'
+          }
+          title={
+            registerPatientRegistrySignUpLink?.content ??
+            'Natural history study registry signup'
+          }
+          target="_blank"
+          rel="noreferrer"
+          className="button button--on-light-open-new-tab mbe--4"
+        >
+          {registerPatientRegistrySignUpLink?.content}
+        </a>
+        <p>{alreadyRegister[lang]}</p>
+        <a
+          href={
+            registerPatientRegistryLoginLink?.href ??
+            'https://nr2f1.acrossmatrix.com/'
+          }
+          title="Natural history study registry login"
+          target="_blank"
+          rel="noreferrer"
+          className="button button--on-light-open-new-tab mbe--6"
+        >
+          {registerPatientRegistryLoginLink?.content}
+        </a>
+
+        <Accordion
+          title={whoContactAccordion?.title ?? ''}
+          content={documentToReactComponents(
+            whoContactAccordion?.content?.json,
+          )}
+        />
+        <Accordion
+          title={whoCanTakePartAccordion?.title ?? ''}
+          content={documentToReactComponents(
+            whoCanTakePartAccordion?.content?.json,
+          )}
+        />
+        <Accordion
+          title={whoWillHaveAccessAccordion?.title ?? ''}
+          content={documentToReactComponents(
+            whoWillHaveAccessAccordion?.content?.json,
+          )}
+        />
+        <Accordion
+          title={otherThanFillSurveysAccordion?.title ?? ''}
+          content={documentToReactComponents(
+            otherThanFillSurveysAccordion?.content?.json,
+          )}
+        />
+        <Accordion
+          title={matrixLanguagesAccordion?.title ?? ''}
+          content={documentToReactComponents(
+            matrixLanguagesAccordion?.content?.json,
+          )}
+        />
+        <Accordion
+          title={whoCanTakePartAccordion?.title ?? ''}
+          content={documentToReactComponents(
+            whoCanTakePartAccordion?.content?.json,
+          )}
+        />
+      </section>
+
+      <section>
+        <h2 id={createHashLink(registerClinicalIdHeading?.content ?? '')}>
+          3. {registerClinicalIdHeading?.content}
+        </h2>
+
+        {documentToReactComponents(registerClinicalIdContent?.content?.json)}
+
+        <a
+          href={registerContentIdLink?.href ?? 'https://thecrid.org/'}
+          target="_blank"
+          rel="noreferrer"
+          title={registerContentIdLink?.content ?? 'Clinical Registry'}
+          className="button button--on-light-open-new-tab"
+        >
+          {registerContentIdLink?.content}
+        </a>
+      </section>
+    </PageBody>
   );
 };
 
diff --git a/website/src/app/[lang]/register-a-patient/page-body.module.scss b/website/src/components/page-body/index.module.scss
similarity index 94%
rename from website/src/app/[lang]/register-a-patient/page-body.module.scss
rename to website/src/components/page-body/index.module.scss
index a07fbef..8048590 100644
--- a/website/src/app/[lang]/register-a-patient/page-body.module.scss
+++ b/website/src/components/page-body/index.module.scss
@@ -90,7 +90,13 @@
     }
   }
 
-  section {
+  h3 {
+    @include text-styles.header-3;
+    margin: 0;
+    margin-block-end: var(--spacing-3);
+  }
+
+  section:not(:first-of-type) {
     margin-block-start: var(--spacing-12);
   }
 
diff --git a/website/src/components/page-body/index.tsx b/website/src/components/page-body/index.tsx
new file mode 100644
index 0000000..a6b5cb1
--- /dev/null
+++ b/website/src/components/page-body/index.tsx
@@ -0,0 +1,35 @@
+import styles from './index.module.scss';
+
+import PageContents from '@components/page-contents';
+import PageLatestNews from '@components/page-latest-news';
+import type { AvailableLocale } from '@i18n/locales';
+
+interface PageBodyProps {
+  lang: AvailableLocale;
+  headings: string[];
+  children: React.ReactNode;
+  className?: string;
+}
+
+const PageBody: React.FC<PageBodyProps> = ({
+  lang,
+  headings,
+  children,
+  className,
+}) => {
+  return (
+    <div className={`${styles['page-layout']} ${className ?? ''}`}>
+      <div className={styles['page-layout__row']}>
+        <aside className={styles['page-contents']}>
+          <PageContents lang={lang} headings={headings} />
+        </aside>
+        <article className={styles['page-body']}>{children}</article>
+        <aside className={styles['latest-news']}>
+          <PageLatestNews lang={lang} />
+        </aside>
+      </div>
+    </div>
+  );
+};
+
+export default PageBody;
diff --git a/website/src/components/page-header/index.module.scss b/website/src/components/page-header/index.module.scss
index a9ed1d6..de153bf 100644
--- a/website/src/components/page-header/index.module.scss
+++ b/website/src/components/page-header/index.module.scss
@@ -53,6 +53,7 @@ $mobile-curve: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fil
       & > div {
         align-self: flex-end;
         max-width: calc(592px);
+        width: 100%;
 
         @include breakpoints.small-screen {
           max-width: unset;
@@ -74,6 +75,7 @@ $mobile-curve: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fil
         display: block;
         inset: 0;
         left: -1px;
+        bottom: -1px;
         position: absolute;
       }
 
diff --git a/website/src/graphql/queries/memberships-partners/index.generated.tsx b/website/src/graphql/queries/memberships-partners/index.generated.tsx
index e62ebe5..ef3d23a 100644
--- a/website/src/graphql/queries/memberships-partners/index.generated.tsx
+++ b/website/src/graphql/queries/memberships-partners/index.generated.tsx
@@ -9,7 +9,7 @@ export type GetMembershipPartnersQueryVariables = Types.Exact<{
 }>;
 
 
-export type GetMembershipPartnersQuery = { __typename?: 'Query', navigationList?: { __typename?: 'NavigationList', name?: string | null, linksCollection?: { __typename?: 'NavigationListLinksCollection', items: Array<{ __typename?: 'Link', href?: string | null, content?: string | null, referenceCollection?: { __typename?: 'LinkReferenceCollection', items: Array<{ __typename?: 'Accordion' } | { __typename?: 'Banner' } | { __typename?: 'BlogPage' } | { __typename?: 'BoardMember' } | { __typename?: 'Heading' } | { __typename?: 'HtmlHeadMetadata' } | { __typename?: 'Image', asset?: { __typename?: 'Asset', url?: string | null } | null } | { __typename?: 'Link' } | { __typename?: 'NavigationList' } | { __typename?: 'PageHeader' } | { __typename?: 'Paragraphs' } | { __typename?: 'Volunteer' } | null> } | null } | null> } | null } | null };
+export type GetMembershipPartnersQuery = { __typename?: 'Query', navigationList?: { __typename?: 'NavigationList', name?: string | null, linksCollection?: { __typename?: 'NavigationListLinksCollection', items: Array<{ __typename?: 'Link', href?: string | null, content?: string | null, referenceCollection?: { __typename?: 'LinkReferenceCollection', items: Array<{ __typename?: 'Accordion' } | { __typename?: 'Banner' } | { __typename?: 'BlogPage' } | { __typename?: 'BoardMember' } | { __typename?: 'Heading' } | { __typename?: 'HtmlHeadMetadata' } | { __typename?: 'Image', asset?: { __typename?: 'Asset', url?: string | null } | null } | { __typename?: 'Link' } | { __typename?: 'NavigationList' } | { __typename?: 'PageHeader' } | { __typename?: 'Paragraphs' } | { __typename?: 'Publication' } | { __typename?: 'Volunteer' } | null> } | null } | null> } | null } | null };
 
 
 export const GetMembershipPartnersDocument = gql`
diff --git a/website/src/graphql/queries/publications-page/index.generated.tsx b/website/src/graphql/queries/publications-page/index.generated.tsx
new file mode 100644
index 0000000..3701ea1
--- /dev/null
+++ b/website/src/graphql/queries/publications-page/index.generated.tsx
@@ -0,0 +1,103 @@
+import * as Types from '../../types';
+
+import { gql } from '@apollo/client';
+import * as Apollo from '@apollo/client';
+const defaultOptions = {} as const;
+export type GetPublicationsPageQueryVariables = Types.Exact<{
+  locale?: Types.InputMaybe<Types.Scalars['String']['input']>;
+  patientResearchHeadingId: Types.Scalars['String']['input'];
+  patientResearchContentId: Types.Scalars['String']['input'];
+  geneResearchHeadingId: Types.Scalars['String']['input'];
+  geneResearchContentId: Types.Scalars['String']['input'];
+}>;
+
+
+export type GetPublicationsPageQuery = { __typename?: 'Query', patientResearchHeading?: { __typename?: 'Heading', content?: string | null } | null, patientResearchContent?: { __typename?: 'Paragraphs', content?: { __typename?: 'ParagraphsContent', json: any } | null } | null, patientPublications?: { __typename?: 'PublicationCollection', items: Array<{ __typename?: 'Publication', title?: string | null, dateOfPublication?: any | null, link?: string | null, asset?: { __typename?: 'Asset', url?: string | null } | null } | null> } | null, geneResearchHeading?: { __typename?: 'Heading', content?: string | null } | null, geneResearchContent?: { __typename?: 'Paragraphs', content?: { __typename?: 'ParagraphsContent', json: any } | null } | null, genePublications?: { __typename?: 'PublicationCollection', items: Array<{ __typename?: 'Publication', title?: string | null, dateOfPublication?: any | null, link?: string | null, asset?: { __typename?: 'Asset', url?: string | null } | null } | null> } | null };
+
+
+export const GetPublicationsPageDocument = gql`
+    query GetPublicationsPage($locale: String, $patientResearchHeadingId: String!, $patientResearchContentId: String!, $geneResearchHeadingId: String!, $geneResearchContentId: String!) {
+  patientResearchHeading: heading(locale: $locale, id: $patientResearchHeadingId) {
+    content
+  }
+  patientResearchContent: paragraphs(
+    locale: $locale
+    id: $patientResearchContentId
+  ) {
+    content {
+      json
+    }
+  }
+  patientPublications: publicationCollection(
+    where: {typeOfResearch: "Patient"}
+    order: dateOfPublication_DESC
+  ) {
+    items {
+      title
+      dateOfPublication
+      asset {
+        url
+      }
+      link
+    }
+  }
+  geneResearchHeading: heading(locale: $locale, id: $geneResearchHeadingId) {
+    content
+  }
+  geneResearchContent: paragraphs(locale: $locale, id: $geneResearchContentId) {
+    content {
+      json
+    }
+  }
+  genePublications: publicationCollection(
+    where: {typeOfResearch: "Gene"}
+    order: dateOfPublication_DESC
+  ) {
+    items {
+      title
+      dateOfPublication
+      asset {
+        url
+      }
+      link
+    }
+  }
+}
+    `;
+
+/**
+ * __useGetPublicationsPageQuery__
+ *
+ * To run a query within a React component, call `useGetPublicationsPageQuery` and pass it any options that fit your needs.
+ * When your component renders, `useGetPublicationsPageQuery` returns an object from Apollo Client that contains loading, error, and data properties
+ * you can use to render your UI.
+ *
+ * @param baseOptions options that will be passed into the query, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options;
+ *
+ * @example
+ * const { data, loading, error } = useGetPublicationsPageQuery({
+ *   variables: {
+ *      locale: // value for 'locale'
+ *      patientResearchHeadingId: // value for 'patientResearchHeadingId'
+ *      patientResearchContentId: // value for 'patientResearchContentId'
+ *      geneResearchHeadingId: // value for 'geneResearchHeadingId'
+ *      geneResearchContentId: // value for 'geneResearchContentId'
+ *   },
+ * });
+ */
+export function useGetPublicationsPageQuery(baseOptions: Apollo.QueryHookOptions<GetPublicationsPageQuery, GetPublicationsPageQueryVariables> & ({ variables: GetPublicationsPageQueryVariables; skip?: boolean; } | { skip: boolean; }) ) {
+        const options = {...defaultOptions, ...baseOptions}
+        return Apollo.useQuery<GetPublicationsPageQuery, GetPublicationsPageQueryVariables>(GetPublicationsPageDocument, options);
+      }
+export function useGetPublicationsPageLazyQuery(baseOptions?: Apollo.LazyQueryHookOptions<GetPublicationsPageQuery, GetPublicationsPageQueryVariables>) {
+          const options = {...defaultOptions, ...baseOptions}
+          return Apollo.useLazyQuery<GetPublicationsPageQuery, GetPublicationsPageQueryVariables>(GetPublicationsPageDocument, options);
+        }
+export function useGetPublicationsPageSuspenseQuery(baseOptions?: Apollo.SkipToken | Apollo.SuspenseQueryHookOptions<GetPublicationsPageQuery, GetPublicationsPageQueryVariables>) {
+          const options = baseOptions === Apollo.skipToken ? baseOptions : {...defaultOptions, ...baseOptions}
+          return Apollo.useSuspenseQuery<GetPublicationsPageQuery, GetPublicationsPageQueryVariables>(GetPublicationsPageDocument, options);
+        }
+export type GetPublicationsPageQueryHookResult = ReturnType<typeof useGetPublicationsPageQuery>;
+export type GetPublicationsPageLazyQueryHookResult = ReturnType<typeof useGetPublicationsPageLazyQuery>;
+export type GetPublicationsPageSuspenseQueryHookResult = ReturnType<typeof useGetPublicationsPageSuspenseQuery>;
+export type GetPublicationsPageQueryResult = Apollo.QueryResult<GetPublicationsPageQuery, GetPublicationsPageQueryVariables>;
\ No newline at end of file
diff --git a/website/src/graphql/queries/publications-page/index.graphql b/website/src/graphql/queries/publications-page/index.graphql
new file mode 100644
index 0000000..43e236a
--- /dev/null
+++ b/website/src/graphql/queries/publications-page/index.graphql
@@ -0,0 +1,56 @@
+query GetPublicationsPage(
+  $locale: String
+  $patientResearchHeadingId: String!
+  $patientResearchContentId: String!
+  $geneResearchHeadingId: String!
+  $geneResearchContentId: String!
+) {
+  patientResearchHeading: heading(
+    locale: $locale
+    id: $patientResearchHeadingId
+  ) {
+    content
+  }
+  patientResearchContent: paragraphs(
+    locale: $locale
+    id: $patientResearchContentId
+  ) {
+    content {
+      json
+    }
+  }
+  patientPublications: publicationCollection(
+    where: { typeOfResearch: "Patient" }
+    order: dateOfPublication_DESC
+  ) {
+    items {
+      title
+      dateOfPublication
+      asset {
+        url
+      }
+      link
+    }
+  }
+  geneResearchHeading: heading(locale: $locale, id: $geneResearchHeadingId) {
+    content
+  }
+  geneResearchContent: paragraphs(locale: $locale, id: $geneResearchContentId) {
+    content {
+      json
+    }
+  }
+  genePublications: publicationCollection(
+    where: { typeOfResearch: "Gene" }
+    order: dateOfPublication_DESC
+  ) {
+    items {
+      title
+      dateOfPublication
+      asset {
+        url
+      }
+      link
+    }
+  }
+}
diff --git a/website/src/graphql/types.ts b/website/src/graphql/types.ts
index 033a543..7295385 100644
--- a/website/src/graphql/types.ts
+++ b/website/src/graphql/types.ts
@@ -304,6 +304,7 @@ export type AssetLinkingCollections = {
   htmlHeadMetadataCollection?: Maybe<HtmlHeadMetadataCollection>;
   imageCollection?: Maybe<ImageCollection>;
   pageHeaderCollection?: Maybe<PageHeaderCollection>;
+  publicationCollection?: Maybe<PublicationCollection>;
 };
 
 
@@ -362,6 +363,14 @@ export type AssetLinkingCollectionsPageHeaderCollectionArgs = {
   skip?: InputMaybe<Scalars['Int']['input']>;
 };
 
+
+export type AssetLinkingCollectionsPublicationCollectionArgs = {
+  limit?: InputMaybe<Scalars['Int']['input']>;
+  locale?: InputMaybe<Scalars['String']['input']>;
+  preview?: InputMaybe<Scalars['Boolean']['input']>;
+  skip?: InputMaybe<Scalars['Int']['input']>;
+};
+
 export enum AssetOrder {
   ContentTypeAsc = 'contentType_ASC',
   ContentTypeDesc = 'contentType_DESC',
@@ -1941,6 +1950,135 @@ export enum ParagraphsOrder {
   SysPublishedVersionDesc = 'sys_publishedVersion_DESC'
 }
 
+/** PDFs and links about NR2F1 research [See type definition](https://app.contentful.com/spaces/9j9d6tsmuyzl/content_types/publication) */
+export type Publication = Entry & _Node & {
+  __typename?: 'Publication';
+  _id: Scalars['ID']['output'];
+  asset?: Maybe<Asset>;
+  contentfulMetadata: ContentfulMetadata;
+  dateOfPublication?: Maybe<Scalars['DateTime']['output']>;
+  link?: Maybe<Scalars['String']['output']>;
+  linkedFrom?: Maybe<PublicationLinkingCollections>;
+  sys: Sys;
+  title?: Maybe<Scalars['String']['output']>;
+  typeOfResearch?: Maybe<Scalars['String']['output']>;
+};
+
+
+/** PDFs and links about NR2F1 research [See type definition](https://app.contentful.com/spaces/9j9d6tsmuyzl/content_types/publication) */
+export type PublicationAssetArgs = {
+  locale?: InputMaybe<Scalars['String']['input']>;
+  preview?: InputMaybe<Scalars['Boolean']['input']>;
+};
+
+
+/** PDFs and links about NR2F1 research [See type definition](https://app.contentful.com/spaces/9j9d6tsmuyzl/content_types/publication) */
+export type PublicationDateOfPublicationArgs = {
+  locale?: InputMaybe<Scalars['String']['input']>;
+};
+
+
+/** PDFs and links about NR2F1 research [See type definition](https://app.contentful.com/spaces/9j9d6tsmuyzl/content_types/publication) */
+export type PublicationLinkArgs = {
+  locale?: InputMaybe<Scalars['String']['input']>;
+};
+
+
+/** PDFs and links about NR2F1 research [See type definition](https://app.contentful.com/spaces/9j9d6tsmuyzl/content_types/publication) */
+export type PublicationLinkedFromArgs = {
+  allowedLocales?: InputMaybe<Array<InputMaybe<Scalars['String']['input']>>>;
+};
+
+
+/** PDFs and links about NR2F1 research [See type definition](https://app.contentful.com/spaces/9j9d6tsmuyzl/content_types/publication) */
+export type PublicationTitleArgs = {
+  locale?: InputMaybe<Scalars['String']['input']>;
+};
+
+
+/** PDFs and links about NR2F1 research [See type definition](https://app.contentful.com/spaces/9j9d6tsmuyzl/content_types/publication) */
+export type PublicationTypeOfResearchArgs = {
+  locale?: InputMaybe<Scalars['String']['input']>;
+};
+
+export type PublicationCollection = {
+  __typename?: 'PublicationCollection';
+  items: Array<Maybe<Publication>>;
+  limit: Scalars['Int']['output'];
+  skip: Scalars['Int']['output'];
+  total: Scalars['Int']['output'];
+};
+
+export type PublicationFilter = {
+  AND?: InputMaybe<Array<InputMaybe<PublicationFilter>>>;
+  OR?: InputMaybe<Array<InputMaybe<PublicationFilter>>>;
+  asset_exists?: InputMaybe<Scalars['Boolean']['input']>;
+  contentfulMetadata?: InputMaybe<ContentfulMetadataFilter>;
+  dateOfPublication?: InputMaybe<Scalars['DateTime']['input']>;
+  dateOfPublication_exists?: InputMaybe<Scalars['Boolean']['input']>;
+  dateOfPublication_gt?: InputMaybe<Scalars['DateTime']['input']>;
+  dateOfPublication_gte?: InputMaybe<Scalars['DateTime']['input']>;
+  dateOfPublication_in?: InputMaybe<Array<InputMaybe<Scalars['DateTime']['input']>>>;
+  dateOfPublication_lt?: InputMaybe<Scalars['DateTime']['input']>;
+  dateOfPublication_lte?: InputMaybe<Scalars['DateTime']['input']>;
+  dateOfPublication_not?: InputMaybe<Scalars['DateTime']['input']>;
+  dateOfPublication_not_in?: InputMaybe<Array<InputMaybe<Scalars['DateTime']['input']>>>;
+  link?: InputMaybe<Scalars['String']['input']>;
+  link_contains?: InputMaybe<Scalars['String']['input']>;
+  link_exists?: InputMaybe<Scalars['Boolean']['input']>;
+  link_in?: InputMaybe<Array<InputMaybe<Scalars['String']['input']>>>;
+  link_not?: InputMaybe<Scalars['String']['input']>;
+  link_not_contains?: InputMaybe<Scalars['String']['input']>;
+  link_not_in?: InputMaybe<Array<InputMaybe<Scalars['String']['input']>>>;
+  sys?: InputMaybe<SysFilter>;
+  title?: InputMaybe<Scalars['String']['input']>;
+  title_contains?: InputMaybe<Scalars['String']['input']>;
+  title_exists?: InputMaybe<Scalars['Boolean']['input']>;
+  title_in?: InputMaybe<Array<InputMaybe<Scalars['String']['input']>>>;
+  title_not?: InputMaybe<Scalars['String']['input']>;
+  title_not_contains?: InputMaybe<Scalars['String']['input']>;
+  title_not_in?: InputMaybe<Array<InputMaybe<Scalars['String']['input']>>>;
+  typeOfResearch?: InputMaybe<Scalars['String']['input']>;
+  typeOfResearch_contains?: InputMaybe<Scalars['String']['input']>;
+  typeOfResearch_exists?: InputMaybe<Scalars['Boolean']['input']>;
+  typeOfResearch_in?: InputMaybe<Array<InputMaybe<Scalars['String']['input']>>>;
+  typeOfResearch_not?: InputMaybe<Scalars['String']['input']>;
+  typeOfResearch_not_contains?: InputMaybe<Scalars['String']['input']>;
+  typeOfResearch_not_in?: InputMaybe<Array<InputMaybe<Scalars['String']['input']>>>;
+};
+
+export type PublicationLinkingCollections = {
+  __typename?: 'PublicationLinkingCollections';
+  entryCollection?: Maybe<EntryCollection>;
+};
+
+
+export type PublicationLinkingCollectionsEntryCollectionArgs = {
+  limit?: InputMaybe<Scalars['Int']['input']>;
+  locale?: InputMaybe<Scalars['String']['input']>;
+  preview?: InputMaybe<Scalars['Boolean']['input']>;
+  skip?: InputMaybe<Scalars['Int']['input']>;
+};
+
+export enum PublicationOrder {
+  DateOfPublicationAsc = 'dateOfPublication_ASC',
+  DateOfPublicationDesc = 'dateOfPublication_DESC',
+  LinkAsc = 'link_ASC',
+  LinkDesc = 'link_DESC',
+  SysFirstPublishedAtAsc = 'sys_firstPublishedAt_ASC',
+  SysFirstPublishedAtDesc = 'sys_firstPublishedAt_DESC',
+  SysIdAsc = 'sys_id_ASC',
+  SysIdDesc = 'sys_id_DESC',
+  SysPublishedAtAsc = 'sys_publishedAt_ASC',
+  SysPublishedAtDesc = 'sys_publishedAt_DESC',
+  SysPublishedVersionAsc = 'sys_publishedVersion_ASC',
+  SysPublishedVersionDesc = 'sys_publishedVersion_DESC',
+  TitleAsc = 'title_ASC',
+  TitleDesc = 'title_DESC',
+  TypeOfResearchAsc = 'typeOfResearch_ASC',
+  TypeOfResearchDesc = 'typeOfResearch_DESC'
+}
+
 export type Query = {
   __typename?: 'Query';
   _node?: Maybe<_Node>;
@@ -1969,6 +2107,8 @@ export type Query = {
   pageHeaderCollection?: Maybe<PageHeaderCollection>;
   paragraphs?: Maybe<Paragraphs>;
   paragraphsCollection?: Maybe<ParagraphsCollection>;
+  publication?: Maybe<Publication>;
+  publicationCollection?: Maybe<PublicationCollection>;
   volunteer?: Maybe<Volunteer>;
   volunteerCollection?: Maybe<VolunteerCollection>;
 };
@@ -2195,6 +2335,23 @@ export type QueryParagraphsCollectionArgs = {
 };
 
 
+export type QueryPublicationArgs = {
+  id: Scalars['String']['input'];
+  locale?: InputMaybe<Scalars['String']['input']>;
+  preview?: InputMaybe<Scalars['Boolean']['input']>;
+};
+
+
+export type QueryPublicationCollectionArgs = {
+  limit?: InputMaybe<Scalars['Int']['input']>;
+  locale?: InputMaybe<Scalars['String']['input']>;
+  order?: InputMaybe<Array<InputMaybe<PublicationOrder>>>;
+  preview?: InputMaybe<Scalars['Boolean']['input']>;
+  skip?: InputMaybe<Scalars['Int']['input']>;
+  where?: InputMaybe<PublicationFilter>;
+};
+
+
 export type QueryVolunteerArgs = {
   id: Scalars['String']['input'];
   locale?: InputMaybe<Scalars['String']['input']>;
@@ -2271,7 +2428,7 @@ export type SysFilter = {
 };
 
 /**
- * Represents a tag entity for finding and organizing content easily.
+ * Represents a taxonomy concept entity for finding and organizing content easily.
  *         Find out more here: https://www.contentful.com/developers/docs/references/content-delivery-api/#/reference/content-concepts
  */
 export type TaxonomyConcept = {
diff --git a/website/src/models/headings/index.ts b/website/src/models/headings/index.ts
index 917ab22..ef793ed 100644
--- a/website/src/models/headings/index.ts
+++ b/website/src/models/headings/index.ts
@@ -8,7 +8,10 @@ export const empowerFamiliesHeadingId = '5suGsoVge3LvQ7cLtAWyo2';
 export const driveResearchHeadingId = '5nXf25IVMjhU2FFLID6ydG';
 // Latest news
 export const latestNewsTitleId = '1ylyjtePqtkFwXBfZUaL7n';
-// Regsiter patient page
+// Register patient page
 export const registerWithUsHeadingId = '2C3o4BDN7MSjpEwYi7rLXM';
 export const registerPatientRegistryHeadingId = '6juU9IL2M4aWq4hkohifYN';
 export const registerClinicalIdHeadingId = '3SxkzaMqsMEpLrYJrrYNmj';
+// Publications page
+export const patientResearchHeadingId = '5LLDk0ie1jxRttKrY0BxDG';
+export const geneResearchHeadingId = '2WAdQ4v5HeW0GNqIwRLU5e';
diff --git a/website/src/models/page-header/index.ts b/website/src/models/page-header/index.ts
index 80dc534..513bf0f 100644
--- a/website/src/models/page-header/index.ts
+++ b/website/src/models/page-header/index.ts
@@ -1 +1,2 @@
 export const registerPatientPageHeaderId = 'jQ9r1jp7oNtlQPzel8FVt';
+export const publicationsPageHeaderId = 'I0JcE52safeg6WqqizoUT';
diff --git a/website/src/models/paragraphs/index.ts b/website/src/models/paragraphs/index.ts
index de7e189..a1faa4d 100644
--- a/website/src/models/paragraphs/index.ts
+++ b/website/src/models/paragraphs/index.ts
@@ -15,3 +15,6 @@ export const introId = '2fefGxsEkuAkLai3VF3nhi';
 export const registerWithUsContentId = '2anfbBGc6BGJxFYWo6i22H';
 export const registerPatientRegistryContentId = '2u126GIcOaJIqQjgbg169l';
 export const registerClinicalIdContentId = '5Y7VVQ0o5PIs1LUk7Sylxm';
+// Publications page
+export const patientResearchContentId = '2wBhQhIazKXl2yJRbHy3qZ';
+export const geneResearchContentId = '5XHqzIOZPMvUZ6P3XsXnvs';