diff --git a/src/components/buttons/button.js b/src/components/buttons/button.js
index 0293deebe..488d26efc 100644
--- a/src/components/buttons/button.js
+++ b/src/components/buttons/button.js
@@ -1,5 +1,6 @@
 import * as React from "react"
 import {Link} from "gatsby";
+import { AnchorLink } from "gatsby-plugin-anchor-links";
 
 export default class Button extends React.Component {
     render() {
@@ -19,7 +20,11 @@ export default class Button extends React.Component {
             return <a href={`${this.props.url}`} target={'_blank'} rel="noreferrer" className={'button button-'+this.props.class} aria-label={this.props.text} dangerouslySetInnerHTML={{__html: buttonTitle}}/>
         }
         else if(this.props.type === 'anchor'){
-            return <Link to={`${this.props.url}`} className={'button button-'+this.props.class} dangerouslySetInnerHTML={{__html: buttonTitle}}/>
+            return (
+            <AnchorLink to={`${this.props.url}`} className={'button button-'+this.props.class}>
+                {buttonTitle}
+            </AnchorLink>
+            )
         }
     }
 }
diff --git a/src/components/footer-box-2.js b/src/components/footer-box-2.js
new file mode 100644
index 000000000..d5a202928
--- /dev/null
+++ b/src/components/footer-box-2.js
@@ -0,0 +1,43 @@
+import * as React from "react";
+import { Link } from "gatsby";
+import { AnchorLink } from "gatsby-plugin-anchor-links";
+import Button from "../components/buttons/button";
+
+function FooterBox2({ footerBoxes2 }) {
+	return (
+		<div id="start-using-celestia" className='footer-boxes-2'>
+			<h2 className='footer-title'>Start using Celestia</h2>
+			<div className={"footer-box-wrapper"}>
+				{footerBoxes2 &&
+					footerBoxes2.map((box, index) => {
+						return (
+							<div key={index} className={"footer-box-2"}>
+								<div className={"footer-box-inner"}>
+									{/* <div className={"bg"} /> */}
+									<div className={"inner"}>
+										<div className={"title"}>{box.title}</div>
+										<div className={"text"}>{box.text}</div>
+										<div className={"footer-box-inner-bottom"}>
+											<div className='link-wrapper'>
+												{box.link.type === "internal" ? (
+													<Button type={"internal"} class={"external"} text={box.link.text} url={box.link.href} />
+												) : box.link.type === "anchor" ? (
+													<AnchorLink to={`${box.link.href}`} className={"button button-external"}>
+														{box.link.text} <i class='icon-external-link'></i>
+													</AnchorLink>
+												) : (
+													<Button type={"external"} class={"external"} text={box.link.text} url={box.link.href} />
+												)}
+											</div>
+										</div>
+									</div>
+								</div>
+							</div>
+						);
+					})}
+			</div>
+		</div>
+	);
+}
+
+export default FooterBox2;
diff --git a/src/components/footer.js b/src/components/footer.js
index 79f0b12a0..da6d65c27 100644
--- a/src/components/footer.js
+++ b/src/components/footer.js
@@ -1,221 +1,281 @@
-import * as React from "react"
-import { Link } from "gatsby"
+import * as React from "react";
+import { Link } from "gatsby";
+import addToMailchimp from "gatsby-plugin-mailchimp";
+import { AnchorLink } from "gatsby-plugin-anchor-links";
 
 import FooterBox from "../components/footer-box";
-import Discord from "./socials/discord";
-import Github from "./socials/github";
-import Email from "./socials/email";
-import Twitter from "./socials/twitter";
-import Youtube from "./socials/youtube";
-
-import addToMailchimp from 'gatsby-plugin-mailchimp'
-
-import ReactModal from 'react-modal'
-
-
-ReactModal.setAppElement('#___gatsby')
-
-const navigation = [
-    {
-        text: "Home",
-        url: "/",
-        type: 'internal'
-    },{
-        text: "Technology",
-        url: "/technology/",
-        type: 'internal'
-    },{
-        text: "Team",
-        url: "/team/",
-        type: 'internal'
-    },{
-        text: "Resources",
-        url: "/resources/",
-        type: 'internal'
-    },{
-        text: "Blog",
-        url: "https://blog.celestia.org",
-        type: 'external'
-    },{
-        text: "FAQ",
-        url: "/faq/",
-        type: 'internal'
-    },{
-        text: "Careers",
-        url: "/careers/",
-        type: 'internal'
-    },{
-        text: "Brand",
-        url: "https://company-223625.frontify.com/d/JoSwaZS4Mjpj",
-        type: 'external'
-    },{
-        text: "Press",
-        url: "/press/",
-        type: 'internal'
-    },{
-        text: "Forum",
-        url: "https://forum.celestia.org",
-        type: 'external'
-    },{
-        text: "Ecosystem Jobs",
-        url: "https://celestia.pallet.com/jobs",
-        type: 'external'
-    },{
-        text: "Terms of Service",
-        url: "/tos/",
-        type: 'internal'
-    },{
-        text: "Privacy Policy",
-        url: "/privacy/",
-        type: 'internal'
-    },
-]
+import FooterBox2 from "../components/footer-box-2";
+import ReactModal from "react-modal";
+
+ReactModal.setAppElement("#___gatsby");
+
+const navigation = {
+	column1: {
+		title: "Developers",
+		links: [
+			{
+				text: "Developer portal",
+				url: "/developer-portal",
+				type: "internal",
+			},
+			{
+				text: "Docs",
+				url: "https://docs.celestia.org/",
+				type: "external",
+			},
+			{
+				text: "Github",
+				url: "https://github.com/celestiaorg",
+				type: "external",
+			},
+		],
+	},
+	column2: {
+		title: "Resources",
+		links: [
+			{
+				text: "Technology",
+				url: "/technology",
+				type: "internal",
+			},
+			{
+				text: "Glossary",
+				url: "/glossary",
+				type: "internal",
+			},
+			{
+				text: "Blog",
+				url: "https://blog.celestia.org",
+				type: "external",
+			},
+			{
+				text: "Podcast",
+				url: "https://podcast.celestia.org/",
+				type: "external",
+			},
+			{
+				text: "Resources",
+				url: "/resources",
+				type: "internal",
+			},
+		],
+	},
+	column3: {
+		title: "Misc",
+		links: [
+			{
+				text: "Brand",
+				url: "https://company-223625.frontify.com/d/JoSwaZS4Mjpj",
+				type: "external",
+			},
+			{
+				text: "Press",
+				url: "/press/",
+				type: "internal",
+			},
+			{
+				text: "Ecosystem Jobs",
+				url: "https://celestia.pallet.com/jobs",
+				type: "external",
+			},
+			{
+				text: "Terms of Service",
+				url: "/tos/",
+				type: "internal",
+			},
+			{
+				text: "Privacy Policy",
+				url: "/privacy/",
+				type: "internal",
+			},
+		],
+	},
+};
 
 class Footer extends React.Component {
-    constructor(props) {
-        super(props);
-
-        this.state = {
-            email : '',
-            listFields : {
-                'group[57543]': '1'
-            },
-            isModalOpen: false,
-            popupTitle: '',
-            msg: ''
-        };
-    }
-    handleModalOpen = event => {
-        this.setState({ isModalOpen: true })
-        document.body.style.overflow = 'hidden';
-    }
-
-    handleModalClose = event => {
-        this.setState({ isModalOpen: false })
-        document.body.style.overflow = 'unset';
-    }
-
-
-    mailchimp(url){
-        addToMailchimp(this.state.email, this.state.listFields, url) // listFields are optional if you are only capturing the email address.
-            .then(data => {
-                this.setState({msg:data.msg});
-                if(data.result === 'error' && data.msg.includes("is already subscribed")){
-                    this.setState({success:true});
-                    this.setState({isModalOpen:true});
-                    this.setState({popupTitle:'Thank you!'});
-                    this.setState({msg:'Thank you for subscribing!'});
-                }else{
-                    if(data.result === 'success'){
-                        this.setState({success:true});
-                        this.setState({isModalOpen:true});
-                        this.setState({popupTitle:'Thank you!'});
-                        this.setState({msg:this.state.msg});
-                    }else{
-                        this.setState({isModalOpen:true});
-                        this.setState({popupTitle:'Error'});
-                    }
-                }
-                //console.log(data)
-            })
-            .catch(() => {
-            })
-    }
-
-    _handleSubmit = e => {
-        e.preventDefault();
-        const listFields = {};
-
-        listFields['group[57543][1]'] = 1
-
-        this.setState(prevState => ({
-            listFields
-        }),()=> {
-            if(this.state.email){
-                this.mailchimp('https://celestia.us6.list-manage.com/subscribe/post?u=cde2461ba84f5279fff352829&amp;id=8d165e36d3')
-            }
-        })
-    }
-
-
-    change = (e) => {
-        e.preventDefault();
-        this.setState({ email: e.target.value })
-    };
-
-    render() {
-        return (
-            <footer id={'footer'}>
-                <div className={'container'}>
-
-                    <FooterBox footerBoxes={this.props.FooterBoxes}/>
-
-                    <div className={'row py-5 mt-5'}>
-                        <div className={'col col-12 col-lg-4 pe-5'}>
-                            <div className={'title'}>Subscribe to our Newsletter</div>
-
-                            <form onSubmit={(e) => this._handleSubmit(e)} className={'needs-validation'}>
-                                <input type="email" id={'email'} className={'form-control'} onChange={(e) => this.change(e)} required/>
-                                <button type={'submit'} className={'button button-simple mt-3'}>Subscribe</button>
-                            </form>
-
-                        </div>
-                        <div className={'col col-12 col-lg-8 ps-3 pt-5 pt-lg-0 ps-lg-5'}>
-                            <div className={'row'}>
-                                <div className={'col col-12 col-sm-6 col-lg-6'}>
-                                    <div className={'col-title'}>Sitemap</div>
-                                    <nav>
-                                        <ul>
-                                            {navigation.map(link => (
-                                                <li key={`${link.url}`}>
-                                                    {link.type === 'external' ? <a href={`${link.url}`} target={'_blank'} rel={'noreferrer'}>{link.text}</a> : <Link to={`${link.url}`}>{link.text}</Link>}
-                                                </li>
-                                            ))}
-                                        </ul>
-                                    </nav>
-                                </div>
-                                <div className={'col col-12 col-sm-6 col-lg-6 align-right pt-5 pt-sm-0'}>
-                                    <div className={'col-title text-right'}>Follow us</div>
-                                    <div className={'socials'}>
-                                        <Discord url={'https://discord.com/invite/YsnTPcSfWQ'}/>
-                                        <Github url={'https://github.com/celestiaorg'}/>
-                                        <Email url={'https://t.me/CelestiaCommunity'}/>
-                                        <Twitter url={'https://twitter.com/CelestiaOrg'}/>
-                                        <Youtube url={'https://www.youtube.com/channel/UCLlvAEzXBFZ-P3zS6BF2Bjg'}/>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-
-                    <div className={'row justify-content-center'}>
-                        <div className={'col col-12 col-sm-6'}>
-                            <p>This website is maintained by Celestia Labs.</p>
-                        </div>
-                    </div>
-
-                    <div className={'row justify-content-center copyright'}>
-                        <div className={'col col-12 col-sm-6 text-center'}>
-                            <p>Website designed with <i className={'icon-heart'}/> by <a href="https://designatives.com">Designatives</a></p>
-                        </div>
-                    </div>
-
-
-                </div>
-                <ReactModal
-                    isOpen={this.state.isModalOpen}
-                >
-                    <div className={'inner'}>
-                        <h3 className={'text-center'}>{this.state.popupTitle}</h3>
-                        <div className={'text-center'} dangerouslySetInnerHTML={{
-                            __html: this.state.msg
-                        }}/>
-                        <button className={'close-button'} onClick={this.handleModalClose}><i className={'icon-close'} aria-label="Close"></i></button>
-                    </div>
-                </ReactModal>
-            </footer>
-        )
-    }
+	constructor(props) {
+		super(props);
+
+		this.state = {
+			email: "",
+			listFields: {
+				"group[57543]": "1",
+			},
+			isModalOpen: false,
+			popupTitle: "",
+			msg: "",
+		};
+	}
+	handleModalOpen = (event) => {
+		this.setState({ isModalOpen: true });
+		document.body.style.overflow = "hidden";
+	};
+
+	handleModalClose = (event) => {
+		this.setState({ isModalOpen: false });
+		document.body.style.overflow = "unset";
+	};
+
+	mailchimp(url) {
+		addToMailchimp(this.state.email, this.state.listFields, url) // listFields are optional if you are only capturing the email address.
+			.then((data) => {
+				this.setState({ msg: data.msg });
+				if (data.result === "error" && data.msg.includes("is already subscribed")) {
+					this.setState({ success: true });
+					this.setState({ isModalOpen: true });
+					this.setState({ popupTitle: "Thank you!" });
+					this.setState({ msg: "Thank you for subscribing!" });
+				} else {
+					if (data.result === "success") {
+						this.setState({ success: true });
+						this.setState({ isModalOpen: true });
+						this.setState({ popupTitle: "Thank you!" });
+						this.setState({ msg: this.state.msg });
+					} else {
+						this.setState({ isModalOpen: true });
+						this.setState({ popupTitle: "Error" });
+					}
+				}
+				//console.log(data)
+			})
+			.catch(() => {});
+	}
+
+	_handleSubmit = (e) => {
+		e.preventDefault();
+		const listFields = {};
+
+		listFields["group[57543][1]"] = 1;
+
+		this.setState(
+			(prevState) => ({
+				listFields,
+			}),
+			() => {
+				if (this.state.email) {
+					this.mailchimp("https://celestia.us6.list-manage.com/subscribe/post?u=cde2461ba84f5279fff352829&amp;id=8d165e36d3");
+				}
+			}
+		);
+	};
+
+	change = (e) => {
+		e.preventDefault();
+		this.setState({ email: e.target.value });
+	};
+
+	render() {
+		return (
+			<footer id={"footer"}>
+				<div className={"container"}>
+					{/* {this.props.FooterBoxes && <FooterBox footerBoxes={this.props.FooterBoxes}/>} */}
+                    {this.props.FooterBoxes2 && <FooterBox2 footerBoxes2={this.props.FooterBoxes2}/>}
+
+					<div className={"row py-5 mt-5"}>
+						<div className={"col col-12 col-lg-4 pe-5"}>
+							<div className={"title"}>Subscribe to our Newsletter</div>
+
+							<form onSubmit={(e) => this._handleSubmit(e)} className={"needs-validation"}>
+								<input
+									type='email'
+									id={"email"}
+									placeholder='mail@celestia.com'
+									className={"form-control"}
+									onChange={(e) => this.change(e)}
+									required
+								/>
+								<button type={"submit"} className={"button button-simple mt-3"}>
+									Subscribe
+								</button>
+							</form>
+						</div>
+						<div className={"col col-12 col-lg-8 ps-3 pt-5 pt-lg-0 ps-lg-5"}>
+							<div className={"row"}>
+								<div className={"col col-12 col-sm-9"}>
+									<nav>
+										<ul>
+											<label className={"col-title"}>{navigation.column1.title}</label>
+											{navigation.column1.links.map((link) => (
+												<li key={`${link.url}`}>
+													{link.type === "external" ? (
+														<a href={`${link.url}`} target={"_blank"} rel={"noreferrer"}>
+															{link.text}
+														</a>
+													) : (
+														<Link to={`${link.url}`}>{link.text}</Link>
+													)}
+												</li>
+											))}
+										</ul>
+										<ul>
+											<label className={"col-title"}>{navigation.column2.title}</label>
+											{navigation.column2.links.map((link) => (
+												<li key={`${link.url}`}>
+													{link.type === "external" ? (
+														<a href={`${link.url}`} target={"_blank"} rel={"noreferrer"}>
+															{link.text}
+														</a>
+													) : (
+														<Link to={`${link.url}`}>{link.text}</Link>
+													)}
+												</li>
+											))}
+										</ul>
+										<ul>
+											<label className={"col-title"}>{navigation.column3.title}</label>
+											{navigation.column3.links.map((link) => (
+												<li key={`${link.url}`}>
+													{link.type === "external" ? (
+														<a href={`${link.url}`} target={"_blank"} rel={"noreferrer"}>
+															{link.text}
+														</a>
+													) : (
+														<Link to={`${link.url}`}>{link.text}</Link>
+													)}
+												</li>
+											))}
+										</ul>
+									</nav>
+								</div>
+								<div className={"col col-12 col-sm-3 align-right"}>
+									<div className={"col-title text-right"}>Follow us</div>
+									<AnchorLink to={`/community`} className={"button button-footer"} stripHash>
+										Community
+									</AnchorLink>
+								</div>
+							</div>
+						</div>
+					</div>
+
+					<div className={"d-flex justify-content-center"}>
+						<div className={"col col-12 col-sm-6 d-flex flex-column align-items-center"}>
+							<p className="mb-4">
+								This website is maintained by Celestia Labs, trading name of Strange Loop Labs AG, Werdenbergerweg 11, 9490 Vaduz,
+								Liechtenstein.
+							</p>
+							<p className="credit">
+								Made with <i className={"icon-heart"} /> by <a href='https://designatives.com'>Designatives</a>
+							</p>
+						</div>
+					</div>
+				</div>
+				<ReactModal isOpen={this.state.isModalOpen}>
+					<div className={"inner"}>
+						<h3 className={"text-center"}>{this.state.popupTitle}</h3>
+						<div
+							className={"text-center"}
+							dangerouslySetInnerHTML={{
+								__html: this.state.msg,
+							}}
+						/>
+						<button className={"close-button"} onClick={this.handleModalClose}>
+							<i className={"icon-close"} aria-label='Close'></i>
+						</button>
+					</div>
+				</ReactModal>
+			</footer>
+		);
+	}
 }
 
