From f680cb5cc48a84e6c4f2906b0d8bb6fc840e8fd4 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 14 Mar 2026 05:26:27 +0000
Subject: [PATCH 01/34] Add src/app/booking/page.tsx

---
 src/app/booking/page.tsx | 159 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 159 insertions(+)
 create mode 100644 src/app/booking/page.tsx

diff --git a/src/app/booking/page.tsx b/src/app/booking/page.tsx
new file mode 100644
index 0000000..5129ac5
--- /dev/null
+++ b/src/app/booking/page.tsx
@@ -0,0 +1,159 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import ContactForm from '@/components/form/ContactForm';
+import ContactText from '@/components/sections/contact/ContactText';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import { Calendar } from 'lucide-react';
+
+export default function BookingPage() {
+  const navItems = [
+    { name: "Home", id: "home" },
+    { name: "Services", id: "services" },
+    { name: "Gallery", id: "/gallery" },
+    { name: "Packages", id: "packages" },
+    { name: "About", id: "about" },
+    { name: "Book Event", id: "/booking" },
+    { 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: "Company",      items: [
+        { label: "About Us", href: "/about" },
+        { label: "Gallery", href: "/gallery" },
+        { label: "Packages", href: "/packages" },
+        { label: "FAQ", href: "#faq" },
+        { label: "Contact", href: "/contact" },
+      ],
+    },
+    {
+      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: "/booking" },
+        { label: "Get Quote", href: "/contact" },
+      ],
+    },
+  ];
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="background-highlight"
+      borderRadius="rounded"
+      contentWidth="compact"
+      sizing="large"
+      background="none"
+      cardStyle="gradient-bordered"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="extrabold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          brandName="Paintasy"
+          navItems={navItems}
+          bottomLeftText="Creative Face & Body Art"
+          bottomRightText="paintasy@events.com"
+        />
+      </div>
+
+      <div id="booking-form" data-section="booking-form" className="mx-auto px-4 md:px-6 py-16">
+        <div className="max-w-2xl mx-auto">
+          <ContactForm
+            title="Book Your Event"
+            description="Get started with a quick inquiry. We'll follow up with you within 24 hours with availability and pricing details tailored to your event."
+            tag="Lead Generation"
+            tagIcon={Calendar}
+            inputPlaceholder="Your email address"
+            buttonText="Get Started"
+            termsText="By submitting this form, you agree to be contacted about your event booking inquiry. We respect your privacy."
+            centered={true}
+            onSubmit={(email) => {
+              console.log('Booking inquiry from:', email);
+            }}
+            className="w-full"
+            titleClassName="text-4xl font-extrabold mb-4"
+            descriptionClassName="text-lg opacity-90 mb-8"
+            tagClassName="mb-4"
+            formWrapperClassName="mt-8"
+          />
+        </div>
+      </div>
+
+      <div id="booking-features" data-section="booking-features" className="mx-auto px-4 md:px-6 py-16">
+        <div className="max-w-4xl mx-auto">
+          <h2 className="text-3xl font-extrabold mb-12 text-center">Our Booking Process</h2>
+          <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
+            <div className="p-6 bg-gradient-to-br from-blue-50 to-cyan-50 rounded-lg">
+              <div className="text-4xl font-extrabold text-blue-600 mb-4">1</div>
+              <h3 className="text-xl font-bold mb-3">Submit Inquiry</h3>
+              <p className="text-opacity-80">Fill out our quick booking form with your event details and preferred date.</p>
+            </div>
+            <div className="p-6 bg-gradient-to-br from-purple-50 to-pink-50 rounded-lg">
+              <div className="text-4xl font-extrabold text-purple-600 mb-4">2</div>
+              <h3 className="text-xl font-bold mb-3">Get Quote</h3>
+              <p className="text-opacity-80">We'll review your event details and send you a custom quote within 24 hours.</p>
+            </div>
+            <div className="p-6 bg-gradient-to-br from-green-50 to-emerald-50 rounded-lg">
+              <div className="text-4xl font-extrabold text-green-600 mb-4">3</div>
+              <h3 className="text-xl font-bold mb-3">Confirm Booking</h3>
+              <p className="text-opacity-80">Once confirmed, we'll send you all the details and setup information for your event.</p>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div id="booking-contact" data-section="booking-contact" className="mx-auto px-4 md:px-6">
+        <ContactText
+          text="Prefer to discuss your event first? Contact us directly and let's create something amazing together."
+          animationType="background-highlight"
+          background={{ variant: "radial-gradient" }}
+          useInvertedBackground={false}
+          buttons={[
+            { text: "Call Us", href: "tel:+15551234567" },
+            { text: "Email Us", href: "mailto:paintasy@events.com" },
+          ]}
+          ariaLabel="Booking 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-booking" data-section="footer-booking" 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"
+          containerClassName="gap-12"
+          columnsClassName="grid-cols-2 lg:grid-cols-4"
+          columnTitleClassName="font-extrabold text-lg"
+          columnItemClassName="hover:opacity-70 transition-opacity"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
-- 
2.49.1


From 48d2714d52b986b700fbf682b3972622e47ab801 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 14 Mar 2026 05:26:27 +0000
Subject: [PATCH 02/34] Update src/app/contact/page.tsx

---
 src/app/contact/page.tsx | 239 +++++++++++++++------------------------
 1 file changed, 90 insertions(+), 149 deletions(-)

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index a0ec55e..55404f4 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -2,33 +2,22 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactForm from '@/components/form/ContactForm';
+import ContactText from '@/components/sections/contact/ContactText';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import { Mail, Sparkles } from 'lucide-react';
-import { useState } from 'react';
-
-export const metadata = {
-  title: "Contact Us - Book Face Painting & Body Art | Paintasy",  description: "Professional face painting and body art services for parties, festivals, and events. Get in touch with Paintasy to book your face painter, request quotes, and discuss custom face painting designs.",  keywords: "book face painter, face painting services, body art booking, contact face painter, professional face painting, request face painting quote"};
+import { Mail, Phone, MapPin, Clock } from 'lucide-react';
 
 export default function ContactPage() {
   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: "Book Event", id: "/booking" },
     { name: "Contact", id: "/contact" },
   ];
 
-  const [formData, setFormData] = useState({
-    name: '',
-    email: '',
-    phone: '',
-    eventDate: '',
-    eventType: '',
-    message: '',
-  });
-
   const footerColumns = [
     {
       title: "Services",      items: [
@@ -41,10 +30,10 @@ export default function ContactPage() {
     },
     {
       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" },
       ],
     },
@@ -61,7 +50,7 @@ export default function ContactPage() {
       title: "Service Areas",      items: [
         { label: "Local Events", href: "/contact" },
         { label: "Regional Coverage", href: "/contact" },
-        { label: "Book Now", href: "/contact" },
+        { label: "Book Now", href: "/booking" },
         { label: "Get Quote", href: "/contact" },
       ],
     },
@@ -89,144 +78,96 @@ export default function ContactPage() {
         />
       </div>
 
-      <div id="contact-cta" data-section="contact-cta" className="mx-auto px-4 md:px-6 pt-24">
-        <ContactCTA
-          tag="Get in Touch"
-          tagIcon={Mail}
-          tagAnimation="slide-up"
-          title="Book Your Professional Face Painter"
-          description="Transform your event with professional face painting and body art. Our skilled face painters deliver creative designs that bring joy to every occasion. From kids parties to festivals, corporate events to special celebrations, we provide exceptional face painting entertainment. Let's create unforgettable memories together."
-          buttons={[
-            { text: "Request Quote", href: "#contact-form" },
-            { text: "Call Now", href: "tel:+15551234567" },
-          ]}
-          buttonAnimation="blur-reveal"
-          background={{ variant: "radial-gradient" }}
-          useInvertedBackground={false}
-          ariaLabel="Contact CTA section"
-          containerClassName="gap-12"
-          textBoxClassName="max-w-2xl"
-          titleClassName="text-4xl font-extrabold"
-          descriptionClassName="text-lg opacity-90"
-        />
+      <div id="contact-hero" data-section="contact-hero" className="mx-auto px-4 md:px-6 py-16">
+        <div className="max-w-3xl mx-auto text-center">
+          <h1 className="text-5xl lg:text-6xl font-extrabold mb-6">Get in Touch</h1>
+          <p className="text-xl opacity-90 mb-8">
+            Have questions about our services? Want to discuss your event in detail? We're here to help! Reach out and let's create something unforgettable together. Our team is dedicated to making your event a success with exceptional service and creative artistry.
+          </p>
+        </div>
       </div>
 
       <div id="contact-form" data-section="contact-form" className="mx-auto px-4 md:px-6 py-16">
         <div className="max-w-2xl mx-auto">
-          <h2 className="text-3xl font-extrabold mb-4">Request a Quote</h2>
-          <p className="text-lg opacity-90 mb-8">Tell us about your event and get a personalized quote from our team. We'll respond within 24 hours.</p>
-          <form className="space-y-6 bg-gradient-to-br from-card to-background p-8 rounded-lg border border-accent">
-            <div>
-              <label className="block text-sm font-semibold mb-2">Event Type</label>
-              <select
-                value={formData.eventType}
-                onChange={(e) => setFormData({ ...formData, eventType: e.target.value })}
-                className="w-full px-4 py-2 border border-accent rounded-lg bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary-cta"
-              >
-                <option value="">Select an event type...</option>
-                <option value="kids-party">Kids Birthday Party</option>
-                <option value="festival">Festival or Outdoor Event</option>
-                <option value="corporate">Corporate Event</option>
-                <option value="wedding">Wedding</option>
-                <option value="school">School Event</option>
-                <option value="other">Other</option>
-              </select>
-            </div>
-            <div>
-              <label className="block text-sm font-semibold mb-2">Event Date</label>
-              <input
-                type="date"
-                value={formData.eventDate}
-                onChange={(e) => setFormData({ ...formData, eventDate: e.target.value })}
-                className="w-full px-4 py-2 border border-accent rounded-lg bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary-cta"
-              />
-            </div>
-            <div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
-              <div>
-                <label className="block text-sm font-semibold mb-2">Full Name</label>
-                <input
-                  type="text"
-                  value={formData.name}
-                  onChange={(e) => setFormData({ ...formData, name: e.target.value })}
-                  placeholder="Your name"
-                  className="w-full px-4 py-2 border border-accent rounded-lg bg-background text-foreground placeholder-opacity-50 focus:outline-none focus:ring-2 focus:ring-primary-cta"
-                />
-              </div>
-              <div>
-                <label className="block text-sm font-semibold mb-2">Email</label>
-                <input
-                  type="email"
-                  value={formData.email}
-                  onChange={(e) => setFormData({ ...formData, email: e.target.value })}
-                  placeholder="your@email.com"
-                  className="w-full px-4 py-2 border border-accent rounded-lg bg-background text-foreground placeholder-opacity-50 focus:outline-none focus:ring-2 focus:ring-primary-cta"
-                />
-              </div>
-            </div>
-            <div>
-              <label className="block text-sm font-semibold mb-2">Phone Number</label>
-              <input
-                type="tel"
-                value={formData.phone}
-                onChange={(e) => setFormData({ ...formData, phone: e.target.value })}
-                placeholder="(555) 123-4567"
-                className="w-full px-4 py-2 border border-accent rounded-lg bg-background text-foreground placeholder-opacity-50 focus:outline-none focus:ring-2 focus:ring-primary-cta"
-              />
-            </div>
-            <div>
-              <label className="block text-sm font-semibold mb-2">Tell Us About Your Event</label>
-              <textarea
-                value={formData.message}
-                onChange={(e) => setFormData({ ...formData, message: e.target.value })}
-                placeholder="Event details, number of attendees, design preferences..."
-                rows={5}
-                className="w-full px-4 py-2 border border-accent rounded-lg bg-background text-foreground placeholder-opacity-50 focus:outline-none focus:ring-2 focus:ring-primary-cta resize-none"
-              />
-            </div>
-            <button
-              type="submit"
-              onClick={(e) => {
-                e.preventDefault();
-                window.location.href = `mailto:paintasy@events.com?subject=Face Painting Quote Request from ${formData.name}&body=Event Type: ${formData.eventType}%0AEvent Date: ${formData.eventDate}%0AName: ${formData.name}%0AEmail: ${formData.email}%0APhone: ${formData.phone}%0A%0AEvent Details:%0A${formData.message}`;
-              }}
-              className="w-full px-6 py-3 bg-gradient-to-r from-primary-cta to-accent text-white font-semibold rounded-lg hover:shadow-lg transition-shadow"
-            >
-              Send Quote Request
-            </button>
-          </form>
+          <ContactForm
+            title="Send us a Message"
+            description="Fill out the form below and we'll get back to you as soon as possible. For urgent inquiries, please call us directly."
+            tag="Contact Us"
+            tagIcon={Mail}
+            inputPlaceholder="Your email address"
+            buttonText="Send Message"
+            termsText="We'll use your email to respond to your inquiry. We respect your privacy and won't share your information."
+            centered={true}
+            onSubmit={(email) => {
+              console.log('Contact form submission from:', email);
+            }}
+            className="w-full"
+            titleClassName="text-3xl font-extrabold mb-4"
+            descriptionClassName="text-base opacity-90 mb-8"
+            tagClassName="mb-4"
+            formWrapperClassName="mt-8"
+          />
         </div>
       </div>
 
       <div id="contact-info" data-section="contact-info" className="mx-auto px-4 md:px-6 py-16">
-        <div className="max-w-4xl mx-auto grid grid-cols-1 md:grid-cols-3 gap-8">
-          <div className="text-center">
-            <div className="mb-4 text-4xl">📞</div>
-            <h3 className="text-xl font-extrabold mb-2">Call Us</h3>
-            <p className="opacity-90">Phone and text</p>
-            <a href="tel:+15551234567" className="text-primary-cta font-semibold hover:underline mt-2 inline-block">
-              +1 (555) 123-4567
-            </a>
-          </div>
-          <div className="text-center">
-            <div className="mb-4 text-4xl">✉️</div>
-            <h3 className="text-xl font-extrabold mb-2">Email Us</h3>
-            <p className="opacity-90">We'll respond within 24 hours</p>
-            <a href="mailto:paintasy@events.com" className="text-primary-cta font-semibold hover:underline mt-2 inline-block">
-              paintasy@events.com
-            </a>
-          </div>
-          <div className="text-center">
-            <div className="mb-4 text-4xl">🎨</div>
-            <h3 className="text-xl font-extrabold mb-2">Follow Us</h3>
-            <p className="opacity-90">Connect on social media</p>
-            <div className="flex justify-center gap-4 mt-2">
-              <a href="https://instagram.com" className="text-primary-cta hover:underline">Instagram</a>
-              <a href="https://facebook.com" className="text-primary-cta hover:underline">Facebook</a>
+        <div className="max-w-4xl mx-auto">
+          <h2 className="text-3xl font-extrabold mb-12 text-center">Other Ways to Reach Us</h2>
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
+            <div className="p-8 bg-gradient-to-br from-blue-50 to-cyan-50 rounded-lg">
+              <div className="flex items-center gap-4 mb-4">
+                <Phone className="w-8 h-8 text-blue-600" />
+                <h3 className="text-xl font-bold">Phone</h3>
+              </div>
+              <p className="text-lg font-semibold text-blue-600 mb-2">+1 (555) 123-4567</p>
+              <p className="opacity-80">Call us Monday to Friday, 9am to 6pm EST. We're available for event consultations and urgent bookings.</p>
+            </div>
+            <div className="p-8 bg-gradient-to-br from-purple-50 to-pink-50 rounded-lg">
+              <div className="flex items-center gap-4 mb-4">
+                <Mail className="w-8 h-8 text-purple-600" />
+                <h3 className="text-xl font-bold">Email</h3>
+              </div>
+              <p className="text-lg font-semibold text-purple-600 mb-2">paintasy@events.com</p>
+              <p className="opacity-80">Email us anytime! We respond to all inquiries within 24 hours, often sooner.</p>
+            </div>
+            <div className="p-8 bg-gradient-to-br from-green-50 to-emerald-50 rounded-lg">
+              <div className="flex items-center gap-4 mb-4">
+                <MapPin className="w-8 h-8 text-green-600" />
+                <h3 className="text-xl font-bold">Service Area</h3>
+              </div>
+              <p className="text-lg font-semibold text-green-600 mb-2">Local & Regional Coverage</p>
+              <p className="opacity-80">We serve the greater metropolitan area and surrounding regions for events of all sizes.</p>
+            </div>
+            <div className="p-8 bg-gradient-to-br from-orange-50 to-red-50 rounded-lg">
+              <div className="flex items-center gap-4 mb-4">
+                <Clock className="w-8 h-8 text-orange-600" />
+                <h3 className="text-xl font-bold">Response Time</h3>
+              </div>
+              <p className="text-lg font-semibold text-orange-600 mb-2">Quick Turnaround</p>
+              <p className="opacity-80">We typically respond within 24 hours. Rush bookings welcome—just let us know!</p>
             </div>
           </div>
         </div>
       </div>
 
+      <div id="contact-closing" data-section="contact-closing" className="mx-auto px-4 md:px-6">
+        <ContactText
+          text="Ready to book your event or have more questions? Reach out today and let's start planning your creative experience!"
+          animationType="background-highlight"
+          background={{ variant: "radial-gradient" }}
+          useInvertedBackground={false}
+          buttons={[
+            { text: "Book Now", href: "/booking" },
+            { text: "Call Now", href: "tel:+15551234567" },
+          ]}
+          ariaLabel="Contact closing 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-contact" data-section="footer-contact" className="mx-auto px-4 md:px-6">
         <FooterSimple
           columns={footerColumns}
@@ -241,4 +182,4 @@ export default function ContactPage() {
       </div>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1


From da3b16967467bf4a7dc72ffcc75f06024e7dc506 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 14 Mar 2026 05:26:28 +0000
Subject: [PATCH 03/34] Update src/app/gallery/page.tsx

---
 src/app/gallery/page.tsx | 138 ++++++++++-----------------------------
 1 file changed, 35 insertions(+), 103 deletions(-)

diff --git a/src/app/gallery/page.tsx b/src/app/gallery/page.tsx
index e41da54..193ea5c 100644
--- a/src/app/gallery/page.tsx
+++ b/src/app/gallery/page.tsx
@@ -5,18 +5,16 @@ 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, Sparkles } from 'lucide-react';
-
-export const metadata = {
-  title: "Gallery - Face Painting & Body Art Portfolio | Paintasy",  description: "View our complete gallery of professional face painting and body art work. Real photos from parties, festivals, corporate events, and special occasions. Browse creative designs by category.",  keywords: "face painting gallery, body art portfolio, face painting photos, face painter work, professional face art, event entertainment"};
+import { Camera } 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: "Book Event", id: "/booking" },
     { name: "Contact", id: "/contact" },
   ];
 
@@ -32,10 +30,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" },
       ],
     },
@@ -52,7 +50,7 @@ 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: "/booking" },
         { label: "Get Quote", href: "/contact" },
       ],
     },
