From 44aa601970bdf4c6aed743b77dffe154bd234f73 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 14 Mar 2026 05:29:50 +0000
Subject: [PATCH] Switch to version 3: modified src/app/gallery/page.tsx

---
 src/app/gallery/page.tsx | 197 ++++++++++++++-------------------------
 1 file changed, 71 insertions(+), 126 deletions(-)

diff --git a/src/app/gallery/page.tsx b/src/app/gallery/page.tsx
index 5f88b58..8ea76ec 100644
--- a/src/app/gallery/page.tsx
+++ b/src/app/gallery/page.tsx
@@ -1,57 +1,57 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
-import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
-import ProductCardFour from "@/components/sections/product/ProductCardFour";
-import FooterSimple from "@/components/sections/footer/FooterSimple";
-import Link from "next/link";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import ContactText from '@/components/sections/contact/ContactText';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import { Camera } from 'lucide-react';
 
 export default function GalleryPage() {
   const navItems = [
     { name: "Home", id: "home" },
     { name: "Services", id: "services" },
-    { name: "Gallery", id: "gallery" },
+    { name: "Gallery", id: "/gallery" },
     { name: "Packages", id: "packages" },
     { name: "About", id: "about" },
-    { name: "Contact", id: "contact" },
+    { name: "Book Event", id: "/booking" },
+    { name: "Contact", id: "/contact" },
   ];
 
   const footerColumns = [
     {
-      title: "Gallery",
-      items: [
-        { label: "Kids Designs", href: "#gallery" },
-        { label: "Festival Art", href: "#gallery" },
-        { label: "Body Painting", href: "#gallery" },
-        { label: "Custom Designs", href: "#gallery" },
+      title: "Services",      items: [
+        { label: "Kids Party Face Painting", href: "/services" },
+        { label: "Festival Face Art", href: "/services" },
+        { label: "Corporate Events", href: "/services" },
+        { label: "Body Painting", href: "/services" },
+        { label: "Custom Designs", href: "/services" },
       ],
     },
     {
-      title: "Services",
-      items: [
-        { label: "All Services", href: "/services" },
+      title: "Company",      items: [
+        { label: "About Us", href: "/about" },
+        { label: "Gallery", href: "/gallery" },
         { label: "Packages", href: "/packages" },
-        { label: "Pricing", href: "/packages" },
-        { label: "About", href: "/about" },
+        { label: "FAQ", href: "#faq" },
+        { label: "Contact", href: "/contact" },
       ],
     },
     {
-      title: "Social Media",
-      items: [
+      title: "Connect",      items: [
         { label: "Instagram", href: "https://instagram.com" },
         { label: "Facebook", href: "https://facebook.com" },
         { label: "TikTok", href: "https://tiktok.com" },
         { label: "Email", href: "mailto:paintasy@events.com" },
+        { label: "Phone", href: "tel:+15551234567" },
       ],
     },
     {
-      title: "Book Now",
-      items: [
-        { label: "View Packages", href: "/packages" },
-        { label: "Request Quote", href: "/contact" },
-        { label: "Contact Us", href: "/contact" },
-        { label: "FAQ", href: "#faq" },
+      title: "Service Areas",      items: [
+        { label: "Local Events", href: "/contact" },
+        { label: "Regional Coverage", href: "/contact" },
+        { label: "Book Now", href: "/booking" },
+        { label: "Get Quote", href: "/contact" },
       ],
     },
   ];
@@ -71,134 +71,79 @@ export default function GalleryPage() {
     >
       <div id="nav" data-section="nav">
         <NavbarStyleFullscreen
-          navItems={navItems}
           brandName="Paintasy"
+          navItems={navItems}
           bottomLeftText="Creative Face & Body Art"
           bottomRightText="paintasy@events.com"
         />
       </div>
 
-      <div id="gallery-page-hero" data-section="gallery-page-hero">
-        <HeroBillboardGallery
-          title="Event Photo Gallery"
-          description="Real photos from real events. Browse our portfolio of professional face painting and body art work."
-          background={{ variant: "radial-gradient" }}
-          buttons={[
-            {
-              text: "Book Your Event",
-              href: "/packages",
-            },
-          ]}
-          buttonAnimation="blur-reveal"
-          mediaItems={[
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-brush-close-up_23-2148966902.jpg?_wi=2",
-              imageAlt: "Festival face painting event photography",
-            },
-          ]}
-          mediaAnimation="opacity"
-          titleClassName="text-5xl font-extrabold"
-          descriptionClassName="text-lg opacity-90"
-          ariaLabel="Gallery page hero section"
-        />
-      </div>
-
-      <div id="gallery-showcase" data-section="gallery-showcase">
+      <div id="gallery-section" data-section="gallery-section" className="mx-auto px-4 md:px-6">
         <ProductCardFour
-          title="Complete Portfolio"
-          description="Browse our complete collection of face painting and body art from events throughout the year."
+          title="Event Photo Gallery"
+          description="Browse our complete portfolio of real event photos showcasing our face painting and body art work across parties, festivals, corporate events, and special occasions."
+          tag="Portfolio"
+          tagIcon={Camera}
+          tagAnimation="slide-up"
           textboxLayout="default"
-          animationType="opacity"
-          useInvertedBackground={true}
+          animationType="slide-up"
+          useInvertedBackground={false}
           gridVariant="bento-grid"
           carouselMode="buttons"
           products={[
             {
-              id: "gallery-kids-1",
-              name: "Kids Face Painting",
-              price: "Colorful Designs",
-              variant: "Birthday Parties",
-              imageSrc: "http://img.b2bpic.net/free-psd/holi-festival-celebration-instagram-posts_23-2151227255.jpg?_wi=2",
-              imageAlt: "Kids birthday party face painting designs",
-            },
+              id: "event-1",              name: "Birthday Party Designs",              price: "Kids Celebration",              variant: "Face Painting",              imageSrc: "http://img.b2bpic.net/free-psd/holi-festival-celebration-instagram-posts_23-2151227255.jpg?_wi=1",              imageAlt: "Children with colorful birthday party face painting"},
             {
-              id: "gallery-festival-1",
-              name: "Festival Face Art",
-              price: "Creative Artistry",
-              variant: "Outdoor Events",
-              imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-brush-close-up_23-2148966902.jpg?_wi=3",
-              imageAlt: "Festival face painting artwork showcase",
-            },
+              id: "event-2",              name: "Festival Face Art",              price: "Creative Expression",              variant: "Outdoor Event",              imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-brush-close-up_23-2148966902.jpg?_wi=1",              imageAlt: "Professional artist applying festival face art"},
             {
-              id: "gallery-body-1",
-              name: "Body Painting Art",
-              price: "Professional Service",
-              variant: "Special Events",
-              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-women-with-all-kinds-body_23-2149159242.jpg?_wi=2",
-              imageAlt: "Professional body art photography",
-            },
+              id: "event-3",              name: "Professional Body Painting",              price: "Artistic Excellence",              variant: "Special Event",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-women-with-all-kinds-body_23-2149159242.jpg?_wi=1",              imageAlt: "Professional body art from special event"},
             {
-              id: "gallery-custom-1",
-              name: "Custom Designs",
-              price: "Personalized Art",
-              variant: "Themed Events",
-              imageSrc: "http://img.b2bpic.net/free-photo/fun-portrait-with-decorations-face_23-2150749319.jpg?_wi=2",
-              imageAlt: "Custom themed face painting designs",
-            },
+              id: "event-4",              name: "Themed Party Artwork",              price: "Custom Themes",              variant: "Party Entertainment",              imageSrc: "http://img.b2bpic.net/free-photo/fun-portrait-with-decorations-face_23-2150749319.jpg?_wi=1",              imageAlt: "Custom themed face painting for party guests"},
             {
-              id: "gallery-kids-2",
-              name: "Princess & Character",
-              price: "Enchanting Designs",
-              variant: "Theme Parties",
-              imageSrc: "http://img.b2bpic.net/free-psd/holi-festival-celebration-instagram-posts_23-2151227255.jpg?_wi=3",
-              imageAlt: "Princess character face painting designs",
-            },
+              id: "event-5",              name: "Festival Crowd Service",              price: "High Volume",              variant: "Festival Event",              imageSrc: "http://img.b2bpic.net/free-photo/man-covered-different-colors-holi_23-2148337991.jpg?_wi=1",              imageAlt: "Festival attendees enjoying rapid face painting service"},
             {
-              id: "gallery-festival-2",
-              name: "Festival Entertainment",
-              price: "Live Entertainment",
-              variant: "Large Events",
-              imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-brush-close-up_23-2148966902.jpg?_wi=4",
-              imageAlt: "Festival face painter with audience",
-            },
+              id: "event-6",              name: "Corporate Event Entertainment",              price: "Professional Service",              variant: "Business Event",              imageSrc: "http://img.b2bpic.net/free-photo/male-dj-party-charge-music-entertainment_23-2149658399.jpg?_wi=1",              imageAlt: "Corporate event attendees with professional face painting"},
             {
-              id: "gallery-body-2",
-              name: "Artistic Body Designs",
-              price: "High Impact Art",
-              variant: "Photo Shoots",
-              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-women-with-all-kinds-body_23-2149159242.jpg?_wi=3",
-              imageAlt: "Artistic body painting photoshoot",
-            },
+              id: "event-7",              name: "Workshop & Tutorial",              price: "Educational",              variant: "Live Demonstration",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-adult-man-his-30s-that-is-painting-big-canvas-with-lot-brushes-palette-while-sitting-floor-art-studio_662251-323.jpg?_wi=1",              imageAlt: "Live face painting demonstration and technique"},
             {
-              id: "gallery-corporate",
-              name: "Corporate Events",
-              price: "Professional Art",
-              variant: "Team Events",
-              imageSrc: "http://img.b2bpic.net/free-photo/male-dj-party-charge-music-entertainment_23-2149658399.jpg?_wi=3",
-              imageAlt: "Corporate event face painting",
-            },
-          ]}
-          buttons={[
-            {
-              text: "Book Now",
-              href: "/packages",
-            },
+              id: "event-8",              name: "School Event Entertainment",              price: "Youth Programs",              variant: "School Carnival",              imageSrc: "http://img.b2bpic.net/free-photo/dreamy-eyes-woman-smiling-festival_23-2148338055.jpg?_wi=1",              imageAlt: "School event with children enjoying face painting"},
           ]}
