Update src/app/about/page.tsx

src/app/about/page.tsx

@@ -6,8 +6,9 @@ import FooterBase from '@/components/sections/footer/FooterBase';
 import LegalSection from '@/components/legal/LegalSection';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+import Link from "next/link";
 
-export default function LandingPage() {
+export default function AboutPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="bounce-effect"
@@ -25,30 +26,12 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Projects",
-          id: "/projects",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Reviews",
-          id: "/reviews",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
+        { name: "Home", id: "/" },
+        { name: "Services", id: "/services" },
+        { name: "Projects", id: "/projects" },
+        { name: "About", id: "/about" },
+        { name: "Reviews", id: "/reviews" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="Apex Construction"
     />
@@ -61,10 +44,7 @@ export default function LandingPage() {
       title="Our Clients"
       description="We are proud to serve these distinguished companies."
       names={[
-        "Urban Estates",
-        "Design Studio",
-        "Retail Group",
-      ]}
+        "Urban Estates",        "Design Studio",        "Retail Group"]}
     />
   </div>
 
@@ -74,12 +54,7 @@ export default function LandingPage() {
       title="Our Commitment"
       sections={[
         {
-          heading: "Integrity",
-          content: {
-            type: "paragraph",
-            text: "We operate with total transparency in every phase.",
-          },
-        },
+          heading: "Integrity",          content: "We operate with total transparency in every phase."},
       ]}
     />
   </div>
@@ -88,33 +63,16 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Navigation",
-          items: [
-            {
-              label: "Services",
-              href: "/services",
-            },
-            {
-              label: "Projects",
-              href: "/projects",
-            },
-            {
-              label: "About",
-              href: "/about",
-            },
+          title: "Navigation",          items: [
+            { label: "Services", href: "/services" },
+            { label: "Projects", href: "/projects" },
+            { label: "About", href: "/about" },
           ],
         },
         {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "License #123456",
-              href: "#",
-            },
+          title: "Legal",          items: [
+            { label: "Privacy Policy", href: "#" },
+            { label: "License #123456", href: "#" },
           ],
         },
       ]}