@@ -80,122 +78,56 @@ export default function GalleryPage() {
         />
       </div>
 
-      <div id="gallery-kids" data-section="gallery-kids" className="mx-auto px-4 md:px-6 pt-24">
+      <div id="gallery-section" data-section="gallery-section" className="mx-auto px-4 md:px-6">
         <ProductCardFour
-          title="Kids Party Face Painting Gallery"
-          description="Creative, colorful face painting designs perfect for children's birthday parties and celebrations. Safe, high-quality art that brings smiles to young faces."
-          tag="Kids Designs"
-          tagIcon={Sparkles}
-          tagAnimation="slide-up"
-          textboxLayout="default"
-          animationType="opacity"
-          useInvertedBackground={false}
-          gridVariant="three-columns-all-equal-width"
-          carouselMode="buttons"
-          products={[
-            {
-              id: "kids-1",              name: "Butterfly Dreams",              price: "Kids Design",              variant: "Birthday Favorite",              imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-with-painted-face_23-2149089213.jpg",              imageAlt: "Colorful butterfly face painting for kids"},
-            {
-              id: "kids-2",              name: "Superhero Mask",              price: "Kids Design",              variant: "Party Popular",              imageSrc: "http://img.b2bpic.net/free-photo/boy-face-painting_23-2148784394.jpg",              imageAlt: "Superhero mask face painting for children"},
-            {
-              id: "kids-3",              name: "Princess Crown",              price: "Kids Design",              variant: "Girls Favorite",              imageSrc: "http://img.b2bpic.net/free-photo/little-girl-with-face-painting_23-2149089210.jpg",              imageAlt: "Princess themed face painting with crown design"},
-            {
-              id: "kids-4",              name: "Animal Fun",              price: "Kids Design",              variant: "All Ages",              imageSrc: "http://img.b2bpic.net/free-photo/child-face-painted-tiger_23-2148948273.jpg",              imageAlt: "Tiger face painting design for children"},
-            {
-              id: "kids-5",              name: "Galaxy Stars",              price: "Kids Design",              variant: "Popular Choice",              imageSrc: "http://img.b2bpic.net/free-photo/girl-with-stars-face-paint_23-2149089215.jpg",              imageAlt: "Galaxy and stars face painting artwork"},
-            {
-              id: "kids-6",              name: "Glitter Rainbow",              price: "Kids Design",              variant: "Party Favorite",              imageSrc: "http://img.b2bpic.net/free-photo/child-with-rainbow-face-paint_23-2148948275.jpg",              imageAlt: "Rainbow glitter face painting design"},
-          ]}
-          buttons={[{ text: "Book Kids Party Painting", href: "/contact" }]}
-          buttonAnimation="blur-reveal"
-          ariaLabel="Kids party face painting gallery"
-          containerClassName="gap-12"
-          titleClassName="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-16">
-        <ProductCardFour
-          title="Festival & Event Face Art"
-          description="Professional face painting showcasing artistic designs from festivals, outdoor events, and large gatherings. Fast, creative service with stunning results."
-          tag="Festival Art"
+          title="Event Photo Gallery"
+          description="Browse our complete portfolio of real event photos showcasing our face painting and body art work across parties, festivals, corporate events, and special occasions."
+          tag="Portfolio"
           tagIcon={Camera}
           tagAnimation="slide-up"
           textboxLayout="default"
-          animationType="opacity"
-          useInvertedBackground={true}
-          gridVariant="three-columns-all-equal-width"
-          carouselMode="buttons"
-          products={[
-            {
-              id: "festival-1",              name: "Artistic Abstraction",              price: "Festival Design",              variant: "Modern Art",              imageSrc: "http://img.b2bpic.net/free-photo/face-art-festival_23-2148784315.jpg",              imageAlt: "Abstract artistic face painting design"},
-            {
-              id: "festival-2",              name: "Geometric Patterns",              price: "Festival Design",              variant: "Contemporary",              imageSrc: "http://img.b2bpic.net/free-photo/geometric-face-paint-design_23-2148948280.jpg",              imageAlt: "Geometric pattern face painting artwork"},
-            {
-              id: "festival-3",              name: "Nature Inspired",              price: "Festival Design",              variant: "Organic Art",              imageSrc: "http://img.b2bpic.net/free-photo/nature-themed-face-art_23-2149089220.jpg",              imageAlt: "Nature inspired face painting with floral elements"},
-            {
-              id: "festival-4",              name: "Metallic Shine",              price: "Festival Design",              variant: "Bold Statement",              imageSrc: "http://img.b2bpic.net/free-photo/metallic-face-paint_23-2148948282.jpg",              imageAlt: "Metallic gold and silver face painting design"},
-            {
-              id: "festival-5",              name: "Vibrant Expression",              price: "Festival Design",              variant: "Artistic",              imageSrc: "http://img.b2bpic.net/free-photo/vibrant-face-paint-art_23-2149089225.jpg",              imageAlt: "Vibrant multicolor face painting creation"},
-            {
-              id: "festival-6",              name: "Cosmic Design",              price: "Festival Design",              variant: "Space Theme",              imageSrc: "http://img.b2bpic.net/free-photo/cosmic-face-art_23-2148948285.jpg",              imageAlt: "Cosmic and space themed face painting"},
-          ]}
-          buttons={[{ text: "Book Festival Entertainment", href: "/contact" }]}
-          buttonAnimation="blur-reveal"
-          ariaLabel="Festival and event face art gallery"
-          containerClassName="gap-12"
-          titleClassName="text-4xl font-extrabold"
-          descriptionClassName="text-lg opacity-90 max-w-3xl"
-        />
-      </div>
-
-      <div id="gallery-body-art" data-section="gallery-body-art" className="mx-auto px-4 md:px-6 pt-16">
-        <ProductCardFour
-          title="Professional Body Art & Advanced Designs"
-          description="Premium body painting and advanced face art designs for special occasions. Professional artwork by experienced face painters specializing in detailed, high-impact designs."
-          tag="Professional Art"
-          tagIcon={Sparkles}
-          tagAnimation="slide-up"
-          textboxLayout="default"
-          animationType="opacity"
+          animationType="slide-up"
           useInvertedBackground={false}
-          gridVariant="three-columns-all-equal-width"
+          gridVariant="bento-grid"
           carouselMode="buttons"
           products={[
             {
-              id: "body-1",              name: "Full Body Art",              price: "Premium Design",              variant: "Special Events",              imageSrc: "http://img.b2bpic.net/free-photo/body-art-painting_23-2149159240.jpg",              imageAlt: "Professional full body art painting"},
+              id: "event-1",              name: "Birthday Party Designs",              price: "Kids Celebration",              variant: "Face Painting",              imageSrc: "http://img.b2bpic.net/free-psd/holi-festival-celebration-instagram-posts_23-2151227255.jpg?_wi=1",              imageAlt: "Children with colorful birthday party face painting"},
             {
-              id: "body-2",              name: "Elegant Face Art",              price: "Premium Design",              variant: "Professional",              imageSrc: "http://img.b2bpic.net/free-photo/elegant-face-design_23-2148948290.jpg",              imageAlt: "Elegant professional face art design"},
+              id: "event-2",              name: "Festival Face Art",              price: "Creative Expression",              variant: "Outdoor Event",              imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-brush-close-up_23-2148966902.jpg?_wi=1",              imageAlt: "Professional artist applying festival face art"},
             {
-              id: "body-3",              name: "Detailed Portrait",              price: "Premium Design",              variant: "Artistic",              imageSrc: "http://img.b2bpic.net/free-photo/detailed-portrait-face-art_23-2149089230.jpg",              imageAlt: "Detailed portrait style face painting"},
+              id: "event-3",              name: "Professional Body Painting",              price: "Artistic Excellence",              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 art from special event"},
             {
-              id: "body-4",              name: "Character Design",              price: "Premium Design",              variant: "Creative",              imageSrc: "http://img.b2bpic.net/free-photo/character-face-art_23-2148948292.jpg",              imageAlt: "Character themed face art design"},
+              id: "event-4",              name: "Themed Party Artwork",              price: "Custom Themes",              variant: "Party Entertainment",              imageSrc: "http://img.b2bpic.net/free-photo/fun-portrait-with-decorations-face_23-2150749319.jpg?_wi=1",              imageAlt: "Custom themed face painting for party guests"},
             {
-              id: "body-5",              name: "Fantasy Makeup",              price: "Premium Design",              variant: "Special Occasion",              imageSrc: "http://img.b2bpic.net/free-photo/fantasy-face-makeup_23-2149089235.jpg",              imageAlt: "Fantasy themed face makeup art"},
+              id: "event-5",              name: "Festival Crowd Service",              price: "High Volume",              variant: "Festival Event",              imageSrc: "http://img.b2bpic.net/free-photo/man-covered-different-colors-holi_23-2148337991.jpg?_wi=1",              imageAlt: "Festival attendees enjoying rapid face painting service"},
             {
-              id: "body-6",              name: "Custom Artwork",              price: "Premium Design",              variant: "Bespoke",              imageSrc: "http://img.b2bpic.net/free-photo/custom-face-art_23-2148948295.jpg",              imageAlt: "Custom face art design created for client"},
+              id: "event-6",              name: "Corporate Event Entertainment",              price: "Professional Service",              variant: "Business Event",              imageSrc: "http://img.b2bpic.net/free-photo/male-dj-party-charge-music-entertainment_23-2149658399.jpg?_wi=1",              imageAlt: "Corporate event attendees with professional face painting"},
+            {
+              id: "event-7",              name: "Workshop & Tutorial",              price: "Educational",              variant: "Live Demonstration",              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: "Live face painting demonstration and technique"},
+            {
+              id: "event-8",              name: "School Event Entertainment",              price: "Youth Programs",              variant: "School Carnival",              imageSrc: "http://img.b2bpic.net/free-photo/dreamy-eyes-woman-smiling-festival_23-2148338055.jpg?_wi=1",              imageAlt: "School event with children enjoying face painting"},
           ]}
-          buttons={[{ text: "Request Custom Design", href: "/contact" }]}
+          buttons={[{ text: "Book Your Event", href: "/booking" }]}
           buttonAnimation="blur-reveal"
-          ariaLabel="Professional body art and advanced designs gallery"
+          ariaLabel="Complete photo gallery of events"
           containerClassName="gap-12"
           titleClassName="text-4xl font-extrabold"
           descriptionClassName="text-lg opacity-90 max-w-3xl"
         />
       </div>
 
-      <div id="contact-gallery" data-section="contact-gallery" className="mx-auto px-4 md:px-6 pt-16">
+      <div id="gallery-contact" data-section="gallery-contact" className="mx-auto px-4 md:px-6">
         <ContactText
-          text="Love what you see in our gallery? Our professional face painters are ready to create custom designs for your next event. Whether it's a kids party, festival, or corporate celebration, we bring creativity and expertise to every face painting service."
+          text="Inspired by our gallery? Book Paintasy for your next event and create your own memorable moments. Let us bring creativity and color to your celebration."
           animationType="background-highlight"
           background={{ variant: "radial-gradient" }}
           useInvertedBackground={false}
           buttons={[
-            { text: "Book Face Painting Now", href: "/contact" },
-            { text: "View Packages", href: "/" },
+            { text: "Book Now", href: "/booking" },
+            { text: "Get a Quote", href: "/contact" },
           ]}
-          ariaLabel="Gallery contact section"
+          ariaLabel="Gallery call-to-action section"
           containerClassName="py-16"
           contentClassName="max-w-3xl mx-auto"
           textClassName="text-4xl font-extrabold text-center"
@@ -203,7 +135,7 @@ export default function GalleryPage() {
         />
       </div>
 
-      <div id="footer-gallery" data-section="footer-gallery" className="mx-auto px-4 md:px-6 pt-16">
+      <div id="footer-gallery" data-section="footer-gallery" className="mx-auto px-4 md:px-6">
         <FooterSimple
           columns={footerColumns}
           bottomLeftText="© 2024 Paintasy Face and Body Art. All rights reserved."
@@ -217,4 +149,4 @@ export default function GalleryPage() {
       </div>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1


From 6c5f0c2f029540b816bd432156ef5c0f01527e2a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 14 Mar 2026 05:26:28 +0000
Subject: [PATCH 04/34] Update src/app/packages/page.tsx

---
 src/app/packages/page.tsx | 162 +++++++++++++++++++++++++-------------
 1 file changed, 109 insertions(+), 53 deletions(-)

diff --git a/src/app/packages/page.tsx b/src/app/packages/page.tsx
index b703df2..840f7db 100644
--- a/src/app/packages/page.tsx
+++ b/src/app/packages/page.tsx
@@ -4,10 +4,11 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+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, HelpCircle } from 'lucide-react';
+import { Sparkles, DollarSign, Check, Clock, Users, Star, HelpCircle, Zap } from 'lucide-react';
 
 export default function PackagesPage() {
   const navItems = [
@@ -31,7 +32,7 @@ export default function PackagesPage() {
     },
     {
       title: "Company",      items: [
-        { label: "About Us", href: "/about" },
+        { label: "About Us", href: "/" },
         { label: "Gallery", href: "/gallery" },
         { label: "Packages", href: "/packages" },
         { label: "FAQ", href: "#faq" },
@@ -57,10 +58,6 @@ export default function PackagesPage() {
     },
   ];
 
-  const handleBookingSubmit = (data: Record<string, string>) => {
-    console.log("Booking inquiry submitted:", data);
-  };
-
   return (
     <ThemeProvider
       defaultButtonVariant="shift-hover"
@@ -86,22 +83,22 @@ export default function PackagesPage() {
       <div id="hero-packages" data-section="hero-packages" className="mx-auto px-4 md:px-6">
         <HeroBillboardGallery
           title="Event Packages & Booking"
-          description="Simple, flexible pricing for parties, festivals, and corporate events. Each package includes professional service and artistic creativity. Book your event today!"
+          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."
           background={{ variant: "radial-gradient" }}
           tag="Transparent Pricing"
-          tagIcon={Sparkles}
+          tagIcon={DollarSign}
           tagAnimation="slide-up"
           buttons={[
-            { text: "View Packages", href: "#pricing" },
-            { text: "Get a Custom Quote", href: "#booking-form" },
+            { text: "View All Packages", href: "#pricing" },
+            { text: "Request Custom Quote", href: "/contact" },
           ]}
           buttonAnimation="blur-reveal"
           mediaItems={[
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/happy-excited-children-sitting-down-floor-hugging-celebrating-child-birthday-party_231208-3661.jpg",              imageAlt: "Happy kids at a party with face painting"},
+              imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-make-up-woman-wearing-mask_23-2148784326.jpg",              imageAlt: "Event package showcase"},
           ]}
           mediaAnimation="opacity"
-          ariaLabel="Packages and booking hero section"
+          ariaLabel="Packages 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"
@@ -112,34 +109,34 @@ export default function PackagesPage() {
 
       <div id="pricing" data-section="pricing" className="mx-auto px-4 md:px-6">
         <PricingCardFive
-          title="Choose Your Package"
-          description="Select the package that best fits your event needs. All packages include professional service, setup, and our artist's materials. Custom packages available upon request."
-          tag="Transparent Pricing"
-          tagIcon={DollarSign}
+          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}
           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: "Request Quote", href: "#booking-form" },
+              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",                "Professional artist"],
+                "Up to 15 kids",                "Colorful themed designs",                "Face painting only",                "Basic design themes",                "All supplies included"],
             },
             {
-              id: "birthday-deluxe",              tag: "Best Value",              price: "$200",              period: "per 2 hours",              description: "Full party entertainment package",              button: { text: "Request Quote", href: "#booking-form" },
+              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",                "Professional artist",                "Setup & teardown"],
+                "Up to 25 kids",                "Custom themed designs",                "Face & temporary tattoos",                "Interactive entertainment",                "Setup & cleanup included"],
             },
             {
-              id: "festival-event",              tag: "Flexible",              price: "$250",              period: "per 3 hours",              description: "Festival and outdoor event service",              button: { text: "Request Quote", href: "#booking-form" },
+              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",                "5-10 min per person",                "Weather-resistant setup"],
+                "High-capacity crowd service",                "Fast artistic designs",                "Setup & teardown included",                "Portable station",                "Ideal for 50+ attendees"],
             },
           ]}
-          buttons={[{ text: "Get Custom Package", href: "#booking-form" }]}
+          buttons={[{ text: "Need Custom Pricing?", href: "/contact" }]}
           buttonAnimation="blur-reveal"
-          ariaLabel="Event packages pricing section"
+          ariaLabel="Pricing packages section"
           containerClassName="gap-12"
           titleClassName="text-4xl font-extrabold"
           descriptionClassName="text-lg opacity-90 max-w-3xl"
@@ -147,48 +144,107 @@ export default function PackagesPage() {
         />
       </div>
 
-      <div id="booking-form" data-section="booking-form" className="mx-auto px-4 md:px-6">
-        <ContactSplitForm
-          title="Book Your Event"
-          description="Fill out the form below to request a booking or get a custom quote. We'll get back to you within 24 hours with pricing and availability."
+      <div id="package-details" data-section="package-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}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          animationType="slide-up"
           useInvertedBackground={true}
-          inputs={[
-            { name: "fullName", type: "text", placeholder: "Your Full Name", required: true },
-            { name: "email", type: "email", placeholder: "Your Email Address", required: true },
-            { name: "phone", type: "tel", placeholder: "Your Phone Number", required: true },
-            { name: "eventDate", type: "date", placeholder: "Event Date", required: true },
-            { name: "eventType", type: "text", placeholder: "Event Type (Birthday, Festival, Corporate, etc.)", required: true },
-            { name: "guestCount", type: "number", placeholder: "Expected Number of Guests", required: true },
-            { name: "location", type: "text", placeholder: "Event Location", required: 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"},
+              items: [
+                { icon: Clock, text: "Flexible hour options" },
+                { icon: Check, text: "Extended booking discounts" },
+                { icon: Star, text: "Customized timelines" },
+              ],
+              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"},
+              items: [
+                { icon: Users, text: "Small to large events" },
+                { icon: Check, text: "Multi-artist availability" },
+                { icon: Zap, text: "Crowd management expertise" },
+              ],
+              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,
+            },
           ]}
-          textarea={{
-            name: "eventDetails",            placeholder: "Tell us about your event - theme, special requests, design preferences, or any other details you'd like us to know.",            rows: 6,
-            required: false,
-          }}
-          buttonText="Request Booking"
-          onSubmit={handleBookingSubmit}
-          mediaPosition="right"
-          imageSrc="http://img.b2bpic.net/free-photo/dreamy-eyes-woman-smiling-festival_23-2148338055.jpg?_wi=1"
-          imageAlt="Face painting booking inquiry"
-          mediaAnimation="opacity"
-          ariaLabel="Booking form section"
+          buttons={[{ text: "Customize Your Package", href: "/contact" }]}
+          buttonAnimation="blur-reveal"
+          ariaLabel="Package details and customization options"
           containerClassName="gap-12"
           titleClassName="text-4xl font-extrabold"
-          descriptionClassName="text-lg opacity-90"
+          descriptionClassName="text-lg opacity-90 max-w-3xl"
         />
       </div>
 
-      <div id="cta-packages" data-section="cta-packages" className="mx-auto px-4 md:px-6">
+      <div id="faq-packages" data-section="faq-packages" 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}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          animationType="smooth"
+          faqsAnimation="slide-up"
+          useInvertedBackground={true}
+          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: "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: "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: "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: "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: "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: "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: "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."},
+          ]}
+          buttons={[{ text: "Book Your Package", href: "/contact" }]}
+          buttonAnimation="blur-reveal"
+          ariaLabel="Booking and packages FAQ section"
+          containerClassName="gap-12"
+          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">
         <ContactText
-          text="Ready to make your event unforgettable? Browse our packages above or contact us for a custom quote. We're excited to bring creative face painting to your celebration!"
+          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!"
           animationType="background-highlight"
           background={{ variant: "radial-gradient" }}
           useInvertedBackground={false}
           buttons={[
-            { text: "Send a Message", href: "#booking-form" },
+            { text: "Request a Quote", href: "/contact" },
             { text: "Call Us", href: "tel:+15551234567" },
           ]}
-          ariaLabel="Call-to-action for bookings"
+          ariaLabel="Packages contact call-to-action section"
           containerClassName="py-16"
           contentClassName="max-w-3xl mx-auto"
           textClassName="text-4xl font-extrabold text-center"
-- 
2.49.1


