diff --git a/src/app/checkout/page.tsx b/src/app/checkout/page.tsx
index 5875263..fa8373a 100644
--- a/src/app/checkout/page.tsx
+++ b/src/app/checkout/page.tsx
@@ -7,7 +7,7 @@ import FooterCard from '@/components/sections/footer/FooterCard';
 import LegalSection from '@/components/legal/LegalSection';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 
-export default function LandingPage() {
+export default function CheckoutPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="text-shift"
@@ -22,52 +22,48 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",          id: "/"},
-        {
-          name: "Shop",          id: "/shop"},
-        {
-          name: "Checkout",          id: "/checkout"},
-        {
-          name: "Delivery",          id: "/delivery"},
-      ]}
-      brandName="LEX"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Shop", id: "/shop" },
+              { name: "Checkout", id: "/checkout" },
+              { name: "Delivery", id: "/delivery" },
+            ]}
+            brandName="LEX"
+          />
+        </div>
 
-  <div id="legal" data-section="legal">
-      <LegalSection
-      layout="page"
-      title="Checkout Terms"
-      sections={[
-        {
-          heading: "Payment Policy",          content: {
-            text: "All payments are processed securely."},
-        },
-      ]}
-    />
-  </div>
+        <div id="legal" data-section="legal">
+          <LegalSection
+            layout="page"
+            title="Checkout Terms"
+            sections={[
+              {
+                heading: "Payment Policy",                content: {
+                  type: "paragraph",                  text: "All payments are processed securely."
+                }
+              }
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "plain"}}
-      tag="Support"
-      title="Need Help Ordering?"
-      description="Reach out to our support team."
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Support"
+            title="Need Help Ordering?"
+            description="Reach out to our support team."
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="LEX STYLISH CLOTHS"
-      copyrightText="© 2025 Lex Stylish Cloths. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="LEX STYLISH CLOTHS"
+            copyrightText="© 2025 Lex Stylish Cloths. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );