Update src/app/blog/page.tsx
This commit is contained in:
@@ -2,94 +2,94 @@
|
||||
|
||||
import ReactLenis from "lenis/react";
|
||||
import BlogCardOne from "@/components/sections/blog/BlogCardOne";
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||
import { useBlogPosts } from "@/hooks/useBlogPosts";
|
||||
|
||||
export default function BlogPage() {
|
||||
const { posts, isLoading } = useBlogPosts();
|
||||
const { posts, isLoading } = useBlogPosts();
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="medium"
|
||||
background="noise"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
brandName="Ori Blendze"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Album", id: "album" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
bottomLeftText="Garage Barbershop"
|
||||
bottomRightText="(754) 837-0279"
|
||||
/>
|
||||
</div>
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="large"
|
||||
background="aurora"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
brandName="Ori Blendze"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Portfolio", id: "album" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
bottomLeftText="Garage Barbershop"
|
||||
bottomRightText="(754) 837-0279"
|
||||
/>
|
||||
</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="Barbering Insights"
|
||||
description="Expert tips, techniques, and industry insights from professional barbers"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
/>
|
||||
</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="Barbering Insights"
|
||||
description="Expert tips, techniques, and industry insights from professional barbers"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="depth-3d"
|
||||
/>
|
||||
</div>
|
||||
)}
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://img.b2bpic.net/free-photo/customer-standing-front-mirror-barbershop_23-2148181953.jpg"
|
||||
imageAlt="Professional barbershop interior"
|
||||
logoText="Ori Blendze Barbershop"
|
||||
copyrightText="© 2025 Ori Blendze. Premium Barbering Services."
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Haircuts", href: "#services" },
|
||||
{ label: "Beard Grooming", href: "#services" },
|
||||
{ label: "Straight Razor Shave", href: "#services" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Reviews", href: "#reviews" },
|
||||
{ label: "Contact Us", href: "#contact" },
|
||||
{ label: "Book Appointment", href: "#contact" },
|
||||
{ label: "TikTok", href: "https://www.tiktok.com/@oriblendz" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Info", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Phone: (754) 837-0279", href: "tel:7548370279" },
|
||||
{ label: "3127 NW 84th Way", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://images.unsplash.com/photo-1599622008374-f2a4f2d97f51?w=800&q=80"
|
||||
imageAlt="Professional barbershop interior"
|
||||
logoText="Ori Blendze Barbershop"
|
||||
copyrightText="© 2025 Ori Blendze. Premium Barbering Services."
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Haircuts", href: "#services" },
|
||||
{ label: "Beard Grooming", href: "#services" },
|
||||
{ label: "Straight Razor Shave", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Reviews", href: "#reviews" },
|
||||
{ label: "Contact Us", href: "#contact" },
|
||||
{ label: "Book Appointment", href: "#contact" },
|
||||
{ label: "TikTok", href: "https://www.tiktok.com/@oriblendz" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Info", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Phone: (754) 837-0279", href: "tel:7548370279" },
|
||||
{ label: "3127 NW 84th Way", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user