diff --git a/src/components/header.js b/src/components/header.js
index d3ed505e1..a063880f1 100644
--- a/src/components/header.js
+++ b/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}>
diff --git a/src/components/seo.js b/src/components/seo.js
index a64500eac..f963e4349 100644
--- a/src/components/seo.js
+++ b/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}`}
 		/>
 	);
diff --git a/src/datas/careers/seoContent.js b/src/datas/careers/seoContent.js
index 87dd47831..e6c653449 100644
--- a/src/datas/careers/seoContent.js
+++ b/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: "",
 };
diff --git a/src/datas/community/seoContent.js b/src/datas/community/seoContent.js
index 87dd47831..c8a88f291 100644
--- a/src/datas/community/seoContent.js
+++ b/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: "",
 };
diff --git a/src/datas/developer-portal/seoContent.js b/src/datas/developer-portal/seoContent.js
index 87dd47831..144a9dfbf 100644
--- a/src/datas/developer-portal/seoContent.js
+++ b/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: "",
 };
diff --git a/src/datas/ecosystem-page/seoContent.js b/src/datas/ecosystem-page/seoContent.js
deleted file mode 100644
index 87dd47831..000000000
--- a/src/datas/ecosystem-page/seoContent.js
+++ /dev/null
@@ -1,5 +0,0 @@
-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",
-};
diff --git a/src/datas/ecosystem-page/content.js b/src/datas/ecosystem/content.js
similarity index 100%
rename from src/datas/ecosystem-page/content.js
rename to src/datas/ecosystem/content.js
diff --git a/src/datas/ecosystem/seoContent.js b/src/datas/ecosystem/seoContent.js
index 87dd47831..0789ec7f7 100644
--- a/src/datas/ecosystem/seoContent.js
+++ b/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",
 };
diff --git a/src/datas/faq/seoContent.js b/src/datas/faq/seoContent.js
index 87dd47831..664f6253e 100644
--- a/src/datas/faq/seoContent.js
+++ b/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: "",
+};
\ No newline at end of file
diff --git a/src/datas/glossary/seoContent.js b/src/datas/glossary/seoContent.js
deleted file mode 100644
index 87dd47831..000000000
--- a/src/datas/glossary/seoContent.js
+++ /dev/null
@@ -1,5 +0,0 @@
-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",
-};
diff --git a/src/datas/home/seoContent.js b/src/datas/home/seoContent.js
index 87dd47831..3b4bb2f90 100644
--- a/src/datas/home/seoContent.js
+++ b/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",
+};
\ No newline at end of file
diff --git a/src/datas/learn/seoContent.js b/src/datas/learn/seoContent.js
deleted file mode 100644
index 87dd47831..000000000
--- a/src/datas/learn/seoContent.js
+++ /dev/null
@@ -1,5 +0,0 @@
-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",
-};
diff --git a/src/datas/press/seoContent.js b/src/datas/press/seoContent.js
index 87dd47831..40b75debf 100644
--- a/src/datas/press/seoContent.js
+++ b/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: "",
 };
diff --git a/src/datas/resources/seoContent.js b/src/datas/resources/seoContent.js
index 87dd47831..e3bcf4d06 100644
--- a/src/datas/resources/seoContent.js
+++ b/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: "",
 };
diff --git a/src/datas/team/seoContent.js b/src/datas/team/seoContent.js
index 87dd47831..01faa5a7d 100644
--- a/src/datas/team/seoContent.js
+++ b/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: "",
 };
diff --git a/src/pages/careers.js b/src/pages/careers.js
index 5f93c6542..07308a60c 100644
--- a/src/pages/careers.js
+++ b/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>
diff --git a/src/pages/community.js b/src/pages/community.js
index b38b77837..be9d2079e 100644
--- a/src/pages/community.js
+++ b/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>
diff --git a/src/pages/developer-portal.js b/src/pages/developer-portal.js
index 8f59ce618..c7c860b85 100644
--- a/src/pages/developer-portal.js
+++ b/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>
diff --git a/src/pages/ecosystem.js b/src/pages/ecosystem.js
index c7cbb076e..8619c8253 100644
--- a/src/pages/ecosystem.js
+++ b/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>
diff --git a/src/pages/faq.js b/src/pages/faq.js
index 5b2f2ff25..bdd12b9d0 100644
--- a/src/pages/faq.js
+++ b/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>
diff --git a/src/pages/index.js b/src/pages/index.js
index 1adccf898..300f30586 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -1,4 +1,4 @@
-import * as React from "react";
+import React, { useState } from "react";
 import ReactModal from "react-modal";
 import Layout from "../components/layout";
 
@@ -21,141 +21,142 @@ import BackersSection from "../components/sections/backers-sections";
 import RoadmapItem from "../components/modules/roadmapItem";
 import SignUp from "../components/modals/signUp";
 
-class IndexPage extends React.Component {
-	constructor(props) {
-		super(props);
-		this.enableBackers = false;
-		this.state = {
-			isModalOpen: false,
-			modalType: "",
-		};
-	}
-	handleModalOpen = (event) => {
-		this.setState({ modalType: event.target.id });
-		this.setState({ isModalOpen: true });
+import { seoContent } from "../datas/home/seoContent";
+import SEO from "../components/seo";
+
+const IndexPage = () => {
+	const [isModalOpen, setIsModalOpen] = useState(false);
+	const [modalType, setModalType] = useState("");
+	const enableBackers = false;
+
+	const handleModalOpen = (event) => {
+		setModalType(event.target.id);
+		setIsModalOpen(true);
 		document.body.style.overflow = "hidden";
 	};
 
-	handleModalClose = (event) => {
-		this.setState({ isModalOpen: false });
+	const handleModalClose = (event) => {
+		setIsModalOpen(false);
 		document.body.style.overflow = "unset";
 	};
-	render() {
-		return (
-			<Layout footerBoxes={FooterBoxes}>
-				<div className={"index-page"}>
-					<main>
-						<HeroSection heroData={heroData} />
-						<div className={"advantages-section"}>
-							<div className={"container"}>
-								<h2 className={"with-decor"}>Advantages</h2>
-							</div>
-							<AdvantagesSection advantages={advantages} />
+
+	return (
+		<Layout footerBoxes={FooterBoxes}>
+			<SEO
+				title={seoContent.title}
+				description={seoContent.description}
+				image={seoContent.image}
+			/>
+			<div className="index-page">
+				<main>
+					<HeroSection heroData={heroData} />
+					<div className="advantages-section">
+						<div className="container">
+							<h2 className="with-decor">Advantages</h2>
 						</div>
-						<div className={"container"}>
-							<section className={"cards-section"}>
-								<h2 className={"with-decor pb-2"}>How it works</h2>
-								<div className={"subtitle"}>
-									Celestia is a minimal blockchain that only orders and publishes transactions and does not execute them. By
-									decoupling the consensus and application execution layers, Celestia modularizes the blockchain technology stack
-									and unlocks new possibilities for decentralized application builders.
-								</div>
+						<AdvantagesSection advantages={advantages} />
+					</div>
+					<div className="container">
+						<section className="cards-section">
+							<h2 className="with-decor pb-2">How it works</h2>
+							<div className="subtitle">
+								Celestia is a minimal blockchain that only orders and publishes transactions and does not execute them. By
+								decoupling the consensus and application execution layers, Celestia modularizes the blockchain technology stack
+								and unlocks new possibilities for decentralized application builders.
+							</div>
 
-								<div className={"row mt-5"}>
-									<div className={"col col-12 col-lg-6 pe-lg-4"}>
-										<Card
-											image={"home/architecture.png"}
-											title={"Traditional monolithic architecture"}
-											text={
-												"<ul><li>Developers can only use programming languages supported by chain's execution environment</li><li>All applications run on the same process (the world computer model), with shared gas resources</li><li>Smart contracts cannot be updated without a hard fork</li></ul>"
-											}
-										/>
-									</div>
-									<div className={"col col-12 col-lg-6 ps-lg-4"}>
-										<Card
-											image={"home/celestia-architecture.png"}
-											title={"Celestia-enabled modular architecture"}
-											text={
-												"<ul><li>Developers can effortlessly define their own virtual execution environments; similar to virtual machines</li><li>Each application gets its own sovereign execution space, while inheriting the security of Celestia's consensus</li><li>Applications can be updated without main chain hard forks</li></ul>"
-											}
-										/>
-									</div>
+							<div className="row mt-5">
+								<div className="col col-12 col-lg-6 pe-lg-4">
+									<Card
+										image="home/architecture.png"
+										title="Traditional monolithic architecture"
+										text={
+											"<ul><li>Developers can only use programming languages supported by chain's execution environment</li><li>All applications run on the same process (the world computer model), with shared gas resources</li><li>Smart contracts cannot be updated without a hard fork</li></ul>"
+										}
+									/>
 								</div>
-								<div className={"row justify-content-center pt-5"}>
-									<div className={"col-auto"}>
-										<a href='https://celestia.org/learn/' target={"_blank"}>
-											<button className={"button button-simple button-internal"} role={"button"} tabIndex={0} id={"developer"}>
-												Learn more
-											</button>
-										</a>
-									</div>
+								<div className="col col-12 col-lg-6 ps-lg-4">
+									<Card
+										image="home/celestia-architecture.png"
+										title="Celestia-enabled modular architecture"
+										text={
+											"<ul><li>Developers can effortlessly define their own virtual execution environments; similar to virtual machines</li><li>Each application gets its own sovereign execution space, while inheriting the security of Celestia's consensus</li><li>Applications can be updated without main chain hard forks</li></ul>"
+										}
+									/>
 								</div>
-							</section>
+						
 
-							<div className={"anchor"} id={"roadmap"} />
-							<section className={"roadmap-section"}>
-								<h2 className={"with-decor pb-5"}>Roadmap</h2>
-
-								<div className={"roadmap-container"}>
-									<ul className={"roadmap-items"}>
-										{roadmaps &&
-											roadmaps.map(function (roadmap, index) {
-												return (
-													<RoadmapItem status={roadmap.status} key={roadmap.id} title={roadmap.title} text={roadmap.text} />
-												);
-											})}
-									</ul>
-									<div className={"clear"} />
+	</div>
+							<div className="row justify-content-center pt-5">
+								<div className="col-auto">
+									<a href="https://celestia.org/learn/" target="_blank">
+										<button className="button button-simple button-internal" role="button" tabIndex={0} id="developer">
+											Learn more
+										</button>
+									</a>
 								</div>
-							</section>
+							</div>
+						</section>
 
-							<div className={"anchor"} id={"waitlist"} />
-							<section className={"separate-section"}>
-								<div className={"row"}>
-									<div className={"col col-12 col-lg-6"}>
-										<h3 className={"with-decor"}>Run a node on testnet</h3>
-										<div className={"text"}>Experiment and practice running a node on testnet in preparation for mainnet.</div>
-										<a href='https://docs.celestia.org/nodes/overview' target={"_blank"}>
-											<button className={"button button-simple"} id={"operator"} role={"button"} tabIndex={0}>
-												Read the Docs
-											</button>
-										</a>
-									</div>
-									<div className={"col col-12 col-lg-6"}>
-										<h3 className={"with-decor"}>Build on our developer beta</h3>
-										<div className={"text"}>
-											Build on Celestia and be the first to explore the benefits of its novel architecture.
-										</div>
-										<a href='https://docs.celestia.org/' target={"_blank"}>
-											<button className={"button button-simple"} id={"developer"} role={"button"} tabIndex={0}>
-												Build on Testnet
-											</button>
-										</a>
-									</div>
+						<div className="anchor" id="roadmap" />
+						<section className="roadmap-section">
+							<h2 className="with-decor pb-5">Roadmap</h2>
+
+							<div className="roadmap-container">
+								<ul className="roadmap-items">
+									{roadmaps &&
+										roadmaps.map(function (roadmap, index) {
+											return <RoadmapItem status={roadmap.status} key={roadmap.id} title={roadmap.title} text={roadmap.text} />;
+										})}
+								</ul>
+								<div className="clear" />
+							</div>
+						</section>
+
+						<div className="anchor" id="waitlist" />
+						<section className="separate-section">
+							<div className="row">
+								<div className="col col-12 col-lg-6">
+									<h3 className="with-decor">Run a node on testnet</h3>
+									<div className="text">Experiment and practice running a node on testnet in preparation for mainnet.</div>
+									<a href="https://docs.celestia.org/nodes/overview" target="_blank">
+										<button className="button button-simple" id="operator" role="button" tabIndex={0}>
+											Read the Docs
+										</button>
+									</a>
 								</div>
-							</section>
-						</div>
-						<ImageSection
-							logo={true}
-							image={"home/celestia-team.png"}
-							title={"Built by industry-leading engineers, researchers and entrepreneurs"}
-							text={<Button class={"external-big"} type={"internal"} url={"/team/"} text={"View the team"} />}
-						/>
-						<PurpleSection enableBackers={this.enableBackers} anchor={"join-our-global-community"} purpleData={purpleData} />
-						<BackersSection enableBackers={this.enableBackers} backers={backers} />
-					</main>
-					<ReactModal isOpen={this.state.isModalOpen}>
-						<div className={"inner"}>
-							<SignUp modalType={this.state.modalType} />
-							<button className={"close-button"} onClick={this.handleModalClose}>
-								<i className={"icon-close"} aria-label={"close"}></i>
-							</button>
-						</div>
-					</ReactModal>
-				</div>
-			</Layout>
-		);
-	}
-}
+								<div className="col col-12 col-lg-6">
+									<h3 className="with-decor">Build on our developer beta</h3>
+									<div className="text">Build on Celestia and be the first to explore the benefits of its novel architecture.</div>
+									<a href="https://docs.celestia.org/" target="_blank">
+										<button className="button button-simple" id="developer" role="button" tabIndex={0}>
+											Build on Testnet
+										</button>
+									</a>
+								</div>
+							</div>
+						</section>
+					</div>
+					<ImageSection
+						logo={true}
+						image="home/celestia-team.png"
+						title="Built by industry-leading engineers, researchers and entrepreneurs"
+						text={<Button class="external-big" type="internal" url="/team/" text="View the team" />}
+					/>
+					<PurpleSection enableBackers={enableBackers} anchor="join-our-global-community" purpleData={purpleData} />
+					<BackersSection enableBackers={enableBackers} backers={backers} />
+				</main>
+				<ReactModal isOpen={isModalOpen}>
+					<div className="inner">
+						<SignUp modalType={modalType} />
+						<button className="close-button" onClick={handleModalClose}>
+							<i className="icon-close" aria-label="close" />
+						</button>
+					</div>
+				</ReactModal>
+			</div>
+		</Layout>
+	);
+};
 
-export default IndexPage;
+export default IndexPage;
\ No newline at end of file
diff --git a/src/pages/learn.js b/src/pages/learn.js
index ffb235c60..c00686e5e 100644
--- a/src/pages/learn.js
+++ b/src/pages/learn.js
@@ -3,7 +3,6 @@ import { graphql } from "gatsby";
 import { FooterBoxes } from "../datas/learn/content";
 import Layout from "../components/layout";
 import LearnBox from "../components/learn-box";
-import SEO from "../components/seo";
 
 const LearnPage = ({
 	data: {
@@ -20,11 +19,6 @@ const LearnPage = ({
 
 	return (
 		<Layout footerBoxes={FooterBoxes}>
-			<SEO
-				title={`Celestia - Learn Modular`}
-				// description="The homepage for Celestia developers. Tutorials. Resources. Community."
-                // image='/what-is-celestia-og-image.jpg'
-			/>
 			<div className={"learn-page"}>
 				<main>
 					<div className={"container"}>
diff --git a/src/pages/press.js b/src/pages/press.js
index 79e5a7c94..28aa4c5cf 100644
--- a/src/pages/press.js
+++ b/src/pages/press.js
@@ -4,15 +4,17 @@ import { pressData } from "../datas/press/press-data";
 import { FooterBoxes } from "../datas/press/content";
 import Layout from "../components/layout";
 import PressItem from "../components/modules/press-item";
+
+import { seoContent } from "../datas/press/seoContent";
 import SEO from "../components/seo";
 
 const Press = () => {
 	return (
 		<Layout footerBoxes={FooterBoxes}>
 			<SEO
-				title={`Celestia - Press`}
-				// description="The homepage for Celestia developers. Tutorials. Resources. Community."
-                // image='/what-is-celestia-og-image.jpg'
+				title={seoContent.title}
+				description={seoContent.description}
+				image={seoContent.image}
 			/>
 			<div className={"press"}>
 				<main>
diff --git a/src/pages/resources.js b/src/pages/resources.js
index c6d1d9f82..c9b32bd5c 100644
--- a/src/pages/resources.js
+++ b/src/pages/resources.js
@@ -19,6 +19,8 @@ import { communityposts } from "../datas/resources/community-posts";
 import Carousel from "react-multi-carousel";
 import Layout from "../components/layout";
 import { content } from "../datas/technology/content";
+
+import { seoContent } from "../datas/resources/seoContent";
 import SEO from "../components/seo";
 
 const responsive = {
@@ -123,9 +125,9 @@ class ResourcesPage extends React.Component {
 		return (
 			<Layout footerBoxes={FooterBoxes}>
 				<SEO
-					title={`Celestia - Resources`}
-					// description="The homepage for Celestia developers. Tutorials. Resources. Community."
-					// image='/what-is-celestia-og-image.jpg'
+					title={seoContent.title}
+					description={seoContent.description}
+					image={seoContent.image}
 				/>
 				<div className={"resources-page"}>
 					<main>
diff --git a/src/pages/team.js b/src/pages/team.js
index f18a69914..dfb5f0ef1 100644
--- a/src/pages/team.js
+++ b/src/pages/team.js
@@ -9,14 +9,17 @@ import {FooterBoxes} from "../datas/team/content";
 import {teamMembers} from "../datas/team/team-members";
 import {advisors} from "../datas/team/advisors";
 import Layout from "../components/layout";
+
+import { seoContent } from "../datas/team/seoContent";
 import SEO from "../components/seo";
 
 const TeamPage = () => {
     return (
         <Layout footerBoxes={FooterBoxes}>
             <SEO
-				title={`Celestia - ${content.title}`}
-				// description="The homepage for Celestia developers. Tutorials. Resources. Community."
+				title={seoContent.title}
+				description={seoContent.description}
+				image={seoContent.image}
 			/>
             <div className={'team-page'}>
                 <main>
diff --git a/src/pages/technology.js b/src/pages/technology.js
index 1f66eb37b..4a344bb90 100644
--- a/src/pages/technology.js
+++ b/src/pages/technology.js
@@ -6,7 +6,7 @@ import ColumnWithIcon from "../components/modules/columnWithIcon";
 import {content, Technologies, FooterBoxes} from "../datas/technology/content";
 import Layout from "../components/layout";
 
-import { seoContent } from "../datas/what-is-celestia/seoContent";
+import { seoContent } from "../datas/technology/seoContent";
 import SEO from "../components/seo";
 
 const TechnologyPage = () => {