Merge branch 'feature/meta-tags-fix' into dev

src/components/header.js

@@ -1,6 +1,5 @@
 import * as React from "react"
 import { Link } from "gatsby"
-import {Helmet} from "react-helmet";
 
 import logo from '../images/celestia-logo.svg'
 import Image from "./imageComponent";
@@ -163,9 +162,6 @@ class Header extends React.Component {
         return (
             <>
                 <header id={'header'}>
-                    <Helmet>
-                        <title>Celestia</title>
-                    </Helmet>
                     <div className={'blurry'}/>
                     <div className={'container'}>
                         <button id={'hamburger'} className="hamburger hamburger--slider" type="button" onClick={this.toggleMenu}>

src/components/seo.js

@@ -77,7 +77,7 @@ function SEO({ description, lang, meta, keywords, title, image }) {
 						: []
 				)
 				.concat(meta)}
-			title={title}
+			title={metaTitle}
 			titleTemplate={`%s | ${site.siteMetadata.title}`}
 		/>
 	);

src/datas/careers/seoContent.js

@@ -1,5 +1,5 @@
 export const seoContent = {
-	title: "Experiment with testnet",
-	description: "Join a growing ecosystem of developers building rollups and applications on the Mocha testnet.",
-    image: "/what-is-celestia-1.png",
+	title: "Celestia - Careers",
+	description: "Join our team of leading engineers, researchers and entrepreneurs in pioneering the first modular blockchain design.",
+    image: "",
 };

src/datas/community/seoContent.js

@@ -1,5 +1,5 @@
 export const seoContent = {
-	title: "Experiment with testnet",
-	description: "Join a growing ecosystem of developers building rollups and applications on the Mocha testnet.",
-    image: "/what-is-celestia-1.png",
+	title: "Celestia - Community",
+	description: "Discover community hubs, discussion forums, and resources that are used by the global Celestia community.",
+    image: "",
 };

src/datas/developer-portal/seoContent.js

@@ -1,5 +1,5 @@
 export const seoContent = {
-	title: "Experiment with testnet",
-	description: "Join a growing ecosystem of developers building rollups and applications on the Mocha testnet.",
-    image: "/what-is-celestia-1.png",
+	title: "Celestia - Developer Portal",
+	description: "The homepage for Celestia developers. Tutorials. Resources. Community.",
+    image: "",
 };

src/datas/ecosystem/seoContent.js

@@ -1,5 +1,5 @@
 export const seoContent = {
-	title: "Experiment with testnet",
-	description: "Join a growing ecosystem of developers building rollups and applications on the Mocha testnet.",
-    image: "/what-is-celestia-1.png",
+	title: "Celestia - Ecosystem",
+	description: "Celestia Ecosystem provides a wide range of apps and services built in the Celestia ecosystem. This page provides thematic focus to the diversity of services and apps developed on top of Celestia Tech.",
+    image: "/ecosystem-page.jpg",
 };

src/datas/faq/seoContent.js

@@ -1,5 +1,5 @@
 export const seoContent = {
-	title: "Experiment with testnet",
-	description: "Join a growing ecosystem of developers building rollups and applications on the Mocha testnet.",
-    image: "/what-is-celestia-1.png",
-};
+	title: "Celestia - FAQ",
+	description: "Find answers to frequently asked questions about Celestia.",
+    image: "",
+};

src/datas/home/seoContent.js

@@ -1,5 +1,5 @@
 export const seoContent = {
-	title: "Experiment with testnet",
-	description: "Join a growing ecosystem of developers building rollups and applications on the Mocha testnet.",
-    image: "/what-is-celestia-1.png",
-};
+	title: "Celestia - Home",
+	description: "Celestia is a modular consensus and data network, built to enable anyone to easily deploy their own blockchain with minimal overhead.",
+    image: "/celestia-default-og-image.jpg",
+};

src/datas/press/seoContent.js

@@ -1,5 +1,5 @@
 export const seoContent = {
-	title: "Experiment with testnet",
-	description: "Join a growing ecosystem of developers building rollups and applications on the Mocha testnet.",
-    image: "/what-is-celestia-1.png",
+	title: "Celestia - Press",
+	description: "Find Branding and Press Resources, Socilal Media channels, Enquiries and News about Celestia.",
+    image: "",
 };

src/datas/resources/seoContent.js

@@ -1,5 +1,5 @@
 export const seoContent = {
-	title: "Experiment with testnet",
-	description: "Join a growing ecosystem of developers building rollups and applications on the Mocha testnet.",
-    image: "/what-is-celestia-1.png",
+	title: "Celestia - Resources",
+	description: "Explore the Celestia network resources and documentation to learn more about the project.",
+    image: "",
 };

src/datas/team/seoContent.js

