bender/a46b4ab5-d955-4b36-a018-cf95bdfc0c8b
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-19 13:46:18 +00:00
parent ad6a1ccafa
commit c8583d4d9a
1 changed files with 23 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,6 +1,5 @@
"use client";
import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { useBlogPosts } from "@/hooks/useBlogPosts";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
@@ -23,69 +22,49 @@ export default function BlogPage() {
secondaryButtonStyle="layered"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "about" },
{ name: "Fragrances", id: "fragrances" },
{ name: "Testimonials", id: "testimonials" },
{ name: "FAQ", id: "faq" },
]}
navItems={[{ name: "Home", id: "/" }, { name: "Blog", id: "/blog" }, { name: "Shop", id: "/shop" }]}
brandName="Zapah"
button={{ text: "Shop Now", href: "#fragrances" }}
button={{ text: "Shop Now", href: "/shop" }}
className="py-4 px-6 md:px-10 lg:px-14"
navItemClassName="text-lg font-medium"
buttonClassName="px-6 py-3 text-lg"
logoHref="#"
logoHref="/"
/>
</div>
<main>
{isLoading ? (
<div className="w-content-width mx-auto py-20 text-center">
<p className="text-foreground">Loading posts...</p>
</div>
) : (
<BlogCardOne
items={posts}
title="Latest Articles"
description="Insights and updates from our team"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
carouselMode="buttons"
/>
<div id="blog" data-section="blog">
<BlogCardOne
posts={posts}
title="Latest Articles"
description="Insights and updates from our team"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
carouselMode="buttons"
/>
</div>
)}
</main>
<div id="footer" data-section="footer">
<FooterBaseReveal
columns={[
{
title: "Shop", items: [
{ label: "All Fragrances", href: "#fragrances" },
{ label: "New Arrivals", href: "#products" },
{ label: "Best Sellers", href: "#products" },
],
},
{
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Our Story", href: "#about" },
{ label: "Contact", href: "#contact" },
],
},
{
title: "Support", items: [
{ label: "FAQ", href: "#faq" },
{ label: "Shipping", href: "#" },
{ label: "Returns", href: "#" },
],
},
{ title: "Shop", items: [{ label: "All Fragrances", href: "/shop" }, { label: "New Arrivals", href: "/shop" }, { label: "Best Sellers", href: "/shop" }] },
{ title: "Company", items: [{ label: "About Us", href: "/#about" }, { label: "Our Story", href: "/#about" }, { label: "Contact", href: "/#contact" }] },
{ title: "Support", items: [{ label: "FAQ", href: "/#faq" }, { label: "Shipping", href: "#" }, { label: "Returns", href: "#" }] }
]}
copyrightText="© 2024 Zapah. All rights reserved."
ariaLabel="Footer Navigation"
wrapperClassName="mt-10 md:mt-16 lg:mt-24"
footerClassName="bg-background py-10"
/>
</ReactLenis>
</div>
</ThemeProvider>
);
}