bender/bee8badf-1fb3-4ed9-82e9-a2aabca03fd9
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/blog/page.tsx

Browse Source
This commit is contained in:
bender
2026-02-20 18:03:37 +00:00
parent bf0578f8f0
commit 7fa5418e89
1 changed files with 44 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
src/app/blog/page.tsx
View File

@@ -10,6 +10,12 @@ import { useBlogPosts } from "@/hooks/useBlogPosts";
export default function BlogPage() {
const { posts, isLoading } = useBlogPosts();
const navItems = [
{ name: "Home", id: "/" },
{ name: "Blog", id: "/blog" },
{ name: "Shop", id: "/shop" },
];
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
@@ -24,21 +30,16 @@ export default function BlogPage() {
headingFontWeight="extrabold"
>
<ReactLenis root>
<NavbarStyleCentered
brandName="Goldenberg's Deli"
navItems={[
{ name: "Home", id: "/" },
{ name: "Menu", id: "#menu" },
{ name: "About", id: "#about" },
{ name: "Testimonials", id: "#testimonials" },
{ name: "FAQs", id: "#faqs" },
{ name: "Contact", id: "#contact" },
]}
button={{ text: "Order Now", href: "#contact" }}
/>
<div id="nav" data-section="nav">
<NavbarStyleCentered
brandName="Goldenberg's Deli"
navItems={navItems}
button={{ text: "Order Now", href: "/#contact" }}
/>
</div>
{isLoading ? (
<div className="w-content-width mx-auto py-20 text-center">
<div className="w-content-width mx-auto py-20 text-center min-h-screen">
<p className="text-foreground">Loading posts...</p>
</div>
) : (
@@ -54,36 +55,36 @@ export default function BlogPage() {
/>
</div>
)}
<FooterBase
logoText="Goldenberg's Deli"
columns={[
{
title: "Menu", items: [
{ label: "Corned Beef", href: "#product" },
{ label: "Pastrami", href: "#product" },
{ label: "Soups", href: "#product" },
{ label: "Sandwiches", href: "#product" },
],
},
{
title: "About Us", items: [
{ label: "Our Story", href: "#about" },
{ label: "Reviews", href: "#testimonials" },
{ label: "FAQs", href: "#faqs" },
],
},
{
title: "Contact", items: [
{ label: "Location", href: "#contact" },
{ label: "Catering", href: "#contact" },
{ label: "Order Online", href: "#contact" },
],
},
]}
copyrightText="© 2024 Goldenberg's Deli. All rights reserved."
useInvertedBackground={false}
/>
<div id="footer" data-section="footer">
<FooterBase
logoText="Goldenberg's Deli"
columns={[
{
title: "Menu", items: [
{ label: "Corned Beef", href: "/#product" },
{ label: "Pastrami", href: "/#product" },
{ label: "Soups", href: "/#product" },
{ label: "Sandwiches", href: "/#product" },
],
},
{
title: "About Us", items: [
{ label: "Our Story", href: "/#about" },
{ label: "Reviews", href: "/#testimonial" },
{ label: "FAQs", href: "/#faq" },
],
},
{
title: "Contact", items: [
{ label: "Location", href: "/#contact" },
{ label: "Catering", href: "/#contact" },
{ label: "Order Online", href: "/#contact" },
],
},
]}
copyrightText="© 2024 Goldenberg's Deli. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);