From 110794c35bdb5c7fd69e4331118e50e7df6bce31 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 14 Mar 2026 05:32:24 +0000
Subject: [PATCH] Update src/app/gallery/page.tsx

---
 src/app/gallery/page.tsx | 67 +++++++++++++++++++++-------------------
 1 file changed, 35 insertions(+), 32 deletions(-)

diff --git a/src/app/gallery/page.tsx b/src/app/gallery/page.tsx
index 8ea76ec..db2c5e3 100644
--- a/src/app/gallery/page.tsx
+++ b/src/app/gallery/page.tsx
@@ -2,20 +2,19 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import { Camera } from 'lucide-react';
+import { Camera, Heart } 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: "Book Event", id: "/booking" },
-    { name: "Contact", id: "/contact" },
+    { name: "Contact", id: "contact" },
   ];
 
   const footerColumns = [
@@ -33,7 +32,7 @@ export default function GalleryPage() {
         { label: "About Us", href: "/about" },
         { label: "Gallery", href: "/gallery" },
         { label: "Packages", href: "/packages" },
-        { label: "FAQ", href: "#faq" },
+        { label: "FAQ", href: "/#faq" },
         { label: "Contact", href: "/contact" },
       ],
     },
@@ -50,7 +49,7 @@ export default function GalleryPage() {
       title: "Service Areas",      items: [
         { label: "Local Events", href: "/contact" },
         { label: "Regional Coverage", href: "/contact" },
-        { label: "Book Now", href: "/booking" },
+        { label: "Book Now", href: "/packages" },
         { label: "Get Quote", href: "/contact" },
       ],
     },
@@ -78,69 +77,73 @@ export default function GalleryPage() {
         />
       </div>
 
-      <div id="gallery-section" data-section="gallery-section" className="mx-auto px-4 md:px-6">
-        <ProductCardFour
-          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."
+      <div id="gallery-main" data-section="gallery-main" className="mx-auto px-4 md:px-6 lg:px-8">
+        <ProductCardOne
+          title="Complete Photo Gallery - Face Painting & Body Art Portfolio"
+          description="Browse our extensive collection of real face painting and body art from events across the region. See the creativity, colors, and smiles our professional artists bring to every celebration."
           tag="Portfolio"
           tagIcon={Camera}
           tagAnimation="slide-up"
           textboxLayout="default"
-          animationType="slide-up"
+          animationType="scale-rotate"
           useInvertedBackground={false}
           gridVariant="bento-grid"
           carouselMode="buttons"
           products={[
             {
-              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-hero-1",              name: "Birthday Party Magic",              price: "Butterfly & Princess",              imageSrc: "http://img.b2bpic.net/free-photo/dreamy-eyes-woman-smiling-festival_23-2148338055.jpg?_wi=1",              imageAlt: "Colorful butterfly face painting on child at birthday party"},
             {
-              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-hero-2",              name: "Festival Artistry",              price: "Creative Designs",              imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-putting-makeup-man_23-2149357796.jpg?_wi=1",              imageAlt: "Vibrant festival face art with artistic patterns"},
             {
-              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-hero-3",              name: "Kids Party Collection",              price: "Playful Designs",              imageSrc: "http://img.b2bpic.net/free-psd/holi-festival-celebration-instagram-posts_23-2151227255.jpg?_wi=1",              imageAlt: "Collection of colorful kids 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-hero-4",              name: "Professional Body Art",              price: "Advanced Techniques",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-women-with-all-kinds-body_23-2149159242.jpg?_wi=1",              imageAlt: "Professional body painting artwork on model"},
             {
-              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-hero-5",              name: "Themed Event Designs",              price: "Custom Artwork",              imageSrc: "http://img.b2bpic.net/free-photo/fun-portrait-with-decorations-face_23-2150749319.jpg?_wi=1",              imageAlt: "Custom themed face painting with festive decorations"},
             {
-              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-hero-6",              name: "Holi Festival Colors",              price: "Vibrant Celebration",              imageSrc: "http://img.b2bpic.net/free-photo/man-covered-different-colors-holi_23-2148337991.jpg?_wi=1",              imageAlt: "Man with colorful Holi festival face painting"},
             {
-              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-hero-7",              name: "Professional Application",              price: "Expert Technique",              imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-brush-close-up_23-2148966902.jpg?_wi=1",              imageAlt: "Close-up of professional face painter applying design with brush"},
             {
-              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"},
+              id: "gallery-hero-8",              name: "Family Event Joy",              price: "Happy Moments",              imageSrc: "http://img.b2bpic.net/free-photo/family-portrait-surprised-father-has-yellow-face-from-paints-cheerful-two-daughters-shows-palms-dirty-with-watercolours-paint-picture-pastime-isolated-lilac-wall-this-is-art_273609-26128.jpg?_wi=1",              imageAlt: "Family celebrating with colorful face paint at event"},
+            {
+              id: "gallery-hero-9",              name: "Corporate Event Style",              price: "Professional Polish",              imageSrc: "http://img.b2bpic.net/free-photo/male-dj-party-charge-music-entertainment_23-2149658399.jpg?_wi=1",              imageAlt: "Corporate event with professional entertainment setup"},
           ]}
-          buttons={[{ text: "Book Your Event", href: "/booking" }]}
+          buttons={[{ text: "Book Face Painting Now", href: "/packages" }]}
           buttonAnimation="blur-reveal"
-          ariaLabel="Complete photo gallery of events"
-          containerClassName="gap-12"
-          cardNameClassName="text-4xl font-extrabold"
+          ariaLabel="Complete photo gallery of face painting and body art"
+          containerClassName="gap-8 lg:gap-12"
+          titleClassName="text-3xl sm:text-4xl lg:text-5xl font-extrabold"
+          descriptionClassName="text-base sm:text-lg opacity-90 max-w-3xl"
+          uniformGridCustomHeightClasses="min-h-80 sm:min-h-96"
         />
       </div>
 
-      <div id="gallery-contact" data-section="gallery-contact" className="mx-auto px-4 md:px-6">
+      <div id="gallery-cta" data-section="gallery-cta" className="mx-auto px-4 md:px-6 lg:px-8">
         <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."
+          text="Love what you see? Let's create amazing face painting memories at your next event. Paintasy brings color, creativity, and joy to every celebration."
           animationType="background-highlight"
           background={{ variant: "radial-gradient" }}
           useInvertedBackground={false}
           buttons={[
-            { text: "Book Now", href: "/booking" },
-            { text: "Get a Quote", href: "/contact" },
+            { text: "Request Quote", href: "/packages" },
+            { text: "Contact Us", href: "/contact" },
           ]}
           ariaLabel="Gallery call-to-action section"
-          containerClassName="py-16"
+          containerClassName="py-12 sm:py-16 lg:py-20"
           contentClassName="max-w-3xl mx-auto"
-          textClassName="text-4xl font-extrabold text-center"
+          textClassName="text-2xl sm:text-3xl lg: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">
+      <div id="footer-gallery" data-section="footer-gallery" className="mx-auto px-4 md:px-6 lg:px-8">
         <FooterSimple
           columns={footerColumns}
           bottomLeftText="© 2024 Paintasy Face and Body Art. All rights reserved."
           bottomRightText="Professional Event Entertainment | Creative Services"
           ariaLabel="Site footer with links"
-          containerClassName="gap-12"
+          containerClassName="gap-8 lg:gap-12"
           columnsClassName="grid-cols-2 lg:grid-cols-4"
           columnTitleClassName="font-extrabold text-lg"
           columnItemClassName="hover:opacity-70 transition-opacity"