From 94d93b907676216f55c9ebeabe537429f1fb0b9b Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 9 Jun 2026 23:37:00 +0000
Subject: [PATCH] Update src/app/gallery/page.tsx

---
 src/app/gallery/page.tsx | 107 +++++++++++++++++----------------------
 1 file changed, 47 insertions(+), 60 deletions(-)

diff --git a/src/app/gallery/page.tsx b/src/app/gallery/page.tsx
index d18b0df..2af92b5 100644
--- a/src/app/gallery/page.tsx
+++ b/src/app/gallery/page.tsx
@@ -3,23 +3,34 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import FooterBase from '@/components/sections/footer/FooterBase';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import FooterBase from '@/components/sections/footer/FooterBase';
 
 export default function GalleryPage() {
-  const galleryItems = [
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "Services", id: "/services" },
+    { name: "Service Areas", id: "/service-areas" },
+    { name: "Gallery", id: "/gallery" },
+    { name: "Contact", id: "/contact" },
+  ];
+
+  const products = [
     {
-      id: "1",      name: "Classic Oak Living Room",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780966820443-2vc4yi0u.png",      imageAlt: "Classic Oak Living Room"},
+      id: "1",      brand: "FloorCraft",      name: "Classic Oak Hardwood",      price: "$8.50/sqft",      rating: 4.8,
+      reviewCount: "120",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780966870626-bmc3gsu8.png",      imageAlt: "Classic Oak Hardwood Installation"},
     {
-      id: "2",      name: "Modern Herringbone Dining",      imageSrc: "https://img.b2bpic.net/free-photo/herringbone-stairs-flooring-wooden-chevron-modern-finish_169016-68991.jpg?id=420756080",      imageAlt: "Modern Herringbone Dining"},
+      id: "2",      brand: "FloorCraft",      name: "Herringbone Parquet",      price: "$12.00/sqft",      rating: 4.9,
+      reviewCount: "95",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780966945561-9h6uh1nb.png",      imageAlt: "Herringbone Parquet Refinishing"},
     {
-      id: "3",      name: "Rustic Pine Bedroom",      imageSrc: "https://img.b2bpic.net/free-photo/rustic-weathered-wood-surface-with-long-boards-lined-up_24972-248.jpg?id=3913052",      imageAlt: "Rustic Pine Bedroom"},
+      id: "3",      brand: "FloorCraft",      name: "Modern Grey Laminate",      price: "$6.25/sqft",      rating: 4.5,
+      reviewCount: "78",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780966973320-uqhq8km9.png",      imageAlt: "Modern Grey Laminate Installation"},
     {
-      id: "4",      name: "Commercial Grade Laminate",      imageSrc: "https://img.b2bpic.net/free-photo/warm-wooden-texture_23-2151946271.jpg?id=413147449",      imageAlt: "Commercial Grade Laminate"},
+        id: "4",        brand: "FloorCraft",        name: "Dark Walnut Restoration",        price: "$10.00/sqft",        rating: 4.7,
+        reviewCount: "110",        imageSrc: "https://img.b2bpic.net/free-photo/rustic-weathered-wood-surface-with-long-boards-lined-up_24972-248.jpg?id=3913052",        imageAlt: "Dark Walnut Floor Restoration"},
     {
-      id: "5",      name: "Gym Floor Refinish",      imageSrc: "https://img.b2bpic.net/free-photo/rustic-reclaimed-wood-planks-texture_84443-73858.jpg?id=426436371",      imageAlt: "Gym Floor Refinish"},
-    {
-      id: "6",      name: "Staircase Revitalization",      imageSrc: "https://img.b2bpic.net/free-vector/small-wooden-blocks-texture_1100-47.jpg?id=851179",      imageAlt: "Staircase Revitalization"}
+        id: "5",        brand: "FloorCraft",        name: "White Oak Finish",        price: "$9.00/sqft",        rating: 4.6,
+        reviewCount: "85",        imageSrc: "https://img.b2bpic.net/free-photo/herringbone-stairs-flooring-wooden-chevron-modern-finish_169016-68991.jpg?id=420756080",        imageAlt: "White Oak Floor Finishing"}
   ];
 
   return (
@@ -37,33 +48,25 @@ export default function GalleryPage() {
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
-            <NavbarStyleCentered
-            navItems={[
-                {
-                name: "Home",                id: "/"},
-                {
-                name: "Services",                id: "/services"},
-                {
-                name: "Gallery",                id: "/gallery"},
-                {
-                name: "Contact",                id: "/contact"},
-            ]}
+          <NavbarStyleCentered
+            navItems={navItems}
             button={{
-                text: "Get a Free Quote",                href: "/contact"}}
+              text: "Get a Free Quote",              href: "/contact"}}
             logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238289-ovhlz3j6.png"
             logoAlt="FloorCraft Logo"
             brandName="FloorCraft"
