diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 7b7cb26..18bee18 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -1,13 +1,20 @@
"use client";
-import ReactLenis from "lenis/react";
-import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
-import FooterCard from '@/components/sections/footer/FooterCard';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import { Instagram, Twitter, Facebook } from 'lucide-react';
import { useBlogPosts } from "@/hooks/useBlogPosts";
+const navItems = [
+ { name: "Home", id: "/" },
+ { name: "About", id: "/#about" },
+ { name: "Menu", id: "/#menu" },
+ { name: "Brew Process", id: "/#process" },
+ { name: "Contact", id: "/#contact" }
+];
+
export default function BlogPage() {
const { posts, isLoading } = useBlogPosts();
@@ -24,63 +31,53 @@ export default function BlogPage() {
secondaryButtonStyle="glass"
headingFontWeight="extrabold"
>
- Loading posts... Loading posts...