From 852e3a7b4677d21dea4fd3ce95c0444f9336b531 Mon Sep 17 00:00:00 2001
From: veeso <christian.visintin@veeso.dev>
Date: Tue, 10 Dec 2024 10:40:27 +0100
Subject: [PATCH] fix: setup guide

---
 sitemap.xml                                   |  40 ++++++
 src/js/components/App/Routes.tsx              |   6 +
 src/js/components/App/pages/Guide.tsx         |   7 +
 src/js/components/App/pages/Guide/Wrapper.tsx | 121 ++++++++++++++++++
 src/js/components/App/pages/Home.tsx          |   2 +-
 src/js/components/App/pages/Home/Intro.tsx    |   1 +
 src/js/components/App/pages/Home/Roadmap.tsx  |   8 +-
 .../components/App/pages/Home/Tokenomics.tsx  |   2 +-
 src/js/components/App/pages/Presale/Info.tsx  |  15 +--
 src/js/components/AppLayout.tsx               |  28 ++--
 src/js/components/Footer.tsx                  |  17 ++-
 src/js/components/Header/Desktop.tsx          |  10 +-
 src/js/components/Header/Mobile.tsx           |  12 +-
 src/js/utils/routes.ts                        |  10 ++
 src/js/utils/seo.ts                           |  36 ++++++
 15 files changed, 281 insertions(+), 34 deletions(-)
 create mode 100644 src/js/components/App/pages/Guide.tsx
 create mode 100644 src/js/components/App/pages/Guide/Wrapper.tsx

diff --git a/sitemap.xml b/sitemap.xml
index ddccc9e..f141819 100644
--- a/sitemap.xml
+++ b/sitemap.xml
@@ -26,4 +26,44 @@
     <lastmod>2025-01-10</lastmod>
     <priority>1.00</priority>
   </url>
+  <url>
+    <loc>https://ekokedao.com/guide/faq</loc>
+    <lastmod>2025-01-10</lastmod>
+    <priority>1.00</priority>
+  </url>
+  <url>
+    <loc>https://ekokedao.com/guide/whitepaper</loc>
+    <lastmod>2025-01-10</lastmod>
+    <priority>1.00</priority>
+  </url>
+  <url>
+    <loc>https://ekokedao.com/guide/canisters/deferred-data</loc>
+    <lastmod>2025-01-10</lastmod>
+    <priority>1.00</priority>
+  </url>
+  <url>
+    <loc>https://ekokedao.com/guide/canisters/deferred-minter</loc>
+    <lastmod>2025-01-10</lastmod>
+    <priority>1.00</priority>
+  </url>
+  <url>
+    <loc>https://ekokedao.com/guide/contracts/deferred</loc>
+    <lastmod>2025-01-10</lastmod>
+    <priority>1.00</priority>
+  </url>
+  <url>
+    <loc>https://ekokedao.com/guide/contracts/ekoke</loc>
+    <lastmod>2025-01-10</lastmod>
+    <priority>1.00</priority>
+  </url>
+  <url>
+    <loc>https://ekokedao.com/guide/contracts/marketplace</loc>
+    <lastmod>2025-01-10</lastmod>
+    <priority>1.00</priority>
+  </url>
+  <url>
+    <loc>https://ekokedao.com/guide/contracts/reward-pool</loc>
+    <lastmod>2025-01-10</lastmod>
+    <priority>1.00</priority>
+  </url>
 </urlset>
diff --git a/src/js/components/App/Routes.tsx b/src/js/components/App/Routes.tsx
index 1b25c45..eb01586 100644
--- a/src/js/components/App/Routes.tsx
+++ b/src/js/components/App/Routes.tsx
@@ -23,6 +23,9 @@ const ProfileContracts = React.lazy(
   () => import('./pages/Profile/pages/Contracts'),
 );
 
