Update src/app/page.tsx

src/app/page.tsx

@@ -31,7 +31,7 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        { name: "About", id: "#about" },
+        { name: "About", id: "/about" },
         { name: "Programs", id: "#features" },
         { name: "Pricing", id: "#pricing" },
         { name: "Contact", id: "#contact" },
@@ -55,7 +55,7 @@ export default function LandingPage() {
       <TextAbout
       useInvertedBackground={false}
       title="Empowering Somali Youth Through Sport"
-      buttons={[{ text: "Learn More", href: "#contact" }]}
+      buttons={[{ text: "Learn More", href: "/about" }]}
     />
   </div>
 
@@ -143,11 +143,11 @@ export default function LandingPage() {
       logoText="Midnimo Athletics"
       columns={[
         { title: "Programs", items: [{ label: "K-4 Fundamentals", href: "#" }, { label: "5-8 Performance", href: "#" }] },
-        { title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Contact", href: "#" }] },
+        { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Contact", href: "#contact" }] },
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}