-export default Footer
+export default Footer;
diff --git a/src/components/glossary-nav.js b/src/components/glossary-nav.js
index 1ce0be3e1..6adc372a4 100644
--- a/src/components/glossary-nav.js
+++ b/src/components/glossary-nav.js
@@ -28,7 +28,7 @@ const GlossaryNav = ({url}) => {
 
         return (
             <div>
-            {prev && next ? <div className={'row glossary-nav mt-5'}>
+            {prev && next ? <div className={'row glossary-nav pt-5 pt-md-0 mt-5'}>
                 <div className={'col col-12 col-md-6 border-right'}>
                     {prev && <Link to={'/glossary/'+prev.url+'/'} state={{url: prev.url}}>
                         <div className={'glossary'}>
diff --git a/src/components/header.js b/src/components/header.js
index b5a6fe4ba..c0148a22c 100644
--- a/src/components/header.js
+++ b/src/components/header.js
@@ -11,60 +11,32 @@ const navigation = [
         type: 'internal',
         submenus: [
             {
-                text: "What is Celestia",
+                text: "What is Celestia?",
                 subtext: "Start here",
                 url: "/what-is-celestia/",
                 icon: "menu/logo.svg",
                 type: 'internal'
             },
             {
-                text: "FAQ",
-                subtext: "Learn",
-                url: "/faq/",
-                icon: "menu/faq.svg",
-                type: 'internal'
-            },
-            {
-                text: "Read our blog",
-                subtext: "Celestia Blog",
-                url: "https://blog.celestia.org/",
-                icon: "menu/documentation.svg",
-                type: 'external'
-            },
-            {
-                text: "Technology",
-                subtext: "Tech",
-                url: "/technology/",
-                icon: "menu/technology-svg.svg",
-                type: 'internal'
-            },
-            {
-                text: "Learn Modular",
+                text: "Dive into modular",
                 subtext: "Dive deep",
                 url: "/learn/",
                 icon: "menu/books.svg",
                 type: 'internal'
             },
             {
-                text: "Glossary",
-                subtext: "Explore",
-                url: "/glossary/",
-                icon: "menu/search.svg",
+                text: "FAQ",
+                subtext: "Learn",
+                url: "/faq/",
+                icon: "menu/faq.svg",
                 type: 'internal'
             },
             {
-                text: "Videos, Podcasts, Whitepapers",
-                subtext: "Resources",
-                url: "/resources/",
-                icon: "menu/resources.svg",
+                text: "Read the whitepaper",
+                subtext: "Research paper",
+                url: "/faq/",
+                icon: "menu/research.svg",
                 type: 'internal'
-            },
-            {
-                text: "Podcast",
-                subtext: "Listen",
-                url: "https://podcast.celestia.org/",
-                icon: "menu/mic.svg",
-                type: 'external'
             }
         ]
     },{
@@ -79,53 +51,24 @@ const navigation = [
                 type: 'internal'
             },
             {
-                text: "Read our docs",
-                subtext: "Celestia Docs",
+                text: "Read the docs",
+                subtext: "Celestia Documentation",
                 url: "https://docs.celestia.org/",
                 icon: "menu/documentation.svg",
                 type: 'external'
             },
             {
-                text: "View our GitHub repos",
+                text: "View the GitHub repos",
                 subtext: "GitHub repositories",
                 url: "https://github.com/celestiaorg",
                 icon: "menu/github.svg",
                 type: 'external'
-            },
-            {
-                text: "Read the LazyLedger whitepaper",
-                subtext: "Research paper",
-                url: "https://arxiv.org/pdf/1905.09274.pdf",
-                icon: "menu/research.svg",
-                type: 'external'
-            },
+            }
         ]
     },{
-        text: "Explore",
-        url: "",
-        submenus: [
-            {
-                text: "Run a light node",
-                subtext: "Node operator",
-                url: "/run-a-light-node/",
-                icon: "menu/technology-svg.svg",
-                type: 'internal'
-            },
-            {
-                text: "Join the community",
-                subtext: "Social channels",
-                url: "/community/",
-                icon: "menu/forum.svg",
-                type: 'internal'
-            },
-            {
-                text: "Explore the ecosystem",
-                subtext: "Celestia ecosystem",
-                url: "/ecosystem/",
-                icon: "menu/careers.svg",
-                type: 'internal'
-            },
-        ]
+        text: "Run a node",
+        url: "/run-a-light-node/",
+        type: 'internal'
     },
 ]
 
diff --git a/src/components/layout.js b/src/components/layout.js
index 6d06065bc..e7c52ee2a 100644
--- a/src/components/layout.js
+++ b/src/components/layout.js
@@ -2,12 +2,12 @@ import React from "react";
 import Header from "./header";
 import Footer from "./footer";
 
-export default function Layout({ children, footerBoxes }) {
+export default function Layout({ children, footerBoxes, footerBoxes2 }) {
 	return (
 		<>
 			<Header />
 			{children}
-			<Footer FooterBoxes={footerBoxes} />
+			<Footer FooterBoxes={footerBoxes} FooterBoxes2={footerBoxes2} />
 		</>
 	);
 }
diff --git a/src/components/modules/anchorMenu.js b/src/components/modules/anchorMenu.js
index ebe1e0170..04028573c 100644
--- a/src/components/modules/anchorMenu.js
+++ b/src/components/modules/anchorMenu.js
@@ -1,5 +1,5 @@
 import * as React from "react"
-
+import { AnchorLink } from "gatsby-plugin-anchor-links";
 export default class AnchorMenu extends React.Component {
     render() {
         return <div className={'anchorMenu mt-4'}>
@@ -9,8 +9,7 @@ export default class AnchorMenu extends React.Component {
                         <tbody>
                             {this.props.anchors.map((anchor,index) => (
                                 <tr key={index}>
-                                    <td><a href={'#'+anchor.anchor}>{anchor.text} </a></td>
-                                    <td><a href={'#'+anchor.anchor}><i className={'icon-arrow-down ms-3'}/> </a></td>
+                                    <td><AnchorLink to={'#'+anchor.anchor} className="anchor-link" stripHash>{anchor.text} <i className={'icon-arrow-down ms-3'}/></AnchorLink></td>
                                 </tr>
                             ))}
                         </tbody>
diff --git a/src/components/modules/featured-learn.js b/src/components/modules/featured-learn.js
index 8a6ec1a7c..eeca53656 100644
--- a/src/components/modules/featured-learn.js
+++ b/src/components/modules/featured-learn.js
@@ -38,7 +38,7 @@ export default function FeaturedLearn(props) {
                                     const next = index === data.allMarkdownRemark.edges.length - 1 ? 0 : index+1;
 
                                     return (
-                                        <div className={'row pb-5 learn-modules learn-modules-footer smaller'}>
+                                        <div className={'row pb-md-5 learn-modules learn-modules-footer smaller'}>
                                             <div className={`col col-12 col-md-6 pt-5 prev order-2 order-md-1 ${next === 0 ? 'border-0' : ''}`}>
                                                 <LearnBox
                                                     type={'prev'}
diff --git a/src/components/modules/icon-card.js b/src/components/modules/icon-card.js
index 89aaf0ff1..7ab93ac65 100644
--- a/src/components/modules/icon-card.js
+++ b/src/components/modules/icon-card.js
@@ -1,6 +1,7 @@
 import React from "react";
 import Image from "../imageComponent";
 import { Link } from "gatsby";
+import Button from "../buttons/button";
 import { AnchorLink } from "gatsby-plugin-anchor-links";
 
 export default function IconCard({ imageClass, content, variant, iconPosition = "top", className }) {
@@ -17,19 +18,7 @@ export default function IconCard({ imageClass, content, variant, iconPosition =
 						<div className={"title"}>{content.title}</div>
 						{content.text && <div className={"text"}>{content.text}</div>}
 						<div className='link-wrapper'>
-							<Link className='link' to={`${content.link.url}`}>
-								{content.link.text}
-								<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'>
-									<path stroke='#7B2BF9' stroke-linecap='square' stroke-width='1.5' d='M3.61218 12.0721L11.0761 4.60823' />
-									<path
-										stroke='#7B2BF9'
-										stroke-linecap='square'
-										stroke-linejoin='bevel'
-										stroke-width='1.5'
-										d='M11.5254 11.0752V4.00413H4.45432'
-									/>
-								</svg>
-							</Link>
+							<Button type={"internal"} class={"external"} text={content.link.text} url={content.link.url} />
 						</div>
 					</div>
 				</div>
@@ -48,19 +37,7 @@ export default function IconCard({ imageClass, content, variant, iconPosition =
 						<div className={"title"}>{content.title}</div>
 						{content.text && <div className={"text"}>{content.text}</div>}
 						<div className='link-wrapper'>
-							<a className='link' href={content.link.url} target={"_blank"} rel={"noreferrer"} aria-label={content.text}>
-								{content.link.text}
-								<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'>
-									<path stroke='#7B2BF9' stroke-linecap='square' stroke-width='1.5' d='M3.61218 12.0721L11.0761 4.60823' />
-									<path
-										stroke='#7B2BF9'
-										stroke-linecap='square'
-										stroke-linejoin='bevel'
-										stroke-width='1.5'
-										d='M11.5254 11.0752V4.00413H4.45432'
-									/>
-								</svg>
-							</a>
+							<Button type={"external"} class={"external"} text={content.link.text} url={content.link.url} />
 						</div>
 					</div>
 				</div>
diff --git a/src/components/modules/toc.js b/src/components/modules/toc.js
index 600a595fc..aa92a978c 100644
--- a/src/components/modules/toc.js
+++ b/src/components/modules/toc.js
@@ -1,37 +1,19 @@
-import React, {useEffect} from "react"
+import React, { useState } from "react"
 import { AnchorLink } from "gatsby-plugin-anchor-links";
 
 const ToC = ({ headings, frontmatter }) => {
-    useEffect(() => {
-        const observer = new IntersectionObserver(entries => {
-            entries.forEach(entry => {
-                const id = entry.target.getAttribute('id');
-                if (document.querySelector(`.toc-item`)) {
-                    if (entry.intersectionRatio > 0 ) {
-                        document.querySelector(`.toc-item a[href*="#${id}"]`) && document.querySelector(`.toc-item a[href*="#${id}"]`).parentElement.classList.add('selected');
-                    } else {
-                        document.querySelector(`.toc-item a[href*="#${id}"]`) && document.querySelector(`.toc-item a[href*="#${id}"]`).parentElement.classList.remove('selected');
-                    }
-                }
-            });
-        });
-
-        // Track all sections that have an `id` applied
-        if(document.querySelector(`.toc-item`)){
-            document.querySelectorAll('h4[id]').forEach((section) => {
-                observer.observe(section);
-            });
-        }
+    const [selectedItem, setSelectedItem] = useState(0);
 
-        //});
-    }, []);
+    const handleItemClick = (index) => {
+        setSelectedItem(index);
+    }
 
     return (
         <div className={'toc-item'}>
             {headings.map((heading, index) => {
                 if (heading.depth === 4) {
                     return (
-                        <div key={index} className={index === 1 ? 'selected' : ''}>
+                        <div key={index} className={selectedItem === index ? 'selected' : ''} onClick={() => handleItemClick(index)}>
                             <AnchorLink to={`#${heading.id.replace(/\s+/g, "-").toLowerCase()}`}>
                                 {heading.value}
                             </AnchorLink>
@@ -43,4 +25,4 @@ const ToC = ({ headings, frontmatter }) => {
     );
 }
 
-export default ToC
+export default ToC
\ No newline at end of file
diff --git a/src/components/sections/backers-sections.js b/src/components/sections/backers-sections.js
index ce616240c..b025d424d 100644
--- a/src/components/sections/backers-sections.js
+++ b/src/components/sections/backers-sections.js
@@ -1,166 +1,203 @@
-import * as React from "react"
+import * as React from "react";
 import Backer from "../modules/backer";
-import Carousel from 'react-multi-carousel';
-import 'react-multi-carousel/lib/styles.css';
+import Carousel from "react-multi-carousel";
+import "react-multi-carousel/lib/styles.css";
 
-import {content} from "../../datas/home/content"
+import { content } from "../../datas/home/content";
 import Resource from "../modules/resource";
-import {resources} from "../../datas/home/resources";
+import { resources } from "../../datas/home/resources";
 import Button from "../buttons/button";
-import {videos} from "../../datas/resources/videos";
-import {podcasts} from "../../datas/resources/podcasts";
-import {whitepapers} from "../../datas/resources/whitepapers";
+import { videos } from "../../datas/resources/videos";
+import { podcasts } from "../../datas/resources/podcasts";
+import { whitepapers } from "../../datas/resources/whitepapers";
 
 const responsive = {
-    desktop: {
-        breakpoint: { max: 3000, min: 1024 },
-        items: 6,
-        slidesToSlide:3
-    },
-    laptop: {
-        breakpoint: { max: 1440, min: 640 },
-        items: 5,
-        slidesToSlide:3
-    },
-    tablet: {
-        breakpoint: { max: 1024, min: 464 },
-        items: 3,
-        slidesToSlide:3
-    },
-    mobile: {
-        breakpoint: { max: 640, min: 0 },
-        items: 1,
-        slidesToSlide:1
-    }
+	desktop: {
+		breakpoint: { max: 3000, min: 1024 },
+		items: 6,
+		slidesToSlide: 3,
+	},
+	laptop: {
+		breakpoint: { max: 1440, min: 640 },
+		items: 5,
+		slidesToSlide: 3,
+	},
+	tablet: {
+		breakpoint: { max: 1024, min: 464 },
+		items: 3,
+		slidesToSlide: 3,
+	},
+	mobile: {
+		breakpoint: { max: 640, min: 0 },
+		items: 1,
+		slidesToSlide: 1,
+	},
 };
 
-
 const ButtonGroup = ({ next, previous, goToSlide, ...rest }) => {
-    return (
-        <div className="carousel-button-group">
-            <button className={'button button button-left'} onClick={() => previous()}><i className={'icon-carousel-left'}/></button>
-            <button className={'button button button-right'} onClick={() => next()}><i className={'icon-carousel-right'}/></button>
-        </div>
-    );
+	return (
+		<div className='carousel-button-group'>
+			<button className={"button button button-left"} onClick={() => previous()}>
+				<i className={"icon-carousel-left"} />
+			</button>
+			<button className={"button button button-right"} onClick={() => next()}>
+				<i className={"icon-carousel-right"} />
+			</button>
+		</div>
+	);
 };
 
 export default class BackersSection extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = {
-            posts : []
-        };
-    }
-    async getPosts() {
-        try {
-            let response = await fetch('https://blog.celestia.org/ghost/api/v3/content/posts/?key=000cf34311006e070b17fffcfd&limit=5&fields=title,text,feature_image,url');
-            let responseJson = await response.json();
+	constructor(props) {
+		super(props);
+		this.state = {
+			posts: [],
+		};
+	}
+	async getPosts() {
+		try {
+			let response = await fetch(
+				"https://blog.celestia.org/ghost/api/v3/content/posts/?key=000cf34311006e070b17fffcfd&limit=5&fields=title,text,feature_image,url"
+			);
+			let responseJson = await response.json();
 
-            const blogPosts = [];
-            for (const [key, value] of Object.entries(responseJson.posts)) {
-                blogPosts.push({category:'blog', title:value.title, text: value.text, image: value.feature_image, url: value.url});
-            }
-            this.setState({posts:blogPosts})
-        } catch(error) {
-            console.error(error);
-        }
-    }
-    getContent(id){
-        var content = '';
-        switch (resources[id].category){
-            case "blog":
-                content = this.state.posts[resources[id].id];
-                break;
-            case "video":
-                content = videos[resources[id].id];
-                break;
-            case "podcast":
-                content = podcasts[resources[id].id];
-                break;
-            case "whitepaper":
-                content = whitepapers[resources[id].id];
-                break;
-            default:
-                content = resources[id];
-                break;
-        }
-        return content
-    }
-    componentDidMount() {
-        this.getPosts();
-    }
-    render() {
-        const self = this;
-        return (
-            <section id={this.props.id} className={this.props.enableBackers ? 'backers-section' : 'backers-section without-backers'}>
-                {this.props.enableBackers && <div className={'container'}>
-                    <h2 className={'with-decor mb-4'}>{content.backersSection.title}</h2>
-                    <div className={'subtitle mb-5'}>{content.backersSection.subtitle}</div>
+			const blogPosts = [];
+			for (const [key, value] of Object.entries(responseJson.posts)) {
+				blogPosts.push({ category: "blog", title: value.title, text: value.text, image: value.feature_image, url: value.url });
+			}
+			this.setState({ posts: blogPosts });
+		} catch (error) {
+			console.error(error);
+		}
+	}
+	getContent(id) {
+		var content = "";
+		switch (resources[id].category) {
+			case "blog":
+				content = this.state.posts[resources[id].id];
+				break;
+			case "video":
+				content = videos[resources[id].id];
+				break;
+			case "podcast":
+				content = podcasts[resources[id].id];
+				break;
+			case "whitepaper":
+				content = whitepapers[resources[id].id];
+				break;
+			default:
+				content = resources[id];
+				break;
+		}
+		return content;
+	}
+	componentDidMount() {
+		this.getPosts();
+	}
+	render() {
+		const self = this;
+		return (
+			<section id={this.props.id} className={this.props.enableBackers ? "backers-section" : "backers-section without-backers"}>
+				{this.props.enableBackers && (
+					<div className={"container"}>
+						<h2 className={"with-decor mb-4"}>{content.backersSection.title}</h2>
+						<div className={"subtitle mb-5"}>{content.backersSection.subtitle}</div>
 
-                    <div className={'carousel-inner'}>
-                        <Carousel className={'py-0'} responsive={responsive} swipable={true} draggable={false} infinite={true} autoPlay={false} containerClass={'multi-carousel'} customTransition={'1000ms all cubic-bezier(0.65, 0, 0.35, 1)'} arrows={false} renderButtonGroupOutside={true} customButtonGroup={<ButtonGroup />}>
-                            { self.props.backers && self.props.backers.map(function(backer,index){
-                                if(index %2 === 0){
-                                    const next = index + 1;
-                                    if(next < self.props.backers.length){
-                                        return <div><Backer key={index} data={backer}/><Backer key={next} data={self.props.backers[next]}/></div>
-                                    }else{
-                                        if(index <= self.props.backers.length){
-                                            return <div><Backer key={index} data={backer}/></div>
-                                        }
-                                    }
-                                }
-                            })}
-                            { self.props.backers && self.props.backers.map(function(backer,index){
-                                if(index %2 === 0){
-                                    const next = index + 1;
-                                    if(next < self.props.backers.length){
-                                        return <div><Backer key={index} data={backer}/><Backer key={next} data={self.props.backers[next]}/></div>
-                                    }else{
-                                        if(index <= self.props.backers.length){
-                                            return <div><Backer key={index} data={backer}/></div>
-                                        }
-                                    }
-                                }
-                            })}
-                        </Carousel>
-                    </div>
-                </div>}
+						<div className={"carousel-inner"}>
+							<Carousel
+								className={"py-0"}
+								responsive={responsive}
+								swipable={true}
+								draggable={false}
+								infinite={true}
+								autoPlay={false}
+								containerClass={"multi-carousel"}
+								customTransition={"1000ms all cubic-bezier(0.65, 0, 0.35, 1)"}
+								arrows={false}
+								renderButtonGroupOutside={true}
+								customButtonGroup={<ButtonGroup />}
+							>
+								{self.props.backers &&
+									self.props.backers.map(function (backer, index) {
+										if (index % 2 === 0) {
+											const next = index + 1;
+											if (next < self.props.backers.length) {
+												return (
+													<div>
+														<Backer key={index} data={backer} />
+														<Backer key={next} data={self.props.backers[next]} />
+													</div>
+												);
+											} else {
+												if (index <= self.props.backers.length) {
+													return (
+														<div>
+															<Backer key={index} data={backer} />
+														</div>
+													);
+												}
+											}
+										}
+									})}
+								{self.props.backers &&
+									self.props.backers.map(function (backer, index) {
+										if (index % 2 === 0) {
+											const next = index + 1;
+											if (next < self.props.backers.length) {
+												return (
+													<div>
+														<Backer key={index} data={backer} />
+														<Backer key={next} data={self.props.backers[next]} />
+													</div>
+												);
+											} else {
+												if (index <= self.props.backers.length) {
+													return (
+														<div>
+															<Backer key={index} data={backer} />
+														</div>
+													);
+												}
+											}
+										}
+									})}
+							</Carousel>
+						</div>
+					</div>
+				)}
 
-                <div className={'container pt-5 mt-5'}>
-                    <h2 className={'with-decor black'}>Blog</h2>
+				<div className={"container"}>
+					<h2 className={"with-decor black"}>Blog</h2>
 
-                    <div className={'row pt-lg-5'}>
-                        <div className={'row py-lg-5'}>
-                            <div className={'col col-12 col-lg-7 pe-xl-5 pt-5'}>
-                                <Resource type={'big'} data={this.getContent(0)}/>
-                            </div>
-                            <div className={'col col-12 col-lg-5 ps-3 ps-xl-3 pt-5 mt-n4'}>
-                                <div className={'row'}>
-                                    <div className={'col-12 col-md-6 col-lg-12'}>
-                                        <Resource type={'text'} data={this.getContent(1)}/>
-                                    </div>
-                                    <div className={'col-12 col-md-6 col-lg-12'}>
-                                        <Resource type={'text'} data={this.getContent(2)}/>
-                                    </div>
-                                    <div className={'col-12 col-md-6 col-lg-12'}>
-                                        <Resource type={'text'} data={this.getContent(3)}/>
-                                    </div>
-                                    <div className={'col-12 col-md-6 col-lg-12'}>
-                                        <Resource type={'text'} class={'no-border'} data={this.getContent(4)}/>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
+					<div className={"row"}>
+						<div className={"col col-12 col-lg-7 pe-xl-5 pt-4 pt-sm-5"}>
+							<Resource type={"big"} data={this.getContent(0)} />
+						</div>
+						<div className={"col col-12 col-lg-5 ps-3 ps-xl-3 pt-5 mt-n4"}>
+							<div className={"row"}>
+								<div className={"col-12 col-md-6 col-lg-12"}>
+									<Resource type={"text"} data={this.getContent(1)} />
+								</div>
+								<div className={"col-12 col-md-6 col-lg-12"}>
+									<Resource type={"text"} data={this.getContent(2)} />
+								</div>
+								<div className={"col-12 col-md-6 col-lg-12"}>
+									<Resource type={"text"} data={this.getContent(3)} />
+								</div>
+								<div className={"col-12 col-md-6 col-lg-12"}>
+									<Resource type={"text"} class={"no-border"} data={this.getContent(4)} />
+								</div>
+							</div>
+						</div>
+					</div>
 
-                    <div className={'row justify-content-end'}>
-                        <div className={'col-auto'}>
-                            <Button type={'external'} class={'external'} text={'View blog'} url={'https://blog.celestia.org'}/>
-                        </div>
-                    </div>
-                </div>
-            </section>
-        )
-    }
+					<div className={"row justify-content-end"}>
+						<div className={"col-auto"}>
+							<Button type={"external"} class={"external"} text={"View blog"} url={"https://blog.celestia.org"} />
+						</div>
+					</div>
+				</div>
+			</section>
+		);
+	}
 }
diff --git a/src/datas/careers/seoContent.js b/src/datas/careers/seoContent.js
index c1d1cb167..9c936f4eb 100644
--- a/src/datas/careers/seoContent.js
+++ b/src/datas/careers/seoContent.js
@@ -1,5 +1,5 @@
 export const seoContent = {
-	title: "Celestia - Careers",
+	title: "Careers | celestia.org",
 	ogTitle: "Careers | celestia.org",
 	description: "Join our team of leading engineers, researchers, and entrepreneurs in pioneering the first modular blockchain design.",
     image: "/celestia-default-og-image.jpg",
diff --git a/src/datas/community/seoContent.js b/src/datas/community/seoContent.js
index 0592e797b..ec291f73d 100644
--- a/src/datas/community/seoContent.js
+++ b/src/datas/community/seoContent.js
@@ -1,5 +1,5 @@
 export const seoContent = {
-	title: "Celestia - Community",
+	title: "Community | celestia.org",
 	ogTitle: "Community | celestia.org",
 	description: "Discover community hubs, discussion forums, and resources that are used by the global Celestia community.",
     image: "/celestia-default-og-image.jpg",
diff --git a/src/datas/developer-portal/frameworks.js b/src/datas/developer-portal/frameworks.js
index 2e8e2279c..ef831e8b1 100644
--- a/src/datas/developer-portal/frameworks.js
+++ b/src/datas/developer-portal/frameworks.js
@@ -10,7 +10,7 @@ export const frameworks = {
 			type: "external",
 			link: {
 				text:"Explore Caldera",
-				url: "https://docs.celestia.org/developers/taro-testnet/",
+				url: "https://calderaxyz.gitbook.io/caldera-documentation/getting-started/create-a-mainnet-chain",
 			},
 		},
         	{
diff --git a/src/datas/developer-portal/seoContent.js b/src/datas/developer-portal/seoContent.js
index 341353f1f..6b11af93d 100644
--- a/src/datas/developer-portal/seoContent.js
+++ b/src/datas/developer-portal/seoContent.js
@@ -1,5 +1,5 @@
 export const seoContent = {
-	title: "Celestia - Developer Portal",
+	title: "Developer Portal | celestia.org",
 	ogTitle: "Developer Portal | celestia.org",
 	description: "The homepage for Celestia developers. Tutorials. Resources. Community.",
     image: "/developer-portal-og-image.jpg",
diff --git a/src/datas/ecosystem/seoContent.js b/src/datas/ecosystem/seoContent.js
index 26e857c0b..2b8ea09a4 100644
--- a/src/datas/ecosystem/seoContent.js
+++ b/src/datas/ecosystem/seoContent.js
@@ -1,5 +1,5 @@
 export const seoContent = {
-	title: "Celestia - Ecosystem",
+	title: "Ecosystem | celestia.org",
 	ogTitle: "Ecosystem | celestia.org",
 	description: "Celestia Ecosystem provides a wide range of apps and services built in the Celestia ecosystem.",
     image: "/ecosystem-og-image.jpg",
diff --git a/src/datas/faq/seoContent.js b/src/datas/faq/seoContent.js
index e096ed2c6..9aab87a19 100644
--- a/src/datas/faq/seoContent.js
+++ b/src/datas/faq/seoContent.js
@@ -1,5 +1,5 @@
 export const seoContent = {
-	title: "Celestia - FAQ",
+	title: "FAQ | celestia.org",
 	ogTitle: "FAQ | celestia.org",
 	description: "Find answers to frequently asked questions about Celestia.",
     image: "/celestia-default-og-image.jpg",
diff --git a/src/datas/glossary/seoContent.js b/src/datas/glossary/seoContent.js
index 57c979c42..abca5f802 100644
--- a/src/datas/glossary/seoContent.js
+++ b/src/datas/glossary/seoContent.js
@@ -1,5 +1,5 @@
 export const seoContent = {
-	title: "Celestia - Glossary",
+	title: "Glossary | celestia.org",
 	ogTitle: "Glossary | celestia.org",
 	description: "Explore new terms about Celestia and modular blockchains.",
     image: "/celestia-default-og-image.jpg",
diff --git a/src/datas/home/advantages.js b/src/datas/home/advantages.js
index fbd587c00..511a5d9ec 100644
--- a/src/datas/home/advantages.js
+++ b/src/datas/home/advantages.js
@@ -1,7 +1,7 @@
 export const advantages = [
     {
         id: '1',
-        title: 'Build',
+        title: 'Deploy Fast',
         text: 'Deploy your own blockchain in minutes, as easily as a smart contract',
         image: 'advantages/advantage-1.png',
     },{
@@ -16,7 +16,7 @@ export const advantages = [
         image: 'advantages/advantage-3.png',
     },{
         id: '4',
-        title: 'Sovereign',
+        title: 'Be Sovereign',
         text: 'Build <a href="https://celestia.org/glossary/sovereign-rollup/">sovereign rollups</a>, a new type of self-governing blockchain with minimal platform risk',
         image: 'advantages/advantage-4.png',
     },
diff --git a/src/datas/home/explore-celestia.js b/src/datas/home/explore-celestia.js
new file mode 100644
index 000000000..fa62b4a61
--- /dev/null
+++ b/src/datas/home/explore-celestia.js
@@ -0,0 +1,18 @@
+export const exploreCelestia = [
+    {
+        title: 'Explore the ecosystem',
+        text: "Explore Celestia’s ecosystem of rollups and modular infrastructure",
+        image: 'home/explore-1.png',
+        link: "/ecosystem",
+    },{
+        title: 'Use TIA',
+        text: 'Pay for blobspace, secure the network, and participate in governance',
+        image: 'home/explore-2.png',
+        link: "/what-is-tia",
+    },{
+        title: 'Run a light node',
+        text: 'Join the first modular data availability network in as little as 2 clicks',
+        image: 'home/explore-3.png',
+        link: "/run-a-light-node",
+    }
+]
diff --git a/src/datas/home/hero-section.js b/src/datas/home/hero-section.js
index 35f61956c..4c90c5c9f 100644
--- a/src/datas/home/hero-section.js
+++ b/src/datas/home/hero-section.js
@@ -3,16 +3,16 @@ export const heroData = {
     text: 'Celestia is a modular consensus and data network, built to enable anyone to easily deploy their own blockchain with minimal overhead.',
     buttons:[
             {
-                text: 'Learn Celestia',
+                text: 'Build modular',
                 class: 'simple',
                 type: 'internal',
-                url: '/what-is-celestia/'
+                url: '/developer-portal/'
             },
             {
-                text: 'Build modular',
+                text: 'Explore',
                 class: 'white',
-                type: 'internal',
-                url: '/developer-portal/'
+                type: 'anchor',
+                url: '/#explore-celestia'
             }
         ]
 }
diff --git a/src/datas/home/seoContent.js b/src/datas/home/seoContent.js
index d58fce689..f2e8f852d 100644
--- a/src/datas/home/seoContent.js
+++ b/src/datas/home/seoContent.js
@@ -1,5 +1,5 @@
 export const seoContent = {
-	title: "Celestia - Home",
+	title: "Home | celestia.org",
 	ogTitle: "Home | celestia.org",
 	description: "Celestia is a modular consensus and data network, built to enable anyone to easily deploy their own blockchain with minimal overhead.",
     image: "/celestia-default-og-image.jpg",
diff --git a/src/datas/home/social-channels.js b/src/datas/home/social-channels.js
new file mode 100644
index 000000000..9619738ae
--- /dev/null
+++ b/src/datas/home/social-channels.js
@@ -0,0 +1,54 @@
+export const socialChannels = {
+	title: "Social channels",
+	description: "Communication channels for the community, discussions, updates, and news.",
+	items: [
+        {
+			id: 1,
+			title: "X",
+			text: "Read the latest",
+			image: "home/twitter-black.png",
+			type: "external",
+			url: "https://twitter.com/CelestiaOrg",
+		},
+        {
+			id: 2,
+			title: "Discord",
+			text: "Get involved",
+			image: "home/discord-black.png",
+			type: "external",
+			url: "https://discord.com/invite/YsnTPcSfWQ",
+		},
+		{
+			id: 3,
+			title: "Github",
+			text: "Build with us",
+			image: "home/github-black.png",
+			type: "external",
+			url: "https://github.com/celestiaorg",
+		},
+		{
+			id: 4,
+			title: "Telegram",
+			text: "Join discussion",
+			image: "home/telegram-black.png",
+			type: "external",
+			url: "https://t.me/CelestiaCommunity",
+		},
+        	{
+			id: 5,
+			title: "Forum",
+			text: "Read Updates",
+			image: "home/forum-black.png",
+			type: "external",
+			url: "https://forum.celestia.org/",
+		},
+		{
+			id: 6,
+			title: "Reddit",
+			text: "See more",
+			image: "home/reddit-black.png",
+			type: "external",
+			url: "https://www.reddit.com/r/CelestiaNetwork/",
+		},
+	],
+};
diff --git a/src/datas/press/seoContent.js b/src/datas/press/seoContent.js
index 6bffbb050..d149bfd30 100644
--- a/src/datas/press/seoContent.js
+++ b/src/datas/press/seoContent.js
@@ -1,5 +1,5 @@
 export const seoContent = {
-	title: "Celestia - Press",
+	title: "Press | celestia.org",
 	ogTitle: "Press | celestia.org",
 	description: "Find branding, news, social channels, and press contacts.",
     image: "/celestia-default-og-image.jpg",
diff --git a/src/datas/resources/seoContent.js b/src/datas/resources/seoContent.js
index bc0dba6f6..95fc2dd2f 100644
--- a/src/datas/resources/seoContent.js
+++ b/src/datas/resources/seoContent.js
@@ -1,5 +1,5 @@
 export const seoContent = {
-	title: "Celestia - Resources",
+	title: "Resources | celestia.org",
 	ogTitle: "Resources | celestia.org",
 	description: "Explore blog posts, podcasts episodes, YouTube videos, and research papers about the Celestia network.",
     image: "/celestia-default-og-image.jpg",
diff --git a/src/datas/team/content.js b/src/datas/team/content.js
index 72cc2f276..76e8e5192 100644
--- a/src/datas/team/content.js
+++ b/src/datas/team/content.js
@@ -1,7 +1,7 @@
 export const content = {
         title : 'Meet the team',
-        subtitle: 'We\'re building the Celestia network',
-        text: 'Our team has deep experience building and scaling blockchains from projects like Ethereum, Cosmos and Harmony.<br/><br/>We are on a mission to change the way that blockchains and decentralized applications are built—making them more secure, scalable and sovereign. We envision a world where global communities have the power to self-organize without being burdened by existing power structures.',
+        subtitle: '',
+        text: 'We are on a mission to change the way that blockchains and decentralized applications are built—making them more secure, scalable and sovereign. We envision a world where global communities have the power to self-organize without being burdened by existing power structures.',
         menus: [
             {
                 id : 'team',
diff --git a/src/datas/team/seoContent.js b/src/datas/team/seoContent.js
index 0d240bfe4..fd294b0fe 100644
--- a/src/datas/team/seoContent.js
+++ b/src/datas/team/seoContent.js
@@ -1,5 +1,5 @@
 export const seoContent = {
-	title: "Celestia - Team",
+	title: "Team | celestia.org",
 	ogTitle: "Team | celestia.org",
 	description: "Meet the team building the Celestia network.",
     image: "/celestia-default-og-image.jpg",
diff --git a/src/datas/technology/seoContent.js b/src/datas/technology/seoContent.js
index d452f02f0..106626617 100644
--- a/src/datas/technology/seoContent.js
+++ b/src/datas/technology/seoContent.js
@@ -1,5 +1,5 @@
 export const seoContent = {
-	title: "Celestia - Technology",
+	title: "Technology | celestia.org",
 	ogTitle: "Technology | celestia.org",
 	description: "Learn about the core technology powering Celestia's new modular blockchain architecture.",
     image: "/celestia-default-og-image.jpg",
diff --git a/src/datas/what-is-celestia/content.js b/src/datas/what-is-celestia/content.js
index 8949e599c..33f857205 100644
--- a/src/datas/what-is-celestia/content.js
+++ b/src/datas/what-is-celestia/content.js
@@ -1,22 +1,22 @@
-export const FooterBoxes = [
+export const FooterBoxes2 = [
     {
-        title: 'Experiment with testnet',
-        text: 'Join a growing ecosystem of developers building rollups and applications on the Mocha testnet.',
-        button: {
-            text: 'Get started',
-            href: 'https://docs.celestia.org/',
-            id: 'operator',
-            type: 'simple'
+        title: 'Build your app',
+        text: 'Deploy your own chain or smart contract on Celestia’s public testnets',
+        link: {
+            text: 'Find your best option',
+            href: '/developer-portal/',
+            type: 'internal',
+            id: 'build',
         }
     },
     {
-        title: 'Join our growing team',
-        text: 'Join our team of leading engineers in pioneering the first modular blockchain network.',
-        button: {
-            text: 'Current openings',
-            href: '/careers',
-            id: 'career',
-            type: 'simple'
+        title: 'Explore what you can do',
+        text: 'Go through Celestia’s world of apps, run your own node, learn about TIA, or even do all three!',
+        link: {
+            text: 'Show me',
+            href: '/#explore-celestia',
+            type: 'anchor',
+            id: 'explore',
         }
     }
 ]
diff --git a/src/datas/what-is-celestia/seoContent.js b/src/datas/what-is-celestia/seoContent.js
index 69da9fc43..d53c9d23b 100644
--- a/src/datas/what-is-celestia/seoContent.js
+++ b/src/datas/what-is-celestia/seoContent.js
@@ -1,5 +1,5 @@
 export const seoContent = {
-	title: "Celestia - What is Celestia?",
+	title: "What is Celestia? | celestia.org",
 	ogTitle: "What is Celestia? | celestia.org",
 	description: "A complete beginner's guide to how Celestia works, its key benefits, and how anyone in the world will be able to create their own blockchain in minutes.",
     image: "/what-is-celestia-og-image.jpg",
diff --git a/src/datas/what-is-celestia/toc.js b/src/datas/what-is-celestia/toc.js
new file mode 100644
index 000000000..4d71c3502
--- /dev/null
+++ b/src/datas/what-is-celestia/toc.js
@@ -0,0 +1,37 @@
+export const tableOfContent = [
+	{
+		depth: 1,
+		id: "what-is-a-modular-blockchain",
+		value: "What is a modular blockchain?",
+	},
+	{
+		depth: 1,
+		id: "what-is-data-availability",
+		value: "What is data availability?",
+	},
+	{
+		depth: 1,
+		id: "what-are-rollups",
+		value: "What are rollups?",
+	},
+	{
+		depth: 1,
+		id: "whats-it-like-to-build-on-Celestia",
+		value: "What's it like to build on Celestia?",
+	},
+	{
+		depth: 1,
+		id: "modularism-not-maximalism",
+		value: "Modularism, not maximalism",
+	},
+	{
+		depth: 1,
+		id: "layer-0-social-consensus",
+		value: "Layer 0 social consensus",
+	},
+	{
+		depth: 1,
+		id: "start-using-celestia",
+		value: "Start using Celestia",
+	},
+];
diff --git a/src/datas/what-is-tia/content.js b/src/datas/what-is-tia/content.js
new file mode 100644
index 000000000..72c3b7015
--- /dev/null
+++ b/src/datas/what-is-tia/content.js
@@ -0,0 +1,21 @@
+export const FooterBoxes = [
+    {
+        title: 'Join our growing ecosystem',
+        text: 'View job openings and career opportunities in the Celestia ecosystem.',
+        button: {
+            text: 'Current openings',
+            href: 'https://celestia.pallet.com/jobs',
+            id: 'operator',
+            type: 'simple'
+        }
+    },{
+        title: 'Build on our developer beta',
+        text: 'Join a growing modular ecosystem of developers building on testnet.',
+        button: {
+            text: 'Get started',
+            href: '/developer-portal/',
+            id: 'operator',
+            type: 'simple'
+        }
+    }
+]
diff --git a/src/datas/what-is-tia/hero-data.js b/src/datas/what-is-tia/hero-data.js
new file mode 100644
index 000000000..8fb015f50
--- /dev/null
+++ b/src/datas/what-is-tia/hero-data.js
@@ -0,0 +1,18 @@
+export const heroData = {
+	title: "What is TIA?",
+	text: "Learn about TIA, the native token of the Celestia blockchain.",
+	buttons: [
+		{
+			text: "Pay for Data",
+			class: "simple",
+			type: "external",
+			url: "https://docs.celestia.org/learn/submit-data",
+		},
+		{
+			text: "Stake TIA",
+			class: "white",
+			type: "anchor",
+			url: "staking-and-custody",
+		}
+	],
+};
diff --git a/src/datas/what-is-tia/role.js b/src/datas/what-is-tia/role.js
new file mode 100644
index 000000000..5b829a6a0
--- /dev/null
+++ b/src/datas/what-is-tia/role.js
@@ -0,0 +1,45 @@
+export const role = {
+	title: "TIA's role in Celestia",
+	items: [
+		{
+			id: 1,
+			title: "Pay for blobspace",
+			text: "Rollups pay to publish data to Celestia’s blobspace using TIA.",
+			image: "what-is-tia/what-is-tia-role-1.png",
+			links: [
+				{
+					text: "Create wallet with celestia-node",
+					url: "https://docs.celestia.org/developers/celestia-node-key/",
+					type: "external",
+				},
+				{
+					text: "Learn more",
+					url: "https://docs.celestia.org/learn/submit-data/",
+					type: "external",
+				},
+			],
+		},
+		{
+			id: 2,
+			title: "Secure the network",
+			text: "Users stake TIA to participate in consensus and secure Celestia.",
+			image: "what-is-tia/what-is-tia-role-2.png",
+			type: "external",
+			links: [
+				{
+					text: "View documentation",
+					url: "https://docs.celestia.org/learn/tia",
+					type: "external",
+				},
+			],
+		},
+		{
+			id: 3,
+			title: "Gas token for rollups",
+			text: "Developers can use TIA as a gas token for their rollups.",
+			image: "what-is-tia/what-is-tia-role-3.png",
+			type: "external",
+			links: [],
+		},
+	],
+};
diff --git a/src/datas/what-is-tia/seoContent.js b/src/datas/what-is-tia/seoContent.js
new file mode 100644
index 000000000..a40c4c8df
--- /dev/null
+++ b/src/datas/what-is-tia/seoContent.js
@@ -0,0 +1,5 @@
+export const seoContent = {
+	title: "What is TIA? | celestia.org",
+	description: "Learn about TIA, the native token of the Celestia blockchain.",
+    image: "",
+};
diff --git a/src/datas/what-is-tia/wallets.js b/src/datas/what-is-tia/wallets.js
new file mode 100644
index 000000000..f0f749cae
--- /dev/null
+++ b/src/datas/what-is-tia/wallets.js
@@ -0,0 +1,42 @@
+export const wallets = {
+	title: "Wallets",
+        details: "",
+	items: [
+		{
+			id: 1,
+			title: "Keplr Wallet",
+            		device: ["IOS", "Android", "Desktop"],
+			image: "what-is-tia/kepler-icon.jpg",
+            		backdropClass: "opacity-50",
+           		url: "https://www.keplr.app/",
+			type: "external",
+		},
+		{
+			id: 2,
+			title: "Cosmostation",
+            		device: ["IOS", "Android", "Desktop"],
+			image: "what-is-tia/cosmostation-icon.jpg",
+            		backdropClass: "opacity-100",
+            		url: "https://cosmostation.io/products/cosmostation_extension",
+			type: "external",
+		},
+		{
+			id: 3,
+			title: "Leap",
+			device: ["IOS", "Android", "Desktop"],
+			image: "what-is-tia/leap-icon.jpg",
+            		backdropClass: "opacity-100",
+            		url: "https://www.leapwallet.io/",
+			type: "external",
+		},
+		{
+			id: 4,
+			title: "Ledger",
+			device: ["IOS", "Android", "Desktop"],
+			image: "what-is-tia/ledger-icon.jpg",
+            		backdropClass: "opacity-50",
+            		url: "https://www.ledger.com/",
+			type: "external",
+		},
+	],
+};
diff --git a/src/images/celestia-monolithic-modular-diagram.png b/src/images/celestia-monolithic-modular-diagram.png
new file mode 100644
index 000000000..1c82c235d
Binary files /dev/null and b/src/images/celestia-monolithic-modular-diagram.png differ
diff --git a/src/images/footer-box2-1.png b/src/images/footer-box2-1.png
new file mode 100644
index 000000000..80da296a8
Binary files /dev/null and b/src/images/footer-box2-1.png differ
diff --git a/src/images/footer-box2-1.svg b/src/images/footer-box2-1.svg
new file mode 100644
index 000000000..32d350b0f
--- /dev/null
+++ b/src/images/footer-box2-1.svg
@@ -0,0 +1,9 @@
+<svg width="200" height="188" viewBox="0 0 200 188" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect y="-85" width="291" height="273" fill="url(#pattern0)"/>
+<defs>
+<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_395_3128" transform="scale(0.00240385 0.00254453)"/>
+</pattern>
+<image id="image0_395_3128" width="416" height="393" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>
diff --git a/src/images/footer-box2-2.png b/src/images/footer-box2-2.png
new file mode 100644
index 000000000..ac5a74e61
Binary files /dev/null and b/src/images/footer-box2-2.png differ
diff --git a/src/images/footer-box2-2.svg b/src/images/footer-box2-2.svg
new file mode 100644
index 000000000..ed1c3dc8c
--- /dev/null
+++ b/src/images/footer-box2-2.svg
@@ -0,0 +1,17 @@
+<svg width="162" height="165" viewBox="0 0 162 165" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect opacity="0.465751" y="-64" width="227.925" height="229" fill="url(#pattern0)"/>
+<rect opacity="0.465751" y="-64" width="227.925" height="229" fill="url(#pattern1)"/>
+<rect opacity="0.465751" y="-64" width="227.925" height="229" fill="url(#pattern2)"/>
+<defs>
+<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_395_3115" transform="scale(0.00332226 0.00331126)"/>
+</pattern>
+<pattern id="pattern1" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_395_3115" transform="scale(0.00332226 0.00331126)"/>
+</pattern>
+<pattern id="pattern2" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_395_3115" transform="scale(0.00332226 0.00331126)"/>
+</pattern>
+<image id="image0_395_3115" width="301" height="302" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>
diff --git a/src/images/home/discord-black.png b/src/images/home/discord-black.png
new file mode 100644
index 000000000..2e9c2a21e
Binary files /dev/null and b/src/images/home/discord-black.png differ
diff --git a/src/images/home/explore-1.png b/src/images/home/explore-1.png
new file mode 100644
index 000000000..719c48b40
Binary files /dev/null and b/src/images/home/explore-1.png differ
diff --git a/src/images/home/explore-2.png b/src/images/home/explore-2.png
new file mode 100644
index 000000000..f5cba1f8a
Binary files /dev/null and b/src/images/home/explore-2.png differ
diff --git a/src/images/home/explore-3.png b/src/images/home/explore-3.png
new file mode 100644
index 000000000..2d4d910fa
Binary files /dev/null and b/src/images/home/explore-3.png differ
diff --git a/src/images/home/forum-black.png b/src/images/home/forum-black.png
new file mode 100644
index 000000000..da6a6b0ec
Binary files /dev/null and b/src/images/home/forum-black.png differ
diff --git a/src/images/home/github-black.png b/src/images/home/github-black.png
new file mode 100644
index 000000000..b731d1fd0
Binary files /dev/null and b/src/images/home/github-black.png differ
diff --git a/src/images/home/modular-meetup.jpg b/src/images/home/modular-meetup.jpg
new file mode 100644
index 000000000..9862897fe
Binary files /dev/null and b/src/images/home/modular-meetup.jpg differ
diff --git a/src/images/home/modular-summit-2023.jpg b/src/images/home/modular-summit-2023.jpg
new file mode 100644
index 000000000..8f0b0cdae
Binary files /dev/null and b/src/images/home/modular-summit-2023.jpg differ
diff --git a/src/images/home/reddit-black.png b/src/images/home/reddit-black.png
new file mode 100644
index 000000000..e331a10cb
Binary files /dev/null and b/src/images/home/reddit-black.png differ
diff --git a/src/images/home/telegram-black.png b/src/images/home/telegram-black.png
new file mode 100644
index 000000000..874065e31
Binary files /dev/null and b/src/images/home/telegram-black.png differ
diff --git a/src/images/home/twitter-black.png b/src/images/home/twitter-black.png
new file mode 100644
index 000000000..ea2bbc5c5
Binary files /dev/null and b/src/images/home/twitter-black.png differ
diff --git a/src/images/home/x-caption-logo.jpg b/src/images/home/x-caption-logo.jpg
new file mode 100644
index 000000000..29e33a7e4
Binary files /dev/null and b/src/images/home/x-caption-logo.jpg differ
diff --git a/src/images/home/x-caption-logo.png b/src/images/home/x-caption-logo.png
new file mode 100644
index 000000000..c1478d0bb
Binary files /dev/null and b/src/images/home/x-caption-logo.png differ
diff --git a/src/images/what-is-celestia/celestia-data-availability.png b/src/images/what-is-celestia/celestia-data-availability.png
new file mode 100644
index 000000000..3d39313dd
Binary files /dev/null and b/src/images/what-is-celestia/celestia-data-availability.png differ
diff --git a/src/images/what-is-celestia/celestia-infographics-paths.png b/src/images/what-is-celestia/celestia-infographics-paths.png
index 2cc8fa302..1efc8281f 100644
Binary files a/src/images/what-is-celestia/celestia-infographics-paths.png and b/src/images/what-is-celestia/celestia-infographics-paths.png differ
diff --git a/src/images/what-is-celestia/celestia-modular.png b/src/images/what-is-celestia/celestia-modular.png
new file mode 100644
index 000000000..1c82c235d
Binary files /dev/null and b/src/images/what-is-celestia/celestia-modular.png differ
diff --git a/src/images/what-is-celestia/celestia-modularizm.png b/src/images/what-is-celestia/celestia-modularizm.png
new file mode 100644
index 000000000..4589796b6
Binary files /dev/null and b/src/images/what-is-celestia/celestia-modularizm.png differ
diff --git a/src/images/what-is-celestia/celestia-monolithic-modular-diagram.png b/src/images/what-is-celestia/celestia-monolithic-modular-diagram.png
deleted file mode 100644
index 5a7a3e5ea..000000000
Binary files a/src/images/what-is-celestia/celestia-monolithic-modular-diagram.png and /dev/null differ
diff --git a/src/images/what-is-celestia/celestia-what-are-rollups.png b/src/images/what-is-celestia/celestia-what-are-rollups.png
new file mode 100644
index 000000000..e41e6d3ad
Binary files /dev/null and b/src/images/what-is-celestia/celestia-what-are-rollups.png differ
diff --git a/src/images/what-is-celestia/celestia-what-is-diagram.png b/src/images/what-is-celestia/celestia-what-is-diagram.png
deleted file mode 100644
index 15ef6ed2b..000000000
Binary files a/src/images/what-is-celestia/celestia-what-is-diagram.png and /dev/null differ
diff --git a/src/images/what-is-celestia/celestia-what-is-modular.png b/src/images/what-is-celestia/celestia-what-is-modular.png
new file mode 100644
index 000000000..ddd981551
Binary files /dev/null and b/src/images/what-is-celestia/celestia-what-is-modular.png differ
diff --git a/src/images/what-is-celestia/web-celestia-diagram.png b/src/images/what-is-celestia/web-celestia-diagram.png
deleted file mode 100644
index acc56914b..000000000
Binary files a/src/images/what-is-celestia/web-celestia-diagram.png and /dev/null differ
diff --git a/src/images/what-is-tia/cosmostation-backdrop.jpg b/src/images/what-is-tia/cosmostation-backdrop.jpg
new file mode 100644
index 000000000..a856d00be
Binary files /dev/null and b/src/images/what-is-tia/cosmostation-backdrop.jpg differ
diff --git a/src/images/what-is-tia/cosmostation-icon.jpg b/src/images/what-is-tia/cosmostation-icon.jpg
new file mode 100644
index 000000000..6e875a1f9
Binary files /dev/null and b/src/images/what-is-tia/cosmostation-icon.jpg differ
diff --git a/src/images/what-is-tia/kepler-backdrop.jpg b/src/images/what-is-tia/kepler-backdrop.jpg
new file mode 100644
index 000000000..d855d0c7e
Binary files /dev/null and b/src/images/what-is-tia/kepler-backdrop.jpg differ
diff --git a/src/images/what-is-tia/kepler-icon.jpg b/src/images/what-is-tia/kepler-icon.jpg
new file mode 100644
index 000000000..67bfafb3d
Binary files /dev/null and b/src/images/what-is-tia/kepler-icon.jpg differ
diff --git a/src/images/what-is-tia/leap-icon.jpg b/src/images/what-is-tia/leap-icon.jpg
new file mode 100644
index 000000000..451b68f12
Binary files /dev/null and b/src/images/what-is-tia/leap-icon.jpg differ
diff --git a/src/images/what-is-tia/ledger-icon.jpg b/src/images/what-is-tia/ledger-icon.jpg
new file mode 100644
index 000000000..043878a09
Binary files /dev/null and b/src/images/what-is-tia/ledger-icon.jpg differ
diff --git a/src/images/what-is-tia/what-is-tia-1.png b/src/images/what-is-tia/what-is-tia-1.png
new file mode 100644
index 000000000..483dccb16
Binary files /dev/null and b/src/images/what-is-tia/what-is-tia-1.png differ
diff --git a/src/images/what-is-tia/what-is-tia-custody-1.png b/src/images/what-is-tia/what-is-tia-custody-1.png
new file mode 100644
index 000000000..b7ab2780b
Binary files /dev/null and b/src/images/what-is-tia/what-is-tia-custody-1.png differ
diff --git a/src/images/what-is-tia/what-is-tia-role-1.png b/src/images/what-is-tia/what-is-tia-role-1.png
new file mode 100644
index 000000000..d32932e49
Binary files /dev/null and b/src/images/what-is-tia/what-is-tia-role-1.png differ
diff --git a/src/images/what-is-tia/what-is-tia-role-2.png b/src/images/what-is-tia/what-is-tia-role-2.png
new file mode 100644
index 000000000..98ccc8ae7
Binary files /dev/null and b/src/images/what-is-tia/what-is-tia-role-2.png differ
diff --git a/src/images/what-is-tia/what-is-tia-role-3.png b/src/images/what-is-tia/what-is-tia-role-3.png
new file mode 100644
index 000000000..df30071ad
Binary files /dev/null and b/src/images/what-is-tia/what-is-tia-role-3.png differ
diff --git a/src/pages/careers.js b/src/pages/careers.js
index 6113cf4e8..be0dcd21f 100644
--- a/src/pages/careers.js
+++ b/src/pages/careers.js
@@ -54,16 +54,16 @@ const CareersPage = () => {
                     <div className={'container'}>
 
                         <div className={'row mb-5 pb-5'}>
-                            <div className={'col col-12 col-md-6 pe-0 pe-md-5'}>
+                            <div className={'col col-12 col-md-6 pb-5 pe-md-5'}>
                                 <h1 className={'main mb-4'}>{content.title}</h1>
-                                <div className={'subtitle'}>{content.subtitle}</div>
-                                <div className={'text'}>
+                                <div className={'text'}>{content.subtitle}</div>
+                                <div className={'paragraph'}>
                                     {content.text}
-                                    {content.button && <Button type={'external'} class={'simple'} text={content.button.text} url={content.button.url}/>}
                                 </div>
+                                {content.button && <Button type={'external'} class={'simple'} text={content.button.text} url={content.button.url}/>}
                             </div>
-                            <div className={'col col-12 col-md-6 ps-0 ps-md-5 pt-4 pt-xl-5'}>
-                                <h4 className={'main mb-3'}>{content.perks.title}</h4>
+                            <div className={'col col-12 col-md-6 ps-md-5 pt-5'}>
+                                <h4 className={'main mb-4 md:mb-3'}>{content.perks.title}</h4>
 
                                 <div className={'row'}>
                                     {content.perks.perks.map((perk,index) => (
diff --git a/src/pages/community.js b/src/pages/community.js
index 01c2611ba..93f50954d 100644
--- a/src/pages/community.js
+++ b/src/pages/community.js
@@ -29,7 +29,7 @@ const Community = () => {
 							<h1 className={"main mb-3 mb-md-4"}>{heroData.title}</h1>
 							<div className={"row"}>
 								<div className={"col-auto"}>
-									<div className={"subtitle"} dangerouslySetInnerHTML={{ __html: heroData.text }} />
+									<div className={"text"} dangerouslySetInnerHTML={{ __html: heroData.text }} />
 									{/* {heroData.buttons.map((button, index) => (
 										<Button key={index} class={button.class} type={button.type} text={button.text} url={button.url} />
 									))} */}
diff --git a/src/pages/developer-portal.js b/src/pages/developer-portal.js
index 2fd4da757..b692fcd2a 100644
--- a/src/pages/developer-portal.js
+++ b/src/pages/developer-portal.js
@@ -33,7 +33,7 @@ const DevPortal = () => {
 							<h1 className={"main mb-3 mb-md-4"}>{heroData.title}</h1>
 							<div className={"row"}>
 								<div className={"col-auto"}>
-									<div className={"subtitle"} dangerouslySetInnerHTML={{ __html: heroData.text }} />
+									<div className={"text"} dangerouslySetInnerHTML={{ __html: heroData.text }} />
 									<AnchorLink to={`/developer-portal#${heroData.buttons[0].url}`} className={'button button-'+heroData.buttons[0].class} stripHash>{heroData.buttons[0].text}</AnchorLink>
 									<a href={`${heroData.buttons[1].url}`} className={'button button-'+heroData.buttons[1].class} target={"_blank"} rel={"noreferrer"}>{heroData.buttons[1].text}</a>
 								</div>
@@ -81,7 +81,7 @@ const DevPortal = () => {
 
 					<section className='connect' id={`${getStarted.items[1].title.replace(/\s+/g, "-").toLowerCase()}`}>
 						<div className={"connect-container"}>
-							<div className={"row align-items-center justify-content-between my-2 py-2 py-lg-5"}>
+							<div className={"row align-items-center justify-content-between my-2 py-2 py-md-5"}>
 								<div className='col-12 col-xl-4 mb-5 mb-md-0'>
 									<h2 className={"with-decor"}>{connect.title}</h2>
 									{connect.description && <div className={"description"}>{connect.description}</div>}
diff --git a/src/pages/ecosystem.js b/src/pages/ecosystem.js
index 634549989..7007e50cd 100644
--- a/src/pages/ecosystem.js
+++ b/src/pages/ecosystem.js
@@ -52,11 +52,11 @@ const EcosystemPage = () => {
 			/>
 			<div className={"ecosystem-page"}>
 				<main>
-					<div className={"container"}>
+					<div className={"hero container"}>
 						<h1 className={"main mb-3 mb-md-5"}>Celestia Ecosystem</h1>
 						<div className={"row"}>
 							<div className={"col-auto"}>
-								<div className={"subtitle"}>Discover a wide range of apps and services built in the Celestia ecosystem.</div>
+								<div className={"text"}>Discover a wide range of apps and services built in the Celestia ecosystem.</div>
 								<a
 									href={"https://drive.google.com/drive/folders/1qx2BJze6oO-TLfaVdmMLC79VjKLzBmLR?usp=share_link"}
 									target={"_blank"}
diff --git a/src/pages/index.js b/src/pages/index.js
index 559028237..f0a4e9247 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -1,25 +1,24 @@
 import React, { useState } from "react";
 import ReactModal from "react-modal";
 import Layout from "../components/layout";
+import { Link } from "gatsby";
 
 import "../scss/main.scss";
 import AdvantagesSection from "../components/sections/advantages-section";
-import ImageSection from "../components/sections/image-section";
 
-import { advantages } from "../datas/home/advantages";
 import { heroData } from "../datas/home/hero-section";
-import { purpleData } from "../datas/home/purple-section";
+import { advantages } from "../datas/home/advantages";
 import { backers } from "../datas/home/backers";
-import { roadmaps } from "../datas/home/roadmaps";
 import { FooterBoxes } from "../datas/home/content";
+import { exploreCelestia } from "../datas/home/explore-celestia";
+import { socialChannels } from "../datas/home/social-channels";
 
 import Card from "../components/modules/card";
-import Button from "../components/buttons/button";
-import PurpleSection from "../components/sections/purple-section";
 import HeroSection from "../components/sections/hero-section";
 import BackersSection from "../components/sections/backers-sections";
-import RoadmapItem from "../components/modules/roadmapItem";
 import SignUp from "../components/modals/signUp";
+import Image from "../components/imageComponent";
+import CommunityItem from "../components/modules/community-item";
 
 import { seoContent } from "../datas/home/seoContent";
 import SEO from "../components/seo";
@@ -29,11 +28,11 @@ const IndexPage = () => {
 	const [modalType, setModalType] = useState("");
 	const enableBackers = false;
 
-	const handleModalOpen = (event) => {
-		setModalType(event.target.id);
-		setIsModalOpen(true);
-		document.body.style.overflow = "hidden";
-	};
+	// const handleModalOpen = (event) => {
+	// 	setModalType(event.target.id);
+	// 	setIsModalOpen(true);
+	// 	document.body.style.overflow = "hidden";
+	// };
 
 	const handleModalClose = (event) => {
 		setIsModalOpen(false);
@@ -42,116 +41,231 @@ const IndexPage = () => {
 
 	return (
 		<Layout footerBoxes={FooterBoxes}>
-			<SEO
-				title={seoContent.title}
-				description={seoContent.description}
-                ogTitle={seoContent.ogTitle}
-				image={seoContent.image}
-			/>
-			<div className="index-page">
+			<SEO title={seoContent.title} description={seoContent.description} ogTitle={seoContent.ogTitle} image={seoContent.image} />
+			<div className='index-page'>
 				<main>
 					<HeroSection heroData={heroData} />
-					<div className="advantages-section">
-						<div className="container">
-							<h2 className="with-decor">Advantages</h2>
-						</div>
+					<div className='advantages-section'>
+						{/* <div className='container'>
+							<h2 className='with-decor'>Advantages</h2>
+						</div> */}
 						<AdvantagesSection advantages={advantages} />
 					</div>
-					<div className="container">
-						<section className="cards-section">
-							<h2 className="with-decor pb-2">How it works</h2>
-							<div className="subtitle">
-								Celestia is a minimal blockchain that only orders and publishes transactions and does not execute them. By
-								decoupling the consensus and application execution layers, Celestia modularizes the blockchain technology stack
-								and unlocks new possibilities for decentralized application builders.
+					<div className='container'>
+						<section id='explore-celestia' className='explore-celestia'>
+							<div className='d-flex justify-content-center'>
+								<h2 className='with-decor pb-2'>Explore Celestia</h2>
+							</div>
+							<div className='three-col-grid mt-4 mt-lg-5'>
+								<div className='card-box'>
+									<Link className="link-box" to={exploreCelestia[0].link}>
+										<div className='card-item'>
+											<svg className='card-link' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 63' fill='none'>
+												<g clipPath='url(#clip0_334_4082)'>
+													<ellipse cx={31} cy='31.2451' rx={31} ry='31.2451' fill='white' />
+													<path
+														d='M24.2935 38.8448L37.7286 25.4098'
+														stroke='#7B2BF9'
+														strokeWidth='1.5'
+														strokeLinecap='round'
+													/>
+													<path
+														d='M38.1909 36.7061L38.5445 24.3317L26.1701 24.6852'
+														stroke='#7B2BF9'
+														strokeWidth='1.5'
+														strokeLinecap='square'
+														strokeLinejoin='bevel'
+													/>
+												</g>
+												<defs>
+													<clipPath id='clip0_334_4082'>
+														<rect width={62} height='62.4901' fill='white' />
+													</clipPath>
+												</defs>
+											</svg>
+											<div className={"image-wrapper"}>
+												<Image alt={exploreCelestia[0].title} filename={exploreCelestia[0].image} />
+											</div>
+											<h3>{exploreCelestia[0].title}</h3>
+											<p>{exploreCelestia[0].text} </p>
+										</div>
+									</Link>
+								</div>
+								<div className='card-box'>
+									<Link className="link-box" to={exploreCelestia[1].link}>
+										<div className='card-item'>
+											<svg className='card-link' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 63' fill='none'>
+												<g clipPath='url(#clip0_334_4082)'>
+													<ellipse cx={31} cy='31.2451' rx={31} ry='31.2451' fill='white' />
+													<path
+														d='M24.2935 38.8448L37.7286 25.4098'
+														stroke='#7B2BF9'
+														strokeWidth='1.5'
+														strokeLinecap='round'
+													/>
+													<path
+														d='M38.1909 36.7061L38.5445 24.3317L26.1701 24.6852'
+														stroke='#7B2BF9'
+														strokeWidth='1.5'
+														strokeLinecap='square'
+														strokeLinejoin='bevel'
+													/>
+												</g>
+												<defs>
+													<clipPath id='clip0_334_4082'>
+														<rect width={62} height='62.4901' fill='white' />
+													</clipPath>
+												</defs>
+											</svg>
+											<div className={"image-wrapper"}>
+												<Image alt={exploreCelestia[1].title} filename={exploreCelestia[1].image} />
+											</div>
+											<h3>{exploreCelestia[1].title}</h3>
+											<p>{exploreCelestia[1].text} </p>
+										</div>
+									</Link>
+								</div>
+								<div className='card-box span-full'>
+									<Link className="link-box" to={exploreCelestia[2].link}>
+										<div className='card-item'>
+											<svg className='card-link' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 63' fill='none'>
+												<g clipPath='url(#clip0_334_4082)'>
+													<ellipse cx={31} cy='31.2451' rx={31} ry='31.2451' fill='white' />
+													<path
+														d='M24.2935 38.8448L37.7286 25.4098'
+														stroke='#7B2BF9'
+														strokeWidth='1.5'
+														strokeLinecap='round'
+													/>
+													<path
+														d='M38.1909 36.7061L38.5445 24.3317L26.1701 24.6852'
+														stroke='#7B2BF9'
+														strokeWidth='1.5'
+														strokeLinecap='square'
+														strokeLinejoin='bevel'
+													/>
+												</g>
+												<defs>
+													<clipPath id='clip0_334_4082'>
+														<rect width={62} height='62.4901' fill='white' />
+													</clipPath>
+												</defs>
+											</svg>
+											<div className={"image-wrapper"}>
+												<Image alt={exploreCelestia[2].title} filename={exploreCelestia[2].image} />
+											</div>
+											<div className='text-box'>
+												<h3>{exploreCelestia[2].title}</h3>
+												<p>{exploreCelestia[2].text} </p>
+											</div>
+										</div>
+									</Link>
+								</div>
+							</div>
+						</section>
+
+						<section className='cards-section'>
+							<h2 className='with-decor pb-2'>How it works</h2>
+							<div className='subtitle'>
+								Celestia is a minimal blockchain that only orders and publishes transactions but does not execute them. By decoupling
+								the consensus and application execution layers, Celestia modularizes the blockchain technology stack and unlocks new
+								possibilities for decentralized application builders.
 							</div>
 
-							<div className="row mt-5">
-								<div className="col col-12 col-lg-6 pe-lg-4">
+							<div className='row mt-5'>
+								<div className='col col-12 col-lg-6 pe-lg-4'>
 									<Card
-										image="home/architecture.png"
-										title="Traditional monolithic architecture"
+										image='home/architecture.png'
+										title='Traditional monolithic architecture'
 										text={
 											"<ul><li>Developers can only use programming languages supported by chain's execution environment</li><li>All applications run on the same process (the world computer model), with shared gas resources</li><li>Smart contracts cannot be updated without a hard fork</li></ul>"
 										}
 									/>
 								</div>
-								<div className="col col-12 col-lg-6 ps-lg-4">
+								<div className='col col-12 col-lg-6 ps-lg-4'>
 									<Card
-										image="home/celestia-architecture.png"
-										title="Celestia-enabled modular architecture"
+										image='home/celestia-architecture.png'
+										title='Celestia-enabled modular architecture'
 										text={
 											"<ul><li>Developers can effortlessly define their own virtual execution environments; similar to virtual machines</li><li>Each application gets its own sovereign execution space, while inheriting the security of Celestia's consensus</li><li>Applications can be updated without main chain hard forks</li></ul>"
 										}
 									/>
 								</div>
-						
-
-	</div>
-							<div className="row justify-content-center pt-5">
-								<div className="col-auto">
-									<a href="https://celestia.org/learn/" target="_blank">
-										<button className="button button-simple button-internal" role="button" tabIndex={0} id="developer">
-											Learn more
+							</div>
+							<div className='row justify-content-center pt-5'>
+								<div className='col-auto'>
+									<a href='/what-is-celestia/' target='_blank'>
+										<button className='button button-simple button-internal' role='button' tabIndex={0} id='developer'>
+											Learn More
 										</button>
 									</a>
 								</div>
 							</div>
 						</section>
 
-						<div className="anchor" id="roadmap" />
-						<section className="roadmap-section">
-							<h2 className="with-decor pb-5">Roadmap</h2>
-
-							<div className="roadmap-container">
-								<ul className="roadmap-items">
-									{roadmaps &&
-										roadmaps.map(function (roadmap, index) {
-											return <RoadmapItem status={roadmap.status} key={roadmap.id} title={roadmap.title} text={roadmap.text} />;
-										})}
-								</ul>
-								<div className="clear" />
-							</div>
-						</section>
+						<section id='community' className='join-the-community'>
+							<h2 className='with-decor pb-2'>Join the community</h2>
+							<div className='subtitle'>Join the Celestia community online or hang out at one of the grassroots Modular Meetups</div>
 
-						<div className="anchor" id="waitlist" />
-						<section className="separate-section">
-							<div className="row">
-								<div className="col col-12 col-lg-6">
-									<h3 className="with-decor">Run a node on testnet</h3>
-									<div className="text">Experiment and practice running a node on testnet in preparation for mainnet.</div>
-									<a href="https://docs.celestia.org/nodes/overview" target="_blank">
-										<button className="button button-simple" id="operator" role="button" tabIndex={0}>
-											Read the Docs
-										</button>
-									</a>
+							<div className='d-flex flex-column flex-lg-row scroll-box-main hide-scrollbar'>
+								<div className='col-12 col-lg-auto pe-2'>
+									<div className='social-wrapper'>
+										<div className='social-box'>
+											{socialChannels.items.map(function (item) {
+												return (
+													<CommunityItem
+														className='icon-card-wrapper col-12 col-sm-6 col-md-4 col-lg-6'
+														key={item.id}
+														content={item}
+													/>
+												);
+											})}
+										</div>
+										<div className='link-container'>
+											<Link className='link' to={"/community/"}>
+												<div className={"button button-external"}>
+													Find more <i className={"icon-external-link"} />
+												</div>
+											</Link>
+										</div>
+									</div>
 								</div>
-								<div className="col col-12 col-lg-6">
-									<h3 className="with-decor">Build on our developer beta</h3>
-									<div className="text">Build on Celestia and be the first to explore the benefits of its novel architecture.</div>
-									<a href="https://docs.celestia.org/" target="_blank">
-										<button className="button button-simple" id="developer" role="button" tabIndex={0}>
-											Build on Testnet
-										</button>
-									</a>
+								<div className='d-flex col-lg-12 mt-3 mt-lg-0 scroll-box'>
+									<div className='col-12 col-lg-8 col-lg-3 col-xl-6 pe-2'>
+										<div className={"community-image"}>
+											<div className='image'>
+												<Image alt={""} filename={"modular-summit-2023.jpg"} />
+											</div>
+											<div className='image-caption'>
+												<div className='caption-box'>
+													<div className='caption-text'>Modular Summit 2023</div>
+												</div>
+											</div>
+										</div>
+									</div>
+									<div className='col-12 col-lg-8 col-lg-3 col-xl-6 pe-2'>
+										<div className={"community-image"}>
+											<div className='image'>
+												<Image alt={""} filename={"modular-meetup.jpg"} />
+											</div>
+											<div className='image-caption'>
+												<div className='caption-box'>
+													<div className='caption-text'>Modular Meetup</div>
+												</div>
+											</div>
+										</div>
+									</div>
 								</div>
 							</div>
 						</section>
 					</div>
-					<ImageSection
-						logo={true}
-						image="home/celestia-team.png"
-						title="Built by industry-leading engineers, researchers and entrepreneurs"
-						text={<Button class="external-big" type="internal" url="/team/" text="View the team" />}
-					/>
-					<PurpleSection enableBackers={enableBackers} anchor="join-our-global-community" purpleData={purpleData} />
 					<BackersSection enableBackers={enableBackers} backers={backers} />
 				</main>
 				<ReactModal isOpen={isModalOpen}>
-					<div className="inner">
+					<div className='inner'>
 						<SignUp modalType={modalType} />
-						<button className="close-button" onClick={handleModalClose}>
-							<i className="icon-close" aria-label="close" />
+						<button className='close-button' onClick={handleModalClose}>
+							<i className='icon-close' aria-label='close' />
 						</button>
 					</div>
 				</ReactModal>
@@ -160,4 +274,4 @@ const IndexPage = () => {
 	);
 };
 
-export default IndexPage;
\ No newline at end of file
+export default IndexPage;
diff --git a/src/pages/markdown-pages/learn/sovereign rollups-misconceptions of sovereign rollups.md b/src/pages/markdown-pages/learn/sovereign rollups-misconceptions of sovereign rollups.md
index c09f7b0f5..c48f02277 100644
--- a/src/pages/markdown-pages/learn/sovereign rollups-misconceptions of sovereign rollups.md	
+++ b/src/pages/markdown-pages/learn/sovereign rollups-misconceptions of sovereign rollups.md	
@@ -2,7 +2,7 @@
 order: 10
 path: "/learn/"
 slug: "/learn/sovereign-rollups/misconceptions/"
-edit: "https://github.com/celestiaorg/celestia.org/blob/main/src/pages/markdown-pages/learn/sovereign%20rollups-misconceptions%20of%sovereign%rollups.md"
+edit: "https://github.com/celestiaorg/celestia.org/blob/main/src/pages/markdown-pages/learn/sovereign%20rollups-misconceptions%20of%20sovereign%20rollups.md"
 date: "2023-03-21"
 icon: ""
 category: "Intermediate"
diff --git a/src/pages/press.js b/src/pages/press.js
index e29c19dd7..7caef4c68 100644
--- a/src/pages/press.js
+++ b/src/pages/press.js
@@ -19,7 +19,7 @@ const Press = () => {
 			/>
 			<div className={"press"}>
 				<main>
-					<div className={"container"}>
+					<div className={"hero container"}>
 						<h1 className={"mb-3 mb-md-5"}>{pressData.title}</h1>
 						<p className={"text"}>{pressData.text}</p>
 					</div>
diff --git a/src/pages/run-a-light-node.js b/src/pages/run-a-light-node.js
index 642229a74..09ebca605 100644
--- a/src/pages/run-a-light-node.js
+++ b/src/pages/run-a-light-node.js
@@ -26,7 +26,7 @@ const DevPortal = () => {
 							<h1 className={"main mb-3 mb-md-4"}>{heroData.title}</h1>
 							<div className={"row"}>
 								<div className={"col-auto"}>
-									<div className={"subtitle"} dangerouslySetInnerHTML={{ __html: heroData.text }} />
+									<div className={"text"} dangerouslySetInnerHTML={{ __html: heroData.text }} />
 									<AnchorLink
 										to={`/run-a-light-node#${heroData.buttons[0].url}`}
 										className={"button button-" + heroData.buttons[0].class}
diff --git a/src/pages/what-is-celestia.js b/src/pages/what-is-celestia.js
index 335612d15..f96fca0ed 100644
--- a/src/pages/what-is-celestia.js
+++ b/src/pages/what-is-celestia.js
@@ -1,305 +1,262 @@
-import * as React from "react";
+import React, { useState } from "react";
 import Layout from "../components/layout";
-import { FooterBoxes } from "../datas/what-is-celestia/content";
+import { FooterBoxes2 } from "../datas/what-is-celestia/content";
+import { tableOfContent } from "../datas/what-is-celestia/toc";
 import { StaticImage } from "gatsby-plugin-image";
-import { Link } from "gatsby";
-import ArrowIcon from "../components/modules/arrow-icon";
+import { AnchorLink } from "gatsby-plugin-anchor-links";
 
 import { seoContent } from "../datas/what-is-celestia/seoContent";
 import SEO from "../components/seo";
 
-import celestia_monolithic_modular_diagram from "../images/what-is-celestia/celestia-monolithic-modular-diagram.png";
-import celestia_what_is_diagram from "../images/what-is-celestia/celestia-what-is-diagram.png";
-import web_celestia_diagram from "../images/what-is-celestia/web-celestia-diagram.png";
-import celestia_monolithic_modular_approach from "../images/what-is-celestia/celestia-monolithic-modular-approach.png";
-import celestia_transactions from "../images/what-is-celestia/celestia-transactions.png";
-import monolithic_modular_aproach from "../images/what-is-celestia/monolithic-modular-aproach.png";
+import celestia_what_are_rollups from "../images/what-is-celestia/celestia-what-are-rollups.png";
+import celestia_data_availability from "../images/what-is-celestia/celestia-data-availability.png";
+import celestia_what_is_modular from "../images/what-is-celestia/celestia-what-is-modular.png";
+import celestia_modularizm from "../images/what-is-celestia/celestia-modularizm.png";
 import celestia_connections from "../images/what-is-celestia/celestia-connections.png";
 
 const WhatIsCelestia = () => {
+	const [showTocCategories, setShowTocCategories] = useState(false);
+	const [selectedItem, setSelectedItem] = useState(0);
+	const handleItemClick = (index) => {
+		setSelectedItem(index);
+	};
 
-	console.log(seoContent)
 	return (
-		<Layout footerBoxes={FooterBoxes}>
-			<SEO
-				title={seoContent.title}
-				description={seoContent.description}
-                ogTitle={seoContent.ogTitle}
-				image={seoContent.image}
-			/>
+		<Layout footerBoxes2={FooterBoxes2}>
+			<SEO title={seoContent.title} description={seoContent.description} ogTitle={seoContent.ogTitle} image={seoContent.image} />
 			<div className={"what-is-celestia"}>
 				<main>
 					<div className={"container"}>
-						<h1 className={"mb-3 mb-md-5"}>What is Celestia?</h1>
-						<p className={"lead-text"}>
-							A complete beginner's guide to how Celestia works, its key benefits, and how anyone in the world will be able to create
-							their own blockchain in minutes.
-						</p>
+						<h1 className={"mb-5"}>What is Celestia?</h1>
 
 						<section className={"card-section"}>
 							<div className={"row justify-content-between"}>
 								<div className={"order-2 order-lg-1 text-box col-12 col-lg-6 col-xl-6 col-xxl-7"}>
 									<p>
-										Celestia is a new technology that powers, scales and secures Web3 applications. To achieve this, Celestia
-										introduces a new modular blockchain architecture that solves the core scaling problems of today’s blockchains.
+										A complete beginner's guide to how Celestia works, its key benefits, and how anyone
+										in the world can create their own blockchain in minutes.
 									</p>
-									<h2 className='subtitle'>Confused?</h2>
 									<p>Let’s walk through the basics, step-by-step.</p>
 								</div>
 								<div className={"image-box--cover order-1 order-lg-2 col-12 col-lg-6 col-xl-6 col-xxl-5"}></div>
 							</div>
 						</section>
 
-						<section className={"modular-blockchain-section"}>
-							<div className={"row justify-content-between align-items-center"}>
-								<div className={"text-box col-12 col-lg-6"}>
-									<h2 className='title'>But what’s a modular blockchain?</h2>
-									<p>
-										Modular blockchains are a new paradigm in blockchain design. Instead of one blockchain doing everything,
-										modular blockchains specialize and optimize to perform a given function. This specialization provides
-										breakthroughs in scalability, flexibility, and interoperability, enabling developers to build blockchain
-										applications for mass adoption.
-									</p>
-								</div>
-								<div className={"image-box--modular col-12 col-lg-6"}>
-									<div className='image-wrapper'>
-										<img style={{ width: `100%` }} src={celestia_monolithic_modular_diagram} alt={""} />
+						<div className={"row sticky-row"}>
+							<div className={"sticky-container col-lg-3"}>
+								<div className={"toc-2"}>
+									<div
+										className={`mobile-toc ${showTocCategories && "show"}`}
+										onClick={() => setShowTocCategories(!showTocCategories)}
+									>
+										Jump to...
+										<div className='dropdown-button'>
+											<svg id={"mobile-category"} fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11'>
+												<path d='m1 4 4.5 4L10 4' stroke='#000' strokeWidth='1.5' strokeLinecap='round' />
+											</svg>
+										</div>
 									</div>
-								</div>
-							</div>
-						</section>
-
-						<section className={"how-different-section"}>
-							<div className={"row justify-content-between align-items-center"}>
-								<div className={"order-2 order-lg-1 image-box--different col-12 col-lg-6"}>
-									<div className='image-wrapper'>
-										<img className='img' style={{ width: `100%` }} src={celestia_what_is_diagram} alt={""} />
+									<div className={"toc-inner"}>
+										<div className={"toc-title"}>
+											Table of Contents
+										</div>
+										<div className={`category-menu ${showTocCategories && "show"}`}>
+											<div className={"toc-item"}>
+												{tableOfContent.map((item, index) => {
+													return (
+														<div
+															key={index}
+															className={selectedItem === index ? "selected" : ""}
+															onClick={() => handleItemClick(index)}
+														>
+															<AnchorLink to={`/what-is-celestia/#${item.id.replace(/\s+/g, "-").toLowerCase()}`}>
+																{item.value}
+															</AnchorLink>
+														</div>
+													);
+												})}
+											</div>
+										</div>
 									</div>
 								</div>
-								<div className={"order-1 order-lg-2 text-box col-12 col-lg-6"}>
-									<h2 className='title'>How is Celestia different from Bitcoin and Ethereum?</h2>
-									<p>
-										<strong>If Bitcoin is a calculator and Ethereum is a computer, then Celestia is a cloud computer.</strong>
-									</p>
-									<p>
-										Bitcoin showed that it was possible to build a decentralized application but was very limited in what it could
-										be used to build.
-									</p>
-									<p>
-										Ethereum showed that it was possible to build a programmable blockchain that anyone could use to launch a
-										decentralized application. Celestia will show that it is possible to build a network that enables anyone to
-										launch their own blockchain.
-									</p>
-								</div>
 							</div>
-						</section>
-
-						<section className={"good-analogy-section"}>
-							<div className={"row justify-content-between align-items-center"}>
-								<div className={"text-box col-12 col-lg-6"}>
-									<h2 className='title'>What’s a good analogy of Celestia?</h2>
+							<div className='col-lg-9 ps-lg-4 p-xl-5'>
+								<section className={"what-is-a-modular-blockchain"} id={`${tableOfContent[0].id.replace(/\s+/g, "-").toLowerCase()}`}>
+									<h2 className='title'>And what is a modular blockchain?</h2>
+									<div className={"image-box--different"}>
+										<div className='image-wrapper'>
+											<img className='img' style={{ width: `100%` }} src={celestia_what_is_modular} alt={""} />
+										</div>
+									</div>
 									<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.
+										Modular blockchains are a new paradigm in blockchain design. Instead of one blockchain doing everything,
+										modular blockchains specialize and optimize to perform a given function. This specialization provides
+										breakthroughs in scalability, flexibility, and interoperability, enabling developers to build blockchain
+										applications for mass adoption.
 									</p>
-								</div>
-								<div className={"image-box--analogy col-12 col-lg-6"}>
-									<div className='image-wrapper'>
-										<img className='img' style={{ width: `100%` }} src={web_celestia_diagram} alt={""} />
-									</div>
-								</div>
-							</div>
-						</section>
-					</div>
+								</section>
 
-					<section className={"why-use-section"}>
-						<div className={"container text-box"}>
-							<div className={"row mb-5 justify-content-center"}>
-								<h2 className={"title"}>Why would I use Celestia?</h2>
-							</div>
-							<div className='row'>
-								<div className='col-z-index order-2 order-md-1 col-sm-12 col-md-5 col-lg-6 col-xl-4'>
-									<div className={"row align-items-center gy-3"}>
-										<div className={"col-12"}>
-											<div className={"why-use-card"}>
-												<h3 className={"why-use-title"}>Build blockchains easily</h3>
-												<p className={"why-use-text"}>
-													Celestia reduces the cost of deploying and maintaining your own blockchain.
-												</p>
-											</div>
+								<section className={"what-is-data-availability"} id={`${tableOfContent[1].id.replace(/\s+/g, "-").toLowerCase()}`}>
+									<div className={"row justify-content-between align-items-center"}>
+										<div className={"col-12 col-lg-6"}>
+											<h2 className='title'>What is data availability and why does it matter?</h2>
+											<p>
+												Data availability answers the question, has the data for this blockchain been published? It is
+												critical to the security of any blockchain because it ensures that anyone can inspect the ledger of
+												transactions and verify it.
+											</p>
+											<p>Users of a monolithic blockchain usually download all the data to check that it is available.</p>
+											<p>
+												As blocks get bigger, it becomes impractical for normal users to download all the data meaning that
+												they can’t verify the chain. Modular chains solve this problem by making it possible for users to
+												verify very large blocks using a technology called data availability sampling.
+											</p>
 										</div>
-										<div className={"col-12"}>
-											<div className={"why-use-card"}>
-												<h3 className={"why-use-title"}>Provides flexibility</h3>
-												<p className={"why-use-text"}>Customize your application in a way that suits your needs.</p>
-											</div>
-										</div>
-										<div className={"col-12"}>
-											<div className={"why-use-card"}>
-												<h3 className={"why-use-title"}>Higher scale</h3>
-												<p className={"why-use-text"}>
-													Unlock access to web3 applications for everyone with more blockspace.
-												</p>
+										<div className={"image-box--analogy col-12 col-lg-6"}>
+											<div className='image-wrapper'>
+												<img className='img' style={{ width: `100%` }} src={celestia_data_availability} alt={""} />
 											</div>
 										</div>
 									</div>
-								</div>
-								<div className={"image-box--why order-1 order-md-2 col-sm-12 col-md-7 col-lg-6 col-xl-8"}>
-									<StaticImage
-										className={"d-md-none d-block"}
-										quality={100}
-										placeholder={"none"}
-										src='../images/what-is-celestia/celestia-infographics-paths-mobile.png'
-									/>
-									<StaticImage
-										className={"d-none d-md-block"}
-										quality={100}
-										placeholder={"none"}
-										src='../images/what-is-celestia/celestia-infographics-paths.png'
-									/>
-								</div>
-							</div>
-						</div>
-					</section>
+								</section>
 
-					<div className={"container"}>
-						<section className={"data-availability-section"}>
-							<div className={"row justify-content-between align-items-center"}>
-								<div className={"text-box col-12 col-lg-6"}>
-									<h2 className='title'>What is data availability and why does it matter?</h2>
-									<p>
-										Data availability is critical to the security of any blockchain because it ensures that anyone can inspect the
-										ledger of transactions and verify it. Data availability answers the question, has the data for this blockchain
-										been published?
-									</p>
-									<p>Users of a monolithic blockchain download all the data to check that it is available.</p>
-									<p>
-										As blocks get bigger, it becomes impractical for normal users to download all the data meaning that they can’t
-										verify the chain. Modular chains solve this problem by making it possible for users to verify very large
-										blocks using a technology called data availability sampling.
-									</p>
-								</div>
-								<div className={"image-box--availability col-12 col-lg-6"}>
-									<div className='image-wrapper'>
-										<img className='img' style={{ width: `100%` }} src={celestia_monolithic_modular_approach} alt={""} />
+								<section className={"what-are-rollups"} id={`${tableOfContent[2].id.replace(/\s+/g, "-").toLowerCase()}`}>
+									<div className={"row justify-content-between align-items-center"}>
+										<div className={"order-2 order-lg-1 image-box--different col-12 col-lg-6"}>
+											<div className='image-wrapper'>
+												<img className='img' style={{ width: `100%` }} src={celestia_what_are_rollups} alt={""} />
+											</div>
+										</div>
+										<div className={"order-1 order-lg-2 col-12 col-lg-6"}>
+											<h2 className='title'>What are rollups and how do they work with Celestia?</h2>
+											<p>
+												Rollups are a relatively new type of blockchain. What makes them different is that they offload some of
+												their work to a layer 1 like Celestia. The simple version is that rollups publish their transaction
+												data to Celestia, which gets ordered and made available for rollup users to download. As a bonus,
+												rollups receive some of Celestia’s security.
+											</p>
+											<p>
+												But rollups on Celestia aren’t quite the same as others. They are convenient to launch like layer 2s
+												with the added sovereignty that layer 1s enjoy. We like to call these blockchains sovereign rollups.
+											</p>
+										</div>
 									</div>
-								</div>
-							</div>
-						</section>
+								</section>
 
-						<section className={"rollups-section"}>
-							<div className={"row justify-content-between align-items-center"}>
-								<div className={"order-2 order-lg-1 image-box--rollups col-12 col-lg-6"}>
-									<div className='image-wrapper'>
-										<img className='img' style={{ width: `100%` }} src={celestia_transactions} alt={""} />
+								<section className={"whats-it-like-to-build-on-Celestia"} id={`${tableOfContent[3].id.replace(/\s+/g, "-").toLowerCase()}`}>
+									<div className={"row mb-3 mb-md-5 justify-content-center"}>
+										<h2 className='title'>What’s it like to build on Celestia?</h2>
 									</div>
-								</div>
-								<div className={"order-1 order-lg-2 text-box col-12 col-lg-6"}>
-									<h2 className='title'>What are rollups and how do they work with Celestia?</h2>
-									<p>
-										Rollups are a type of blockchain that offload some work to a layer 1 like Celestia. Rollups host apps and
-										process user transactions. By hosting apps across many different rollups, apps do not have to compete for
-										computational resources with each other.
-									</p>
-									<p>
-										Once rollup transactions get processed, they are then published to Celestia. Celestia’s job is to order those
-										transactions and check that they are available to download.
-									</p>
-								</div>
-							</div>
-						</section>
-
-						<section className={"modularism-section"}>
-							<div className={"row justify-content-between align-items-center"}>
-								<div className={"text-box col-12 col-lg-6"}>
-									<h2 className='title'>Modularism, not maximalism</h2>
-									<p>
-										For years, crypto has endured a monolithic blockchain loop. Each new L1 has built a walled-off system, where
-										competition is fierce and zero-sum. This leads to maximalism as they all fight over users in their ecosystems.
-									</p>
-									<p>
-										Modular blockchains create a collaborative environment with many connected chains. Each new user that a
-										modular blockchain brings in creates value for the whole modular ecosystem, not just a single L1. Modular
-										blockchains collaborate while monolithic L1s compete.
-									</p>
-									<p>Modularism, not maximalism.</p>
-								</div>
-								<div className={"image-box--modularism col-12 col-lg-6"}>
-									<div className='image-wrapper'>
-										<img className='img' style={{ width: `100%` }} src={monolithic_modular_aproach} alt={""} />
+									<div className='row'>
+										<div className='col-z-index order-2 order-md-1 col-sm-12 col-md-5 col-lg-6 col-xl-5'>
+											<div className={"row align-items-center gy-3"}>
+												<div className={"col-12"}>
+													<div className={"why-use-card"}>
+														<h3 className={"why-use-title"}>Start fast</h3>
+														<p className={"why-use-text"}>
+															Deploy your own blockchain in minutes, as easy as a smart contract.
+														</p>
+													</div>
+												</div>
+												<div className={"col-12"}>
+													<div className={"why-use-card"}>
+														<h3 className={"why-use-title"}>Use any VM</h3>
+														<p className={"why-use-text"}>Unlock unique application features and use-cases.</p>
+													</div>
+												</div>
+												<div className={"col-12"}>
+													<div className={"why-use-card"}>
+														<h3 className={"why-use-title"}>Access dynamic throughput</h3>
+														<p className={"why-use-text"}>Support more users as your application grows.</p>
+													</div>
+												</div>
+											</div>
+										</div>
+										<div className={"image-box--why order-1 order-md-2 col-sm-12 col-md-7 col-lg-6 col-xl-7"}>
+											<StaticImage
+												className={"d-md-none d-block"}
+												quality={100}
+												placeholder={"none"}
+												src='../images/what-is-celestia/celestia-infographics-paths-mobile.png'
+											/>
+											<StaticImage
+												className={"d-none d-md-block"}
+												quality={100}
+												placeholder={"none"}
+												src='../images/what-is-celestia/celestia-infographics-paths.png'
+											/>
+										</div>
 									</div>
-								</div>
-							</div>
-						</section>
-
-						<section className={"social-consensus"}>
-							<div className={"row justify-content-between align-items-center"}>
-								<div className={"image-box--consensus order-2 order-lg-1 col-12 col-lg-6"}>
-									<div className='image-wrapper'>
-										<img className='img' style={{ width: `100%` }} src={celestia_connections} alt={""} />
+									<div className='link-wrapper'>
+										<a className='link' href='https://celestia.org/developer-portal/' target='_blank'>
+											Find out what you can build
+											<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'>
+												<path
+													stroke='#7B2BF9'
+													stroke-linecap='square'
+													stroke-width='1.5'
+													d='M3.61218 12.0721L11.0761 4.60823'
+												/>
+												<path
+													stroke='#7B2BF9'
+													stroke-linecap='square'
+													stroke-linejoin='bevel'
+													stroke-width='1.5'
+													d='M11.5254 11.0752V4.00413H4.45432'
+												/>
+											</svg>
+										</a>
 									</div>
-								</div>
-								<div className={"order-1 order-lg-2 text-box col-12 col-lg-6"}>
-									<h2 className='title'>Layer 0 is social consensus</h2>
-									<p>
-										To us, the most important layer in blockchains is social consensus. Blockchains are a tool to allow
-										communities of people to socially coordinate in a sovereign way. Thus, our vision stems from a deeply held
-										core belief: communities have an inalienable right to independently self-organize.
-									</p>
-									<p>Modular blockchains for sovereign communities.</p>
-								</div>
-							</div>
-						</section>
-					</div>
+								</section>
 
-					<section className={"resources-section"}>
-						<div className={"container"}>
-							<div className={"row mb-5 justify-content-center text-box text-start text-md-center"}>
-								<h2 className={"title"}>Additional resources</h2>
-								<p>If you enjoyed this and want to learn more, here are some more resources we suggest you take a look at</p>
-							</div>
-							<div className={"row gx-3 gy-3 align-items-md-stretch"}>
-								<div className={"col-12 col-md-4"}>
-									<div className={"d-flex flex-column justify-content-between resource-card"}>
-										<div className='mb-4'>
-											<h3 className={"card-title"}>FAQ</h3>
-											<p className={"card-text"}>Read more about common questions</p>
-										</div>
-										<Link to={"/faq"} className={"card-link"} type='button'>
-											Read now
-											<ArrowIcon classList={"ms-3 mb-1"} />
-										</Link>
-									</div>
-								</div>
-								<div className={"col-12 col-md-4"}>
-									<div className={"d-flex flex-column justify-content-between resource-card"}>
-										<div className='mb-4'>
-											<h3 className={"card-title"}>Learn modular</h3>
-											<p className={"card-text"}>Dive deeper into Celestia and modular blockchains</p>
+								<section className='celestia-community'>
+									<div className={"modularism-not-maximalism"} id={`${tableOfContent[4].id.replace(/\s+/g, "-").toLowerCase()}`}>
+										<h2 className='section-title'>What the Celestia community stands for</h2>
+										<div className={"row justify-content-between align-items-center"}>
+											<div className={"col-12 col-lg-6"}>
+												<h3 className='title'>Modularism, not Maximalism</h3>
+												<p>
+													For years, crypto has endured a monolithic blockchain loop. Each new L1 has built a walled-off
+													system, where competition is fierce and zero-sum. This leads to maximalism as they all fight over
+													users in their ecosystems.
+												</p>
+												<p>
+													Modular blockchains create a collaborative environment with many connected chains. Each new user
+													that a modular blockchain brings in creates value for the whole modular ecosystem, not just a
+													single L1. Modular blockchains collaborate while monolithic L1s compete.
+												</p>
+												<p>Modularism, not maximalism.</p>
+											</div>
+											<div className={"image-box--availability col-12 col-lg-6"}>
+												<div className='image-wrapper'>
+													<img className='img' style={{ width: `100%` }} src={celestia_modularizm} alt={""} />
+												</div>
+											</div>
 										</div>
-										<Link to={"/learn"} className={"card-link"} type='button'>
-											Read now
-											<ArrowIcon classList={"ms-3 mb-1"} />
-										</Link>
 									</div>
-								</div>
-								<div className={"col-12 col-md-4"}>
-									<div className={"d-flex flex-column justify-content-between resource-card"}>
-										<div className='mb-4'>
-											<h3 className={"card-title"}>Documentation</h3>
-											<p className={"card-text"}>Explore how to build on Celestia</p>
+
+									<div className={"layer-0-social-consensus"} id={`${tableOfContent[5].id.replace(/\s+/g, "-").toLowerCase()}`}>
+										<div className={"row justify-content-between align-items-center"}>
+											<div className={"order-2 order-lg-1 image-box--rollups col-12 col-lg-6"}>
+												<div className='image-wrapper'>
+													<img className='img' style={{ width: `100%` }} src={celestia_connections} alt={""} />
+												</div>
+											</div>
+											<div className={"order-1 order-lg-2 col-12 col-lg-6"}>
+												<h3 className='title'>Layer 0 is social consensus</h3>
+												<p>
+													To us, the most important layer in blockchains is social consensus. Blockchains are a tool to
+													allow communities of people to socially coordinate in a sovereign way. Thus, our vision stems from
+													a deeply held core belief: communities have an inalienable right to independently self-organize.
+												</p>
+												<p>Modular blockchains for sovereign communities.</p>
+											</div>
 										</div>
-										<a href='https://docs.celestia.org/' className={"card-link"} type='button'>
-											Read now
-											<ArrowIcon classList={"ms-3 mb-1"} />
-										</a>
 									</div>
-								</div>
+								</section>
 							</div>
 						</div>
-					</section>
+					</div>
 				</main>
 			</div>
 		</Layout>
diff --git a/src/pages/what-is-tia.js b/src/pages/what-is-tia.js
new file mode 100644
index 000000000..799c96211
--- /dev/null
+++ b/src/pages/what-is-tia.js
@@ -0,0 +1,215 @@
+import * as React from "react";
+
+import { heroData } from "../datas/what-is-tia/hero-data";
+import { role } from "../datas/what-is-tia/role";
+import { wallets } from "../datas/what-is-tia/wallets";
+import { FooterBoxes } from "../datas/what-is-tia/content";
+import Button from "../components/buttons/button";
+
+import Layout from "../components/layout";
+import { AnchorLink } from "gatsby-plugin-anchor-links";
+
+import { seoContent } from "../datas/what-is-tia/seoContent";
+import SEO from "../components/seo";
+import Image from "../components/imageComponent";
+
+import image1 from "../images/what-is-tia/what-is-tia-custody-1.png";
+
+const WhatIsTIA = () => {
+	return (
+		<Layout footerBoxes={FooterBoxes}>
+			<SEO title={seoContent.title} description={seoContent.description} image={seoContent.image} />
+			<div className={"what-is-tia"}>
+				<main>
+					<section className='hero'>
+						<div className={"container"}>
+							<h1 className={"main mb-3 mb-md-4"}>{heroData.title}</h1>
+							<div className={"main-text row"}>
+								<div className={"col-auto"}>
+									<div className={"subtitle"} dangerouslySetInnerHTML={{ __html: heroData.text }} />
+									<a
+										href={`${heroData.buttons[0].url}`}
+										className={"mb-3 button button-" + heroData.buttons[0].class}
+										target='_blank'
+										rel='noreferrer'
+									>
+										{heroData.buttons[0].text}
+									</a>
+									<AnchorLink
+										to={`/what-is-tia#${heroData.buttons[1].url}`}
+										className={"mb-3 button button-" + heroData.buttons[1].class}
+										stripHash
+									>
+										{heroData.buttons[1].text}
+									</AnchorLink>
+								</div>
+							</div>
+						</div>
+					</section>
+
+					<section className='tia-role'>
+						<div className={"container"}>
+							<div className={"row flex-wrap align-items-center justify-content-between"}>
+								<h2>{role.title}</h2>
+								<div className='role-items'>
+									<div className='role-card'>
+										<div className='role-image-wrapper'>
+											<Image alt={role.items[0].title} filename={role.items[0].image} />
+										</div>
+										<h3 className='role-card-title'>{role.items[0].title}</h3>
+										<p className='role-card-text'>{role.items[0].text}</p>
+										{role.items[0].links && role.items[0].links.map(function (item) {
+												return (
+													<div className='link-wrapper'>
+														<Button type={item.type} class={"external"} text={item.text} url={item.url} />
+													</div>
+												);
+											}
+										)}
+									</div>
+
+									<div className='role-card'>
+										<div className='role-image-wrapper'>
+											<Image alt={role.items[1].title} filename={role.items[1].image} />
+										</div>
+										<h3 className='role-card-title'>{role.items[1].title}</h3>
+										<p className='role-card-text'>{role.items[1].text}</p>
+										{role.items[1].links && role.items[1].links.map(function (item) {
+												return (
+													<div className='link-wrapper'>
+														<Button type={item.type} class={"external"} text={item.text} url={item.url} />
+													</div>
+												);
+											}
+										)}
+									</div>
+
+									<div className='role-card'>
+										<div className='role-image-wrapper'>
+											<Image alt={role.items[2].title} filename={role.items[2].image} />
+										</div>
+										<h3 className='role-card-title'>{role.items[2].title}</h3>
+										<p className='role-card-text'>{role.items[2].text}</p>
+										{role.items[2].links && role.items[2].links.map(function (item) {
+												return (
+													<div className='link-wrapper'>
+														<Button type={item.type} class={"external"} text={item.text} url={item.url} />
+													</div>
+												);
+											}
+										)}
+									</div>
+								</div>
+							</div>
+						</div>
+					</section>
+
+					<section className={"custody-stacking"} id={`${heroData.buttons[1]?.url.replace(/\s+/g, "-").toLowerCase()}`}>
+						<div className={"container"}>
+							<div className={"d-flex flex-column flex-lg-row custody-stacking-item justify-center align-items-lg-center"}>
+								<div className='col-12 col-lg-6 order-1 order-lg-0'>
+									<div className={"text-box"}>
+										<h2 className='custody-stacking-title'>Wallets</h2>
+										<div className='custody-text-box'>
+											<p>Anyone can download a non-custodial wallet to freely control and use their TIA.</p>
+											<p>
+												It’s important to get familiar with basic wallet practices for safely storing and transacting with TIA
+												on Celestia.
+											</p>
+										</div>
+									</div>
+								</div>
+								<div className={"image-box--node col-12 col-lg-6 order-0 order-lg-1"}>
+									<div className='image-wrapper'>
+										<img className='img' style={{ width: `100%`, maxWidth: `470px` }} src={image1} alt={""} />
+									</div>
+								</div>
+							</div>
+						</div>
+					</section>
+
+					<section className='wallets'>
+						<div className={"container"}>
+							<p>{wallets.details}</p>
+							<div className={"two-col-flex pt-4 pt-lg-5"}>
+								{wallets.items.map(function (item) {
+									return (
+										<div className='wallet-card-wrapper'>
+											<div className={`wallet-blurred-image ${item.backdropClass}`}>
+												<Image alt={item.title} filename={item.image} />
+											</div>
+											<div className='wallet-card'>
+												<div className='wallet-container'>
+													<div className='wallet-image-wrapper'>
+														<Image alt={item.title} filename={item.image} />
+													</div>
+													<div>
+														<h3 className='wallet-card-title'>{item.title}</h3>
+														<div className='d-flex justify-content-start'>
+															{item.device.map(function (item) {
+																return (
+																	<div className='wallet-device-item d-flex flex-row align-items-center'>
+																		<div className='col-auto pe-2'>
+																			<svg
+																				width={12}
+																				height={9}
+																				viewBox='0 0 12 9'
+																				fill='none'
+																				xmlns='http://www.w3.org/2000/svg'
+																			>
+																				<path d='M1 4L4.5 7.5L11 1' stroke='#52C01E' strokeWidth='1.5' />
+																			</svg>
+																		</div>
+																		<div className='col'>
+																			<p className='wallet-card-text'>{item}</p>
+																		</div>
+																	</div>
+																);
+															})}
+														</div>
+													</div>
+												</div>
+												<div className='link-wrapper'>
+													<Button type={"external"} class={"external"} text={"Download"} url={item.url} />
+												</div>
+											</div>
+										</div>
+									);
+								})}
+							</div>
+						</div>
+					</section>
+
+					{/* <section className={"managing-tia"} id={`${heroData.buttons[0]?.url.replace(/\s+/g, "-").toLowerCase()}`}>
+						<div className={"container"}>
+							<div className={"row justify-content-between align-items-center"}>
+								<div className='col-12 col-lg-6 text-box'>
+									<h2 className='title'>Managing TIA as a rollup developer</h2>
+									<p>
+										Rollup developers need to submit and pay for data in addition to managing their rollup’s TIA balance for
+										operation.
+									</p>
+								</div>
+								<div className={"col-12 col-lg-6"}>
+									<div className='link-card'>
+										<div className='link-title'>Create wallet with celestia-node</div>
+										<div className='link-wrapper'>
+											<Button
+												type={"external"}
+												class={"external"}
+												text={"Create wallet"}
+												url={"https://docs.celestia.org/developers/celestia-node-key/"}
+											/>
+										</div>
+									</div>
+								</div>
+							</div>
+						</div>
+					</section> */}
+				</main>
+			</div>
+		</Layout>
+	);
+};
+
+export default WhatIsTIA;
diff --git a/src/scss/buttons.scss b/src/scss/buttons.scss
index b3b091fe7..3b0e3efc5 100644
--- a/src/scss/buttons.scss
+++ b/src/scss/buttons.scss
@@ -52,6 +52,30 @@
     color:#fff;
   }
 }
+.button-footer {
+  border-radius: 6px;
+  font-family: $ruberoid;
+  font-weight:700;
+  font-size: 14px;
+  color: #000000;
+  background:#ffffff;
+  letter-spacing: 0.2px;
+  text-align: center;
+  transition: 300ms all ease-in-out;
+  text-decoration: none;
+  padding: 10px 20px;
+  display:flex;
+  align-items: center;
+  justify-content: center;
+  width: fit-content;
+  height:50px;
+  line-height: 1em;
+
+  &:hover{
+    background:#ebebeb;
+    color:#000000;
+  }
+}
 
 .button-icon{
   line-height:20px;
@@ -92,7 +116,7 @@
   color: #000000;
   letter-spacing: 0;
   padding-right:0;
-  transition:600ms all cubic-bezier(0.83, 0, 0.17, 1);
+  transition:400ms all cubic-bezier(0.83, 0, 0.17, 1);
   display:table;
   position: relative;
 
@@ -101,7 +125,7 @@
     color:$purple;
     font-size:12px;
     float:right;
-    line-height:26px;
+    line-height:23px;
     transform:rotate(0deg);
     transition:600ms all cubic-bezier(0.83, 0, 0.17, 1);
   }
@@ -114,7 +138,7 @@
     color:$purple;
 
     i{
-      transform:rotate(45deg);
+      transform: rotate(45deg);
     }
   }
 }
@@ -124,7 +148,7 @@
   text-decoration:none;
   font-family: $ruberoid;
   font-weight:bold;
-  font-size: 18px;
+  font-size: 18px;  
   color: #000000;
   letter-spacing: 0;
   padding-right:0;
@@ -137,7 +161,7 @@
     color:$purple;
     font-size:12px;
     float:right;
-    line-height:26px;
+    line-height:24px;
     transform:rotate(0deg);
     transition:600ms all cubic-bezier(0.83, 0, 0.17, 1);
   }
@@ -146,7 +170,7 @@
     color:$purple;
 
     i{
-      transform:rotate(45deg);
+      transform: rotate(45deg);
     }
   }
 }
diff --git a/src/scss/main.scss b/src/scss/main.scss
index 3e8bea52a..8e15bc764 100644
--- a/src/scss/main.scss
+++ b/src/scss/main.scss
@@ -39,6 +39,8 @@
 @import "pages/page-press.scss";
 @import "pages/page-community.scss";
 @import "pages/page-run-a-node.scss";
+@import "pages/page-what-is-tia.scss";
+@import "pages/page-faq.scss";
 
 @import "components/team.scss";
 @import "components/technology.scss";
@@ -58,455 +60,501 @@
 @import "sections/separate-section.scss";
 
 * {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
 }
 
 html {
-  scroll-behavior: unset !important;
+	scroll-behavior: unset !important;
 }
 
-body{
-  font-family:$inter;
-  font-weight:300;
-  font-style:normal;
+body {
+	font-family: $inter;
+	font-weight: 300;
+	font-style: normal;
+	position: relative;
+
+	&::before{
+		content: "";
+		background: url(../images/header-bg.png) no-repeat scroll center top transparent;
+		background-size: 100%;
+		height: 100%;
+		width: 100%;
+		position: absolute;
+		top: 0;
+		left: 0;
+		z-index: -1;
+		@include media-breakpoint-down(sm) {
+			background-size: 200%;
+		}
+	}
+}
+
+// Custom Selection //
+$selection-text: black;
+$selection-background: $purple;
 
-  background:url(../images/header-bg.png) no-repeat scroll center top transparent;
-  background-size:100%;
+// Custom Scrollbar //
+$scrollbar-knob: $purple;
+$scrollbar-background: transparent;
 
-  @include media-breakpoint-down(sm) {
-    background-size:200%;
-  }
+// Custom Selection //
+::selection {
+	color: white;
+	background: $purple;
 }
 
-.container{
-  width:90%;
-  margin:auto;
-  max-width:1300px;
-  padding:0;
+// Custom Scrollbar //
+body,
+div,
+section {
+	scrollbar-width: thin;
+	scrollbar-color: $scrollbar-knob $scrollbar-background;
 }
 
-.manualAnchor{
-  margin-top:-200px;
-  position:absolute;
+::-webkit-scrollbar {
+	height: 2px;
+	width: 5px;
+	background: $scrollbar-background;
 }
-.anchor{
-  &.after{
-    position:absolute;
-  }
+::-webkit-scrollbar-track {
+	background: $scrollbar-background;
+}
+::-webkit-scrollbar-thumb {
+	background-color: $scrollbar-knob;
+	border-radius: 6px;
+	border: 3px solid $scrollbar-background;
+	transition: all 0.3s ease-in-out;
 }
 
-section{
-  width:100%;
-  padding:65px 0;
-
-  @include media-breakpoint-down(sm) {
-    padding:30px 0;
-  }
+.hide-scrollbar {
+	&::-webkit-scrollbar-thumb {
+		background-color: transparent;
+	}
 }
 
-h1{
-  font-family: $ruberoid;
-  font-weight:bold;
-  font-size: 110px;
-  color: #000000;
-  letter-spacing: 1.38px;
-  line-height: 106px;
-  display:inline-block;
-
-  &.main{
-    max-width:960px;
-  }
-
-  @include media-breakpoint-down(xl) {
-    font-size: 80px;
-    letter-spacing: 1px;
-    line-height: 82px;
-  }
-
-  @include media-breakpoint-down(lg) {
-    font-size: 60px;
-    letter-spacing: 0.8px;
-    line-height: 64px;
-  }
-  @include media-breakpoint-down(md) {
-    font-size: 50px;
-    letter-spacing: 0.62px;
-    line-height: 52px;
-  }
-  @include media-breakpoint-down(sm) {
-    font-size: 32px;
-    letter-spacing: 0.4px;
-    line-height: 38px;
-  }
+.container {
+	width: 90%;
+	margin: auto;
+	max-width: 1300px;
+	padding: 0;
 }
 
-h2, .h2{
-  font-family: $ruberoid;
-  font-weight:bold;
-  font-size: 70px;
-  line-height: 74px;
-  color: #000000;
-  letter-spacing: 0.2px;
-  position:relative;
-
-
-  &.with-decor{
-    &:before{
-      position:absolute;
-      left: -6px;
-      top: -31px;
-      content:'';
-      width:100px;
-      height:118px;
-      background:url(../images/h2-decor.svg) no-repeat scroll center left transparent;
-    }
-  }
-
-  @include media-breakpoint-down(lg) {
-    font-size:66px;
-    line-height: 70px;
-    letter-spacing:0.15px;
-
-    &.with-decor{
-      &:before{
-        width:88px;
-        height:104px;
-        background-size:contain;
-        top: -27px;
-        left: -11px;
-      }
-    }
-  }
-
-  @include media-breakpoint-down(md) {
-    font-size:46px;
-    line-height: 48px;
-    letter-spacing:0.125px;
-
-    &.with-decor{
-      &:before{
-        width: 58px;
-        height: 72px;
-        background-size: contain;
-        top: -20px;
-        left: -12px;
-      }
-    }
-  }
-
-  @include media-breakpoint-down(sm) {
-    font-size:36px;
-    line-height: 38px;
-    letter-spacing:0.1px;
-
-    &.with-decor{
-      &:before{
-        width: 50px;
-        height: 59px;
-        top: -17px;
-        left: -10px;
-      }
-    }
-  }
+.manualAnchor {
+	margin-top: -200px;
+	position: absolute;
+}
+.anchor {
+	&.after {
+		position: absolute;
+	}
 }
 
-h3{
-  font-family: $ruberoid;
-  font-weight:bold;
-  font-size: 52px;
-  color: #000000;
-  letter-spacing: 0.15px;
-  line-height: 60px;
-  position:relative;
-
-  &.with-decor{
-    &:before{
-      position:absolute;
-      left: -6px;
-      top: -20px;
-      content: "";
-      width: 58px;
-      height: 78px;
-      background:url(../images/h2-decor.svg) no-repeat scroll center left transparent;
-      background-size:contain;
-    }
-  }
-
-  @include media-breakpoint-down(md) {
-    font-size:42px;
-    letter-spacing:0.12px;
-    line-height:50px;
-
-    &.with-decor{
-      &:before{
-        left: -10px;
-        top: -18px;
-        content: "";
-        width: 50px;
-        height: 66px;
-      }
-    }
-  }
-
-  @include media-breakpoint-down(sm) {
-    font-size:32px;
-    letter-spacing:0.09px;
-    line-height:40px;
-
-    &.with-decor{
-      &:before{
-        width: 40px;
-        height: 50px;
-        background-size: contain;
-        top: -12px;
-        left: -8px;
-      }
-    }
-  }
+section {
+	width: 100%;
+	padding: 65px 0;
 
+	@include media-breakpoint-down(sm) {
+		padding: 30px 0;
+	}
 }
 
-h4{
-  font-family: $ruberoid;
-  font-weight:600;
-  font-size: 42px;
-  color: #000000;
-  letter-spacing: 0.55px;
-  line-height: 52px;
-
-  @include media-breakpoint-down(md) {
-    font-size:36px;
-    letter-spacing:0.42px;
-    line-height:42px;
-  }
-
-  @include media-breakpoint-down(sm) {
-    font-size:24px;
-    letter-spacing:0.32px;
-    line-height:32px;
-  }
+h1 {
+	font-family: $ruberoid;
+	font-weight: bold;
+	font-size: 110px;
+	color: #000000;
+	letter-spacing: 1.38px;
+	line-height: 106px;
+	display: inline-block;
+
+	&.main {
+		max-width: 960px;
+	}
+
+	@include media-breakpoint-down(xl) {
+		font-size: 80px;
+		letter-spacing: 1px;
+		line-height: 82px;
+	}
+
+	@include media-breakpoint-down(lg) {
+		font-size: 60px;
+		letter-spacing: 0.8px;
+		line-height: 64px;
+	}
+	@include media-breakpoint-down(md) {
+		font-size: 50px;
+		letter-spacing: 0.62px;
+		line-height: 52px;
+	}
+	@include media-breakpoint-down(sm) {
+		font-size: 32px;
+		letter-spacing: 0.4px;
+		line-height: 38px;
+	}
 }
 
-
-h5{
-  font-family: $ruberoid;
-  font-weight:bold;
-  font-size: 46px;
-  color: #000000;
-  letter-spacing: 0;
-  line-height: 55px;
-
-  @include media-breakpoint-down(md) {
-    font-size: 28px;
-    letter-spacing: 0.37px;
-    line-height: 32px;
-  }
-  @include media-breakpoint-down(sm) {
-    font-size: 20px;
-    letter-spacing: 0.26px;
-    line-height: 22px;
-  }
+h2,
+.h2 {
+	font-family: $ruberoid;
+	font-weight: bold;
+	font-size: 70px;
+	line-height: 74px;
+	color: #000000;
+	letter-spacing: 0.2px;
+	position: relative;
+
+	&.with-decor {
+		&:before {
+			position: absolute;
+			left: -6px;
+			top: -31px;
+			content: "";
+			width: 100px;
+			height: 118px;
+			background: url(../images/h2-decor.svg) no-repeat scroll center left transparent;
+		}
+	}
+
+	@include media-breakpoint-down(lg) {
+		font-size: 66px;
+		line-height: 70px;
+		letter-spacing: 0.15px;
+
+		&.with-decor {
+			&:before {
+				width: 88px;
+				height: 104px;
+				background-size: contain;
+				top: -27px;
+				left: -11px;
+			}
+		}
+	}
+
+	@include media-breakpoint-down(md) {
+		font-size: 46px;
+		line-height: 48px;
+		letter-spacing: 0.125px;
+
+		&.with-decor {
+			&:before {
+				width: 58px;
+				height: 72px;
+				background-size: contain;
+				top: -20px;
+				left: -12px;
+			}
+		}
+	}
+
+	@include media-breakpoint-down(sm) {
+		font-size: 36px;
+		line-height: 38px;
+		letter-spacing: 0.1px;
+
+		&.with-decor {
+			&:before {
+				width: 50px;
+				height: 59px;
+				top: -17px;
+				left: -10px;
+			}
+		}
+	}
 }
 
-h6{
-  font-family: $ruberoid;
-  font-weight:300;
-  font-size: 20px;
-  color: #000000;
-  letter-spacing: 0;
-  line-height: 25px;
-  margin-bottom:30px;
-  position:relative;
-  display:inline-block;
-
-  &:before{
-    width:100%;
-    height:1px;
-    background: #000000;
-    position:absolute;
-    bottom:0;
-    left:0;
-    content:'';
-  }
+h3 {
+	font-family: $ruberoid;
+	font-weight: bold;
+	font-size: 52px;
+	color: #000000;
+	letter-spacing: 0.15px;
+	line-height: 60px;
+	position: relative;
+
+	&.with-decor {
+		&:before {
+			position: absolute;
+			left: -6px;
+			top: -20px;
+			content: "";
+			width: 58px;
+			height: 78px;
+			background: url(../images/h2-decor.svg) no-repeat scroll center left transparent;
+			background-size: contain;
+		}
+	}
+
+	@include media-breakpoint-down(md) {
+		font-size: 42px;
+		letter-spacing: 0.12px;
+		line-height: 50px;
+
+		&.with-decor {
+			&:before {
+				left: -10px;
+				top: -18px;
+				content: "";
+				width: 50px;
+				height: 66px;
+			}
+		}
+	}
+
+	@include media-breakpoint-down(sm) {
+		font-size: 32px;
+		letter-spacing: 0.09px;
+		line-height: 40px;
+
+		&.with-decor {
+			&:before {
+				width: 40px;
+				height: 50px;
+				background-size: contain;
+				top: -12px;
+				left: -8px;
+			}
+		}
+	}
 }
 
-.modal-content-inner{
-  h3{
-    font-family: $ruberoid;
-    font-weight:bold;
-    font-size: 30px;
-    color: #000000;
-    letter-spacing: 0;
-    line-height: 36px;
-    margin-bottom:40px;
-  }
-
-  form{
-    input[type='text']{
-      background:#fff;
-      color:#000;
-    }
-  }
+h4 {
+	font-family: $ruberoid;
+	font-weight: 600;
+	font-size: 42px;
+	color: #000000;
+	letter-spacing: 0.55px;
+	line-height: 52px;
+
+	@include media-breakpoint-down(md) {
+		font-size: 36px;
+		letter-spacing: 0.42px;
+		line-height: 42px;
+	}
+
+	@include media-breakpoint-down(sm) {
+		font-size: 24px;
+		letter-spacing: 0.32px;
+		line-height: 32px;
+	}
 }
 
-main{
-  //overflow:hidden;
-  width:100%;
-  padding-top:40px;
+h5 {
+	font-family: $ruberoid;
+	font-weight: bold;
+	font-size: 46px;
+	color: #000000;
+	letter-spacing: 0;
+	line-height: 55px;
+
+	@include media-breakpoint-down(md) {
+		font-size: 28px;
+		letter-spacing: 0.37px;
+		line-height: 32px;
+	}
+	@include media-breakpoint-down(sm) {
+		font-size: 20px;
+		letter-spacing: 0.26px;
+		line-height: 22px;
+	}
+}
 
-  @include media-breakpoint-down(xl) {
-    padding-top:50px;
-  }
+h6 {
+	font-family: $ruberoid;
+	font-weight: 300;
+	font-size: 20px;
+	color: #000000;
+	letter-spacing: 0;
+	line-height: 25px;
+	margin-bottom: 30px;
+	position: relative;
+	display: inline-block;
+
+	&:before {
+		width: 100%;
+		height: 1px;
+		background: #000000;
+		position: absolute;
+		bottom: 0;
+		left: 0;
+		content: "";
+	}
+}
 
-  @include media-breakpoint-down(md) {
-    padding-top:0;
-  }
+.modal-content-inner {
+	h3 {
+		font-family: $ruberoid;
+		font-weight: bold;
+		font-size: 30px;
+		color: #000000;
+		letter-spacing: 0;
+		line-height: 36px;
+		margin-bottom: 40px;
+	}
+
+	form {
+		input[type="text"] {
+			background: #fff;
+			color: #000;
+		}
+	}
 }
 
+main {
+	//overflow:hidden;
+	width: 100%;
+	padding-top: 40px;
 
+	@include media-breakpoint-down(xl) {
+		padding-top: 50px;
+	}
 
-hr:not([size]){
-  border:none;
-  background:none;
-  height:auto;
-  opacity:1;
-
-  &:before{
-    content:'//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////';
-    position:relative;
-    width:100%;
-    opacity: 0.24;
-    font-family: $ruberoid;
-    font-weight:bold;
-    font-size: 10px;
-    color: #000000;
-    letter-spacing: 0;
-  }
+	@include media-breakpoint-down(md) {
+		padding-top: 0;
+	}
 }
 
-.text-container{
-  ul,ol{
-    list-style:none;
-    padding:0;
-    margin:0;
-
-    li{
-      padding-left:25px;
-      position:relative;
-      margin-bottom:25px;
-
-      &:before{
-        width:8px;
-        height:8px;
-        border-radius:50%;
-        position:absolute;
-        left:0;
-        top:9px;
-        content:'';
-        background:#000;
-      }
-    }
-  }
+hr:not([size]) {
+	border: none;
+	background: none;
+	height: auto;
+	opacity: 1;
+
+	&:before {
+		content: "//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////";
+		position: relative;
+		width: 100%;
+		opacity: 0.24;
+		font-family: $ruberoid;
+		font-weight: bold;
+		font-size: 10px;
+		color: #000000;
+		letter-spacing: 0;
+	}
 }
 
-.animation-container{
-  width:500px;
-  height:500px;
-  background:yellow;
+.text-container {
+	ul,
+	ol {
+		list-style: none;
+		padding: 0;
+		margin: 0;
+
+		li {
+			padding-left: 25px;
+			position: relative;
+			margin-bottom: 25px;
+
+			&:before {
+				width: 8px;
+				height: 8px;
+				border-radius: 50%;
+				position: absolute;
+				left: 0;
+				top: 9px;
+				content: "";
+				background: #000;
+			}
+		}
+	}
 }
 
-.ReactModal__Content{
-  inset:80px 0 0 0 !important;
-  background:none !important;
-  border:none !important;
-
-  .inner{
-    transform:translateX(-50%) translateY(-50%);
-    background-color: rgba(255, 255, 255,.9);
-
-    @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
-      background-color: rgba(255, 255, 255,.7);
-      backdrop-filter: blur(20px);
-      -webkit-backdrop-filter: blur(20px);
-    }
-
-    left:50%;
-    max-width:600px;
-    position: absolute;
-    width:90%;
-    top:50%;
-    padding:50px;
-    border-radius:10px;
-
-    @media screen and (max-height: 800px) {
-      top:80px;
-      margin-top:0;
-      transform: translateX(-50%);
-    }
-
-  }
-
-  .close-button{
-    position:absolute;
-    right:10px;
-    top:10px;
-    width:30px;
-    height:30px;
-    background:black;
-    text-align:center;
-    border:none;
-    line-height:30px;
-    font-size:10px;
-    color:#fff;
-    border-radius:5px;
-  }
+.animation-container {
+	width: 500px;
+	height: 500px;
+	background: yellow;
+}
 
+.ReactModal__Content {
+	inset: 80px 0 0 0 !important;
+	background: none !important;
+	border: none !important;
+
+	.inner {
+		transform: translateX(-50%) translateY(-50%);
+		background-color: rgba(255, 255, 255, 0.9);
+
+		@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
+			background-color: rgba(255, 255, 255, 0.7);
+			backdrop-filter: blur(20px);
+			-webkit-backdrop-filter: blur(20px);
+		}
+
+		left: 50%;
+		max-width: 600px;
+		position: absolute;
+		width: 90%;
+		top: 50%;
+		padding: 50px;
+		border-radius: 10px;
+
+		@media screen and (max-height: 800px) {
+			top: 80px;
+			margin-top: 0;
+			transform: translateX(-50%);
+		}
+	}
+
+	.close-button {
+		position: absolute;
+		right: 10px;
+		top: 10px;
+		width: 30px;
+		height: 30px;
+		background: black;
+		text-align: center;
+		border: none;
+		line-height: 30px;
+		font-size: 10px;
+		color: #fff;
+		border-radius: 5px;
+	}
 }
 
-.ReactModal__Overlay{
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color: rgba(31, 17, 52,.15) !important;
-  z-index:100;
-  opacity:0;
-  transition: all 500ms ease-in-out;
+.ReactModal__Overlay {
+	position: fixed;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	background-color: rgba(31, 17, 52, 0.15) !important;
+	z-index: 100;
+	opacity: 0;
+	transition: all 500ms ease-in-out;
 }
 
 .ReactModal__Overlay--after-open {
-  opacity: 1;
-  transform: translateX(0px);
+	opacity: 1;
+	transform: translateX(0px);
 }
 
 .ReactModal__Overlay--before-close {
-  opacity: 0;
-  transform: translateX(-100px);
+	opacity: 0;
+	transform: translateX(-100px);
 }
 
-
-.breadcrumb{
-  .icon-dropdown{
-    transform:rotate(-90deg);
-    display:inline-block;
-    font-size:7px;
-    margin:0 20px;
-    float:right;
-    margin-top:8px;
-  }
-
-  .breadcrumb-item{
-    font-family: $inter;
-    font-weight:300;
-    font-size: 15px;
-    color: #000000;
-    letter-spacing: 0;
-    line-height: 23px;
-
-    &.active{
-      color:initial;
-    }
-  }
+.breadcrumb {
+	.icon-dropdown {
+		transform: rotate(-90deg);
+		display: inline-block;
+		font-size: 7px;
+		margin: 0 20px;
+		float: right;
+		margin-top: 8px;
+	}
+
+	.breadcrumb-item {
+		font-family: $inter;
+		font-weight: 300;
+		font-size: 15px;
+		color: #000000;
+		letter-spacing: 0;
+		line-height: 23px;
+
+		&.active {
+			color: initial;
+		}
+	}
 }
diff --git a/src/scss/modules/anchorMenu.scss b/src/scss/modules/anchorMenu.scss
index 86c7492ae..af4cd2949 100644
--- a/src/scss/modules/anchorMenu.scss
+++ b/src/scss/modules/anchorMenu.scss
@@ -1,5 +1,5 @@
 .anchorMenu{
-  a{
+  .anchor-link{
     font-family: $ruberoid;
     font-weight:bold;
     font-size: 14px;
@@ -10,6 +10,7 @@
   }
 
   @include media-breakpoint-down(md) {
-    display:none;
+    margin-top: 32px;
+    margin-bottom: 20px;
   }
 }
diff --git a/src/scss/modules/faq.scss b/src/scss/modules/faq.scss
index c30c915c8..ce83922a8 100644
--- a/src/scss/modules/faq.scss
+++ b/src/scss/modules/faq.scss
@@ -1,6 +1,7 @@
 .faq{
   width:100%;
   border-bottom: 1px solid #000000;
+  
 
   .question{
     font-family: $ruberoid;
diff --git a/src/scss/modules/footer.scss b/src/scss/modules/footer.scss
index 99af44486..2aac4e4ab 100644
--- a/src/scss/modules/footer.scss
+++ b/src/scss/modules/footer.scss
@@ -1,308 +1,508 @@
-footer{
-  background:url(../images/footer-bg.png) no-repeat scroll center bottom transparent;
-  background-size:100% 1200px;
-  width:100%;
-  padding-top:20px;
-  padding-bottom:40px;
-  position:relative;
-  z-index:1;
-
-  @include media-breakpoint-down(lg) {
-    background-size:auto 1800px;
-  }
-  @include media-breakpoint-down(md) {
-    background-size:auto 2000px;
-  }
-  @include media-breakpoint-down(sm) {
-    background-size:auto 2400px;
-  }
-
-  .footer-boxes{
-    display:flex;
-    width:100%;
-
-    @include media-breakpoint-down(md) {
-      display:block;
+footer {
+	// background: url(../images/footer-bg.png) no-repeat scroll center bottom transparent;
+	width: 100%;
+	padding-top: 450px;
+	padding-bottom: 40px;
+	margin-top: -450px;
+	position: relative;
+	&::before{
+		content: "";
+		background: url(../images/footer-bg.png) no-repeat scroll center bottom transparent;
+		background-size: 100% 1200px;
+		height: 100%;
+		width: 100%;
+		position: absolute;
+		bottom: 0;
+		left: 0;
+		z-index: -2;
+	
+		@include media-breakpoint-down(lg) {
+			background-size: auto 1800px;
+		}
+		@include media-breakpoint-down(md) {
+			background-size: auto 2000px;
+		}
+		@include media-breakpoint-down(sm) {
+			background-size: auto 2800px;
+		}
+	}
+	@include media-breakpoint-down(sm) {
+		padding-top: 550px;
+		margin-top: -600px;
+	}
+
+	.footer-boxes {
+		display: flex;
+		width: 100%;
+
+		@include media-breakpoint-down(md) {
+			display: block;
+		}
+	}
+
+	.footer-box {
+		width: 50%;
+		display: contents;
+		margin-bottom: 140px;
+
+		@include media-breakpoint-down(md) {
+			width: 100%;
+			display: block;
+			margin-bottom: 15px;
+		}
+
+		.footer-box-inner {
+			background: #f9f9f9;
+			border-radius: 6px;
+			width: 100%;
+			background-repeat: no-repeat;
+			background-position: right bottom;
+			position: relative;
+			overflow: hidden;
+
+			.bg {
+				position: absolute;
+				left: 0;
+				top: 0;
+				z-index: 1;
+			}
+			.inner {
+				z-index: 2;
+				width: 100%;
+				height: 100%;
+				background-repeat: no-repeat;
+				background-position: right bottom;
+				position: relative;
+				padding: 95px 55px;
+
+				@include media-breakpoint-down(md) {
+					padding: 40px;
+				}
+			}
+		}
+
+		&:nth-child(1) {
+			.footer-box-inner {
+				margin-right: 15px;
+
+				@include media-breakpoint-down(md) {
+					margin-right: 0;
+				}
+
+				.inner {
+					background-image: url(../images/footer-box-1.svg);
+					background-size: 40%;
+
+					@include media-breakpoint-down(lg) {
+						background-size: 50%;
+					}
+					@include media-breakpoint-down(md) {
+						background-size: 25%;
+					}
+				}
+			}
+		}
+
+		&:nth-child(2) {
+			.footer-box-inner {
+				margin-left: 15px;
+				position: relative;
+
+				@include media-breakpoint-down(md) {
+					margin-left: 0;
+				}
+
+				.inner {
+					background-image: url(../images/footer-box-2.svg);
+					background-size: 60%;
+
+					@include media-breakpoint-down(lg) {
+						background-size: 80%;
+					}
+					@include media-breakpoint-down(md) {
+						background-size: 40%;
+					}
+				}
+
+				.bg {
+					position: absolute;
+					content: "";
+					top: -5px;
+					left: -5px;
+					right: -5px;
+					bottom: -5px;
+					background-image: url(../images/footer-box-bg.png);
+					background-repeat: no-repeat;
+				}
+			}
+		}
+
+		.title {
+			font-family: $ruberoid;
+			font-weight: bold;
+			font-size: 52px;
+			color: #000000;
+			letter-spacing: 0;
+			line-height: 1.1em;
+			margin-bottom: 30px;
+
+			@include media-breakpoint-down(lg) {
+				font-size: 42px;
+			}
+			@include media-breakpoint-down(md) {
+				font-size: 32px;
+			}
+		}
+
+		.text {
+			white-space: pre-line;
+			font-family: $inter;
+			font-size: 18px;
+			color: #414141;
+			letter-spacing: -0.1px;
+			line-height: 26px;
+			margin-bottom: 110px;
+			width: 70%;
+
+			@include media-breakpoint-down(lg) {
+				margin-bottom: 150px;
+			}
+
+			@include media-breakpoint-down(md) {
+				font-size: 16px;
+				margin-bottom: 30px;
+			}
+		}
+
+		.footer-box-inner-bottom {
+			position: absolute;
+			left: 55px;
+			bottom: 95px;
+
+			@include media-breakpoint-down(md) {
+				left: unset;
+				bottom: unset;
+				position: relative;
+			}
+
+			.socials {
+				margin-top: 30px;
+				img {
+					width: 32px;
+					margin-right: 8px;
+				}
+			}
+		}
+	}
+
+	.footer-boxes-2 {
+		.footer-title {
+			color: #000;
+			font-family: $ruberoid;
+			font-size: 52px;
+			font-style: normal;
+			font-weight: bold;
+			line-height: 1.1em;
+			text-align: center;
+			margin-bottom: 65px;
+			@include media-breakpoint-down(sm) {
+				margin-bottom: 60px;
+			}
+		}
+		.footer-box-wrapper {
+			display: flex;
+			width: 100%;
+
+			@include media-breakpoint-down(md) {
+				display: block;
+			}
+			.footer-box-2 {
+				width: 50%;
+				display: contents;
+				margin-bottom: 140px;
+
+				@include media-breakpoint-down(md) {
+					width: 100%;
+					display: block;
+					margin-bottom: 15px;
+				}
+
+				.footer-box-inner {
+					border-radius: 14px;
+          border: 1px solid #E9E5F0;
+          background: #FFF;
+					width: 100%;
+					background-repeat: no-repeat;
+					background-position: right bottom;
+					position: relative;
+					overflow: hidden;
+
+					.bg {
+						position: absolute;
+						left: 0;
+						top: 0;
+						z-index: 1;
+					}
+					.inner {
+						z-index: 2;
+						width: 100%;
+						height: 100%;
+						background-repeat: no-repeat;
+						background-position: right top;
+						position: relative;
+						padding: 35px 36px 40px 36px;
+
+						@include media-breakpoint-down(md) {
+							padding: 40px;
+						}
+					}
+				}
+
+				&:nth-child(1) {
+					.footer-box-inner {
+						margin-right: 15px;
+
+						@include media-breakpoint-down(md) {
+							margin-right: 0;
+						}
+
+						.inner {
+							background-image: url(../images/footer-box2-1.png);
+							background-size: 30%;
+							display: flex;
+							flex-direction: column;
+
+							@include media-breakpoint-down(lg) {
+								background-size: 30%;
+							}
+							@include media-breakpoint-down(md) {
+								background-size: 30%;
+							}
+							@include media-breakpoint-down(sm) {
+								background-size: 40%;
+							}
+						}
+					}
+				}
+
+				&:nth-child(2) {
+					.footer-box-inner {
+						margin-left: 15px;
+						position: relative;
+
+						@include media-breakpoint-down(md) {
+							margin-left: 0;
+						}
+
+						.inner {
+							background-image: url(../images/footer-box2-2.png);
+							background-size: 30%;
+
+							@include media-breakpoint-down(lg) {
+								background-size: 30%;
+							}
+              @include media-breakpoint-down(md) {
+								background-size: 30%;
+							}
+							@include media-breakpoint-down(sm) {
+								background-size: 40%;
+							}
+						}
+					}
+				}
+
+				.title {
+					color: #000;
+					font-family: $inter;
+					font-size: 30px;
+					font-style: normal;
+					font-weight: bold;
+					line-height: normal;
+					letter-spacing: -0.36px;
+					margin-bottom: 30px;
+					@include media-breakpoint-down(sm) {
+						font-size: 26px;
+            max-width: 200px;
+					}
+				}
+
+				.text {
+					white-space: pre-line;
+					color: #414141;
+					font-family: $inter;
+					font-size: 18px;
+					font-style: normal;
+					font-weight: 300;
+					line-height: 28px;
+					letter-spacing: -0.081px;
+					margin-bottom: 20px;
+					width: 70%;
+					@include media-breakpoint-down(sm) {
+						font-size: 16px;
+            width: 90%;
+					}
+				}
+
+				.footer-box-inner-bottom {
+					margin-top: auto;
+				}
+			}
+		}
+	}
+
+	.title {
+		font-family: $ruberoid;
+		font-weight: bold;
+		font-size: 40px;
+		color: #ffffff;
+		letter-spacing: 0;
+		line-height: 48px;
+		margin-bottom: 20px;
+	}
+
+	.col-title {
+		margin-bottom: 20px;
+		font-family: $ruberoid;
+		font-weight: bold;
+		font-size: 20px;
+		color: #ffffff;
+		letter-spacing: 0;
+		line-height: 40px;
+	}
+
+	nav {
+		display: flex;
+		@include media-breakpoint-down(sm) {
+			display: block;
+		}
+		ul {
+			list-style: none;
+			padding: 0;
+			margin-right: 70px;
+			@include media-breakpoint-down(md) {
+				margin-right: 40px;
+			}
+			@include media-breakpoint-down(sm) {
+				margin-right: 0px;
+				margin-bottom: 40px;
+			}
+
+			li {
+				font-family: $ruberoid;
+				font-weight: 500;
+				font-size: 14px;
+				color: #ffffff;
+				letter-spacing: 0;
+				display: block;
+				&:not(:last-child) {
+					margin-bottom: 8px;
+				}
+
+				a {
+					text-decoration: none;
+					transition: 300ms all ease-in-out;
+
+					&:hover {
+						color: darken(#fff, 20%);
+					}
+				}
+			}
+		}
+	}
+	.input-group-text {
+		background: #fff;
+		height: 50px;
+
+		input,
+		.form-control {
+			background: #fff;
+			outline: none;
+		}
+	}
+	input#email {
+		padding: 15px 25px;
+	}
+
+	.input-group-append {
+		.input-group-text {
+			border-top-left-radius: 0;
+			border-bottom-left-radius: 0;
+			background: #fff;
+			padding: 0 10px;
+
+			select {
+				height: 100%;
+				border: none;
+				outline: none;
+				-webkit-appearance: none;
+			}
+		}
+	}
+
+	p {
+		opacity: 0.75;
+		font-family: $ruberoid;
+		font-weight: 500;
+		color: #fff;
+		text-align: center;
+		font-size: 11px;
+		font-style: normal;
+		font-weight: 400;
+		line-height: normal;
+		max-width: 500px;
+	}
+
+	.copyright {
+		font-family: $ruberoid;
+		font-weight: 600;
+		font-size: 16px;
+		color: #ffffff;
+		letter-spacing: 0;
+
+		a {
+			text-decoration: none;
+
+			&:hover {
+				color: inherit;
+			}
+		}
+	}
+
+	.socials {
+		margin-top: 25px;
+		color: #fff;
+
+		a {
+			margin-right: 10px;
+			width: 40px;
+			height: 40px;
+			border-radius: 50%;
+			background: rgba(255, 255, 255, 0.3);
+			line-height: 40px;
+			text-align: center;
+			display: inline-block;
+			color: #ffffff;
+		}
+		img {
+			width: 40px;
+		}
+	}
+
+	.credit {
+		color: #fff;
+		font-family: $ruberoid;
+		font-size: 16px;
+		font-style: normal;
+		font-weight: 600;
+		line-height: normal;
+    opacity:1 ;
+    @include media-breakpoint-down(sm) {
+      font-size: 13px;
     }
-  }
-
-  .footer-box{
-    width:50%;
-    display:contents;
-    margin-bottom:140px;
-
-    @include media-breakpoint-down(md) {
-      width:100%;
-      display:block;
-      margin-bottom:15px;
-    }
-
-    .footer-box-inner{
-      background: #F9F9F9;
-      border-radius: 6px;
-      width:100%;
-      background-repeat: no-repeat;
-      background-position: right bottom;
-      position: relative;
-      overflow:hidden;
-
-      .bg{
-        position:absolute;
-        left:0;
-        top:0;
-        z-index:1;
-      }
-      .inner{
-        z-index:2;
-        width:100%;
-        height:100%;
-        background-repeat: no-repeat;
-        background-position: right bottom;
-        position: relative;
-        padding:95px 55px;
-
-        @include media-breakpoint-down(md) {
-          padding:40px;
-        }
-      }
-    }
-
-    &:nth-child(1){
-      .footer-box-inner{
-        margin-right:15px;
-
-        @include media-breakpoint-down(md) {
-          margin-right:0;
-        }
-
-        .inner{
-          background-image:url(../images/footer-box-1.svg);
-          background-size:40%;
-
-          @include media-breakpoint-down(lg) {
-            background-size:50%;
-          }
-          @include media-breakpoint-down(md) {
-            background-size:25%;
-          }
-        }
-      }
-    }
-
-    &:nth-child(2){
-      .footer-box-inner{
-        margin-left:15px;
-        position:relative;
-
-        @include media-breakpoint-down(md) {
-          margin-left:0;
-        }
-
-        .inner{
-          background-image:url(../images/footer-box-2.svg);
-          background-size:60%;
-
-          @include media-breakpoint-down(lg) {
-            background-size:80%;
-          }
-          @include media-breakpoint-down(md) {
-            background-size:40%;
-          }
-        }
-
-        .bg{
-          position: absolute;
-          content:'';
-          top:-5px;
-          left:-5px;
-          right:-5px;
-          bottom:-5px;
-          background-image:url(../images/footer-box-bg.png);
-          background-repeat: no-repeat;
-        }
-      }
-    }
-
-    .title{
-      font-family: $ruberoid;
-      font-weight:bold;
-      font-size: 52px;
-      color: #000000;
-      letter-spacing: 0;
-      line-height: 1.1em;
-      margin-bottom:30px;
-
-      @include media-breakpoint-down(lg) {
-        font-size:42px;
-      }
-      @include media-breakpoint-down(md) {
-        font-size:32px;
-      }
-    }
-
-    .text{
-      white-space: pre-line;
-      font-family: $inter;
-      font-size: 18px;
-      color: #414141;
-      letter-spacing: -0.1px;
-      line-height: 26px;
-      margin-bottom:110px;
-      width:70%;
-
-      @include media-breakpoint-down(lg) {
-        margin-bottom:150px;
-      }
-
-      @include media-breakpoint-down(md) {
-        font-size:16px;
-        margin-bottom:30px;
-      }
-    }
-
-    .footer-box-inner-bottom{
-      position:absolute;
-      left:55px;
-      bottom:95px;
-
-      @include media-breakpoint-down(md) {
-        left:unset;
-        bottom:unset;
-        position:relative;
-      }
-
-      .socials{
-        margin-top:30px;
-        img{
-          width:32px;
-          margin-right:8px;
-        }
-      }
-    }
-  }
-
-  .title{
-    font-family: $ruberoid;
-    font-weight:bold;
-    font-size: 40px;
-    color: #FFFFFF;
-    letter-spacing: 0;
-    line-height: 48px;
-    margin-bottom:20px;
-  }
-
-  .col-title{
-    margin-bottom:20px;
-    font-family: $ruberoid;
-    font-weight:bold;
-    font-size: 20px;
-    color: #FFFFFF;
-    letter-spacing: 0;
-    line-height: 40px;
-  }
-
-  nav{
-    ul{
-      list-style:none;
-      padding:0;
-
-      li{
-        font-family: $ruberoid;
-        font-weight:500;
-        font-size: 14px;
-        color: #FFFFFF;
-        letter-spacing: 0;
-        display:grid;
-        width:50%;
-        float:left;
-
-        a{
-          text-decoration: none;
-          transition:300ms all ease-in-out;
-
-          &:hover{
-            color:darken(#fff,20%);
-          }
-        }
-      }
-    }
-  }
-  .input-group-text{
-    background:#fff;
-    height:50px;
-
-    input, .form-control{
-      background:#fff;
-      outline:none;
-    }
-  }
-
-
-  .input-group-append{
-    .input-group-text{
-      border-top-left-radius: 0;
-      border-bottom-left-radius: 0;
-      background:#fff;
-      padding:0 10px;
-
-
-
-      select{
-        height:100%;
-        border:none;
-        outline: none;
-        -webkit-appearance:none;
-      }
-    }
-  }
-
-  p{
-    opacity: 0.75;
-    font-family: $ruberoid;
-    font-weight:500;
-    font-size: 11px;
-    color: rgba(255,255,255,.75);
-    letter-spacing: 0;
-    text-align: center;
-  }
-
-  .copyright{
-    font-family: $ruberoid;
-    font-weight:600;
-    font-size: 16px;
-    color: #FFFFFF;
-    letter-spacing: 0;
-
-    a{
-      text-decoration: none;
-
-      &:hover{
-        color:inherit;
-      }
-    }
-  }
-
-  .socials{
-    margin-top:25px;
-    color:#fff;
-
-    a{
-      margin-right:10px;
-      width:40px;
-      height:40px;
-      border-radius: 50%;
-      background: rgba(255,255,255,0.30);
-      line-height:40px;
-      text-align: center;
-      display:inline-block;
-      color: #FFFFFF;
-    }
-    img{
-      width:40px;
-    }
-  }
+	}
 }
 
-.hidden-field{
-  position: absolute; left: -5000px;
+.hidden-field {
+	position: absolute;
+	left: -5000px;
 }
diff --git a/src/scss/modules/icon-card.scss b/src/scss/modules/icon-card.scss
index 9845dc636..074562e23 100644
--- a/src/scss/modules/icon-card.scss
+++ b/src/scss/modules/icon-card.scss
@@ -60,7 +60,7 @@
 			&:hover {
 				color: #393939;
 				& svg {
-					margin-left: 16px;
+					margin-left: 14px;
 				}
 			}
 		}
diff --git a/src/scss/pages/page-careers.scss b/src/scss/pages/page-careers.scss
index 88de5f42a..2cb9a3664 100644
--- a/src/scss/pages/page-careers.scss
+++ b/src/scss/pages/page-careers.scss
@@ -1,33 +1,45 @@
-.careers-page{
+.careers-page {
+	min-height: 60vw;
+	position: relative;
+	z-index: 1;
+	main {
+		h4.main {
+			font-size: 36px;
+			line-height: 32px;
+		}
 
-  main{
-    h4.main{
-      font-size:36px;
-      line-height:32px;
-    }
+		.text {
+			font-family: $ruberoid;
+			font-weight: 500;
+			font-size: 18px;
+			color: #000000;
+			letter-spacing: 0.22px;
+			line-height: 26px;
+			width: 100%;
+			margin-bottom: 30px;
 
-    .subtitle{
-      font-family: $ruberoid;
-      font-weight:500;
-      font-size: 18px;
-      color: #000000;
-      letter-spacing: 0;
-      line-height: 25px;
-      margin-bottom:30px;
-    }
+			@include media-breakpoint-down(md) {
+				font-size: 14px;
+				line-height: 21px;
+				width: 100%;
+				margin-bottom: 16px;
+			}
+		}
 
-    .text{
-      font-family: $inter;
-      font-weight:300;
-      font-size: 18px;
-      color: #414141;
-      letter-spacing: -0.1px;
-      line-height: 27px;
-
-      .button{
-        margin-top:50px;
-        display:table;
-      }
-    }
-  }
+		.paragraph {
+			color: #414141;
+			font-family: Inter;
+			font-size: 16px;
+			font-style: normal;
+			font-weight: 300;
+			line-height: 24px;
+			letter-spacing: -0.1px;
+			margin-bottom: 50px;
+			@include media-breakpoint-down(md) {
+				font-size: 14px;
+				line-height: 19px;
+				margin-bottom: 30px;
+			}
+		}
+	}
 }
diff --git a/src/scss/pages/page-community.scss b/src/scss/pages/page-community.scss
index 8e8a85801..2afc44859 100644
--- a/src/scss/pages/page-community.scss
+++ b/src/scss/pages/page-community.scss
@@ -2,6 +2,7 @@
 	position: relative;
 	background: url(../images/BG/technology.png) no-repeat scroll top 400px right transparent;
 	background-size: 600px;
+	z-index: 1;
 
 	@include media-breakpoint-down(xl) {
 		background-position: top 520px right;
@@ -32,8 +33,8 @@
 		z-index: 0;
 
 		@include media-breakpoint-down(xl) {
-			width: 480px;
-			height: 480px;
+			width: 460px;
+			height: 460px;
 			top: 30px;
 			right: 60px;
 			left: unset;
@@ -54,28 +55,42 @@
 		}
 	}
 
-	main {
-		padding-top: 100px;
-		background: url(../images/BG/home.png) no-repeat scroll top 1000px left transparent;
-		background-size: 600px;
-
-		@include media-breakpoint-down(xl) {
-			background-position: top 1000px left;
-			background-size: 600px;
-		}
-		@include media-breakpoint-down(lg) {
-			background-position: top 1600px left;
-			background-size: 600px;
-		}
+	.hero {
 		@include media-breakpoint-down(md) {
-			background-position: top 1700px left;
-			background-size: 800px;
+			padding-top: 455px;
 		}
 		@include media-breakpoint-down(sm) {
-			background-position: top 1800px left;
-			background-size: 600px;
+			padding-top: 70vw;
+		}
+
+		.text {
+			font-family: $ruberoid;
+			font-weight: 500;
+			font-size: 18px;
+			color: #000000;
+			letter-spacing: 0.22px;
+			line-height: 26px;
+			max-width: 478px;
+			margin-bottom: 50px;
+
+			@include media-breakpoint-down(lg) {
+				max-width: 365px;
+			}
+	
+			@include media-breakpoint-down(md) {
+				font-size: 14px;
+				line-height: 21px;
+				width: 100%;
+				max-width: 478px;
+				margin-bottom: 30px;
+			}
 		}
 	}
+
+	main {
+		padding-top: 100px;
+	}
+	
 	section {
 		padding-top: 50px;
 		padding-bottom: 50px;
@@ -98,20 +113,6 @@
 		}
 	}
 
-	.subtitle {
-		font-family: $ruberoid;
-		font-weight: 500;
-		font-size: 18px;
-		color: #000000;
-		letter-spacing: 0;
-		line-height: 25px;
-		margin-bottom: 30px;
-		max-width: 400px;
-		@include media-breakpoint-down(sm) {
-			max-width: 100%;
-		}
-	}
-
 	.description {
 		font-family: $inter;
 		font-weight: 300;
@@ -126,15 +127,6 @@
 		}
 	}
 
-	.hero {
-		@include media-breakpoint-down(md) {
-			padding-top: 455px;
-		}
-		@include media-breakpoint-down(sm) {
-			padding-top: 70vw;
-		}
-	}
-
 	.social-channels {
 		padding-top: 100px;
 		@include media-breakpoint-down(md) {
diff --git a/src/scss/pages/page-developer-portal.scss b/src/scss/pages/page-developer-portal.scss
index f0ab29f49..cf816013c 100644
--- a/src/scss/pages/page-developer-portal.scss
+++ b/src/scss/pages/page-developer-portal.scss
@@ -1,7 +1,6 @@
 .developer-portal {
 	position: relative;
-
-	z-index: 0;
+	z-index: 1;
 	background: url(../images/BG/technology.png) no-repeat scroll top 500px right transparent;
 
 	@include media-breakpoint-down(xl) {
@@ -31,7 +30,7 @@
 			background-position: top 3400px left;
 		}
 		@include media-breakpoint-down(sm) {
-			background-position: top 3300px left;
+			background-position: top 4060px left;
 		}
 	}
 
@@ -95,20 +94,6 @@
 		}
 	}
 
-	.subtitle {
-		font-family: $ruberoid;
-		font-weight: 500;
-		font-size: 18px;
-		color: #000000;
-		letter-spacing: 0;
-		line-height: 25px;
-		margin-bottom: 30px;
-		max-width: 400px;
-		@include media-breakpoint-down(sm) {
-			max-width: 100%;
-		}
-	}
-
 	.description {
 		font-family: $inter;
 		font-weight: 300;
@@ -130,6 +115,23 @@
 		@include media-breakpoint-down(sm) {
 			padding-top: 70vw;
 		}
+		.text {
+			font-family: $ruberoid;
+			font-weight: 500;
+			font-size: 18px;
+			color: #000000;
+			letter-spacing: 0.22px;
+			line-height: 26px;
+			max-width: 450px;
+			margin-bottom: 50px;
+	
+			@include media-breakpoint-down(md) {
+				font-size: 14px;
+				line-height: 21px;
+				width: 100%;
+				margin-bottom: 30px;
+			}
+		}
 	}
 
 	.get-started {
@@ -176,7 +178,6 @@
 		}
 	}
 
-
 	.connect-container {
 		background-color: #fff2e1;
 		padding: 50px 20px;
@@ -185,7 +186,7 @@
 			margin: auto;
 			max-width: 1300px;
 			padding: 0 75px;
-			border-radius: 8px;;
+			border-radius: 8px;
 		}
 	}
 
@@ -292,4 +293,4 @@
 	.min-width-33 {
 		min-width: 33%;
 	}
-}
\ No newline at end of file
+}
diff --git a/src/scss/pages/page-ecosystem.scss b/src/scss/pages/page-ecosystem.scss
index 29bf374fd..a0a2d2ae7 100644
--- a/src/scss/pages/page-ecosystem.scss
+++ b/src/scss/pages/page-ecosystem.scss
@@ -1,224 +1,236 @@
-.ecosystem-page{
-  position:relative;
-
-  &:before{
-    background:url(../images/BG/ecosystem.png) no-repeat scroll top right transparent;
-    background-size:contain;
-    top:-50px;
-    right:50px;
-    position:absolute;
-    content:'';
-    width:500px;
-    height:500px;
-    z-index:-1;
-
-    @include media-breakpoint-down(xl) {
-      width:400px;
-      height:400px;
-    }
-    @include media-breakpoint-down(lg) {
-      width:300px;
-      height:300px;
-      top:-100px;
-      right:0;
-    }
-    @include media-breakpoint-down(md) {
-      display:none;
-    }
-  }
-
-  .subtitle{
-    font-family: $ruberoid;
-    font-weight:500;
-    font-size: 18px;
-    color: #000000;
-    letter-spacing: 0;
-    line-height: 25px;
-    margin-bottom:30px;
-  }
-
-  .search-input{
-    background: #FFFFFF;
-    border: 1px solid #D8D8D8;
-    border-radius: 12px;
-    font-family: $inter;
-    font-size: 16px;
-    color: #000000;
-    letter-spacing: -0.3px;
-    line-height: 24px;
-    margin-bottom:30px;
-    height:60px;
-    max-width:500px;
-    background-image:url(../images/search-icon.svg);
-    background-repeat: no-repeat;
-    background-position: center right 20px;
-
-    @include media-breakpoint-down(lg) {
-      max-width:unset;
-    }
-
-    input{
-      border:none;
-      width:100%;
-      height:100%;
-      background:none;
-      padding:0 70px 0 20px;
-      font-family: $inter;
-      font-size: 16px;
-      color: #000000;
-      letter-spacing: -0.3px;
-      line-height: 24px;
-
-      &::placeholder{
-        opacity: 0.23;
-        font-family: $inter;
-        font-size: 16px;
-        color: #000000;
-        letter-spacing: -0.3px;
-        line-height: 24px;
-      }
-
-      &:focus{
-        outline:none;
-      }
-    }
-  }
-
-  .category-selector{
-    position: sticky;
-    top:120px;
-
-    @include media-breakpoint-down(lg) {
-      position:relative;
-      top:unset;
-    }
-
-    .category-selector-box{
-      @include media-breakpoint-down(lg) {
-        width:100%;
-        font-family: $ruberoid;
-        font-weight: bold;
-        font-size: 18px;
-        color: #000000;
-        letter-spacing: 0;
-        cursor: pointer;
-        background: rgba(246, 246, 246, 0.7);
-        border-radius: 6px;
-        padding: 10px;
-        margin-bottom: 10px;
-        max-height:100px;
-        transition:500ms all ease-in-out;
-        overflow: hidden;
-
-        &.opened{
-          max-height:800px;
-          ul{
-            li{
-              display:block;
-            }
-          }
-        }
-      }
-    }
-
-    ul{
-      list-style:none;
-      margin:0;
-      padding:0;
-
-      li{
-        font-family: $ruberoid;
-        font-weight:600;
-        font-size: 14px;
-        color: #000000;
-        letter-spacing: -0.09px;
-        padding:9px;
-        position:relative;
-        display:table;
-        cursor:pointer;
-
-        &.selected{
-          color:#FFF;
-          &:before{
-            content:'';
-            left:0;
-            top:0;
-            width:100%;
-            height:100%;
-            position:absolute;
-            background: $purple;
-            z-index:-1;
-            border-radius: 6px;
-          }
-        }
-
-        svg{
-          width:22px;
-          height:22px;
-          float:right;
-          display:none;
-          transition:300ms all ease-in-out;
-        }
-
-        @include media-breakpoint-down(lg) {
-          display:none;
-
-          &.selected{
-            display:block;
-            color:initial;
-            &:before{
-              display:none;
-            }
-
-            svg{
-              display:inline-block;
-            }
-          }
-        }
-      }
-    }
-  }
-
-  .ecosystem{
-    background: #F4F4F5;
-    border-radius: 12px;
-    padding:30px;
-    width:100%;
-
-    .logo-container{
-      width:60px;
-      height:60px;
-      align-items: center;
-      display:flex;
-      margin-bottom:20px;
-
-      .gatsby-image-wrapper{
-        width: 60px;
-        height: 60px;
-      }
-
-      img{
-        max-height:100%;
-      }
-    }
-
-    .category{
-      font-family: $inter;
-      font-weight:500;
-      font-size: 14px;
-      color: #000000;
-      letter-spacing: 0;
-      line-height: 24px; 
-      text-transform:uppercase;
-    }
-
-    .title{
-      font-family: $ruberoid;
-      font-weight:bold;
-      font-size: 28px;
-      color: #000000;
-      letter-spacing: 0;
-      margin-bottom:10px;
-    }
-  }
+.ecosystem-page {
+	min-height: 60vw;
+	position: relative;
+	z-index: 1;
+
+	&:before {
+		background: url(../images/BG/ecosystem.png) no-repeat scroll top right transparent;
+		background-size: contain;
+		top: -50px;
+		right: 50px;
+		position: absolute;
+		content: "";
+		width: 500px;
+		height: 500px;
+		z-index: -1;
+
+		@include media-breakpoint-down(xl) {
+			width: 400px;
+			height: 400px;
+		}
+		@include media-breakpoint-down(lg) {
+			width: 300px;
+			height: 300px;
+			top: -100px;
+			right: 0;
+		}
+		@include media-breakpoint-down(md) {
+			display: none;
+		}
+	}
+	.hero {
+		.text {
+			font-family: $ruberoid;
+			font-weight: 500;
+			font-size: 18px;
+			color: #000000;
+			letter-spacing: 0.22px;
+			line-height: 26px;
+			max-width: 450px;
+			margin-bottom: 50px;
+
+			@include media-breakpoint-down(md) {
+				font-size: 14px;
+				line-height: 21px;
+				width: 100%;
+				margin-bottom: 30px;
+			}
+		}
+	}
+
+	.search-input {
+		background: #ffffff;
+		border: 1px solid #d8d8d8;
+		border-radius: 12px;
+		font-family: $inter;
+		font-size: 16px;
+		color: #000000;
+		letter-spacing: -0.3px;
+		line-height: 24px;
+		margin-bottom: 30px;
+		height: 60px;
+		max-width: 500px;
+		background-image: url(../images/search-icon.svg);
+		background-repeat: no-repeat;
+		background-position: center right 20px;
+
+		@include media-breakpoint-down(lg) {
+			max-width: unset;
+		}
+
+		input {
+			border: none;
+			width: 100%;
+			height: 100%;
+			background: none;
+			padding: 0 70px 0 20px;
+			font-family: $inter;
+			font-size: 16px;
+			color: #000000;
+			letter-spacing: -0.3px;
+			line-height: 24px;
+
+			&::placeholder {
+				opacity: 0.23;
+				font-family: $inter;
+				font-size: 16px;
+				color: #000000;
+				letter-spacing: -0.3px;
+				line-height: 24px;
+			}
+
+			&:focus {
+				outline: none;
+			}
+		}
+	}
+
+	.category-selector {
+		position: sticky;
+		top: 120px;
+
+		@include media-breakpoint-down(lg) {
+			position: relative;
+			top: unset;
+		}
+
+		.category-selector-box {
+			@include media-breakpoint-down(lg) {
+				width: 100%;
+				font-family: $ruberoid;
+				font-weight: bold;
+				font-size: 18px;
+				color: #000000;
+				letter-spacing: 0;
+				cursor: pointer;
+				background: rgba(246, 246, 246, 0.7);
+				border-radius: 6px;
+				padding: 10px;
+				margin-bottom: 10px;
+				max-height: 100px;
+				transition: 500ms all ease-in-out;
+				overflow: hidden;
+
+				&.opened {
+					max-height: 800px;
+					ul {
+						li {
+							display: block;
+						}
+					}
+				}
+			}
+		}
+
+		ul {
+			list-style: none;
+			margin: 0;
+			padding: 0;
+
+			li {
+				font-family: $ruberoid;
+				font-weight: 600;
+				font-size: 14px;
+				color: #000000;
+				letter-spacing: -0.09px;
+				padding: 9px;
+				position: relative;
+				display: table;
+				cursor: pointer;
+
+				&.selected {
+					color: #fff;
+					&:before {
+						content: "";
+						left: 0;
+						top: 0;
+						width: 100%;
+						height: 100%;
+						position: absolute;
+						background: $purple;
+						z-index: -1;
+						border-radius: 6px;
+					}
+				}
+
+				svg {
+					width: 22px;
+					height: 22px;
+					float: right;
+					display: none;
+					transition: 300ms all ease-in-out;
+				}
+
+				@include media-breakpoint-down(lg) {
+					display: none;
+
+					&.selected {
+						display: block;
+						color: initial;
+						&:before {
+							display: none;
+						}
+
+						svg {
+							display: inline-block;
+						}
+					}
+				}
+			}
+		}
+	}
+
+	.ecosystem {
+		background: #f4f4f5;
+		border-radius: 12px;
+		padding: 30px;
+		height: 100%;
+		width: 100%;
+
+		.logo-container {
+			width: 60px;
+			height: 60px;
+			align-items: center;
+			display: flex;
+			margin-bottom: 20px;
+
+			.gatsby-image-wrapper {
+				width: 60px;
+				height: 60px;
+			}
+
+			img {
+				max-height: 100%;
+			}
+		}
+
+		.category {
+			font-family: $inter;
+			font-weight: 500;
+			font-size: 14px;
+			color: #000000;
+			letter-spacing: 0;
+			line-height: 24px;
+			text-transform: uppercase;
+		}
+
+		.title {
+			font-family: $ruberoid;
+			font-weight: bold;
+			font-size: 28px;
+			color: #000000;
+			letter-spacing: 0;
+			margin-bottom: 10px;
+		}
+	}
 }
diff --git a/src/scss/pages/page-faq.scss b/src/scss/pages/page-faq.scss
new file mode 100644
index 000000000..b22438b63
--- /dev/null
+++ b/src/scss/pages/page-faq.scss
@@ -0,0 +1,5 @@
+.faq-page {
+    position: relative;
+    z-index: 1;
+    min-height: 60vw;
+}
\ No newline at end of file
diff --git a/src/scss/pages/page-glossary.scss b/src/scss/pages/page-glossary.scss
index 380705013..1c6c6838b 100644
--- a/src/scss/pages/page-glossary.scss
+++ b/src/scss/pages/page-glossary.scss
@@ -1,4 +1,10 @@
 .glossary-page, .glossary-subpage{
+  min-height: 60vw;
+  position: relative;
+  z-index: 1;
+      @include media-breakpoint-down(md) {
+        min-height: 520px;
+    }
 
   .alphabets{
     width:100%;
@@ -411,9 +417,15 @@
     color: #000000;
     letter-spacing: 0;
     line-height: 20px;
+    @include media-breakpoint-down(md) {
+      padding:0px 16px 50px 16px;
+    }
 
     &.border-right{
       border-right: 1px solid #E4E4E4;
+      @include media-breakpoint-down(md) {
+        border-right: none;
+      }
     }
   }
 
diff --git a/src/scss/pages/page-home.scss b/src/scss/pages/page-home.scss
index 10686263d..f829efc00 100644
--- a/src/scss/pages/page-home.scss
+++ b/src/scss/pages/page-home.scss
@@ -1,7 +1,366 @@
-.index-page{
-  background:url(../images/BG/home.png) no-repeat scroll center left transparent;
+.index-page {
+	main {
+		padding-top: 100px;
+	}
+	.hero-section {
+		.text {
+			max-width: 490px;
+		}
+	}
 
-  main{
-    padding-top:100px;
-  }
+	.explore-celestia {
+		padding-top: 120px;
+		padding-bottom: 0px;
+		@include media-breakpoint-down(sm) {
+			padding-top: 100px;
+		}
+
+		.three-col-grid {
+			position: relative;
+			z-index: 1;
+			grid-row-gap: 20px;
+			display: grid;
+			grid-template-columns: 1fr;
+			grid-auto-rows: auto;
+			grid-column-gap: 20px;
+			@include media-breakpoint-up(md) {
+				grid-row-gap: 20px;
+				grid-template-columns: 1fr 1fr;
+				grid-column-gap: 20px;
+				grid-auto-rows: auto;
+				.span-full {
+					grid-column-start: 1;
+					grid-column-end: 3;
+				}
+			}
+		}
+
+		.card-item {
+			position: relative;
+			display: flex;
+			flex-direction: column;
+			border-radius: 8px;
+			background: #f7f7f7;
+			padding: 50px;
+			height: 100%;
+			h3 {
+				font-size: 40px;
+				font-style: normal;
+				font-weight: bold;
+				line-height: 48px;
+
+				@include media-breakpoint-down(md) {
+					font-size: 32px;
+					letter-spacing: 0.12px;
+					line-height: 40px;
+				}
+
+				@include media-breakpoint-down(sm) {
+					font-size: 24px;
+					letter-spacing: 0.09px;
+					line-height: 30px;
+				}
+			}
+			p {
+				margin-bottom: 0;
+				color: #414141;
+				font-size: 18px;
+				font-style: normal;
+				font-weight: 300;
+				line-height: 26px;
+				letter-spacing: -0.112px;
+				@include media-breakpoint-down(md) {
+					font-size: 16px;
+					line-height: 24px;
+				}
+				@include media-breakpoint-down(sm) {
+					font-size: 15px;
+					line-height: 22px;
+				}
+			}
+			.card-link {
+				position: absolute;
+				right: 28px;
+				top: 40px;
+				transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
+				will-change: transform, box-shadow;
+				border-radius: 9999px;
+				height: 63px;
+				width: 63px;
+				@include media-breakpoint-down(sm) {
+					height: 48px;
+					width: 48px;
+				}
+			}
+
+			.image-wrapper {
+				width: 100%;
+				max-width: 250px;
+				@include media-breakpoint-down(md) {
+					max-width: 120px;
+				}
+			}
+
+			@include media-breakpoint-down(md) {
+				padding: 30px;
+			}
+		}
+
+		.link-box {
+			&:hover {
+				.card-link {
+					transform: scale(1.1);
+					box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
+				}
+			}
+		}
+
+		.image-wrapper {
+			margin-bottom: 40px;
+		}
+
+		.card-box:last-of-type {
+			.card-item {
+				flex-direction: row;
+				align-items: center;
+				padding: 10px;
+				@include media-breakpoint-down(md) {
+					flex-direction: column;
+					justify-content: start;
+					align-items: start;
+				}
+				@include media-breakpoint-down(lg) {
+					padding: 30px;
+				}
+			}
+			.text-box {
+				padding: 50px;
+				@include media-breakpoint-down(lg) {
+					padding: 0px;
+				}
+			}
+			.image-wrapper {
+				margin-bottom: 0px;
+				margin-right: 10px;
+				margin-left: 40px;
+				max-width: 405px;
+				@include media-breakpoint-down(lg) {
+					margin-right: 40px;
+					margin-left: 0px;
+					max-width: 305px;
+				}
+				@include media-breakpoint-down(md) {
+					margin-bottom: 20px;
+					max-width: 230px;
+				}
+			}
+		}
+	}
+	.cards-section {
+		padding-top: 120px;
+		@include media-breakpoint-down(sm) {
+			padding-top: 80px;
+		}
+	}
+
+	.join-the-community {
+		padding: 110px 0px 130px 0px;
+		@include media-breakpoint-down(lg) {
+			padding: 80px 0px;
+		}
+		@include media-breakpoint-down(sm) {
+			padding: 50px 0px;
+		}
+		.row {
+			margin-top: 60px;
+			flex-wrap: nowrap;
+		}
+
+		.subtitle {
+			margin-bottom: 60px;
+			@include media-breakpoint-down(sm) {
+				margin-bottom: 40px;
+			}
+		}
+		.scroll-box-main {
+			@include media-breakpoint-up(lg) {
+				overflow-x: scroll;
+				// padding-bottom: 10px;
+			}
+
+			img {
+				-webkit-user-drag: none; /* Chrome, Safari, Opera */
+				-moz-user-select: none; /* Firefox */
+				-ms-user-select: none; /* Internet Explorer/Edge */
+				user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
+			}
+		}
+
+		.scroll-box {
+			@include media-breakpoint-down(lg) {
+				overflow-x: scroll;
+				padding-bottom: 10px;
+			}
+		}
+
+		.social-wrapper {
+			display: flex;
+			flex-direction: column;
+			justify-content: space-between;
+			border: 1px solid #d9d9d9;
+			background-color: white;
+			padding: 55px 50px 45px 45px;
+			border-radius: 8px;
+			height: 100%;
+			@include media-breakpoint-down(sm) {
+				padding: 35px 35px 25px 25px;
+			}
+
+			.social-box {
+				display: flex;
+				flex-wrap: wrap;
+				@include media-breakpoint-up(lg) {
+					max-width: 420px;
+				}
+
+				.logo-container {
+					height: 40px;
+					width: 40px;
+					.gatsby-image-wrapper {
+						width: 40px;
+					}
+				}
+				.text-box {
+					.title {
+						color: #000;
+						font-size: 16px;
+						font-style: normal;
+						line-height: normal;
+					}
+					.text {
+						font-size: 12px;
+						font-style: normal;
+						line-height: normal;
+						margin-top: 2px;
+					}
+				}
+				.icon-card-wrapper {
+					.community-item {
+						display: flex;
+						align-items: center;
+						padding: 0px;
+						height: fit-content;
+						.title {
+							margin-top: 0px;
+						}
+					}
+				}
+
+				// .icon-card-wrapper:nth-child(5),
+				// .icon-card-wrapper:nth-child(6) {
+				// 	width: 100%;
+				// 	@include media-breakpoint-up(md) {
+				// 		width: 33.33%;
+				// 	}
+				// 	@include media-breakpoint-up(lg) {
+				// 		width: 100%;
+				// 	}
+				// }
+				.icon-card-wrapper {
+					margin-bottom: 40px;
+				}
+			}
+
+			.link-container {
+				margin-left: auto;
+				@include media-breakpoint-down(lg) {
+					margin-top: 40px;
+				}
+				.link {
+					font-family: $ruberoid;
+					font-style: normal;
+					font-weight: 700;
+					font-size: 14px;
+					line-height: 1em;
+					padding: 8px 0;
+					margin: -8px 0;
+					color: #000000;
+					transition: all 0.2s ease-in-out;
+					&:hover {
+						color: #393939;
+						& svg {
+							transform: translateX(8px) translateY(-2px);
+						}
+					}
+				}
+				svg {
+					transform: translateX(0px) translateY(-2px);
+					margin-left: 8px;
+					transition: all 0.2s ease-in-out;
+					will-change: transform;
+				}
+			}
+		}
+
+		.community-image {
+			overflow: hidden;
+			border-radius: 8px;
+			// Generate ratio css: https://ratiobuddy.com/
+			position: relative;
+			// margin-right: 10px;
+			&:before {
+				display: block;
+				content: "";
+				width: 100%;
+				padding-top: calc((400 / 565) * 100%);
+				@include media-breakpoint-up(sm) {
+					padding-top: calc((420 / 565) * 100%);
+				}
+			}
+			& > .image {
+				position: absolute;
+				object-fit: cover;
+				top: 0;
+				right: 0;
+				bottom: 0;
+				left: 0;
+				width: 100%;
+				height: 100%;
+			}
+			.image-caption {
+				position: absolute;
+				display: flex;
+				justify-content: space-between;
+				padding: 11px 20px;
+				width: 100%;
+				bottom: 0;
+				left: 0;
+				z-index: 2;
+				.caption-box {
+					border-radius: 400px;
+					background: rgba(255, 255, 255, 0.3);
+					backdrop-filter: blur(25px);
+					flex-shrink: 0;
+					border: unset;
+					width: fit-content;
+					padding: 10px 21px;
+					.caption-text {
+						color: #fff;
+						text-align: center;
+						font-family: Ruberoid;
+						font-size: 14px;
+						font-style: normal;
+						font-weight: bold;
+						line-height: normal;
+					}
+				}
+				.logo {
+					height: 40px;
+					width: 40px;
+					border-radius: 9999px;
+					overflow: hidden;
+				}
+			}
+		}
+	}
 }
diff --git a/src/scss/pages/page-press.scss b/src/scss/pages/page-press.scss
index 2253fbb76..a10a15b93 100644
--- a/src/scss/pages/page-press.scss
+++ b/src/scss/pages/page-press.scss
@@ -1,24 +1,28 @@
 .press {
 	padding-bottom: 150px;
+	position: relative;
+	z-index: 1;
 	@include media-breakpoint-down(sm) {
 		padding-bottom: 100px;
 	}
-	.text {
-		font-family: $ruberoid;
-		font-style: normal;
-		font-weight: 400;
-		font-size: 18px;
-		line-height: 26px;
-		letter-spacing: 0.225px;
-		color: #000000;
-		width: 80%;
-		max-width: 478px;
-		margin-bottom: 0px;
-
-		@include media-breakpoint-down(sm) {
-			font-size: 15px;
-			line-height: 23px;
-			width: 100%;
+	.hero {
+		.text {
+			font-family: $ruberoid;
+			font-style: normal;
+			font-weight: 400;
+			font-size: 18px;
+			line-height: 26px;
+			letter-spacing: 0.225px;
+			color: #000000;
+			width: 80%;
+			max-width: 478px;
+			margin-bottom: 0px;
+	
+			@include media-breakpoint-down(sm) {
+				font-size: 15px;
+				line-height: 23px;
+				width: 100%;
+			}
 		}
 	}
 
diff --git a/src/scss/pages/page-resouces.scss b/src/scss/pages/page-resouces.scss
index 144d1349b..f35befb9a 100644
--- a/src/scss/pages/page-resouces.scss
+++ b/src/scss/pages/page-resouces.scss
@@ -1,5 +1,6 @@
 .resources-page{
   position:relative;
+	z-index: 1;
 
   main{
     overflow:unset;
@@ -7,7 +8,20 @@
 }
 
 .resources-body{
-  background-image:url(../images/BG/learn.png);
+  &::before{
+    content: "";
+    background: url(../images/BG/learn.png) no-repeat scroll center top transparent;
+    background-size: 100%;
+    height: 100%;
+    width: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: -1;
+    @include media-breakpoint-down(sm) {
+      background-size: 200%;
+    }
+  }
 }
 
 .blog-post{
@@ -467,7 +481,6 @@
 
         @include media-breakpoint-down(md) {
           border-right:none;
-          border-bottom:1px solid #E7E4E4;
         }
       }
       &:nth-child(3){
diff --git a/src/scss/pages/page-run-a-node.scss b/src/scss/pages/page-run-a-node.scss
index 75be79dbb..e3d864d7b 100644
--- a/src/scss/pages/page-run-a-node.scss
+++ b/src/scss/pages/page-run-a-node.scss
@@ -1,7 +1,6 @@
 .run-a-node {
 	position: relative;
-
-	z-index: 0;
+	z-index: 1;
 	background: url(../images/BG/technology.png) no-repeat scroll top 500px right transparent;
 
 	@include media-breakpoint-down(xl) {
@@ -86,20 +85,6 @@
 		}
 	}
 
-	.subtitle {
-		font-family: $ruberoid;
-		font-weight: 500;
-		font-size: 18px;
-		color: #000000;
-		letter-spacing: 0;
-		line-height: 25px;
-		margin-bottom: 30px;
-		max-width: 400px;
-		@include media-breakpoint-down(sm) {
-			max-width: 100%;
-		}
-	}
-
 	.description {
 		font-family: $inter;
 		font-weight: 300;
@@ -121,6 +106,23 @@
 		@include media-breakpoint-down(sm) {
 			padding-top: 70vw;
 		}
+		.text {
+			font-family: $ruberoid;
+			font-weight: 500;
+			font-size: 18px;
+			color: #000000;
+			letter-spacing: 0.22px;
+			line-height: 26px;
+			max-width: 450px;
+			margin-bottom: 50px;
+	
+			@include media-breakpoint-down(md) {
+				font-size: 14px;
+				line-height: 21px;
+				width: 100%;
+				margin-bottom: 30px;
+			}
+		}
 	}
 
 	.get-started {
diff --git a/src/scss/pages/page-team.scss b/src/scss/pages/page-team.scss
index 4dcddba6e..139f4299d 100644
--- a/src/scss/pages/page-team.scss
+++ b/src/scss/pages/page-team.scss
@@ -1,3 +1,5 @@
 .team-page{
+  position: relative;
+	z-index: 1;
   background:url(../images/BG/team.png) no-repeat scroll center right transparent;
 }
diff --git a/src/scss/pages/page-technology.scss b/src/scss/pages/page-technology.scss
index 7f311bf01..5ccc8c4c3 100644
--- a/src/scss/pages/page-technology.scss
+++ b/src/scss/pages/page-technology.scss
@@ -1,4 +1,6 @@
 .technology-page{
+  position: relative;
+	z-index: 1;
   background:url(../images/BG/technology.png) no-repeat scroll top 100vw right transparent;
 
   @include media-breakpoint-down(xl) {
diff --git a/src/scss/pages/page-what-is-celestia.scss b/src/scss/pages/page-what-is-celestia.scss
index ace54352c..2a0136e5e 100644
--- a/src/scss/pages/page-what-is-celestia.scss
+++ b/src/scss/pages/page-what-is-celestia.scss
@@ -1,4 +1,40 @@
 .what-is-celestia {
+	padding-top: 0px;
+	@include media-breakpoint-down(sm) {
+		padding-top: 20px;
+	}
+	h1 {
+		font-size: 48px;
+		line-height: 1.1em;
+		letter-spacing: 0.6px;
+		@include media-breakpoint-down(md) {
+			font-size: 40px;
+		}
+		@include media-breakpoint-down(sm) {
+			font-size: 32px;
+		}
+	}
+
+	h2, h3 {
+		font-size: 36px;
+		font-style: normal;
+		line-height: 1.22em;
+		letter-spacing: -0.643px;
+		margin-bottom: 20px;
+		@include media-breakpoint-down(md) {
+			font-size: 32px;
+		}
+		@include media-breakpoint-down(sm) {
+			font-size: 26px;
+			letter-spacing:0.1px;
+		}
+	}
+
+	.sticky-container {
+		position: relative;
+		z-index: 10;
+	}
+
 	.lead-text {
 		font-family: $inter;
 		font-size: 18px;
@@ -32,7 +68,7 @@
 		}
 		.text-box {
 			// max-width: 630px;
-			padding: 96px 20px 96px 70px;
+			padding: 70px 20px 70px 70px;
 			@include media-breakpoint-down(lg) {
 				padding: 50px 40px 50px 50px;
 				max-width: 100%;
@@ -54,18 +90,15 @@
 				}
 			}
 			p {
-				font-size: 18px;
-				line-height: 27px;
-				font-weight: 500;
+				font-size: 20px;
+				font-style: normal;
+				font-weight: 400;
+				line-height: 32px;
 				color: #000000;
 				font-family: $inter;
-				margin-bottom: 56px;
-				&:last-of-type {
-					margin-bottom: 0px;
-				}
 				@include media-breakpoint-down(sm) {
-					font-size: 15px;
-					line-height: 23px;
+					font-size: 18px;
+					line-height: 26px;
 				}
 			}
 		}
@@ -103,100 +136,92 @@
 		}
 	}
 
-	.modular-blockchain-section {
-		margin-bottom: 120px;
+	.what-is-a-modular-blockchain {
+		margin-bottom: 80px;
 		padding: 0;
 		@include media-breakpoint-down(lg) {
-			margin-bottom: 80px;
+			margin-bottom: 70px;
+			padding-top: 40px;
 		}
-		.image-box--modular {
+		.title {
+			margin-bottom: 0px;
+		}
+	}
+
+	.what-is-data-availability {
+		margin-bottom: 80px;
+		padding: 0;
+		@include media-breakpoint-down(lg) {
+			margin-bottom: 70px;
+		}
+		.image-box--analogy {
 			display: flex;
 			justify-content: center;
 			align-items: center;
 			height: inherit;
 			padding: 0 47px;
-			.image-wrapper {
-				width: 100%;
-				height: 100%;
-				max-width: 524px;
-			}
 			@include media-breakpoint-down(lg) {
 				background-position: 50%;
-				padding: 0 16px;
+				padding: 0 30px;
 				.image-wrapper {
 					width: 100%;
-					max-width: 600px;
+					height: 100%;
+					max-width: 450px;
 				}
 			}
 		}
 	}
 
-	.how-different-section {
-		margin-bottom: 200px;
+	.what-are-rollups {
+		margin-bottom: 80px;
 		padding: 0;
 		@include media-breakpoint-down(lg) {
-			margin-bottom: 64px;
+			margin-bottom: 70px;
 		}
 		.image-box--different {
 			height: inherit;
-			display: flex;
-			justify-content: center;
-			align-items: center;
-			padding: 0 47px;
 			.image-wrapper {
 				width: 100%;
 				height: 100%;
-				max-width: 420px;
-			}
-			@include media-breakpoint-down(lg) {
-				background-position: 50%;
-				width: 100vw;
-				padding: 12px;
-				.image-wrapper {
-					width: 100%;
-					max-width: 450px;
-				}
 			}
 		}
 	}
 
-	.good-analogy-section {
-		margin-bottom: 170px;
+	.modular-blockchain-section {
+		margin-bottom: 120px;
 		padding: 0;
 		@include media-breakpoint-down(lg) {
-			margin-bottom: 50px;
+			margin-bottom: 80px;
 		}
-		.image-box--analogy {
+		.image-box--modular {
 			display: flex;
 			justify-content: center;
 			align-items: center;
 			height: inherit;
 			padding: 0 47px;
+			.image-wrapper {
+				width: 100%;
+				height: 100%;
+				max-width: 524px;
+			}
 			@include media-breakpoint-down(lg) {
 				background-position: 50%;
-				padding: 0 30px;
+				padding: 0 16px;
 				.image-wrapper {
 					width: 100%;
-					height: 100%;
-					max-width: 450px;
+					max-width: 600px;
 				}
 			}
 		}
 	}
 
-	.why-use-section {
-		background-color: #fcfaff;
-		padding: 80px 0 80px 0;
-		@include media-breakpoint-down(lg) {
-			padding: 50px 0 50px 0;
-		}
-		.text-box {
-			@include media-breakpoint-down(lg) {
-				padding: 0px;
-			}
+	.whats-it-like-to-build-on-Celestia {
+		padding: 0 0 100px 0;
+		@include media-breakpoint-down(sm) {
+			padding: 0 0 80px 0;
 		}
-		.text-box .title {
-			margin: 0;
+		.title {
+			margin-bottom: 0px;
 		}
 		.why-use-card {
 			height: 100%;
@@ -228,6 +253,9 @@
 			line-height: 23px;
 			color: #414141;
 			letter-spacing: -0.1px;
+			&:last-of-type {
+				margin-bottom: 0;
+			}
 		}
 		.col-z-index {
 			z-index: 1;
@@ -243,11 +271,12 @@
 				margin-bottom: 40px;
 			}
 			.gatsby-image-wrapper {
-				height: 82%;
-				transform: translateX(-7%) scale(.96);
+				height: 64%;
+				transform: translateX(-20%) scale(1);
 				overflow: visible;
 				@include media-breakpoint-down(xl) {
-					transform: translateX(-15%);
+					height: 52%;
+					transform: translateX(-30%);
 					width: 125%;
 				}
 				@include media-breakpoint-down(lg) {
@@ -263,10 +292,10 @@
 				img {
 					object-position: right;
 					@include media-breakpoint-down(xl) {
-						width: 120%;
+						width: 140%;
 					}
 					@include media-breakpoint-down(lg) {
-						width: 140%;
+						width: 120%;
 					}
 					@include media-breakpoint-down(md) {
 						width: 100%;
@@ -274,214 +303,345 @@
 				}
 			}
 		}
-	}
 
-	.data-availability-section {
-		margin-bottom: 120px;
-		padding: 120px 0 0;
-		@include media-breakpoint-down(lg) {
-			padding: 70px 0 0;
-			margin-bottom: 80px;
-		}
-		.image-box--availability {
-			display: flex;
-			justify-content: center;
-			align-items: center;
-			height: inherit;
-			padding: 0 47px;
-			.image-wrapper {
-				width: 100%;
-				height: 100%;
-				max-width: 420px;
-			}
-			@include media-breakpoint-down(lg) {
-				background-position: 50%;
-				padding: 0 30px;
-				.image-wrapper {
-					width: 90%;
-					max-width: 450px;
+		.link-wrapper {
+			margin-top: 20px;
+			.link {
+				font-family: $ruberoid;
+				font-style: normal;
+				font-weight: 700;
+				font-size: 14px;
+				line-height: 1em;
+				padding: 8px 0;
+				margin: -8px 0;
+				color: #000000;
+				transition: all 0.2s ease-in-out;
+				box-shadow: none;
+				&:hover {
+					color: #393939;
+					& svg {
+						margin-left: 16px;
+					}
 				}
 			}
-		}
-	}
-
-	.rollups-section {
-		margin-bottom: 120px;
-		padding: 0;
-		@include media-breakpoint-down(lg) {
-			margin-bottom: 80px;
-		}
-		.image-box--rollups {
-			display: flex;
-			justify-content: center;
-			align-items: center;
-			height: inherit;
-			padding: 0 47px;
-			@include media-breakpoint-down(lg) {
-				background-position: 50%;
-				padding: 0 12px;
-				.image-wrapper {
-					width: 100%;
-					height: 100%;
-					max-width: 500px;
-				}
+			svg {
+				margin-left: 8px;
+				transition: all 0.2s ease-in-out;
+				will-change: margin;
+				margin-bottom: 2px;
 			}
 		}
 	}
 
-	.modularism-section {
-		margin-bottom: 120px;
-		padding: 0;
-		@include media-breakpoint-down(lg) {
-			margin-bottom: 100px;
+	.celestia-community {
+		padding: 0px;
+		.section-title {
+			text-align: center;
+			font-size: 52px;
+			font-weight: bold;
+			line-height: 1.1em;
+			margin-bottom: 70px;
+			@include media-breakpoint-down(md) {
+				font-size: 42px;
+			}
+			@include media-breakpoint-down(sm) {
+				font-size: 36px;
+				margin-bottom: 60px;
+			}
 		}
-		.image-box--modularism {
-			display: flex;
-			justify-content: center;
-			align-items: center;
-			height: inherit;
-			padding: 0 47px;
+		.modularism-not-maximalism {
+			margin-bottom: 120px;
+			padding: 0;
 			@include media-breakpoint-down(lg) {
-				background-position: 50%;
-				padding: 0px;
+				margin-bottom: 80px;
+			}
+			@include media-breakpoint-down(sm) {
+				margin-bottom: 40px;
+			}
+			
+			.image-box--availability {
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				height: inherit;
+				padding: 0 47px;
 				.image-wrapper {
 					width: 100%;
 					height: 100%;
-					max-width: 500px;
-					transform: scale(1.1);
+					max-width: 420px;
+				}
+				@include media-breakpoint-down(lg) {
+					background-position: 50%;
+					padding: 0 30px;
+					.image-wrapper {
+						width: 90%;
+						max-width: 450px;
+					}
 				}
 			}
 		}
-	}
 
-	.social-consensus {
-		margin-bottom: 120px;
-		padding: 0;
-		@include media-breakpoint-down(lg) {
+		.layer-0-social-consensus {
 			margin-bottom: 80px;
-		}
-		.text-box {
+			padding: 0;
 			@include media-breakpoint-down(lg) {
-				padding: 0px 12px 75px;
+				margin-bottom: 60px;
 			}
-		}
-		.image-box--consensus {
-			display: flex;
-			justify-content: center;
-			align-items: center;
-			height: inherit;
-			padding: 0 47px;
-			@include media-breakpoint-down(lg) {
-				background-position: 50%;
-				padding: 0px;
-				.image-wrapper {
-					width: 90%;
-					height: 100%;
-					max-width: 500px;
+			.image-box--rollups {
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				height: inherit;
+				padding: 0 47px;
+				@include media-breakpoint-down(lg) {
+					background-position: 50%;
+					padding: 0 12px;
+					.image-wrapper {
+						width: 100%;
+						height: 100%;
+						max-width: 500px;
+					}
 				}
 			}
 		}
 	}
 
-	.resources-section {
-		background-color: #fcfaff;
-		padding: 70px 0 50px 0;
-		@include media-breakpoint-down(md) {
-			padding: 50px 0 50px 0;
-		}
+	.toc-2 {
+		position: sticky;
+		top: 100px;
+		left: 0;
+		width: 100%;
+		float: left;
+		margin-bottom: 30px;
 
-		.text-box {
-			@include media-breakpoint-down(md) {
-				padding: 0;
+		.category-menu {
+			@include media-breakpoint-down(lg) {
+				max-height: 0;
+				overflow: hidden;
+				transition: 500ms all ease-in-out;
+				margin-top: 0;
+
+				&.show {
+					max-height: 200vh;
+					margin-top: 25px;
+					margin-bottom: 25px;
+				}
 			}
 		}
 
-		.resource-card {
-			height: 100%;
-			background-color: #ffffff;
-			border-radius: 15px;
-			border: 1px solid #e9e5f0;
-			padding: 35px;
-		}
-		.card-title {
-			font-family: $ruberoid;
-			font-size: 24px;
-			line-height: 24px;
-			color: #000000;
-			letter-spacing: -0.36px;
-			font-weight: 800;
-			margin-bottom: 12px;
-		}
-		.card-text {
-			font-family: $inter;
-			font-size: 14px;
-			color: #414141;
-			letter-spacing: -0.08px;
-			line-height: 23px;
-		}
-		.card-link {
+		.mobile-toc {
 			font-family: $ruberoid;
-			font-size: 15px;
+			font-weight: bold;
+			font-size: 18px;
 			color: #000000;
 			letter-spacing: 0;
-			line-height: 15px;
-			font-weight: 800;
-		}
-	}
+			display: none;
+			cursor: pointer;
+			background: rgba(246, 246, 246, 0.7);
+			border-radius: 6px;
+			padding: 25px;
+			margin-bottom: 10px;
 
-	.text-box {
-		padding: 0px 50px 0px 70px;
-		@include media-breakpoint-down(lg) {
-			padding: 0px 30px 50px;
+			@include media-breakpoint-down(lg) {
+				display: flex;
+				align-items: center;
+			}
+
+			#mobile-category {
+				width: 22px;
+				height: 22px;
+				float: right;
+				display: inline-block;
+				transition: 300ms all ease-in-out;
+			}
+
+			.dropdown-button {
+				width: 26px;
+				height: 26px;
+				padding: 6px;
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				background-color: #EDEDED;
+				border-radius: 4px;
+				margin-left: auto;
+			}
+
+			&.show {
+				#mobile-category {
+					transform: rotate(180deg);
+				}
+			}
 		}
-		@include media-breakpoint-down(sm) {
-			padding: 0px 12px 50px;
+
+		.toc-inner {
+			background: rgba(246, 246, 246, 0.7);
+			border-radius: 6px;
+			-webkit-backdrop-filter: blur(20px);
+			backdrop-filter: blur(20px);
+			padding: 35px;
+			overflow: auto;
+
+			@include media-breakpoint-down(xl) {
+				padding: 35px 35px 35px 16px;
+			}
+
+			@include media-breakpoint-down(lg) {
+				padding: 0 20px;
+			}
+
+
+			.toc-title {
+				font-family: $ruberoid;
+				font-size: 16px;
+				font-style: normal;
+				font-weight: bold;
+				line-height: normal;
+				margin-bottom: 20px;
+				margin-left: 9px;
+				@include media-breakpoint-down(lg) {
+					display: none;
+				}
+			}
+
+			.category-menu {
+				.group {
+					&:first-of-type {
+						.group-title {
+							margin-top: 0;
+							padding-top: 0;
+							border: none;
+						}
+					}
+
+					&:nth-child(1) {
+						.group-title {
+							margin-top: 0;
+							padding-top: 0;
+							border: none;
+						}
+					}
+				}
+			}
+
+			.group-title {
+				font-family: $ruberoid;
+				font-weight: bold;
+				font-size: 18px;
+				color: #000000;
+				letter-spacing: 0;
+				cursor: pointer;
+				margin-bottom: 10px;
+
+				border-top: 1px solid #dcdcdc;
+				padding-top: 25px;
+				margin-top: 10px;
+
+				svg {
+					width: 22px;
+					height: 22px;
+					float: right;
+					display: inline-block;
+					transition: 300ms all ease-in-out;
+				}
+			}
+
+			.subcategory-title {
+				font-weight: 500;
+				font-family: $ruberoid;
+				margin-bottom: 10px;
+				font-size: 15px;
+				cursor: pointer;
+
+				&:hover {
+					color: $purple;
+				}
+			}
+
+			.subcategory-items {
+				max-height: 0;
+				overflow: hidden;
+
+				&.opened {
+					max-height: unset;
+				}
+			}
+
+			.group-items {
+				transition: 300ms all ease-in-out;
+				.article-title {
+					font-family: $ruberoid;
+					font-weight: 500;
+					font-size: 13px;
+					color: #414141;
+					letter-spacing: 0;
+					margin-bottom: 10px;
+					padding-left: 10px;
+
+					&:hover {
+						color: $purple;
+					}
+
+					.toc-item {
+						div:first-of-type {
+							a {
+								margin-top: 10px;
+							}
+						}
+					}
+				}
+			}
 		}
-		.title {
-			font-family: $ruberoid;
-			font-size: 36px;
-			letter-spacing: -1px;
-			line-height: 38px;
-			font-weight: 800;
-			color: #000000;
-			letter-spacing: -0.15px;
-			margin-bottom: 20px;
-			@include media-breakpoint-down(sm) {
-				font-size: 32px;
-				letter-spacing: -0.62px;
-				line-height: 40px;
+
+		.article-link {
+			&.active {
+				font-weight: bold;
 			}
 		}
 
-		p {
-			font-family: $inter;
-			font-size: 18px;
+		a {
+			font-family: $ruberoid;
+			font-weight: 500;
+			font-size: 13px;
+			letter-spacing: 0;
+			padding: 12px 0 12px 25px;
+			display: inline-block;
 			color: #414141;
-			letter-spacing: -0.1px;
-			line-height: 27px;
-			margin-bottom: 24px;
-			@include media-breakpoint-down(sm) {
-				font-size: 15px;
-				width: 100%;
-				margin-bottom: 25px;
-			}
-			&:last-of-type {
-				margin-bottom: 0px;
+			line-height: 1.3em;
+			position: relative;
+			&:before {
+				height: 100%;
+				width: 3px;
+				background: #eaeaea;
+				position: absolute;
+				left: 8px;
+				content: "";
+				z-index: 1;
 			}
-			@include media-breakpoint-down(sm) {
-				font-size: 15px;
-				line-height: 23px;
+		}
+
+		div.selected {
+			position: relative;
+			a {
+				font-weight: bold;
+				color: $purple;
 			}
-			& strong {
-				font-weight: 500;
+			&:before {
+				height: 100%;
+				width: 3px;
+				background: $purple;
+				position: absolute;
+				left: 8px;
+				border-radius: 9999px;
+				content: "";
+				z-index: 2;
 			}
 		}
 	}
 }
 
 .what-is-celestia + footer {
-	padding-top: 80px;
 	@include media-breakpoint-down(md) {
-		padding-top: 20px;
+		padding-top: 640px;
 	}
 }
diff --git a/src/scss/pages/page-what-is-tia.scss b/src/scss/pages/page-what-is-tia.scss
new file mode 100644
index 000000000..e6373bfb2
--- /dev/null
+++ b/src/scss/pages/page-what-is-tia.scss
@@ -0,0 +1,566 @@
+.what-is-tia {
+	position: relative;
+	z-index: 1;
+	background: url(../images/BG/technology.png) no-repeat scroll top 500px right transparent;
+
+	@include media-breakpoint-down(xl) {
+		background-position: top 320px right;
+	}
+	@include media-breakpoint-down(lg) {
+		background-position: top 350px right;
+	}
+	@include media-breakpoint-down(md) {
+		background-position: top 450px right;
+	}
+	@include media-breakpoint-down(sm) {
+		background-position: -210px 450px;
+	}
+
+	main {
+		z-index: 0;
+		// background: url(../images/BG/home.png) no-repeat scroll top 1800px left transparent;
+
+		@include media-breakpoint-down(xl) {
+			background-position: top 2000px left;
+		}
+		@include media-breakpoint-down(lg) {
+			background-position: top 2000px left;
+		}
+		@include media-breakpoint-down(md) {
+			background-position: top 3400px left;
+		}
+		@include media-breakpoint-down(sm) {
+			background-position: top 3300px left;
+		}
+	}
+
+	h1.main {
+		max-width: 650px;
+		@include media-breakpoint-down(xl) {
+			max-width: 400px;
+		}
+		@include media-breakpoint-down(md) {
+			max-width: 400px;
+		}
+	}
+	.main-text {
+		@include media-breakpoint-down(xl) {
+			max-width: 400px;
+		}
+		@include media-breakpoint-down(md) {
+			max-width: 400px;
+		}
+	}
+
+	&:before {
+		background: url(../images/what-is-tia/what-is-tia-1.png) no-repeat scroll top right transparent;
+		background-size: contain;
+		top: 30px;
+		right: 0;
+		left: 50%;
+		position: absolute;
+		content: "";
+		width: 600px;
+		height: 600px;
+		z-index: -1;
+
+		@include media-breakpoint-down(xl) {
+			width: 540px;
+			height: 540px;
+			top: 30px;
+			right: 60px;
+			left: 50%;
+		}
+		@include media-breakpoint-down(lg) {
+			width: 380px;
+			height: 380px;
+			top: 70px;
+			right: 50px;
+		}
+		@include media-breakpoint-down(md) {
+			width: 88%;
+			height: 88%;
+			max-width: 480px;
+			right: unset;
+			top: 40px;
+			left: 50%;
+			transform: translateX(-50%);
+		}
+	}
+
+	main {
+		padding-top: 100px;
+	}
+	section {
+		padding-top: 50px;
+		padding-bottom: 50px;
+		@include media-breakpoint-down(sm) {
+			padding-top: 40px;
+			padding-bottom: 40px;
+		}
+	}
+
+	.subtitle {
+		font-family: $ruberoid;
+		font-weight: 500;
+		font-size: 18px;
+		color: #000000;
+		letter-spacing: 0;
+		line-height: 25px;
+		margin-bottom: 30px;
+		max-width: 560px;
+		@include media-breakpoint-down(sm) {
+			max-width: 100%;
+		}
+	}
+
+	.description {
+		font-family: $inter;
+		font-weight: 300;
+		font-size: 16px;
+		color: #000000;
+		letter-spacing: 0;
+		line-height: 24px;
+		margin-top: 22px;
+		max-width: 450px;
+		@include media-breakpoint-down(sm) {
+			max-width: 100%;
+		}
+	}
+
+	.hero {
+		padding-bottom: 0px;
+		@include media-breakpoint-down(md) {
+			padding-top: 375px;
+		}
+		@include media-breakpoint-down(sm) {
+			padding-top: 65vw;
+		}
+	}
+
+	.button-simple,
+	.button-white,
+	.button-icon,
+	.button-external {
+		margin-right: 20px;
+		@include media-breakpoint-down(sm) {
+			margin-bottom: 20px;
+		}
+	}
+
+	.min-width-50 {
+		min-width: 50%;
+	}
+	.min-width-33 {
+		min-width: 33%;
+	}
+
+	.tia-role {
+		padding-top: 80px;
+		padding-bottom: 0px;
+		@include media-breakpoint-up(lg) {
+			padding-top: 145px;
+			padding-bottom: 0px;
+		}
+		.role-items {
+			margin-top: 32px;
+			display: flex;
+			justify-content: space-between;
+			flex-direction: column;
+			@include media-breakpoint-up(lg) {
+				margin-top: 56px;
+				flex-direction: row;
+			}
+		}
+		.role-card {
+			height: 100%;
+			padding-bottom: 30px;
+			@include media-breakpoint-up(lg) {
+				padding-bottom: 40px;
+			}
+			.role-image-wrapper {
+				display: flex;
+				flex-direction: column;
+				justify-content: center;
+				height: 100%;
+				width: 140px;
+				margin-bottom: 10px;
+				@include media-breakpoint-down(sm) {
+					width: 100px;
+				}
+				@include media-breakpoint-up(lg) {
+					margin-bottom: 20px;
+				}
+			}
+			.role-card-title {
+				color: #000;
+				font-family: $ruberoid;
+				font-size: 24px;
+				font-style: normal;
+				font-weight: 700;
+				line-height: 28px;
+				max-width: 320px;
+			}
+			.role-card-text {
+				color: #414141;
+				font-family: $inter;
+				font-size: 15px;
+				font-style: normal;
+				font-weight: 300;
+				line-height: 21px;
+				letter-spacing: -0.1px;
+				max-width: 460px;
+				@include media-breakpoint-up(lg) {
+					max-width: 320px;
+				}
+			}
+		}
+	}
+
+	.custody-stacking {
+		padding-top: 20px;
+		padding-bottom: 0;
+		// @include media-breakpoint-up(lg) {
+		// 	padding-top: 50px;
+		// 	padding-bottom: 100px;
+		// }
+
+		.custody-stacking-title {
+			margin-bottom: 35px;
+			@include media-breakpoint-up(lg) {
+				padding-top: 30px;
+			}
+		}
+
+		.custody-stacking-item {
+			margin-bottom: 0px;
+			@include media-breakpoint-down(lg) {
+				&:not(:last-of-type) {
+					margin-bottom: 90px;
+				}
+			}
+			@include media-breakpoint-down(sm) {
+				&:not(:last-of-type) {
+					margin-bottom: 60px;
+				}
+			}
+		}
+		.image-box--node {
+			.image-wrapper {
+				display: flex;
+				justify-content: center;
+				@include media-breakpoint-down(lg) {
+					margin-left: auto;
+					margin-right: auto;
+					padding: 0px;
+					max-width: 90%;
+				}
+			}
+		}
+
+		.text-box {
+			max-width: 600px;
+			.title {
+				font-size: 36px;
+				font-style: normal;
+				font-weight: 700;
+				line-height: 1.3em;
+				max-width: auto;
+				margin-bottom: 20px;
+				@include media-breakpoint-down(md) {
+					font-size: 24px;
+					max-width: 380px;
+				}
+			}
+			&:last-of-type {
+				margin-top: 0px;
+				@include media-breakpoint-up(lg) {
+					margin-top: 30px;
+				}
+			}
+			.custody-text-box {
+				color: #414141;
+				font-family: $inter;
+				font-size: 16px;
+				line-height: 24px;
+				font-style: normal;
+				font-weight: 300;
+				@include media-breakpoint-up(lg) {
+					font-size: 20px;
+					line-height: 30px;
+				}
+				a {
+					box-shadow: inset 0 -2px 0 0 #414141;
+				}
+				.link-list {
+					display: flex;
+					flex-wrap: wrap;
+					margin-top: 10px;
+					.link-wrapper {
+						flex-basis: auto;
+						min-width: 180px;
+						margin-top: 10px;
+						a {
+							box-shadow:none	;
+						}
+
+						.link {
+							font-family: $ruberoid;
+							font-style: normal;
+							font-weight: 700;
+							font-size: 14px;
+							line-height: 1em;
+							padding: 8px 0;
+							margin: -8px 0;
+							color: #000000;
+							transition: all 0.2s ease-in-out;
+							box-shadow: none;
+							&:hover {
+								color: #393939;
+								& svg {
+									margin-left: 16px;
+								}
+							}
+						}
+						svg {
+							margin-left: 8px;
+							transition: all 0.2s ease-in-out;
+							will-change: margin;
+							margin-bottom: 2px;
+						}
+					}
+				}
+			}
+		}
+	}
+
+	.wallets {
+		padding-top: 0px;
+		padding-bottom: 100px;
+		@include media-breakpoint-up(lg) {
+			padding-bottom: 140px;
+		}
+		.wallets-title {
+			margin-bottom: 10px;
+			@include media-breakpoint-up(lg) {
+				margin-bottom: 20px;
+			}
+		}
+		.wallets-items {
+			margin-top: 56px;
+		}
+		.wallet-card-wrapper {
+			position: relative;
+			z-index: 0;
+			padding-bottom: 20px;
+			padding-right: 20px;
+			@include media-breakpoint-down(lg) {
+				flex-basis: 100%;
+				padding-right: 0px;
+			}
+			@include media-breakpoint-up(lg) {
+				flex-basis: 50%;
+				padding-right: 20px;
+			}
+
+			.wallet-card {
+				position: relative;
+				z-index: 1;
+				padding: 30px;
+				height: 100%;
+				border-radius: 8px;
+				background: rgba(247, 247, 247, 0.6);
+				backdrop-filter: blur(32px);
+				@include media-breakpoint-down(md) {
+					padding: 20px;
+				}
+				@include media-breakpoint-down(sm) {
+					padding: 16px;
+				}
+				.wallet-container {
+					display: flex;
+					align-items: center;
+					flex-direction: row;
+					@include media-breakpoint-down(sm) {
+						align-items: start;
+					}
+				}
+				.wallet-image-wrapper {
+					display: flex;
+					flex-direction: column;
+					justify-content: center;
+					height: 63px;
+					width: 63px;
+					margin-right: 20px;
+					z-index: 0;
+					@include media-breakpoint-down(md) {
+						margin-top: 5px;
+						height: 40px;
+						width: 40px;
+					}
+
+					.gatsby-image-wrapper {
+						border-radius: 9999px;
+					}
+				}
+				.wallet-card-title {
+					color: #000;
+					font-family: $ruberoid;
+					font-size: 28px;
+					font-style: normal;
+					font-weight: 700;
+					line-height: normal;
+					max-width: 320px;
+					margin-bottom: 2px;
+					@include media-breakpoint-down(sm) {
+						font-size: 20px;
+					}
+				}
+				.wallet-card-text {
+					color: #393939;
+					font-family: $inter;
+					font-size: 12px;
+					font-style: normal;
+					font-weight: 600;
+					line-height: normal;
+					max-width: 320px;
+					margin-bottom: 0px;
+				}
+
+				.link-wrapper {
+					margin-top: 20px;
+					.link {
+						font-family: $ruberoid;
+						font-style: normal;
+						font-weight: 700;
+						font-size: 14px;
+						line-height: 1em;
+						padding: 8px 0;
+						margin: -8px 0;
+						color: #000000;
+						transition: all 0.2s ease-in-out;
+						box-shadow: none;
+						&:hover {
+							color: #393939;
+							& svg {
+								margin-left: 16px;
+							}
+						}
+					}
+					svg {
+						margin-left: 8px;
+						transition: all 0.2s ease-in-out;
+						will-change: margin;
+						margin-bottom: 2px;
+					}
+				}
+				.wallet-device-item {
+					&:not(:last-of-type) {
+						margin-right: 20px;
+					}
+				}
+			}
+			.wallet-blurred-image {
+				position: absolute;
+				top: 0;
+				left: 0;
+				height: 134px;
+				width: 134px;
+				z-index: -1;
+				@include media-breakpoint-down(md) {
+					height: 100px;
+					width: 100px;
+				}
+				.gatsby-image-wrapper {
+					border-radius: 9999px;
+				}
+			}
+		}
+		.two-col-flex {
+			display: flex;
+			flex-wrap: wrap;
+		}
+	}
+
+	.managing-tia {
+		padding-top: 100px;
+		padding-bottom: 100px;
+		@include media-breakpoint-down(md) {
+			padding-top: 60px;
+		}
+		@include media-breakpoint-down(sm) {
+			padding-top: 60px;
+		}
+		.title {
+			color: #000;
+			font-family: $ruberoid;
+			font-size: 36px;
+			font-style: normal;
+			font-weight: 700;
+			line-height: 48px;
+			margin-bottom: 20px;
+		}
+		.text-box {
+			color: #414141;
+			font-family: $inter;
+			font-size: 20px;
+			font-style: normal;
+			font-weight: 300;
+			line-height: 28px;
+			letter-spacing: -0.112px;
+			max-width: 570px;
+			margin-bottom: 24px;
+			padding-right: 40px;
+			@include media-breakpoint-up(lg) {
+				margin-bottom: 0px;
+			}
+		}
+		.link-card {
+			border-radius: 8px;
+			border: 1px solid #e1e1e1;
+			background: #fff;
+			padding: 25px;
+			@include media-breakpoint-down(sm) {
+				padding: 16px;
+			}
+		}
+		.link-title {
+			color: #000;
+			font-family: $ruberoid;
+			font-size: 24px;
+			font-style: normal;
+			font-weight: 700;
+			line-height: normal;
+			@include media-breakpoint-up(lg) {
+				font-size: 26px;
+			}
+		}
+		.link-wrapper {
+			margin-top: 10px;
+			.link {
+				font-family: $ruberoid;
+				font-style: normal;
+				font-weight: 700;
+				font-size: 14px;
+				line-height: 1em;
+				padding: 8px 0;
+				margin: -8px 0;
+				color: #000000;
+				transition: all 0.2s ease-in-out;
+				box-shadow: none;
+				&:hover {
+					color: #393939;
+					& svg {
+						margin-left: 16px;
+					}
+				}
+			}
+			svg {
+				margin-left: 8px;
+				transition: all 0.2s ease-in-out;
+				will-change: margin;
+				margin-bottom: 2px;
+			}
+		}
+	}
+}
diff --git a/src/scss/sections/hero-section.scss b/src/scss/sections/hero-section.scss
index d9384edc5..f83ba72a9 100644
--- a/src/scss/sections/hero-section.scss
+++ b/src/scss/sections/hero-section.scss
@@ -53,13 +53,14 @@
     font-size: 18px;
     color: #000000;
     letter-spacing: 0.22px;
-    line-height: 23px;
+    line-height: 26px;
     width:80%;
-    max-width:680px;
+    max-width: 680px;
     margin-bottom: 50px;
 
     @include media-breakpoint-down(md) {
       font-size:14px;
+      line-height: 21px;
       width:100%;
       margin-bottom:30px;
     }