Update src/app/about/page.tsx

src/app/about/page.tsx

@@ -10,16 +10,16 @@ import { TrendingUp, Users, Clock, DollarSign, Zap } from "lucide-react";
 
 export default function AboutPage() {
   const navItems = [
-    { name: "How It Works", id: "how-it-works" },
-    { name: "Services", id: "services" },
-    { name: "Pricing", id: "pricing" },
-    { name: "Contact", id: "contact" },
+    { name: "Home", id: "/" },
+    { name: "How It Works", id: "/how-it-works" },
+    { name: "Services", id: "/services" },
+    { name: "Pricing", id: "/pricing" },
+    { name: "Contact", id: "/contact" },
   ];
 
   const footerColumns = [
     {
-      title: "Product",
-      items: [
+      title: "Product",      items: [
         { label: "Features", href: "#" },
         { label: "Pricing", href: "/pricing" },
         { label: "Security", href: "#" },
@@ -27,8 +27,7 @@ export default function AboutPage() {
       ],
     },
     {
-      title: "Company",
-      items: [
+      title: "Company",      items: [
         { label: "About", href: "/about" },
         { label: "Blog", href: "#" },
         { label: "Contact", href: "/contact" },
@@ -36,8 +35,7 @@ export default function AboutPage() {
       ],
     },
     {
-      title: "Industries",
-      items: [
+      title: "Industries",      items: [
         { label: "Dental Practices", href: "/industries" },
         { label: "Salons & Spas", href: "/industries" },
         { label: "Restaurants", href: "/industries" },
@@ -45,8 +43,7 @@ export default function AboutPage() {
       ],
     },
     {
-      title: "Legal",
-      items: [
+      title: "Legal",      items: [
         { label: "Privacy Policy", href: "#" },
         { label: "Terms of Service", href: "#" },
         { label: "Cookie Policy", href: "#" },
@@ -71,7 +68,7 @@ export default function AboutPage() {
         <NavbarLayoutFloatingInline
           brandName="Romèra"
           navItems={navItems}
-          button={{ text: "Book a Demo", href: "#contact" }}
+          button={{ text: "Book a Demo", href: "/contact" }}
           animateOnLoad={true}
         />
       </div>
@@ -84,7 +81,7 @@ export default function AboutPage() {
           tag="Our Story"
           tagIcon={Zap}
           tagAnimation="slide-up"
-          buttons={[{ text: "Book a Demo", href: "#contact" }]}
+          buttons={[{ text: "Book a Demo", href: "/contact" }]}
           buttonAnimation="slide-up"
           mediaAnimation="none"
         />
@@ -113,4 +110,4 @@ export default function AboutPage() {
       </div>
     </ThemeProvider>
   );
-}
+}