CORE-4764: update pages (#1046)

data/data.yml

@@ -5,27 +5,17 @@ description:
 
 headline: Data, data, data
 tagline: |
-  Our dataset is *huge*, *global*, and [*widely used*](~about/endorsements).
+  CORE provides a comprehensive bibliographic database of the world’s scholarly literature. Our dataset is *huge*, *global*, and [*widely used*](~about/endorsements).
 
 sections:
   - title: |
-      CORE is a collection of <mark>{{totalArticlesCount}}</mark>&nbsp;searchable
-      research papers
+      CORE is a comprehensive collection of <mark>{{totalArticlesCount}}</mark>&nbsp;searchable scholarly resources
     content: |
-      CORE is the most comprehensive aggregator harvesting from institutional,
-      subject and preprint repositories as well as gold and hybrid open access
-      journals.
+      CORE indexes metadata and content from a wide range of data providers including institutional, subject and preprint repositories as well as journals.
     link:
       caption: Learn more about the nature of our dataset
       url: services#access-to-raw-data
     image: /images/illustrations/file-searching-amico.svg
-  - title: |
-      CORE provides access to an estimated  <mark>{{openAccessLinksCount}}</mark>
-      free to read full text research papers with <mark>{{fullTextCount}}</mark>&nbsp;full texts hosted directly by CORE
-    content: |
-      It's the biggest collection of open access full texts,
-      making it an unparalleled research tool.
-    image: /images/illustrations/analysis-amico.svg
   - title: |
       You can access the data programmatically and do exciting and powerful things with it
     link:
@@ -41,6 +31,21 @@ sections:
       - type: CORE FastSync
         link: services/fastsync
         image: /images/coreFastSync.svg
+  - title: |
+      CORE provides access to an estimated  <mark>{{openAccessLinksCount}}</mark>
+      free to read full text research papers with <mark>{{fullTextCount}}</mark>&nbsp;full texts hosted directly by CORE
+    content: |
+      It's the biggest collection of open access full texts,
+      making it an unparalleled research tool.
+    image: /images/illustrations/analysis-amico.svg
+  - title: |
+      Aspiring for completeness
+    content: |
+      While other bibliographic databases only include scholarly works with registered DOIs, CORE is able to find and index in addition scholarly works without them. In fact, about half of CORE’s works do not have a DOI. Those works are missing in most other scholarly databases, making CORE truly unique and a necessity for any service that cannot afford to omit important studies.
+    link:
+      caption: Learn more about the nature of our dataset
+      url: services#access-to-raw-data
+    image: /images/illustrations/chart.svg
   - title: |
       We're truly global, aggregating from
       <mark>{{repositoriesCount}}</mark>&nbsp;data providers,

data/home.yml

@@ -15,26 +15,26 @@ slides:
       statisticLabel: statistic
       statisticAction: /data
       statisticActionLabel: see our data statistic
-    - title: Resolve OAI identifier
+    - title: A comprehensive bibliographic database of the world’s scholarly literature
       description: |
         OAIs are unique identifiers used by repositories.
         As opposed to DOIs, they are minted in a distributed way and cost-free.
         Our service allows you to resolve an OAI in the same way as you would resolve a DOI.
-      image: /images/heros/oai.svg
-      label: OAI
-      action: http://oai.core.ac.uk
-      actionLabel: Resolve
+      image: /images/heros/database.svg
+      label: Explore CORE data
+      action: /data
+      actionLabel: Explore CORE data
 search-placeholder: Search {{totalArticlesCount}} papers from around the world
 features:
   title: CORE features # the text is hidden, used for SEO and screen readers
   hidden: true
   children:
-    - title: Global aggregator
-      description: We serve the global network of open access [repositories and journals](~benefits)
+    - title: Indexing the world’s repositories
+      description: We serve the global network of [repositories and journals](~benefits)
       picture: /images/features/globe.svg
       url: /benefits
-    - title: Harmonised data access
-      description: We provide seamless access to content and [data](~data), through our unique [APIs](~services/api) and [Datasets](~services/dataset)
+    - title: Comprehensive data coverage
+      description: We provide both metadata and [full text](/data) access to our [comprehensive collection](/data) through our APIs and Datasets
       picture: /images/features/gears.svg
       status: data
       url: /data
@@ -46,6 +46,7 @@ features:
       description: We [research](~about/research-outputs) and develop innovative data-driven and [AI solutions](~about/research-outputs/#ai-ml-papers)
       picture: /images/features/neural.svg
       url: /governance/supporters
+      titleUrl: /about/research-outputs
 
 join:
   title: Join CORE
@@ -60,6 +61,16 @@ join:
     - caption: Explore our services
       url: /services
       picture: /images/join/server.svg
+oai:
+  image: /images/heros/oai.svg
+  title: Cost-free PIDs for your repository
+  description: |
+    OAI identifiers are unique identifiers minted cost-free by repositories. Ensure that your repository is correctly configured, enabling the [CORE OAI Resolver](https://oai.core.ac.uk) to redirect your identifiers to your repository landing pages.
+
+    OAI IDs provide a cost-free option for assigning Persistent Identifiers (PIDs) to your repository records. [Learn more.](/documentation/oai-resolver)
+  action:
+    title: Try our OAI resolver
+    url: https://oai.core.ac.uk
 testimonials:
   title: Who we serve?
   subtitle: 20 million monthly active users

design-v2/components/sections/key-feature.jsx

@@ -14,6 +14,7 @@ const KeyFeature = ({
   url,
   status,
   className = '',
+  titleUrl,
   tag: Tag = 'div',
   ...restProps
 } = {}) => {
@@ -36,7 +37,13 @@ const KeyFeature = ({
         />
       </a>
       <Card.Title tag="h6" className={styles.keyFeatureTitle}>
-        {title}
+        {titleUrl ? (
+          <a className={styles.unsetLink} href={titleUrl}>
+            {title}
+          </a>
+        ) : (
+          title
+        )}
       </Card.Title>
       <Markdown className={styles.keyFeatureText}>{children}</Markdown>
     </Card>

design-v2/components/sections/key-feature.module.scss

@@ -44,3 +44,11 @@
     text-transform: capitalize;
   }
 }
+
+.unset-link {
+  color: #212121;
+  text-decoration: none;
+  &:hover {
+    text-decoration: none;
+  }
+}

design-v2/highlight-section/highlight-section.module.scss

@@ -9,15 +9,23 @@
     margin-right: 0;
   }
 
-  &:nth-child(3) {
+  &:nth-child(4) {
     flex-direction: row-reverse;
     .text-container {
       margin-left: 0;
       margin-right: 4rem;
     }
   }
 
-  &:nth-child(4) {
+  &:nth-child(6) {
+    flex-direction: row-reverse;
+    .text-container {
+      margin-left: 0;
+      margin-right: 4rem;
+    }
+  }
+
+  &:nth-child(3) {
     background: #f5f5f5;
     padding: 54px 0;
     position: relative;

pages/index.jsx

@@ -118,13 +118,14 @@ const IndexPage = () => {
           <h2 hidden={page.features.hidden}>{page.features.title}</h2>
           <KeyFeatureList>
             {page.features.children.map(
-              ({ title, description, picture, status, url }) => (
+              ({ title, description, picture, status, url, titleUrl }) => (
                 <KeyFeature
                   title={title}
                   status={status}
                   icon={picture}
                   key={title}
                   url={url}
+                  titleUrl={titleUrl}
                 >
                   {description}
                 </KeyFeature>
@@ -145,6 +146,18 @@ const IndexPage = () => {
             ))}
           </JoinList>
         </Section>
+        <Section className={styles.sectionOai} useFullPageWidth>
+          <div className={styles.innerOai}>
+            <img className={styles.img} src={page.oai.image} alt="logo" />
+            <h3 className={styles.title}>{page.oai.title}</h3>
+            <Markdown className={styles.description}>
+              {page.oai.description}
+            </Markdown>
+            <Button variant="contained" tag="a" href={page.oai.action.url}>
+              {page.oai.action.title}
+            </Button>
+          </div>
+        </Section>
         <Section className={styles.sectionTestimonial}>
           <div className={styles.center}>
             <h3 className={styles.title}>{page.testimonials.title}</h3>

pages/index.module.scss

@@ -12,6 +12,7 @@
       margin: 2rem 0;
       line-height: 1.8;
       max-width: 90ch;
+      user-select: text;
     }
 
     &-card {
@@ -42,6 +43,7 @@
   }
   &-title {
     line-height: 1.5;
+    user-select: text;
     @media (max-width: $breakpoint-sm) {
       font-size: 2rem;
       line-height: 1.3;
@@ -90,6 +92,33 @@
   }
 }
 
+.section {
+  &-oai {
+    background-color: var(--gray-200);
+    margin-top: 78px;
+    margin-bottom: 30px;
+    div {
+      padding: unset;
+    }
+    &-list {
+      padding: 0 var(--page-padding-x) !important;
+    }
+    .inner-oai {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      .title {
+        margin-bottom: 0;
+      }
+      .description {
+        text-align: center;
+        margin: 14px 0;
+      }
+    }
+  }
+}
+
 .title {
   margin-bottom: 3rem;
 }
@@ -107,12 +136,12 @@
     padding: 2px 14px;
     height: 28px;
     border-radius: 2px;
-    background: #b75400;
+    background: #f5f5f5;
     font-style: normal;
     font-weight: 500;
     font-size: 20px;
     line-height: 24px;
-    color: #ffffff;
+    color: #212121;
     width: max-content;
     margin-bottom: 2.5rem;
   }