Update src/app/about/page.tsx

src/app/about/page.tsx

@@ -26,28 +26,14 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Menu",
-          id: "/menu",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Order",
-          id: "/order",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
+        { name: "Home", id: "/" },
+        { name: "Menu", id: "/menu" },
+        { name: "About", id: "/about" },
+        { name: "Order", id: "/order" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="Java Cafe"
+      button={{ text: "Order Now", href: "/order" }}
     />
   </div>
 
@@ -56,21 +42,9 @@ export default function LandingPage() {
       useInvertedBackground={true}
       title="Our Story"
       metrics={[
-        {
-          icon: Coffee,
-          label: "Coffee Varieties",
-          value: "20+",
-        },
-        {
-          icon: Users,
-          label: "Happy Customers",
-          value: "15k+",
-        },
-        {
-          icon: Award,
-          label: "Local Awards",
-          value: "5",
-        },
+        { icon: Coffee, label: "Coffee Varieties", value: "20+" },
+        { icon: Users, label: "Happy Customers", value: "15k+" },
+        { icon: Award, label: "Local Awards", value: "5" },
       ]}
       metricsAnimation="slide-up"
     />
@@ -80,10 +54,7 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={false}
       heading={[
-        {
-          type: "text",
-          content: "More Than Just Coffee",
-        },
+        { type: "text", content: "More Than Just Coffee" },
       ]}
     />
   </div>
@@ -91,53 +62,9 @@ export default function LandingPage() {
   <div id="footer-main" data-section="footer-main">
       <FooterSimple
       columns={[
-        {
-          title: "Navigate",
-          items: [
-            {
-              label: "Home",
-              href: "/",
-            },
-            {
-              label: "Menu",
-              href: "/menu",
-            },
-            {
-              label: "Order",
-              href: "/order",
-            },
-          ],
-        },
-        {
-          title: "Social",
-          items: [
-            {
-              label: "Instagram",
-              href: "#",
-            },
-            {
-              label: "Facebook",
-              href: "#",
-            },
-            {
-              label: "Twitter",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Navigate", items: [{ label: "Home", href: "/" }, { label: "Menu", href: "/menu" }, { label: "Order", href: "/order" }] },
+        { title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }, { label: "Twitter", href: "#" }] },
+        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
       ]}
       bottomLeftText="© 2024 Java Cafe Inc."
       bottomRightText="Crafted with love"