bender/58231c48-e4ac-4ea5-be3d-e5f286e1f726
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-13 11:46:20 +00:00
parent 18b3b17bdd
commit e70f981586
1 changed files with 36 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -11,6 +11,40 @@ import Link from "next/link";
export default function BlogPage() {
const { posts, isLoading } = useBlogPosts();
const navItems = [
{ name: "Home", id: "/" },
{ name: "Adopt", id: "/adopt" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
{ name: "Donate", id: "/donate" },
{ name: "Shop", id: "/shop" },
{ name: "Blog", id: "/blog" }
];
const footerColumns = [
{
title: "About Us", items: [
{ label: "Our Mission", href: "/about" },
{ label: "Meet the Team", href: "/about#team" },
{ label: "Impact Report", href: "/about#impact" }
]
},
{
title: "Get Involved", items: [
{ label: "Adopt a Pet", href: "/adopt" },
{ label: "Volunteer", href: "/contact" },
{ label: "Foster a Pet", href: "/contact" }
]
},
{
title: "Resources", items: [
{ label: "FAQs", href: "/faq" },
{ label: "Pet Care Tips", href: "/blog" },
{ label: "Contact Us", href: "/contact" }
]
}
];
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
@@ -27,15 +61,7 @@ export default function BlogPage() {
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Adopt", id: "/adopt" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
{ name: "Donate", id: "/donate" },
{ name: "Shop", id: "/shop" },
{ name: "Blog", id: "/blog" }
].map(item => ({...item, id: item.id.startsWith('/') ? item.id : `#${item.id}`}))}
navItems={navItems}
button={{ text: "Donate", href: "/donate" }}
brandName="Hope Haven"
className="py-4"
@@ -63,32 +89,9 @@ export default function BlogPage() {
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "About Us", items: [
{ label: "Our Mission", href: "/about" },
{ label: "Meet the Team", href: "/about#team" },
{ label: "Impact Report", href: "/about#impact" }
]
},
{
title: "Get Involved", items: [
{ label: "Adopt a Pet", href: "/adopt" },
{ label: "Volunteer", href: "/contact" },
{ label: "Foster a Pet", href: "/contact" }
]
},
{
title: "Resources", items: [
{ label: "FAQs", href: "/faq" },
{ label: "Pet Care Tips", href: "/blog" },
{ label: "Contact Us", href: "/contact" }
]
}
]}
columns={footerColumns}
logoText="Hope Haven"
copyrightText="© 2024 Hope Haven Animal Shelter. All rights reserved."
useInvertedBackground={false}
/>
</div>
</ReactLenis>