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

---
 src/app/gallery/page.tsx | 119 +++++++++++++++++++++++----------------
 1 file changed, 70 insertions(+), 49 deletions(-)

diff --git a/src/app/gallery/page.tsx b/src/app/gallery/page.tsx
index 4577b9e..d18b0df 100644
--- a/src/app/gallery/page.tsx
+++ b/src/app/gallery/page.tsx
@@ -3,10 +3,25 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import FooterBase from '@/components/sections/footer/FooterBase';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 
 export default function GalleryPage() {
+  const galleryItems = [
+    {
+      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: "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: "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: "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: "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"}
+  ];
+
   return (
     <ThemeProvider
         defaultButtonVariant="directional-hover"
@@ -22,77 +37,83 @@ export default function GalleryPage() {
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
-          <NavbarStyleCentered
+            <NavbarStyleCentered
             navItems={[
-              { name: "Home", id: "/" },
-              { name: "Services", id: "/services" },
-              { name: "Gallery", id: "/gallery" },
-              { name: "Contact", id: "/contact" },
+                {
+                name: "Home",                id: "/"},
+                {
+                name: "Services",                id: "/services"},
+                {
+                name: "Gallery",                id: "/gallery"},
+                {
+                name: "Contact",                id: "/contact"},
             ]}
             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="project-gallery" data-section="project-gallery">
+        <div id="gallery-section" data-section="gallery-section">
           <ProductCardTwo
-            animationType="scale-rotate"
-            textboxLayout="default"
-            gridVariant="bento-grid"
-            useInvertedBackground={false}
-            carouselMode="buttons"
-            products={[
-              { id: "project-1", brand: "Hardwood", name: "Modern Kitchen Refinish", price: "", rating: 5, reviewCount: "25", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238290-d9zo6f2r.png", imageAlt: "Modern kitchen with newly refinished hardwood floors" },
-              { id: "project-2", brand: "Custom", name: "Geometric Entryway Design", price: "", rating: 5, reviewCount: "18", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238290-vzc55io2.png", imageAlt: "Intricate geometric hardwood floor design in entryway" },
-              { id: "project-3", brand: "Dark Oak", name: "Elegant Living Room Install", price: "", rating: 5, reviewCount: "32", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780966652304-xfnb27na.png", imageAlt: "Worker installing dark oak hardwood floors in living room" },
-              { id: "project-4", brand: "Natural Oak", name: "Bright Office Space", price: "", rating: 5, reviewCount: "15", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780967930309-ylogas5d.png", imageAlt: "Bright office space with newly installed natural oak flooring" },
-              { id: "project-5", brand: "Mahogany", name: "Classic Dining Area", price: "", rating: 5, reviewCount: "20", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780968009290-vn12hcty.png", imageAlt: "Classic dining area with rich mahogany hardwood floors" },
-              { id: "project-6", brand: "Maple", name: "Spacious Bedroom", price: "", rating: 5, reviewCount: "10", imageSrc: "https://img.b2bpic.net/free-photo/close-up-wooden-surface_23-2147731715.jpg?id=1526425", imageAlt: "Spacious bedroom with light maple hardwood flooring" }
-            ]}
-            title="Our Gallery: Crafting Beautiful Floors"
-            description="Explore a selection of our finest flooring projects. Each image tells a story of dedication, precision, and the lasting beauty FloorCraft brings to every home."
+            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"
+            animationType="slide-up"
+            products={galleryItems}
+            useInvertedBackground={true}
           />
         </div>
 
-
         <div id="footer" data-section="footer">
-          <FooterBase
+            <FooterBase
             columns={[
-              {
+                {
                 title: "Navigation",                items: [
-                  { label: "Home", href: "/" },
-                  { label: "Services", href: "/services" },
-                  { label: "Gallery", href: "/gallery" },
-                  { label: "Contact", href: "/contact" }
-                ]
-              },
-              {
+                    {
+                    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" }
-                ]
-              },
-              {
+                    {
+                    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" }
-                ]
-              }
+                    {
+                    label: "Our Story",                    href: "/#about"},
+                    {
+                    label: "Testimonials",                    href: "/#home-testimonials"},
+                    {
+                    label: "Service Areas",                    href: "/services#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"
             copyrightText="© 2024 FloorCraft. All rights reserved."
-          />
+            />
         </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}