-            />
+          />
         </div>
 
-        <div id="gallery-section" data-section="gallery-section">
+        <div id="gallery-products" data-section="gallery-products">
           <ProductCardTwo
-            title="Our Craftsmanship in Every Detail"
-            description="Explore a collection of our completed projects, showcasing the quality and dedication FloorCraft brings to every floor."
-            gridVariant="three-columns-all-equal-width"
+            title="Our Recent Projects & Materials"
+            description="Explore the quality and craftsmanship of FloorCraft through our diverse portfolio of hardwood installations, refinishing, and custom floor designs."
+            products={products}
             animationType="slide-up"
-            products={galleryItems}
-            useInvertedBackground={true}
+            gridVariant="two-columns-alternating-heights"
+            textboxLayout="default"
+            useInvertedBackground={false}
           />
         </div>
 
@@ -71,42 +74,26 @@ export default function GalleryPage() {
             <FooterBase
             columns={[
                 {
-                title: "Navigation",                items: [
-                    {
-                    label: "Home",                    href: "/"},
-                    {
-                    label: "Services",                    href: "/services"},
-                    {
-                    label: "Gallery",                    href: "/gallery"},
-                    {
-                    label: "Contact",                    href: "/contact"},
-                ],
+                title: "Navigation",          items: [
+                    { label: "Home", href: "/" },
+                    { label: "Services", href: "/services" },
+                    { label: "Gallery", href: "/gallery" },
+                    { label: "Contact", href: "/contact" }]
                 },
                 {
-                title: "Services",                items: [
-                    {
-                    label: "Hardwood Installation",                    href: "/services#hardwood-installation"},
-                    {
-                    label: "Floor Sanding",                    href: "/services#floor-sanding"},
-                    {
-                    label: "Free Estimates",                    href: "/services#free-estimates"},
-                    {
-                    label: "Custom Designs",                    href: "/services#custom-designs"},
-                ],
+                title: "Services",          items: [
+                    { label: "Hardwood Installation", href: "/services#hardwood-installation" },
+                    { label: "Floor Sanding", href: "/services#floor-sanding" },
+                    { label: "Free Estimates", href: "/services#free-estimates" },
+                    { label: "Custom Designs", href: "/services#custom-designs" }]
                 },
                 {
-                title: "About Us",                items: [
-                    {
-                    label: "Our Story",                    href: "/#about"},
-                    {
-                    label: "Testimonials",                    href: "/#home-testimonials"},
-                    {
-                    label: "Service Areas",                    href: "/services#service-areas"},
-                    {
-                    label: "FAQs",                    href: "/contact#faq"},
-                ],
-                },
-            ]}
+                title: "About Us",          items: [
+                    { label: "Our Story", href: "/#about" },
+                    { label: "Testimonials", href: "/#home-testimonials" },
+                    { label: "Service Areas", href: "/service-areas" },
+                    { label: "FAQs", href: "/contact#faq" }]
+                }]}
             logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238289-ovhlz3j6.png"
             logoAlt="FloorCraft Logo"
             logoText="FloorCraft"