@@ -1,5 +1,5 @@
 export const seoContent = {
-	title: "Experiment with testnet",
-	description: "Join a growing ecosystem of developers building rollups and applications on the Mocha testnet.",
-    image: "/what-is-celestia-1.png",
+	title: "Celestia - Team",
+	description: "We're building the Celestia network",
+    image: "",
 };

src/pages/careers.js

@@ -6,6 +6,8 @@ import Button from "../components/buttons/button";
 import Perk from "../components/modules/perk";
 import Layout from "../components/layout";
 import {graphql, useStaticQuery} from "gatsby";
+
+import { seoContent } from "../datas/careers/seoContent";
 import SEO from "../components/seo";
 
 const CareersPage = () => {
@@ -42,9 +44,9 @@ const CareersPage = () => {
     return (
         <Layout footerBoxes={FooterBoxes}>
             <SEO
-				title={`Celestia - ${content.title}`}
-				description="We’re on a mission to change the way that blockchains and decentralized applications are built—making them more secure, sovereign and scalable."
-				// image="/ecosystem-page.jpg"
+				title={seoContent.title}
+				description={seoContent.description}
+				image={seoContent.image}
 			/>
             <div className={'careers-page'}>
                 <main>

src/pages/community.js

@@ -9,15 +9,17 @@ import Layout from "../components/layout";
 import CommunityItem from "../components/modules/community-item";
 import Button from "../components/buttons/button";
 import Image from "../components/imageComponent";
+
+import { seoContent } from "../datas/community/seoContent";
 import SEO from "../components/seo";
 
 const Community = () => {
 	return (
 		<Layout footerBoxes={FooterBoxes}>
 			<SEO
-				title='Celestia - Community'
-				description='Discover community hubs, discussion forums, and resources that are used by the global Celestia community.'
-				// image='/ecosystem-page.jpg'
+				title={seoContent.title}
+				description={seoContent.description}
+				image={seoContent.image}
 			/>
 			<div className={"community-page"}>
 				<main>

src/pages/developer-portal.js

@@ -13,14 +13,17 @@ import Layout from "../components/layout";
 import IconCard from "../components/modules/icon-card";
 import { AnchorLink } from "gatsby-plugin-anchor-links";
 import Faq from "../components/modules/faq";
+
+import { seoContent } from "../datas/developer-portal/seoContent";
 import SEO from "../components/seo";
 
 const DevPortal = () => {
 	return (
 		<Layout footerBoxes={FooterBoxes}>
 			<SEO
-				title="Celestia - Developer Portal"
-				description="The homepage for Celestia developers. Tutorials. Resources. Community."
+				title={seoContent.title}
+				description={seoContent.description}
+				image={seoContent.image}
 			/>
 			<div className={"developer-portal"}>
 				<main>

src/pages/ecosystem.js

@@ -1,9 +1,11 @@
 import * as React from "react";
 import { ecosystemCategories } from "../datas/ecosystem/ecosystems";
-import { FooterBoxes } from "../datas/ecosystem-page/content";
+import { FooterBoxes } from "../datas/ecosystem/content";
 import Layout from "../components/layout";
 import { useState } from "react";
 import Ecosystem from "../components/ecosystem";
+
+import { seoContent } from "../datas/ecosystem/seoContent";
 import SEO from "../components/seo";
 
 const EcosystemPage = () => {
@@ -43,9 +45,9 @@ const EcosystemPage = () => {
 	return (
 		<Layout footerBoxes={FooterBoxes}>
 			<SEO
-				title="Celestia - Ecosystem"
-				description="Celestia Ecosystem provides a wide range of apps and services built in the Celestia ecosystem. This page provides thematic focus to the diversity of services and apps developed on top of Celestia Tech."
-				image="/ecosystem-page.jpg"
+				title={seoContent.title}
+				description={seoContent.description}
+				image={seoContent.image}
 			/>
 			<div className={"ecosystem-page"}>
 				<main>

src/pages/faq.js

@@ -3,15 +3,17 @@ import {FooterBoxes} from "../datas/faq/content";
 import {faqs} from "../datas/faq/faqs";
 import Faq from "../components/modules/faq";
 import Layout from "../components/layout";
+
+import { seoContent } from "../datas/faq/seoContent";
 import SEO from "../components/seo";
 
 const TeamPage = () => {
     return (
         <Layout footerBoxes={FooterBoxes}>
             <SEO
-				title="Celestia - FAQ"
-				description="What is Celestia? What is a modular blockchain? How does Celestia scale?"
-				// image="/ecosystem-page.jpg"
+				title={seoContent.title}
+				description={seoContent.description}
+				image={seoContent.image}
 			/>
             <div className={'faq-page'}>
                 <main>