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

---
 src/app/packages/page.tsx | 158 +++++++++++++++++++-------------------
 1 file changed, 79 insertions(+), 79 deletions(-)

diff --git a/src/app/packages/page.tsx b/src/app/packages/page.tsx
index b4c1506..4bbd675 100644
--- a/src/app/packages/page.tsx
+++ b/src/app/packages/page.tsx
@@ -8,7 +8,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, DollarSign, Check, Clock, Users, Star, HelpCircle, Zap } from 'lucide-react';
+import { Sparkles, DollarSign, Check, Zap, Users, Music } from 'lucide-react';
 
 export default function PackagesPage() {
   const navItems = [
@@ -32,7 +32,7 @@ export default function PackagesPage() {
     },
     {
       title: "Company",      items: [
-        { label: "About Us", href: "/" },
+        { label: "About Us", href: "/about" },
         { label: "Gallery", href: "/gallery" },
         { label: "Packages", href: "/packages" },
         { label: "FAQ", href: "#faq" },
@@ -80,25 +80,25 @@ export default function PackagesPage() {
         />
       </div>
 
-      <div id="hero-packages" data-section="hero-packages" className="mx-auto px-4 md:px-6">
+      <div id="packages-hero" data-section="packages-hero" className="mx-auto px-4 md:px-6">
         <HeroBillboardGallery
-          title="Event Packages & Booking"
-          description="Flexible, transparent pricing for all event types. Choose from our curated packages or customize one to match your specific needs and budget. Professional service, artistic creativity, guaranteed satisfaction."
+          title="Event Packages & Booking Options"
+          description="Professional face painting and body art packages designed for every event type. Choose from flexible pricing, customize your experience, and book your entertainment today."
           background={{ variant: "radial-gradient" }}
-          tag="Transparent Pricing"
-          tagIcon={DollarSign}
+          tag="Book Your Entertainment"
+          tagIcon={Sparkles}
           tagAnimation="slide-up"
           buttons={[
-            { text: "View All Packages", href: "#pricing" },
-            { text: "Request Custom Quote", href: "/contact" },
+            { text: "View Packages", href: "#packages-pricing" },
+            { text: "Contact Us", href: "/contact" },
           ]}
           buttonAnimation="blur-reveal"
           mediaItems={[
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-make-up-woman-wearing-mask_23-2148784326.jpg",              imageAlt: "Event package showcase"},
+              imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-make-up-woman-wearing-mask_23-2148784326.jpg",              imageAlt: "Professional face painting event entertainment"},
           ]}
           mediaAnimation="opacity"
-          ariaLabel="Packages hero section"
+          ariaLabel="Packages 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"
@@ -107,99 +107,99 @@ export default function PackagesPage() {
         />
       </div>
 
-      <div id="pricing" data-section="pricing" className="mx-auto px-4 md:px-6">
+      <div id="packages-pricing" data-section="packages-pricing" className="mx-auto px-4 md:px-6">
         <PricingCardFive
           title="Our Event Packages"
-          description="Simple, flexible pricing tailored to your event type and guest count. All packages include professional service and materials."
-          tag="Book Your Package"
-          tagIcon={Sparkles}
+          description="Transparent, flexible pricing for every event type. All packages include professional service, quality materials, and our commitment to making your event memorable."
+          tag="Flexible Pricing"
+          tagIcon={DollarSign}
           tagAnimation="slide-up"
           textboxLayout="default"
           animationType="scale-rotate"
           useInvertedBackground={false}
           plans={[
             {
-              id: "birthday-basic",              tag: "Popular",              price: "$150",              period: "per hour",              description: "Perfect for small birthday celebrations",              button: { text: "Book Now", href: "/contact" },
-              featuresTitle: "What's Included",              features: [
-                "Up to 15 kids",                "Colorful themed designs",                "Face painting only",                "Basic design themes",                "All supplies included"],
+              id: "kids-party-basic",              tag: "Popular",              tagIcon: Users,
+              price: "$150",              period: "per hour",              description: "Perfect for small birthday celebrations with basic designs",              button: { text: "Book Package", href: "/contact" },
+              featuresTitle: "Package Includes",              features: [
+                "Up to 15 children",                "Colorful, playful designs",                "Face painting only",                "Setup & teardown",                "Artist materials provided"],
             },
             {
-              id: "birthday-deluxe",              tag: "Best Value",              price: "$200",              period: "per 2 hours",              description: "Full party entertainment package",              button: { text: "Book Now", href: "/contact" },
-              featuresTitle: "What's Included",              features: [
-                "Up to 25 kids",                "Custom themed designs",                "Face & temporary tattoos",                "Interactive entertainment",                "Setup & cleanup included"],
+              id: "kids-party-deluxe",              tag: "Best Value",              tagIcon: Check,
+              price: "$200",              period: "per 2 hours",              description: "Full party entertainment with premium designs and add-ons",              button: { text: "Book Package", href: "/contact" },
+              featuresTitle: "Package Includes",              features: [
+                "Up to 25 children",                "Custom themed designs",                "Face painting & temporary tattoos",                "Interactive entertainment",                "Professional quality assured"],
             },
             {
-              id: "festival-event",              tag: "Flexible",              price: "$250",              period: "per 3 hours",              description: "Festival and outdoor event service",              button: { text: "Book Now", href: "/contact" },
-              featuresTitle: "What's Included",              features: [
-                "High-capacity crowd service",                "Fast artistic designs",                "Setup & teardown included",                "Portable station",                "Ideal for 50+ attendees"],
+              id: "festival-event",              tag: "High-Volume",              tagIcon: Zap,
+              price: "$250",              period: "per 3 hours",              description: "Fast, artistic designs for festivals and outdoor events",              button: { text: "Book Package", href: "/contact" },
+              featuresTitle: "Package Includes",              features: [
+                "High-capacity crowd service",                "Fast artistic designs",                "Portable setup station",                "Setup & teardown included",                "Multiple artist option available"],
+            },
+            {
+              id: "corporate-event",              tag: "Professional",              tagIcon: Music,
+              price: "$300",              period: "per 4 hours",              description: "Premium service for corporate events and brand activations",              button: { text: "Book Package", href: "/contact" },
+              featuresTitle: "Package Includes",              features: [
+                "Professional branded designs",                "Custom theme integration",                "Extended hours available",                "Multiple artist coordination",                "Premium materials & finishes"],
             },
           ]}
-          buttons={[{ text: "Need Custom Pricing?", href: "/contact" }]}
+          buttons={[{ text: "Contact for Custom Quote", href: "/contact" }]}
           buttonAnimation="blur-reveal"
-          ariaLabel="Pricing packages section"
+          ariaLabel="Pricing section with package options"
           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"
           cardClassName="p-8"
         />
       </div>
 
-      <div id="package-details" data-section="package-details" className="mx-auto px-4 md:px-6">
+      <div id="packages-details" data-section="packages-details" className="mx-auto px-4 md:px-6">
         <FeatureCardTen
-          title="Package Details & Customization"
-          description="Each package can be tailored to your specific event needs. Here's what you can customize."
-          tag="Flexible Options"
-          tagIcon={Zap}
+          title="What's Included in Every Package"
+          description="All Paintasy packages come with professional service, quality materials, and our commitment to your event's success."
+          tag="Package Details"
+          tagIcon={Check}
           tagAnimation="slide-up"
           textboxLayout="default"
           animationType="slide-up"
           useInvertedBackground={true}
           features={[
             {
-              id: "duration",              title: "Custom Duration",              description: "Need more or less time? We offer flexible hourly bookings. Minimum 1 hour service. Discounts available for 4+ hour bookings. Tell us your event timeline and we'll find the perfect fit.",              media: {
-                imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-brush-close-up_23-2148966902.jpg?_wi=1",                imageAlt: "Face painting time management"},
+              id: "package-details-1",              title: "Professional Artist Service",              description: "Our trained, experienced face painting artists deliver high-quality designs. We arrive on time, set up professionally, and ensure every guest receives outstanding service.",              media: {
+                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: "Professional face painting artist at work"},
               items: [
-                { icon: Clock, text: "Flexible hour options" },
-                { icon: Check, text: "Extended booking discounts" },
-                { icon: Star, text: "Customized timelines" },
+                { icon: Sparkles, text: "Trained professionals" },
+                { icon: Check, text: "Punctual & reliable" },
+                { icon: Users, text: "Guest-focused service" },
               ],
               reverse: false,
             },
             {
-              id: "crowd-size",              title: "Guest Count Options",              description: "Whether you're hosting 10 guests or 1,000, we can scale our service. Larger events may require multiple artists. We'll assess your guest count and recommend the right setup for seamless service.",              media: {
-                imageSrc: "http://img.b2bpic.net/free-photo/group-young-friends-celebrating-new-year_23-2147720468.jpg",                imageAlt: "Large event face painting"},
+              id: "package-details-2",              title: "Premium Materials & Hygiene",              description: "We use professional-grade, hypoallergenic face paints and follow strict hygiene protocols. Clean brushes, sanitized tools, and safe products for all skin types ensure a worry-free experience.",              media: {
+                imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-brush-close-up_23-2148966902.jpg?_wi=1",                imageAlt: "Professional quality face painting materials"},
               items: [
-                { icon: Users, text: "Small to large events" },
-                { icon: Check, text: "Multi-artist availability" },
-                { icon: Zap, text: "Crowd management expertise" },
+                { icon: Check, text: "Hypoallergenic products" },
+                { icon: Sparkles, text: "Strict hygiene standards" },
+                { icon: Music, text: "Safe for all ages" },
               ],
               reverse: true,
             },
-            {
-              id: "design-themes",              title: "Design Themes & Customization",              description: "Choose from popular themes or bring your own. Character designs, branded elements, seasonal themes, or completely custom artwork. We work with you to match your event's vibe and create memorable experiences.",              media: {
-                imageSrc: "http://img.b2bpic.net/free-photo/fun-portrait-with-decorations-face_23-2150749319.jpg?_wi=1",                imageAlt: "Custom themed face painting designs"},
-              items: [
-                { icon: Sparkles, text: "Popular theme options" },
-                { icon: Check, text: "Fully custom designs available" },
-                { icon: Star, text: "Branded design capability" },
-              ],
-              reverse: false,
-            },
           ]}
-          buttons={[{ text: "Customize Your Package", href: "/contact" }]}
+          buttons={[{ text: "Request a Quote", href: "/contact" }]}
           buttonAnimation="blur-reveal"
-          ariaLabel="Package details and customization options"
+          ariaLabel="Package details and inclusions"
           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-packages" data-section="faq-packages" className="mx-auto px-4 md:px-6">
+      <div id="packages-faq" data-section="packages-faq" className="mx-auto px-4 md:px-6">
         <FaqBase
-          title="Booking & Packages FAQ"
-          description="Everything you need to know about booking and our package options."
-          tag="FAQ"
-          tagIcon={HelpCircle}
+          title="Booking & Package FAQs"
+          description="Everything you need to know about our packages and booking process."
+          tag="Questions?"
+          tagIcon={DollarSign}
           tagAnimation="slide-up"
           textboxLayout="default"
           animationType="smooth"
@@ -208,42 +208,42 @@ export default function PackagesPage() {
           showCard={true}
           faqs={[
             {
-              id: "faq-1",              title: "How far in advance should I book?",              content: "We recommend booking at least 2-3 weeks in advance to secure your preferred date and time. For large events (50+ guests) or peak seasons (summer, holidays), 4-6 weeks advance booking is ideal. Last-minute bookings may be available depending on our schedule—contact us to check availability."},
+              id: "booking-faq-1",              title: "How do I book a package?",              content: "Simply click 'Book Package' or 'Contact Us' and fill out the booking form with your event details. We'll confirm availability, discuss any customizations, and finalize the details. You can also call us directly at the phone number provided."},
             {
-              id: "faq-2",              title: "Can I customize a package?",              content: "Absolutely! All our packages are starting points. We can adjust duration, guest count, design themes, and service type to match your exact needs. Custom packages may have different pricing—contact us with your requirements for a personalized quote."},
+              id: "booking-faq-2",              title: "What is your booking timeline?",              content: "We recommend booking 2-3 weeks in advance for regular events. For large festivals or peak seasons, 4-6 weeks is ideal. Last-minute bookings may be available depending on our schedule—contact us to check availability."},
             {
-              id: "faq-3",              title: "What's your deposit and payment policy?",              content: "A 50% non-refundable deposit is required to secure your booking. The remaining balance is due 7 days before your event. We accept credit cards, checks, and digital payments. For large or custom events, we're happy to discuss payment plans."},
+              id: "booking-faq-3",              title: "Do you offer custom package pricing?",              content: "Absolutely! Our packages are flexible. If you need something different—different duration, larger group, or additional services—we can create a custom package tailored to your event. Contact us to discuss your specific needs."},
             {
-              id: "faq-4",              title: "What if I need to reschedule or cancel?",              content: "Cancellations made 2+ weeks before your event receive a full refund minus the deposit. Cancellations within 2 weeks forfeit the deposit. Rescheduling to another date is subject to availability. We understand emergencies happen—contact us to discuss your situation."},
+              id: "booking-faq-4",              title: "What's the cancellation or rescheduling policy?",              content: "We offer flexible rescheduling up to 7 days before your event at no charge. Cancellations made 14+ days in advance receive a full refund. Cancellations within 7 days may incur fees. Contact us for specific details."},
             {
-              id: "faq-5",              title: "Do you offer discounts for bulk bookings?",              content: "Yes! We offer discounts for bookings of 4+ hours or multiple events. Large corporate packages (100+ attendees) also qualify for special pricing. Contact us with your details to receive a customized quote."},
+              id: "booking-faq-5",              title: "Can I add more hours or upgrade my package?",              content: "Yes! You can add additional hours, upgrade designs, or add services like body painting at any time. Additional hours are typically charged at the hourly rate specified in your package. Discuss upgrades when booking or contact us anytime."},
             {
-              id: "faq-6",              title: "Are there additional fees (travel, setup, etc.)?",              content: "Our quoted rates include artist service, supplies, and standard setup. Travel within 15 miles is included. Venues beyond 15 miles may have a travel fee (typically $25-50 depending on distance). Complex setups or specialty requests may have additional fees—we'll discuss these upfront."},
+              id: "booking-faq-6",              title: "What payment methods do you accept?",              content: "We accept all major credit cards, PayPal, bank transfers, and cash. A deposit is required to secure your booking, with the balance due before the event. Contact us for specific payment details."},
             {
-              id: "faq-7",              title: "What happens if you need to cancel on us?",              content: "In the unlikely event we must cancel, we'll provide full refund and help you find an alternative artist. Our booking confirmation includes liability information and a backup artist reference when possible."},
+              id: "booking-faq-7",              title: "Do you travel to events outside the area?",              content: "Yes, we service regional events! Travel fees may apply for locations outside our standard service area. Contact us with your event location, and we'll provide a custom quote including travel costs."},
             {
-              id: "faq-8",              title: "Can you work with my specific event theme?",              content: "Yes! We love working with event themes. Share your theme, colors, and design preferences when booking. We can create custom designs, coordinate with your event aesthetic, and even incorporate branding for corporate events."},
+              id: "booking-faq-8",              title: "Can you work with large groups or multiple artists?",              content: "Definitely! For large events, we can coordinate multiple artists to handle high volume efficiently. This ensures every guest gets painted without excessive wait times. Discuss group sizes when booking."},
           ]}
-          buttons={[{ text: "Book Your Package", href: "/contact" }]}
+          buttons={[{ text: "Book Now", href: "/contact" }]}
           buttonAnimation="blur-reveal"
-          ariaLabel="Booking and packages FAQ section"
+          ariaLabel="Packages 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-packages" data-section="contact-packages" className="mx-auto px-4 md:px-6">
+      <div id="packages-contact" data-section="packages-contact" className="mx-auto px-4 md:px-6">
         <ContactText
-          text="Ready to book your event? Browse our packages, customize one to fit your needs, or request a personalized quote. Let's create a memorable experience for your guests!"
+          text="Ready to book your event? Let's create an unforgettable experience with Paintasy Face and Body Art. Contact us today to discuss your package, ask questions, and secure your date."
           animationType="background-highlight"
           background={{ variant: "radial-gradient" }}
           useInvertedBackground={false}
           buttons={[
-            { text: "Request a Quote", href: "/contact" },
-            { text: "Call Us", href: "tel:+15551234567" },
+            { text: "Get Your Quote", href: "/contact" },
+            { text: "Call Us Now", href: "tel:+15551234567" },
           ]}
-          ariaLabel="Packages contact call-to-action section"
+          ariaLabel="Packages contact call-to-action"
           containerClassName="py-16"
           contentClassName="max-w-3xl mx-auto"
           textClassName="text-4xl font-extrabold text-center"
@@ -251,7 +251,7 @@ export default function PackagesPage() {
         />
       </div>
 
-      <div id="footer-packages" data-section="footer-packages" className="mx-auto px-4 md:px-6">
+      <div id="packages-footer" data-section="packages-footer" className="mx-auto px-4 md:px-6">
         <FooterSimple
           columns={footerColumns}
           bottomLeftText="© 2024 Paintasy Face and Body Art. All rights reserved."