bender/2cfe6d53-e0b4-4e73-93f7-34835111f5c3
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-21 16:49:33 +00:00
parent 89a4e00f19
commit b326ec1857
1 changed files with 32 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -5,6 +5,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { useBlogPosts } from "@/hooks/useBlogPosts";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
export default function BlogPage() {
const { posts, isLoading } = useBlogPosts();
@@ -26,30 +27,41 @@ export default function BlogPage() {
<NavbarStyleApple
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Projects", id: "projects" },
{ name: "Process", id: "process" },
{ name: "Contact", id: "contact" },
{ name: "About", id: "/#about" },
{ name: "Services", id: "/#services" },
{ name: "Projects", id: "/#projects" },
{ name: "Process", id: "/#process" },
{ name: "Contact", id: "/#contact" },
]}
brandName="Lakeside Construction"
/>
{isLoading ? (
<div className="w-content-width mx-auto py-20 text-center">
<p className="text-foreground">Loading posts...</p>
</div>
) : (
<BlogCardTwo
blogs={posts}
title="Latest Articles"
description="Insights and updates from our team"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
carouselMode="buttons"
<main>
{isLoading ? (
<div className="w-content-width mx-auto py-20 text-center">
<p className="text-foreground">Loading posts...</p>
</div>
) : (
<BlogCardTwo
blogs={posts}
title="Latest Articles"
description="Insights and updates from our team"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
carouselMode="buttons"
/>
)}
</main>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{ items: [{ label: "Home", href: "/" }, { label: "About", href: "/#about" }, { label: "Services", href: "/#services" }, { label: "Projects", href: "/#projects" }] },
{ items: [{ label: "Process", href: "/#process" }, { label: "Testimonials", href: "/#testimonials" }, { label: "Contact", href: "/#contact" }, { label: "Privacy Policy", href: "/privacy" }] },
{ items: [{ label: "Careers", href: "/careers" }, { label: "Sitemap", href: "/sitemap" }] },
]}
logoText="Lakeside Construction Inc."
/>
)}
</div>
</ReactLenis>
</ThemeProvider>
);