diff --git a/frontend/src/app/brand-assets/page.tsx b/frontend/src/app/brand-assets/page.tsx
index 2bd6ddb..fc7258e 100644
--- a/frontend/src/app/brand-assets/page.tsx
+++ b/frontend/src/app/brand-assets/page.tsx
@@ -1,3 +1,5 @@
+import type { Metadata } from "next";
+
 import Hero from "@/components/BrandAssets/Hero";
 import KlerosBadgesSection from "@/components/BrandAssets/KlerosBadgesSection";
 import KlerosColorsSection from "@/components/BrandAssets/KlerosColorsSection/index";
@@ -36,6 +38,11 @@ import {
   StyledImagesSectionQueryType,
 } from "@/queries/brand-assets/styled-images-section";
 import { request } from "@/utils/graphQLClient";
+import { getPageMetadata } from "@/utils/seo";
+
+export const generateMetadata = async (): Promise<Metadata> => {
+  return await getPageMetadata("brandAssetsPageSeo");
+};
 
 const BrandAssets: React.FC = async () => {
   const heroData = await request<HeroQueryType>(heroQuery);
diff --git a/frontend/src/app/community/page.tsx b/frontend/src/app/community/page.tsx
index fdca25a..5755954 100644
--- a/frontend/src/app/community/page.tsx
+++ b/frontend/src/app/community/page.tsx
@@ -1,7 +1,14 @@
+import type { Metadata } from "next";
+
 import CommunitiesSection from "@/components/Community/CommunitiesSection";
 import Hero from "@/components/Community/hero";
 import { heroQuery, HeroQueryType } from "@/queries/community/hero";
 import { request } from "@/utils/graphQLClient";
+import { getPageMetadata } from "@/utils/seo";
+
+export const generateMetadata = async (): Promise<Metadata> => {
+  return await getPageMetadata("communityPageSeo");
+};
 
 const Community: React.FC = async () => {
   const heroData = await request<HeroQueryType>(heroQuery);
diff --git a/frontend/src/app/cooperative/page.tsx b/frontend/src/app/cooperative/page.tsx
index 9bcd6d4..dc49f6d 100644
--- a/frontend/src/app/cooperative/page.tsx
+++ b/frontend/src/app/cooperative/page.tsx
@@ -1,3 +1,5 @@
+import type { Metadata } from "next";
+
 import Hero from "@/components/Cooperative/hero";
 import MemberSection from "@/components/Cooperative/MemberSection";
 import ReportSection from "@/components/Cooperative/ReportSection";
@@ -11,6 +13,11 @@ import {
   CooperativePageReportQueryType,
 } from "@/queries/cooperative/report-section";
 import { request } from "@/utils/graphQLClient";
+import { getPageMetadata } from "@/utils/seo";
+
+export const generateMetadata = async (): Promise<Metadata> => {
+  return await getPageMetadata("cooperativePageSeo");
+};
 
 const Cooperative: React.FC = async () => {
   const heroData = await request<HeroQueryType>(heroQuery);
diff --git a/frontend/src/app/earn/page.tsx b/frontend/src/app/earn/page.tsx
index 5397d80..6e5236d 100644
--- a/frontend/src/app/earn/page.tsx
+++ b/frontend/src/app/earn/page.tsx
@@ -1,8 +1,15 @@
+import type { Metadata } from "next";
+
 import Hero from "@/components/Earn/Hero";
 import TabSection from "@/components/Earn/TabSection";
 import { heroQuery, HeroQueryType } from "@/queries/earn/hero";
 import { tabSectionQuery, TabSectionQueryType } from "@/queries/earn/tabs-data";
 import { request } from "@/utils/graphQLClient";
+import { getPageMetadata } from "@/utils/seo";
+
+export const generateMetadata = async (): Promise<Metadata> => {
+  return await getPageMetadata("earnPageSeo");
+};
 
 const Earn: React.FC = async () => {
   const heroData = await request<HeroQueryType>(heroQuery);
diff --git a/frontend/src/app/for-builders/page.tsx b/frontend/src/app/for-builders/page.tsx
index c07021b..c40186a 100644
--- a/frontend/src/app/for-builders/page.tsx
+++ b/frontend/src/app/for-builders/page.tsx
@@ -1,3 +1,5 @@
+import type { Metadata } from "next";
+
 import Hero from "@/components/ForBuilders/Hero";
 import UseCasesSection from "@/components/ForBuilders/UseCasesSection";
 import IntegrateSection from "@/components/IntegrateSection";
@@ -7,6 +9,11 @@ import {
   UseCasesQueryType,
 } from "@/queries/for-builders/use-cases";
 import { request } from "@/utils/graphQLClient";
+import { getPageMetadata } from "@/utils/seo";
+
+export const generateMetadata = async (): Promise<Metadata> => {
+  return await getPageMetadata("forBuildersPageSeo");
+};
 
 const ForBuilders: React.FC = async () => {
   const heroData = await request<HeroQueryType>(heroQuery);
diff --git a/frontend/src/app/for-lawyers/page.tsx b/frontend/src/app/for-lawyers/page.tsx
index e80beda..433e545 100644
--- a/frontend/src/app/for-lawyers/page.tsx
+++ b/frontend/src/app/for-lawyers/page.tsx
@@ -1,3 +1,7 @@
+import type { Metadata } from "next";
+
+import { getPageMetadata } from "@/utils/seo";
+
 import Hero from "./components/Hero";
 import KlerosDisputeResolutionSection from "./components/KlerosDisputeResolutionSection";
 import KlerosEnterpriseSection from "./components/KlerosEnterpriseSection";
@@ -5,6 +9,10 @@ import KlerosFellowSection from "./components/KlerosFellowSection";
 import KlerosMediationSection from "./components/KlerosMediationSection";
 import KlerosParticipateSection from "./components/KlerosParticipateSection";
 
+export const generateMetadata = async (): Promise<Metadata> => {
+  return getPageMetadata("forLawyersPageSeo");
+};
+
 const ForLawyers: React.FC = async () => {
   return (
     <>
diff --git a/frontend/src/app/home/page.tsx b/frontend/src/app/home/page.tsx
index e7e54dc..c2c6899 100644
--- a/frontend/src/app/home/page.tsx
+++ b/frontend/src/app/home/page.tsx
@@ -1,4 +1,7 @@
+import type { Metadata } from "next";
+
 import IntegrateSection from "@/components/IntegrateSection";
+import { getPageMetadata } from "@/utils/seo";
 
 import CaseStudies from "./components/CaseStudies";
 import GetInTouch from "./components/GetInTouch";
@@ -9,6 +12,10 @@ import StartEarning from "./components/StartEarning";
 import TrustedBy from "./components/TrustedBy";
 import UseCases from "./components/UseCases";
 
+export const generateMetadata = async (): Promise<Metadata> => {
+  return await getPageMetadata("homePageSeo");
+};
+
 const Home: React.FC = async () => {
   return (
     <>
diff --git a/frontend/src/app/icon.svg b/frontend/src/app/icon.svg
new file mode 100644
index 0000000..cd36b61
--- /dev/null
+++ b/frontend/src/app/icon.svg
@@ -0,0 +1,45 @@
+<svg width="54" height="48" viewBox="0 0 54 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M53.7442 25.5171L38.3818 9.88135L34.3414 39.8755L53.7442 25.5171Z" fill="#656569"/>
+<path d="M10.4677 22.0003L38.3817 9.88135L34.3414 39.8755L10.4677 22.0003Z" fill="url(#paint0_linear_22236_17017)"/>
+<path d="M38.3817 9.88166L15.7018 0L10.4677 22.0006L38.3817 9.88166Z" fill="url(#paint1_linear_22236_17017)"/>
+<path d="M10.4677 22.0005L11.0023 45.9942L34.3414 39.8757L10.4677 22.0005Z" fill="url(#paint2_linear_22236_17017)"/>
+<path d="M38.3818 9.88166L42.6697 1.20806L15.7018 0L38.3818 9.88166Z" fill="#757578"/>
+<path d="M42.6696 1.20801L53.7441 25.5173L38.3818 9.88161L42.6696 1.20801Z" fill="#6C6D70"/>
+<path d="M53.7442 25.5181L38.2398 47.65L34.3414 39.8765L53.7442 25.5181Z" fill="#6C6D70"/>
+<path d="M38.2397 47.65L11.0023 45.995L34.3414 39.8765L38.2397 47.65Z" fill="#55565A"/>
+<path d="M15.7018 0L0 19.6856L10.4678 22.0006L15.7018 0Z" fill="#55565A"/>
+<path d="M0 19.6851L11.0023 45.9938L10.4678 22.0001L0 19.6851Z" fill="#656569"/>
+<path opacity="0.7" d="M35.5251 14.0127L32.6956 35.5155L16.0201 22.5696L35.5251 14.0127Z" fill="#151A22"/>
+<path opacity="0.7" d="M33.267 9.72502L17.6793 2.98584L14.4049 17.1553L33.267 9.72502Z" fill="#151A22"/>
+<path opacity="0.7" d="M29.316 38.7734L12.3752 26.627L12.785 43.0859L29.316 38.7734Z" fill="#23262E"/>
+<path opacity="0.7" d="M50.8976 25.4635L39.3533 13.7012L36.3063 36.3199L50.8976 25.4635Z" fill="#23262E"/>
+<path opacity="0.7" d="M33.2879 41.418L35.8024 46.248L19.0006 45.1677L33.2879 41.418Z" fill="#43444B"/>
+<path opacity="0.7" d="M48.6416 30.7998L36.1351 40.1548L38.6202 45.0311L48.6416 30.7998Z" fill="#34363D"/>
+<path opacity="0.7" d="M42.7259 4.60498L49.3384 18.8407L40.2968 9.61215L42.7259 4.60498Z" fill="#34363D"/>
+<path opacity="0.7" d="M39.6994 2.20816L36.919 7.31307L23.8221 1.56104L39.6994 2.20816Z" fill="#36383F"/>
+<path opacity="0.7" d="M13.4756 4.52393L9.78991 20.2056L2.35461 18.6243L13.4756 4.52393Z" fill="#3B3C43"/>
+<path opacity="0.7" d="M9.34155 22.9711L9.66596 39.8234L1.87042 21.3828L9.34155 22.9711Z" fill="#45464D"/>
+<defs>
+<linearGradient id="paint0_linear_22236_17017" x1="10.4677" y1="24.8784" x2="38.3818" y2="24.8784" gradientUnits="userSpaceOnUse">
+<stop stop-color="#A3A2A5"/>
+<stop offset="0.2705" stop-color="#9F9EA0"/>
+<stop offset="0.5607" stop-color="#929194"/>
+<stop offset="0.8592" stop-color="#7C7C80"/>
+<stop offset="1" stop-color="#707073"/>
+</linearGradient>
+<linearGradient id="paint1_linear_22236_17017" x1="10.2832" y1="21.5986" x2="30.1887" y2="1.95717" gradientUnits="userSpaceOnUse">
+<stop stop-color="#969598"/>
+<stop offset="0.3396" stop-color="#908F92"/>
+<stop offset="0.7917" stop-color="#7F7F82"/>
+<stop offset="1" stop-color="#757578"/>
+</linearGradient>
+<linearGradient id="paint2_linear_22236_17017" x1="11.8119" y1="21.3203" x2="22.4687" y2="42.3762" gradientUnits="userSpaceOnUse">
+<stop stop-color="#9E9EA0"/>
+<stop offset="0.2759" stop-color="#9B9B9D"/>
+<stop offset="0.494" stop-color="#919194"/>
+<stop offset="0.6923" stop-color="#808083"/>
+<stop offset="0.8777" stop-color="#69696D"/>
+<stop offset="1" stop-color="#55565A"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/frontend/src/app/layout.tsx b/frontend/src/app/layout.tsx
index 1d79f5b..5c3a260 100644
--- a/frontend/src/app/layout.tsx
+++ b/frontend/src/app/layout.tsx
@@ -5,11 +5,11 @@ import { Urbanist } from "next/font/google";
 
 import Footer from "@/components/Footer";
 import Navbar from "@/components/Navbar";
+import { HeroImagesQueryType, herosImagesQuery } from "@/queries/heroImages";
 import { navbarQuery, NavbarQueryType } from "@/queries/navbar";
 import "@/styles/globals.css";
 import { getHeroImgsProps } from "@/utils/getHeroImgsProps";
 import { request } from "@/utils/graphQLClient";
-import { HeroImagesQueryType, herosImagesQuery } from "@/queries/heroImages";
 
 const urbanist = Urbanist({
   weight: ["400", "500"],
diff --git a/frontend/src/app/pnk-token/page.tsx b/frontend/src/app/pnk-token/page.tsx
index 94d8e5a..aa75d2b 100644
--- a/frontend/src/app/pnk-token/page.tsx
+++ b/frontend/src/app/pnk-token/page.tsx
@@ -1,3 +1,5 @@
+import type { Metadata } from "next";
+
 import BuySection from "@/components/PNKToken/BuySection";
 import Hero from "@/components/PNKToken/Hero";
 import TokenNeedSection from "@/components/PNKToken/TokenNeedSection";
@@ -16,6 +18,11 @@ import {
   tokenomicsSectionQuery,
 } from "@/queries/pnk-token/tokenomics";
 import { request } from "@/utils/graphQLClient";
+import { getPageMetadata } from "@/utils/seo";
+
+export const generateMetadata = async (): Promise<Metadata> => {
+  return await getPageMetadata("pnkTokenPageSeo");
+};
 
 const PNKToken: React.FC = async () => {
   const heroData = await request<HeroQueryType>(heroQuery);
diff --git a/frontend/src/app/r-and-d/page.tsx b/frontend/src/app/r-and-d/page.tsx
index b44f583..4e94c4f 100644
--- a/frontend/src/app/r-and-d/page.tsx
+++ b/frontend/src/app/r-and-d/page.tsx
@@ -1,3 +1,5 @@
+import type { Metadata } from "next";
+
 import Hero from "@/components/ResearchDevelopment/Hero";
 import TabSection from "@/components/ResearchDevelopment/TabSection";
 import { heroQuery, HeroQueryType } from "@/queries/research-development/hero";
@@ -6,6 +8,11 @@ import {
   TabSectionQueryType,
 } from "@/queries/research-development/tabs-data";
 import { request } from "@/utils/graphQLClient";
+import { getPageMetadata } from "@/utils/seo";
+
+export const generateMetadata = async (): Promise<Metadata> => {
+  return getPageMetadata("rAndDPageSeo");
+};
 
 const ResearchDevelopment: React.FC = async () => {
   const heroData = await request<HeroQueryType>(heroQuery);
diff --git a/frontend/src/app/robots.txt b/frontend/src/app/robots.txt
new file mode 100644
index 0000000..eb05362
--- /dev/null
+++ b/frontend/src/app/robots.txt
@@ -0,0 +1,2 @@
+User-agent: *
+Disallow:
diff --git a/frontend/src/queries/seo.ts b/frontend/src/queries/seo.ts
new file mode 100644
index 0000000..34c277e
--- /dev/null
+++ b/frontend/src/queries/seo.ts
@@ -0,0 +1,65 @@
+import { gql } from "graphql-request";
+
+const SEO_CONTENT = `
+  SEO {
+    title
+    description
+    image {
+      url
+    }
+  }
+`;
+
+export const seoQuery = gql`
+  {
+    brandAssetsPageSeo {
+      ${SEO_CONTENT}
+    }
+    communityPageSeo {
+      ${SEO_CONTENT}
+    }
+    cooperativePageSeo {
+      ${SEO_CONTENT}
+    }
+    earnPageSeo {
+      ${SEO_CONTENT}
+    }
+    forBuildersPageSeo {
+      ${SEO_CONTENT}
+    }
+    forLawyersPageSeo {
+      ${SEO_CONTENT}
+    }
+    homePageSeo {
+      ${SEO_CONTENT}
+    }
+    pnkTokenPageSeo {
+      ${SEO_CONTENT}
+    }
+    rAndDPageSeo {
+      ${SEO_CONTENT}
+    }
+  }
+`;
+
+type ISEO = {
+  SEO: {
+    title: string;
+    description: string;
+    image: {
+      url: string;
+    };
+  };
+};
+
+export type SEOQueryType = {
+  brandAssetsPageSeo: ISEO;
+  communityPageSeo: ISEO;
+  cooperativePageSeo: ISEO;
+  earnPageSeo: ISEO;
+  forBuildersPageSeo: ISEO;
+  forLawyersPageSeo: ISEO;
+  homePageSeo: ISEO;
+  pnkTokenPageSeo: ISEO;
+  rAndDPageSeo: ISEO;
+};
diff --git a/frontend/src/utils/seo.ts b/frontend/src/utils/seo.ts
new file mode 100644
index 0000000..3c193ed
--- /dev/null
+++ b/frontend/src/utils/seo.ts
@@ -0,0 +1,21 @@
+import type { Metadata } from "next";
+
+import { seoQuery, SEOQueryType } from "@/queries/seo";
+import { request } from "@/utils/graphQLClient";
+
+type PageKey = keyof SEOQueryType;
+
+export const getPageMetadata = async (pageKey: PageKey): Promise<Metadata> => {
+  const seoData = await request<SEOQueryType>(seoQuery);
+  const { title, description, image } = seoData[pageKey].SEO;
+
+  return {
+    title,
+    description,
+    openGraph: {
+      title,
+      description,
+      images: image.url,
+    },
+  };
+};