Update src/app/blog/page.tsx

src/app/blog/page.tsx

@@ -6,10 +6,17 @@ import { useBlogPosts } from "@/hooks/useBlogPosts";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import BlogCardThree from '@/components/sections/blog/BlogCardThree';
+import Link from 'next/link';
 
 export default function BlogPage() {
     const { posts, isLoading } = useBlogPosts();
 
+    const navItems = [
+        { name: "Home", id: "/" },
+        { name: "Blog", id: "/blog" },
+        { name: "Shop", id: "/shop" },
+    ];
+
     return (
         <ThemeProvider
             defaultButtonVariant="text-stagger"
@@ -26,15 +33,7 @@ export default function BlogPage() {
             <ReactLenis root>
                 <div id="nav" data-section="nav">
                     <NavbarStyleApple
-                        navItems={[
-                            { name: "Home", id: "/" },
-                            { name: "Order", id: "order" },
-                            { name: "Menu", id: "menu" },
-                            { name: "About", id: "about" },
-                            { name: "Flavors", id: "flavors" },
-                            { name: "Reviews", id: "reviews" },
-                            { name: "Contact", id: "contact" },
-                        ]}
+                        navItems={navItems.map(item => ({...item, component: Link}))}
                         brandName="bb.q chicken"
                     />
                 </div>
@@ -80,7 +79,6 @@ export default function BlogPage() {
                                 },
                             ]}
                             copyrightText="© 2024 bb.q chicken — Columbus. All rights reserved."
-                            useInvertedBackground={false}
                             ariaLabel="Site footer with navigation and social links."
                         />
                     </div>