Add meta images for various pages

CaptainSplince · Feb 7, 2024 · aeb71e1 · aeb71e1
1 parent 2f122e5
commit aeb71e1
Show file tree

Hide file tree

Showing 43 changed files with 61 additions and 31 deletions.
diff --git a/public/meta-images/about.png b/public/meta-images/about.png
diff --git a/public/meta-images/community.png b/public/meta-images/community.png
diff --git a/public/meta-images/development.png b/public/meta-images/development.png
diff --git a/public/meta-images/docs.png b/public/meta-images/docs.png
diff --git a/public/meta-images/ecosystem.png b/public/meta-images/ecosystem.png
diff --git a/public/meta-images/home.png b/public/meta-images/home.png
diff --git a/public/meta-images/token.png b/public/meta-images/token.png
diff --git a/src/components/base-head.astro b/src/components/base-head.astro
@@ -7,7 +7,7 @@ interface Props {
 
 const canonicalURL = new URL(Astro.url.pathname, Astro.site);
 
-const { title, description, image = "/meta-image.png" } = Astro.props;
+const { title, description, image = "/meta-images/home.png" } = Astro.props;
 ---
 
 <!-- Global Metadata -->

diff --git a/src/pages/about/[...slug].astro b/src/pages/about/[...slug].astro
@@ -68,6 +68,7 @@ const fileType = page.id.split("/")[1].split(".")[1];
 <Layout
   title="About Akash Network - Empowering a Decentralized Cloud Revolution"
   description="Learn about Akash Network's mission, values, and the vision for revolutionizing cloud computing through decentralization. Explore our journey and commitment to a more open and inclusive cloud infrastructure."
+  image="/meta-images/about.png"
 >
   <TopMargin>
     <div class="grid grid-cols-12 gap-x-5">

diff --git a/src/pages/about/pricing/compare.astro b/src/pages/about/pricing/compare.astro
@@ -16,7 +16,7 @@ const PageContent = networkPage[0].Content;
 const pageFrontMatter = networkPage[0].frontmatter;
 ---
 
-<Layout title="Pricing page">
+<Layout title="Pricing page" image="/meta-images/about.png">
   <div class="container mt-10">
     <div class="grid grid-cols-12 gap-x-5">
       <div
@@ -116,7 +116,7 @@ const pageFrontMatter = networkPage[0].frontmatter;
           </div>
 
           <article
-            class="prsoe-a:text-primary/80 prose max-w-[880px] text-foreground prose-h2:mb-0 prose-h2:mt-14 prose-h2:text-2xl prose-h2:font-bold prose-h3:mt-7 prose-p:mt-3 prose-p:text-base prose-a:text-primary prose-a:no-underline hover:prose-a:text-primary/80 prose-li:mt-6 prose-li:text-[#808080] prose-table:mt-10 prose-table:border-b prose-thead:border-b-gray-200 prose-thead:text-center prose-td:py-4 prose-td:text-center prose-td:text-[#808080] prose-hr:mb-0 md:mt-16 md:prose-h2:mt-16 md:prose-h2:text-3xl md:prose-h3:mt-8 md:prose-p:mt-6 md:prose-p:text-lg md:prose-thead:text-lg md:prose-thead:font-bold md:prose-thead:leading-[30px] md:prose-td:text-base"
+            class="prsoe-a:text-primary/80 hover:prose-a:text-primary/80 prose max-w-[880px] text-foreground prose-h2:mb-0 prose-h2:mt-14 prose-h2:text-2xl prose-h2:font-bold prose-h3:mt-7 prose-p:mt-3 prose-p:text-base prose-a:text-primary prose-a:no-underline prose-li:mt-6 prose-li:text-[#808080] prose-table:mt-10 prose-table:border-b prose-thead:border-b-gray-200 prose-thead:text-center prose-td:py-4 prose-td:text-center prose-td:text-[#808080] prose-hr:mb-0 md:mt-16 md:prose-h2:mt-16 md:prose-h2:text-3xl md:prose-h3:mt-8 md:prose-p:mt-6 md:prose-p:text-lg md:prose-thead:text-lg md:prose-thead:font-bold md:prose-thead:leading-[30px] md:prose-td:text-base"
           >
             <PageContent />
           </article>

diff --git a/src/pages/about/pricing/custom.astro b/src/pages/about/pricing/custom.astro
@@ -18,7 +18,7 @@ const PageContent = networkPage[0].Content;
 const pageFrontMatter = networkPage[0].frontmatter;
 ---
 
-<Layout title="Pricing">
+<Layout title="Pricing" image="/meta-images/about.png">
   <TopMargin>
     <div class="grid grid-cols-12 gap-x-5">
       <SubItemsSidebar

diff --git a/src/pages/about/providers.astro b/src/pages/about/providers.astro
@@ -81,6 +81,7 @@ console.log(initialData2);
 <Layout
   title="About Akash Network - Empowering a Decentralized Cloud Revolution"
   description="Learn about Akash Network's mission, values, and the vision for revolutionizing cloud computing through decentralization. Explore our journey and commitment to a more open and inclusive cloud infrastructure"
+  image="/meta-images/about.png"
 >
   <TopMargin>
     <div class="grid grid-cols-12 gap-x-5">

diff --git a/src/pages/community/[...slug].astro b/src/pages/community/[...slug].astro
@@ -76,6 +76,7 @@ const link = `https://github.com/akash-network/website-revamp/tree/main/src/cont
 <Layout
   title="Akash Community - Join the Decentralized Cloud Movement"
   description="Connect with like-minded individuals in the Akash Network community. Engage in discussions, share experiences, and contribute to the growth of decentralized cloud computing."
+  image="/meta-images/community.png"
 >
   <div class="container mt-10 md:mt-[60px] lg:mt-20">
     <div class="grid grid-cols-12 gap-x-5">

diff --git a/src/pages/community/community-akash-edu/[...page].astro b/src/pages/community/community-akash-edu/[...page].astro
@@ -93,7 +93,7 @@ const link =
   "https://github.com/akash-network/website-revamp/tree/main/src/content/Community_Page/_community-akash-edu/index.mdx";
 ---
 
-<Layout title="Akash EDU">
+<Layout title="Akash EDU" image="/meta-images/community.png">
   <div class="container mt-10 md:mt-[60px] lg:mt-20">
     <div class="grid grid-cols-12 gap-x-5">
       <SideNav nav={nav} link={link} />

diff --git a/src/pages/community/community-akash-edu/[tag]/latest/[page].astro b/src/pages/community/community-akash-edu/[tag]/latest/[page].astro
@@ -109,7 +109,7 @@ const link =
 console.log(pageFrontMatter);
 ---
 
-<Layout title="Akash EDU">
+<Layout title="Akash EDU" image="/meta-images/community.png">
   <div class="container mt-10 md:mt-[60px] lg:mt-20">
     <div class="grid grid-cols-12 gap-x-5">
       <SideNav nav={nav} link={link} />

diff --git a/src/pages/community/community-akash-edu/[tag]/oldest/[page].astro b/src/pages/community/community-akash-edu/[tag]/oldest/[page].astro
@@ -96,7 +96,7 @@ const pageFrontMatter = communityPage[0].frontmatter;
 console.log(pageFrontMatter);
 ---
 
-<Layout title="Akash EDU">
+<Layout title="Akash EDU" image="/meta-images/community.png">
   <div class="container mt-10">
     <div class="grid grid-cols-12 gap-x-5">
       <div

diff --git a/src/pages/community/community-akash-edu/latest/[...page].astro b/src/pages/community/community-akash-edu/latest/[...page].astro
@@ -87,7 +87,7 @@ const pageName = pathname
   .join(" ");
 ---
 
-<Layout title="Akash EDU">
+<Layout title="Akash EDU" image="/meta-images/community.png">
   <div class="container mt-10">
     <div class="grid grid-cols-12 gap-x-5">
       <div

diff --git a/src/pages/community/community-akash-edu/oldest/[...page].astro b/src/pages/community/community-akash-edu/oldest/[...page].astro
@@ -83,7 +83,7 @@ const PageContent = communityPage[0].Content;
 const pageFrontMatter = communityPage[0].frontmatter;
 ---
 
-<Layout title="Akash EDU">
+<Layout title="Akash EDU" image="/meta-images/community.png">
   <div class="container mt-10">
     <div class="grid grid-cols-12 gap-x-5">
       <div

diff --git a/src/pages/community/community-contributions/[...page].astro b/src/pages/community/community-contributions/[...page].astro
@@ -92,7 +92,7 @@ const link =
   "https://github.com/akash-network/website-revamp/tree/main/src/content/Community_Page/_community-contributions/index.mdx";
 ---
 
-<Layout title="Community Contributions">
+<Layout title="Community Contributions" image="/meta-images/community.png">
   <div class="container mt-10 md:mt-[60px] lg:mt-20">
     <div class="grid grid-cols-12 gap-x-5">
       <SideNav nav={nav} link={link} />

diff --git a/src/pages/community/community-contributions/[tag]/latest/[page].astro b/src/pages/community/community-contributions/[tag]/latest/[page].astro
@@ -108,7 +108,7 @@ const link =
 console.log(pageFrontMatter);
 ---
 
-<Layout title="Community Contributions">
+<Layout title="Community Contributions" image="/meta-images/community.png">
   <div class="container mt-10 md:mt-[60px] lg:mt-20">
     <div class="grid grid-cols-12 gap-x-5">
       <SideNav nav={nav} link={link} />

diff --git a/src/pages/community/community-contributions/[tag]/oldest/[page].astro b/src/pages/community/community-contributions/[tag]/oldest/[page].astro
@@ -96,7 +96,7 @@ const pageFrontMatter = communityPage[0].frontmatter;
 console.log(pageFrontMatter);
 ---
 
-<Layout title="Community Contributions">
+<Layout title="Community Contributions" image="/meta-images/community.png">
   <div class="container mt-10">
     <div class="grid grid-cols-12 gap-x-5">
       <div

diff --git a/src/pages/community/community-contributions/latest/[...page].astro b/src/pages/community/community-contributions/latest/[...page].astro
@@ -86,7 +86,7 @@ const pageName = pathname
   .join(" ");
 ---
 
-<Layout title="Community Contributions">
+<Layout title="Community Contributions" image="/meta-images/community.png">
   <div class="container mt-10">
     <div class="grid grid-cols-12 gap-x-5">
       <div

diff --git a/src/pages/community/community-contributions/oldest/[...page].astro b/src/pages/community/community-contributions/oldest/[...page].astro
@@ -83,7 +83,7 @@ const PageContent = communityPage[0].Content;
 const pageFrontMatter = communityPage[0].frontmatter;
 ---
 
-<Layout title="Community Contributions">
+<Layout title="Community Contributions" image="/meta-images/community.png">
   <div class="container mt-10">
     <div class="grid grid-cols-12 gap-x-5">
       <div

diff --git a/src/pages/community/events/index.astro b/src/pages/community/events/index.astro
@@ -92,7 +92,11 @@ const link =
 console.log(sortedMonthwiseArray);
 ---
 
-<Layout title="Community Contributions">
+<Layout
+  title="Community Contributions"
+  image="/meta-images/community.png"
+  image="/meta-images/community.png"
+>
   <TopMargin>
     <div class="grid grid-cols-12 gap-x-5">
       <SideNav nav={nav} link={link} />

diff --git a/src/pages/community/events/upcoming.astro b/src/pages/community/events/upcoming.astro
@@ -107,7 +107,11 @@ const link =
   "https://github.com/akash-network/website-revamp/tree/main/src/content/Community_Page/events/index.mdx";
 ---
 
-<Layout title="Community Contributions">
+<Layout
+  title="Community Contributions"
+  image="/meta-images/community.png"
+  image="/meta-images/community.png"
+>
   <TopMargin>
     <div class="grid grid-cols-12 gap-x-5">
       <SideNav nav={nav} link={link} />

diff --git a/src/pages/current-groups/[...slug].astro b/src/pages/current-groups/[...slug].astro
@@ -160,7 +160,7 @@ console.log(page.id.split("/")[2].split(".")[1]);
 const fileType = page.id.split("/")[2].split(".")[1];
 ---
 
-<Layout title="Development">
+<Layout title="Development" image="/meta-images/development.png">
   <TopMargin>
     <div class="grid grid-cols-12 gap-x-5">
       <div

diff --git a/src/pages/development/[...slug].astro b/src/pages/development/[...slug].astro
@@ -68,6 +68,7 @@ const fileType = page.id.split("/")[1].split(".")[1];
 <Layout
   title="Developer Hub - Build on Akash Network"
   description="Access resources, tools, and documentation for developers interested in building on the Akash Network. Explore our APIs, SDKs, and developer-friendly features."
+  image="/meta-images/development.png"
 >
   <TopMargin>
     <div class="grid grid-cols-12 gap-x-5">

diff --git a/src/pages/docs/[...slug].astro b/src/pages/docs/[...slug].astro
@@ -42,8 +42,9 @@ const nav = generateDocsNav(pages);
 ---
 
 <DocsLayout
-  title={`${page.data.title} | Akash Network Documentation - Your Guide to Decentralized Cloud`}
+  title={`${page.data.title} | Akash Network - Your Guide to Decentralized Cloud`}
   description="Access comprehensive documentation to guide you through using Akash Network. Find detailed instructions, FAQs, and resources for a seamless experience."
+  image="/meta-images/docs.png"
 >
   <div
     class="sticky top-0 z-10 -mt-4 mb-10 h-[130px] bg-background pt-4 md:hidden"

diff --git a/src/pages/docs/index.astro b/src/pages/docs/index.astro
@@ -59,6 +59,7 @@ console.log("docs", docs);
 <DocsLayout
   title={`${doc.data.title} | Akash Network Documentation - Your Guide to Decentralized Cloud`}
   description="Access comprehensive documentation to guide you through using Akash Network. Find detailed instructions, FAQs, and resources for a seamless experience."
+  image="/meta-images/docs.png"
 >
   <div
     class="sticky top-0 z-10 -mt-4 mb-10 h-[130px] bg-background pt-4 md:hidden"

diff --git a/src/pages/ecosystem/akash-tools/[tag]/latest/[page].astro b/src/pages/ecosystem/akash-tools/[tag]/latest/[page].astro
@@ -80,7 +80,10 @@ const pathName = astroUrl.pathname.split("/");
 const formattedTag = currentTag.charAt(0).toUpperCase() + currentTag.slice(1);
 ---
 
-<Layout title={`${formattedTag} | Akash Tools`}>
+<Layout
+  title={`${formattedTag} | Akash Tools`}
+  image="/meta-images/ecosystem.png"
+>
   <TopMargin class="container mt-10">
     <TopHeader tags={tags} />
   </TopMargin>

diff --git a/src/pages/ecosystem/akash-tools/[tag]/oldest/[page].astro b/src/pages/ecosystem/akash-tools/[tag]/oldest/[page].astro
@@ -77,7 +77,10 @@ const pathName = astroUrl.pathname.split("/");
 const formattedTag = currentTag.charAt(0).toUpperCase() + currentTag.slice(1);
 ---
 
-<Layout title={`${formattedTag} | Akash Tools`}>
+<Layout
+  title={`${formattedTag} | Akash Tools`}
+  image="/meta-images/ecosystem.png"
+>
   <TopMargin class="container mt-10">
     <TopHeader tags={tags} />
   </TopMargin>

diff --git a/src/pages/ecosystem/akash-tools/latest/[...page].astro b/src/pages/ecosystem/akash-tools/latest/[...page].astro
@@ -69,7 +69,7 @@ const astroUrl = Astro.url;
 const pathName = astroUrl.pathname.split("/");
 ---
 
-<Layout title={`Akash Tools`}>
+<Layout title={`Akash Tools`} image="/meta-images/ecosystem.png">
   <TopMargin>
     <TopHeader tags={tags} />
   </TopMargin>

diff --git a/src/pages/ecosystem/akash-tools/oldest/[...page].astro b/src/pages/ecosystem/akash-tools/oldest/[...page].astro
@@ -69,7 +69,7 @@ const astroUrl = Astro.url;
 const pathName = astroUrl.pathname.split("/");
 ---
 
-<Layout title="Akash Tools">
+<Layout title="Akash Tools" image="/meta-images/ecosystem.png">
   <TopMargin>
     <TopHeader tags={tags} />
   </TopMargin>

diff --git a/src/pages/ecosystem/deployed-on-akash/[tag]/latest/[page].astro b/src/pages/ecosystem/deployed-on-akash/[tag]/latest/[page].astro
@@ -77,7 +77,10 @@ const pathName = astroUrl.pathname.split("/");
 const formattedTag = currentTag.charAt(0).toUpperCase() + currentTag.slice(1);
 ---
 
-<Layout title={`${formattedTag} | Deployed On Akash`}>
+<Layout
+  title={`${formattedTag} | Deployed On Akash`}
+  image="/meta-images/ecosystem.png"
+>
   <TopMargin>
     <TopHeader tags={tags} />
   </TopMargin>

diff --git a/src/pages/ecosystem/deployed-on-akash/[tag]/oldest/[page].astro b/src/pages/ecosystem/deployed-on-akash/[tag]/oldest/[page].astro
@@ -77,7 +77,10 @@ const pathName = astroUrl.pathname.split("/");
 const formattedTag = currentTag.charAt(0).toUpperCase() + currentTag.slice(1);
 ---
 
-<Layout title={`${formattedTag} | Deployed On Akash`}>
+<Layout
+  title={`${formattedTag} | Deployed On Akash`}
+  image="/meta-images/ecosystem.png"
+>
   <TopMargin>
     <TopHeader tags={tags} />
   </TopMargin>

diff --git a/src/pages/ecosystem/deployed-on-akash/latest/[...page].astro b/src/pages/ecosystem/deployed-on-akash/latest/[...page].astro
@@ -63,7 +63,7 @@ console.log(tags);
 const pathName = astroUrl.pathname.split("/");
 ---
 
-<Layout title={`Deployed On Akash`}>
+<Layout title={`Deployed On Akash`} image="/meta-images/ecosystem.png">
   <TopMargin>
     <TopHeader tags={tags} />
   </TopMargin>

diff --git a/src/pages/ecosystem/deployed-on-akash/oldest/[...page].astro b/src/pages/ecosystem/deployed-on-akash/oldest/[...page].astro
@@ -62,7 +62,7 @@ const astroUrl = Astro.url;
 const pathName = astroUrl.pathname.split("/");
 ---
 
-<Layout title={`Deployed On Akash`}>
+<Layout title={`Deployed On Akash`} image="/meta-images/ecosystem.png">
   <TopMargin>
     <TopHeader tags={tags} />
   </TopMargin>

diff --git a/src/pages/ecosystem/providers/index.astro b/src/pages/ecosystem/providers/index.astro
@@ -14,7 +14,7 @@ const pathName = astroUrl.pathname.split("/");
 let initialData = await getProviderList();
 ---
 
-<Layout title="Providers">
+<Layout title="Providers" image="/meta-images/ecosystem.png">
   <TopMargin>
     <h1 class="text-2xl font-bold md:block md:text-2lg lg:text-3lg">
       Dive into the Akash ecosystem

diff --git a/src/pages/ecosystem/showcase/[tag]/latest/[page].astro b/src/pages/ecosystem/showcase/[tag]/latest/[page].astro
@@ -77,7 +77,10 @@ const pathName = astroUrl.pathname.split("/");
 const formattedTag = currentTag.charAt(0).toUpperCase() + currentTag.slice(1);
 ---
 
-<Layout title={`${formattedTag} | Showcase `}>
+<Layout
+  title={`${formattedTag} | Showcase `}
+  image="/meta-images/ecosystem.png"
+>
   <TopMargin>
     <TopHeader />
   </TopMargin>

diff --git a/src/pages/ecosystem/showcase/[tag]/oldest/[page].astro b/src/pages/ecosystem/showcase/[tag]/oldest/[page].astro
@@ -77,7 +77,7 @@ const pathName = astroUrl.pathname.split("/");
 const formattedTag = currentTag.charAt(0).toUpperCase() + currentTag.slice(1);
 ---
 
-<Layout title={`${formattedTag} | Showcase`}>
+<Layout title={`${formattedTag} | Showcase`} image="/meta-images/ecosystem.png">
   <TopMargin>
     <TopHeader />
   </TopMargin>

diff --git a/src/pages/ecosystem/showcase/latest/[...page].astro b/src/pages/ecosystem/showcase/latest/[...page].astro
@@ -69,7 +69,7 @@ const astroUrl = Astro.url;
 const pathName = astroUrl.pathname.split("/");
 ---
 
-<Layout title={`Showcase`}>
+<Layout title={`Showcase`} image="/meta-images/ecosystem.png">
   <TopMargin>
     <TopHeader />
   </TopMargin>

diff --git a/src/pages/ecosystem/showcase/oldest/[...page].astro b/src/pages/ecosystem/showcase/oldest/[...page].astro
@@ -69,7 +69,7 @@ const astroUrl = Astro.url;
 const pathName = astroUrl.pathname.split("/");
 ---
 
-<Layout title={`Showcase`}>
+<Layout title={`Showcase`} image="/meta-images/ecosystem.png">
   <TopMargin class="container mt-10">
     <TopHeader />
   </TopMargin>

diff --git a/src/pages/token.astro b/src/pages/token.astro
@@ -54,6 +54,7 @@ const nav = [
 <Layout
   title="Akash Token (AKT) - The Currency of Decentralized Cloud"
   description="Discover the Akash Token (AKT) and its role in powering the decentralized cloud ecosystem. Explore its utility, benefits, and how it fuels the Akash Network."
+  image="/meta-images/token.png"
 >
   <TopMargin>
     <div class="grid-cols-12 gap-x-10 md:grid">