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

Update src/app/services/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-14 05:35:33 +00:00
parent 866fe564eb
commit 9b389c8fd6
1 changed files with 83 additions and 232 deletions
Download Patch File Download Diff File Expand all files Collapse all files

315
src/app/services/page.tsx
View File

@@ -4,59 +4,53 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactText from '@/components/sections/contact/ContactText';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Sparkles, Palette, Heart, Smile, Zap, Music, Briefcase, Target, Users, Star, DollarSign, HelpCircle, Camera } from 'lucide-react';
export const metadata = {
title: "Services - Paintasy Face and Body Art | Professional Face Painting", description: "Explore our professional face painting and body art services for parties, festivals, corporate events, and special occasions. Detailed service offerings and transparent pricing.", keywords: "face painting services, body art, face painter for hire, professional face painting, party entertainment, event services"
};
import Link from 'next/link';
import { Smile, Heart, Sparkles, Zap, Music, Briefcase, Target, Users, Award, Palette, Star, Camera } from 'lucide-react';
export default function ServicesPage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "Home", id: "home" },
{ name: "Services", id: "services" },
{ name: "Gallery", id: "/gallery" },
{ name: "Gallery", id: "gallery" },
{ name: "Packages", id: "packages" },
{ name: "About", id: "#about-home" },
{ name: "Contact", id: "/contact" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" },
];
const footerColumns = [
{
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: "Kids Party Face Painting", href: "#service-1" },
{ label: "Festival Face Art", href: "#service-2" },
{ label: "Corporate Events", href: "#service-3" },
{ label: "Body Painting", href: "#service-4" },
],
},
{
title: "Company", items: [
{ label: "Home", href: "/" },
title: "Quick Links",
items: [
{ label: "Gallery", href: "/gallery" },
{ label: "Packages", href: "#packages" },
{ label: "FAQ", href: "#faq" },
{ label: "Packages", href: "/packages" },
{ label: "About", href: "/about" },
{ label: "Contact", href: "/contact" },
],
},
{
title: "Connect", 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: "Service Areas", items: [
{ label: "Local Events", href: "/contact" },
{ label: "Regional Coverage", href: "/contact" },
{ label: "Book Now", href: "#pricing" },
title: "Get Started",
items: [
{ label: "View Packages", href: "/packages" },
{ label: "Book Now", href: "/packages" },
{ label: "Get Quote", href: "/contact" },
],
},
@@ -84,256 +78,113 @@ export default function ServicesPage() {
/>
</div>
<div id="hero-services" data-section="hero-services" className="mx-auto px-4 md:px-6">
<div id="services-page-hero" data-section="services-page-hero" className="mx-auto px-4 md:px-6">
<HeroBillboardGallery
title="Our Professional Services"
description="Comprehensive face painting and body art solutions for every event type. From intimate celebrations to large-scale festivals, we bring creativity, professionalism, and unforgettable moments to your occasion."
background={{ variant: "radial-gradient" }}
tag="Service Excellence"
tagIcon={Sparkles}
tagAnimation="slide-up"
buttons={[
{ text: "Book Your Event", href: "#pricing" },
{ text: "View Pricing", href: "#pricing" },
]}
title="Our Services"
description="Professional face painting and body art for every occasion. From intimate celebrations to large festival events, we bring creativity and joy to your gathering."
background={{ variant: "sparkles-gradient" }}
buttons={[{ text: "Book Now", href: "/packages" }]}
buttonAnimation="blur-reveal"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-make-up-woman-wearing-mask_23-2148784326.jpg", imageAlt: "Professional face painting service"
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-eyes-woman-smiling-festival_23-2148338055.jpg?_wi=2",
imageAlt: "Professional face painting services",
},
]}
mediaAnimation="opacity"
ariaLabel="Services page hero section"
className="min-h-screen"
containerClassName="flex flex-col lg:flex-row items-center justify-between gap-12"
titleClassName="text-5xl lg:text-6xl font-extrabold leading-tight"
descriptionClassName="text-lg lg:text-xl opacity-90 max-w-2xl"
buttonContainerClassName="flex flex-col sm:flex-row gap-4 mt-8"
titleClassName="text-5xl font-extrabold"
descriptionClassName="text-lg opacity-90 max-w-2xl"
/>
</div>
<div id="services" data-section="services" className="mx-auto px-4 md:px-6">
<div id="services-detailed" data-section="services-detailed" className="mx-auto px-4 md:px-6">
<FeatureCardTen
title="Detailed Service Offerings"
description="Each service is tailored to create the perfect experience for your event. We combine professional expertise with creative artistry to deliver memorable entertainment."
tag="What We Offer"
tagIcon={Palette}
tagAnimation="slide-up"
title="Complete Service Offerings"
description="Each service is tailored to deliver maximum enjoyment and artistic quality."
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={true}
useInvertedBackground={false}
features={[
{
id: "kids-party", title: "Kids Party Face Painting", description: "Bring joy and wonder to birthday celebrations with vibrant, imaginative face painting. Perfect for children's parties, we offer a wide range of designs that delight young guests and create lasting memories.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-eyes-woman-smiling-festival_23-2148338055.jpg?_wi=1", imageAlt: "Kids party face painting designs"
id: "service-1",
title: "Kids Party Face Painting",
description: "Make birthdays magical with our professional kids' face painting. Our artists create vibrant, playful designs that children absolutely love.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-eyes-woman-smiling-festival_23-2148338055.jpg?_wi=3",
imageAlt: "Kids party face painting showcase",
},
items: [
{ icon: Sparkles, text: "Butterflies, superheroes, animals & princesses" },
{ icon: Heart, text: "Safe, hypoallergenic, non-toxic paints" },
{ icon: Smile, text: "3-5 minutes per child for standard designs" },
{ icon: Smile, text: "Butterfly, animal & character designs" },
{ icon: Heart, text: "Safe, child-friendly face paints" },
{ icon: Sparkles, text: "Quick application, maximum fun" },
{ icon: Star, text: "Perfect for ages 3-12" },
],
reverse: false,
},
{
id: "festival", title: "Festival Face Art", description: "Fast, high-quality face painting for outdoor festivals and large gatherings. We specialize in quick turnarounds without compromising artistic quality, perfect for managing crowds at music festivals, carnivals, and community events.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-putting-makeup-man_23-2149357796.jpg?_wi=1", imageAlt: "Festival face painting artwork"
id: "service-2",
title: "Festival Face Art",
description: "Perfect for outdoor events, festivals, and large gatherings. We specialize in fast, beautiful designs that work for high-capacity crowds.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-putting-makeup-man_23-2149357796.jpg?_wi=2",
imageAlt: "Festival face art designs",
},
items: [
{ icon: Zap, text: "Optimized for high-volume crowd service" },
{ icon: Star, text: "Creative designs with quick execution" },
{ icon: Music, text: "Perfect for outdoor & music events" },
{ icon: Zap, text: "3-5 minute turnaround per person" },
{ icon: Music, text: "Perfect for music festivals & carnivals" },
{ icon: Users, text: "Handles large crowds efficiently" },
{ icon: Palette, text: "Artistic & creative designs" },
],
reverse: true,
},
{
id: "corporate", title: "Corporate Event Entertainment", description: "Professional face painting services designed for corporate team building, company parties, and brand activations. We bring a touch of creativity and fun while maintaining professional standards throughout the event.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/male-dj-party-charge-music-entertainment_23-2149658399.jpg?_wi=1", imageAlt: "Corporate event face painting"
id: "service-3",
title: "Corporate Event Entertainment",
description: "Add a creative touch to company parties, team buildings, and brand activations. Professional service that impresses clients and energizes employees.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/male-dj-party-charge-music-entertainment_23-2149658399.jpg?_wi=2",
imageAlt: "Corporate event face painting service",
},
items: [
{ icon: Briefcase, text: "Professional presentation & service" },
{ icon: Target, text: "Branded designs & customized themes" },
{ icon: Users, text: "Excellent for team building activities" },
{ icon: Briefcase, text: "Professional & polished service" },
{ icon: Target, text: "Branded design options" },
{ icon: Award, text: "Premium quality art" },
{ icon: Users, text: "Great for team engagement" },
],
reverse: false,
},
{
id: "special-occasions", title: "Special Occasions & Custom Designs", description: "Whether it's a wedding, anniversary, or themed celebration, we create custom face and body art that matches your vision. Our artists work closely with you to design unique pieces that make your special day unforgettable.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-women-with-all-kinds-body_23-2149159242.jpg?_wi=1", imageAlt: "Custom body art designs"
id: "service-4",
title: "Professional Body Painting",
description: "Artistic body painting for special events, photo shoots, performances, and themed celebrations. Stunning visual art that makes a statement.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-being-affectionate-with-cute-cat_23-2149879760.jpg",
imageAlt: "Professional body painting artwork",
},
items: [
{ icon: Heart, text: "Personalized & themed designs" },
{ icon: Palette, text: "Consultation to perfect execution" },
{ icon: Star, text: "Unforgettable creative experiences" },
],
reverse: true,
},
{
id: "body-painting", title: "Professional Body Painting", description: "Full-body artistic painting for special events, photoshoots, and performances. Our experienced artists create stunning visual art on the human canvas, from abstract designs to character transformations.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/fun-portrait-with-decorations-face_23-2150749319.jpg?_wi=1", imageAlt: "Professional body art photography"
},
items: [
{ icon: Star, text: "Intricate artistic designs" },
{ icon: Camera, text: "Perfect for photoshoots & events" },
{ icon: Sparkles, text: "Professional-grade materials used" },
],
reverse: false,
},
{
id: "temporary-tattoos", title: "Temporary Tattoos & Add-ons", description: "Enhance your face painting experience with high-quality temporary tattoos, glitter designs, and special effects. Perfect for festivals and events where guests want extra flair and personalization.", media: {
imageSrc: "http://img.b2bpic.net/free-psd/holi-festival-celebration-instagram-posts_23-2151227255.jpg?_wi=1", imageAlt: "Temporary tattoo designs"
},
items: [
{ icon: Zap, text: "High-quality temporary tattoos" },
{ icon: Sparkles, text: "Glitter, gems & special effects" },
{ icon: Heart, text: "Custom temporary tattoo designs available" },
{ icon: Palette, text: "Custom artistic designs" },
{ icon: Camera, text: "Photography-ready artistry" },
{ icon: Sparkles, text: "High-impact visual art" },
{ icon: Star, text: "Unforgettable performances" },
],
reverse: true,
},
]}
buttons={[{ text: "View Pricing", href: "#pricing" }]}
buttons={[{ text: "View Packages", href: "/packages" }]}
buttonAnimation="blur-reveal"
ariaLabel="Detailed services section"
containerClassName="gap-12"
itemClassName="text-4xl font-extrabold"
descriptionClassName="text-lg opacity-90 max-w-3xl"
titleClassName="text-4xl font-extrabold"
descriptionClassName="text-lg opacity-90"
/>
</div>
<div id="pricing" data-section="pricing" className="mx-auto px-4 md:px-6">
<PricingCardFive
title="Service Pricing & Packages"
description="Transparent, flexible pricing for all event types. Each package is customizable to fit your specific needs and budget. All prices include professional service and our artist's materials."
tag="Transparent Pricing"
tagIcon={DollarSign}
tagAnimation="slide-up"
textboxLayout="default"
animationType="scale-rotate"
useInvertedBackground={false}
plans={[
{
id: "kids-party-basic", tag: "Popular", price: "$150", period: "per hour", description: "Perfect for small to medium birthday celebrations", button: { text: "Request Quote", href: "/contact" },
featuresTitle: "What's Included", features: [
"Up to 15 children", "Colorful themed designs", "Face painting only", "Basic design selection", "Professional service"],
},
{
id: "kids-party-deluxe", tag: "Best Value", tagIcon: Heart,
price: "$200", period: "2 hours", description: "Full party entertainment package with extras", button: { text: "Request Quote", href: "/contact" },
featuresTitle: "What's Included", features: [
"Up to 25 children", "Custom themed designs", "Face painting & temporary tattoos", "Interactive entertainment", "Extended design time per child"],
},
{
id: "festival-event", tag: "Flexible", price: "$250", period: "per 3 hours", description: "Festival and large outdoor event service", button: { text: "Request Quote", href: "/contact" },
featuresTitle: "What's Included", features: [
"High-capacity crowd service", "Fast, artistic designs", "Setup & teardown included", "Portable station with supplies", "Professional crowd management"],
},
{
id: "corporate-event", tag: "Professional", price: "$300", period: "per 4 hours", description: "Corporate team building and brand activation", button: { text: "Request Quote", href: "/contact" },
featuresTitle: "What's Included", features: [
"Professional presentation", "Branded design options", "Full setup & equipment", "High-volume service capacity", "Customized themes available"],
},
{
id: "body-painting-special", tag: "Premium", price: "$400", period: "per 4 hours", description: "Premium body art for special events & photoshoots", button: { text: "Request Quote", href: "/contact" },
featuresTitle: "What's Included", features: [
"Full-body artistic designs", "Consultation included", "Premium paint & materials", "Photo-shoot friendly designs", "Flexible custom requests"],
},
{
id: "custom-package", tag: "Build Your Own", price: "Custom", period: "Flexible pricing", description: "Fully customizable package for unique events", button: { text: "Get Custom Quote", href: "/contact" },
featuresTitle: "What's Included", features: [
"Personalized service design", "Flexible duration options", "Mix of face & body painting", "Special effects & add-ons", "Tailored to your event needs"],
},
]}
buttons={[{ text: "Book Now", href: "/contact" }]}
buttonAnimation="blur-reveal"
ariaLabel="Pricing and packages section"
containerClassName="gap-12"
cardClassName="text-4xl font-extrabold"
descriptionClassName="text-lg opacity-90 max-w-3xl"
/>
</div>
<div id="faq" data-section="faq" className="mx-auto px-4 md:px-6">
<FaqBase
title="Service Questions & Details"
description="Common questions about our services, booking process, and event requirements."
tag="FAQ"
tagIcon={HelpCircle}
tagAnimation="slide-up"
textboxLayout="default"
animationType="smooth"
faqsAnimation="slide-up"
useInvertedBackground={true}
showCard={true}
faqs={[
{
id: "faq-1", title: "What makes Paintasy different from other face painters?", content: "We combine professional artistry with friendly service. Our artists are experienced, use high-quality hypoallergenic products, and specialize in customized designs for different event types. We prioritize hygiene, efficiency, and creating memorable experiences for every guest."
},
{
id: "faq-2", title: "How far in advance should I book?", content: "We recommend booking 2-3 weeks in advance to secure your preferred date and time. For large events, peak seasons, or very specific customization requests, 4-6 weeks advance booking is ideal. Last-minute bookings may be available depending on our current schedule."
},
{
id: "faq-3", title: "Are your face paints safe for children with sensitive skin?", content: "Absolutely! We use only professional-grade, hypoallergenic face paints that are non-toxic, dermatologist-tested, and safe for sensitive skin. All products meet safety standards. We practice strict hygiene protocols, using clean brushes and sanitized application tools for each client. If you have specific allergies, please inform us when booking."
},
{
id: "faq-4", title: "How long does face painting take per person?", content: "Simple designs typically take 3-5 minutes, while more detailed or custom designs take 8-12 minutes. At festivals, we're optimized for speed without sacrificing quality. For parties, we allow more time for custom designs and interactions with children to ensure their satisfaction."
},
{
id: "faq-5", title: "Can face paint cause skin reactions or allergies?", content: "Our hypoallergenic products are designed to minimize allergic reactions. However, if someone has a known allergy to face paint, we can do a patch test first. We also offer alternative options. Please disclose any skin sensitivities or allergies when booking so we can prepare appropriately."
},
{
id: "faq-6", title: "Do you offer custom or themed designs?", content: "Yes! We specialize in custom designs for themed parties, corporate events, and special occasions. Provide theme details or reference images when booking. We offer standard designs at no extra cost, while very complex or intricate custom designs may have a small additional fee. Discuss your vision with us during consultation."
},
{
id: "faq-7", title: "What's included in your event packages?", content: "All packages include professional face painting service, setup and teardown, and our artist's premium materials. Some packages include add-ons like temporary tattoos or body painting. Each package description clearly outlines what's included. Custom packages can be tailored to include specific services you need."
},
{
id: "faq-8", title: "How do I prepare for the face painting session?", content: "Have a clean, dry face and avoid heavy makeup beforehand. For kids' parties, mention any design preferences or themes in advance. Make sure guests are seated comfortably during painting. After painting, the designs set quickly and last several hours. We provide care instructions to help designs last longer."
},
{
id: "faq-9", title: "How long do face paintings last?", content: "Face paintings typically last 3-6 hours depending on activity level and weather conditions. Outdoor heat or swimming can reduce longevity. We apply professional-grade paints designed for durability. Guests can extend the wear time by minimizing touching and sweating."
},
{
id: "faq-10", title: "Do you have liability insurance and permits?", content: "Yes! We are fully licensed, insured, and compliant with all local health and safety regulations. We maintain professional liability insurance to protect both ourselves and our clients. Documentation is available upon request."
},
{
id: "faq-11", title: "Can you accommodate large events or multiple artists?", content: "Yes! For very large events, we can arrange multiple artists to ensure efficient service and minimal wait times. This is particularly valuable for festivals and corporate events. Discuss group rates and artist availability when booking."
},
{
id: "faq-12", title: "What is your cancellation or rescheduling policy?", content: "We have flexible policies to accommodate your needs. Cancellations made 7+ days in advance receive a full refund. Cancellations within 7 days may incur a small fee. Rescheduling is usually available for a minimal fee. Check our full terms when booking or contact us for specific details."
},
]}
buttons={[{ text: "Still have questions?", href: "/contact" }]}
buttonAnimation="blur-reveal"
ariaLabel="Services FAQ section"
containerClassName="gap-12"
textBoxTitleClassName="text-4xl font-extrabold"
descriptionClassName="text-lg opacity-90 max-w-3xl"
/>
</div>
<div id="contact" data-section="contact" className="mx-auto px-4 md:px-6">
<ContactText
text="Ready to book Paintasy for your event? Get in touch with us today to discuss your specific needs, event details, and custom requirements. Our team is here to help create the perfect face painting experience for your guests."
animationType="background-highlight"
background={{ variant: "radial-gradient" }}
useInvertedBackground={false}
buttons={[
{ text: "Request a Quote", href: "/contact" },
{ text: "Call Us", href: "tel:+15551234567" },
]}
ariaLabel="Services contact 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" data-section="footer" className="mx-auto px-4 md:px-6">
<div id="services-footer" data-section="services-footer" className="mx-auto px-4 md:px-6">
<FooterSimple
columns={footerColumns}
bottomLeftText="© 2024 Paintasy Face and Body Art. All rights reserved."
bottomRightText="Professional Event Entertainment | Creative Services"
ariaLabel="Site footer with links"
bottomLeftText="© 2024 Paintasy Face and Body Art."
bottomRightText="Professional Event Entertainment"
ariaLabel="Services footer with links"
containerClassName="gap-12"
columnsClassName="grid-cols-2 lg:grid-cols-4"
columnTitleClassName="font-extrabold text-lg"
@@ -342,4 +193,4 @@ export default function ServicesPage() {
</div>
</ThemeProvider>
);
}
}