diff --git a/src/App.js b/src/App.js
index 9de6bd6..ca51037 100644
--- a/src/App.js
+++ b/src/App.js
@@ -18,6 +18,7 @@ import ScrollToTop from "./components/ScrollToTop";
 import Testnet from "./pages/Testnet";
 import TestnetRewards from "./pages/TestnetRewards";
 import Grants from "./pages/Grants";
+import Posts from "./pages/Posts";
 
 function App() {
   return (
@@ -41,6 +42,7 @@ function App() {
             <Route path="/governance" element={<Governance />} />
             <Route path="/proof-of-scan" element={<ProofOfScan />} />
             <Route path="/grants" element={<Grants />} />
+            <Route path="/posts" element={<Posts />} />
           </Routes>
         </ScrollToTop>
       </main>
diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
index a0eabac..60fc5bd 100644
--- a/src/components/Footer.jsx
+++ b/src/components/Footer.jsx
@@ -1,3 +1,4 @@
+import { Link } from "react-router-dom"; // Dodaj import, jeśli nie ma
 import "../styles/footer.css";
 
 const Footer = () => {
@@ -13,18 +14,18 @@ const Footer = () => {
             <a href="https://t.me/pass3d"><div className="social-icon telegram"></div></a>
             <div className="footer-left-title">Donate:</div>
             <div className="footer-text-left">
-               d1Df6WwY7S9XDbdsAaT2t6daFMJRcCm5nnUNKC2U7iQQWYDzA <br /><br />
+              d1Df6WwY7S9XDbdsAaT2t6daFMJRcCm5nnUNKC2U7iQQWYDzA <br /><br />
             </div>
-               <div className="footer-left-subtitle">Responsibility Disclaimer:</div>
-               <div className="footer-text-left">
-                This website is an open source free software maintained 
-                by 3dpass community members and providing some useful 
-                information about  The Ledger of Things (LoT) decentralized 
-                ecosystem, which might be partly inacurate, deprecated or invalid. 
-                Suggest your corrections by making a Pull Request into the repo: 
-             <a href="https://github.com/3Dpass/website">
-              <div className="footer-item-left">The Website GitHub link</div>
-             </a>
+            <div className="footer-left-subtitle">Responsibility Disclaimer:</div>
+            <div className="footer-text-left">
+              This website is an open source free software maintained 
+              by 3dpass community members and providing some useful 
+              information about The Ledger of Things (LoT) decentralized 
+              ecosystem, which might be partly inaccurate, deprecated or invalid. 
+              Suggest your corrections by making a Pull Request into the repo: 
+              <a href="https://github.com/3Dpass/website">
+                <div className="footer-item-left">The Website GitHub link</div>
+              </a>
             </div>
           </div>
         </div>
@@ -39,7 +40,7 @@ const Footer = () => {
             <a href="/features#scanproof">
               <div className="footer-item">Proof of Scan Consensus</div>
             </a>
-            <a href="features#3dprc-2">
+            <a href="/features#3dprc-2">
               <div className="footer-item">3DPRC-2 Standard</div>
             </a>
             <a href="/features#ledger">
@@ -83,11 +84,14 @@ const Footer = () => {
             <a href="/community#use-cases">
               <div className="footer-item">Use Cases</div>
             </a>
+            <Link to="/posts">
+              <div className="footer-item">Posts</div>
+            </Link>
           </div>
           <div className="footer-four-parts">
             <a href="/coin">
               <div className="footer-parts-title">3Dpass Coin</div>
-              </a>
+            </a>
             <a href="/coin#P3D">
               <div className="footer-item">P3D</div>
             </a>
@@ -136,14 +140,14 @@ const Footer = () => {
               <div className="footer-item">Validator Setup</div>
             </a>
             <a href="/assets">
-            <div className="footer-item">Assets</div>
-            </a>   
+              <div className="footer-item">Assets</div>
+            </a>
             <a href="/mainnet#chain">
-            <div className="footer-item">On-chain Identity</div>
+              <div className="footer-item">On-chain Identity</div>
             </a>
             <a href="https://deepwiki.com/3Dpass/3DP">
               <div className="footer-item">Dev Wiki</div>
-            </a>          
+            </a>
           </div>
         </div>
       </div>
@@ -151,4 +155,4 @@ const Footer = () => {
   );
 };
 
-export default Footer;
+export default Footer;
\ No newline at end of file
diff --git a/src/components/Header.jsx b/src/components/Header.jsx
index 948d123..9b4a919 100644
--- a/src/components/Header.jsx
+++ b/src/components/Header.jsx
@@ -1,7 +1,5 @@
 import "../styles/header.css";
-
 import { Link, useLocation } from "react-router-dom";
-
 import Button from "./Button";
 import { useState, useEffect } from "react";
 
@@ -38,105 +36,37 @@ const Header = () => {
         el.setAttribute("content", "3DPass mobile wallet, guideliones, download");
       } else if (location.includes("testnet")) {
         el.setAttribute("content", "3DPass - Testnet, canary network  | Layer 1 blockchain platform for the tokenization of objects, Proof of Scan protocol based on recognition, useful smart contracts and dApps");
+      } else if (location.includes("posts")) {
+        el.setAttribute("content", "3DPass - Latest updates and insights from the 3Dpass team");
       } else {
         el.setAttribute("content", "3DPass - Layer 1 blockchain platform for the tokenization of objects, Proof of Scan protocol based on recognition, useful smart contracts and dApps");
       }
     }
   }, [location]);
 
-
   return (
     <div>
-    <div className="special-message">
-  <div style={{width: "100%"}}>
-      <a  href="/grants" className="message-text">
-      <div className="message-text">
-      Hello developer, we need your contribution and support. We are building something special here!
-      </div>
-      </a>
-  </div>
-</div>
-    <header className="main-header">
-      <div className="inner-content">
-        <Link to="/">
-          <div className="logo"></div>
-        </Link>
-        <div className="header-navs">
-          <Link to="/features">
-            <div
-              className={
-                location.indexOf("features") > -1
-                  ? "header-nav active"
-                  : "header-nav"
-              }
-            >
-              Features
-            </div>
-          </Link>
-          <Link to="/community">
-            <div
-              className={
-                location.indexOf("community") > -1
-                  ? "header-nav active"
-                  : "header-nav"
-              }
-            >
-              Community
-            </div>
-          </Link>
-          <Link to="/coin">
-            <div
-              className={
-                location.indexOf("coin") > -1
-                  ? "header-nav active"
-                  : "header-nav"
-              }
-            >
-              P3D
-            </div>
-          </Link>
-          <Link to="/assets">
-            <div
-              className={
-                location.indexOf("assets") > -1
-                  ? "header-nav active"
-                  : "header-nav"
-              }
-            >
-              Assets
-            </div>
-          </Link>
-          <Link to="/mainnet">
-            <div
-              className={
-                location.indexOf("mainnet") > -1
-                  ? "header-nav active"
-                  : "header-nav"
-              }
-            >
-              Mainnet
+      <div className="special-message">
+        <div style={{ width: "100%" }}>
+          <a href="/grants" className="message-text">
+            <div className="message-text">
+              Hello developer, we need your contribution and support. We are building something special here!
             </div>
+          </a>
+        </div>
+      </div>
+      <header className="main-header">
+        <div className="inner-content">
+          <Link to="/">
+            <div className="logo"></div>
           </Link>
-          <div
-            className="hamburger-menu"
-            onClick={() => setOpenMenu(!openMenu)}
-          ></div>
-
-          <div
-            className={openMenu ? "right-menu active" : "right-menu"}
-            onClick={() => setOpenMenu(!openMenu)}
-          >
-            <div className="logo-holdeer-right">
-              <Link to="/">
-                <div className="logo"></div>
-              </Link>
-            </div>
+          <div className="header-navs">
             <Link to="/features">
               <div
                 className={
                   location.indexOf("features") > -1
-                    ? "right-menu-nav active"
-                    : "right-menu-nav"
+                    ? "header-nav active"
+                    : "header-nav"
                 }
               >
                 Features
@@ -146,8 +76,8 @@ const Header = () => {
               <div
                 className={
                   location.indexOf("community") > -1
-                    ? "right-menu-nav active"
-                    : "right-menu-nav"
+                    ? "header-nav active"
+                    : "header-nav"
                 }
               >
                 Community
@@ -157,8 +87,8 @@ const Header = () => {
               <div
                 className={
                   location.indexOf("coin") > -1
-                    ? "right-menu-nav active"
-                    : "right-menu-nav"
+                    ? "header-nav active"
+                    : "header-nav"
                 }
               >
                 P3D
@@ -168,8 +98,8 @@ const Header = () => {
               <div
                 className={
                   location.indexOf("assets") > -1
-                    ? "right-menu-nav active"
-                    : "right-menu-nav"
+                    ? "header-nav active"
+                    : "header-nav"
                 }
               >
                 Assets
@@ -179,46 +109,114 @@ const Header = () => {
               <div
                 className={
                   location.indexOf("mainnet") > -1
-                    ? "right-menu-nav active"
-                    : "right-menu-nav"
+                    ? "header-nav active"
+                    : "header-nav"
                 }
               >
                 Mainnet
               </div>
             </Link>
-            <Link to="/grants">
-              <div
-                className={
-                  location.indexOf("grants") > -1
-                    ? "right-menu-nav active"
-                    : "right-menu-nav"
-                }
-              >
-                Grant program
+            <div
+              className="hamburger-menu"
+              onClick={() => setOpenMenu(!openMenu)}
+            ></div>
+            <div
+              className={openMenu ? "right-menu active" : "right-menu"}
+              onClick={() => setOpenMenu(!openMenu)}
+            >
+              <div className="logo-holdeer-right">
+                <Link to="/">
+                  <div className="logo"></div>
+                </Link>
               </div>
-            </Link>
+              <Link to="/features">
+                <div
+                  className={
+                    location.indexOf("features") > -1
+                      ? "right-menu-nav active"
+                      : "right-menu-nav"
+                  }
+                >
+                  Features
+                </div>
+              </Link>
+              <Link to="/community">
+                <div
+                  className={
+                    location.indexOf("community") > -1
+                      ? "right-menu-nav active"
+                      : "right-menu-nav"
+                  }
+                >
+                  Community
+                </div>
+              </Link>
+              <Link to="/coin">
+                <div
+                  className={
+                    location.indexOf("coin") > -1
+                      ? "right-menu-nav active"
+                      : "right-menu-nav"
+                  }
+                >
+                  P3D
+                </div>
+              </Link>
+              <Link to="/assets">
+                <div
+                  className={
+                    location.indexOf("assets") > -1
+                      ? "right-menu-nav active"
+                      : "right-menu-nav"
+                  }
+                >
+                  Assets
+                </div>
+              </Link>
+              <Link to="/mainnet">
+                <div
+                  className={
+                    location.indexOf("mainnet") > -1
+                      ? "right-menu-nav active"
+                      : "right-menu-nav"
+                  }
+                >
+                  Mainnet
+                </div>
+              </Link>
+              <Link to="/grants">
+                <div
+                  className={
+                    location.indexOf("grants") > -1
+                      ? "right-menu-nav active"
+                      : "right-menu-nav"
+                  }
+                >
+                  Grant program
+                </div>
+              </Link>
+              <Link to="https://deepwiki.com/3Dpass/3DP">
+                <div
+                  className={
+                    location.indexOf("wiki") > -1
+                      ? "right-menu-nav active"
+                      : "right-menu-nav"
+                  }
+                >
+                  Dev Wiki
+                </div>
+              </Link>
+            </div>
+          </div>
+          <div className="header-right-navs">
             <Link to="https://deepwiki.com/3Dpass/3DP">
-              <div
-                className={
-                  location.indexOf("wiki") > -1
-                    ? "right-menu-nav active"
-                    : "right-menu-nav"
-                }
-              >
-                Dev Wiki
-              </div>
+              <Button type="button" label="Dev Wiki" />
             </Link>
           </div>
         </div>
-        <div className="header-right-navs">
-          <Link to="https://deepwiki.com/3Dpass/3DP">
-            <Button type="button" label="Dev Wiki" />
-          </Link>
-        </div>
-      </div>
-    </header>
+      </header>
     </div>
   );
 };
 
-export default Header;
+export default Header;
\ No newline at end of file
diff --git a/src/pages/Posts.css b/src/pages/Posts.css
new file mode 100644
index 0000000..991d7ac
--- /dev/null
+++ b/src/pages/Posts.css
@@ -0,0 +1,22 @@
+.posts-page {
+    padding: 40px;
+    max-width: 1200px;
+    margin: 0 auto;
+  }
+  .posts-header {
+    text-align: center;
+    margin-bottom: 40px;
+  }
+  .posts-header h1 {
+    font-size: 2.5rem;
+    color: #333;
+  }
+  .posts-header p {
+    font-size: 1.2rem;
+    color: #666;
+  }
+  .posts-list {
+    text-align: center;
+    font-size: 1.1rem;
+    color: #666;
+  }
\ No newline at end of file
diff --git a/src/pages/Posts.js b/src/pages/Posts.js
new file mode 100644
index 0000000..e7440d0
--- /dev/null
+++ b/src/pages/Posts.js
@@ -0,0 +1,18 @@
+import React from 'react';
+import './Posts.css';
+
+const Posts = () => {
+  return (
+    <div className="posts-page">
+      <header className="posts-header">
+        <h1>Posts</h1>
+        <p>Stay tuned for the latest updates and insights from the 3Dpass team.</p>
+      </header>
+      <section className="posts-list">
+        <p>Coming soon...</p>
+      </section>
+    </div>
+  );
+};
+
+export default Posts;
\ No newline at end of file