From 0fa7e4589c27fed65ab7c74b9205650e61dd317f Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 14 Mar 2026 05:33:30 +0000
Subject: [PATCH] Update src/app/services/page.tsx

---
 src/app/services/page.tsx | 242 +++++++++-----------------------------
 1 file changed, 57 insertions(+), 185 deletions(-)

diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index a47d6e1..57ec7c8 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -4,41 +4,36 @@ 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 { Sparkles, Palette, Heart, Smile, Zap, Music, Star, DollarSign } 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" },
+        { 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: "Company",      items: [
-        { label: "Home", href: "/" },
+        { label: "About Us", href: "/about" },
         { label: "Gallery", href: "/gallery" },
-        { label: "Packages", href: "#packages" },
+        { label: "Packages", href: "/packages" },
         { label: "FAQ", href: "#faq" },
         { label: "Contact", href: "/contact" },
       ],
@@ -56,7 +51,7 @@ export default function ServicesPage() {
       title: "Service Areas",      items: [
         { label: "Local Events", href: "/contact" },
         { label: "Regional Coverage", href: "/contact" },
-        { label: "Book Now", href: "#pricing" },
+        { label: "Book Now", href: "/packages" },
         { label: "Get Quote", href: "/contact" },
       ],
     },
@@ -84,23 +79,22 @@ 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="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."
+          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="Service Excellence"
-          tagIcon={Sparkles}
+          tag="Professional Services"
+          tagIcon={Palette}
           tagAnimation="slide-up"
           buttons={[
-            { text: "Book Your Event", href: "#pricing" },
-            { text: "View Pricing", href: "#pricing" },
+            { text: "Book Your Event", 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"
-            },
+              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 page hero section"
@@ -112,151 +106,53 @@ export default function ServicesPage() {
         />
       </div>
 
-      <div id="services" data-section="services" 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="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."
+          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={Palette}
+          tagIcon={Sparkles}
           tagAnimation="slide-up"
           textboxLayout="default"
           animationType="slide-up"
           useInvertedBackground={true}
           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: "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: "Butterflies, superheroes, animals & princesses" },
-                { icon: Heart, text: "Safe, hypoallergenic, non-toxic paints" },
-                { icon: Smile, text: "3-5 minutes per child for standard designs" },
+                { 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, 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: "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: "Optimized for high-volume crowd service" },
-                { icon: Star, text: "Creative designs with quick execution" },
-                { icon: Music, text: "Perfect for outdoor & music events" },
-              ],
-              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"
-              },
-              items: [
-                { icon: Briefcase, text: "Professional presentation & service" },
-                { icon: Target, text: "Branded designs & customized themes" },
-                { icon: Users, text: "Excellent for team building activities" },
-              ],
-              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"
-              },
-              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: Zap, text: "Fast professional service" },
+                { icon: Star, text: "Artistic & bold designs" },
+                { icon: Music, text: "Event-ready atmosphere" },
               ],
               reverse: true,
             },
           ]}
-          buttons={[{ text: "View Pricing", href: "#pricing" }]}
+          buttons={[{ text: "Book a Service", 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"
+          itemClassName=""
+          mediaWrapperClassName=""
         />
       </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">
+      <div id="services-faq" data-section="services-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}
+          title="Service FAQs"
+          description="Common questions about our face painting and body art services."
+          tag="Questions?"
+          tagIcon={DollarSign}
           tagAnimation="slide-up"
           textboxLayout="default"
           animationType="smooth"
@@ -265,62 +161,38 @@ export default function ServicesPage() {
           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: "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: "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: "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 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: "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: "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: "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: "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: "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: "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."
-            },
+              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: "Still have questions?", href: "/contact" }]}
+          buttons={[{ text: "Book Your Service", href: "/packages" }]}
           buttonAnimation="blur-reveal"
           ariaLabel="Services FAQ section"
           containerClassName="gap-12"
-          textBoxTitleClassName="text-4xl font-extrabold"
-          descriptionClassName="text-lg opacity-90 max-w-3xl"
+          accordionClassName=""
+          accordionTitleClassName=""
         />
       </div>
 
-      <div id="contact" data-section="contact" 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="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."
+          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"
@@ -328,7 +200,7 @@ export default function ServicesPage() {
         />
       </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."
@@ -342,4 +214,4 @@ export default function ServicesPage() {
       </div>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file