updated underneath path, deleted wic page, updated links, added redir…

…ects

gatsby-node.js

@@ -12,4 +12,10 @@ exports.createPages = async ({ graphql, actions }) => {
 		toPath: `/build`,
 		isPermanent: true,
 	});
+
+	createRedirect({
+		fromPath: `/what-is-celestia`,
+		toPath: `/underneath`,
+		isPermanent: true,
+	});
 };

src/components/header.js

@@ -11,9 +11,9 @@ const navigation = [
 		type: "internal",
 		submenus: [
 			{
-				text: "What is Celestia?",
+				text: "Celestia Underneath",
 				subtext: "Start here",
-				url: "/what-is-celestia/",
+				url: "/underneath/",
 				icon: "menu/logo.svg",
 				type: "internal",
 				class: "plausible-event-name=What_Is_Celestia_Button--Header",

src/datas/build/faq.js

@@ -15,7 +15,7 @@ export const faqs = {
 		{
 			id: 3,
 			question: "What is Celestia?",
-			text: 'Celestia is a modular consensus and data network, built to enable anyone to easily deploy their own blockchain with minimal overhead. Head to the <a href="https://celestia.org/what-is-celestia/" target="_blank" rel="noopener noreferrer" style="color:#7B2BF9;">What is Celestia?</a> page for an overview.',
+			text: 'Celestia is a modular consensus and data network, built to enable anyone to easily deploy their own blockchain with minimal overhead. Head to the <a href="https://celestia.org/underneath/" target="_blank" rel="noopener noreferrer" style="color:#7B2BF9;">What is Celestia?</a> page for an overview.',
 		},
 	],
 };

src/datas/faq/faqs.js

@@ -1,31 +1,37 @@
 export const faqs = [
-    {
-        id: 1,
-        question: 'What is Celestia?',
-        text: 'Celestia is a new technology that powers, scales, and secures web3 applications. To achieve this, Celestia introduces a new blockchain architecture to solve the core scaling challenges of today’s blockchains. This new architecture is what we call modular blockchains.<br><br>Visit the <a href="https://celestia.org/what-is-celestia/" target="_blank" rel="noreferrer">what is Celestia page</a> to learn more.',
-    },{
-        id: 2,
-        question: 'What is a modular blockchain?',
-        text: 'Modular blockchains are a new paradigm in blockchain design. Instead of one blockchain doing everything, modular blockchains specialize and optimize to perform a given task. This specialization provides breakthroughs in scalability, flexibility, and interoperability, enabling developers to build blockchain applications for mass adoption.<br><br>Want to dive in on modular blockchains? Explore <a href="https://celestia.org/learn/" target="_blank" rel="noreferrer">Learn Modular</a>.',
-    },{
-        id: 3,
-        question: 'How does Celestia scale?',
-        text: 'Celestia introduces a new feature called data availability sampling. This feature allows Celestia to safely increase its block size as more light nodes join the network. Importantly, block size increases don’t reduce Celestia’s security or decentralization, unlike traditional blockchains.',
-    },{
-        id: 4,
-        question: 'What programming languages and VMs are supported by Celestia?',
-        text: 'Because of Celestia’s modular architecture, it can support any programming language or VM. Currently supported languages include Solidity (EVM), Rust & Golang (Cosmos SDK). Developers are free to use any existing language and VM or define their own.',
-    },{
-        id: 5,
-        question: 'Where can developers get started?',
-        text: 'Developers can head to the <a href="https://docs.celestia.org/" target="_blank" rel="noreferrer">docs</a> to get started with building on Celestia.',
-    },{
-        id: 6,
-        question: 'How do I run a node on Celestia?',
-        text: 'Celestia supports multiple testnets that users can run nodes on in preparation for mainnet. Information on running testnet nodes is available in our <a href="https://docs.celestia.org/" target="_blank" rel="noreferrer">documentation</a>.',
-    },{
-        id: 7,
-        question: 'Will Celestia have a token and if so, what will it be used for?',
-        text: 'Celestia is designed to have a token used to secure the network via Proof of Stake and to pay for transaction fees on the network, and eventually a fee burn mechanism similar to EIP-1559 in Ethereum.',
-    },
-]
+	{
+		id: 1,
+		question: "What is Celestia?",
+		text: 'Celestia is a new technology that powers, scales, and secures web3 applications. To achieve this, Celestia introduces a new blockchain architecture to solve the core scaling challenges of today’s blockchains. This new architecture is what we call modular blockchains.<br><br>Visit the <a href="https://celestia.org/underneath/" target="_blank" rel="noreferrer">what is Celestia page</a> to learn more.',
+	},
+	{
+		id: 2,
+		question: "What is a modular blockchain?",
+		text: 'Modular blockchains are a new paradigm in blockchain design. Instead of one blockchain doing everything, modular blockchains specialize and optimize to perform a given task. This specialization provides breakthroughs in scalability, flexibility, and interoperability, enabling developers to build blockchain applications for mass adoption.<br><br>Want to dive in on modular blockchains? Explore <a href="https://celestia.org/learn/" target="_blank" rel="noreferrer">Learn Modular</a>.',
+	},
+	{
+		id: 3,
+		question: "How does Celestia scale?",
+		text: "Celestia introduces a new feature called data availability sampling. This feature allows Celestia to safely increase its block size as more light nodes join the network. Importantly, block size increases don’t reduce Celestia’s security or decentralization, unlike traditional blockchains.",
+	},
+	{
+		id: 4,
+		question: "What programming languages and VMs are supported by Celestia?",
+		text: "Because of Celestia’s modular architecture, it can support any programming language or VM. Currently supported languages include Solidity (EVM), Rust & Golang (Cosmos SDK). Developers are free to use any existing language and VM or define their own.",
+	},
+	{
+		id: 5,
+		question: "Where can developers get started?",
+		text: 'Developers can head to the <a href="https://docs.celestia.org/" target="_blank" rel="noreferrer">docs</a> to get started with building on Celestia.',
+	},
+	{
+		id: 6,
+		question: "How do I run a node on Celestia?",
+		text: 'Celestia supports multiple testnets that users can run nodes on in preparation for mainnet. Information on running testnet nodes is available in our <a href="https://docs.celestia.org/" target="_blank" rel="noreferrer">documentation</a>.',
+	},
+	{
+		id: 7,
+		question: "Will Celestia have a token and if so, what will it be used for?",
+		text: "Celestia is designed to have a token used to secure the network via Proof of Stake and to pay for transaction fees on the network, and eventually a fee burn mechanism similar to EIP-1559 in Ethereum.",
+	},
+];

src/datas/celestia-underneath/data-availability.js → src/datas/underneath/data-availability.js

@@ -5,7 +5,7 @@ export const dataAvailability = {
     <p>Now, Celestia provides high data throughput that is verifiable for any user through a light node. This is possible because of data availability sampling. As the light node network grows, Celestia can scale to the data throughput needed for millions of rollups without compromising end-user security.</p>
     `,
 	image: {
-		src: "celestia-underneath/celestia-underneath-da-image.png",
+		src: "underneath/celestia-underneath-da-image.png",
 		alt: "From monolithic to modular",
 	},
 	button: {

src/datas/celestia-underneath/from-monolith.js → src/datas/underneath/from-monolith.js

@@ -6,7 +6,7 @@ export const fromMonolith = {
     <p>Now, Celestia introduces a new modular architecture that makes it easy for anyone to securely launch their own blockchain. Without needing to recruit a committee, you can deploy your own chain with Celestia underneath in just one click.</p>
     `,
 	image: {
-		src: "celestia-underneath/celestia-underneath-from-monolith.png",
+		src: "underneath/celestia-underneath-from-monolith.png",
 		alt: "From monolithic to modular",
 	},
 };

src/datas/celestia-underneath/hero-data.js → src/datas/underneath/hero-data.js

@@ -7,7 +7,7 @@ export const heroData = {
 	<p>With abundant blockspace and new ways to create apps, you have a blank canvas to build whatever with Celestia underneath.</p>
 	`,
 	image: {
-		src: "celestia-underneath/celestia-underneath-hero.png",
+		src: "underneath/celestia-underneath-hero.png",
 		alt: "Celestia Underneath Hero",
 	},
 	cards: [

src/datas/celestia-underneath/why-celestia.js → src/datas/underneath/why-celestia.js

@@ -9,7 +9,7 @@ export const whyCelestia = {
             <p>Or deploy with any existing blockchain framework and upgrade as new modular capabilities come online.</p>
             `,
 			image: {
-				src: "celestia-underneath/celestia-underneath-why-celestia-1.png",
+				src: "underneath/celestia-underneath-why-celestia-1.png",
 				alt: "From monolithic to modular",
 			},
 		},
@@ -20,7 +20,7 @@ export const whyCelestia = {
             <p>With Celestia underneath, a customizable blockchain becomes as easy to deploy as a smart contract.</p>
             `,
 			image: {
-				src: "celestia-underneath/celestia-underneath-why-celestia-2.png",
+				src: "underneath/celestia-underneath-why-celestia-2.png",
 				alt: "From monolithic to modular",
 			},
 		},
@@ -31,7 +31,7 @@ export const whyCelestia = {
             <p>Low fees also provide new options to monetize. For example, an app can take a percentage of transaction fees on its own rollup. With these new monetization options, teams can support user growth by subsidizing onboarding costs or eliminating specific user fees.</p>
             `,
 			image: {
-				src: "celestia-underneath/celestia-underneath-why-celestia-3.png",
+				src: "underneath/celestia-underneath-why-celestia-3.png",
 				alt: "From monolithic to modular",
 			},
 		},

src/pages/index.js

@@ -56,12 +56,12 @@ const IndexPage = () => {
 							direction={"ltr"}
 							title={"Access abundance"}
 							text={`
-								<p>Tap into the abundant throughput enabled by <a href='https://celestia.org/what-is-celestia/#what-is-data-availability-sampling' target='_blank' rel='noopener noreferrer'>data availability sampling (DAS)</a>, the first architecture that scales while maintaining verifiability for any user.</p>
+								<p>Tap into the abundant throughput enabled by <a href='https://celestia.org/underneath/' target='_blank' rel='noopener noreferrer'>data availability sampling (DAS)</a>, the first architecture that scales while maintaining verifiability for any user.</p>
 								<p>Anyone can directly verify and contribute to Celestia by <a href='https://celestia.org/run-a-light-node/' target='_blank' rel='noopener noreferrer'>running a light node</a>.</p>
 							`}
 							image={"graph-scale.png"}
 							buttonPrimaryTitle={"Learn Celestia"}
-							buttonPrimaryUrl={"/what-is-celestia/"}
+							buttonPrimaryUrl={"/underneath/"}
 							anim={lottiAnim1}
 							animVersion={1}
 						/>

src/pages/markdown-pages/what-is-da/What is data availability.md

@@ -46,32 +46,32 @@ The difference might not seem important, but DA and long-term data storage actua
 
 Now there are specialized providers known as data availability layers (DA layers) that supply DA to other chains. Let’s look at two distinct types of DA layers:
 
-- Data availability committees: a small, permissioned committee that is trusted to provide DA.
-- DA layers with <a href="https://celestia.org/what-is-celestia/#what-is-data-availability-sampling" target="_blank" rel="noopener noreferrer" style="color:#7B2BF9;">data availability sampling (DAS)</a>: a decentralized network that provides DA and allows anyone to efficiently verify via DAS.
+-   Data availability committees: a small, permissioned committee that is trusted to provide DA.
+-   DA layers with <a href="https://celestia.org/underneath/" target="_blank" rel="noopener noreferrer" style="color:#7B2BF9;">data availability sampling (DAS)</a>: a decentralized network that provides DA and allows anyone to efficiently verify via DAS.
 
 And a DA layer with DAS is what Celestia is…
 
 #### Celestia’s DA layer
 
-So, what does Celestia’s DA layer actually do? Well, Celestia provides abundant DA to address the scaling bottleneck. And it does this with data availability sampling (DAS). 
+So, what does Celestia’s DA layer actually do? Well, Celestia provides abundant DA to address the scaling bottleneck. And it does this with data availability sampling (DAS).
 
 DAS is a new technology that enables Celestia to securely increase its blockspace with more users (light nodes). And the way rollups use Celestia is simple. All they really need to do is use Celestia’s DA layer to publish and temporarily access their transaction data.
 
 Now, with ~95% percent lower DA costs, developers can focus on improving their app without the burden of high fees or unnecessary gas cost optimizations. Ultimately, low-cost DA unlocks new capabilities for developers to build fully onchain apps, like onchain games or generative art. See the <a href="https://www.datalenses.zone/chain/celestia/calculator" target="_blank" rel="noopener noreferrer" style="color:#7B2BF9;">cost savings for your chain</a> with Celestia underneath.
 
-The other important aspect of DAS is that it enables users to secure and directly verify  Celestia. Without DAS, DA layers have to give up verifiability and security for higher throughput. So users have to trust validators or committees to ensure the chain is running correctly. With DAS, users can secure and directly verify Celestia’s DA layer with proofs instead of a trusted committee.
+The other important aspect of DAS is that it enables users to secure and directly verify Celestia. Without DAS, DA layers have to give up verifiability and security for higher throughput. So users have to trust validators or committees to ensure the chain is running correctly. With DAS, users can secure and directly verify Celestia’s DA layer with proofs instead of a trusted committee.
 
 #### How developers can build on Celestia’s DA layer
 
 You can launch your chain as easily as a smart contract with Celestia underneath. Here’s how you can start:
 
-- Deploy fast with an <a href="https://celestia.org/build/#build" target="_blank" rel="noopener noreferrer" style="color:#7B2BF9;">Ethereum L2 using leading rollup frameworks</a>.
-- Transform nearly any VM into its <a href="https://celestia.org/build/#build" target="_blank" rel="noopener noreferrer" style="color:#7B2BF9;">own sovereign chains</a>.
-- One-click deployment on managed infrastructure using a <a href="https://celestia.org/deploy/" target="_blank" rel="noopener noreferrer" style="color:#7B2BF9;">Rollups-as-a-Service provider</a>.
+-   Deploy fast with an <a href="https://celestia.org/build/#build" target="_blank" rel="noopener noreferrer" style="color:#7B2BF9;">Ethereum L2 using leading rollup frameworks</a>.
+-   Transform nearly any VM into its <a href="https://celestia.org/build/#build" target="_blank" rel="noopener noreferrer" style="color:#7B2BF9;">own sovereign chains</a>.
+-   One-click deployment on managed infrastructure using a <a href="https://celestia.org/deploy/" target="_blank" rel="noopener noreferrer" style="color:#7B2BF9;">Rollups-as-a-Service provider</a>.
 
 #### To sum it all up
 
-- Data availability is a core scaling bottleneck for crypto applications and is the vast majority of costs that rollups and Layer 2s pay.
-- Data availability is about proving that data was published by allowing anyone to download it for a short period of time.
-- A DA layer is a blockchain that rollups and L2s publish their transaction data to.
-- Celestia’s DA layer eliminates data availability as a core scaling bottleneck, dropping costs for developers by ~95% and enabling them to build fully-onchain apps.
+-   Data availability is a core scaling bottleneck for crypto applications and is the vast majority of costs that rollups and Layer 2s pay.
+-   Data availability is about proving that data was published by allowing anyone to download it for a short period of time.
+-   A DA layer is a blockchain that rollups and L2s publish their transaction data to.
+-   Celestia’s DA layer eliminates data availability as a core scaling bottleneck, dropping costs for developers by ~95% and enabling them to build fully-onchain apps.

src/pages/celestia-underneath.js → src/pages/underneath.js

@@ -2,15 +2,15 @@ import React, { useState, useEffect, useRef } from "react";
 import Image from "../components/imageComponent";
 import Button from "../components/buttons/button";
 
-import { heroData } from "../datas/celestia-underneath/hero-data";
-import { fromMonolith } from "../datas/celestia-underneath/from-monolith";
-import { dataAvailability } from "../datas/celestia-underneath/data-availability";
-import { whyCelestia } from "../datas/celestia-underneath/why-celestia";
-import { FooterBoxes2 } from "../datas/celestia-underneath/content";
+import { heroData } from "../datas/underneath/hero-data";
+import { fromMonolith } from "../datas/underneath/from-monolith";
+import { dataAvailability } from "../datas/underneath/data-availability";
+import { whyCelestia } from "../datas/underneath/why-celestia";
+import { FooterBoxes2 } from "../datas/underneath/content";
 
 import Layout from "../components/layout";
 
-import { seoContent } from "../datas/celestia-underneath/seoContent";
+import { seoContent } from "../datas/underneath/seoContent";
 import Seo from "../components/seo";
 
 const CelestiaUnderneath = () => {