diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index e08e9e9..e4193dc 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -10,7 +10,7 @@ import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'
 import { Coffee, Sun, Users, Leaf, Armchair } from "lucide-react";
 
 export default function AboutPage() {
-  const navItems = [{"name":"Home","id":"/"},{"name":"Menu","id":"/menu"},{"name":"About","id":"/about"},{"name":"Order Ahead","id":"/order"}];
+  const navItems = [{"name":"Home","id":"/"},{"name":"Menu","id":"/menu"},{"name":"About","id":"/about"},{"name":"Order Ahead","id":"/order"},{"name":"Shop","id":"/shop"}];
   const footerColumns = [{"items":[{"label":"Home","href":"/"},{"label":"Menu","href":"/menu"},{"label":"About","href":"/about"},{"label":"Order Ahead","href":"/order"}]},{"items":[{"label":"Hours","href":"/about"},{"label":"Instagram","href":"https://instagram.com/midnightcafe"}]}];
 
   return (