diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index a990c24..d56cb3e 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -22,51 +22,51 @@ export default function AboutPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        { name: "Home", id: "/" },
-        { name: "About", id: "/about" },
-        { name: "Contact", id: "/contact" },
-      ]}
-      brandName="Som Gafwee"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Som Gafwee"
+          />
+        </div>
 
-  <div id="team" data-section="team">
-      <TeamCardFive
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="The Team"
-      description="Meet the creative minds behind Som Gafwee."
-      team={[
-        { id: "t1", name: "Som Gafwee", role: "Creative Lead", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businessman-smiling_74855-1511.jpg" },
-        { id: "t2", name: "Design Partner", role: "Art Director", imageSrc: "http://img.b2bpic.net/free-photo/male-employee-with-coffee-cup-office_482257-119420.jpg" },
-      ]}
-    />
-  </div>
+        <div id="team" data-section="team">
+          <TeamCardFive
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="The Team"
+            description="Meet the creative minds behind Som Gafwee."
+            team={[
+              { id: "t1", name: "Som Gafwee", role: "Creative Lead", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businessman-smiling_74855-1511.jpg" },
+              { id: "t2", name: "Design Partner", role: "Art Director", imageSrc: "http://img.b2bpic.net/free-photo/male-employee-with-coffee-cup-office_482257-119420.jpg" },
+            ]}
+          />
+        </div>
 
-  <div id="legal" data-section="legal">
-      <LegalSection
-      layout="section"
-      title="Our Values"
-      sections={[
-        { heading: "Design Philosophy", content: { text: "We believe in minimalism, clarity, and bold, futuristic aesthetics." } },
-      ]}
-    />
-  </div>
+        <div id="legal" data-section="legal">
+          <LegalSection
+            layout="section"
+            title="Our Values"
+            sections={[
+              { heading: "Design Philosophy", content: { type: "paragraph", text: "We believe in minimalism, clarity, and bold, futuristic aesthetics." } },
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        { title: "Pages", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] },
-        { title: "Services", items: [{ label: "Logos", href: "/services" }, { label: "Web Dev", href: "/services" }] },
-        { title: "Contact", items: [{ label: "Email", href: "mailto:sa22072004@gmail.com" }, { label: "WhatsApp", href: "https://wa.me/923410184098" }] },
-      ]}
-      logoText="Som Gafwee"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Pages", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] },
+              { title: "Services", items: [{ label: "Logos", href: "/services" }, { label: "Web Dev", href: "/services" }] },
+              { title: "Contact", items: [{ label: "Email", href: "mailto:sa22072004@gmail.com" }, { label: "WhatsApp", href: "https://wa.me/923410184098" }] },
+            ]}
+            logoText="Som Gafwee"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index f5e2f86..b6708aa 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -22,46 +22,46 @@ export default function ContactPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        { name: "Home", id: "/" },
-        { name: "About", id: "/about" },
-        { name: "Contact", id: "/contact" },
-      ]}
-      brandName="Som Gafwee"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Som Gafwee"
+          />
+        </div>
 
-  <div id="contact-form" data-section="contact-form">
-      <ContactText
-      useInvertedBackground={false}
-      background={{ variant: "sparkles-gradient" }}
-      text="Ready to build something iconic? Let's connect at sa22072004@gmail.com or via WhatsApp +923410184098."
-      buttons={[{ text: "Contact WhatsApp", href: "https://wa.me/923410184098" }]}
-    />
-  </div>
+        <div id="contact-form" data-section="contact-form">
+          <ContactText
+            useInvertedBackground={false}
+            background={{ variant: "sparkles-gradient" }}
+            text="Ready to build something iconic? Let's connect at sa22072004@gmail.com or via WhatsApp +923410184098."
+            buttons={[{ text: "Contact WhatsApp", href: "https://wa.me/923410184098" }]}
+          />
+        </div>
 
-  <div id="legal" data-section="legal">
-      <LegalSection
-      layout="section"
-      title="Get in Touch"
-      sections={[
-        { heading: "Inquiries", content: { items: ["Email us for quotes.", "DM on social for quick chat."] } },
-      ]}
-    />
-  </div>
+        <div id="legal" data-section="legal">
+          <LegalSection
+            layout="section"
+            title="Get in Touch"
+            sections={[
+              { heading: "Inquiries", content: { type: "list", items: ["Email us for quotes.", "DM on social for quick chat."] } },
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        { title: "Pages", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] },
-        { title: "Services", items: [{ label: "Logos", href: "/services" }, { label: "Web Dev", href: "/services" }] },
-        { title: "Contact", items: [{ label: "Email", href: "mailto:sa22072004@gmail.com" }, { label: "WhatsApp", href: "https://wa.me/923410184098" }] },
-      ]}
-      logoText="Som Gafwee"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Pages", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] },
+              { title: "Services", items: [{ label: "Logos", href: "/services" }, { label: "Web Dev", href: "/services" }] },
+              { title: "Contact", items: [{ label: "Email", href: "mailto:sa22072004@gmail.com" }, { label: "WhatsApp", href: "https://wa.me/923410184098" }] },
+            ]}
+            logoText="Som Gafwee"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );