diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 090025e..0b178d7 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -22,60 +22,60 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        { name: "Home", id: "/" },
-        { name: "Services", id: "/services" },
-        { name: "Portfolio", id: "/portfolio" },
-        { name: "About", id: "/about" },
-        { name: "Contact", id: "/contact" },
-      ]}
-      brandName="Ascendency"
-      button={{ text: "Get a Quote", href: "/contact" }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Services", id: "/services" },
+              { name: "Portfolio", id: "/portfolio" },
+              { name: "About", id: "/about" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Ascendency"
+            button={{ text: "Get a Quote", href: "/contact" }}
+          />
+        </div>
 
-  <div id="legal" data-section="legal">
-      <LegalSection
-      layout="section"
-      title="Our Mission"
-      sections={[
-        {
-          heading: "Vision",          content: { text: "To set the standard for high-performance design." },
-        },
-        {
-          heading: "Values",          content: { items: ["Integrity", "Performance", "Innovation", "Transparency"] },
-        },
-      ]}
-    />
-  </div>
+        <div id="legal" data-section="legal">
+          <LegalSection
+            layout="section"
+            title="Our Mission"
+            sections={[
+              {
+                heading: "Vision",                content: { type: "paragraph", text: "To set the standard for high-performance design." },
+              },
+              {
+                heading: "Values",                content: { type: "list", items: ["Integrity", "Performance", "Innovation", "Transparency"] },
+              },
+            ]}
+          />
+        </div>
 
-  <div id="testimonial" data-section="testimonial">
-      <TestimonialCardTen
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Meet the Team"
-      description="Our experts are passionate about digital excellence."
-      testimonials={[
-        {
-          id: "staff1",          title: "Design Lead",          quote: "I focus on aesthetic precision.",          name: "Eva G.",          role: "Creative Lead",          imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businesswoman-eyeglasses_1262-5856.jpg"},
-        {
-          id: "staff2",          title: "Tech Architect",          quote: "Code performance is the top priority.",          name: "Mark D.",          role: "Tech Lead",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg"},
-      ]}
-    />
-  </div>
+        <div id="testimonial" data-section="testimonial">
+          <TestimonialCardTen
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Meet the Team"
+            description="Our experts are passionate about digital excellence."
+            testimonials={[
+              {
+                id: "staff1",                title: "Design Lead",                quote: "I focus on aesthetic precision.",                name: "Eva G.",                role: "Creative Lead",                imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businesswoman-eyeglasses_1262-5856.jpg"},
+              {
+                id: "staff2",                title: "Tech Architect",                quote: "Code performance is the top priority.",                name: "Mark D.",                role: "Tech Lead",                imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg"},
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        { title: "Services", items: [{ label: "Web Design", href: "/services" }, { label: "SEO", href: "/services" }, { label: "Branding", href: "/services" }] },
-        { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Portfolio", href: "/portfolio" }, { label: "Contact", href: "/contact" }] },
-      ]}
-      logoText="Ascendency"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Services", items: [{ label: "Web Design", href: "/services" }, { label: "SEO", href: "/services" }, { label: "Branding", href: "/services" }] },
+              { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Portfolio", href: "/portfolio" }, { label: "Contact", href: "/contact" }] },
+            ]}
+            logoText="Ascendency"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 9856ca3..f30f511 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -23,60 +23,60 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        { name: "Home", id: "/" },
-        { name: "Services", id: "/services" },
-        { name: "Portfolio", id: "/portfolio" },
-        { name: "About", id: "/about" },
-        { name: "Contact", id: "/contact" },
-      ]}
-      brandName="Ascendency"
-      button={{ text: "Get a Quote", href: "/contact" }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Services", id: "/services" },
+              { name: "Portfolio", id: "/portfolio" },
+              { name: "About", id: "/about" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Ascendency"
+            button={{ text: "Get a Quote", href: "/contact" }}
+          />
+        </div>
 
-  <div id="legal" data-section="legal">
-      <LegalSection
-      layout="section"
-      title="Contact Details"
-      sections={[
-        {
-          heading: "Office",          content: { text: "123 Neon Ave, Future City." },
-        },
-        {
-          heading: "Support",          content: { text: "24/7 client portal access." },
-        },
-      ]}
-    />
-  </div>
+        <div id="legal" data-section="legal">
+          <LegalSection
+            layout="section"
+            title="Contact Details"
+            sections={[
+              {
+                heading: "Office",                content: { type: "paragraph", text: "123 Neon Ave, Future City." },
+              },
+              {
+                heading: "Support",                content: { type: "paragraph", text: "24/7 client portal access." },
+              },
+            ]}
+          />
+        </div>
 
-  <div id="feature" data-section="feature">
-      <FeatureCardTwentySix
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="How We Communicate"
-      description="Ensuring transparency every step of the way."
-      features={[
-        { title: "Slack", description: "Direct team chat access.", buttonIcon: MessageSquare, imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-flowing-particle-design_1048-13547.jpg", imageAlt: "3D render of a modern background with flowing particle design" },
-        { title: "Zoom", description: "Scheduled project reviews.", buttonIcon: Video, imageSrc: "http://img.b2bpic.net/free-photo/3d-flowing-particles-network-communications-design_1048-15848.jpg", imageAlt: "3D render of a modern background with flowing particle design" },
-        { title: "Jira", description: "Milestone tracking.", buttonIcon: CheckCircle, imageSrc: "http://img.b2bpic.net/free-photo/neon-light-streak-background_23-2148133186.jpg", imageAlt: "3D render of a modern background with flowing particle design" },
-        { title: "Email", description: "Documentation logs.", buttonIcon: Mail, imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-background-with-abstract-design-flowing-particles_1048-12262.jpg", imageAlt: "3D render of a modern background with flowing particle design" },
-      ]}
-    />
-  </div>
+        <div id="feature" data-section="feature">
+          <FeatureCardTwentySix
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="How We Communicate"
+            description="Ensuring transparency every step of the way."
+            features={[
+              { title: "Slack", description: "Direct team chat access.", buttonIcon: MessageSquare, imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-flowing-particle-design_1048-13547.jpg", imageAlt: "3D render of a modern background with flowing particle design" },
+              { title: "Zoom", description: "Scheduled project reviews.", buttonIcon: Video, imageSrc: "http://img.b2bpic.net/free-photo/3d-flowing-particles-network-communications-design_1048-15848.jpg", imageAlt: "3D render of a modern background with flowing particle design" },
+              { title: "Jira", description: "Milestone tracking.", buttonIcon: CheckCircle, imageSrc: "http://img.b2bpic.net/free-photo/neon-light-streak-background_23-2148133186.jpg", imageAlt: "3D render of a modern background with flowing particle design" },
+              { title: "Email", description: "Documentation logs.", buttonIcon: Mail, imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-background-with-abstract-design-flowing-particles_1048-12262.jpg", imageAlt: "3D render of a modern background with flowing particle design" },
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        { title: "Services", items: [{ label: "Web Design", href: "/services" }, { label: "SEO", href: "/services" }, { label: "Branding", href: "/services" }] },
-        { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Portfolio", href: "/portfolio" }, { label: "Contact", href: "/contact" }] },
-      ]}
-      logoText="Ascendency"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Services", items: [{ label: "Web Design", href: "/services" }, { label: "SEO", href: "/services" }, { label: "Branding", href: "/services" }] },
+              { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Portfolio", href: "/portfolio" }, { label: "Contact", href: "/contact" }] },
+            ]}
+            logoText="Ascendency"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file