add heading and footer to landing pages (#117)

.eslintrc.js

@@ -82,6 +82,7 @@ module.exports = {
         'postcss.config.js',
         'codegen.ts',
         'index-pages.mjs',
+        'next-sitemap.config.js',
       ],
       parserOptions: {
         project: null,

.gitignore

@@ -27,3 +27,7 @@ yarn-error.log*
 /build
 /dist
 .env.local
+
+# Sitemap
+public/sitemap*.xml
+

next-sitemap.config.js

@@ -0,0 +1,10 @@
+/** @type {import('next-sitemap').IConfig} */
+module.exports = {
+  siteUrl: 'https://plural.sh',
+  transform: async (_config, path) => ({
+    loc: path,
+    changefreq: 'weekly',
+    priority: 0.5,
+    lastmod: new Date().toISOString(),
+  }),
+}

package.json

@@ -7,8 +7,9 @@
   "scripts": {
     "dev": "run-s generate:pageindex dev:watch",
     "dev:watch": "concurrently \"next dev\" \"yarn graphql:codegen:watch\"",
-    "build": "run-s generate:pageindex build:next",
+    "build": "run-s generate:pageindex build:next postbuild",
     "build:next": "next build",
+    "postbuild": "next-sitemap",
     "start": "next start",
     "lint": "run-p lint:format lint:js lint:css",
     "lint:format": "prettier --check --no-error-on-unmatched-pattern ./{src,pages}/**/*.{js,jsx,ts,tsx,graphql,md,mdpart}",
@@ -61,6 +62,7 @@
     "moment-timezone": "0.5.43",
     "next": "13.4.12",
     "next-compose-plugins": "2.2.1",
+    "next-sitemap": "4.2.3",
     "next-transpile-modules": "10.0.0",
     "octokit": "3.1.0",
     "query-string": "8.1.0",

pages/index.tsx

@@ -4,7 +4,6 @@ import { Button, CloseIcon } from '@pluralsh/design-system'
 import { type InferGetStaticPropsType } from 'next'
 import Link from 'next/link'
 
-import { until } from '@open-draft/until'
 import { type Variants, motion } from 'framer-motion'
 import styled from 'styled-components'
 // @ts-expect-error
@@ -21,9 +20,6 @@ import { ImpactCardSection } from '@src/components/page-sections/ImpactCardSecti
 import { QuoteSection } from '@src/components/page-sections/QuoteSection'
 import { HomePageHero } from '@src/components/PageHeros'
 import { CenteredSectionHead } from '@src/components/SectionHeads'
-import { getTinyRepos } from '@src/data/getRepos'
-import { getStacks } from '@src/data/getStacks'
-import { getStackTabData } from '@src/data/getStackTabData'
 import {
   PageHomepageDocument,
   type PageHomepageQuery,
@@ -349,11 +345,6 @@ export const getStaticProps = async () => {
   >({
     query: PageHomepageDocument,
   })
-  const { data: repos, error: reposError } = await until(() => getTinyRepos())
-  const { data: stacks, error: stacksError } = await until(() => getStacks())
-
-  const buildStackTabs = getStackTabData({ repos, stacks })
-
   const page = data.page_homepage
 
   return propsWithGlobalSettings({
@@ -362,10 +353,8 @@ export const getStaticProps = async () => {
       'Open-source application deployment, faster than ever without sacrificing compliance.',
     articleCards: data.page_homepage?.article_cards || null,
     quotes: normalizeQuotes(page?.quotes),
-    featuredQuote: page?.featured_quote || null,
-    buildStackTabs,
     footerVariant: FooterVariant.kitchenSink,
-    errors: combineErrors([error, stacksError, reposError]),
+    errors: combineErrors([error]),
   })
 }
 

pages/kubecon.tsx

@@ -87,10 +87,10 @@ export default function KubeCon() {
             rel="noopener noreferrer"
             target="_blank"
             as={Link}
-            href="/contact-sales"
+            href="https://calendly.com/sam-plural/30min"
             className="mt-medium w-fit"
           >
-            Book a demo
+            Let's meet in person
           </Button>
         </div>
       </StandardPageWidth>
@@ -149,9 +149,9 @@ export default function KubeCon() {
             rel="noopener noreferrer"
             target="_blank"
             as={Link}
-            href="/contact-sales"
+            href="https://calendly.com/sam-plural/30min"
           >
-            Book a demo
+            Let's meet in person
           </Button>
         </div>
         <div className="flex flex-col gap-xxxlarge pb-xxxxxxlarge pt-xxxxlarge">
@@ -248,7 +248,7 @@ export default function KubeCon() {
       </StandardPageWidth>
       <div className="relative w-full border-y border-fill-two bg-[#171A21]">
         <RepeatingLogoSC />
-        <div className="mx-auto flex w-[75%] flex-col items-center justify-center gap-xsmall py-xxxxxlarge text-center">
+        <div className="mx-auto flex w-[75%] max-w-[720px] flex-col items-center justify-center gap-xsmall py-xxxxxlarge text-center">
           <OverlineLabel>Learn more</OverlineLabel>
           <Hero2>About Plural</Hero2>
           <Body1 className="mt-xsmall">

pages/about/[keyword].tsx → pages/kubernetes/[keyword].tsx

@@ -85,12 +85,11 @@ export const getStaticProps = async (context) => {
     {
       metaTitle: 'Plural',
       metaDescription: page.slug,
-      footerVariant: FooterVariant.none,
-      hideHeader: true,
+      footerVariant: FooterVariant.kitchenSink,
       components: page.components ?? [],
     },
     {
-      revalidate: 20,
+      revalidate: 60,
     }
   )
 }