diff --git a/apps/homepage2/next.config.js b/apps/homepage2/next.config.js
index c8cfc5cd..822de6ca 100644
--- a/apps/homepage2/next.config.js
+++ b/apps/homepage2/next.config.js
@@ -15,6 +15,24 @@ module.exports = {
         port: '',
         pathname: '/*',
       },
+      {
+        protocol: 'https',
+        hostname: 'registry.jsonresume.org',
+        port: '',
+        pathname: '/*',
+      },
+      {
+        protocol: 'https',
+        hostname: 'avatars.githubusercontent.com',
+        port: '',
+        pathname: '/*',
+      },
+      {
+        protocol: 'https',
+        hostname: 'screenshot-peach-beta.vercel.app',
+        port: '',
+        pathname: '/*',
+      },
     ],
   },
 };
diff --git a/apps/homepage2/pages/_document.js b/apps/homepage2/pages/_document.js
index b7fa0ac9..4107c456 100644
--- a/apps/homepage2/pages/_document.js
+++ b/apps/homepage2/pages/_document.js
@@ -73,7 +73,12 @@ export default class MyDocument extends Document {
               <div class="inner">
                 <nav id="nav">
                   <a href="#" class="lt">
-                    <Image src="/img/hamburger.png" alt="A hamburger" />
+                    <Image
+                      width="32"
+                      height="32"
+                      src="/img/hamburger.png"
+                      alt="A hamburger"
+                    />
                   </a>
                   <div class="container">
                     <div class="row">
diff --git a/apps/homepage2/pages/getting-started.js b/apps/homepage2/pages/getting-started.js
index f282b095..c883cbc5 100644
--- a/apps/homepage2/pages/getting-started.js
+++ b/apps/homepage2/pages/getting-started.js
@@ -29,7 +29,7 @@ export default function GettingStarted() {
               <p>
                 <strong>Note:</strong> The official CLI tool isn&apos;t that
                 actively maintained. There is an alternative that you might have
-                more success with
+                more success with{' '}
                 <a href="https://github.com/rbardini/resumed">
                   @rbardini/resumed
                 </a>
@@ -51,7 +51,7 @@ export default function GettingStarted() {
                 One of our community members wrote a great Chrome extension to
                 import your LinkedIn Profile.
                 <br />
-                <br />
+                <br />{' '}
                 <a
                   target="_blank"
                   href="https://chrome.google.com/webstore/detail/json-resume-exporter/caobgmmcpklomkcckaenhjlokpmfbdec"
@@ -68,7 +68,7 @@ export default function GettingStarted() {
                 JSON Resume offers a hosting service that renders your
                 <code>resume.json</code> to any theme you would like. <br />
                 <br />
-                e.g.
+                e.g.{' '}
                 <a href="https://registry.jsonresume.org/thomasdavis">
                   https://registry.jsonresume.org/thomasdavis
                 </a>
@@ -77,7 +77,7 @@ export default function GettingStarted() {
                 All you have to do is create a Gist on GitHub named
                 <code>resume.json</code>. <br />
                 <br />
-                e.g.
+                e.g.{' '}
                 <a href="https://gist.github.com/thomasdavis/c9dcfa1b37dec07fb2ee7f36d7278105">
                   https://gist.github.com/thomasdavis/c9dcfa1b37dec07fb2ee7f36d7278105
                 </a>
@@ -105,7 +105,7 @@ export default function GettingStarted() {
                 your gist when you push to your own repo. Example below;
                 <br />
                 <br />
-                <strong>EXAMPLE</strong> -
+                <strong>EXAMPLE</strong> -{' '}
                 <a href="https://github.com/thomasdavis/resume">
                   https://github.com/thomasdavis/resume
                 </a>
@@ -118,17 +118,17 @@ export default function GettingStarted() {
                 You can access more raw formats of your resume too!
                 <br />
                 <br />
-                <strong>JSON</strong> -
+                <strong>JSON</strong> -{' '}
                 <a href="https://registry.jsonresume.org/thomasdavis.json">
                   https://registry.jsonresume.org/thomasdavis.json
                 </a>
                 <br />
-                <strong>YAML</strong> -
+                <strong>YAML</strong> -{' '}
                 <a href="https://registry.jsonresume.org/thomasdavis.yaml">
                   https://registry.jsonresume.org/thomasdavis.yaml
                 </a>
                 <br />
-                <strong>TEXT</strong> -
+                <strong>TEXT</strong> -{' '}
                 <a href="https://registry.jsonresume.org/thomasdavis.txt">
                   https://registry.jsonresume.org/thomasdavis.txt
                 </a>
@@ -146,21 +146,21 @@ export default function GettingStarted() {
                 <br />
                 <strong>Interview Yourself or Be Interviewed </strong>(using
                 OpenAI GPT-3 your resume.json gets inserted in the prompt and
-                you can talk to or at yourself) -
+                you can talk to or at yourself) -{' '}
                 <a href="https://registry.jsonresume.org/thomasdavis/interview">
                   https://registry.jsonresume.org/thomasdavis/interview
                 </a>
                 <br />
                 <br />
                 <strong>Recommended Jobs </strong>(tries to match your resume to
-                recent Who is Hiring? hn posts) -
+                recent Who is Hiring? hn posts) -{' '}
                 <a href="https://registry.jsonresume.org/thomasdavis/jobs">
                   https://registry.jsonresume.org/thomasdavis/jobs
                 </a>
                 <br />
                 <br />
                 <strong>Cover Letter </strong>(attempts to write a cover letter
-                that matches your resume) -
+                that matches your resume) -{' '}
                 <a href="https://registry.jsonresume.org/thomasdavis/letter">
                   https://registry.jsonresume.org/thomasdavis/letter
                 </a>
@@ -168,7 +168,7 @@ export default function GettingStarted() {
                 <br />
                 <strong>Resume Suggestions</strong> (it asks ChatGPT to give
                 precise feedback for improvements you could make to your resume)
-                -
+                -{' '}
                 <a href="https://registry.jsonresume.org/thomasdavis/suggestions">
                   https://registry.jsonresume.org/thomasdavis/suggestions
                 </a>
@@ -179,14 +179,15 @@ export default function GettingStarted() {
                 <br />
                 <br />
                 If you want to generate a QR code that links to your hosted
-                resume, use
+                resume, use{' '}
                 <a href="https://registry.jsonresume.org/thomasdavis.qr">
                   https://registry.jsonresume.org/thomasdavis.qr
                 </a>
                 e.g. <br />
                 <Image
                   src="https://registry.jsonresume.org/thomasdavis.qr"
-                  style={{ width: '120px' }}
+                  width="120"
+                  height="120"
                   alt="Thomas Davis"
                 />
               </p>
diff --git a/apps/homepage2/pages/projects.js b/apps/homepage2/pages/projects.js
index f282b095..69155252 100644
--- a/apps/homepage2/pages/projects.js
+++ b/apps/homepage2/pages/projects.js
@@ -1,208 +1,269 @@
-import Image from 'next/image';
-
 export default function GettingStarted() {
+  const projects = [
+    {
+      name: 'JSON Resume Validator (PHP)',
+      description:
+        'Tool in PHP that validates if a Resume is according to the defined schema. It also validates if any desired properties are not empty.',
+      link: 'https://github.com/lfbn/json-resume-validator',
+      category: 'validator',
+    },
+    {
+      name: 'JSON Resume Validator (Python)',
+      description:
+        'Python tool to validate JSON resumes to ensure that they are according to the defined schema',
+      link: 'https://github.com/kelvintaywl/jsonresume-validator',
+      category: 'validator',
+    },
+    {
+      name: 'JSON Resume Validator and Parser (Java)',
+      description:
+        'Java library to validate and parse JSON resumes to Java objects',
+      link: 'https://github.com/eaxdev/Java-JsonResume-Validator',
+      category: 'validator',
+    },
+    {
+      name: 'JSON Resume Validator (Go)',
+      description: 'Go library to validate JSON resumes',
+      link: 'https://github.com/cinarmert/json-resume-validator',
+      category: 'validator',
+    },
+    {
+      name: 'LinkedIn Profile to JSON Resume Browser Tool',
+      description:
+        'An extremely easy-to-use browser extension for exporting your full LinkedIn Profile to a JSON Resume file or string.',
+      link: 'https://github.com/joshuatz/linkedin-to-jsonresume',
+      category: 'transfer',
+    },
+    {
+      name: 'LinkedIn to JSON Résumé conversion',
+      description:
+        'Inspired by https://github.com/mblarsen/resume-linkedin, deprecated primarily due to these changes in the LinkedIn API.',
+      link: 'https://github.com/w0rd-driven/jsonresume-linkedin',
+      category: 'transfer',
+    },
+    {
+      name: 'SkillSet',
+      description:
+        'Intuitive job-candidate skill visualization, taking advantage of D3.js and JSONResume.',
+      link: 'https://github.com/Jac21/SkillSet',
+      category: 'visualization',
+    },
+    {
+      name: 'gulp-resume',
+      description:
+        'gulp-resume is a gulp plugin to generate a resume using jsonresume.org.',
+      link: 'https://github.com/mattberther/gulp-resume',
+      category: 'generator',
+    },
+    {
+      name: 'ng-jsonresume',
+      description:
+        'ng-jsonresume lets you include a resume into a webpage by using an Angular directive and providing data in the standardized jsonresume format.',
+      link: 'https://github.com/marko-knoebl/ng-jsonresume',
+      category: 'framework',
+    },
+    {
+      name: 'jsonresume (haskell)',
+      description:
+        'This library encodes JSON Resume standard in Haskell datatypes, and provides a parser to read a CV in the JSON Resume format.',
+      link: 'https://hackage.haskell.org/package/jsonresume',
+      category: 'parser',
+    },
+    {
+      name: 'hugo-mod-json-resume',
+      description:
+        'A Hugo module containing templates to integrate multilingual JSON Resume data into your Hugo website.',
+      link: 'https://github.com/schnerring/hugo-mod-json-resume',
+      category: 'framework',
+    },
+    {
+      name: 'hugo-theme-gruvbox',
+      description:
+        'A retro-looking Hugo theme inspired by gruvbox to build secure, fast, and SEO-ready websites.',
+      link: 'https://github.com/schnerring/hugo-theme-gruvbox',
+      category: 'framework',
+    },
+    {
+      name: 'gatsby-portfolio',
+      description:
+        'The whole portfolio is a React-based single page app built with Gatsby v3.',
+      link: 'https://github.com/kremalicious/portfolio',
+      category: 'framework',
+    },
+    {
+      name: 'jsonresume-manager',
+      description: "A Laravel framework to manage your JSON Resume's",
+      link: 'https://github.com/antoniosarosi/jsonresume-manager',
+      category: 'framework',
+    },
+    {
+      name: 'react-ultimate-resume',
+      description:
+        'react-ultimate-resume is an open-source customizable software developer resume to highlight your skills and experiences.',
+      link: 'https://github.com/welovedevs/react-ultimate-resume',
+      category: 'framework',
+    },
+    {
+      name: 'customized-registry-functions',
+      description:
+        'This is a slightly tweaked version of the JSON Registry. That project is using their own Firebase project and a specific JSON schema.',
+      link: 'https://github.com/anthonyjdella/customized-registry-functions',
+      category: 'hosting',
+    },
+    {
+      name: 'registry-functions',
+      description:
+        'This repository is responsible for our free JSON Resume community hosting.',
+      link: 'https://github.com/jsonresume/registry-functions',
+      category: 'hosting',
+    },
+    {
+      name: 'resumis',
+      description:
+        "Resumis is Esperanto for 'summarized'. It's also an API and headless CMS for your personal web presence, a CV generator, and JSON Resume provider.",
+      link: 'https://github.com/maxfierke/resumis',
+      category: 'framework',
+    },
+    {
+      name: 'resume-generator',
+      description:
+        'This project contains my personal resume or CV. It uses jsonresume hackmyresume format to save and display the resume in PDF and HTML format.',
+      link: 'https://github.com/patricioperpetua/resume',
+      category: 'generator',
+    },
+    {
+      name: 'me',
+      description:
+        'A next-gen JAMSTACK template for developers that leverage the use of JSON Resume Schema in creating a web based vitae and portfolio.',
+      link: 'https://github.com/jkga/me',
+      category: 'framework',
+    },
+    {
+      name: 'jsonresume-types',
+      description: 'TypeScript type definition for JSON Resume',
+      link: 'https://github.com/kurone-kito/jsonresume-types',
+      category: 'types',
+    },
+    {
+      name: 'jsonresume-gpt3',
+      description: 'This uses GPT-3 API access to generate fake resumes.',
+      link: 'https://github.com/jsonresume/jsonresume-gpt3',
+      category: 'ml',
+    },
+    {
+      name: 'netifly-jsonresume',
+      description:
+        'An online résumé you can fork and host for free on GitHub quickly and without fuss.',
+      link: 'https://github.com/lowerbarriers/resume',
+      category: 'framework',
+    },
+    {
+      name: 'CMD Resume',
+      description:
+        'CMD Resume is a web based command line for your resume using data from JSON Resume format.',
+      link: 'https://github.com/bbody/CMD-Resume',
+      category: 'visualization',
+    },
+    {
+      name: 'JSONResume Action',
+      description: 'GitHub Action for exporting JSONResume',
+      link: 'https://github.com/marketplace/actions/jsonresume-export',
+      category: 'github',
+    },
+    {
+      name: 'Profile Editor',
+      description: 'Editor for JSON Resume',
+      link: 'https://github.com/jsnelders/profile-studio',
+      category: 'editor',
+    },
+    {
+      name: 'JSON Resume as a Service',
+      description:
+        'Serverless service that uses the jsonresume.org schema to generate dynamic resumes from a github gist that you can download or recieve back as a http response.',
+      link: 'https://github.com/DrakeAxelrod/json-resume-service',
+      category: 'hosting',
+    },
+    {
+      name: 'resumed',
+      description:
+        'Lightweight JSON Resume builder, no-frills alternative to resume-cli.',
+      link: 'https://github.com/rbardini/resumed',
+      category: 'cli',
+    },
+    {
+      name: 'resume-cli',
+      description: 'Official CLI tool for JSON Resume',
+      link: 'https://github.com/jsonresume/resume-cli',
+      category: 'cli',
+    },
+    {
+      name: 'resume-pycli',
+      description:
+        'Python CLI tool to build a beautiful resume from a JSON Resume file.',
+      link: 'https://github.com/nikaro/resume-pycli',
+      category: 'cli',
+    },
+    {
+      name: 'ancv',
+      description:
+        'Renders your JSON Resume for online & pretty terminal display',
+      link: 'https://github.com/alexpovel/ancv',
+      category: 'visualization',
+    },
+  ];
+
+  const categories = [
+    'hosting',
+    'transfer',
+    'github',
+    'editor',
+    'cli',
+    'framework',
+    'visualization',
+    'generator',
+    'parser',
+    'validator',
+    'ml',
+  ];
+
+  const renderProjects = (category) => {
+    return projects
+      .filter((project) => project.category === category)
+      .map((project) => (
+        <li key={project.link}>
+          <a href={project.link}>{project.name}</a> - {project.description}
+        </li>
+      ));
+  };
+
   return (
-    <>
+    <div>
       <header id="header">
-        <div class="container">
-          <div class="row">
-            <div class="col-sm-12">
-              <h1>Getting Started</h1>
+        <div className="container">
+          <div className="row">
+            <div className="col-sm-12">
+              <h1>Community Projects</h1>
             </div>
           </div>
         </div>
       </header>
-      <div id="getting-started" class="container">
-        <div class="row">
-          <div class="col-sm-6">
-            <section>
-              <h2>Command Line Tool</h2>
-              <p>
-                We&apos;ve built a CLI (Command Line Interface) which is
-                supported by OSX, Linux and Windows. To create your own resume,
-                install
-                <code>resume-cli</code> from <b>npm</b>:
-              </p>
-              <p>
-                <code>npm install -g resume-cli</code>
-              </p>
-              <p>
-                <strong>Note:</strong> The official CLI tool isn&apos;t that
-                actively maintained. There is an alternative that you might have
-                more success with
-                <a href="https://github.com/rbardini/resumed">
-                  @rbardini/resumed
-                </a>
-              </p>
-              <h3>Exporting</h3>
-              <p>
-                The command line tool uses an ecosystem of modules that
-                we&apos;ve open sourced to convert your resume to different
-                formats:
-              </p>
-              <p>
-                <code>resume export resume.pdf</code>
-              </p>
-              <p>
-                <code>resume export resume.html</code>
-              </p>
-              <h3>Import from LinkedIn</h3>
-              <p>
-                One of our community members wrote a great Chrome extension to
-                import your LinkedIn Profile.
-                <br />
-                <br />
-                <a
-                  target="_blank"
-                  href="https://chrome.google.com/webstore/detail/json-resume-exporter/caobgmmcpklomkcckaenhjlokpmfbdec"
-                >
-                  Download here
-                </a>
-              </p>
-            </section>
-          </div>
-          <div class="col-sm-6">
-            <section>
-              <h2>Hosting</h2>
-              <p>
-                JSON Resume offers a hosting service that renders your
-                <code>resume.json</code> to any theme you would like. <br />
-                <br />
-                e.g.
-                <a href="https://registry.jsonresume.org/thomasdavis">
-                  https://registry.jsonresume.org/thomasdavis
-                </a>
-              </p>
-              <p>
-                All you have to do is create a Gist on GitHub named
-                <code>resume.json</code>. <br />
-                <br />
-                e.g.
-                <a href="https://gist.github.com/thomasdavis/c9dcfa1b37dec07fb2ee7f36d7278105">
-                  https://gist.github.com/thomasdavis/c9dcfa1b37dec07fb2ee7f36d7278105
-                </a>
-              </p>
-              <p>
-                Our hosting service will automatically detect this when you
-                access
-                <code>
-                  https://registry.jsonresume.org/your_github_username
-                </code>
-              </p>
-              <p>
-                To set a theme, just add to your <code>resume.json</code>;<br />
-                <code>
-                  &#123; &quot;meta&quot;: &#123; &quot;theme&quot;:
-                  &quot;elegant&quot; &#125; &#125;
-                </code>
-              </p>
-              <hr />
-              <p>
-                <strong>Use your own repository (instead of a gist)</strong>
-                <br />
-                <br />
-                Basically, you can just make a Github Action, that publishes
-                your gist when you push to your own repo. Example below;
-                <br />
-                <br />
-                <strong>EXAMPLE</strong> -
-                <a href="https://github.com/thomasdavis/resume">
-                  https://github.com/thomasdavis/resume
-                </a>
-              </p>
-              <hr />
-              <p>
-                <strong>Raw Formats</strong>
-                <br />
-                <br />
-                You can access more raw formats of your resume too!
-                <br />
-                <br />
-                <strong>JSON</strong> -
-                <a href="https://registry.jsonresume.org/thomasdavis.json">
-                  https://registry.jsonresume.org/thomasdavis.json
-                </a>
-                <br />
-                <strong>YAML</strong> -
-                <a href="https://registry.jsonresume.org/thomasdavis.yaml">
-                  https://registry.jsonresume.org/thomasdavis.yaml
-                </a>
-                <br />
-                <strong>TEXT</strong> -
-                <a href="https://registry.jsonresume.org/thomasdavis.txt">
-                  https://registry.jsonresume.org/thomasdavis.txt
-                </a>
-              </p>
-              <hr />
-              <p>
-                <strong>AI (completely experimental)</strong>
-                <br />
-                <br />
-                These urls are integrated with OpenAI ChatGPT, and will pass
-                your resume to them with a predefined prompt to get a new
-                response generated each time. (they take over 10 seconds to run
-                so be paitience)
-                <br />
-                <br />
-                <strong>Interview Yourself or Be Interviewed </strong>(using
-                OpenAI GPT-3 your resume.json gets inserted in the prompt and
-                you can talk to or at yourself) -
-                <a href="https://registry.jsonresume.org/thomasdavis/interview">
-                  https://registry.jsonresume.org/thomasdavis/interview
-                </a>
-                <br />
-                <br />
-                <strong>Recommended Jobs </strong>(tries to match your resume to
-                recent Who is Hiring? hn posts) -
-                <a href="https://registry.jsonresume.org/thomasdavis/jobs">
-                  https://registry.jsonresume.org/thomasdavis/jobs
-                </a>
-                <br />
-                <br />
-                <strong>Cover Letter </strong>(attempts to write a cover letter
-                that matches your resume) -
-                <a href="https://registry.jsonresume.org/thomasdavis/letter">
-                  https://registry.jsonresume.org/thomasdavis/letter
-                </a>
-                <br />
-                <br />
-                <strong>Resume Suggestions</strong> (it asks ChatGPT to give
-                precise feedback for improvements you could make to your resume)
-                -
-                <a href="https://registry.jsonresume.org/thomasdavis/suggestions">
-                  https://registry.jsonresume.org/thomasdavis/suggestions
-                </a>
-              </p>
-              <hr />
-              <p>
-                <strong>QR Service</strong>
-                <br />
-                <br />
-                If you want to generate a QR code that links to your hosted
-                resume, use
-                <a href="https://registry.jsonresume.org/thomasdavis.qr">
-                  https://registry.jsonresume.org/thomasdavis.qr
-                </a>
-                e.g. <br />
-                <Image
-                  src="https://registry.jsonresume.org/thomasdavis.qr"
-                  style={{ width: '120px' }}
-                  alt="Thomas Davis"
-                />
-              </p>
-              <br />
-              <iframe
-                width="560"
-                height="315"
-                src="https://www.youtube-nocookie.com/embed/BxpHgNM0clE"
-                frameborder="0"
-                allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
-                allowfullscreen
-              ></iframe>
-            </section>
+      <div id="team" className="container">
+        <div className="row">
+          <div className="col-sm-12 contributing">
+            <p>
+              JSON Resume was built to inspire a new creative movement around
+              resumes. This page will showcase some of those ideas…
+            </p>
+
+            {categories.map((category) => (
+              <div key={category}>
+                <h3>{category.charAt(0).toUpperCase() + category.slice(1)}</h3>
+                <ul>{renderProjects(category)}</ul>
+              </div>
+            ))}
           </div>
         </div>
       </div>
-    </>
+    </div>
   );
 }
diff --git a/apps/homepage2/pages/team.js b/apps/homepage2/pages/team.js
new file mode 100644
index 00000000..7cf2fc75
--- /dev/null
+++ b/apps/homepage2/pages/team.js
@@ -0,0 +1,167 @@
+import Image from 'next/image';
+
+export default function Team() {
+  const team = {
+    coreTeam: [
+      {
+        name: 'Mattias Erming',
+        avatar: 'https://avatars.githubusercontent.com/u/2502500?&s=50',
+        github: 'erming',
+        twitter: 'mattiaserming',
+      },
+      {
+        name: 'Roland Sharp',
+        avatar: 'https://avatars.githubusercontent.com/u/1858973?&s=50',
+        github: 'rolandnsharp',
+        twitter: 'rolandnsharp',
+      },
+      {
+        name: 'Thomas Davis',
+        avatar: 'https://avatars.githubusercontent.com/u/416209?&s=50',
+        github: 'thomasdavis',
+        twitter: 'ajaxdavis',
+      },
+      {
+        name: 'Mike Chelen',
+        avatar: 'https://avatars.githubusercontent.com/u/30691?&s=50',
+        github: 'mchelen',
+        twitter: 'mchelen',
+      },
+      {
+        name: 'Mudassir Ali',
+        avatar: 'https://avatars.githubusercontent.com/u/1861842?&s=50',
+        github: 'mudassir0909',
+        twitter: 'guesswhat4951',
+      },
+      {
+        name: 'Peter Dave Hello',
+        avatar: 'https://avatars.githubusercontent.com/u/3691490?&s=50',
+        github: 'PeterDaveHello',
+        twitter: 'PeterDaveHello',
+      },
+      {
+        name: 'Seth Falco',
+        avatar: 'https://avatars.githubusercontent.com/u/22801583?&s=50',
+        github: 'SethFalco',
+      },
+    ],
+    standardsCommittee: [
+      {
+        name: 'Daan Debie',
+        avatar: 'https://avatars.githubusercontent.com/u/854991?s=50',
+        github: 'DandyDev',
+      },
+      {
+        name: 'Ursula Kallio',
+        avatar: 'https://avatars.githubusercontent.com/u/1639324?s=50',
+        github: 'osg',
+      },
+      {
+        name: 'Walter Doekes',
+        avatar: 'https://avatars.githubusercontent.com/u/1225014?s=50',
+        github: 'wdoekes',
+      },
+    ],
+  };
+  return (
+    <>
+      <header id="header">
+        <div className="container">
+          <div className="row">
+            <div className="col-sm-12">
+              <h1>Meet the Team</h1>
+            </div>
+          </div>
+        </div>
+      </header>
+      <div id="team" className="container">
+        <div className="row">
+          <div className="col-sm-6 contributing">
+            <h2>Contributing</h2>
+            <p>
+              The entire project is open sourced and split up amongst a number
+              of modules which are hosted on GitHub. There are many areas of the
+              project that need work:
+            </p>
+            <ul>
+              <li>We need everyone to start making themes</li>
+              <li>People who can offer advice on the standard</li>
+              <li>
+                The standard should be able to export to any format under the
+                sun
+              </li>
+            </ul>
+            <p>
+              All the code for the project can be found here:
+              <br />
+              <a href="https://github.com/jsonresume">
+                https://github.com/jsonresume
+              </a>
+            </p>
+          </div>
+          <div className="col-sm-6 team">
+            <h2>The Team</h2>
+            <p>
+              There are many contributors to JSON Resume, but these are our
+              regular members who keep the show running:
+            </p>
+            <section>
+              <h3>Core Team</h3>
+              <div className="row">
+                {team.coreTeam.map((member) => (
+                  <div key={member.github} className="col-lg-6 person">
+                    <Image
+                      className="avatar"
+                      src={member.avatar}
+                      alt={`Avatar of ${member.name}.`}
+                      width="50"
+                      height="50"
+                    />
+                    <div className="name">{member.name}</div>
+                    <a
+                      className="github"
+                      href={`https://github.com/${member.github}`}
+                    >
+                      GitHub
+                    </a>
+                    {member.twitter && (
+                      <a
+                        className="twitter"
+                        href={`https://twitter.com/${member.twitter}`}
+                      >
+                        Twitter
+                      </a>
+                    )}
+                  </div>
+                ))}
+              </div>
+            </section>
+            <section>
+              <h3>Standards Committee</h3>
+              <div className="row">
+                {team.standardsCommittee.map((member) => (
+                  <div key={member.github} className="col-lg-6 person">
+                    <Image
+                      className="avatar"
+                      src={member.avatar}
+                      alt={`Avatar of ${member.name}.`}
+                      width="50"
+                      height="50"
+                    />
+                    <div className="name">{member.name}</div>
+                    <a
+                      className="github"
+                      href={`https://github.com/${member.github}`}
+                    >
+                      GitHub
+                    </a>
+                  </div>
+                ))}
+              </div>
+            </section>
+          </div>
+        </div>
+      </div>
+    </>
+  );
+}
diff --git a/apps/homepage2/pages/themes.js b/apps/homepage2/pages/themes.js
new file mode 100644
index 00000000..34526800
--- /dev/null
+++ b/apps/homepage2/pages/themes.js
@@ -0,0 +1,199 @@
+import Image from 'next/image';
+
+export default function GettingStarted() {
+  // convert themes above into js array
+  const themes = [
+    {
+      name: 'Elegant',
+      slug: 'elegant',
+      github: 'mudassir0909',
+      author: 'Mudassir',
+      link: 'https://github.com/mudassir0909',
+    },
+    {
+      name: 'Kendall',
+      slug: 'kendall',
+      github: 'LinuxBozo',
+      author: 'M. Adam Kendall',
+      link: 'https://registry.jsonresume.org/linuxbozo',
+    },
+    {
+      name: 'Macchiato',
+      slug: 'macchiato',
+      github: 'biosan',
+      author: 'Alessandro Biondi',
+      link: 'https://registry.jsonresume.org/biosan',
+    },
+    {
+      name: 'Relaxed',
+      slug: 'relaxed',
+      github: 'ObserverOfTime',
+      author: 'ObserverOfTime',
+      link: 'https://github.com/ObserverOfTime',
+    },
+    {
+      name: 'Stack Overflow',
+      slug: 'stackoverflow',
+      github: '',
+      author: '',
+      link: '',
+    },
+    {
+      name: 'Rickosborne',
+      slug: 'rickosborne',
+      github: '',
+      author: '',
+      link: '',
+    },
+    {
+      name: 'Flat',
+      slug: 'flat',
+      github: 'erming',
+      author: 'Mattias Erming',
+      link: 'https://github.com/erming',
+    },
+    {
+      name: 'One Page Plus',
+      slug: 'onepage-plus',
+      github: '',
+      author: '',
+      link: '',
+    },
+    {
+      name: 'Paper',
+      slug: 'paper-plus-plus',
+      github: '',
+      author: '',
+      link: '',
+    },
+  ];
+
+  return (
+    <>
+      <header id="header">
+        <div class="container">
+          <div class="row">
+            <div class="col-sm-12">
+              <h1>Themes</h1>
+            </div>
+          </div>
+        </div>
+      </header>
+      <div id="themes" class="container">
+        <p>
+          There are over{' '}
+          <a href="https://www.npmjs.com/search?ranking=maintenance&q=jsonresume-theme">
+            400+ npm packages
+          </a>{' '}
+          of themes that we pick official themes from. They are all open source
+          and built by the community.
+        </p>
+        <p>
+          Not all themes that are available in our hosted offering are listed
+          below, you can see a list at{' '}
+          <a href="https://registry.jsonresume.org/themes">
+            https://registry.jsonresume.org/themes
+          </a>
+        </p>
+        <p>
+          Preview them by just editing the query string{' '}
+          <a href="https://registry.jsonresume.org/thomasdavis?theme=kendall">
+            https://registry.jsonresume.org/thomasdavis?theme=flat
+          </a>
+        </p>
+        <div class="row">
+          {themes.map((theme) => {
+            return (
+              <div class="col-sm-4 col-md-3" key={theme.slug}>
+                <div class="theme">
+                  <div class="row">
+                    <div class="col-sm-12 col-xs-6">
+                      {' '}
+                      <a
+                        href={`https://registry.jsonresume.org/thomasdavis?theme=${theme.slug}`}
+                      >
+                        <Image
+                          style={{ height: '129px' }}
+                          height="129"
+                          width="163"
+                          alt={theme.name}
+                          src={`https://screenshot-peach-beta.vercel.app/api?v=1&url=https://registry.jsonresume.org/thomasdavis?theme=${theme.slug}&height=720&width=1280`}
+                        />
+                      </a>
+                    </div>
+                    <div class="col-sm-12 col-xs-6 meta">
+                      <div class="name">{theme.name}</div>
+                      <div class="author">
+                        by{' '}
+                        <a href={`${theme.link}`} target="_blank">
+                          {theme.author}
+                        </a>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="row">
+                    <div class="col-sm-12">
+                      {' '}
+                      <a
+                        href={`https://registry.jsonresume.org/thomasdavis?theme=${theme.slug}`}
+                        class="btn"
+                      >
+                        Preview theme
+                      </a>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            );
+          })}
+        </div>
+        <div class="row">
+          <div class="clear: both;"></div>
+
+          <h2>Want to develop your own?</h2>
+          <p>
+            Check out an example boilerplate theme{' '}
+            <a href="https://github.com/jsonresume/jsonresume-theme-boilerplate">
+              https://github.com/jsonresume/jsonresume-theme-boilerplate
+            </a>
+            .
+            <br />
+            <br />
+            Here is an example of a more well done and modern theme{' '}
+            <a href="https://github.com/davcd/jsonresume-theme-actual">
+              https://github.com/davcd/jsonresume-theme-actual
+            </a>
+            .
+            <br />
+            <br />
+            For an even better theme development environment, try this{' '}
+            <a href="https://github.com/kelyvin/jsonresume-theme-caffeine">
+              https://github.com/kelyvin/jsonresume-theme-caffeine
+            </a>
+            .
+            <br />
+            <br />
+            In short, if you want to add a theme to the official list, you need
+            to publish an NPM module named
+            <code>jsonresume-theme-&#123;name&#125;</code>. That module needs to
+            export a function called `render` that takes a `resume.json` and
+            returns a plain HTML string.
+          </p>
+          <h3>Getting started</h3>
+          <p>
+            If you are using the registry to host your resume, you can easily
+            test different themes by appending a query string e.g.
+          </p>
+          <a href="https://registry.jsonresume.org/thomasdavis?theme=flat">
+            https://registry.jsonresume.org/thomasdavis?theme=flat
+          </a>
+          <p>
+            Or you can set the default theme for your resume on the registry by
+            using the <code>--theme</code> option in the CLI tool e.g.
+          </p>
+          <code>resume publish --theme flat</code>
+        </div>
+      </div>
+    </>
+  );
+}