diff --git a/src/app/post/page.tsx b/src/app/post/page.tsx
index 94d6e05..8768800 100644
--- a/src/app/post/page.tsx
+++ b/src/app/post/page.tsx
@@ -7,7 +7,7 @@ import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'
 import LegalSection from '@/components/legal/LegalSection';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 
-export default function LandingPage() {
+export default function PostPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="elastic-effect"
@@ -22,47 +22,48 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        { name: "Home", id: "/" },
-        { name: "Discover", id: "/discover" },
-        { name: "Creators", id: "/creators" },
-        { name: "Post Project", id: "/post" },
-      ]}
-      brandName="Ox"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Discover", id: "/discover" },
+              { name: "Creators", id: "/creators" },
+              { name: "Post Project", id: "/post" },
+            ]}
+            brandName="Ox"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{ variant: "plain" }}
-      text="Start your collaboration journey today."
-      buttons={[{ text: "Get Started", href: "/post" }]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            text="Start your collaboration journey today."
+            buttons={[{ text: "Get Started", href: "/post" }]}
+          />
+        </div>
 
-  <div id="legal" data-section="legal">
-      <LegalSection
-      layout="section"
-      title="Posting Guidelines"
-      sections={[
-        {
-          heading: "Rules",          text: "Be kind and professional."},
-      ]}
-    />
-  </div>
+        <div id="legal" data-section="legal">
+          <LegalSection
+            layout="section"
+            title="Posting Guidelines"
+            sections={[
+              {
+                heading: "Rules",                content: [{ type: "paragraph", text: "Be kind and professional." }]
+              }
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      logoText="Ox"
-      columns={[
-        { items: [{ label: "Explore", href: "/discover" }, { label: "Creators", href: "/creators" }, { label: "Community", href: "#" }] },
-        { items: [{ label: "Post Project", href: "/post" }, { label: "Help", href: "#" }, { label: "Contact", href: "#" }] }
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            logoText="Ox"
+            columns={[
+              { items: [{ label: "Explore", href: "/discover" }, { label: "Creators", href: "/creators" }, { label: "Community", href: "#" }] },
+              { items: [{ label: "Post Project", href: "/post" }, { label: "Help", href: "#" }, { label: "Contact", href: "#" }] }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );