bender/2c3f248a-cd34-4d43-86f4-6a737c81a558
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-23 12:20:55 +00:00
parent bb8829ca5f
commit 596151bf65
1 changed files with 38 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,6 +1,7 @@
use client";
"use client";
import ReactLenis from "lenis/react";
import React from 'react';
import Link from 'next/link';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { useBlogPosts } from "@/hooks/useBlogPosts";
@@ -16,6 +17,16 @@ import FooterMedia from '@/components/sections/footer/FooterMedia';
export default function BlogPage() {
const { posts, isLoading } = useBlogPosts();
const navItems = [
{ name: "Home", id: "/" },
{ name: "Shop", id: "/#shop" },
{ name: "About", id: "/#about" },
{ name: "Features", id: "/#features" },
{ name: "Testimonials", id: "/#testimonials" },
{ name: "FAQ", id: "/#faq" },
{ name: "Contact", id: "/#contact" },
];
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
@@ -29,30 +40,24 @@ export default function BlogPage() {
secondaryButtonStyle="layered"
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="Find Me"
navItems={[
{ name: "Home", id: "/" },
{ name: "Shop", id: "shop" },
{ name: "About", id: "about" },
{ name: "Features", id: "features" },
{ name: "Testimonials", id: "testimonials" },
{ name: "FAQ", id: "faq" },
{ name: "Contact", id: "contact" },
]}
button={{ text: "Explore Now", href: "#shop" }}
navItems={navItems}
button={{ text: "Explore Now", href: "/#shop" }}
className="bg-card/80 backdrop-blur-md"
buttonClassName="bg-primary-cta text-primary-cta-text"
buttonTextClassName="font-semibold"
/>
</div>
{isLoading ? (
<div className="w-full min-h-screen flex items-center justify-center">
<p className="text-foreground">Loading posts...</p>
</div>
) : (
<main className="pt-24">
{isLoading ? (
<div className="w-full min-h-screen flex items-center justify-center">
<p className="text-foreground">Loading posts...</p>
</div>
) : (
<main className="pt-24">
<div id="blog" data-section="blog">
<BlogCardTwo
posts={posts}
title="From Our Blog"
@@ -62,30 +67,32 @@ export default function BlogPage() {
useInvertedBackground={false}
carouselMode="buttons"
/>
</main>
)}
</div>
</main>
)}
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="https://img.b2bpic.net/free-vector/pink-silk-background_1048-401.jpg?_wi=2"
imageSrc="https://img.b2bpic.net/free-vector/pink-silk-background_1048-401.jpg"
imageAlt="Abstract luxury texture background with soft gradients"
columns={[
{
title: "Shop", items: [
{ label: "New Arrivals", href: "#shop" },
{ label: "Best Sellers", href: "#shop" },
{ label: "Discovery Sets", href: "#shop" },
{ label: "New Arrivals", href: "/#shop" },
{ label: "Best Sellers", href: "/#shop" },
{ label: "Discovery Sets", href: "/#shop" },
],
},
{
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Our Promise", href: "#features" },
{ label: "Contact", href: "#contact" },
{ label: "About Us", href: "/#about" },
{ label: "Our Promise", href: "/#features" },
{ label: "Contact", href: "/#contact" },
],
},
{
title: "Support", items: [
{ label: "FAQ", href: "#faq" },
{ label: "FAQ", href: "/#faq" },
{ label: "Shipping", href: "#" },
{ label: "Returns", href: "#" },
],
@@ -93,14 +100,13 @@ export default function BlogPage() {
]}
logoText="Find Me"
copyrightText="© 2024 Find Me. All rights reserved."
useInvertedBackground={false}
className="bg-card"
logoTextClassName="text-foreground"
columnTitleClassName="text-foreground"
columnItemClassName="text-foreground/80 hover:text-primary-cta"
copyrightTextClassName="text-foreground/70"
/>
</ReactLenis>
</div>
</ThemeProvider>
);
}