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:31:05 +00:00
parent 3f4189d784
commit 5cefe66ed5
1 changed files with 44 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -7,7 +7,7 @@ import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
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, Star, Music, Target, Users, Briefcase, HelpCircle, DollarSign } from 'lucide-react';
import { Sparkles, Palette, Heart, Smile, Zap, Music, Star, DollarSign } from 'lucide-react';
export default function ServicesPage() {
const navItems = [
@@ -31,7 +31,7 @@ export default function ServicesPage() {
},
{
title: "Company", items: [
{ label: "About Us", href: "/" },
{ label: "About Us", href: "/about" },
{ label: "Gallery", href: "/gallery" },
{ label: "Packages", href: "/packages" },
{ label: "FAQ", href: "#faq" },
@@ -79,25 +79,25 @@ export default function ServicesPage() {
/>
</div>
<div id="hero-services" data-section="hero-services" className="mx-auto px-4 md:px-6">
<div id="services-hero" data-section="services-hero" className="mx-auto px-4 md:px-6">
<HeroBillboardGallery
title="Our Professional Services"
description="Discover the full range of creative face painting and body art services Paintasy offers. From intimate birthday celebrations to large-scale festival entertainment, we bring artistry, professionalism, and joy to every event."
description="Discover our complete range of face painting and body art services. Whether you're planning a kids' birthday party, organizing a festival, or hosting a corporate event, we have the perfect creative solution for you."
background={{ variant: "radial-gradient" }}
tag="Creative Entertainment"
tagIcon={Sparkles}
tag="Professional Services"
tagIcon={Palette}
tagAnimation="slide-up"
buttons={[
{ text: "Book Your Event", href: "/packages" },
{ text: "View Packages", href: "/packages" },
{ text: "Request a Quote", href: "/contact" },
]}
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 showcase"},
imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-make-up-woman-wearing-mask_23-2148784326.jpg", imageAlt: "Professional face painting artist at work"},
]}
mediaAnimation="opacity"
ariaLabel="Services hero section"
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"
@@ -106,62 +106,53 @@ export default function ServicesPage() {
/>
</div>
<div id="services-detail" data-section="services-detail" className="mx-auto px-4 md:px-6">
<div id="services-details" data-section="services-details" className="mx-auto px-4 md:px-6">
<FeatureCardTen
title="Complete Service Menu"
description="Professional face painting and body art services tailored for every occasion and event type."
tag="Services Offered"
tagIcon={Palette}
title="Service Offerings"
description="Each service is tailored to your event needs with professional artists, high-quality materials, and attention to detail."
tag="What We Offer"
tagIcon={Sparkles}
tagAnimation="slide-up"
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={true}
features={[
{
id: "kids-party", title: "Kids Party Face Painting", description: "Fun and colorful face painting designs perfect for birthday celebrations, school events, and children's parties. Our artists specialize in creating magical moments for young guests with playful, age-appropriate designs.", 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: "kids-party-service", title: "Kids Party Face Painting", description: "Transform children's faces into their favorite characters and creatures with our vibrant, playful designs. Perfect for birthday celebrations, creating magical moments and lasting memories.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-eyes-woman-smiling-festival_23-2148338055.jpg?_wi=1", imageAlt: "Colorful kids party face painting designs"},
items: [
{ icon: Sparkles, text: "Colorful & playful designs" },
{ icon: Heart, text: "Safe, child-friendly products" },
{ icon: Smile, text: "Quick turnaround per child" },
{ icon: Sparkles, text: "Fun character designs" },
{ icon: Heart, text: "Safe for sensitive skin" },
{ icon: Smile, text: "Quick & efficient service" },
],
reverse: false,
},
{
id: "festival", title: "Festival Face Art", description: "Fast, creative, and impressive face painting designs perfect for large crowds and outdoor festival settings. We combine artistic flair with efficient service to keep lines moving while maintaining quality.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-putting-makeup-man_23-2149357796.jpg?_wi=1", imageAlt: "Festival face painting artwork"},
id: "festival-service", title: "Festival Face Art", description: "Eye-catching, artistic designs crafted at speed for crowds. Our festival service combines creative artistry with quick turnaround, perfect for outdoor events and high-traffic areas.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-putting-makeup-man_23-2149357796.jpg?_wi=1", imageAlt: "Festival face art creative designs"},
items: [
{ icon: Zap, text: "Fast service for crowds" },
{ icon: Star, text: "Creative artistic designs" },
{ icon: Music, text: "Perfect for music & outdoor events" },
{ icon: Zap, text: "Fast professional service" },
{ icon: Star, text: "Artistic & bold designs" },
{ icon: Music, text: "Event-ready atmosphere" },
],
reverse: true,
},
{
id: "corporate", title: "Corporate Event Entertainment", description: "Professional face painting services for company parties, brand activations, team building events, and corporate celebrations. We deliver polished service with optional branded design options.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/male-dj-party-charge-music-entertainment_23-2149658399.jpg?_wi=1", imageAlt: "Corporate event face painting"},
items: [
{ icon: Briefcase, text: "Professional & polished service" },
{ icon: Target, text: "Branded design options available" },
{ icon: Users, text: "Great for team building" },
],
reverse: false,
},
]}
buttons={[{ text: "Request a Quote", href: "/contact" }]}
buttons={[{ text: "Book a Service", href: "/packages" }]}
buttonAnimation="blur-reveal"
ariaLabel="Detailed services section"
containerClassName="gap-12"
itemClassName="text-4xl font-extrabold"
titleClassName="text-4xl font-extrabold"
descriptionClassName="text-lg opacity-90 max-w-3xl"
/>
</div>
<div id="faq-services" data-section="faq-services" className="mx-auto px-4 md:px-6">
<div id="services-faq" data-section="services-faq" className="mx-auto px-4 md:px-6">
<FaqBase
title="Services FAQ"
title="Service FAQs"
description="Common questions about our face painting and body art services."
tag="FAQ"
tagIcon={HelpCircle}
tag="Questions?"
tagIcon={DollarSign}
tagAnimation="slide-up"
textboxLayout="default"
animationType="smooth"
@@ -170,38 +161,38 @@ export default function ServicesPage() {
showCard={true}
faqs={[
{
id: "faq-1", title: "Do you offer custom design services?", content: "Yes! We specialize in custom face painting designs tailored to your event theme. Whether it's character designs, themed art, or branded elements for corporate events, our artists can create exactly what you envision. Please provide theme details or reference images when booking for best results."},
id: "service-faq-1", title: "How many children can you paint at a party?", content: "Depending on the party duration and design complexity, we can typically paint 15-25 children per hour. For birthday parties, we recommend 2-3 hours for groups of 10-20 kids, allowing time for custom designs and interactions."},
{
id: "faq-2", title: "What's the difference between kids party and festival face painting?", content: "Kids party face painting focuses on intricate, detailed designs with character themes and personal interaction with each child. Festival face painting emphasizes speed and crowd management while maintaining artistic quality. Festival designs are typically simpler but equally impressive, allowing us to serve more people in the same timeframe."},
id: "service-faq-2", title: "What designs are available for kids' parties?", content: "We offer classic designs like butterflies, superheroes, animals, pirates, princesses, and more. We can also create custom designs based on party themes. Browse our portfolio for inspiration, and we'll work with you to bring your vision to life."},
{
id: "faq-3", title: "Are your products hypoallergenic?", content: "We use only professional-grade, hypoallergenic face paints that are non-toxic and dermatologist-tested. All products are safe for sensitive skin. If you have known allergies, please inform us when booking so we can prepare appropriate alternatives or conduct a patch test."},
id: "service-faq-3", title: "Are the face paints waterproof?", content: "Our professional-grade paints are water-resistant and designed to last for several hours. They're not fully waterproof but are durable enough for most outdoor activities. We recommend avoiding prolonged water exposure immediately after application."},
{
id: "faq-4", title: "Can you do body painting in addition to face painting?", content: "Absolutely! We offer professional body painting services for themed events, corporate activations, and special occasions. Body painting takes longer than face painting, so we recommend discussing specific design and time requirements when booking."},
id: "service-faq-4", title: "Can you accommodate large festival events?", content: "Absolutely! We specialize in festival and outdoor event services. For large crowds, we can work quickly without compromising quality. We bring all necessary equipment and set up an efficient service station that can handle high volume."},
{
id: "faq-5", title: "What's your turnaround time per person?", content: "Simple face designs typically take 3-5 minutes, while detailed or custom designs take 8-12 minutes. At festivals, we optimize for speed. For party settings, we allow more time for interactions and personalized designs. We always prioritize quality over rushing."},
id: "service-faq-5", title: "Do you offer body painting services?", content: "Yes, we offer professional body painting for special events, themed parties, and artistic projects. Body painting takes longer than face painting but creates stunning visual effects. Contact us to discuss your specific needs."},
{
id: "faq-6", title: "How much setup time do you need?", content: "Typically, we require 15-30 minutes for setup before service begins. This includes setting up our portable stations, organizing supplies, and ensuring proper sanitation protocols are in place. The exact time depends on the venue and event specifics."},
id: "service-faq-6", title: "What is your hygiene protocol?", content: "We follow strict hygiene standards. We use clean, sanitized brushes and applicators for each client. We also offer touchless application methods for those with sensitivities. All materials are professional-grade and hypoallergenic."},
]}
buttons={[{ text: "Book Your Service", href: "/packages" }]}
buttonAnimation="blur-reveal"
ariaLabel="Services FAQ section"
containerClassName="gap-12"
textBoxTitleClassName="text-4xl font-extrabold"
textBoxDescriptionClassName="text-lg opacity-90 max-w-3xl"
titleClassName="text-4xl font-extrabold"
descriptionClassName="text-lg opacity-90 max-w-3xl"
/>
</div>
<div id="contact-services" data-section="contact-services" className="mx-auto px-4 md:px-6">
<div id="services-contact" data-section="services-contact" className="mx-auto px-4 md:px-6">
<ContactText
text="Interested in booking one of our services? Let's discuss your event requirements and create a customized solution. Contact Paintasy today to bring professional face and body art to your celebration."
text="Ready to book one of our services? Get in touch today! We'll work with you to customize the perfect face painting and body art experience for your event."
animationType="background-highlight"
background={{ variant: "radial-gradient" }}
useInvertedBackground={false}
buttons={[
{ text: "Request a Quote", href: "/contact" },
{ text: "Call Us", href: "tel:+15551234567" },
{ text: "Book Now", href: "/packages" },
]}
ariaLabel="Services contact call-to-action section"
ariaLabel="Services contact call-to-action"
containerClassName="py-16"
contentClassName="max-w-3xl mx-auto"
textClassName="text-4xl font-extrabold text-center"
@@ -209,7 +200,7 @@ export default function ServicesPage() {
/>
</div>
<div id="footer-services" data-section="footer-services" 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."