bender/4c679f93-48dc-4cae-a068-01909fa9b249
1
0
Fork 0
Code Issues Pull Requests 6 Actions Packages Projects Releases Wiki Activity

Update src/app/gallery/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-14 05:33:29 +00:00
parent 6a1c5d80ca
commit 4c96302326
1 changed files with 45 additions and 179 deletions
Download Patch File Download Diff File Expand all files Collapse all files

224
src/app/gallery/page.tsx
View File

@@ -5,19 +5,15 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import ContactText from '@/components/sections/contact/ContactText';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Camera, Heart, Sparkles, Star } from 'lucide-react';
export const metadata = {
title: "Event Photo Gallery - Paintasy Face and Body Art", description: "Browse our comprehensive gallery of professional face painting and body art work. See real event photos organized by event type: birthday parties, festivals, corporate events, and body art services."
};
import { Camera, Sparkles } from 'lucide-react';
export default function GalleryPage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "Home", id: "home" },
{ name: "Services", id: "services" },
{ name: "Gallery", id: "/gallery" },
{ name: "Packages", id: "/" },
{ name: "About", id: "/" },
{ name: "Packages", id: "/packages" },
{ name: "About", id: "about" },
{ name: "Contact", id: "/contact" },
];
@@ -33,10 +29,10 @@ export default function GalleryPage() {
},
{
title: "Company", items: [
{ label: "About Us", href: "/" },
{ label: "About Us", href: "/about" },
{ label: "Gallery", href: "/gallery" },
{ label: "Packages", href: "/" },
{ label: "FAQ", href: "/" },
{ label: "Packages", href: "/packages" },
{ label: "FAQ", href: "#faq" },
{ label: "Contact", href: "/contact" },
],
},
@@ -53,96 +49,12 @@ export default function GalleryPage() {
title: "Service Areas", items: [
{ label: "Local Events", href: "/contact" },
{ label: "Regional Coverage", href: "/contact" },
{ label: "Book Now", href: "/" },
{ label: "Book Now", href: "/packages" },
{ label: "Get Quote", href: "/contact" },
],
},
];
const kidsBirthdayPhotos = [
{
id: "kids-1", name: "Butterfly Magic", price: "Kids Birthday", variant: "Face Painting", imageSrc: "http://img.b2bpic.net/free-photo/smiley-child-with-butterflies-painted_23-2149357920.jpg?_wi=1", imageAlt: "Child with colorful butterfly face painting"
},
{
id: "kids-2", name: "Superhero Designs", price: "Kids Birthday", variant: "Face Painting", imageSrc: "http://img.b2bpic.net/free-photo/smiling-boy-with-face-paint_23-2148784344.jpg?_wi=1", imageAlt: "Boy with superhero face art design"
},
{
id: "kids-3", name: "Princess Crown Art", price: "Kids Birthday", variant: "Face Painting", imageSrc: "http://img.b2bpic.net/free-photo/girl-with-painted-face-looking-mirror_23-2149159261.jpg?_wi=1", imageAlt: "Princess themed face painting on child"
},
{
id: "kids-4", name: "Animal Faces", price: "Kids Birthday", variant: "Face Painting", imageSrc: "http://img.b2bpic.net/free-photo/cute-child-with-painted-cat_23-2149357944.jpg?_wi=1", imageAlt: "Child with cat face painting"
},
{
id: "kids-5", name: "Rainbow Fantasy", price: "Kids Birthday", variant: "Face Painting", imageSrc: "http://img.b2bpic.net/free-photo/happy-child-with-colorful-face_23-2148784302.jpg?_wi=1", imageAlt: "Child with rainbow colored face paint"
},
{
id: "kids-6", name: "Monster Fun", price: "Kids Birthday", variant: "Face Painting", imageSrc: "http://img.b2bpic.net/free-photo/smiling-boy-with-monster-face-paint_23-2149159223.jpg?_wi=1", imageAlt: "Fun monster themed face painting"
},
];
const festivalPhotos = [
{
id: "festival-1", name: "Glitter Festival Art", price: "Festival Event", variant: "Face Art", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-glitter-face-paint_23-2149159284.jpg?_wi=1", imageAlt: "Woman with glitter festival face art"
},
{
id: "festival-2", name: "Artistic Festival Design", price: "Festival Event", variant: "Face Art", imageSrc: "http://img.b2bpic.net/free-photo/festival-face-paint-design_23-2148338127.jpg?_wi=1", imageAlt: "Artistic face design for festival"
},
{
id: "festival-3", name: "Neon Festival Glow", price: "Festival Event", variant: "Face Art", imageSrc: "http://img.b2bpic.net/free-photo/person-with-neon-face-paint_23-2149357975.jpg?_wi=1", imageAlt: "Neon glow face painting at festival"
},
{
id: "festival-4", name: "Festival Creativity", price: "Festival Event", variant: "Face Art", imageSrc: "http://img.b2bpic.net/free-photo/artistic-face-paint-festival_23-2148784368.jpg?_wi=1", imageAlt: "Creative festival face art design"
},
{
id: "festival-5", name: "Music Festival Art", price: "Festival Event", variant: "Face Art", imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-with-festival-face-paint_23-2149159306.jpg?_wi=1", imageAlt: "Music festival face painting"
},
{
id: "festival-6", name: "Summer Festival Design", price: "Festival Event", variant: "Face Art", imageSrc: "http://img.b2bpic.net/free-photo/woman-at-summer-festival-with-face-paint_23-2148784395.jpg?_wi=1", imageAlt: "Summer festival face art"
},
];
const corporatePhotos = [
{
id: "corporate-1", name: "Professional Face Art", price: "Corporate Event", variant: "Team Building", imageSrc: "http://img.b2bpic.net/free-photo/professional-face-paint-corporate_23-2148338156.jpg?_wi=1", imageAlt: "Professional corporate team face art"
},
{
id: "corporate-2", name: "Brand Activation Design", price: "Corporate Event", variant: "Marketing Event", imageSrc: "http://img.b2bpic.net/free-photo/corporate-team-with-face-paint_23-2149159327.jpg?_wi=1", imageAlt: "Brand activation face painting design"
},
{
id: "corporate-3", name: "Team Building Art", price: "Corporate Event", variant: "Entertainment", imageSrc: "http://img.b2bpic.net/free-photo/corporate-face-paint-team-event_23-2148784421.jpg?_wi=1", imageAlt: "Corporate team building face art"
},
{
id: "corporate-4", name: "Executive Event Face Art", price: "Corporate Event", variant: "Gala Event", imageSrc: "http://img.b2bpic.net/free-photo/professional-face-design-corporate_23-2149159348.jpg?_wi=1", imageAlt: "Executive gala face art design"
},
{
id: "corporate-5", name: "Company Party Art", price: "Corporate Event", variant: "Celebration", imageSrc: "http://img.b2bpic.net/free-photo/company-party-face-paint_23-2148784448.jpg?_wi=1", imageAlt: "Company party face painting"
},
{
id: "corporate-6", name: "Conference Entertainment", price: "Corporate Event", variant: "Conference Booth", imageSrc: "http://img.b2bpic.net/free-photo/conference-face-paint-art_23-2149159369.jpg?_wi=1", imageAlt: "Conference booth face art entertainment"
},
];
const bodyArtPhotos = [
{
id: "body-1", name: "Artistic Body Painting", price: "Body Art", variant: "Professional Service", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-artistic-body-paint_23-2148338185.jpg?_wi=1", imageAlt: "Artistic body painting design"
},
{
id: "body-2", name: "Creative Body Art", price: "Body Art", variant: "Special Events", imageSrc: "http://img.b2bpic.net/free-photo/creative-body-art-design_23-2149159390.jpg?_wi=1", imageAlt: "Creative body art for special events"
},
{
id: "body-3", name: "Abstract Body Painting", price: "Body Art", variant: "Artistic Expression", imageSrc: "http://img.b2bpic.net/free-photo/abstract-body-paint-art_23-2148784475.jpg?_wi=1", imageAlt: "Abstract body painting artwork"
},
{
id: "body-4", name: "Festival Body Art", price: "Body Art", variant: "Festival Events", imageSrc: "http://img.b2bpic.net/free-photo/festival-body-art-design_23-2149159411.jpg?_wi=1", imageAlt: "Festival body art painting"
},
{
id: "body-5", name: "Temporary Tattoo Art", price: "Body Art", variant: "Temporary Design", imageSrc: "http://img.b2bpic.net/free-photo/temporary-tattoo-body-art_23-2148784502.jpg?_wi=1", imageAlt: "Temporary tattoo body art"
},
{
id: "body-6", name: "Professional Body Design", price: "Body Art", variant: "Custom Artwork", imageSrc: "http://img.b2bpic.net/free-photo/professional-body-art-painting_23-2149159432.jpg?_wi=1", imageAlt: "Professional custom body art design"
},
];
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
@@ -165,105 +77,59 @@ export default function GalleryPage() {
/>
</div>
<div id="gallery-kids" data-section="gallery-kids" className="mx-auto px-4 md:px-6 pt-20">
<div id="gallery-full" data-section="gallery-full" className="mx-auto px-4 md:px-6 py-20">
<ProductCardFour
title="Kids Birthday Party Face Painting"
description="Colorful, playful designs that bring joy to children's celebrations. From butterflies and superheroes to princesses and animals, our face painters create magical moments at birthday parties."
tag="Birthday Events"
tagIcon={Heart}
tagAnimation="slide-up"
textboxLayout="default"
animationType="opacity"
useInvertedBackground={false}
gridVariant="three-columns-all-equal-width"
carouselMode="buttons"
products={kidsBirthdayPhotos}
buttons={[{ text: "Book a Birthday Party", href: "/contact" }]}
buttonAnimation="blur-reveal"
ariaLabel="Kids birthday party face painting gallery"
containerClassName="gap-12"
cardVariantClassName="text-4xl font-extrabold"
descriptionClassName="text-lg opacity-90 max-w-3xl"
/>
</div>
<div id="gallery-festival" data-section="gallery-festival" className="mx-auto px-4 md:px-6 pt-20">
<ProductCardFour
title="Festival & Outdoor Event Face Art"
description="Fast, creative designs perfect for large crowds and outdoor events. Experience our vibrant festival face paintings that capture the energy and excitement of celebrations."
tag="Festival Events"
tagIcon={Sparkles}
tagAnimation="slide-up"
textboxLayout="default"
animationType="opacity"
useInvertedBackground={true}
gridVariant="three-columns-all-equal-width"
carouselMode="buttons"
products={festivalPhotos}
buttons={[{ text: "Book for Your Festival", href: "/contact" }]}
buttonAnimation="blur-reveal"
ariaLabel="Festival and outdoor event face art gallery"
containerClassName="gap-12"
cardVariantClassName="text-4xl font-extrabold"
descriptionClassName="text-lg opacity-90 max-w-3xl"
/>
</div>
<div id="gallery-corporate" data-section="gallery-corporate" className="mx-auto px-4 md:px-6 pt-20">
<ProductCardFour
title="Corporate & Team Building Events"
description="Professional face painting that adds a unique touch to corporate events, brand activations, and team celebrations. Our polished service brings creative entertainment to your company gathering."
tag="Corporate Events"
tagIcon={Star}
tagAnimation="slide-up"
textboxLayout="default"
animationType="opacity"
useInvertedBackground={false}
gridVariant="three-columns-all-equal-width"
carouselMode="buttons"
products={corporatePhotos}
buttons={[{ text: "Plan Your Corporate Event", href: "/contact" }]}
buttonAnimation="blur-reveal"
ariaLabel="Corporate and team building event gallery"
containerClassName="gap-12"
cardVariantClassName="text-4xl font-extrabold"
descriptionClassName="text-lg opacity-90 max-w-3xl"
/>
</div>
<div id="gallery-body" data-section="gallery-body" className="mx-auto px-4 md:px-6 pt-20">
<ProductCardFour
title="Body Painting & Artistic Design"
description="Professional body art and artistic painting for special occasions. From temporary tattoos to full body designs, our artists create stunning visual masterpieces."
tag="Body Art"
title="Complete Photo Gallery"
description="Explore our full collection of face painting and body art work from events, festivals, and celebrations. Real photos showcasing our professional artistry and creativity."
tag="Portfolio"
tagIcon={Camera}
tagAnimation="slide-up"
textboxLayout="default"
animationType="opacity"
useInvertedBackground={true}
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
gridVariant="bento-grid"
carouselMode="buttons"
products={bodyArtPhotos}
buttons={[{ text: "Inquire About Body Art Services", href: "/contact" }]}
products={[
{
id: "gallery-kids-1", name: "Butterfly Dreams", price: "Kids Party", variant: "Birthday Event", imageSrc: "http://img.b2bpic.net/free-photo/dreamy-eyes-woman-smiling-festival_23-2148338055.jpg?_wi=1", imageAlt: "Butterfly face painting design on child"},
{
id: "gallery-kids-2", name: "Superhero Masks", price: "Kids Party", variant: "Birthday Event", imageSrc: "http://img.b2bpic.net/free-photo/fun-portrait-with-decorations-face_23-2150749319.jpg?_wi=1", imageAlt: "Superhero themed face painting for children"},
{
id: "gallery-festival-1", name: "Festival Fantasy", price: "Festival Art", variant: "Outdoor Event", imageSrc: "http://img.b2bpic.net/free-photo/man-covered-different-colors-holi_23-2148337991.jpg?_wi=1", imageAlt: "Vibrant festival face painting with multiple colors"},
{
id: "gallery-festival-2", name: "Rainbow Celebration", price: "Festival Art", variant: "Outdoor Event", imageSrc: "http://img.b2bpic.net/free-psd/holi-festival-celebration-instagram-posts_23-2151227255.jpg?_wi=1", imageAlt: "Rainbow colored festival face art"},
{
id: "gallery-body-1", name: "Body Art Elegance", price: "Body Painting", 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 painting artwork"},
{
id: "gallery-custom-1", name: "Artistic Creation", price: "Custom Design", variant: "Themed Event", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-brush-close-up_23-2148966902.jpg?_wi=1", imageAlt: "Artist applying custom face painting design"},
{
id: "gallery-kids-3", name: "Princess Tiara", price: "Kids Party", variant: "Birthday Event", 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: "Princess themed face painting on young girl"},
{
id: "gallery-festival-3", name: "Glitter Dreams", price: "Festival Art", variant: "Outdoor Event", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-putting-makeup-man_23-2149357796.jpg?_wi=1", imageAlt: "Glittery festival face painting design"},
{
id: "gallery-corporate-1", name: "Brand Activation", price: "Corporate Event", variant: "Professional", imageSrc: "http://img.b2bpic.net/free-photo/male-dj-party-charge-music-entertainment_23-2149658399.jpg?_wi=1", imageAlt: "Corporate event face painting for brand activation"},
]}
buttons={[{ text: "Book Your Event", href: "/packages" }]}
buttonAnimation="blur-reveal"
ariaLabel="Body painting and artistic design gallery"
ariaLabel="Complete photo gallery with all artworks"
containerClassName="gap-12"
titleClassName="text-4xl font-extrabold"
descriptionClassName="text-lg opacity-90 max-w-3xl"
cardNameClassName=""
cardPriceClassName=""
cardVariantClassName=""
/>
</div>
<div id="contact-gallery" data-section="contact-gallery" className="mx-auto px-4 md:px-6 pt-20">
<div id="contact-gallery" data-section="contact-gallery" className="mx-auto px-4 md:px-6">
<ContactText
text="Inspired by our gallery? Ready to book Paintasy for your event? Contact us to discuss your vision and get a custom quote. Let's create an unforgettable experience with professional face painting and body art."
text="Love what you see? Let's bring these creative designs to your next event! Contact Paintasy today to book your professional face and body art experience."
animationType="background-highlight"
background={{ variant: "radial-gradient" }}
useInvertedBackground={false}
buttons={[
{ text: "Get a Quote", href: "/contact" },
{ text: "Call Us", href: "tel:+15551234567" },
{ text: "Request a Quote", href: "/contact" },
{ text: "View Packages", href: "/packages" },
]}
ariaLabel="Gallery contact call-to-action"
ariaLabel="Contact section for gallery page"
containerClassName="py-16"
contentClassName="max-w-3xl mx-auto"
textClassName="text-4xl font-extrabold text-center"