bender/8a955bbb-3a50-4904-930a-211dcf4777b9
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 12:44:08 +00:00
parent 3b7afaa079
commit be4c33ffd7
1 changed files with 23 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,15 +1,13 @@
"use client";
import ReactLenis from "lenis/react";
import BlogCardOne from "@/components/sections/blog/BlogCardOne";
import AboutMetric from '@/components/sections/about/AboutMetric';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import { useBlogPosts } from "@/hooks/useBlogPosts";
import { Heart, Users, Award, Trophy } from 'lucide-react';
export default function BlogPage() {
const { posts, isLoading } = useBlogPosts();
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
@@ -29,33 +27,28 @@ export default function BlogPage() {
brandName="Family Lovers"
navItems={[
{ name: "Home", id: "/" },
{ name: "Team", id: "team" },
{ name: "Schedule", id: "schedule" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" }
{ name: "Team", id: "/team" },
{ name: "Schedule", id: "/schedule" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" }
]}
button={{ text: "Join Us", href: "#membership" }}
button={{ text: "Join Us", href: "/#pricing" }}
/>
</div>
{isLoading ? (
<div className="w-content-width mx-auto py-20 text-center">
<p className="text-foreground">Loading posts...</p>
</div>
) : (
<div id="blog" data-section="blog">
<BlogCardOne
blogs={posts}
title="Family Adventures & Stories"
description="Discover heartwarming moments, family activities, and insights that bring us closer together"
textboxLayout="default"
useInvertedBackground={false}
carouselMode="buttons"
animationType="slide-up"
tag="Stories"
/>
</div>
)}
<div id="blog" data-section="blog">
<AboutMetric
title="Family Adventures & Stories - Discover heartwarming moments, family activities, and insights that bring us closer together as the Family Lovers basketball community."
metrics={[
{ icon: Heart, label: "Community Stories", value: "50+" },
{ icon: Users, label: "Fan Highlights", value: "100+" },
{ icon: Award, label: "Season Moments", value: "25+" },
{ icon: Trophy, label: "Championship Updates", value: "10+" }
]}
useInvertedBackground={false}
metricsAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
@@ -71,9 +64,9 @@ export default function BlogPage() {
},
{
items: [
{ label: "Tickets", href: "#pricing" },
{ label: "Tickets", href: "/#pricing" },
{ label: "Merchandise", href: "#" },
{ label: "Sponsorships", href: "#contact" },
{ label: "Sponsorships", href: "/contact" },
{ label: "Youth Programs", href: "#" }
]
},
@@ -82,7 +75,7 @@ export default function BlogPage() {
{ label: "Contact", href: "/contact" },
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "FAQ", href: "#faq" }
{ label: "FAQ", href: "/about#faq" }
]
},
{