+          buttons={[{ text: "Book Your Event", href: "/booking" }]}
           buttonAnimation="blur-reveal"
+          ariaLabel="Complete photo gallery of events"
           containerClassName="gap-12"
-          titleClassName="text-4xl font-extrabold"
-          descriptionClassName="text-lg opacity-90"
-          ariaLabel="Photo gallery portfolio section"
+          cardNameClassName="text-4xl font-extrabold"
         />
       </div>
 
-      <div id="gallery-footer" data-section="gallery-footer">
+      <div id="gallery-contact" data-section="gallery-contact" className="mx-auto px-4 md:px-6">
+        <ContactText
+          text="Inspired by our gallery? Book Paintasy for your next event and create your own memorable moments. Let us bring creativity and color to your celebration."
+          animationType="background-highlight"
+          background={{ variant: "radial-gradient" }}
+          useInvertedBackground={false}
+          buttons={[
+            { text: "Book Now", href: "/booking" },
+            { text: "Get a Quote", href: "/contact" },
+          ]}
+          ariaLabel="Gallery call-to-action section"
+          containerClassName="py-16"
+          contentClassName="max-w-3xl mx-auto"
+          textClassName="text-4xl font-extrabold text-center"
+          buttonContainerClassName="flex flex-col sm:flex-row gap-4 justify-center mt-8"
+        />
+      </div>
+
+      <div id="footer-gallery" data-section="footer-gallery" className="mx-auto px-4 md:px-6">
         <FooterSimple
           columns={footerColumns}
-          bottomLeftText="© 2024 Paintasy Face and Body Art."
-          bottomRightText="Authentic Event Photography"
-          ariaLabel="Gallery page footer"
+          bottomLeftText="© 2024 Paintasy Face and Body Art. All rights reserved."
+          bottomRightText="Professional Event Entertainment | Creative Services"
+          ariaLabel="Site footer with links"
           containerClassName="gap-12"
+          columnsClassName="grid-cols-2 lg:grid-cols-4"
+          columnTitleClassName="font-extrabold text-lg"
+          columnItemClassName="hover:opacity-70 transition-opacity"
         />
       </div>
     </ThemeProvider>