Merge branch 'feature/run-a-node-page' into dev

src/datas/run-a-node/content.js

@@ -13,7 +13,7 @@ export const FooterBoxes = [
         text: 'Join a growing modular ecosystem of developers building on testnet.',
         button: {
             text: 'Get started',
-            href: 'https://docs.celestia.org/',
+            href: '/developer-portal/',
             id: 'operator',
             type: 'simple'
         }

src/datas/run-a-node/get-started.js

@@ -4,29 +4,32 @@ export const getStarted = {
 	items: [
 		{
 			id: 1,
-			title: "Run a node directly on your computer via the CLI",
-			text: "(in general use) a complex network or interconnected system. add 3 line description max.I",
+			title: "Run light node via CLI",
+			text: "Get your light node running with a few commands on your CLI.",
 			type: "anchor",
 			link: {
-				text:"Learn more",
+				text:"Go now",
+				url: "https://docs.celestia.org/nodes/light-node/",
 			},
 		},
 		{
 			id: 2,
-			title: "Run a node on docker via the CLI",
-			text: "(in general use) a complex network or interconnected system. add 3 line description max.",
+			title: "Run light node via docker",
+			text: "Startup your light node in a virtual environment via the CLI.",
 			type: "anchor",
 			link: {
-				text:"Learn more",
+				text:"Start up",
+				url: "https://docs.celestia.org/nodes/docker-images/",
 			},
 		},
 		{
 			id: 3,
-			title: "Run a node on docker via the CLI",
-			text: "(in general use) a complex network or interconnected system. add 3 line description max.",
+			title: "Run light node via mac app",
+			text: "Boot up your light node via an app (only compatible with m1 and m2 macs).",
 			type: "anchor",
 			link: {
 				text:"Learn more",
+				url: "https://www.quasarapp.xyz/",
 			},
 		},
 	],

src/datas/run-a-node/hero-data.js

@@ -1,18 +1,18 @@
 export const heroData = {
 	title: "Run a Node",
-	text: "Build games with new capabilities. Celestia scales with the number of users so games can scale with their usebase.",
+	text: "Enter an internet where users are first-class citizens. Own your assets while securing Celestia.",
 	buttons: [
 		{
-			text: "Build Modular",
+			text: "Become sovereign",
 			class: "simple",
 			type: "anchor",
-			url: "frameworks",
+			url: "start-up-a-node",
 		},
 		{
 			text: "Ask a question",
 			class: "white",
 			type: "external",
-			url: "https://forum.celestia.org/",
+			url: "https://discord.com/invite/YsnTPcSfWQ",
 		},
 	],
-};
+};

src/datas/run-a-node/resources.js

@@ -1,39 +1,39 @@
 export const resources = {
 	title: "Resources",
-	description: "Tutorials, resources, and guides for staking.",
+	description: "Tutorials, and guides for running Celestia nodes.",
 	items: [
 		{
 			id: 1,
-			title: "Light node tutorial on YouTube",
+			title: "Light node setup walkthrough",
 			text: "",
 			image: "developer-portal/lightbulb.png",
 			type: "external",
 			link: {
-				text:"Explore concepts",
-				url: "https://docs.celestia.org/developers/build-modular/",
+				text:"Explore",
+				url: "https://youtu.be/WFubhQc8tGk",
 			},
 		},
 		{
 			id: 2,
-			title: "Values of modular chains",
+			title: "Overview of Celestia nodes",
 			text: "",
 			image: "developer-portal/availability.png",
 			type: "external",
 			link: {
-				text:"Explore concepts",
+				text:"Learn more",
 				url: "https://docs.celestia.org/nodes/overview/",
 			},
 		},
 		{
 			id: 3,
-			title: "Light node requirement",
+			title: "Node API",
 			text: "",
 			image: "developer-portal/why-build-mod.png",
-			type: "internal",
+			type: "external",
 			link: {
-				text:"Explore concepts",
-				url: "/learn/",
+				text:"Read more",
+				url: "https://docs.celestia.org/developers/node-api/",
 			},
 		},
 	],
-};
+};

src/pages/run-a-node.js

@@ -27,7 +27,7 @@ const DevPortal = () => {
 								<div className={"col-auto"}>
 									<div className={"subtitle"} dangerouslySetInnerHTML={{ __html: heroData.text }} />
 									<AnchorLink
-										to={`/developer-portal#${heroData.buttons[0].url}`}
+										to={`/run-a-node#${heroData.buttons[0].url}`}
 										className={"button button-" + heroData.buttons[0].class}
 										stripHash
 									>
@@ -55,35 +55,34 @@ const DevPortal = () => {
 									</div>
 								</div>
 								<div className={"text-box col-12 col-lg-6"}>
-									<h2 className='title'>What is a node</h2>
+									<h2 className='title'>What is a node?</h2>
 									<p>
-										Think of Celestia as a power grid, except instead of providing electricity, Celestia provides the essential
-										resource to power a blockchain: consensus and data availability. Similar to how anyone can plug into an
-										electricity grid to power their appliance, anyone can plug into Celestia’s network to power their own
-										blockchain.
+										A node is a piece of software that runs on a device like a computer or a phone.
+										Generally, a node verifies that a blockchain works correctly and follows the rules.
+										“Verifying” a blockchain can involve tasks like checking transactions are correct
+										and providing account balances to other nodes.
 									</p>
-									<h2 className='title'>What does it mean to ‘run’ a node</h2>
+									<h2 className='title'>And what about Celestia light nodes?</h2>
 									<p>
-										Think of Celestia as a power grid, except instead of providing electricity, Celestia provides the essential
-										resource to power a blockchain: consensus and data availability. Similar to how anyone can plug into an
-										electricity grid to power their appliance, anyone can plug into Celestia’s network to power their own
-										blockchain.
+										Light nodes sound like you might expect. They are nodes that can run on cheaper
+										hardware and slower internet connections than other node types. The lower
+										requirements make it more accessible for anyone to run a node that verifies the
+										chain. What makes Celestia light nodes unique is that they keep a higher level of
+										security than most other types of light nodes.
 									</p>
 								</div>
 							</div>
 						</div>
 					</section>
 
-					<section className={"start-up"}>
+					<section className={"start-up"} id={`${heroData.buttons[0]?.url.replace(/\s+/g, "-").toLowerCase()}`}>
 						<div className={"container"}>
 							<div className={"row justify-content-between align-items-center"}>
 								<div className={"text-box col-12 col-lg-6"}>
 									<h2 className='with-decor'>Start up a light node</h2>
 									<p className='description'>
-										Celestia gives developers the freedom to define their own sovereign chain, tailored for their
-										application,Celestia gives developers the freedom to define their own sovereign chain, tailored for their
-										applicationCelestia gives developers the freedom to define their own sovereign chain, tailored for their
-										application
+										Light nodes are the most accessible Celestia node that can run on many devices.
+										Pick an option that suits your difficulty and get your Celestia light node up and running.
 									</p>
 								</div>
 								<div className={"image-box--modular col-12 col-lg-6"}>