From 4bebe896176e25e0567188dba1177daf51ac1b55 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 14 Mar 2026 05:26:29 +0000
Subject: [PATCH 05/34] Update src/app/page.tsx

---
 src/app/page.tsx | 218 ++++++++++++++++++++++++-----------------------
 1 file changed, 113 insertions(+), 105 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4bf621e..e390b61 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -13,37 +13,42 @@ import ContactText from '@/components/sections/contact/ContactText';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import Link from 'next/link';
 import { Sparkles, Palette, Heart, Smile, Zap, Music, Briefcase, Target, Users, Star, DollarSign, Camera, HelpCircle, Award } from 'lucide-react';
+import { Metadata } from 'next';
 
-export const metadata = {
-  title: "Paintasy Face and Body Art - Professional Face Painting & Body Art Services",  description: "Professional face painting and body art services for kids parties, festivals, and corporate events. Expert face painters specializing in creative designs. Book your event today!",  keywords: "face painting, body art, face painter, kids face painting, festival face painting, party entertainment, face design, professional face painter"};
+export const metadata: Metadata = {
+  title: "Paintasy Face and Body Art - Professional Face Painting & Body Art Services",  description: "Professional face painting and body art services for kids parties, festivals, corporate events, and weddings. Expert face artists, safe hypoallergenic paints, custom designs. Book your creative entertainment today.",  keywords: "face painting, body art, kids face painting, festival face painting, corporate events, party entertainment, professional face painter, body painting, face art, event entertainment",  openGraph: {
+    title: "Paintasy Face and Body Art - Professional Face Painting Services",    description: "Transform your event with professional face painting and body art. Serving kids parties, festivals, corporate events, and special occasions.",    type: "website"},
+  twitter: {
+    card: "summary_large_image",    title: "Paintasy Face and Body Art",    description: "Professional face painting & body art for events - kids parties, festivals, corporate events"},
+};
 
 export default function HomePage() {
   const navItems = [
     { name: "Home", id: "home" },
     { name: "Services", id: "services" },
-    { name: "Gallery", id: "/gallery" },
+    { name: "Gallery", id: "gallery" },
     { name: "Packages", id: "packages" },
     { name: "About", id: "about" },
-    { name: "Contact", id: "/contact" },
+    { 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: "About Us", href: "#about-home" },
-        { label: "Gallery", href: "/gallery" },
-        { label: "Packages", href: "#packages-home" },
-        { label: "FAQ", href: "#faq-home" },
-        { label: "Contact", href: "/contact" },
+        { label: "About Us", href: "#about" },
+        { label: "Gallery", href: "#gallery" },
+        { label: "Packages", href: "#packages" },
+        { label: "FAQ", href: "#faq" },
+        { label: "Contact", href: "#contact" },
       ],
     },
     {
@@ -57,10 +62,10 @@ export default function HomePage() {
     },
     {
       title: "Service Areas",      items: [
-        { label: "Local Events", href: "/contact" },
-        { label: "Regional Coverage", href: "/contact" },
-        { label: "Book Now", href: "#packages-home" },
-        { label: "Get Quote", href: "/contact" },
+        { label: "Local Events", href: "#contact" },
+        { label: "Regional Coverage", href: "#contact" },
+        { label: "Book Now", href: "#packages" },
+        { label: "Get Quote", href: "#contact" },
       ],
     },
   ];