+// Guide
+const Guide = React.lazy(() => import('./pages/Guide'));
+
 const AppRouter = () => (
   <>
     <SeoEngine />
@@ -52,6 +55,9 @@ const AppRouter = () => (
             element={<ProfileContracts />}
           />
 
+          {/* Guide */}
+          <RouterRoute path={Route.url(Route.GUIDE)} element={<Guide />} />
+
           {/* 404 */}
           <RouterRoute path="*" element={<NotFound />} />
         </Routes>
diff --git a/src/js/components/App/pages/Guide.tsx b/src/js/components/App/pages/Guide.tsx
new file mode 100644
index 0000000..4c9cd15
--- /dev/null
+++ b/src/js/components/App/pages/Guide.tsx
@@ -0,0 +1,7 @@
+import * as React from 'react';
+
+import Wrapper from './Guide/Wrapper';
+
+const Guide = () => <Wrapper></Wrapper>;
+
+export default Guide;
diff --git a/src/js/components/App/pages/Guide/Wrapper.tsx b/src/js/components/App/pages/Guide/Wrapper.tsx
new file mode 100644
index 0000000..dbbbf0e
--- /dev/null
+++ b/src/js/components/App/pages/Guide/Wrapper.tsx
@@ -0,0 +1,121 @@
+import * as React from 'react';
+import { useLocation } from 'react-router-dom';
+import * as IconMd from 'react-icons/md';
+import * as FaIcon from 'react-icons/fa6';
+
+import { Route } from '../../../../utils/routes';
+import Container from '../../../reusable/Container';
+import Link from '../../../reusable/Link';
+
+enum Item {
+  Architecture = Route.GUIDE_ARCHITECTURE,
+  Faq = Route.GUIDE_FAQ,
+  DeferredData = Route.GUIDE_CANISTERS_DATA,
+  DeferredMinter = Route.GUIDE_CANISTERS_MINTER,
+  DeferredContracts = Route.GUIDE_CONTRACTS_DEFERRED,
+  EkokeContracts = Route.GUIDE_CONTRACTS_EKOKE,
+  MarketplaceContracts = Route.GUIDE_CONTRACTS_MARKETPLACE,
+  RewardPoolContracts = Route.GUIDE_CONTRACTS_REWARD_POOL,
+  Whitepaper = Route.GUIDE_WHITEPAPER,
+}
+
+const menu = {
+  [Item.Faq]: {
+    title: 'F.A.Q.',
+    url: Route.GUIDE_FAQ,
+    icon: <IconMd.MdQuestionMark className="inline mr-2" size={24} />,
+  },
+  [Item.Architecture]: {
+    title: 'Architecture',
+    url: Route.GUIDE_ARCHITECTURE,
+    icon: <IconMd.MdAccountTree className="inline mr-2" size={24} />,
+  },
+  [Item.DeferredData]: {
+    title: 'Deferred Data',
+    url: Route.GUIDE_CANISTERS_DATA,
+    icon: <FaIcon.FaInfinity className="inline mr-2" size={24} />,
+  },
+  [Item.DeferredMinter]: {
+    title: 'Deferred Minter',
+    url: Route.GUIDE_CANISTERS_MINTER,
+    icon: <FaIcon.FaInfinity className="inline mr-2" size={24} />,
+  },
+  [Item.DeferredContracts]: {
+    title: 'Deferred Contracts',
+    url: Route.GUIDE_CONTRACTS_DEFERRED,
+    icon: <FaIcon.FaEthereum className="inline mr-2" size={24} />,
+  },
+  [Item.EkokeContracts]: {
+    title: 'Ekoke Contracts',
+    url: Route.GUIDE_CONTRACTS_EKOKE,
+    icon: <FaIcon.FaEthereum className="inline mr-2" size={24} />,
+  },
+  [Item.MarketplaceContracts]: {
+    title: 'Marketplace Contracts',
+    url: Route.GUIDE_CONTRACTS_MARKETPLACE,
+    icon: <FaIcon.FaEthereum className="inline mr-2" size={24} />,
+  },
+  [Item.RewardPoolContracts]: {
+    title: 'Reward Pool Contracts',
+    url: Route.GUIDE_CONTRACTS_REWARD_POOL,
+    icon: <FaIcon.FaEthereum className="inline mr-2" size={24} />,
+  },
+  [Item.Whitepaper]: {
+    title: 'Whitepaper',
+    url: Route.GUIDE_WHITEPAPER,
+    icon: <IconMd.MdDescription className="inline mr-2" size={24} />,
+  },
+};
+
+const routeToItems = {
+  [Route.url(Route.GUIDE_FAQ)]: Item.Faq,
+  [Route.url(Route.GUIDE_ARCHITECTURE)]: Item.Architecture,
+  [Route.url(Route.GUIDE_CANISTERS_DATA)]: Item.DeferredData,
+  [Route.url(Route.GUIDE_CANISTERS_MINTER)]: Item.DeferredMinter,
+  [Route.url(Route.GUIDE_CONTRACTS_DEFERRED)]: Item.DeferredContracts,
+  [Route.url(Route.GUIDE_CONTRACTS_EKOKE)]: Item.EkokeContracts,
+  [Route.url(Route.GUIDE_CONTRACTS_MARKETPLACE)]: Item.MarketplaceContracts,
+  [Route.url(Route.GUIDE_CONTRACTS_REWARD_POOL)]: Item.RewardPoolContracts,
+  [Route.url(Route.GUIDE_WHITEPAPER)]: Item.Whitepaper,
+};
+
+interface Props {
+  children?: React.ReactNode | React.ReactNode[] | string;
+}
+
+const Wrapper = ({ children }: Props) => (
+  <Container.FlexRow className="w-full">
+    <Container.Container className="w-3/12 xl:w-2/12">
+      <Menu />
+    </Container.Container>
+    <Container.Container className="w-9/12 xl:w-10/12 bg-white">
+      {children}
+    </Container.Container>
+  </Container.FlexRow>
+);
+
+const Menu = () => {
+  const { pathname } = useLocation();
+  const current: Item = routeToItems[pathname];
+
+  return (
+    <Container.FlexCols className="min-h-screen gap-2 border-r-2">
+      {Object.entries(menu).map(([key, value]) => (
+        <Container.Container key={key}>
+          <Link.Default
+            className={`${(key as unknown as Item) === current ? 'border-b-4 border-brandRed text-brand bg-gray-200 hover:bg-gray-300' : 'text-text border-b-2 border-transparent'}
+            hover:border-brandRed hover:text-text hover:no-underline flex-1`}
+            href={value.url}
+          >
+            <span className="block text-lg py-3 px-4 hover:bg-gray-300">
+              {value.icon}
+              {value.title}
+            </span>
+          </Link.Default>
+        </Container.Container>
+      ))}
+    </Container.FlexCols>
+  );
+};
+
+export default Wrapper;
diff --git a/src/js/components/App/pages/Home.tsx b/src/js/components/App/pages/Home.tsx
index 97de6cd..b1acd50 100644
--- a/src/js/components/App/pages/Home.tsx
+++ b/src/js/components/App/pages/Home.tsx
@@ -10,7 +10,7 @@ import Presale from './Home/Presale';
 const Home = () => (
   <Container.FlexCols className="gap-8 items-center">
     <Intro />
-    <Container.Container className="w-3/6">
+    <Container.Container className="w-3/6 sm:w-full">
       <Presale />
     </Container.Container>
     <Tokenomics />
diff --git a/src/js/components/App/pages/Home/Intro.tsx b/src/js/components/App/pages/Home/Intro.tsx
index fc4077f..aa73064 100644
--- a/src/js/components/App/pages/Home/Intro.tsx
+++ b/src/js/components/App/pages/Home/Intro.tsx
@@ -28,6 +28,7 @@ const Intro = () => (
         powered <strong>Deferred NFT</strong> system, buyers can pay for their
         homes in manageable installments. Each NFT represents a payment, and
         once all are completed, ownership of the property is fully transferred.
+        {'  '}
         <strong>EKOKE DAO</strong> empowers members to invest in these NFTs,
         earning deflationary <strong>EKOKE</strong> tokens as{' '}
         <strong>rewards</strong> while supporting buyers with transparent and
diff --git a/src/js/components/App/pages/Home/Roadmap.tsx b/src/js/components/App/pages/Home/Roadmap.tsx
index 883c5ed..04af74a 100644
--- a/src/js/components/App/pages/Home/Roadmap.tsx
+++ b/src/js/components/App/pages/Home/Roadmap.tsx
@@ -14,7 +14,9 @@ const Roadmap = () => (
     </Container.Container>
     <Container.FlexCols className="gap-4 w-full">
       <Container.Container>
-        <span className="text-xl font-bold text-brandRed">2025</span>
+        <span className="block sm:text-center text-xl font-bold text-brandRed">
+          2025
+        </span>
         <Container.FlexResponsiveRow className="gap-4">
           <Milestone title="EKOKE Presale" date="Q1">
             EKOKE Presale will be the first step to start the project. The goal
@@ -48,7 +50,9 @@ const Roadmap = () => (
         </Container.FlexResponsiveRow>
       </Container.Container>
       <Container.Container>
-        <span className="text-xl font-bold text-brandRed">2026</span>
+        <span className="block sm:text-center text-xl font-bold text-brandRed">
+          2026
+        </span>
         <Container.FlexResponsiveRow className="gap-4">
           <Milestone title="First EKOKE-DAO partners" date="Q1">
             We aim to start building the real-estate network in the first
diff --git a/src/js/components/App/pages/Home/Tokenomics.tsx b/src/js/components/App/pages/Home/Tokenomics.tsx
index e5bf565..f59ceaa 100644
--- a/src/js/components/App/pages/Home/Tokenomics.tsx
+++ b/src/js/components/App/pages/Home/Tokenomics.tsx
@@ -59,7 +59,7 @@ const Tokenomics = () => (
           </span>
         </Container.Container>
       </Container.FlexCols>
-      <EkokeTokenomics className="gap-4 flex-1" />
+      <EkokeTokenomics className="sm:items-center sm:justify-center gap-4 flex-1" />
     </Container.FlexResponsiveRow>
   </Container.FlexCols>
 );
diff --git a/src/js/components/App/pages/Presale/Info.tsx b/src/js/components/App/pages/Presale/Info.tsx
index f84723f..f7b89d6 100644
--- a/src/js/components/App/pages/Presale/Info.tsx
+++ b/src/js/components/App/pages/Presale/Info.tsx
@@ -5,6 +5,7 @@ import Container from '../../../reusable/Container';
 import Paragraph from '../../../reusable/Paragraph';
 import Heading from '../../../reusable/Heading';
 import Input from '../../../reusable/Input';
+import YoutubeVideo from '../../../reusable/YoutubeVideo';
 
 const EKOKE_ADDRESS = '0x0';
 
@@ -18,17 +19,7 @@ const Info = () => {
 
   return (
     <Container.Container>
-      <Container.Container>
-        <iframe
-          className="w-full"
-          height={420}
-          src="https://www.youtube.com/embed/R_B4AAOyARI"
-          title="Zelda but Literally EVERYTHING is Randomized (FULL RUN PART 2)"
-          frameBorder="0"
-          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
-          referrerPolicy="strict-origin-when-cross-origin"
-        />
-      </Container.Container>
+      <YoutubeVideo url="https://www.youtube.com/watch?v=R_B4AAOyARI" />
       <Container.FlexCols className="p-4 gap-4 w-full">
         <Container.FlexCols className="text-center">
           <Heading.H2 className="text-center">
@@ -40,7 +31,7 @@ const Info = () => {
               type="text"
               value={EKOKE_ADDRESS}
               readOnly
-              className="!p-2 text-center text-xl"
+              className="!p-2 text-center text-xl sm:text-sm"
               containerClassName="mb-0"
             />
             <button onClick={onAddressCopy}>
diff --git a/src/js/components/AppLayout.tsx b/src/js/components/AppLayout.tsx
index 707f940..ee83587 100644
--- a/src/js/components/AppLayout.tsx
+++ b/src/js/components/AppLayout.tsx
@@ -7,16 +7,22 @@ import Footer from './Footer';
 import Routes from './App/Routes';
 import { BrowserRouter } from 'react-router-dom';
 
-const AppLayout = () => (
-  <Page.BlankPage>
-    <Header />
-    <Container.PageContent className="bg-page w-page min-h-[80vh] pb-16 mt-[80px] pt-[20px] sm:pt-[80px]">
-      <BrowserRouter>
-        <Routes />
-      </BrowserRouter>
-    </Container.PageContent>
-    <Footer />
-  </Page.BlankPage>
-);
+const AppLayout = () => {
+  const fullSize = window.location.pathname.startsWith('/guide');
+
+  return (
+    <Page.BlankPage>
+      <Header />
+      <Container.PageContent
+        className={`bg-page ${fullSize ? 'w-screen' : 'w-page pt-[20px] sm:pt-[40px] pb-16'} min-h-[80vh] mt-[80px] sm:mt-[140px]`}
+      >
+        <BrowserRouter>
+          <Routes />
+        </BrowserRouter>
+      </Container.PageContent>
+      <Footer />
+    </Page.BlankPage>
+  );
+};
 
 export default AppLayout;
diff --git a/src/js/components/Footer.tsx b/src/js/components/Footer.tsx
index 8e20b64..2237017 100644
--- a/src/js/components/Footer.tsx
+++ b/src/js/components/Footer.tsx
@@ -8,6 +8,7 @@ import X from './svg/X';
 import TikTok from './svg/TikTok';
 import Telegram from './svg/Telegram';
 import { Route } from '../utils/routes';
+import Paragraph from './reusable/Paragraph';
 
 const Footer = () => {
   const year = new Date().getFullYear();
@@ -16,7 +17,7 @@ const Footer = () => {
       <Container.Container className="bg-brandRed text-white m-0 p-8">
         <div className="bg-white content-none h-[1px] mx-auto w-page"></div>
         <Container.FlexResponsiveRow className="justify-between w-page sm:w-full mx-auto">
-          <Container.FlexCols className="gap-4">
+          <Container.FlexCols className="gap-4 flex-1">
             <Heading.H2 className="text-white">EKOKE Token</Heading.H2>
             <Link.Default href={Route.HOME} className="text-white">
               Home
@@ -31,7 +32,7 @@ const Footer = () => {
               About
             </Link.Default>
           </Container.FlexCols>
-          <Container.FlexCols className="gap-4">
+          <Container.FlexCols className="gap-4 flex-1">
             <Heading.H2 className="text-white">Contacts</Heading.H2>
             <Link.Default
               href={'mailto:ekokefly@gmail.com'}
@@ -46,7 +47,7 @@ const Footer = () => {
               Piazzale Brescia, 16, 20149 Milano MI, Italy
             </Link.Default>
           </Container.FlexCols>
-          <Container.FlexCols className="gap-4">
+          <Container.FlexCols className="gap-4 flex-1">
             <Heading.H2 className="text-white">Follow Us On</Heading.H2>
             <Link.IconLink
               href={'https://github.com/EKOKEtoken'}
@@ -97,6 +98,16 @@ const Footer = () => {
               <span className="ml-2">X.com</span>
             </Link.IconLink>
           </Container.FlexCols>
+          <Container.FlexCols className="gap-4 flex-1">
+            <Heading.H2 className="text-white">Disclaimer</Heading.H2>
+            <Paragraph.Default className="text-white">
+              Cryptocurrency may be unregulated in your jurisdiction. The value
+              of cryptocurrencies may go down as well as up. Profits may be
+              subject to capital gains or other taxes applicable in your
+              jurisdiction. It is your responsibility to ensure that you comply
+              with tax and other legal obligations in your jurisdiction.
+            </Paragraph.Default>
+          </Container.FlexCols>
         </Container.FlexResponsiveRow>
         <p className="text-xs text-center text-white my-4">
           Copyright © {year} by ekoke token | Powered and secured by ICP
diff --git a/src/js/components/Header/Desktop.tsx b/src/js/components/Header/Desktop.tsx
index b5436f9..3cadfc0 100644
--- a/src/js/components/Header/Desktop.tsx
+++ b/src/js/components/Header/Desktop.tsx
@@ -6,15 +6,21 @@ import { MetamaskProfile } from '../MetamaskConnect';
 import { Route } from '../../utils/routes';
 import TopbarLink from './TopbarLink';
 
+import EkokeLogo from '../../../assets/images/ekoke-logo.webp';
+
 const Desktop = () => (
   <div className="fixed block sm:hidden left-0 top-0 h-[80px] w-full bg-page z-40 shadow-sm">
     <Container.FlexRow className="justify-between items-center py-4 px-4">
-      <Container.Container className="flex-1" />
+      <Container.Container className="hidden xl:block xl:flex-1" />
       <Container.FlexRow className="items-center justify-center gap-8 flex-1">
-        <TopbarLink name={'Home'} href={Route.HOME} />
+        <Container.FlexRow className="items-center gap-4">
+          <img src={EkokeLogo} alt="EKOKE DAO" height={40} width={40} />
+          <TopbarLink name={'Home'} href={Route.HOME} />
+        </Container.FlexRow>
         <TopbarLink name={'Marketplace'} href={Route.MARKETPLACE} />
         <TopbarLink name={'EKOKE Presale'} href={Route.PRESALE} />
         <TopbarLink name={'About'} href={Route.ABOUT} />
+        <TopbarLink name={'Guide'} href={Route.GUIDE} />
       </Container.FlexRow>
       <Container.Container className="flex-1">
         <MetamaskProfile />
diff --git a/src/js/components/Header/Mobile.tsx b/src/js/components/Header/Mobile.tsx
index 876f5d2..4f48eee 100644
--- a/src/js/components/Header/Mobile.tsx
+++ b/src/js/components/Header/Mobile.tsx
@@ -5,11 +5,18 @@ import { MetamaskProfile } from '../MetamaskConnect';
 import TopbarLink from './TopbarLink';
 import { Route } from '../../utils/routes';
 
+import EkokeLogo from '../../../assets/images/ekoke-logo.webp';
+
 const Mobile = () => (
   <div className="bg-page items-center fixed hidden sm:block left-0 gap-4 justify-start py-2 px-4 top-0 w-full z-40 shadow-sm">
     <Container.FlexRow className="items-center justify-between w-full h-[80px]">
-      <Container.Container className="border-brandRed border-b-4 py-2">
-        <span className="font-medium text-brand">EKOKE Marketplace</span>
+      <Container.Container>
+        <Container.FlexRow className="items-center gap-4">
+          <img src={EkokeLogo} alt="EKOKE DAO" height={40} width={40} />
+          <Container.Container className="border-brandRed border-b-4 py-2">
+            <span className="font-medium text-brand">EKOKE DAO</span>
+          </Container.Container>
+        </Container.FlexRow>
       </Container.Container>
       <MetamaskProfile />
     </Container.FlexRow>
@@ -18,6 +25,7 @@ const Mobile = () => (
       <TopbarLink name={'Marketplace'} href={Route.MARKETPLACE} />
       <TopbarLink name={'EKOKE Presale'} href={Route.PRESALE} />
       <TopbarLink name={'About'} href={Route.ABOUT} />
+      <TopbarLink name={'Guide'} href={Route.GUIDE} />
     </Container.FlexRow>
   </div>
 );
diff --git a/src/js/utils/routes.ts b/src/js/utils/routes.ts
index 060cb2e..064e9c9 100644
--- a/src/js/utils/routes.ts
+++ b/src/js/utils/routes.ts
@@ -1,5 +1,15 @@
 export enum Route {
   ABOUT = 'about',
+  GUIDE = 'guide',
+  GUIDE_FAQ = 'guide/faq',
+  GUIDE_ARCHITECTURE = 'guide/architecture',
+  GUIDE_CANISTERS_DATA = 'guide/canisters/deferred-data',
+  GUIDE_CANISTERS_MINTER = 'guide/canisters/deferred-minter',
+  GUIDE_CONTRACTS_DEFERRED = 'guide/contracts/deferred',
+  GUIDE_CONTRACTS_EKOKE = 'guide/contracts/ekoke',
+  GUIDE_CONTRACTS_MARKETPLACE = 'guide/contracts/marketplace',
+  GUIDE_CONTRACTS_REWARD_POOL = 'guide/contracts/reward-pool',
+  GUIDE_WHITEPAPER = 'guide/whitepaper',
   HOME = 'home',
   MARKETPLACE = 'marketplace',
   MARKETPLACE_CONTRACT = 'marketplace/contract',
diff --git a/src/js/utils/seo.ts b/src/js/utils/seo.ts
index 65f6237..d34a65a 100644
--- a/src/js/utils/seo.ts
+++ b/src/js/utils/seo.ts
@@ -42,6 +42,42 @@ const PAGE_TITLES: SeoPages = {
     title: 'EKOKE DAO - Contracts',
     description: 'Your EKOKE DAO contracts',
   },
+  '/guide': {
+    title: 'EKOKE DAO - Guide',
+    description: 'EKOKE DAO guide',
+  },
+  '/guide/faq': {
+    title: 'EKOKE DAO - FAQ',
+    description: 'EKOKE DAO FAQ',
+  },
+  '/guide/whitepaper': {
+    title: 'EKOKE DAO - Whitepaper',
+    description: 'EKOKE DAO whitepaper',
+  },
+  '/guide/contracts/deferred': {
+    title: 'EKOKE DAO - Deferred',
+    description: 'EKOKE DAO Deferred contracts',
+  },
+  '/guide/contracts/ekoke': {
+    title: 'EKOKE DAO - EKOKE Docs',
+    description: 'EKOKE DAO EKOKE token docs',
+  },
+  '/guide/contracts/marketplace': {
+    title: 'EKOKE DAO - marketplace Docs',
+    description: 'EKOKE DAO marketplace docs',
+  },
+  '/guide/contracts/reward-pool': {
+    title: 'EKOKE DAO - Reward Pool Docs',
+    description: 'EKOKE Reward Pool docs',
+  },
+  '/guide/canisters/deferred-data': {
+    title: 'EKOKE DAO - Deferred Data Docs',
+    description: 'EKOKE Deferred Data docs',
+  },
+  '/guide/canisters/deferred-minter': {
+    title: 'EKOKE DAO - Deferred Minter Docs',
+    description: 'EKOKE Deferred Minter docs',
+  },
 };
 
 const seoData = (pathname: string | Route): SeoData | undefined => {