From be21db8efdf378d2cb92ea5e60a5abd88ff60a77 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 17 Feb 2026 23:28:41 +0000
Subject: [PATCH] Update src/app/blog/page.tsx

---
 src/app/blog/page.tsx | 166 +++++++++++++++++++++---------------------
 1 file changed, 83 insertions(+), 83 deletions(-)

diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 1143536..5f672be 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -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>
+  );
 }