@@ -87,17 +92,17 @@ export default function HomePage() {
         />
       </div>
 
-      <div id="hero-home" data-section="hero-home" className="mx-auto px-4 md:px-6">
+      <div id="home" data-section="hero-home" className="mx-auto px-4 md:px-6">
         <HeroBillboardGallery
           title="Paintasy Face and Body Art"
-          description="Professional face painting and body art for parties, festivals, corporate events, and special occasions. Transform your event with creativity and color."
+          description="Professional face painting and body art for parties, festivals, corporate events, and special occasions. Transform your event with creativity and color. Expert artists, hypoallergenic paints, custom designs for all occasions."
           background={{ variant: "radial-gradient" }}
           tag="Creative Entertainment"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
           buttons={[
-            { text: "Book Your Event", href: "#packages-home" },
-            { text: "View Our Gallery", href: "/gallery" },
+            { text: "Book Your Event", href: "#packages" },
+            { text: "View Our Gallery", href: "#gallery" },
           ]}
           buttonAnimation="blur-reveal"
           mediaItems={[
@@ -105,24 +110,24 @@ export default function HomePage() {
               imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-make-up-woman-wearing-mask_23-2148784326.jpg",              imageAlt: "Professional face painting at event"},
           ]}
           mediaAnimation="opacity"
-          ariaLabel="Hero section with face painting showcase"
+          ariaLabel="Hero section showcasing professional face painting services with portfolio images"
           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-4xl sm:text-5xl lg:text-6xl font-extrabold leading-tight"
+          descriptionClassName="text-base sm:text-lg lg:text-xl opacity-90 max-w-2xl"
+          buttonContainerClassName="flex flex-col sm:flex-row gap-4 mt-8 w-full sm:w-auto"
         />
       </div>
 
-      <div id="about-home" data-section="about-home" className="mx-auto px-4 md:px-6">
+      <div id="about" data-section="about-home" className="mx-auto px-4 md:px-6">
         <MetricSplitMediaAbout
           title="About Paintasy Face and Body Art"
-          description="Paintasy brings creativity and color to events with professional face painting and body art. We've been transforming celebrations and creating magical moments for hundreds of happy clients. Our artists are trained professionals dedicated to delivering exceptional service, vibrant designs, and memorable experiences."
+          description="Paintasy brings creativity and color to events with professional face painting and body art services. We've been transforming celebrations and creating magical moments for hundreds of happy clients. Our artists are trained professionals dedicated to delivering exceptional service, vibrant designs, and memorable experiences across all event types."
           tag="Professional Artists"
           tagIcon={Palette}
           tagAnimation="slide-up"
           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 painter creating art"
+          imageAlt="Professional face painter creating custom artwork designs"
           mediaAnimation="blur-reveal"
           metrics={[
             { value: "500+", title: "Happy Events" },
@@ -132,18 +137,18 @@ export default function HomePage() {
           ]}
           metricsAnimation="slide-up"
           useInvertedBackground={false}
-          ariaLabel="About section with company information"
+          ariaLabel="About section with company information and professional credentials"
           containerClassName="gap-12"
-          titleClassName="text-4xl font-extrabold"
-          descriptionClassName="text-lg opacity-90 max-w-2xl"
+          titleClassName="text-3xl sm:text-4xl font-extrabold"
+          descriptionClassName="text-base sm:text-lg opacity-90 max-w-2xl"
         />
       </div>
 
-      <div id="services-home" data-section="services-home" className="mx-auto px-4 md:px-6">
+      <div id="services" data-section="services-home" className="mx-auto px-4 md:px-6">
         <FeatureCardTen
-          title="Our Services"
-          description="Professional face painting and body art tailored for every occasion. From intimate birthday parties to large festival events, we deliver creativity and joy."
-          tag="Services"
+          title="Our Face Painting & Body Art Services"
+          description="Professional face painting and body art tailored for every occasion. From intimate birthday parties to large festival events, we deliver creativity and joy. Custom designs available for all service types."
+          tag="Premium Services"
           tagIcon={Palette}
           tagAnimation="slide-up"
           textboxLayout="default"
@@ -151,8 +156,8 @@ export default function HomePage() {
           useInvertedBackground={true}
           features={[
             {
-              id: "kids-party",              title: "Kids Party Face Painting",              description: "Fun, colorful designs perfect for birthday celebrations. Butterflies, superheroes, animals, and princesses.",              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",              title: "Kids Party Face Painting",              description: "Fun, colorful designs perfect for birthday celebrations and children's events. Butterflies, superheroes, animals, and princesses crafted with safe, professional-grade products.",              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 - butterflies, animals, and characters"},
               items: [
                 { icon: Sparkles, text: "Colorful & playful designs" },
                 { icon: Heart, text: "Safe, child-friendly products" },
@@ -161,8 +166,8 @@ export default function HomePage() {
               reverse: false,
             },
             {
-              id: "festival",              title: "Festival Face Art",              description: "Fast, creative designs perfect for large crowds and outdoor events. Artistic flair meets quick service.",              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",              title: "Festival Face Art",              description: "Fast, creative designs perfect for large crowds and outdoor events. Artistic flair meets quick service for high-volume event entertainment.",              media: {
+                imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-putting-makeup-man_23-2149357796.jpg?_wi=1",                imageAlt: "Festival face painting artwork showcasing fast, artistic designs"},
               items: [
                 { icon: Zap, text: "Fast service for crowds" },
                 { icon: Star, text: "Creative artistic designs" },
@@ -171,8 +176,8 @@ export default function HomePage() {
               reverse: true,
             },
             {
-              id: "corporate",              title: "Corporate Event Entertainment",              description: "Professional face painting for company parties, brand activations, and team celebrations.",              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: "corporate",              title: "Corporate Event Entertainment",              description: "Professional face painting for company parties, brand activations, and team celebrations. Branded designs and custom theming available for corporate clients.",              media: {
+                imageSrc: "http://img.b2bpic.net/free-photo/male-dj-party-charge-music-entertainment_23-2149658399.jpg?_wi=1",                imageAlt: "Corporate event entertainment and professional face painting service"},
               items: [
                 { icon: Briefcase, text: "Professional & polished service" },
                 { icon: Target, text: "Branded design options available" },
@@ -181,19 +186,19 @@ export default function HomePage() {
               reverse: false,
             },
           ]}
-          buttons={[{ text: "Explore All Services", href: "/services" }]}
+          buttons={[{ text: "Explore All Services", href: "#services" }]}
           buttonAnimation="blur-reveal"
-          ariaLabel="Services section showcasing offerings"
+          ariaLabel="Services section showcasing professional face painting and body art offerings"
           containerClassName="gap-12"
-          titleClassName="text-4xl font-extrabold"
-          descriptionClassName="text-lg opacity-90 max-w-3xl"
+          titleClassName="text-3xl sm:text-4xl font-extrabold"
+          descriptionClassName="text-base sm:text-lg opacity-90 max-w-3xl"
         />
       </div>
 
-      <div id="packages-home" data-section="packages-home" className="mx-auto px-4 md:px-6">
+      <div id="packages" data-section="packages-home" className="mx-auto px-4 md:px-6">
         <PricingCardFive
-          title="Event Packages"
-          description="Simple, flexible pricing for parties, festivals, and corporate events. Each package includes professional service and artistic creativity."
+          title="Event Packages & Pricing"
+          description="Simple, flexible face painting pricing for parties, festivals, and corporate events. Each package includes professional service and artistic creativity. Transparent rates with no hidden fees."
           tag="Transparent Pricing"
           tagIcon={DollarSign}
           tagAnimation="slide-up"
@@ -202,35 +207,38 @@ export default function HomePage() {
           useInvertedBackground={false}
           plans={[
             {
-              id: "birthday-basic",              tag: "Popular",              price: "$150",              period: "per hour",              description: "Perfect for small birthday celebrations",              button: { text: "Request Quote", href: "/contact" },
+              id: "birthday-basic",              tag: "Popular",              tagIcon: Star,
+              price: "$150",              period: "per hour",              description: "Perfect for small birthday celebrations and intimate events",              button: { text: "Request Quote", href: "#contact" },
               featuresTitle: "What's Included",              features: [
                 "Up to 15 kids",                "Colorful themed designs",                "Face painting only",                "Basic design themes"],
             },
             {
-              id: "birthday-deluxe",              tag: "Best Value",              price: "$200",              period: "per 2 hours",              description: "Full party entertainment package",              button: { text: "Request Quote", href: "/contact" },
+              id: "birthday-deluxe",              tag: "Best Value",              tagIcon: Heart,
+              price: "$200",              period: "per 2 hours",              description: "Full party entertainment package with extended coverage",              button: { text: "Request Quote", href: "#contact" },
               featuresTitle: "What's Included",              features: [
                 "Up to 25 kids",                "Custom themed designs",                "Face & temporary tattoos",                "Interactive entertainment"],
             },
             {
-              id: "festival-event",              tag: "Flexible",              price: "$250",              period: "per 3 hours",              description: "Festival and outdoor event service",              button: { text: "Request Quote", href: "/contact" },
+              id: "festival-event",              tag: "Flexible",              tagIcon: Sparkles,
+              price: "$250",              period: "per 3 hours",              description: "Festival and outdoor event service with high-volume capacity",              button: { text: "Request Quote", href: "#contact" },
               featuresTitle: "What's Included",              features: [
                 "High-capacity crowd service",                "Fast artistic designs",                "Setup & teardown included",                "Portable station"],
             },
           ]}
-          buttons={[{ text: "View All Packages", href: "#packages-home" }]}
+          buttons={[{ text: "View All Packages", href: "#packages" }]}
           buttonAnimation="blur-reveal"
-          ariaLabel="Pricing section with package options"
+          ariaLabel="Pricing section with face painting package options and rates"
           containerClassName="gap-12"
-          titleClassName="text-4xl font-extrabold"
-          descriptionClassName="text-lg opacity-90 max-w-3xl"
-          cardClassName="p-8"
+          titleClassName="text-3xl sm:text-4xl font-extrabold"
+          descriptionClassName="text-base sm:text-lg opacity-90 max-w-3xl"
+          cardClassName="p-6 sm:p-8"
         />
       </div>
 
-      <div id="testimonials-home" data-section="testimonials-home" className="mx-auto px-4 md:px-6">
+      <div id="testimonials" data-section="testimonials-home" className="mx-auto px-4 md:px-6">
         <TestimonialCardTwo
           title="What Our Clients Say"
-          description="Real testimonials from happy clients who've booked Paintasy for their events."
+          description="Real testimonials from happy clients who've booked Paintasy face and body art services for their events."
           tag="Client Reviews"
           tagIcon={Star}
           tagAnimation="slide-up"
@@ -240,38 +248,38 @@ export default function HomePage() {
           carouselMode="buttons"
           testimonials={[
             {
-              id: "testimonial-1",              name: "Sarah Johnson",              role: "Parent, Birthday Party Host",              testimonial: "Paintasy was absolutely amazing! The kids loved their face paintings and the artist was so professional and friendly. Our daughter's birthday was unforgettable!",              imageSrc: "http://img.b2bpic.net/free-photo/family-portrait-surprised-father-has-yellow-face-from-paints-cheerful-two-daughters-shows-palms-dirty-with-watercolours-paint-picture-pastime-isolated-lilac-wall-this-is-art_273609-26128.jpg?_wi=1",              imageAlt: "Happy children at birthday party",              icon: Heart,
+              id: "testimonial-1",              name: "Sarah Johnson",              role: "Parent, Birthday Party Host",              testimonial: "Paintasy was absolutely amazing! The kids loved their face paintings and the artist was so professional and friendly. Our daughter's birthday was unforgettable!",              imageSrc: "http://img.b2bpic.net/free-photo/family-portrait-surprised-father-has-yellow-face-from-paints-cheerful-two-daughters-shows-palms-dirty-with-watercolours-paint-picture-pastime-isolated-lilac-wall-this-is-art_273609-26128.jpg?_wi=1",              imageAlt: "Happy children enjoying professional face painting at birthday party",              icon: Heart,
             },
             {
-              id: "testimonial-2",              name: "Marcus Chen",              role: "Festival Organizer",              testimonial: "We hired Paintasy for our community festival and they were fantastic. Quick service, beautiful designs, and the crowd loved it. Booking them again next year!",              imageSrc: "http://img.b2bpic.net/free-photo/man-covered-different-colors-holi_23-2148337991.jpg?_wi=1",              imageAlt: "Festival attendees enjoying face painting",              icon: Smile,
+              id: "testimonial-2",              name: "Marcus Chen",              role: "Festival Organizer",              testimonial: "We hired Paintasy for our community festival and they were fantastic. Quick service, beautiful designs, and the crowd loved it. Booking them again next year!",              imageSrc: "http://img.b2bpic.net/free-photo/man-covered-different-colors-holi_23-2148337991.jpg?_wi=1",              imageAlt: "Festival attendees enjoying professional face painting services",              icon: Smile,
             },
             {
-              id: "testimonial-3",              name: "Emily Rodriguez",              role: "Corporate Event Planner",              testimonial: "Professional, creative, and reliable. Paintasy added the perfect touch of fun to our corporate team building event. Highly recommended!",              imageSrc: "http://img.b2bpic.net/free-photo/group-young-friends-celebrating-new-year_23-2147720468.jpg",              imageAlt: "Corporate event attendees with face art",              icon: Award,
+              id: "testimonial-3",              name: "Emily Rodriguez",              role: "Corporate Event Planner",              testimonial: "Professional, creative, and reliable. Paintasy added the perfect touch of fun to our corporate team building event. Highly recommended!",              imageSrc: "http://img.b2bpic.net/free-photo/group-young-friends-celebrating-new-year_23-2147720468.jpg",              imageAlt: "Corporate event attendees enjoying entertainment and face art services",              icon: Award,
             },
             {
-              id: "testimonial-4",              name: "David Kim",              role: "School Principal",              testimonial: "The face painting station at our school carnival was the highlight! Kids had so much fun, and the artist was fantastic with them. Thank you!",              imageSrc: "http://img.b2bpic.net/free-photo/family-portrait-surprised-father-has-yellow-face-from-paints-cheerful-two-daughters-shows-palms-dirty-with-watercolours-paint-picture-pastime-isolated-lilac-wall-this-is-art_273609-26128.jpg?_wi=2",              imageAlt: "Children enjoying school event face painting",              icon: Sparkles,
+              id: "testimonial-4",              name: "David Kim",              role: "School Principal",              testimonial: "The face painting station at our school carnival was the highlight! Kids had so much fun, and the artist was fantastic with them. Thank you!",              imageSrc: "http://img.b2bpic.net/free-photo/family-portrait-surprised-father-has-yellow-face-from-paints-cheerful-two-daughters-shows-palms-dirty-with-watercolours-paint-picture-pastime-isolated-lilac-wall-this-is-art_273609-26128.jpg?_wi=2",              imageAlt: "Children enjoying face painting at school carnival event",              icon: Sparkles,
             },
             {
-              id: "testimonial-5",              name: "Jessica Martinez",              role: "Wedding Planner",              testimonial: "Added Paintasy as entertainment for a children's wedding reception. The kids were thrilled and parents appreciated the care taken with hygiene and safety.",              imageSrc: "http://img.b2bpic.net/free-photo/family-portrait-surprised-father-has-yellow-face-from-paints-cheerful-two-daughters-shows-palms-dirty-with-watercolours-paint-picture-pastime-isolated-lilac-wall-this-is-art_273609-26128.jpg?_wi=3",              imageAlt: "Children's event face painting service",              icon: Heart,
+              id: "testimonial-5",              name: "Jessica Martinez",              role: "Wedding Planner",              testimonial: "Added Paintasy as entertainment for a children's wedding reception. The kids were thrilled and parents appreciated the care taken with hygiene and safety.",              imageSrc: "http://img.b2bpic.net/free-photo/family-portrait-surprised-father-has-yellow-face-from-paints-cheerful-two-daughters-shows-palms-dirty-with-watercolours-paint-picture-pastime-isolated-lilac-wall-this-is-art_273609-26128.jpg?_wi=3",              imageAlt: "Professional face painting service at children's wedding event",              icon: Heart,
             },
             {
-              id: "testimonial-6",              name: "Thomas Wilson",              role: "Event Manager",              testimonial: "From consultation to execution, Paintasy was excellent. They delivered exactly what we envisioned for our community event. A+",              imageSrc: "http://img.b2bpic.net/free-photo/man-covered-different-colors-holi_23-2148337991.jpg?_wi=2",              imageAlt: "Community event face painting",              icon: Star,
+              id: "testimonial-6",              name: "Thomas Wilson",              role: "Event Manager",              testimonial: "From consultation to execution, Paintasy was excellent. They delivered exactly what we envisioned for our community event. A+",              imageSrc: "http://img.b2bpic.net/free-photo/man-covered-different-colors-holi_23-2148337991.jpg?_wi=2",              imageAlt: "Community event face painting and entertainment service",              icon: Star,
             },
           ]}
-          buttons={[{ text: "Book Now", href: "#packages-home" }]}
+          buttons={[{ text: "Book Now", href: "#packages" }]}
           buttonAnimation="blur-reveal"
-          ariaLabel="Client testimonials section"
+          ariaLabel="Client testimonials and reviews section for face painting services"
           containerClassName="gap-12"
-          titleClassName="text-4xl font-extrabold"
-          descriptionClassName="text-lg opacity-90 max-w-3xl"
+          titleClassName="text-3xl sm:text-4xl font-extrabold"
+          descriptionClassName="text-base sm:text-lg opacity-90 max-w-3xl"
         />
       </div>
 
-      <div id="gallery-preview-home" data-section="gallery-preview-home" className="mx-auto px-4 md:px-6">
+      <div id="gallery" data-section="gallery-preview-home" className="mx-auto px-4 md:px-6">
         <ProductCardFour
-          title="Photo Gallery Showcase"
-          description="Real photos from our events and happy clients. Browse our portfolio of face painting and body art work."
-          tag="Portfolio"
+          title="Photo Gallery & Portfolio"
+          description="Real photos from our professional face painting and body art events. Browse our portfolio of creative designs and happy clients across all event types."
+          tag="Portfolio Showcase"
           tagIcon={Camera}
           tagAnimation="slide-up"
           textboxLayout="default"
@@ -281,27 +289,27 @@ export default function HomePage() {
           carouselMode="buttons"
           products={[
             {
-              id: "gallery-1",              name: "Kids Face Painting",              price: "Colorful Designs",              variant: "Birthday Parties",              imageSrc: "http://img.b2bpic.net/free-psd/holi-festival-celebration-instagram-posts_23-2151227255.jpg?_wi=1",              imageAlt: "Collection of kids face painting designs"},
+              id: "gallery-1",              name: "Kids Face Painting",              price: "Colorful Designs",              variant: "Birthday Parties",              imageSrc: "http://img.b2bpic.net/free-psd/holi-festival-celebration-instagram-posts_23-2151227255.jpg?_wi=1",              imageAlt: "Collection of professional kids face painting designs and artwork"},
             {
-              id: "gallery-2",              name: "Festival Face Art",              price: "Creative Artistry",              variant: "Outdoor Events",              imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-brush-close-up_23-2148966902.jpg?_wi=1",              imageAlt: "Festival face painting artwork"},
+              id: "gallery-2",              name: "Festival Face Art",              price: "Creative Artistry",              variant: "Outdoor Events",              imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-brush-close-up_23-2148966902.jpg?_wi=1",              imageAlt: "Professional festival face painting artwork and artistic designs"},
             {
-              id: "gallery-3",              name: "Body Painting Art",              price: "Professional Service",              variant: "Special Events",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-women-with-all-kinds-body_23-2149159242.jpg?_wi=1",              imageAlt: "Professional body art photography"},
+              id: "gallery-3",              name: "Body Painting Art",              price: "Professional Service",              variant: "Special Events",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-women-with-all-kinds-body_23-2149159242.jpg?_wi=1",              imageAlt: "Professional body art photography and creative body painting services"},
             {
-              id: "gallery-4",              name: "Custom Designs",              price: "Personalized Art",              variant: "Themed Events",              imageSrc: "http://img.b2bpic.net/free-photo/fun-portrait-with-decorations-face_23-2150749319.jpg?_wi=1",              imageAlt: "Custom themed face painting designs"},
+              id: "gallery-4",              name: "Custom Designs",              price: "Personalized Art",              variant: "Themed Events",              imageSrc: "http://img.b2bpic.net/free-photo/fun-portrait-with-decorations-face_23-2150749319.jpg?_wi=1",              imageAlt: "Custom themed face painting designs for special events"},
           ]}
-          buttons={[{ text: "View Full Gallery", href: "/gallery" }]}
+          buttons={[{ text: "View Full Gallery", href: "#gallery" }]}
           buttonAnimation="blur-reveal"
-          ariaLabel="Photo gallery preview section"
+          ariaLabel="Photo gallery preview section showcasing professional face painting portfolio"
           containerClassName="gap-12"
-          titleClassName="text-4xl font-extrabold"
-          descriptionClassName="text-lg opacity-90 max-w-3xl"
+          titleClassName="text-3xl sm:text-4xl font-extrabold"
+          descriptionClassName="text-base sm:text-lg opacity-90 max-w-3xl"
         />
       </div>
 
-      <div id="faq-home" data-section="faq-home" className="mx-auto px-4 md:px-6">
+      <div id="faq" data-section="faq-home" className="mx-auto px-4 md:px-6">
         <FaqBase
           title="Frequently Asked Questions"
-          description="Everything you need to know about booking Paintasy for your event."
+          description="Everything you need to know about booking Paintasy professional face and body art services for your event."
           tag="FAQ"
           tagIcon={HelpCircle}
           tagAnimation="slide-up"
@@ -312,55 +320,55 @@ export default function HomePage() {
           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 or peak seasons, 4-6 weeks advance booking is ideal. Last-minute bookings may be available depending on our schedule."},
+              id: "faq-1",              title: "How far in advance should I book face painting services?",              content: "We recommend booking at least 2-3 weeks in advance to secure your preferred date and time for face painting services. For large events or peak seasons, 4-6 weeks advance booking is ideal. Last-minute bookings may be available depending on our artist schedule."},
             {
-              id: "faq-2",              title: "Are your face paints safe for children?",              content: "Absolutely! We use only professional-grade, hypoallergenic face paints that are non-toxic and dermatologist-tested. All products are safe for sensitive skin. We also practice strict hygiene protocols, using clean brushes and sanitized application tools for each client."},
+              id: "faq-2",              title: "Are your face paints safe for children and sensitive skin?",              content: "Absolutely! We use only professional-grade, hypoallergenic face paints that are non-toxic and dermatologist-tested. All products are safe for sensitive skin and children. We also practice strict hygiene protocols, using clean brushes and sanitized application tools for each client to ensure safety and comfort."},
             {
-              id: "faq-3",              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 optimize for speed without sacrificing quality. For parties, we allow a bit more time for custom designs and interactions with children."},
+              id: "faq-3",              title: "How long does professional face painting take per person?",              content: "Simple designs typically take 3-5 minutes, while more detailed or custom face painting designs take 8-12 minutes. At festivals, we optimize for speed without sacrificing quality. For birthday parties and events, we allow a bit more time for custom designs and interactions with children."},
             {
-              id: "faq-4",              title: "What if someone has a skin allergy?",              content: "We have hypoallergenic options available. Please inform us of any allergies when booking. We're always happy to discuss alternative products or test patches before proceeding with full face painting."},
+              id: "faq-4",              title: "What if someone has a skin allergy to face paint?",              content: "We have hypoallergenic face painting options available for sensitive skin. Please inform us of any allergies when booking your event. We're always happy to discuss alternative products or perform test patches before proceeding with full face painting service."},
             {
-              id: "faq-5",              title: "Can you do custom designs?",              content: "Yes! We specialize in custom designs for themed parties and corporate events. Please provide theme details or reference images when booking. There may be a small additional fee for very complex custom designs."},
+              id: "faq-5",              title: "Can you create custom face painting designs for themed events?",              content: "Yes! We specialize in custom face painting designs for themed parties and corporate events. Please provide theme details or reference images when booking your face painting service. There may be a small additional fee for very complex custom designs."},
             {
-              id: "faq-6",              title: "What's included in your packages?",              content: "All packages include professional face painting service, setup and teardown, and our artist's materials. Some packages include additional services like temporary tattoos or body painting. Check specific package details for what's included."},
+              id: "faq-6",              title: "What's included in your face painting packages?",              content: "All packages include professional face painting service, setup and teardown, and our artist's materials. Some packages include additional services like temporary tattoos or body painting. Check specific package details for what's included in your event package."},
           ]}
-          buttons={[{ text: "Book Your Event", href: "#packages-home" }]}
+          buttons={[{ text: "Book Your Event", href: "#packages" }]}
           buttonAnimation="blur-reveal"
-          ariaLabel="FAQ section with common questions"
+          ariaLabel="FAQ section with common questions about face painting services"
           containerClassName="gap-12"
-          titleClassName="text-4xl font-extrabold"
-          descriptionClassName="text-lg opacity-90 max-w-3xl"
+          titleClassName="text-3xl sm:text-4xl font-extrabold"
+          descriptionClassName="text-base sm:text-lg opacity-90 max-w-3xl"
         />
       </div>
 
-      <div id="contact-home" data-section="contact-home" className="mx-auto px-4 md:px-6">
+      <div id="contact" data-section="contact-home" className="mx-auto px-4 md:px-6">
         <ContactText
-          text="Ready to add magic to your event? Get in touch with Paintasy Face and Body Art. Professional face painters ready to deliver exceptional entertainment and creative designs. We'd love to discuss your event and create an unforgettable experience for your guests."
+          text="Ready to add magic to your event? Get in touch with Paintasy Face and Body Art. We'd love to discuss your event and create an unforgettable experience for your guests with professional face painting and body art services."
           animationType="background-highlight"
           background={{ variant: "radial-gradient" }}
           useInvertedBackground={false}
           buttons={[
-            { text: "Request a Quote", href: "/contact" },
+            { text: "Request a Quote", href: "#contact" },
             { text: "Call Us", href: "tel:+15551234567" },
           ]}
-          ariaLabel="Contact call-to-action section"
-          containerClassName="py-16"
+          ariaLabel="Contact call-to-action section for booking face painting services"
+          containerClassName="py-12 sm: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"
+          textClassName="text-3xl sm:text-4xl font-extrabold text-center"
+          buttonContainerClassName="flex flex-col sm:flex-row gap-4 justify-center mt-8 w-full sm:w-auto"
         />
       </div>
 
-      <div id="footer-home" data-section="footer-home" className="mx-auto px-4 md:px-6">
+      <div id="footer" data-section="footer-home" 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"
+          ariaLabel="Site footer with navigation links and contact information"
           containerClassName="gap-12"
-          columnsClassName="grid-cols-2 lg:grid-cols-4"
-          columnTitleClassName="font-extrabold text-lg"
-          columnItemClassName="hover:opacity-70 transition-opacity"
+          columnsClassName="grid-cols-2 lg:grid-cols-4 gap-6 sm:gap-8"
+          columnTitleClassName="font-extrabold text-lg text-sm sm:text-base lg:text-lg"
+          columnItemClassName="text-sm sm:text-base hover:opacity-70 transition-opacity"
         />
       </div>
     </ThemeProvider>
-- 
2.49.1


From 7793cb0f0d12085c33be4a84024c771e40b72afc Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 14 Mar 2026 05:26:29 +0000
Subject: [PATCH 06/34] Update src/app/services/page.tsx

---
 src/app/services/page.tsx | 133 ++++++++++++--------------------------
 1 file changed, 41 insertions(+), 92 deletions(-)

diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 5e246c0..f89e7c5 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -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, Users, DollarSign, HelpCircle } from 'lucide-react';
+import { Sparkles, Palette, Heart, Smile, Zap, Star, Music, Target, Users, Briefcase, HelpCircle, 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: "/about" },
+        { label: "About Us", href: "/" },
         { label: "Gallery", href: "/gallery" },
         { label: "Packages", href: "/packages" },
         { label: "FAQ", href: "#faq" },
@@ -81,20 +81,20 @@ export default function ServicesPage() {
 
       <div id="hero-services" data-section="hero-services" className="mx-auto px-4 md:px-6">
         <HeroBillboardGallery
-          title="Our Services"
-          description="Professional face painting and body art tailored for every occasion. From intimate birthday parties to large festival events, we deliver creativity and joy to all your special moments."
+          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."
           background={{ variant: "radial-gradient" }}
-          tag="Professional Services"
+          tag="Creative Entertainment"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
           buttons={[
-            { text: "Book Now", href: "/packages" },
-            { text: "Get a Quote", href: "/contact" },
+            { text: "Book Your Event", href: "/packages" },
+            { text: "View Packages", href: "/packages" },
           ]}
           buttonAnimation="blur-reveal"
           mediaItems={[
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/dreamy-eyes-woman-smiling-festival_23-2148338055.jpg?_wi=1",              imageAlt: "Professional face painting services showcase"},
+              imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-make-up-woman-wearing-mask_23-2148784326.jpg",              imageAlt: "Professional face painting service showcase"},
           ]}
           mediaAnimation="opacity"
           ariaLabel="Services hero section"
@@ -106,102 +106,51 @@ export default function ServicesPage() {
         />
       </div>
 
-      <div id="kids-parties" data-section="kids-parties" className="mx-auto px-4 md:px-6">
+      <div id="services-detail" data-section="services-detail" className="mx-auto px-4 md:px-6">
         <FeatureCardTen
-          title="Kids Party Face Painting"
-          description="Make every birthday celebration unforgettable with our colorful and playful face painting designs. Our artists specialize in creating magical moments for children of all ages."
-          tag="Party Entertainment"
-          tagIcon={Smile}
-          tagAnimation="slide-up"
-          textboxLayout="default"
-          animationType="slide-up"
-          useInvertedBackground={false}
-          features={[
-            {
-              id: "superhero-designs",              title: "Superhero Designs",              description: "Transform kids into their favorite superheroes with bold, colorful, and inspiring designs that make them feel powerful and special.",              media: {
-                imageSrc: "http://img.b2bpic.net/free-photo/dreamy-eyes-woman-smiling-festival_23-2148338055.jpg?_wi=1",                imageAlt: "Superhero face painting for kids"},
-              items: [
-                { icon: Star, text: "Superman, Batman, Wonder Woman" },
-                { icon: Sparkles, text: "Colorful and detailed designs" },
-                { icon: Heart, text: "Safe, non-toxic face paints" },
-              ],
-              reverse: false,
-            },
-            {
-              id: "animal-designs",              title: "Animal & Fantasy Designs",              description: "Bring imagination to life with enchanting animal faces and fantasy characters that capture children's wonder and creativity.",              media: {
-                imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-putting-makeup-man_23-2149357796.jpg?_wi=1",                imageAlt: "Animal face painting designs"},
-              items: [
-                { icon: Heart, text: "Butterflies, tigers, cats, dragons" },
-                { icon: Zap, text: "Quick application - 5-10 minutes" },
-                { icon: Smile, text: "Kids love the transformation" },
-              ],
-              reverse: true,
-            },
-            {
-              id: "princess-themes",              title: "Princess & Fairytale Themes",              description: "Create magical memories with elegant princess face paintings and enchanted character designs that make dreams come true.",              media: {
-                imageSrc: "http://img.b2bpic.net/free-photo/male-dj-party-charge-music-entertainment_23-2149658399.jpg?_wi=1",                imageAlt: "Princess themed face painting"},
-              items: [
-                { icon: Sparkles, text: "Cinderella, Ariel, Elsa designs" },
-                { icon: Heart, text: "Elegant and refined details" },
-                { icon: Star, text: "Photo-ready designs" },
-              ],
-              reverse: false,
-            },
-          ]}
-          buttons={[{ text: "Book Kids Party", href: "/packages" }]}
-          buttonAnimation="blur-reveal"
-          ariaLabel="Kids party face painting service"
-          containerClassName="gap-12"
-          titleClassName="text-4xl font-extrabold"
-          descriptionClassName="text-lg opacity-90 max-w-3xl"
-        />
-      </div>
-
-      <div id="festival-face-painting" data-section="festival-face-painting" className="mx-auto px-4 md:px-6">
-        <FeatureCardTen
-          title="Festival Face Painting"
-          description="Energize your outdoor events and festivals with fast, creative face art that delights crowds. Perfect for music festivals, carnivals, markets, and large celebrations."
-          tag="Festival Entertainment"
-          tagIcon={Music}
+          title="Complete Service Menu"
+          description="Professional face painting and body art services tailored for every occasion and event type."
+          tag="Services Offered"
+          tagIcon={Palette}
           tagAnimation="slide-up"
           textboxLayout="default"
           animationType="slide-up"
           useInvertedBackground={true}
           features={[
             {
-              id: "quick-designs",              title: "Quick Artistic Designs",              description: "Optimized for high-volume events with beautiful, creative designs completed in 5-10 minutes per person.",              media: {
-                imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-brush-close-up_23-2148966902.jpg?_wi=1",                imageAlt: "Festival quick face painting designs"},
+              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"},
               items: [
-                { icon: Zap, text: "Fast turnaround time" },
-                { icon: Star, text: "Creative, artistic patterns" },
-                { icon: Sparkles, text: "Professional quality results" },
+                { icon: Sparkles, text: "Colorful & playful designs" },
+                { icon: Heart, text: "Safe, child-friendly products" },
+                { icon: Smile, text: "Quick turnaround per child" },
               ],
               reverse: false,
             },
             {
-              id: "crowd-service",              title: "High-Capacity Crowd Service",              description: "Handle large crowds with efficiency and joy. Our portable stations and experienced artists keep the line moving while maintaining artistic excellence.",              media: {
-                imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-putting-makeup-man_23-2149357796.jpg?_wi=1",                imageAlt: "Festival crowd face painting station"},
+              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"},
               items: [
-                { icon: Users, text: "100+ people per event" },
-                { icon: Music, text: "Perfect for any festival" },
-                { icon: Heart, text: "Portable & self-contained setup" },
+                { icon: Zap, text: "Fast service for crowds" },
+                { icon: Star, text: "Creative artistic designs" },
+                { icon: Music, text: "Perfect for music & outdoor events" },
               ],
               reverse: true,
             },
             {
-              id: "event-themes",              title: "Event-Themed Designs",              description: "Customize designs to match your festival theme, whether it's Halloween, neon nights, masquerade balls, or themed celebrations.",              media: {
-                imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-women-with-all-kinds-body_23-2149159242.jpg?_wi=1",                imageAlt: "Themed festival face painting"},
+              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: Palette, text: "Custom color schemes" },
-                { icon: Star, text: "Theme-matched designs" },
-                { icon: Sparkles, text: "Cohesive event branding" },
+                { icon: Briefcase, text: "Professional & polished service" },
+                { icon: Target, text: "Branded design options available" },
+                { icon: Users, text: "Great for team building" },
               ],
               reverse: false,
             },
           ]}
-          buttons={[{ text: "Book Festival Service", href: "/packages" }]}
+          buttons={[{ text: "Request a Quote", href: "/contact" }]}
           buttonAnimation="blur-reveal"
-          ariaLabel="Festival face painting service"
+          ariaLabel="Detailed services section"
           containerClassName="gap-12"
           titleClassName="text-4xl font-extrabold"
           descriptionClassName="text-lg opacity-90 max-w-3xl"
@@ -218,23 +167,23 @@ export default function ServicesPage() {
           textboxLayout="default"
           animationType="smooth"
           faqsAnimation="slide-up"
-          useInvertedBackground={false}
+          useInvertedBackground={true}
           showCard={true}
           faqs={[
             {
-              id: "service-faq-1",              title: "What is included in kids party face painting?",              content: "Our kids party service includes professional face painting with colorful, playful designs. Kids can choose from superheroes, animals, princesses, and fantasy characters. Each design takes 5-10 minutes. We bring all materials and tools needed for safe, hygienic application."},
+              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-2",              title: "How many kids can you paint at a party?",              content: "This depends on party length. For a 2-hour party, we can typically paint 15-25 kids depending on design complexity. For longer parties (3-4 hours), we can accommodate 25-40+ children. Let us know your party size when booking, and we'll recommend the best package."},
+              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-3",              title: "Are the face paints hypoallergenic?",              content: "Yes! We use only professional-grade, hypoallergenic face paints that are non-toxic and dermatologist-tested. All products are safe for sensitive skin and children. We practice strict hygiene protocols with clean brushes and sanitized tools for each client. If a child has known allergies, please inform us in advance."},
+              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-4",              title: "What makes festival face painting different?",              content: "Festival face painting is designed for high-volume, quick service in outdoor settings. We create beautiful, artistic designs that can be completed in 5-10 minutes per person. Our portable stations are weather-resistant, and we're experienced with large crowds, long lines, and fast-paced environments."},
+              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-5",              title: "Can you do custom designs for specific themes?",              content: "Absolutely! We specialize in custom designs for themed parties and corporate events. Please provide your theme details, color preferences, or reference images when booking. For very complex custom designs, there may be a small additional fee, but we always discuss this upfront."},
+              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-6",              title: "How long does face paint last?",              content: "Our face paints typically last 4-6 hours with normal activity. They may smudge or fade with heavy sweating or water exposure. We provide care instructions on how to help the paint last longer. For longer events, we can touch up designs if needed."},
+              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."},
           ]}
-          buttons={[{ text: "View All Packages", href: "/packages" }]}
+          buttons={[{ text: "Book Your Service", href: "/packages" }]}
           buttonAnimation="blur-reveal"
           ariaLabel="Services FAQ section"
           containerClassName="gap-12"
@@ -245,15 +194,15 @@ export default function ServicesPage() {
 
       <div id="contact-services" data-section="contact-services" className="mx-auto px-4 md:px-6">
         <ContactText
-          text="Ready to bring creative face painting to your next event? Whether it's a kids' birthday party or a large festival, we're here to make it memorable. Get in touch with Paintasy to discuss your specific service needs."
+          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."
           animationType="background-highlight"
           background={{ variant: "radial-gradient" }}
-          useInvertedBackground={true}
+          useInvertedBackground={false}
           buttons={[
             { text: "Request a Quote", href: "/contact" },
             { text: "Call Us", href: "tel:+15551234567" },
           ]}
-          ariaLabel="Contact call-to-action section"
+          ariaLabel="Services contact call-to-action section"
           containerClassName="py-16"
           contentClassName="max-w-3xl mx-auto"
           textClassName="text-4xl font-extrabold text-center"
-- 
2.49.1


From 9fda1c93603b6db517e273d1c1bd43bc15f2c5dd Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 14 Mar 2026 05:27:27 +0000
Subject: [PATCH 07/34] Update src/app/about/page.tsx

---
 src/app/about/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index dab5de9..7da053e 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -160,7 +160,7 @@ export default function AboutPage() {
             },
           ]}
           containerClassName="gap-12"
-          titleClassName="text-4xl font-extrabold"
+          itemClassName="text-4xl font-extrabold"
           descriptionClassName="text-lg opacity-90"
         />
       </div>
-- 
2.49.1


From 7b10eb0f3a06d01995f06c79c82d7695dace49fd Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 14 Mar 2026 05:27:28 +0000
Subject: [PATCH 08/34] Update src/app/booking/page.tsx

---
 src/app/booking/page.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/app/booking/page.tsx b/src/app/booking/page.tsx
index 5129ac5..23db138 100644
--- a/src/app/booking/page.tsx
+++ b/src/app/booking/page.tsx
@@ -89,6 +89,7 @@ export default function BookingPage() {
             buttonText="Get Started"
             termsText="By submitting this form, you agree to be contacted about your event booking inquiry. We respect your privacy."
             centered={true}
+              useInvertedBackground={false}
             onSubmit={(email) => {
               console.log('Booking inquiry from:', email);
             }}
-- 
2.49.1


From 56a4de8ec03b18bab0a2afd23669acd38eeddc36 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 14 Mar 2026 05:27:29 +0000
Subject: [PATCH 09/34] Update src/app/contact/page.tsx

---
 src/app/contact/page.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 55404f4..295939b 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -98,6 +98,7 @@ export default function ContactPage() {
             buttonText="Send Message"
             termsText="We'll use your email to respond to your inquiry. We respect your privacy and won't share your information."
             centered={true}
+            useInvertedBackground={false}
             onSubmit={(email) => {
               console.log('Contact form submission from:', email);
             }}
-- 
2.49.1


From d65293c3f287f2f86241a1bd5ef2d4765046879a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 14 Mar 2026 05:27:29 +0000
Subject: [PATCH 10/34] Update src/app/gallery/page.tsx

---
 src/app/gallery/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/gallery/page.tsx b/src/app/gallery/page.tsx
index 193ea5c..ba1e519 100644
--- a/src/app/gallery/page.tsx
+++ b/src/app/gallery/page.tsx
@@ -112,7 +112,7 @@ export default function GalleryPage() {
           buttonAnimation="blur-reveal"
           ariaLabel="Complete photo gallery of events"
           containerClassName="gap-12"
-          titleClassName="text-4xl font-extrabold"
+          cardNameClassName="text-4xl font-extrabold"
           descriptionClassName="text-lg opacity-90 max-w-3xl"
         />
       </div>
-- 
2.49.1


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

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

diff --git a/src/app/packages/page.tsx b/src/app/packages/page.tsx
index 840f7db..74d1df1 100644
--- a/src/app/packages/page.tsx
+++ b/src/app/packages/page.tsx
@@ -138,8 +138,8 @@ export default function PackagesPage() {
           buttonAnimation="blur-reveal"
           ariaLabel="Pricing packages section"
           containerClassName="gap-12"
-          titleClassName="text-4xl font-extrabold"
-          descriptionClassName="text-lg opacity-90 max-w-3xl"
+          textBoxTitleClassName="text-4xl font-extrabold"
+          textBoxDescriptionClassName="text-lg opacity-90 max-w-3xl"
           cardClassName="p-8"
         />
       </div>
@@ -190,7 +190,7 @@ export default function PackagesPage() {
           buttonAnimation="blur-reveal"
           ariaLabel="Package details and customization options"
           containerClassName="gap-12"
-          titleClassName="text-4xl font-extrabold"
+          itemClassName="text-4xl font-extrabold"
           descriptionClassName="text-lg opacity-90 max-w-3xl"
         />
       </div>
@@ -229,8 +229,8 @@ export default function PackagesPage() {
           buttonAnimation="blur-reveal"
           ariaLabel="Booking and packages FAQ section"
           containerClassName="gap-12"
-          titleClassName="text-4xl font-extrabold"
-          descriptionClassName="text-lg opacity-90 max-w-3xl"
+          textBoxTitleClassName="text-4xl font-extrabold"
+          textBoxDescriptionClassName="text-lg opacity-90 max-w-3xl"
         />
       </div>
 
-- 
2.49.1


From 27b03d2a1200de8eccc4eb173cea4033f17fe022 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 14 Mar 2026 05:27:31 +0000
Subject: [PATCH 12/34] Update src/app/page.tsx

---
 src/app/page.tsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index e390b61..e3dc92b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -190,7 +190,7 @@ export default function HomePage() {
           buttonAnimation="blur-reveal"
           ariaLabel="Services section showcasing professional face painting and body art offerings"
           containerClassName="gap-12"
-          titleClassName="text-3xl sm:text-4xl font-extrabold"
+          itemClassName="text-3xl sm:text-4xl font-extrabold"
           descriptionClassName="text-base sm:text-lg opacity-90 max-w-3xl"
         />
       </div>
@@ -229,8 +229,8 @@ export default function HomePage() {
           buttonAnimation="blur-reveal"
           ariaLabel="Pricing section with face painting package options and rates"
           containerClassName="gap-12"
-          titleClassName="text-3xl sm:text-4xl font-extrabold"
-          descriptionClassName="text-base sm:text-lg opacity-90 max-w-3xl"
+          textBoxTitleClassName="text-3xl sm:text-4xl font-extrabold"
+          textBoxDescriptionClassName="text-base sm:text-lg opacity-90 max-w-3xl"
           cardClassName="p-6 sm:p-8"
         />
       </div>
@@ -270,8 +270,8 @@ export default function HomePage() {
           buttonAnimation="blur-reveal"
           ariaLabel="Client testimonials and reviews section for face painting services"
           containerClassName="gap-12"
-          titleClassName="text-3xl sm:text-4xl font-extrabold"
-          descriptionClassName="text-base sm:text-lg opacity-90 max-w-3xl"
+          textBoxTitleClassName="text-3xl sm:text-4xl font-extrabold"
+          textBoxDescriptionClassName="text-base sm:text-lg opacity-90 max-w-3xl"
         />
       </div>
 
@@ -301,7 +301,7 @@ export default function HomePage() {
           buttonAnimation="blur-reveal"
           ariaLabel="Photo gallery preview section showcasing professional face painting portfolio"
           containerClassName="gap-12"
-          titleClassName="text-3xl sm:text-4xl font-extrabold"
+          cardNameClassName="text-3xl sm:text-4xl font-extrabold"
           descriptionClassName="text-base sm:text-lg opacity-90 max-w-3xl"
         />
       </div>
@@ -336,8 +336,8 @@ export default function HomePage() {
           buttonAnimation="blur-reveal"
           ariaLabel="FAQ section with common questions about face painting services"
           containerClassName="gap-12"
-          titleClassName="text-3xl sm:text-4xl font-extrabold"
-          descriptionClassName="text-base sm:text-lg opacity-90 max-w-3xl"
+          textBoxTitleClassName="text-3xl sm:text-4xl font-extrabold"
+          textBoxDescriptionClassName="text-base sm:text-lg opacity-90 max-w-3xl"
         />
       </div>
 
-- 
2.49.1


From 8043841deb5465e060be1834f9fe9b5ddf18ddbf Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 14 Mar 2026 05:27:32 +0000
Subject: [PATCH 13/34] Update src/app/services/page.tsx

---
 src/app/services/page.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index f89e7c5..a05607b 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -152,7 +152,7 @@ export default function ServicesPage() {
           buttonAnimation="blur-reveal"
           ariaLabel="Detailed services section"
           containerClassName="gap-12"
-          titleClassName="text-4xl font-extrabold"
+          itemClassName="text-4xl font-extrabold"
           descriptionClassName="text-lg opacity-90 max-w-3xl"
         />
       </div>
@@ -187,8 +187,8 @@ export default function ServicesPage() {
           buttonAnimation="blur-reveal"
           ariaLabel="Services FAQ section"
           containerClassName="gap-12"
-          titleClassName="text-4xl font-extrabold"
-          descriptionClassName="text-lg opacity-90 max-w-3xl"
+          textBoxTitleClassName="text-4xl font-extrabold"
+          textBoxDescriptionClassName="text-lg opacity-90 max-w-3xl"
         />
       </div>
 
-- 
2.49.1


From b1c68e35b92669fead6a5f469a17b3c381f1214b Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 14 Mar 2026 05:28:22 +0000
Subject: [PATCH 14/34] Update src/app/about/page.tsx

---
 src/app/about/page.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 7da053e..0e2b8b2 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -161,7 +161,6 @@ export default function AboutPage() {
           ]}
           containerClassName="gap-12"
           itemClassName="text-4xl font-extrabold"
-          descriptionClassName="text-lg opacity-90"
         />
       </div>
 
-- 
2.49.1


From f6e926a6fcdd2d1e1d13204b8a2e9f83f0de3f0d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 14 Mar 2026 05:28:23 +0000
Subject: [PATCH 15/34] Update src/app/gallery/page.tsx

---
 src/app/gallery/page.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/app/gallery/page.tsx b/src/app/gallery/page.tsx
index ba1e519..8ea76ec 100644
--- a/src/app/gallery/page.tsx
+++ b/src/app/gallery/page.tsx
@@ -113,7 +113,6 @@ export default function GalleryPage() {
           ariaLabel="Complete photo gallery of events"
           containerClassName="gap-12"
           cardNameClassName="text-4xl font-extrabold"
-          descriptionClassName="text-lg opacity-90 max-w-3xl"
         />
       </div>
 
-- 
2.49.1


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

---
 src/app/packages/page.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/app/packages/page.tsx b/src/app/packages/page.tsx
index 74d1df1..b4c1506 100644
--- a/src/app/packages/page.tsx
+++ b/src/app/packages/page.tsx
@@ -191,7 +191,6 @@ export default function PackagesPage() {
           ariaLabel="Package details and customization options"
           containerClassName="gap-12"
           itemClassName="text-4xl font-extrabold"
-          descriptionClassName="text-lg opacity-90 max-w-3xl"
         />
       </div>
 
-- 
2.49.1


From b5235de85da3a23e49ada86ccae97f5a9e97e2bd Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 14 Mar 2026 05:28:25 +0000
Subject: [PATCH 17/34] Update src/app/page.tsx

---
 src/app/page.tsx | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index e3dc92b..d3728fa 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -191,7 +191,6 @@ export default function HomePage() {
           ariaLabel="Services section showcasing professional face painting and body art offerings"
           containerClassName="gap-12"
           itemClassName="text-3xl sm:text-4xl font-extrabold"
-          descriptionClassName="text-base sm:text-lg opacity-90 max-w-3xl"
         />
       </div>
 
@@ -302,7 +301,6 @@ export default function HomePage() {
           ariaLabel="Photo gallery preview section showcasing professional face painting portfolio"
           containerClassName="gap-12"
           cardNameClassName="text-3xl sm:text-4xl font-extrabold"
-          descriptionClassName="text-base sm:text-lg opacity-90 max-w-3xl"
         />
       </div>
 
-- 
2.49.1


From 101a4eeb12dd538d4ae2ba4bfe6a2e54dc21a897 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 14 Mar 2026 05:28:26 +0000
Subject: [PATCH 18/34] Update src/app/services/page.tsx

---
 src/app/services/page.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index a05607b..216f0ed 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -153,7 +153,6 @@ export default function ServicesPage() {
           ariaLabel="Detailed services section"
           containerClassName="gap-12"
           itemClassName="text-4xl font-extrabold"
-          descriptionClassName="text-lg opacity-90 max-w-3xl"
         />
       </div>
 
-- 
2.49.1


From 9d36fd081aff705a0a9688b6459257ba955c798d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 14 Mar 2026 05:30:35 +0000
Subject: [PATCH 19/34] Update src/app/about/page.tsx

---
 src/app/about/page.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 0e2b8b2..dab5de9 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -160,7 +160,8 @@ export default function AboutPage() {
             },
           ]}
           containerClassName="gap-12"
-          itemClassName="text-4xl font-extrabold"
+          titleClassName="text-4xl font-extrabold"
+          descriptionClassName="text-lg opacity-90"
         />
       </div>
 
-- 
2.49.1


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

---
 src/app/booking/page.tsx | 300 ++++++++++++++++++++++++++++++---------
 1 file changed, 236 insertions(+), 64 deletions(-)

diff --git a/src/app/booking/page.tsx b/src/app/booking/page.tsx
index 23db138..a280845 100644
--- a/src/app/booking/page.tsx
+++ b/src/app/booking/page.tsx
@@ -2,19 +2,17 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import ContactForm from '@/components/form/ContactForm';
-import ContactText from '@/components/sections/contact/ContactText';
+import { useState } from 'react';
+import { Calendar, Clock, Users, Palette, Phone, Mail } from 'lucide-react';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import { Calendar } from 'lucide-react';
 
 export default function BookingPage() {
   const navItems = [
     { name: "Home", id: "home" },
     { name: "Services", id: "services" },
     { name: "Gallery", id: "/gallery" },
-    { name: "Packages", id: "packages" },
+    { name: "Packages", id: "/packages" },
     { name: "About", id: "about" },
-    { name: "Book Event", id: "/booking" },
     { name: "Contact", id: "/contact" },
   ];
 
@@ -50,12 +48,54 @@ export default function BookingPage() {
       title: "Service Areas",      items: [
         { label: "Local Events", href: "/contact" },
         { label: "Regional Coverage", href: "/contact" },
-        { label: "Book Now", href: "/booking" },
+        { label: "Book Now", href: "/packages" },
         { label: "Get Quote", href: "/contact" },
       ],
     },
   ];
 
+  const [formData, setFormData] = useState({
+    fullName: '',
+    email: '',
+    phone: '',
+    eventType: '',
+    eventDate: '',
+    eventTime: '',
+    guestCount: '',
+    serviceType: '',
+    additionalNotes: '',
+  });
+
+  const [submitted, setSubmitted] = useState(false);
+
+  const handleChange = (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>) => {
+    const { name, value } = e.target;
+    setFormData(prev => ({
+      ...prev,
+      [name]: value
+    }));
+  };
+
+  const handleSubmit = (e: React.FormEvent) => {
+    e.preventDefault();
+    console.log('Form submitted:', formData);
+    setSubmitted(true);
+    setTimeout(() => {
+      setFormData({
+        fullName: '',
+        email: '',
+        phone: '',
+        eventType: '',
+        eventDate: '',
+        eventTime: '',
+        guestCount: '',
+        serviceType: '',
+        additionalNotes: '',
+      });
+      setSubmitted(false);
+    }, 3000);
+  };
+
   return (
     <ThemeProvider
       defaultButtonVariant="shift-hover"
@@ -78,69 +118,201 @@ export default function BookingPage() {
         />
       </div>
 
-      <div id="booking-form" data-section="booking-form" className="mx-auto px-4 md:px-6 py-16">
-        <div className="max-w-2xl mx-auto">
-          <ContactForm
-            title="Book Your Event"
-            description="Get started with a quick inquiry. We'll follow up with you within 24 hours with availability and pricing details tailored to your event."
-            tag="Lead Generation"
-            tagIcon={Calendar}
-            inputPlaceholder="Your email address"
-            buttonText="Get Started"
-            termsText="By submitting this form, you agree to be contacted about your event booking inquiry. We respect your privacy."
-            centered={true}
-              useInvertedBackground={false}
-            onSubmit={(email) => {
-              console.log('Booking inquiry from:', email);
-            }}
-            className="w-full"
-            titleClassName="text-4xl font-extrabold mb-4"
-            descriptionClassName="text-lg opacity-90 mb-8"
-            tagClassName="mb-4"
-            formWrapperClassName="mt-8"
-          />
+      <div id="booking-form" data-section="booking-form" className="mx-auto px-4 md:px-6 py-20 max-w-2xl">
+        <div className="mb-12">
+          <h1 className="text-4xl font-extrabold mb-4">Book Your Event</h1>
+          <p className="text-lg opacity-90 mb-8">Complete this form to request a booking for professional face and body art services at your event. We'll get back to you within 24 hours with availability and pricing details.</p>
         </div>
-      </div>
 
-      <div id="booking-features" data-section="booking-features" className="mx-auto px-4 md:px-6 py-16">
-        <div className="max-w-4xl mx-auto">
-          <h2 className="text-3xl font-extrabold mb-12 text-center">Our Booking Process</h2>
-          <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
-            <div className="p-6 bg-gradient-to-br from-blue-50 to-cyan-50 rounded-lg">
-              <div className="text-4xl font-extrabold text-blue-600 mb-4">1</div>
-              <h3 className="text-xl font-bold mb-3">Submit Inquiry</h3>
-              <p className="text-opacity-80">Fill out our quick booking form with your event details and preferred date.</p>
-            </div>
-            <div className="p-6 bg-gradient-to-br from-purple-50 to-pink-50 rounded-lg">
-              <div className="text-4xl font-extrabold text-purple-600 mb-4">2</div>
-              <h3 className="text-xl font-bold mb-3">Get Quote</h3>
-              <p className="text-opacity-80">We'll review your event details and send you a custom quote within 24 hours.</p>
-            </div>
-            <div className="p-6 bg-gradient-to-br from-green-50 to-emerald-50 rounded-lg">
-              <div className="text-4xl font-extrabold text-green-600 mb-4">3</div>
-              <h3 className="text-xl font-bold mb-3">Confirm Booking</h3>
-              <p className="text-opacity-80">Once confirmed, we'll send you all the details and setup information for your event.</p>
+        {submitted && (
+          <div className="mb-6 p-4 bg-green-100 border border-green-300 rounded-lg text-green-800">
+            <p className="font-semibold">Thank you! Your booking request has been submitted. We'll contact you soon to confirm details.</p>
+          </div>
+        )}
+
+        <form onSubmit={handleSubmit} className="space-y-6">
+          {/* Contact Information Section */}
+          <div className="border-b pb-6">
+            <h2 className="text-2xl font-bold mb-4 flex items-center gap-2">
+              <Mail className="w-5 h-5" />
+              Contact Information
+            </h2>
+            
+            <div className="space-y-4">
+              <div>
+                <label htmlFor="fullName" className="block text-sm font-semibold mb-2">Full Name *</label>
+                <input
+                  id="fullName"
+                  type="text"
+                  name="fullName"
+                  value={formData.fullName}
+                  onChange={handleChange}
+                  required
+                  placeholder="Your full name"
+                  className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-blue-500"
+                />
+              </div>
+
+              <div>
+                <label htmlFor="email" className="block text-sm font-semibold mb-2">Email Address *</label>
+                <input
+                  id="email"
+                  type="email"
+                  name="email"
+                  value={formData.email}
+                  onChange={handleChange}
+                  required
+                  placeholder="your.email@example.com"
+                  className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-blue-500"
+                />
+              </div>
+
+              <div>
+                <label htmlFor="phone" className="block text-sm font-semibold mb-2">Phone Number *</label>
+                <input
+                  id="phone"
+                  type="tel"
+                  name="phone"
+                  value={formData.phone}
+                  onChange={handleChange}
+                  required
+                  placeholder="(555) 123-4567"
+                  className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-blue-500"
+                />
+              </div>
             </div>
           </div>
-        </div>
-      </div>
 
-      <div id="booking-contact" data-section="booking-contact" className="mx-auto px-4 md:px-6">
-        <ContactText
-          text="Prefer to discuss your event first? Contact us directly and let's create something amazing together."
-          animationType="background-highlight"
-          background={{ variant: "radial-gradient" }}
-          useInvertedBackground={false}
-          buttons={[
-            { text: "Call Us", href: "tel:+15551234567" },
-            { text: "Email Us", href: "mailto:paintasy@events.com" },
-          ]}
-          ariaLabel="Booking 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"
-        />
+          {/* Event Details Section */}
+          <div className="border-b pb-6">
+            <h2 className="text-2xl font-bold mb-4 flex items-center gap-2">
+              <Calendar className="w-5 h-5" />
+              Event Details
+            </h2>
+            
+            <div className="space-y-4">
+              <div>
+                <label htmlFor="eventType" className="block text-sm font-semibold mb-2">Event Type *</label>
+                <select
+                  id="eventType"
+                  name="eventType"
+                  value={formData.eventType}
+                  onChange={handleChange}
+                  required
+                  className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-blue-500"
+                >
+                  <option value="">Select an event type</option>
+                  <option value="birthday">Birthday Party</option>
+                  <option value="festival">Festival or Outdoor Event</option>
+                  <option value="corporate">Corporate Event</option>
+                  <option value="wedding">Wedding</option>
+                  <option value="school">School Event</option>
+                  <option value="other">Other</option>
+                </select>
+              </div>
+
+              <div className="grid grid-cols-2 gap-4">
+                <div>
+                  <label htmlFor="eventDate" className="block text-sm font-semibold mb-2">Event Date *</label>
+                  <input
+                    id="eventDate"
+                    type="date"
+                    name="eventDate"
+                    value={formData.eventDate}
+                    onChange={handleChange}
+                    required
+                    className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-blue-500"
+                  />
+                </div>
+
+                <div>
+                  <label htmlFor="eventTime" className="block text-sm font-semibold mb-2 flex items-center gap-1">
+                    <Clock className="w-4 h-4" />
+                    Event Time *
+                  </label>
+                  <input
+                    id="eventTime"
+                    type="time"
+                    name="eventTime"
+                    value={formData.eventTime}
+                    onChange={handleChange}
+                    required
+                    className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-blue-500"
+                  />
+                </div>
+              </div>
+
+              <div>
+                <label htmlFor="guestCount" className="block text-sm font-semibold mb-2 flex items-center gap-1">
+                  <Users className="w-4 h-4" />
+                  Expected Guest Count *
+                </label>
+                <input
+                  id="guestCount"
+                  type="number"
+                  name="guestCount"
+                  value={formData.guestCount}
+                  onChange={handleChange}
+                  required
+                  placeholder="e.g., 25"
+                  min="1"
+                  className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-blue-500"
+                />
+              </div>
+            </div>
+          </div>
+
+          {/* Service Selection Section */}
+          <div className="border-b pb-6">
+            <h2 className="text-2xl font-bold mb-4 flex items-center gap-2">
+              <Palette className="w-5 h-5" />
+              Service Selection
+            </h2>
+            
+            <div>
+              <label htmlFor="serviceType" className="block text-sm font-semibold mb-2">What service are you interested in? *</label>
+              <select
+                id="serviceType"
+                name="serviceType"
+                value={formData.serviceType}
+                onChange={handleChange}
+                required
+                className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-blue-500"
+              >
+                <option value="">Select a service</option>
+                <option value="face-painting">Face Painting Only</option>
+                <option value="body-painting">Body Painting</option>
+                <option value="both">Face & Body Painting</option>
+                <option value="custom">Custom Design Package</option>
+                <option value="unsure">Not sure - need consultation</option>
+              </select>
+            </div>
+          </div>
+
+          {/* Additional Notes Section */}
+          <div>
+            <label htmlFor="additionalNotes" className="block text-sm font-semibold mb-2">Additional Notes or Special Requests</label>
+            <textarea
+              id="additionalNotes"
+              name="additionalNotes"
+              value={formData.additionalNotes}
+              onChange={handleChange}
+              placeholder="Tell us about your vision, theme, any special requests, allergies, or other details that would help us serve you better."
+              rows={5}
+              className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-blue-500"
+            />
+          </div>
+
+          <div className="pt-6">
+            <button
+              type="submit"
+              className="w-full px-6 py-3 bg-blue-600 text-white font-semibold rounded-lg hover:bg-blue-700 transition-colors"
+            >
+              Submit Booking Request
+            </button>
+            <p className="text-xs text-gray-600 mt-3 text-center">We'll respond to your booking request within 24 hours with availability and pricing.</p>
+          </div>
+        </form>
       </div>
 
       <div id="footer-booking" data-section="footer-booking" className="mx-auto px-4 md:px-6">
-- 
2.49.1


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

---
 src/app/contact/page.tsx | 115 ++++++++-------------------------------
 1 file changed, 23 insertions(+), 92 deletions(-)

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 295939b..048af42 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -2,19 +2,17 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import ContactForm from '@/components/form/ContactForm';
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import { Mail, Phone, MapPin, Clock } from 'lucide-react';
+import { Mail, Phone, MapPin } from 'lucide-react';
 
 export default function ContactPage() {
   const navItems = [
     { name: "Home", id: "home" },
     { name: "Services", id: "services" },
     { name: "Gallery", id: "/gallery" },
-    { name: "Packages", id: "packages" },
+    { name: "Packages", id: "/packages" },
     { name: "About", id: "about" },
-    { name: "Book Event", id: "/booking" },
     { name: "Contact", id: "/contact" },
   ];
 
@@ -50,7 +48,7 @@ export default function ContactPage() {
       title: "Service Areas",      items: [
         { label: "Local Events", href: "/contact" },
         { label: "Regional Coverage", href: "/contact" },
-        { label: "Book Now", href: "/booking" },
+        { label: "Book Now", href: "/packages" },
         { label: "Get Quote", href: "/contact" },
       ],
     },
@@ -78,94 +76,27 @@ export default function ContactPage() {
         />
       </div>
 
-      <div id="contact-hero" data-section="contact-hero" className="mx-auto px-4 md:px-6 py-16">
-        <div className="max-w-3xl mx-auto text-center">
-          <h1 className="text-5xl lg:text-6xl font-extrabold mb-6">Get in Touch</h1>
-          <p className="text-xl opacity-90 mb-8">
-            Have questions about our services? Want to discuss your event in detail? We're here to help! Reach out and let's create something unforgettable together. Our team is dedicated to making your event a success with exceptional service and creative artistry.
-          </p>
-        </div>
-      </div>
-
-      <div id="contact-form" data-section="contact-form" className="mx-auto px-4 md:px-6 py-16">
-        <div className="max-w-2xl mx-auto">
-          <ContactForm
-            title="Send us a Message"
-            description="Fill out the form below and we'll get back to you as soon as possible. For urgent inquiries, please call us directly."
-            tag="Contact Us"
-            tagIcon={Mail}
-            inputPlaceholder="Your email address"
-            buttonText="Send Message"
-            termsText="We'll use your email to respond to your inquiry. We respect your privacy and won't share your information."
-            centered={true}
-            useInvertedBackground={false}
-            onSubmit={(email) => {
-              console.log('Contact form submission from:', email);
-            }}
-            className="w-full"
-            titleClassName="text-3xl font-extrabold mb-4"
-            descriptionClassName="text-base opacity-90 mb-8"
-            tagClassName="mb-4"
-            formWrapperClassName="mt-8"
-          />
-        </div>
-      </div>
-
-      <div id="contact-info" data-section="contact-info" className="mx-auto px-4 md:px-6 py-16">
-        <div className="max-w-4xl mx-auto">
-          <h2 className="text-3xl font-extrabold mb-12 text-center">Other Ways to Reach Us</h2>
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
-            <div className="p-8 bg-gradient-to-br from-blue-50 to-cyan-50 rounded-lg">
-              <div className="flex items-center gap-4 mb-4">
-                <Phone className="w-8 h-8 text-blue-600" />
-                <h3 className="text-xl font-bold">Phone</h3>
-              </div>
-              <p className="text-lg font-semibold text-blue-600 mb-2">+1 (555) 123-4567</p>
-              <p className="opacity-80">Call us Monday to Friday, 9am to 6pm EST. We're available for event consultations and urgent bookings.</p>
-            </div>
-            <div className="p-8 bg-gradient-to-br from-purple-50 to-pink-50 rounded-lg">
-              <div className="flex items-center gap-4 mb-4">
-                <Mail className="w-8 h-8 text-purple-600" />
-                <h3 className="text-xl font-bold">Email</h3>
-              </div>
-              <p className="text-lg font-semibold text-purple-600 mb-2">paintasy@events.com</p>
-              <p className="opacity-80">Email us anytime! We respond to all inquiries within 24 hours, often sooner.</p>
-            </div>
-            <div className="p-8 bg-gradient-to-br from-green-50 to-emerald-50 rounded-lg">
-              <div className="flex items-center gap-4 mb-4">
-                <MapPin className="w-8 h-8 text-green-600" />
-                <h3 className="text-xl font-bold">Service Area</h3>
-              </div>
-              <p className="text-lg font-semibold text-green-600 mb-2">Local & Regional Coverage</p>
-              <p className="opacity-80">We serve the greater metropolitan area and surrounding regions for events of all sizes.</p>
-            </div>
-            <div className="p-8 bg-gradient-to-br from-orange-50 to-red-50 rounded-lg">
-              <div className="flex items-center gap-4 mb-4">
-                <Clock className="w-8 h-8 text-orange-600" />
-                <h3 className="text-xl font-bold">Response Time</h3>
-              </div>
-              <p className="text-lg font-semibold text-orange-600 mb-2">Quick Turnaround</p>
-              <p className="opacity-80">We typically respond within 24 hours. Rush bookings welcome—just let us know!</p>
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <div id="contact-closing" data-section="contact-closing" className="mx-auto px-4 md:px-6">
-        <ContactText
-          text="Ready to book your event or have more questions? Reach out today and let's start planning your creative experience!"
-          animationType="background-highlight"
+      <div id="contact-split" data-section="contact-split" className="mx-auto px-4 md:px-6 py-20">
+        <ContactSplit
+          tag="Get in Touch"
+          title="Book Your Event Today"
+          description="Transform your celebration with professional face and body art. Quick response times, flexible scheduling, and creative designs tailored to your event. Let's make your event unforgettable!"
           background={{ variant: "radial-gradient" }}
           useInvertedBackground={false}
-          buttons={[
-            { text: "Book Now", href: "/booking" },
-            { text: "Call Now", href: "tel:+15551234567" },
-          ]}
-          ariaLabel="Contact closing 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"
+          mediaPosition="right"
+          inputPlaceholder="Enter your email"
+          buttonText="Send Message"
+          termsText="By submitting this form, you agree to be contacted about your event inquiry."
+          onSubmit={(email) => {
+            console.log("Form submitted with email:", email);
+          }}
+          ariaLabel="Contact form section"
+          containerClassName="gap-12"
+          tagClassName="text-sm"
+          titleClassName="text-4xl font-extrabold"
+          descriptionClassName="text-lg opacity-90 max-w-2xl"
+          buttonClassName="px-8 py-3"
+          buttonTextClassName="font-semibold"
         />
       </div>
 
-- 
2.49.1


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

---
 src/app/gallery/page.tsx | 50 +++++++++++++++++++++-------------------
 1 file changed, 26 insertions(+), 24 deletions(-)

diff --git a/src/app/gallery/page.tsx b/src/app/gallery/page.tsx
index 8ea76ec..c246889 100644
--- a/src/app/gallery/page.tsx
+++ b/src/app/gallery/page.tsx
@@ -5,16 +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 } from 'lucide-react';
+import { Camera, Sparkles } from 'lucide-react';
 
 export default function GalleryPage() {
   const navItems = [
     { name: "Home", id: "home" },
     { name: "Services", id: "services" },
     { name: "Gallery", id: "/gallery" },
-    { name: "Packages", id: "packages" },
+    { name: "Packages", id: "/packages" },
     { name: "About", id: "about" },
-    { name: "Book Event", id: "/booking" },
     { name: "Contact", id: "/contact" },
   ];
 
@@ -50,7 +49,7 @@ export default function GalleryPage() {
       title: "Service Areas",      items: [
         { label: "Local Events", href: "/contact" },
         { label: "Regional Coverage", href: "/contact" },
-        { label: "Book Now", href: "/booking" },
+        { label: "Book Now", href: "/packages" },
         { label: "Get Quote", href: "/contact" },
       ],
     },
@@ -78,55 +77,58 @@ export default function GalleryPage() {
         />
       </div>
 
-      <div id="gallery-section" data-section="gallery-section" className="mx-auto px-4 md:px-6">
+      <div id="gallery-full" data-section="gallery-full" className="mx-auto px-4 md:px-6 py-20">
         <ProductCardFour
-          title="Event Photo Gallery"
-          description="Browse our complete portfolio of real event photos showcasing our face painting and body art work across parties, festivals, corporate events, and special occasions."
+          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="slide-up"
+          animationType="opacity"
           useInvertedBackground={false}
           gridVariant="bento-grid"
           carouselMode="buttons"
           products={[
             {
-              id: "event-1",              name: "Birthday Party Designs",              price: "Kids Celebration",              variant: "Face Painting",              imageSrc: "http://img.b2bpic.net/free-psd/holi-festival-celebration-instagram-posts_23-2151227255.jpg?_wi=1",              imageAlt: "Children with colorful birthday party face painting"},
+              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: "event-2",              name: "Festival Face Art",              price: "Creative Expression",              variant: "Outdoor Event",              imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-brush-close-up_23-2148966902.jpg?_wi=1",              imageAlt: "Professional artist applying festival face art"},
+              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: "event-3",              name: "Professional Body Painting",              price: "Artistic Excellence",              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 art from special event"},
+              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: "event-4",              name: "Themed Party Artwork",              price: "Custom Themes",              variant: "Party Entertainment",              imageSrc: "http://img.b2bpic.net/free-photo/fun-portrait-with-decorations-face_23-2150749319.jpg?_wi=1",              imageAlt: "Custom themed face painting for party guests"},
+              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: "event-5",              name: "Festival Crowd Service",              price: "High Volume",              variant: "Festival Event",              imageSrc: "http://img.b2bpic.net/free-photo/man-covered-different-colors-holi_23-2148337991.jpg?_wi=1",              imageAlt: "Festival attendees enjoying rapid face painting service"},
+              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: "event-6",              name: "Corporate Event Entertainment",              price: "Professional Service",              variant: "Business Event",              imageSrc: "http://img.b2bpic.net/free-photo/male-dj-party-charge-music-entertainment_23-2149658399.jpg?_wi=1",              imageAlt: "Corporate event attendees with professional face painting"},
+              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: "event-7",              name: "Workshop & Tutorial",              price: "Educational",              variant: "Live Demonstration",              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: "Live face painting demonstration and technique"},
+              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: "event-8",              name: "School Event Entertainment",              price: "Youth Programs",              variant: "School Carnival",              imageSrc: "http://img.b2bpic.net/free-photo/dreamy-eyes-woman-smiling-festival_23-2148338055.jpg?_wi=1",              imageAlt: "School event with children enjoying face painting"},
+              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: "/booking" }]}
+          buttons={[{ text: "Book Your Event", href: "/packages" }]}
           buttonAnimation="blur-reveal"
-          ariaLabel="Complete photo gallery of events"
+          ariaLabel="Complete photo gallery with all artworks"
           containerClassName="gap-12"
-          cardNameClassName="text-4xl font-extrabold"
+          titleClassName="text-4xl font-extrabold"
+          descriptionClassName="text-lg opacity-90 max-w-3xl"
         />
       </div>
 
-      <div id="gallery-contact" data-section="gallery-contact" className="mx-auto px-4 md:px-6">
+      <div id="contact-gallery" data-section="contact-gallery" className="mx-auto px-4 md:px-6">
         <ContactText
-          text="Inspired by our gallery? Book Paintasy for your next event and create your own memorable moments. Let us bring creativity and color to your celebration."
+          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: "Book Now", href: "/booking" },
-            { text: "Get a Quote", href: "/contact" },
+            { text: "Request a Quote", href: "/contact" },
+            { text: "View Packages", href: "/packages" },
           ]}
-          ariaLabel="Gallery call-to-action section"
+          ariaLabel="Contact section for gallery page"
           containerClassName="py-16"
           contentClassName="max-w-3xl mx-auto"
           textClassName="text-4xl font-extrabold text-center"
-- 
2.49.1


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 23/34] 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."
-- 
2.49.1


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

---
 src/app/page.tsx | 226 +++++++++++++++++++++++------------------------
 1 file changed, 109 insertions(+), 117 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index d3728fa..c8f88ef 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -13,14 +13,7 @@ import ContactText from '@/components/sections/contact/ContactText';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import Link from 'next/link';
 import { Sparkles, Palette, Heart, Smile, Zap, Music, Briefcase, Target, Users, Star, DollarSign, Camera, HelpCircle, Award } from 'lucide-react';
-import { Metadata } from 'next';
-
-export const metadata: Metadata = {
-  title: "Paintasy Face and Body Art - Professional Face Painting & Body Art Services",  description: "Professional face painting and body art services for kids parties, festivals, corporate events, and weddings. Expert face artists, safe hypoallergenic paints, custom designs. Book your creative entertainment today.",  keywords: "face painting, body art, kids face painting, festival face painting, corporate events, party entertainment, professional face painter, body painting, face art, event entertainment",  openGraph: {
-    title: "Paintasy Face and Body Art - Professional Face Painting Services",    description: "Transform your event with professional face painting and body art. Serving kids parties, festivals, corporate events, and special occasions.",    type: "website"},
-  twitter: {
-    card: "summary_large_image",    title: "Paintasy Face and Body Art",    description: "Professional face painting & body art for events - kids parties, festivals, corporate events"},
-};
+import Head from 'next/head';
 
 export default function HomePage() {
   const navItems = [
@@ -35,20 +28,20 @@ export default function HomePage() {
   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: "About Us", href: "#about" },
-        { label: "Gallery", href: "#gallery" },
-        { label: "Packages", href: "#packages" },
+        { label: "About Us", href: "/about" },
+        { label: "Gallery", href: "/gallery" },
+        { label: "Packages", href: "/packages" },
         { label: "FAQ", href: "#faq" },
-        { label: "Contact", href: "#contact" },
+        { label: "Contact", href: "/contact" },
       ],
     },
     {
@@ -62,10 +55,10 @@ export default function HomePage() {
     },
     {
       title: "Service Areas",      items: [
-        { label: "Local Events", href: "#contact" },
-        { label: "Regional Coverage", href: "#contact" },
-        { label: "Book Now", href: "#packages" },
-        { label: "Get Quote", href: "#contact" },
+        { label: "Local Events", href: "/contact" },
+        { label: "Regional Coverage", href: "/contact" },
+        { label: "Book Now", href: "/packages" },
+        { label: "Get Quote", href: "/contact" },
       ],
     },
   ];
@@ -92,17 +85,17 @@ export default function HomePage() {
         />
       </div>
 
-      <div id="home" data-section="hero-home" className="mx-auto px-4 md:px-6">
+      <div id="hero-home" data-section="hero-home" className="mx-auto px-4 md:px-6 lg:px-8">
         <HeroBillboardGallery
-          title="Paintasy Face and Body Art"
-          description="Professional face painting and body art for parties, festivals, corporate events, and special occasions. Transform your event with creativity and color. Expert artists, hypoallergenic paints, custom designs for all occasions."
+          title="Professional Face Painting & Body Art for Events"
+          description="Transform your event with expert face painting and body art. Paintasy delivers professional, creative entertainment for birthday parties, festivals, corporate events, and special occasions. Book professional face painters for your celebration today."
           background={{ variant: "radial-gradient" }}
           tag="Creative Entertainment"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
           buttons={[
-            { text: "Book Your Event", href: "#packages" },
-            { text: "View Our Gallery", href: "#gallery" },
+            { text: "Book Your Event", href: "/packages" },
+            { text: "View Our Gallery", href: "/gallery" },
           ]}
           buttonAnimation="blur-reveal"
           mediaItems={[
@@ -110,24 +103,24 @@ export default function HomePage() {
               imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-make-up-woman-wearing-mask_23-2148784326.jpg",              imageAlt: "Professional face painting at event"},
           ]}
           mediaAnimation="opacity"
-          ariaLabel="Hero section showcasing professional face painting services with portfolio images"
+          ariaLabel="Hero section with professional face painting showcase"
           className="min-h-screen"
-          containerClassName="flex flex-col lg:flex-row items-center justify-between gap-12"
+          containerClassName="flex flex-col lg:flex-row items-center justify-between gap-8 lg:gap-12"
           titleClassName="text-4xl sm:text-5xl lg:text-6xl font-extrabold leading-tight"
           descriptionClassName="text-base sm:text-lg lg:text-xl opacity-90 max-w-2xl"
-          buttonContainerClassName="flex flex-col sm:flex-row gap-4 mt-8 w-full sm:w-auto"
+          buttonContainerClassName="flex flex-col sm:flex-row gap-4 mt-8"
         />
       </div>
 
-      <div id="about" data-section="about-home" className="mx-auto px-4 md:px-6">
+      <div id="about-home" data-section="about-home" className="mx-auto px-4 md:px-6 lg:px-8">
         <MetricSplitMediaAbout
-          title="About Paintasy Face and Body Art"
-          description="Paintasy brings creativity and color to events with professional face painting and body art services. We've been transforming celebrations and creating magical moments for hundreds of happy clients. Our artists are trained professionals dedicated to delivering exceptional service, vibrant designs, and memorable experiences across all event types."
+          title="About Paintasy - Expert Face Painting Services"
+          description="Paintasy brings creativity and color to events with professional face painting and body art services. We've been transforming celebrations and creating magical moments for hundreds of happy clients across the region. Our trained professional artists are dedicated to delivering exceptional service, vibrant designs, and unforgettable experiences for every event."
           tag="Professional Artists"
           tagIcon={Palette}
           tagAnimation="slide-up"
           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 painter creating custom artwork designs"
+          imageAlt="Professional face painter creating art"
           mediaAnimation="blur-reveal"
           metrics={[
             { value: "500+", title: "Happy Events" },
@@ -137,18 +130,18 @@ export default function HomePage() {
           ]}
           metricsAnimation="slide-up"
           useInvertedBackground={false}
-          ariaLabel="About section with company information and professional credentials"
-          containerClassName="gap-12"
-          titleClassName="text-3xl sm:text-4xl font-extrabold"
+          ariaLabel="About section with company information"
+          containerClassName="gap-8 lg:gap-12"
+          titleClassName="text-3xl sm:text-4xl lg:text-5xl font-extrabold"
           descriptionClassName="text-base sm:text-lg opacity-90 max-w-2xl"
         />
       </div>
 
-      <div id="services" data-section="services-home" className="mx-auto px-4 md:px-6">
+      <div id="services-home" data-section="services-home" className="mx-auto px-4 md:px-6 lg:px-8">
         <FeatureCardTen
           title="Our Face Painting & Body Art Services"
-          description="Professional face painting and body art tailored for every occasion. From intimate birthday parties to large festival events, we deliver creativity and joy. Custom designs available for all service types."
-          tag="Premium Services"
+          description="Professional face painting and body art services tailored for every occasion. From intimate birthday parties to large festival events, we deliver creativity, joy, and exceptional entertainment."
+          tag="Services"
           tagIcon={Palette}
           tagAnimation="slide-up"
           textboxLayout="default"
@@ -156,8 +149,8 @@ export default function HomePage() {
           useInvertedBackground={true}
           features={[
             {
-              id: "kids-party",              title: "Kids Party Face Painting",              description: "Fun, colorful designs perfect for birthday celebrations and children's events. Butterflies, superheroes, animals, and princesses crafted with safe, professional-grade products.",              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 - butterflies, animals, and characters"},
+              id: "kids-party",              title: "Kids Party Face Painting",              description: "Fun, colorful face painting designs perfect for birthday celebrations. Butterflies, superheroes, animals, princesses, and more.",              media: {
+                imageSrc: "http://img.b2bpic.net/free-photo/dreamy-eyes-woman-smiling-festival_23-2148338055.jpg?_wi=1",                imageAlt: "Kids party face painting designs"},
               items: [
                 { icon: Sparkles, text: "Colorful & playful designs" },
                 { icon: Heart, text: "Safe, child-friendly products" },
@@ -166,8 +159,8 @@ export default function HomePage() {
               reverse: false,
             },
             {
-              id: "festival",              title: "Festival Face Art",              description: "Fast, creative designs perfect for large crowds and outdoor events. Artistic flair meets quick service for high-volume event entertainment.",              media: {
-                imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-putting-makeup-man_23-2149357796.jpg?_wi=1",                imageAlt: "Festival face painting artwork showcasing fast, artistic designs"},
+              id: "festival",              title: "Festival Face Art & Body Painting",              description: "Fast, creative designs perfect for large crowds and outdoor events. Artistic flair meets quick service for maximum event impact.",              media: {
+                imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-putting-makeup-man_23-2149357796.jpg?_wi=1",                imageAlt: "Festival face painting artwork"},
               items: [
                 { icon: Zap, text: "Fast service for crowds" },
                 { icon: Star, text: "Creative artistic designs" },
@@ -176,8 +169,8 @@ export default function HomePage() {
               reverse: true,
             },
             {
-              id: "corporate",              title: "Corporate Event Entertainment",              description: "Professional face painting for company parties, brand activations, and team celebrations. Branded designs and custom theming available for corporate clients.",              media: {
-                imageSrc: "http://img.b2bpic.net/free-photo/male-dj-party-charge-music-entertainment_23-2149658399.jpg?_wi=1",                imageAlt: "Corporate event entertainment and professional face painting service"},
+              id: "corporate",              title: "Corporate Event Entertainment",              description: "Professional face painting for company parties, brand activations, and team celebrations with 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" },
@@ -186,18 +179,19 @@ export default function HomePage() {
               reverse: false,
             },
           ]}
-          buttons={[{ text: "Explore All Services", href: "#services" }]}
+          buttons={[{ text: "Explore All Services", href: "/services" }]}
           buttonAnimation="blur-reveal"
-          ariaLabel="Services section showcasing professional face painting and body art offerings"
-          containerClassName="gap-12"
-          itemClassName="text-3xl sm:text-4xl font-extrabold"
+          ariaLabel="Services section showcasing face painting offerings"
+          containerClassName="gap-8 lg:gap-12"
+          titleClassName="text-3xl sm:text-4xl lg:text-5xl font-extrabold"
+          descriptionClassName="text-base sm:text-lg opacity-90 max-w-3xl"
         />
       </div>
 
-      <div id="packages" data-section="packages-home" className="mx-auto px-4 md:px-6">
+      <div id="packages-home" data-section="packages-home" className="mx-auto px-4 md:px-6 lg:px-8">
         <PricingCardFive
-          title="Event Packages & Pricing"
-          description="Simple, flexible face painting pricing for parties, festivals, and corporate events. Each package includes professional service and artistic creativity. Transparent rates with no hidden fees."
+          title="Face Painting Event Packages"
+          description="Simple, flexible pricing for face painting services at parties, festivals, and corporate events. Each package includes professional service and artistic creativity."
           tag="Transparent Pricing"
           tagIcon={DollarSign}
           tagAnimation="slide-up"
@@ -206,38 +200,35 @@ export default function HomePage() {
           useInvertedBackground={false}
           plans={[
             {
-              id: "birthday-basic",              tag: "Popular",              tagIcon: Star,
-              price: "$150",              period: "per hour",              description: "Perfect for small birthday celebrations and intimate events",              button: { text: "Request Quote", href: "#contact" },
+              id: "birthday-basic",              tag: "Popular",              price: "$150",              period: "per hour",              description: "Perfect for small birthday celebrations",              button: { text: "Request Quote", href: "/packages" },
               featuresTitle: "What's Included",              features: [
                 "Up to 15 kids",                "Colorful themed designs",                "Face painting only",                "Basic design themes"],
             },
             {
-              id: "birthday-deluxe",              tag: "Best Value",              tagIcon: Heart,
-              price: "$200",              period: "per 2 hours",              description: "Full party entertainment package with extended coverage",              button: { text: "Request Quote", href: "#contact" },
+              id: "birthday-deluxe",              tag: "Best Value",              price: "$200",              period: "per 2 hours",              description: "Full party entertainment package",              button: { text: "Request Quote", href: "/packages" },
               featuresTitle: "What's Included",              features: [
                 "Up to 25 kids",                "Custom themed designs",                "Face & temporary tattoos",                "Interactive entertainment"],
             },
             {
-              id: "festival-event",              tag: "Flexible",              tagIcon: Sparkles,
-              price: "$250",              period: "per 3 hours",              description: "Festival and outdoor event service with high-volume capacity",              button: { text: "Request Quote", href: "#contact" },
+              id: "festival-event",              tag: "Flexible",              price: "$250",              period: "per 3 hours",              description: "Festival and outdoor event service",              button: { text: "Request Quote", href: "/packages" },
               featuresTitle: "What's Included",              features: [
                 "High-capacity crowd service",                "Fast artistic designs",                "Setup & teardown included",                "Portable station"],
             },
           ]}
-          buttons={[{ text: "View All Packages", href: "#packages" }]}
+          buttons={[{ text: "View All Packages", href: "/packages" }]}
           buttonAnimation="blur-reveal"
-          ariaLabel="Pricing section with face painting package options and rates"
-          containerClassName="gap-12"
-          textBoxTitleClassName="text-3xl sm:text-4xl font-extrabold"
-          textBoxDescriptionClassName="text-base sm:text-lg opacity-90 max-w-3xl"
+          ariaLabel="Pricing section with package options"
+          containerClassName="gap-8 lg:gap-12"
+          titleClassName="text-3xl sm:text-4xl lg:text-5xl font-extrabold"
+          descriptionClassName="text-base sm:text-lg opacity-90 max-w-3xl"
           cardClassName="p-6 sm:p-8"
         />
       </div>
 
-      <div id="testimonials" data-section="testimonials-home" className="mx-auto px-4 md:px-6">
+      <div id="testimonials-home" data-section="testimonials-home" className="mx-auto px-4 md:px-6 lg:px-8">
         <TestimonialCardTwo
-          title="What Our Clients Say"
-          description="Real testimonials from happy clients who've booked Paintasy face and body art services for their events."
+          title="Client Testimonials - Face Painting Reviews"
+          description="Real testimonials from happy clients who've booked Paintasy for their events and celebrations."
           tag="Client Reviews"
           tagIcon={Star}
           tagAnimation="slide-up"
@@ -247,38 +238,38 @@ export default function HomePage() {
           carouselMode="buttons"
           testimonials={[
             {
-              id: "testimonial-1",              name: "Sarah Johnson",              role: "Parent, Birthday Party Host",              testimonial: "Paintasy was absolutely amazing! The kids loved their face paintings and the artist was so professional and friendly. Our daughter's birthday was unforgettable!",              imageSrc: "http://img.b2bpic.net/free-photo/family-portrait-surprised-father-has-yellow-face-from-paints-cheerful-two-daughters-shows-palms-dirty-with-watercolours-paint-picture-pastime-isolated-lilac-wall-this-is-art_273609-26128.jpg?_wi=1",              imageAlt: "Happy children enjoying professional face painting at birthday party",              icon: Heart,
+              id: "testimonial-1",              name: "Sarah Johnson",              role: "Parent, Birthday Party Host",              testimonial: "Paintasy was absolutely amazing! The kids loved their face paintings and the artist was so professional and friendly. Our daughter's birthday was unforgettable!",              imageSrc: "http://img.b2bpic.net/free-photo/family-portrait-surprised-father-has-yellow-face-from-paints-cheerful-two-daughters-shows-palms-dirty-with-watercolours-paint-picture-pastime-isolated-lilac-wall-this-is-art_273609-26128.jpg?_wi=1",              imageAlt: "Happy children at birthday party",              icon: Heart,
             },
             {
-              id: "testimonial-2",              name: "Marcus Chen",              role: "Festival Organizer",              testimonial: "We hired Paintasy for our community festival and they were fantastic. Quick service, beautiful designs, and the crowd loved it. Booking them again next year!",              imageSrc: "http://img.b2bpic.net/free-photo/man-covered-different-colors-holi_23-2148337991.jpg?_wi=1",              imageAlt: "Festival attendees enjoying professional face painting services",              icon: Smile,
+              id: "testimonial-2",              name: "Marcus Chen",              role: "Festival Organizer",              testimonial: "We hired Paintasy for our community festival and they were fantastic. Quick service, beautiful designs, and the crowd loved it. Booking them again next year!",              imageSrc: "http://img.b2bpic.net/free-photo/man-covered-different-colors-holi_23-2148337991.jpg?_wi=1",              imageAlt: "Festival attendees enjoying face painting",              icon: Smile,
             },
             {
-              id: "testimonial-3",              name: "Emily Rodriguez",              role: "Corporate Event Planner",              testimonial: "Professional, creative, and reliable. Paintasy added the perfect touch of fun to our corporate team building event. Highly recommended!",              imageSrc: "http://img.b2bpic.net/free-photo/group-young-friends-celebrating-new-year_23-2147720468.jpg",              imageAlt: "Corporate event attendees enjoying entertainment and face art services",              icon: Award,
+              id: "testimonial-3",              name: "Emily Rodriguez",              role: "Corporate Event Planner",              testimonial: "Professional, creative, and reliable. Paintasy added the perfect touch of fun to our corporate team building event. Highly recommended!",              imageSrc: "http://img.b2bpic.net/free-photo/group-young-friends-celebrating-new-year_23-2147720468.jpg",              imageAlt: "Corporate event attendees with face art",              icon: Award,
             },
             {
-              id: "testimonial-4",              name: "David Kim",              role: "School Principal",              testimonial: "The face painting station at our school carnival was the highlight! Kids had so much fun, and the artist was fantastic with them. Thank you!",              imageSrc: "http://img.b2bpic.net/free-photo/family-portrait-surprised-father-has-yellow-face-from-paints-cheerful-two-daughters-shows-palms-dirty-with-watercolours-paint-picture-pastime-isolated-lilac-wall-this-is-art_273609-26128.jpg?_wi=2",              imageAlt: "Children enjoying face painting at school carnival event",              icon: Sparkles,
+              id: "testimonial-4",              name: "David Kim",              role: "School Principal",              testimonial: "The face painting station at our school carnival was the highlight! Kids had so much fun, and the artist was fantastic with them. Thank you!",              imageSrc: "http://img.b2bpic.net/free-photo/family-portrait-surprised-father-has-yellow-face-from-paints-cheerful-two-daughters-shows-palms-dirty-with-watercolours-paint-picture-pastime-isolated-lilac-wall-this-is-art_273609-26128.jpg?_wi=2",              imageAlt: "Children enjoying school event face painting",              icon: Sparkles,
             },
             {
-              id: "testimonial-5",              name: "Jessica Martinez",              role: "Wedding Planner",              testimonial: "Added Paintasy as entertainment for a children's wedding reception. The kids were thrilled and parents appreciated the care taken with hygiene and safety.",              imageSrc: "http://img.b2bpic.net/free-photo/family-portrait-surprised-father-has-yellow-face-from-paints-cheerful-two-daughters-shows-palms-dirty-with-watercolours-paint-picture-pastime-isolated-lilac-wall-this-is-art_273609-26128.jpg?_wi=3",              imageAlt: "Professional face painting service at children's wedding event",              icon: Heart,
+              id: "testimonial-5",              name: "Jessica Martinez",              role: "Wedding Planner",              testimonial: "Added Paintasy as entertainment for a children's wedding reception. The kids were thrilled and parents appreciated the care taken with hygiene and safety.",              imageSrc: "http://img.b2bpic.net/free-photo/family-portrait-surprised-father-has-yellow-face-from-paints-cheerful-two-daughters-shows-palms-dirty-with-watercolours-paint-picture-pastime-isolated-lilac-wall-this-is-art_273609-26128.jpg?_wi=3",              imageAlt: "Children's event face painting service",              icon: Heart,
             },
             {
-              id: "testimonial-6",              name: "Thomas Wilson",              role: "Event Manager",              testimonial: "From consultation to execution, Paintasy was excellent. They delivered exactly what we envisioned for our community event. A+",              imageSrc: "http://img.b2bpic.net/free-photo/man-covered-different-colors-holi_23-2148337991.jpg?_wi=2",              imageAlt: "Community event face painting and entertainment service",              icon: Star,
+              id: "testimonial-6",              name: "Thomas Wilson",              role: "Event Manager",              testimonial: "From consultation to execution, Paintasy was excellent. They delivered exactly what we envisioned for our community event. A+",              imageSrc: "http://img.b2bpic.net/free-photo/man-covered-different-colors-holi_23-2148337991.jpg?_wi=2",              imageAlt: "Community event face painting",              icon: Star,
             },
           ]}
-          buttons={[{ text: "Book Now", href: "#packages" }]}
+          buttons={[{ text: "Book Now", href: "/packages" }]}
           buttonAnimation="blur-reveal"
-          ariaLabel="Client testimonials and reviews section for face painting services"
-          containerClassName="gap-12"
-          textBoxTitleClassName="text-3xl sm:text-4xl font-extrabold"
-          textBoxDescriptionClassName="text-base sm:text-lg opacity-90 max-w-3xl"
+          ariaLabel="Client testimonials section"
+          containerClassName="gap-8 lg:gap-12"
+          titleClassName="text-3xl sm:text-4xl lg:text-5xl font-extrabold"
+          descriptionClassName="text-base sm:text-lg opacity-90 max-w-3xl"
         />
       </div>
 
-      <div id="gallery" data-section="gallery-preview-home" className="mx-auto px-4 md:px-6">
+      <div id="gallery-preview-home" data-section="gallery-preview-home" className="mx-auto px-4 md:px-6 lg:px-8">
         <ProductCardFour
-          title="Photo Gallery & Portfolio"
-          description="Real photos from our professional face painting and body art events. Browse our portfolio of creative designs and happy clients across all event types."
-          tag="Portfolio Showcase"
+          title="Photo Gallery - Face Painting Portfolio"
+          description="Real photos from our events and happy clients. Browse our portfolio of professional face painting and body art work."
+          tag="Portfolio"
           tagIcon={Camera}
           tagAnimation="slide-up"
           textboxLayout="default"
@@ -288,26 +279,27 @@ export default function HomePage() {
           carouselMode="buttons"
           products={[
             {
-              id: "gallery-1",              name: "Kids Face Painting",              price: "Colorful Designs",              variant: "Birthday Parties",              imageSrc: "http://img.b2bpic.net/free-psd/holi-festival-celebration-instagram-posts_23-2151227255.jpg?_wi=1",              imageAlt: "Collection of professional kids face painting designs and artwork"},
+              id: "gallery-1",              name: "Kids Face Painting",              price: "Colorful Designs",              variant: "Birthday Parties",              imageSrc: "http://img.b2bpic.net/free-psd/holi-festival-celebration-instagram-posts_23-2151227255.jpg?_wi=1",              imageAlt: "Collection of kids face painting designs"},
             {
-              id: "gallery-2",              name: "Festival Face Art",              price: "Creative Artistry",              variant: "Outdoor Events",              imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-brush-close-up_23-2148966902.jpg?_wi=1",              imageAlt: "Professional festival face painting artwork and artistic designs"},
+              id: "gallery-2",              name: "Festival Face Art",              price: "Creative Artistry",              variant: "Outdoor Events",              imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-brush-close-up_23-2148966902.jpg?_wi=1",              imageAlt: "Festival face painting artwork"},
             {
-              id: "gallery-3",              name: "Body Painting Art",              price: "Professional Service",              variant: "Special Events",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-women-with-all-kinds-body_23-2149159242.jpg?_wi=1",              imageAlt: "Professional body art photography and creative body painting services"},
+              id: "gallery-3",              name: "Body Painting Art",              price: "Professional Service",              variant: "Special Events",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-women-with-all-kinds-body_23-2149159242.jpg?_wi=1",              imageAlt: "Professional body art photography"},
             {
-              id: "gallery-4",              name: "Custom Designs",              price: "Personalized Art",              variant: "Themed Events",              imageSrc: "http://img.b2bpic.net/free-photo/fun-portrait-with-decorations-face_23-2150749319.jpg?_wi=1",              imageAlt: "Custom themed face painting designs for special events"},
+              id: "gallery-4",              name: "Custom Designs",              price: "Personalized Art",              variant: "Themed Events",              imageSrc: "http://img.b2bpic.net/free-photo/fun-portrait-with-decorations-face_23-2150749319.jpg?_wi=1",              imageAlt: "Custom themed face painting designs"},
           ]}
-          buttons={[{ text: "View Full Gallery", href: "#gallery" }]}
+          buttons={[{ text: "View Full Gallery", href: "/gallery" }]}
           buttonAnimation="blur-reveal"
-          ariaLabel="Photo gallery preview section showcasing professional face painting portfolio"
-          containerClassName="gap-12"
-          cardNameClassName="text-3xl sm:text-4xl font-extrabold"
+          ariaLabel="Photo gallery preview section"
+          containerClassName="gap-8 lg:gap-12"
+          titleClassName="text-3xl sm:text-4xl lg:text-5xl font-extrabold"
+          descriptionClassName="text-base sm:text-lg opacity-90 max-w-3xl"
         />
       </div>
 
-      <div id="faq" data-section="faq-home" className="mx-auto px-4 md:px-6">
+      <div id="faq-home" data-section="faq-home" className="mx-auto px-4 md:px-6 lg:px-8">
         <FaqBase
-          title="Frequently Asked Questions"
-          description="Everything you need to know about booking Paintasy professional face and body art services for your event."
+          title="Face Painting FAQ - Frequently Asked Questions"
+          description="Everything you need to know about booking Paintasy for your event."
           tag="FAQ"
           tagIcon={HelpCircle}
           tagAnimation="slide-up"
@@ -318,57 +310,57 @@ export default function HomePage() {
           showCard={true}
           faqs={[
             {
-              id: "faq-1",              title: "How far in advance should I book face painting services?",              content: "We recommend booking at least 2-3 weeks in advance to secure your preferred date and time for face painting services. For large events or peak seasons, 4-6 weeks advance booking is ideal. Last-minute bookings may be available depending on our artist schedule."},
+              id: "faq-1",              title: "How far in advance should I book face painting services?",              content: "We recommend booking at least 2-3 weeks in advance to secure your preferred date and time. For large events or peak seasons, 4-6 weeks advance booking is ideal. Last-minute bookings may be available depending on our schedule."},
             {
-              id: "faq-2",              title: "Are your face paints safe for children and sensitive skin?",              content: "Absolutely! We use only professional-grade, hypoallergenic face paints that are non-toxic and dermatologist-tested. All products are safe for sensitive skin and children. We also practice strict hygiene protocols, using clean brushes and sanitized application tools for each client to ensure safety and comfort."},
+              id: "faq-2",              title: "Are your face paints safe for children?",              content: "Absolutely! We use only professional-grade, hypoallergenic face paints that are non-toxic and dermatologist-tested. All products are safe for sensitive skin. We also practice strict hygiene protocols, using clean brushes and sanitized application tools for each client."},
             {
-              id: "faq-3",              title: "How long does professional face painting take per person?",              content: "Simple designs typically take 3-5 minutes, while more detailed or custom face painting designs take 8-12 minutes. At festivals, we optimize for speed without sacrificing quality. For birthday parties and events, we allow a bit more time for custom designs and interactions with children."},
+              id: "faq-3",              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 optimize for speed without sacrificing quality. For parties, we allow a bit more time for custom designs and interactions with children."},
             {
-              id: "faq-4",              title: "What if someone has a skin allergy to face paint?",              content: "We have hypoallergenic face painting options available for sensitive skin. Please inform us of any allergies when booking your event. We're always happy to discuss alternative products or perform test patches before proceeding with full face painting service."},
+              id: "faq-4",              title: "What if someone has a skin allergy?",              content: "We have hypoallergenic options available. Please inform us of any allergies when booking. We're always happy to discuss alternative products or test patches before proceeding with full face painting."},
             {
-              id: "faq-5",              title: "Can you create custom face painting designs for themed events?",              content: "Yes! We specialize in custom face painting designs for themed parties and corporate events. Please provide theme details or reference images when booking your face painting service. There may be a small additional fee for very complex custom designs."},
+              id: "faq-5",              title: "Can you do custom face painting designs?",              content: "Yes! We specialize in custom face painting designs for themed parties and corporate events. Please provide theme details or reference images when booking. There may be a small additional fee for very complex custom designs."},
             {
-              id: "faq-6",              title: "What's included in your face painting packages?",              content: "All packages include professional face painting service, setup and teardown, and our artist's materials. Some packages include additional services like temporary tattoos or body painting. Check specific package details for what's included in your event package."},
+              id: "faq-6",              title: "What's included in your face painting packages?",              content: "All packages include professional face painting service, setup and teardown, and our artist's materials. Some packages include additional services like temporary tattoos or body painting. Check specific package details for what's included."},
           ]}
-          buttons={[{ text: "Book Your Event", href: "#packages" }]}
+          buttons={[{ text: "Book Your Event", href: "/packages" }]}
           buttonAnimation="blur-reveal"
-          ariaLabel="FAQ section with common questions about face painting services"
-          containerClassName="gap-12"
-          textBoxTitleClassName="text-3xl sm:text-4xl font-extrabold"
-          textBoxDescriptionClassName="text-base sm:text-lg opacity-90 max-w-3xl"
+          ariaLabel="FAQ section with common questions"
+          containerClassName="gap-8 lg:gap-12"
+          titleClassName="text-3xl sm:text-4xl lg:text-5xl font-extrabold"
+          descriptionClassName="text-base sm:text-lg opacity-90 max-w-3xl"
         />
       </div>
 
-      <div id="contact" data-section="contact-home" className="mx-auto px-4 md:px-6">
+      <div id="contact-home" data-section="contact-home" className="mx-auto px-4 md:px-6 lg:px-8">
         <ContactText
-          text="Ready to add magic to your event? Get in touch with Paintasy Face and Body Art. We'd love to discuss your event and create an unforgettable experience for your guests with professional face painting and body art services."
+          text="Ready to add magic to your event? Get in touch with Paintasy Face and Body Art. We'd love to discuss your event and create an unforgettable experience for your guests."
           animationType="background-highlight"
           background={{ variant: "radial-gradient" }}
           useInvertedBackground={false}
           buttons={[
-            { text: "Request a Quote", href: "#contact" },
+            { text: "Request a Quote", href: "/contact" },
             { text: "Call Us", href: "tel:+15551234567" },
           ]}
-          ariaLabel="Contact call-to-action section for booking face painting services"
-          containerClassName="py-12 sm:py-16"
+          ariaLabel="Contact call-to-action section"
+          containerClassName="py-12 sm:py-16 lg:py-20"
           contentClassName="max-w-3xl mx-auto"
-          textClassName="text-3xl sm:text-4xl font-extrabold text-center"
-          buttonContainerClassName="flex flex-col sm:flex-row gap-4 justify-center mt-8 w-full sm:w-auto"
+          textClassName="text-2xl sm:text-3xl lg: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-home" className="mx-auto px-4 md:px-6">
+      <div id="footer-home" data-section="footer-home" className="mx-auto px-4 md:px-6 lg:px-8">
         <FooterSimple
           columns={footerColumns}
           bottomLeftText="© 2024 Paintasy Face and Body Art. All rights reserved."
           bottomRightText="Professional Event Entertainment | Creative Services"
-          ariaLabel="Site footer with navigation links and contact information"
-          containerClassName="gap-12"
-          columnsClassName="grid-cols-2 lg:grid-cols-4 gap-6 sm:gap-8"
-          columnTitleClassName="font-extrabold text-lg text-sm sm:text-base lg:text-lg"
-          columnItemClassName="text-sm sm:text-base hover:opacity-70 transition-opacity"
+          ariaLabel="Site footer with links"
+          containerClassName="gap-8 lg:gap-12"
+          columnsClassName="grid-cols-2 lg:grid-cols-4"
+          columnTitleClassName="font-extrabold text-lg"
+          columnItemClassName="hover:opacity-70 transition-opacity"
         />
       </div>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1


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

---
 src/app/services/page.tsx | 97 ++++++++++++++++++---------------------
 1 file changed, 44 insertions(+), 53 deletions(-)

diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 216f0ed..2479a0c 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -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."
-- 
2.49.1


From 13da2a319868a009079d2ae7c34c56ec0695bbac Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 14 Mar 2026 05:33:01 +0000
Subject: [PATCH 26/34] Update src/app/about/page.tsx

---
 src/app/about/page.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index dab5de9..61e53af 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -160,8 +160,8 @@ export default function AboutPage() {
             },
           ]}
           containerClassName="gap-12"
-          titleClassName="text-4xl font-extrabold"
-          descriptionClassName="text-lg opacity-90"
+          itemClassName=""
+          mediaWrapperClassName=""
         />
       </div>
 
-- 
2.49.1


From 7c455d8af21901b7432becc2c6a97253d19a51e8 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 14 Mar 2026 05:33:02 +0000
Subject: [PATCH 27/34] Update src/app/contact/page.tsx

---
 src/app/contact/page.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 048af42..8cc5ac4 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -87,6 +87,7 @@ export default function ContactPage() {
           inputPlaceholder="Enter your email"
           buttonText="Send Message"
           termsText="By submitting this form, you agree to be contacted about your event inquiry."
+          mediaAnimation="opacity"
           onSubmit={(email) => {
             console.log("Form submitted with email:", email);
           }}
-- 
2.49.1


From 50091c8062f5b7df53ddc7b00bbcd8a42024c5bb Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 14 Mar 2026 05:33:03 +0000
Subject: [PATCH 28/34] Update src/app/gallery/page.tsx

---
 src/app/gallery/page.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/app/gallery/page.tsx b/src/app/gallery/page.tsx
index c246889..f13474b 100644
--- a/src/app/gallery/page.tsx
+++ b/src/app/gallery/page.tsx
@@ -113,8 +113,9 @@ export default function GalleryPage() {
           buttonAnimation="blur-reveal"
           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>
 
-- 
2.49.1


From 6bf49aa421bc98497b6ad730dd186547f0dc2bae Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 14 Mar 2026 05:33:04 +0000
Subject: [PATCH 29/34] Update src/app/packages/page.tsx

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

diff --git a/src/app/packages/page.tsx b/src/app/packages/page.tsx
index 4bbd675..9a01779 100644
--- a/src/app/packages/page.tsx
+++ b/src/app/packages/page.tsx
@@ -147,9 +147,9 @@ export default function PackagesPage() {
           buttonAnimation="blur-reveal"
           ariaLabel="Pricing section with package options"
           containerClassName="gap-12"
-          titleClassName="text-4xl font-extrabold"
-          descriptionClassName="text-lg opacity-90 max-w-3xl"
-          cardClassName="p-8"
+          cardContentClassName=""
+          planTagClassName=""
+          planPriceClassName=""
         />
       </div>
 
@@ -189,8 +189,8 @@ export default function PackagesPage() {
           buttonAnimation="blur-reveal"
           ariaLabel="Package details and inclusions"
           containerClassName="gap-12"
-          titleClassName="text-4xl font-extrabold"
-          descriptionClassName="text-lg opacity-90 max-w-3xl"
+          itemClassName=""
+          mediaWrapperClassName=""
         />
       </div>
 
@@ -228,8 +228,8 @@ export default function PackagesPage() {
           buttonAnimation="blur-reveal"
           ariaLabel="Packages FAQ section"
           containerClassName="gap-12"
-          titleClassName="text-4xl font-extrabold"
-          descriptionClassName="text-lg opacity-90 max-w-3xl"
+          accordionClassName=""
+          accordionTitleClassName=""
         />
       </div>
 
-- 
2.49.1


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

---
 src/app/page.tsx | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index c8f88ef..92e2de1 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -183,8 +183,8 @@ export default function HomePage() {
           buttonAnimation="blur-reveal"
           ariaLabel="Services section showcasing face painting offerings"
           containerClassName="gap-8 lg:gap-12"
-          titleClassName="text-3xl sm:text-4xl lg:text-5xl font-extrabold"
-          descriptionClassName="text-base sm:text-lg opacity-90 max-w-3xl"
+          itemClassName=""
+          mediaWrapperClassName=""
         />
       </div>
 
@@ -219,9 +219,9 @@ export default function HomePage() {
           buttonAnimation="blur-reveal"
           ariaLabel="Pricing section with package options"
           containerClassName="gap-8 lg:gap-12"
-          titleClassName="text-3xl sm:text-4xl lg:text-5xl font-extrabold"
-          descriptionClassName="text-base sm:text-lg opacity-90 max-w-3xl"
-          cardClassName="p-6 sm:p-8"
+          cardContentClassName=""
+          planTagClassName=""
+          planPriceClassName=""
         />
       </div>
 
@@ -260,8 +260,8 @@ export default function HomePage() {
           buttonAnimation="blur-reveal"
           ariaLabel="Client testimonials section"
           containerClassName="gap-8 lg:gap-12"
-          titleClassName="text-3xl sm:text-4xl lg:text-5xl font-extrabold"
-          descriptionClassName="text-base sm:text-lg opacity-90 max-w-3xl"
+          imageWrapperClassName=""
+          roleClassName=""
         />
       </div>
 
@@ -291,8 +291,8 @@ export default function HomePage() {
           buttonAnimation="blur-reveal"
           ariaLabel="Photo gallery preview section"
           containerClassName="gap-8 lg:gap-12"
-          titleClassName="text-3xl sm:text-4xl lg:text-5xl font-extrabold"
-          descriptionClassName="text-base sm:text-lg opacity-90 max-w-3xl"
+          cardNameClassName=""
+          cardPriceClassName=""
         />
       </div>
 
@@ -326,8 +326,8 @@ export default function HomePage() {
           buttonAnimation="blur-reveal"
           ariaLabel="FAQ section with common questions"
           containerClassName="gap-8 lg:gap-12"
-          titleClassName="text-3xl sm:text-4xl lg:text-5xl font-extrabold"
-          descriptionClassName="text-base sm:text-lg opacity-90 max-w-3xl"
+          accordionClassName=""
+          accordionTitleClassName=""
         />
       </div>
 
-- 
2.49.1


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

---
 src/app/services/page.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 2479a0c..57ec7c8 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -142,8 +142,8 @@ export default function ServicesPage() {
           buttonAnimation="blur-reveal"
           ariaLabel="Detailed services section"
           containerClassName="gap-12"
-          titleClassName="text-4xl font-extrabold"
-          descriptionClassName="text-lg opacity-90 max-w-3xl"
+          itemClassName=""
+          mediaWrapperClassName=""
         />
       </div>
 
@@ -177,8 +177,8 @@ export default function ServicesPage() {
           buttonAnimation="blur-reveal"
           ariaLabel="Services FAQ section"
           containerClassName="gap-12"
-          titleClassName="text-4xl font-extrabold"
-          descriptionClassName="text-lg opacity-90 max-w-3xl"
+          accordionClassName=""
+          accordionTitleClassName=""
         />
       </div>
 
-- 
2.49.1


From 702f9f44b26b7a48e2a1b70eda012d7dfeaa8fcc Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 14 Mar 2026 05:33:51 +0000
Subject: [PATCH 32/34] Update src/app/packages/page.tsx

---
 src/app/packages/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/packages/page.tsx b/src/app/packages/page.tsx
index 9a01779..989be84 100644
--- a/src/app/packages/page.tsx
+++ b/src/app/packages/page.tsx
@@ -95,7 +95,7 @@ export default function PackagesPage() {
           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 event entertainment"},
+              imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-make-up-woman-wearing-mask_23-2148784326.jpg?_wi=1",              imageAlt: "Professional face painting event entertainment"},
           ]}
           mediaAnimation="opacity"
           ariaLabel="Packages page hero section"
-- 
2.49.1


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

---
 src/app/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 92e2de1..9a866cd 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -100,7 +100,7 @@ export default function HomePage() {
           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 at event"},
+              imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-make-up-woman-wearing-mask_23-2148784326.jpg?_wi=2",              imageAlt: "Professional face painting at event"},
           ]}
           mediaAnimation="opacity"
           ariaLabel="Hero section with professional face painting showcase"
-- 
2.49.1


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

---
 src/app/services/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 57ec7c8..f783d4d 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -94,7 +94,7 @@ export default function ServicesPage() {
           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 artist at work"},
+              imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-make-up-woman-wearing-mask_23-2148784326.jpg?_wi=3",              imageAlt: "Professional face painting artist at work"},
           ]}
           mediaAnimation="opacity"
           ariaLabel="Services page hero section"
-- 
2.49.1