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

---
 src/app/about/page.tsx | 204 +++++++++++++++--------------------------
 1 file changed, 73 insertions(+), 131 deletions(-)

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 094120b..dab5de9 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -1,63 +1,58 @@
 "use client";
 
+import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
-import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
-import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
-import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-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';
-
-export const metadata = {
-  title: "About Paintasy - Professional Face Painting & Body Art",  description: "Learn about Paintasy Face and Body Art. Discover our company story, mission, and team of professional face painters dedicated to creating magical moments.",  keywords: "about paintasy, face painting team, professional artists, company story, mission statement"
-};
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
+import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
+import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+import { Palette, Award, Shield, CheckCircle } from "lucide-react";
 
 export default function AboutPage() {
   const navItems = [
-    { name: "Home", id: "/" },
+    { name: "Home", id: "home" },
     { name: "Services", id: "services" },
-    { name: "Gallery", id: "/gallery" },
+    { name: "Gallery", id: "gallery" },
     { name: "Packages", id: "packages" },
-    { name: "About", id: "/about" },
-    { name: "Contact", id: "/contact" },
+    { name: "About", id: "about" },
+    { name: "Contact", id: "contact" },
   ];
 
   const footerColumns = [
     {
-      title: "Services",      items: [
+      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: [
+      title: "Company",
+      items: [
         { label: "About Us", href: "/about" },
         { label: "Gallery", href: "/gallery" },
-        { label: "Packages", href: "/#packages-home" },
-        { label: "FAQ", href: "/#faq-home" },
+        { label: "Packages", href: "/packages" },
         { label: "Contact", href: "/contact" },
       ],
     },
     {
-      title: "Connect",      items: [
+      title: "Connect",
+      items: [
         { label: "Instagram", href: "https://instagram.com" },
         { label: "Facebook", href: "https://facebook.com" },
         { label: "TikTok", href: "https://tiktok.com" },
         { label: "Email", href: "mailto:paintasy@events.com" },
-        { label: "Phone", href: "tel:+15551234567" },
       ],
     },
     {
-      title: "Service Areas",      items: [
+      title: "Service Areas",
+      items: [
         { label: "Local Events", href: "/contact" },
         { label: "Regional Coverage", href: "/contact" },
-        { label: "Book Now", href: "/#packages-home" },
+        { label: "Book Now", href: "/packages" },
         { label: "Get Quote", href: "/contact" },
       ],
     },
@@ -78,156 +73,103 @@ export default function AboutPage() {
     >
       <div id="nav" data-section="nav">
         <NavbarStyleFullscreen
-          brandName="Paintasy"
           navItems={navItems}
+          brandName="Paintasy"
           bottomLeftText="Creative Face & Body Art"
           bottomRightText="paintasy@events.com"
         />
       </div>
 
-      <div id="hero-about" data-section="hero-about" className="mx-auto px-4 md:px-6">
+      <div id="about-page-hero" data-section="about-page-hero">
         <HeroBillboardGallery
-          title="About Paintasy Face and Body Art"
-          description="Discover our story, mission, and the team behind professional face painting and body art entertainment. We're passionate about creating magical moments and unforgettable experiences."
+          title="About Paintasy"
+          description="Professional face painting and body art entertainment bringing creativity and joy to events."
           background={{ variant: "radial-gradient" }}
-          tag="Our Story"
-          tagIcon={Sparkles}
-          tagAnimation="slide-up"
-          buttons={[
-            { text: "Learn More", href: "#mission-about" },
-            { text: "Meet Our Team", href: "#team-about" },
-          ]}
-          buttonAnimation="blur-reveal"
           mediaItems={[
             {
-              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: "Paintasy founder painting with passion"
+              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=2",
+              imageAlt: "Professional face painter at work",
             },
           ]}
           mediaAnimation="opacity"
-          ariaLabel="About page hero section"
-          className="min-h-screen"
-          containerClassName="flex flex-col lg:flex-row items-center justify-between gap-12"
-          titleClassName="text-5xl lg:text-6xl font-extrabold leading-tight"
-          descriptionClassName="text-lg lg:text-xl opacity-90 max-w-2xl"
-          buttonContainerClassName="flex flex-col sm:flex-row gap-4 mt-8"
+          titleClassName="text-5xl font-extrabold"
+          descriptionClassName="text-lg opacity-90"
         />
       </div>
 
-      <div id="mission-about" data-section="mission-about" className="mx-auto px-4 md:px-6">
+      <div id="about-story" data-section="about-story">
         <MetricSplitMediaAbout
-          title="Our Mission & Values"
-          description="At Paintasy, our mission is to bring joy, creativity, and color to every event we serve. We believe that face painting and body art are more than just entertainment—they're an art form that transforms moments into magical memories. We're committed to professional excellence, artistic innovation, and making every client feel valued and celebrated."
-          tag="Mission Statement"
-          tagIcon={Target}
+          title="Our Story & Mission"
+          description="Paintasy was founded on the belief that creative entertainment transforms events into unforgettable celebrations. We started with a passion for face painting and body art, and have grown into a professional team dedicated to bringing magic and color to every event we touch.\n\nOur mission is simple: deliver exceptional artistic service, genuine happiness, and professional entertainment that exceeds expectations. From children's birthday parties to corporate celebrations and festival events, we pour our hearts into creating beautiful, memorable experiences."
+          tag="Professional Team"
+          tagIcon={Award}
           tagAnimation="slide-up"
-          imageSrc="http://img.b2bpic.net/free-photo/dreamy-eyes-woman-smiling-festival_23-2148338055.jpg?_wi=1"
-          imageAlt="Professional artist at work"
+          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=3"
+          imageAlt="Our professional face painting artist"
           mediaAnimation="blur-reveal"
           metrics={[
-            { value: "15+", title: "Years Combined Experience" },
-            { value: "2000+", title: "Happy Clients" },
-            { value: "50+", title: "Events Per Year" },
+            { value: "500+", title: "Events Painted" },
+            { value: "1000+", title: "Happy Faces" },
+            { value: "10+", title: "Years Experience" },
             { value: "100%", title: "Satisfaction Rate" },
           ]}
           metricsAnimation="slide-up"
-          useInvertedBackground={false}
-          ariaLabel="Mission and values section"
-          containerClassName="gap-12"
+          useInvertedBackground={true}
           titleClassName="text-4xl font-extrabold"
           descriptionClassName="text-lg opacity-90 max-w-2xl"
         />
       </div>
 
-      <div id="team-about" data-section="team-about" className="mx-auto px-4 md:px-6">
-        <TeamCardEleven
-          title="Meet Our Team"
-          description="Our team consists of professional artists, each with unique talents and a passion for creating unforgettable face painting and body art experiences."
+      <div id="about-values" data-section="about-values">
+        <FeatureCardTen
+          title="Our Values"
+          description="What drives us in everything we do."
           textboxLayout="default"
           animationType="slide-up"
-          useInvertedBackground={true}
-          tag="Professional Artists"
-          tagIcon={Palette}
-          tagAnimation="slide-up"
-          groups={[
+          useInvertedBackground={false}
+          features={[
             {
-              id: "founders",              groupTitle: "Founders & Lead Artists",              members: [
-                {
-                  id: "founder-1",                  title: "Alex Martinez",                  subtitle: "Co-Founder & Lead Artist",                  detail: "With 15 years of professional face painting experience, Alex founded Paintasy with a vision of bringing professional-grade face art to every event. Specializing in intricate designs and themed artwork.",                  imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-make-up-woman-wearing-mask_23-2148784326.jpg",                  imageAlt: "Alex Martinez, co-founder"
-                },
-                {
-                  id: "founder-2",                  title: "Jordan Chen",                  subtitle: "Co-Founder & Creative Director",                  detail: "Jordan brings artistic vision and innovation to every project. With a background in fine arts and body painting, Jordan leads our creative direction and ensures every design exceeds expectations.",                  imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-putting-makeup-man_23-2149357796.jpg?_wi=1",                  imageAlt: "Jordan Chen, creative director"
-                },
-              ]
+              id: "value-1",
+              title: "Creativity",
+              description:
+                "We believe in artistic expression and creative design. Every face is a canvas.",
+              media: {
+                imageSrc: "http://img.b2bpic.net/free-photo/fun-portrait-with-decorations-face_23-2150749319.jpg?_wi=3",
+                imageAlt: "Creative face painting designs",
+              },
+              items: [
+                { icon: Palette, text: "Artistic innovation" },
+                { icon: CheckCircle, text: "Unique designs" },
+              ],
+              reverse: false,
             },
             {
-              id: "artists",              groupTitle: "Professional Artists",              members: [
-                {
-                  id: "artist-1",                  title: "Maya Patel",                  subtitle: "Face Painting Specialist",                  detail: "Specializes in kids' party designs and fast-paced festival work. Maya is known for her energetic personality and ability to make every child feel special with personalized designs.",                  imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-women-with-all-kinds-body_23-2149159242.jpg?_wi=1",                  imageAlt: "Maya Patel, face painting specialist"
-                },
-                {
-                  id: "artist-2",                  title: "Chris Thompson",                  subtitle: "Body Art & Festival Artist",                  detail: "Expert in body painting and large-scale festival events. Chris combines speed with artistry, delivering stunning designs even in high-volume environments.",                  imageSrc: "http://img.b2bpic.net/free-photo/fun-portrait-with-decorations-face_23-2150749319.jpg?_wi=1",                  imageAlt: "Chris Thompson, body art specialist"
-                },
-                {
-                  id: "artist-3",                  title: "Lisa Wong",                  subtitle: "Corporate & Custom Design Artist",                  detail: "Brings professionalism and creativity to corporate events. Lisa excels at custom branding designs and creates memorable experiences for team building activities.",                  imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-brush-close-up_23-2148966902.jpg?_wi=1",                  imageAlt: "Lisa Wong, corporate artist"
-                },
-              ]
+              id: "value-2",
+              title: "Safety & Professionalism",
+              description:
+                "We use only hypoallergenic, professional-grade face paints and maintain strict hygiene standards.",
+              media: {
+                imageSrc: "http://img.b2bpic.net/free-photo/dreamy-eyes-woman-smiling-festival_23-2148338055.jpg?_wi=5",
+                imageAlt: "Safe professional face painting",
+              },
+              items: [
+                { icon: Shield, text: "Hypoallergenic products" },
+                { icon: CheckCircle, text: "Safety certified" },
+              ],
+              reverse: true,
             },
           ]}
-          ariaLabel="Team members section"
           containerClassName="gap-12"
-          itemClassName="text-4xl font-extrabold"
-          descriptionClassName="text-lg opacity-90 max-w-3xl"
-        />
-      </div>
-
-      <div id="company-story" data-section="company-story" className="mx-auto px-4 md:px-6">
-        <TestimonialAboutCard
-          tag="Company Story"
-          tagIcon={Heart}
-          tagAnimation="slide-up"
-          title="Our Journey"
-          description="Paintasy was founded on a simple belief: face painting and body art should be more than just entertainment—it should be an art form that brings joy, creativity, and magic to every event."
-          subdescription="What started as a passion project has grown into a trusted name in professional event entertainment. From small birthday parties to large-scale festivals, we've been committed to delivering exceptional service and unforgettable experiences. Our team's dedication to quality, safety, and artistic excellence has earned us the trust of hundreds of happy clients. Today, Paintasy continues to innovate and push creative boundaries, making every event we touch a little bit more magical."
-          icon={Sparkles}
-          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="Paintasy company story"
-          mediaAnimation="blur-reveal"
-          useInvertedBackground={false}
-          ariaLabel="Company story section"
           titleClassName="text-4xl font-extrabold"
           descriptionClassName="text-lg opacity-90"
-          subdescriptionClassName="text-base opacity-80 leading-relaxed"
         />
       </div>
 
-      <div id="contact-about" data-section="contact-about" className="mx-auto px-4 md:px-6">
-        <ContactText
-          text="Want to learn more about booking Paintasy for your event or interested in joining our team? Get in touch with us today. We'd love to discuss how we can make your event unforgettable."
-          animationType="background-highlight"
-          background={{ variant: "radial-gradient" }}
-          useInvertedBackground={false}
-          buttons={[
-            { text: "Request a Quote", href: "/contact" },
-            { text: "Call Us", href: "tel:+15551234567" },
-          ]}
-          ariaLabel="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-about" data-section="footer-about" className="mx-auto px-4 md:px-6">
+      <div id="footer" data-section="footer">
         <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>
-- 
2.49.1


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

---
 src/app/booking/page.tsx | 298 ++++++++++++---------------------------
 1 file changed, 88 insertions(+), 210 deletions(-)

diff --git a/src/app/booking/page.tsx b/src/app/booking/page.tsx
index 565c16e..8951b91 100644
--- a/src/app/booking/page.tsx
+++ b/src/app/booking/page.tsx
@@ -2,30 +2,47 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import HeroLogo from '@/components/sections/hero/HeroLogo';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
+import { Sparkles } from 'lucide-react';
 import { useState } from 'react';
-import { Calendar, Clock, Users, Palette, CheckCircle } from 'lucide-react';
+
+export const metadata = {
+  title: "Book Your Event - Paintasy Face and Body Art",  description: "Book professional face painting and body art services for your event. Easy booking form, flexible scheduling, and transparent pricing.",  keywords: "book face painting, event booking, face painter booking, party entertainment booking"};
 
 export default function BookingPage() {
   const [formData, setFormData] = useState({
-    eventType: '',
+    name: '',
+    email: '',
+    phone: '',
     eventDate: '',
-    eventTime: '',
+    eventType: '',
     guestCount: '',
-    budget: '',
-    notes: '',
+    eventDuration: '',
+    message: '',
   });
 
-  const [submitted, setSubmitted] = useState(false);
+  const handleFormSubmit = (data: Record<string, string>) => {
+    console.log('Booking form submitted:', data);
+    setFormData({
+      name: '',
+      email: '',
+      phone: '',
+      eventDate: '',
+      eventType: '',
+      guestCount: '',
+      eventDuration: '',
+      message: '',
+    });
+  };
 
   const navItems = [
     { name: "Home", id: "/" },
     { name: "Services", id: "/#services" },
     { name: "Gallery", id: "/gallery" },
-    { name: "Packages", id: "/#packages" },
-    { name: "About", id: "/#about" },
+    { name: "Packages", id: "/#packages-home" },
+    { name: "About", id: "/#about-home" },
     { name: "Booking", id: "/booking" },
     { name: "Contact", id: "/contact" },
   ];
@@ -42,10 +59,10 @@ export default function BookingPage() {
     },
     {
       title: "Company",      items: [
-        { label: "About Us", href: "/#about" },
+        { label: "About Us", href: "/#about-home" },
         { label: "Gallery", href: "/gallery" },
-        { label: "Packages", href: "/#packages" },
-        { label: "FAQ", href: "/#faq" },
+        { label: "Packages", href: "/#packages-home" },
+        { label: "FAQ", href: "/#faq-home" },
         { label: "Contact", href: "/contact" },
       ],
     },
@@ -68,29 +85,6 @@ export default function BookingPage() {
     },
   ];
 
-  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>) => {
-    const { name, value } = e.target;
-    setFormData(prev => ({ ...prev, [name]: value }));
-  };
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault();
-    setSubmitted(true);
-    setTimeout(() => setSubmitted(false), 5000);
-  };
-
-  const availableDates = [
-    { date: '2025-02-15', available: true },
-    { date: '2025-02-16', available: false },
-    { date: '2025-02-17', available: true },
-    { date: '2025-02-22', available: true },
-    { date: '2025-02-23', available: true },
-    { date: '2025-03-01', available: true },
-    { date: '2025-03-02', available: false },
-    { date: '2025-03-08', available: true },
-    { date: '2025-03-09', available: true },
-  ];
-
   return (
     <ThemeProvider
       defaultButtonVariant="shift-hover"
@@ -113,183 +107,67 @@ export default function BookingPage() {
         />
       </div>
 
-      <div id="hero-booking" data-section="hero-booking" className="mx-auto px-4 md:px-6">
-        <HeroLogo
-          logoText="Event Booking"
-          description="Secure your date and customize your face painting and body art experience. Check availability, fill out your booking form, and let's create something amazing."
-          buttons={[{ text: "Scroll to Book", href: "#booking-form" }]}
-          buttonAnimation="blur-reveal"
-          showDimOverlay={false}
+      <div id="booking-hero" data-section="booking-hero" className="mx-auto px-4 md:px-6">
+        <HeroLogoBillboardSplit
+          logoText="Book Your Event"
+          description="Schedule professional face painting and body art for your special occasion. Choose your package, date, and let us handle the magic."
+          background={{ variant: "radial-gradient" }}
+          buttons={[
+            { text: "Book Now", href: "#booking-form" },
+            { text: "View Packages", href: "/#packages-home" },
+          ]}
+          layoutOrder="default"
+          mediaAnimation="blur-reveal"
           ariaLabel="Booking page hero section"
-          className="min-h-screen flex items-center justify-center"
-          containerClassName="text-center"
-          descriptionClassName="text-lg opacity-90 max-w-2xl mx-auto"
-          logoContainerClassName="mb-6"
-          logoClassName="text-5xl md:text-6xl font-extrabold"
+          containerClassName="flex flex-col lg:flex-row items-center justify-between gap-12 min-h-screen"
+          logoContainerClassName="flex-1"
+          descriptionClassName="text-lg opacity-90 max-w-2xl"
+          buttonContainerClassName="flex flex-col sm:flex-row gap-4 mt-8"
         />
       </div>
 
-      <div id="availability-calendar" data-section="availability-calendar" className="mx-auto px-4 md:px-6 py-16">
-        <div className="max-w-4xl mx-auto">
-          <h2 className="text-4xl font-extrabold mb-4 text-center">Availability Calendar</h2>
-          <p className="text-lg opacity-90 text-center mb-12 max-w-2xl mx-auto">Check our availability and select your preferred event date. Green indicates available dates, red shows booked slots.</p>
-          
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
-            <div className="space-y-4">
-              <div className="flex items-center gap-3 p-3 bg-green-100 rounded-lg">
-                <div className="w-4 h-4 bg-green-500 rounded"></div>
-                <span className="text-sm font-medium">Available</span>
-              </div>
-              <div className="flex items-center gap-3 p-3 bg-red-100 rounded-lg">
-                <div className="w-4 h-4 bg-red-500 rounded"></div>
-                <span className="text-sm font-medium">Booked</span>
-              </div>
-            </div>
-            
-            <div className="grid grid-cols-3 gap-2">
-              {availableDates.map((slot) => {
-                const date = new Date(slot.date);
-                return (
-                  <button
-                    key={slot.date}
-                    className={`p-3 rounded-lg font-semibold text-sm transition-all ${
-                      slot.available
-                        ? 'bg-green-100 text-green-900 hover:bg-green-200 cursor-pointer'
-                        : 'bg-red-100 text-red-900 cursor-not-allowed opacity-50'
-                    }`}
-                    disabled={!slot.available}
-                  >
-                    {date.toLocaleDateString('en-US', { month: 'short', day: 'numeric' })}
-                  </button>
-                );
-              })}
-            </div>
-          </div>
-        </div>
-      </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">
-          <h2 className="text-4xl font-extrabold mb-4 text-center">Booking Form</h2>
-          <p className="text-lg opacity-90 text-center mb-12">Tell us about your event and we'll customize the perfect package for you.</p>
-          
-          {submitted ? (
-            <div className="bg-green-100 border-2 border-green-500 rounded-lg p-8 text-center">
-              <CheckCircle className="w-12 h-12 text-green-600 mx-auto mb-4" />
-              <h3 className="text-2xl font-bold mb-2">Booking Request Submitted!</h3>
-              <p className="text-lg opacity-90">We'll contact you within 24 hours to confirm your event details and finalize your booking.</p>
-            </div>
-          ) : (
-            <form onSubmit={handleSubmit} className="space-y-6 bg-white bg-opacity-5 backdrop-blur-sm p-8 rounded-lg border border-white border-opacity-10">
-              <div>
-                <label htmlFor="eventType" className="block text-sm font-semibold mb-2">Event Type *</label>
-                <select
-                  id="eventType"
-                  name="eventType"
-                  value={formData.eventType}
-                  onChange={handleInputChange}
-                  required
-                  className="w-full px-4 py-2 rounded-lg bg-white bg-opacity-10 border border-white border-opacity-20 focus:outline-none focus:border-opacity-50 transition-all"
-                >
-                  <option value="">Select event type</option>
-                  <option value="birthday">Birthday Party</option>
-                  <option value="festival">Festival/Outdoor Event</option>
-                  <option value="corporate">Corporate Event</option>
-                  <option value="wedding">Wedding/Reception</option>
-                  <option value="other">Other</option>
-                </select>
-              </div>
-
-              <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
-                <div>
-                  <label htmlFor="eventDate" className="block text-sm font-semibold mb-2 flex items-center gap-2">
-                    <Calendar className="w-4 h-4" /> Event Date *
-                  </label>
-                  <input
-                    type="date"
-                    id="eventDate"
-                    name="eventDate"
-                    value={formData.eventDate}
-                    onChange={handleInputChange}
-                    required
-                    className="w-full px-4 py-2 rounded-lg bg-white bg-opacity-10 border border-white border-opacity-20 focus:outline-none focus:border-opacity-50 transition-all"
-                  />
-                </div>
-
-                <div>
-                  <label htmlFor="eventTime" className="block text-sm font-semibold mb-2 flex items-center gap-2">
-                    <Clock className="w-4 h-4" /> Event Time *
-                  </label>
-                  <input
-                    type="time"
-                    id="eventTime"
-                    name="eventTime"
-                    value={formData.eventTime}
-                    onChange={handleInputChange}
-                    required
-                    className="w-full px-4 py-2 rounded-lg bg-white bg-opacity-10 border border-white border-opacity-20 focus:outline-none focus:border-opacity-50 transition-all"
-                  />
-                </div>
-              </div>
-
-              <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
-                <div>
-                  <label htmlFor="guestCount" className="block text-sm font-semibold mb-2 flex items-center gap-2">
-                    <Users className="w-4 h-4" /> Expected Guest Count *
-                  </label>
-                  <input
-                    type="number"
-                    id="guestCount"
-                    name="guestCount"
-                    value={formData.guestCount}
-                    onChange={handleInputChange}
-                    placeholder="e.g., 30"
-                    required
-                    min="1"
-                    className="w-full px-4 py-2 rounded-lg bg-white bg-opacity-10 border border-white border-opacity-20 focus:outline-none focus:border-opacity-50 transition-all"
-                  />
-                </div>
-
-                <div>
-                  <label htmlFor="budget" className="block text-sm font-semibold mb-2 flex items-center gap-2">
-                    <Palette className="w-4 h-4" /> Budget (Optional)
-                  </label>
-                  <input
-                    type="text"
-                    id="budget"
-                    name="budget"
-                    value={formData.budget}
-                    onChange={handleInputChange}
-                    placeholder="e.g., $200-300"
-                    className="w-full px-4 py-2 rounded-lg bg-white bg-opacity-10 border border-white border-opacity-20 focus:outline-none focus:border-opacity-50 transition-all"
-                  />
-                </div>
-              </div>
-
-              <div>
-                <label htmlFor="notes" className="block text-sm font-semibold mb-2">Additional Notes</label>
-                <textarea
-                  id="notes"
-                  name="notes"
-                  value={formData.notes}
-                  onChange={handleInputChange}
-                  placeholder="Tell us about your vision, themes, special requests, etc."
-                  rows={4}
-                  className="w-full px-4 py-2 rounded-lg bg-white bg-opacity-10 border border-white border-opacity-20 focus:outline-none focus:border-opacity-50 transition-all resize-none"
-                />
-              </div>
-
-              <button
-                type="submit"
-                className="w-full bg-gradient-to-r from-blue-600 to-purple-600 hover:from-blue-700 hover:to-purple-700 text-white font-bold py-3 px-6 rounded-lg transition-all duration-300 transform hover:scale-105"
-              >
-                Submit Booking Request
-              </button>
-              
-              <p className="text-sm opacity-75 text-center">* Required fields. We'll contact you shortly to confirm and discuss details.</p>
-            </form>
-          )}
-        </div>
+      <div id="booking-form" data-section="booking-form" className="mx-auto px-4 md:px-6">
+        <ContactSplitForm
+          title="Request Your Booking"
+          description="Fill out the form below with your event details. We'll get back to you within 24 hours to confirm availability and discuss your specific needs."
+          inputs={[
+            {
+              name: "name",              type: "text",              placeholder: "Your Name",              required: true,
+            },
+            {
+              name: "email",              type: "email",              placeholder: "Your Email",              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: "eventDuration",              type: "text",              placeholder: "Event Duration (e.g., 2 hours)",              required: true,
+            },
+          ]}
+          textarea={{
+            name: "message",            placeholder: "Tell us more about your event and any specific requests (designs, themes, special requirements)",            rows: 5,
+            required: false,
+          }}
+          useInvertedBackground={false}
+          mediaAnimation="blur-reveal"
+          mediaPosition="right"
+          buttonText="Submit Booking Request"
+          onSubmit={handleFormSubmit}
+          ariaLabel="Event booking form section"
+          containerClassName="py-16 gap-12"
+          formCardClassName="p-8"
+          titleClassName="text-4xl font-extrabold"
+          descriptionClassName="text-lg opacity-90"
+        />
       </div>
 
       <div id="footer-booking" data-section="footer-booking" className="mx-auto px-4 md:px-6">
@@ -306,4 +184,4 @@ export default function BookingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1


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

---
 src/app/contact/page.tsx | 327 +++++++++++++--------------------------
 1 file changed, 105 insertions(+), 222 deletions(-)

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 8094132..6e82bee 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -2,11 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import HeroLogo from '@/components/sections/hero/HeroLogo';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
+import { Mail, Phone, MapPin, Clock } from 'lucide-react';
 import { useState } from 'react';
-import { Mail, Phone, MapPin, Clock, CheckCircle } from 'lucide-react';
+
+export const metadata = {
+  title: "Contact Us - Paintasy Face and Body Art",  description: "Get in touch with Paintasy Face and Body Art. Contact us for inquiries, quotes, or general information about our services.",  keywords: "contact face painter, paintasy contact, reach us, customer support"};
 
 export default function ContactPage() {
   const [formData, setFormData] = useState({
@@ -17,14 +20,23 @@ export default function ContactPage() {
     message: '',
   });
 
-  const [submitted, setSubmitted] = useState(false);
+  const handleFormSubmit = (data: Record<string, string>) => {
+    console.log('Contact form submitted:', data);
+    setFormData({
+      name: '',
+      email: '',
+      phone: '',
+      subject: '',
+      message: '',
+    });
+  };
 
   const navItems = [
     { name: "Home", id: "/" },
     { name: "Services", id: "/#services" },
     { name: "Gallery", id: "/gallery" },
-    { name: "Packages", id: "/#packages" },
-    { name: "About", id: "/#about" },
+    { name: "Packages", id: "/#packages-home" },
+    { name: "About", id: "/#about-home" },
     { name: "Booking", id: "/booking" },
     { name: "Contact", id: "/contact" },
   ];
@@ -41,10 +53,10 @@ export default function ContactPage() {
     },
     {
       title: "Company",      items: [
-        { label: "About Us", href: "/#about" },
+        { label: "About Us", href: "/#about-home" },
         { label: "Gallery", href: "/gallery" },
-        { label: "Packages", href: "/#packages" },
-        { label: "FAQ", href: "/#faq" },
+        { label: "Packages", href: "/#packages-home" },
+        { label: "FAQ", href: "/#faq-home" },
         { label: "Contact", href: "/contact" },
       ],
     },
@@ -67,17 +79,6 @@ export default function ContactPage() {
     },
   ];
 
-  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {
-    const { name, value } = e.target;
-    setFormData(prev => ({ ...prev, [name]: value }));
-  };
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault();
-    setSubmitted(true);
-    setTimeout(() => setSubmitted(false), 5000);
-  };
-
   return (
     <ThemeProvider
       defaultButtonVariant="shift-hover"
@@ -100,219 +101,101 @@ export default function ContactPage() {
         />
       </div>
 
-      <div id="hero-contact" data-section="hero-contact" className="mx-auto px-4 md:px-6">
-        <HeroLogo
-          logoText="Get In Touch"
-          description="Have questions about our services? Want to discuss your event? We're here to help! Reach out to Paintasy and let's create something amazing together."
-          buttons={[{ text: "Contact Form Below", href: "#contact-form" }]}
-          buttonAnimation="blur-reveal"
-          showDimOverlay={false}
+      <div id="contact-hero" data-section="contact-hero" className="mx-auto px-4 md:px-6">
+        <HeroLogoBillboardSplit
+          logoText="Get in Touch"
+          description="Have questions or need more information? We're here to help! Contact us via phone, email, or the form below. We respond to all inquiries within 24 hours."
+          background={{ variant: "radial-gradient" }}
+          buttons={[
+            { text: "Send Message", href: "#contact-form" },
+            { text: "Call Us", href: "tel:+15551234567" },
+          ]}
+          layoutOrder="default"
+          mediaAnimation="blur-reveal"
           ariaLabel="Contact page hero section"
-          className="min-h-screen flex items-center justify-center"
-          containerClassName="text-center"
-          descriptionClassName="text-lg opacity-90 max-w-2xl mx-auto"
-          logoContainerClassName="mb-6"
-          logoClassName="text-5xl md:text-6xl font-extrabold"
+          containerClassName="flex flex-col lg:flex-row items-center justify-between gap-12 min-h-screen"
+          logoContainerClassName="flex-1"
+          descriptionClassName="text-lg opacity-90 max-w-2xl"
+          buttonContainerClassName="flex flex-col sm:flex-row gap-4 mt-8"
         />
       </div>
 
-      <div id="contact-info" data-section="contact-info" className="mx-auto px-4 md:px-6 py-16">
-        <div className="max-w-5xl mx-auto">
-          <h2 className="text-4xl font-extrabold mb-4 text-center">Contact Information</h2>
-          <p className="text-lg opacity-90 text-center mb-12 max-w-2xl mx-auto">Multiple ways to reach us. Choose what works best for you.</p>
-          
-          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
-            <div className="bg-white bg-opacity-5 backdrop-blur-sm border border-white border-opacity-10 rounded-lg p-6 text-center hover:bg-opacity-10 transition-all">
-              <Mail className="w-8 h-8 mx-auto mb-4 text-blue-400" />
-              <h3 className="text-lg font-bold mb-2">Email</h3>
-              <a href="mailto:paintasy@events.com" className="text-sm hover:opacity-80 transition-opacity">
-                paintasy@events.com
-              </a>
-              <p className="text-xs opacity-70 mt-2">24-hour response</p>
+      <div id="contact-information" data-section="contact-information" className="mx-auto px-4 md:px-6 py-16">
+        <div className="max-w-6xl mx-auto">
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-8 mb-12">
+            <div className="flex items-start gap-4 p-6 rounded-lg border border-gray-200 dark:border-gray-800">
+              <Phone className="w-6 h-6 text-blue-500 flex-shrink-0 mt-1" />
+              <div>
+                <h3 className="font-bold text-lg mb-2">Phone</h3>
+                <p className="text-gray-600 dark:text-gray-400">Call us for immediate assistance</p>
+                <a href="tel:+15551234567" className="text-blue-500 hover:underline font-semibold mt-2 block">
+                  +1 (555) 123-4567
+                </a>
+              </div>
             </div>
-
-            <div className="bg-white bg-opacity-5 backdrop-blur-sm border border-white border-opacity-10 rounded-lg p-6 text-center hover:bg-opacity-10 transition-all">
-              <Phone className="w-8 h-8 mx-auto mb-4 text-green-400" />
-              <h3 className="text-lg font-bold mb-2">Phone</h3>
-              <a href="tel:+15551234567" className="text-sm hover:opacity-80 transition-opacity">
-                +1 (555) 123-4567
-              </a>
-              <p className="text-xs opacity-70 mt-2">Call or text anytime</p>
+            <div className="flex items-start gap-4 p-6 rounded-lg border border-gray-200 dark:border-gray-800">
+              <Mail className="w-6 h-6 text-blue-500 flex-shrink-0 mt-1" />
+              <div>
+                <h3 className="font-bold text-lg mb-2">Email</h3>
+                <p className="text-gray-600 dark:text-gray-400">Send us your questions or booking details</p>
+                <a href="mailto:paintasy@events.com" className="text-blue-500 hover:underline font-semibold mt-2 block">
+                  paintasy@events.com
+                </a>
+              </div>
             </div>
-
-            <div className="bg-white bg-opacity-5 backdrop-blur-sm border border-white border-opacity-10 rounded-lg p-6 text-center hover:bg-opacity-10 transition-all">
-              <MapPin className="w-8 h-8 mx-auto mb-4 text-red-400" />
-              <h3 className="text-lg font-bold mb-2">Location</h3>
-              <p className="text-sm">Serving City Metro Area</p>
-              <p className="text-xs opacity-70 mt-2">Local & Regional Coverage</p>
+            <div className="flex items-start gap-4 p-6 rounded-lg border border-gray-200 dark:border-gray-800">
+              <Clock className="w-6 h-6 text-blue-500 flex-shrink-0 mt-1" />
+              <div>
+                <h3 className="font-bold text-lg mb-2">Response Time</h3>
+                <p className="text-gray-600 dark:text-gray-400">We typically respond within 24 hours</p>
+                <p className="text-sm text-gray-500 dark:text-gray-500 mt-2">Available Monday - Sunday</p>
+              </div>
             </div>
-
-            <div className="bg-white bg-opacity-5 backdrop-blur-sm border border-white border-opacity-10 rounded-lg p-6 text-center hover:bg-opacity-10 transition-all">
-              <Clock className="w-8 h-8 mx-auto mb-4 text-purple-400" />
-              <h3 className="text-lg font-bold mb-2">Hours</h3>
-              <p className="text-sm">Flexible Availability</p>
-              <p className="text-xs opacity-70 mt-2">Weekend & Evening Events</p>
+            <div className="flex items-start gap-4 p-6 rounded-lg border border-gray-200 dark:border-gray-800">
+              <MapPin className="w-6 h-6 text-blue-500 flex-shrink-0 mt-1" />
+              <div>
+                <h3 className="font-bold text-lg mb-2">Service Area</h3>
+                <p className="text-gray-600 dark:text-gray-400">We serve local and regional events</p>
+                <p className="text-sm text-gray-500 dark:text-gray-500 mt-2">Travel available for large events</p>
+              </div>
             </div>
           </div>
         </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-4xl font-extrabold mb-4 text-center">Send us a Message</h2>
-          <p className="text-lg opacity-90 text-center mb-12">Fill out the form below and we'll get back to you as soon as possible.</p>
-          
-          {submitted ? (
-            <div className="bg-green-100 border-2 border-green-500 rounded-lg p-8 text-center">
-              <CheckCircle className="w-12 h-12 text-green-600 mx-auto mb-4" />
-              <h3 className="text-2xl font-bold mb-2">Message Sent Successfully!</h3>
-              <p className="text-lg opacity-90">Thank you for contacting us. We'll respond within 24 hours.</p>
-            </div>
-          ) : (
-            <form onSubmit={handleSubmit} className="space-y-6 bg-white bg-opacity-5 backdrop-blur-sm p-8 rounded-lg border border-white border-opacity-10">
-              <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
-                <div>
-                  <label htmlFor="name" className="block text-sm font-semibold mb-2">Full Name *</label>
-                  <input
-                    type="text"
-                    id="name"
-                    name="name"
-                    value={formData.name}
-                    onChange={handleInputChange}
-                    placeholder="Your name"
-                    required
-                    className="w-full px-4 py-2 rounded-lg bg-white bg-opacity-10 border border-white border-opacity-20 focus:outline-none focus:border-opacity-50 transition-all"
-                  />
-                </div>
-
-                <div>
-                  <label htmlFor="email" className="block text-sm font-semibold mb-2">Email Address *</label>
-                  <input
-                    type="email"
-                    id="email"
-                    name="email"
-                    value={formData.email}
-                    onChange={handleInputChange}
-                    placeholder="your@email.com"
-                    required
-                    className="w-full px-4 py-2 rounded-lg bg-white bg-opacity-10 border border-white border-opacity-20 focus:outline-none focus:border-opacity-50 transition-all"
-                  />
-                </div>
-              </div>
-
-              <div>
-                <label htmlFor="phone" className="block text-sm font-semibold mb-2">Phone Number (Optional)</label>
-                <input
-                  type="tel"
-                  id="phone"
-                  name="phone"
-                  value={formData.phone}
-                  onChange={handleInputChange}
-                  placeholder="+1 (555) 000-0000"
-                  className="w-full px-4 py-2 rounded-lg bg-white bg-opacity-10 border border-white border-opacity-20 focus:outline-none focus:border-opacity-50 transition-all"
-                />
-              </div>
-
-              <div>
-                <label htmlFor="subject" className="block text-sm font-semibold mb-2">Subject *</label>
-                <input
-                  type="text"
-                  id="subject"
-                  name="subject"
-                  value={formData.subject}
-                  onChange={handleInputChange}
-                  placeholder="How can we help?"
-                  required
-                  className="w-full px-4 py-2 rounded-lg bg-white bg-opacity-10 border border-white border-opacity-20 focus:outline-none focus:border-opacity-50 transition-all"
-                />
-              </div>
-
-              <div>
-                <label htmlFor="message" className="block text-sm font-semibold mb-2">Message *</label>
-                <textarea
-                  id="message"
-                  name="message"
-                  value={formData.message}
-                  onChange={handleInputChange}
-                  placeholder="Tell us about your inquiry, event, or question..."
-                  rows={5}
-                  required
-                  className="w-full px-4 py-2 rounded-lg bg-white bg-opacity-10 border border-white border-opacity-20 focus:outline-none focus:border-opacity-50 transition-all resize-none"
-                />
-              </div>
-
-              <button
-                type="submit"
-                className="w-full bg-gradient-to-r from-blue-600 to-purple-600 hover:from-blue-700 hover:to-purple-700 text-white font-bold py-3 px-6 rounded-lg transition-all duration-300 transform hover:scale-105"
-              >
-                Send Message
-              </button>
-              
-              <p className="text-sm opacity-75 text-center">* Required fields. We typically respond within 24 hours.</p>
-            </form>
-          )}
-        </div>
-      </div>
-
-      <div id="location-info" data-section="location-info" className="mx-auto px-4 md:px-6 py-16 bg-white bg-opacity-5 backdrop-blur-sm border-y border-white border-opacity-10">
-        <div className="max-w-4xl mx-auto">
-          <h2 className="text-4xl font-extrabold mb-4 text-center">Service Coverage</h2>
-          <p className="text-lg opacity-90 text-center mb-12 max-w-2xl mx-auto">We proudly serve the entire metro area and surrounding regions. For events outside our typical service area, contact us to discuss possibilities.</p>
-          
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
-            <div>
-              <h3 className="text-2xl font-bold mb-4 flex items-center gap-2">
-                <MapPin className="w-6 h-6" /> Coverage Areas
-              </h3>
-              <ul className="space-y-2 text-sm">
-                <li className="flex items-center gap-2 p-2 hover:bg-white hover:bg-opacity-5 rounded transition-all">
-                  <span className="w-2 h-2 bg-green-400 rounded-full"></span>
-                  Downtown Metro Area
-                </li>
-                <li className="flex items-center gap-2 p-2 hover:bg-white hover:bg-opacity-5 rounded transition-all">
-                  <span className="w-2 h-2 bg-green-400 rounded-full"></span>
-                  Suburban Communities
-                </li>
-                <li className="flex items-center gap-2 p-2 hover:bg-white hover:bg-opacity-5 rounded transition-all">
-                  <span className="w-2 h-2 bg-green-400 rounded-full"></span>
-                  Regional Events (30+ miles)
-                </li>
-                <li className="flex items-center gap-2 p-2 hover:bg-white hover:bg-opacity-5 rounded transition-all">
-                  <span className="w-2 h-2 bg-green-400 rounded-full"></span>
-                  Corporate Offices & Venues
-                </li>
-                <li className="flex items-center gap-2 p-2 hover:bg-white hover:bg-opacity-5 rounded transition-all">
-                  <span className="w-2 h-2 bg-green-400 rounded-full"></span>
-                  Outdoor Festivals & Parks
-                </li>
-              </ul>
-            </div>
-
-            <div>
-              <h3 className="text-2xl font-bold mb-4 flex items-center gap-2">
-                <Clock className="w-6 h-6" /> Availability
-              </h3>
-              <ul className="space-y-3 text-sm">
-                <li>
-                  <p className="font-semibold mb-1">Weekday Events</p>
-                  <p className="opacity-75">Evening & special occasion availability</p>
-                </li>
-                <li>
-                  <p className="font-semibold mb-1">Weekend Events</p>
-                  <p className="opacity-75">Saturday & Sunday (book in advance)</p>
-                </li>
-                <li>
-                  <p className="font-semibold mb-1">Holiday Availability</p>
-                  <p className="opacity-75">Seasonal availability varies</p>
-                </li>
-                <li>
-                  <p className="font-semibold mb-1">Advance Booking</p>
-                  <p className="opacity-75">Recommended 2-4 weeks in advance</p>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
+      <div id="contact-form" data-section="contact-form" className="mx-auto px-4 md:px-6">
+        <ContactSplitForm
+          title="Send Us a Message"
+          description="Have a question or special request? Fill out the form below and we'll get back to you as soon as possible. Whether you're interested in booking or just want to learn more, we'd love to hear from you."
+          inputs={[
+            {
+              name: "name",              type: "text",              placeholder: "Your Name",              required: true,
+            },
+            {
+              name: "email",              type: "email",              placeholder: "Your Email",              required: true,
+            },
+            {
+              name: "phone",              type: "tel",              placeholder: "Your Phone Number",              required: false,
+            },
+            {
+              name: "subject",              type: "text",              placeholder: "Subject",              required: true,
+            },
+          ]}
+          textarea={{
+            name: "message",            placeholder: "Your message here. Tell us about your inquiry, event, or anything else you'd like us to know.",            rows: 6,
+            required: true,
+          }}
+          useInvertedBackground={true}
+          mediaAnimation="blur-reveal"
+          mediaPosition="right"
+          buttonText="Send Message"
+          onSubmit={handleFormSubmit}
+          ariaLabel="Contact form section"
+          containerClassName="py-16 gap-12"
+          formCardClassName="p-8"
+          titleClassName="text-4xl font-extrabold"
+          descriptionClassName="text-lg opacity-90"
+        />
       </div>
 
       <div id="footer-contact" data-section="footer-contact" className="mx-auto px-4 md:px-6">
@@ -329,4 +212,4 @@ export default function ContactPage() {
       </div>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1


From 789f8fd416722467a769cd3b5c08f5921e583ec5 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 14 Mar 2026 05:35:32 +0000
Subject: [PATCH 04/12] Update src/app/gallery/page.tsx

---
 src/app/gallery/page.tsx | 331 ++++++++++++++++++++++-----------------
 1 file changed, 189 insertions(+), 142 deletions(-)

diff --git a/src/app/gallery/page.tsx b/src/app/gallery/page.tsx
index 6c628d5..e7ad91a 100644
--- a/src/app/gallery/page.tsx
+++ b/src/app/gallery/page.tsx
@@ -2,22 +2,24 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import { Camera, Heart, Sparkles, Star } from 'lucide-react';
+import { Camera, Heart, Sparkles, Users, Instagram, Facebook, Music, Award } from 'lucide-react';
 
 export const metadata = {
-  title: "Event Photo Gallery - Paintasy Face and Body Art",  description: "Browse our comprehensive gallery of professional face painting and body art work. See real event photos organized by event type: birthday parties, festivals, corporate events, and body art services."
+  title: "Gallery - Paintasy Face and Body Art | Event Photos",  description: "Browse our full gallery of professional face painting and body art photos from parties, festivals, corporate events, and special occasions. Real event photos from happy clients.",  keywords: "face painting gallery, body art photos, event face painting, professional face painter portfolio, party entertainment photos"
 };
 
 export default function GalleryPage() {
   const navItems = [
     { name: "Home", id: "/" },
     { name: "Services", id: "/services" },
-    { name: "Gallery", id: "/gallery" },
-    { name: "Packages", id: "/" },
-    { name: "About", id: "/" },
+    { name: "Gallery", id: "gallery" },
+    { name: "Packages", id: "/packages" },
+    { name: "About", id: "/about" },
     { name: "Contact", id: "/contact" },
   ];
 
@@ -33,10 +35,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-home" },
         { label: "Contact", href: "/contact" },
       ],
     },
@@ -53,96 +55,12 @@ 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: "/packages" },
         { label: "Get Quote", href: "/contact" },
       ],
     },
   ];
 
-  const kidsBirthdayPhotos = [
-    {
-      id: "kids-1",      name: "Butterfly Magic",      price: "Kids Birthday",      variant: "Face Painting",      imageSrc: "http://img.b2bpic.net/free-photo/smiley-child-with-butterflies-painted_23-2149357920.jpg?_wi=1",      imageAlt: "Child with colorful butterfly face painting"
-    },
-    {
-      id: "kids-2",      name: "Superhero Designs",      price: "Kids Birthday",      variant: "Face Painting",      imageSrc: "http://img.b2bpic.net/free-photo/smiling-boy-with-face-paint_23-2148784344.jpg?_wi=1",      imageAlt: "Boy with superhero face art design"
-    },
-    {
-      id: "kids-3",      name: "Princess Crown Art",      price: "Kids Birthday",      variant: "Face Painting",      imageSrc: "http://img.b2bpic.net/free-photo/girl-with-painted-face-looking-mirror_23-2149159261.jpg?_wi=1",      imageAlt: "Princess themed face painting on child"
-    },
-    {
-      id: "kids-4",      name: "Animal Faces",      price: "Kids Birthday",      variant: "Face Painting",      imageSrc: "http://img.b2bpic.net/free-photo/cute-child-with-painted-cat_23-2149357944.jpg?_wi=1",      imageAlt: "Child with cat face painting"
-    },
-    {
-      id: "kids-5",      name: "Rainbow Fantasy",      price: "Kids Birthday",      variant: "Face Painting",      imageSrc: "http://img.b2bpic.net/free-photo/happy-child-with-colorful-face_23-2148784302.jpg?_wi=1",      imageAlt: "Child with rainbow colored face paint"
-    },
-    {
-      id: "kids-6",      name: "Monster Fun",      price: "Kids Birthday",      variant: "Face Painting",      imageSrc: "http://img.b2bpic.net/free-photo/smiling-boy-with-monster-face-paint_23-2149159223.jpg?_wi=1",      imageAlt: "Fun monster themed face painting"
-    },
-  ];
-
-  const festivalPhotos = [
-    {
-      id: "festival-1",      name: "Glitter Festival Art",      price: "Festival Event",      variant: "Face Art",      imageSrc: "http://img.b2bpic.net/free-photo/woman-with-glitter-face-paint_23-2149159284.jpg?_wi=1",      imageAlt: "Woman with glitter festival face art"
-    },
-    {
-      id: "festival-2",      name: "Artistic Festival Design",      price: "Festival Event",      variant: "Face Art",      imageSrc: "http://img.b2bpic.net/free-photo/festival-face-paint-design_23-2148338127.jpg?_wi=1",      imageAlt: "Artistic face design for festival"
-    },
-    {
-      id: "festival-3",      name: "Neon Festival Glow",      price: "Festival Event",      variant: "Face Art",      imageSrc: "http://img.b2bpic.net/free-photo/person-with-neon-face-paint_23-2149357975.jpg?_wi=1",      imageAlt: "Neon glow face painting at festival"
-    },
-    {
-      id: "festival-4",      name: "Festival Creativity",      price: "Festival Event",      variant: "Face Art",      imageSrc: "http://img.b2bpic.net/free-photo/artistic-face-paint-festival_23-2148784368.jpg?_wi=1",      imageAlt: "Creative festival face art design"
-    },
-    {
-      id: "festival-5",      name: "Music Festival Art",      price: "Festival Event",      variant: "Face Art",      imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-with-festival-face-paint_23-2149159306.jpg?_wi=1",      imageAlt: "Music festival face painting"
-    },
-    {
-      id: "festival-6",      name: "Summer Festival Design",      price: "Festival Event",      variant: "Face Art",      imageSrc: "http://img.b2bpic.net/free-photo/woman-at-summer-festival-with-face-paint_23-2148784395.jpg?_wi=1",      imageAlt: "Summer festival face art"
-    },
-  ];
-
-  const corporatePhotos = [
-    {
-      id: "corporate-1",      name: "Professional Face Art",      price: "Corporate Event",      variant: "Team Building",      imageSrc: "http://img.b2bpic.net/free-photo/professional-face-paint-corporate_23-2148338156.jpg?_wi=1",      imageAlt: "Professional corporate team face art"
-    },
-    {
-      id: "corporate-2",      name: "Brand Activation Design",      price: "Corporate Event",      variant: "Marketing Event",      imageSrc: "http://img.b2bpic.net/free-photo/corporate-team-with-face-paint_23-2149159327.jpg?_wi=1",      imageAlt: "Brand activation face painting design"
-    },
-    {
-      id: "corporate-3",      name: "Team Building Art",      price: "Corporate Event",      variant: "Entertainment",      imageSrc: "http://img.b2bpic.net/free-photo/corporate-face-paint-team-event_23-2148784421.jpg?_wi=1",      imageAlt: "Corporate team building face art"
-    },
-    {
-      id: "corporate-4",      name: "Executive Event Face Art",      price: "Corporate Event",      variant: "Gala Event",      imageSrc: "http://img.b2bpic.net/free-photo/professional-face-design-corporate_23-2149159348.jpg?_wi=1",      imageAlt: "Executive gala face art design"
-    },
-    {
-      id: "corporate-5",      name: "Company Party Art",      price: "Corporate Event",      variant: "Celebration",      imageSrc: "http://img.b2bpic.net/free-photo/company-party-face-paint_23-2148784448.jpg?_wi=1",      imageAlt: "Company party face painting"
-    },
-    {
-      id: "corporate-6",      name: "Conference Entertainment",      price: "Corporate Event",      variant: "Conference Booth",      imageSrc: "http://img.b2bpic.net/free-photo/conference-face-paint-art_23-2149159369.jpg?_wi=1",      imageAlt: "Conference booth face art entertainment"
-    },
-  ];
-
-  const bodyArtPhotos = [
-    {
-      id: "body-1",      name: "Artistic Body Painting",      price: "Body Art",      variant: "Professional Service",      imageSrc: "http://img.b2bpic.net/free-photo/woman-with-artistic-body-paint_23-2148338185.jpg?_wi=1",      imageAlt: "Artistic body painting design"
-    },
-    {
-      id: "body-2",      name: "Creative Body Art",      price: "Body Art",      variant: "Special Events",      imageSrc: "http://img.b2bpic.net/free-photo/creative-body-art-design_23-2149159390.jpg?_wi=1",      imageAlt: "Creative body art for special events"
-    },
-    {
-      id: "body-3",      name: "Abstract Body Painting",      price: "Body Art",      variant: "Artistic Expression",      imageSrc: "http://img.b2bpic.net/free-photo/abstract-body-paint-art_23-2148784475.jpg?_wi=1",      imageAlt: "Abstract body painting artwork"
-    },
-    {
-      id: "body-4",      name: "Festival Body Art",      price: "Body Art",      variant: "Festival Events",      imageSrc: "http://img.b2bpic.net/free-photo/festival-body-art-design_23-2149159411.jpg?_wi=1",      imageAlt: "Festival body art painting"
-    },
-    {
-      id: "body-5",      name: "Temporary Tattoo Art",      price: "Body Art",      variant: "Temporary Design",      imageSrc: "http://img.b2bpic.net/free-photo/temporary-tattoo-body-art_23-2148784502.jpg?_wi=1",      imageAlt: "Temporary tattoo body art"
-    },
-    {
-      id: "body-6",      name: "Professional Body Design",      price: "Body Art",      variant: "Custom Artwork",      imageSrc: "http://img.b2bpic.net/free-photo/professional-body-art-painting_23-2149159432.jpg?_wi=1",      imageAlt: "Professional custom body art design"
-    },
-  ];
-
   return (
     <ThemeProvider
       defaultButtonVariant="shift-hover"
@@ -165,32 +83,79 @@ export default function GalleryPage() {
         />
       </div>
 
-      <div id="gallery-kids" data-section="gallery-kids" className="mx-auto px-4 md:px-6 pt-20">
-        <ProductCardFour
-          title="Kids Birthday Party Face Painting"
-          description="Colorful, playful designs that bring joy to children's celebrations. From butterflies and superheroes to princesses and animals, our face painters create magical moments at birthday parties."
-          tag="Birthday Events"
-          tagIcon={Heart}
+      <div id="hero-gallery" data-section="hero-gallery" className="mx-auto px-4 md:px-6">
+        <HeroBillboardGallery
+          title="Our Event Photo Gallery"
+          description="Explore our complete collection of professional face painting and body art from parties, festivals, corporate events, and special occasions. Real photos from happy clients."
+          background={{ variant: "radial-gradient" }}
+          tag="Portfolio Gallery"
+          tagIcon={Camera}
           tagAnimation="slide-up"
-          textboxLayout="default"
-          animationType="opacity"
-          useInvertedBackground={false}
-          gridVariant="three-columns-all-equal-width"
-          carouselMode="buttons"
-          products={kidsBirthdayPhotos}
-          buttons={[{ text: "Book a Birthday Party", href: "/contact" }]}
+          buttons={[
+            { text: "Book Your Event", href: "/packages" },
+            { text: "Contact Us", href: "/contact" },
+          ]}
           buttonAnimation="blur-reveal"
-          ariaLabel="Kids birthday party face painting gallery"
-          containerClassName="gap-12"
-          cardVariantClassName="text-4xl font-extrabold"
-          descriptionClassName="text-lg opacity-90 max-w-3xl"
+          mediaItems={[
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-women-with-all-kinds-body_23-2149159242.jpg?_wi=1",              imageAlt: "Professional face and body art gallery"
+            },
+          ]}
+          mediaAnimation="opacity"
+          ariaLabel="Gallery hero section"
+          className="min-h-screen"
+          containerClassName="flex flex-col lg:flex-row items-center justify-between gap-12"
+          titleClassName="text-5xl lg:text-6xl font-extrabold leading-tight"
+          descriptionClassName="text-lg lg:text-xl opacity-90 max-w-2xl"
+          buttonContainerClassName="flex flex-col sm:flex-row gap-4 mt-8"
         />
       </div>
 
-      <div id="gallery-festival" data-section="gallery-festival" className="mx-auto px-4 md:px-6 pt-20">
+      <div id="gallery-kids-parties" data-section="gallery-kids-parties" className="mx-auto px-4 md:px-6">
         <ProductCardFour
-          title="Festival & Outdoor Event Face Art"
-          description="Fast, creative designs perfect for large crowds and outdoor events. Experience our vibrant festival face paintings that capture the energy and excitement of celebrations."
+          title="Kids Party Face Painting"
+          description="Colorful, creative designs perfect for birthday celebrations and children's events. From butterflies and superheroes to princesses and animals."
+          tag="Birthday Parties"
+          tagIcon={Heart}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={false}
+          gridVariant="three-columns-all-equal-width"
+          carouselMode="buttons"
+          products={[
+            {
+              id: "kids-1",              name: "Butterfly Faces",              price: "Colorful",              variant: "Kids Favorite",              imageSrc: "http://img.b2bpic.net/free-photo/dreamy-eyes-woman-smiling-festival_23-2148338055.jpg?_wi=1",              imageAlt: "Butterfly face painting design"
+            },
+            {
+              id: "kids-2",              name: "Superhero Designs",              price: "Dynamic",              variant: "Popular Choice",              imageSrc: "http://img.b2bpic.net/free-psd/holi-festival-celebration-instagram-posts_23-2151227255.jpg?_wi=1",              imageAlt: "Superhero themed face painting"
+            },
+            {
+              id: "kids-3",              name: "Princess Themes",              price: "Elegant",              variant: "Girls Love It",              imageSrc: "http://img.b2bpic.net/free-photo/fun-portrait-with-decorations-face_23-2150749319.jpg?_wi=1",              imageAlt: "Princess face painting designs"
+            },
+            {
+              id: "kids-4",              name: "Animal Faces",              price: "Playful",              variant: "All Ages",              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: "Animal themed face painting"
+            },
+            {
+              id: "kids-5",              name: "Pirate Designs",              price: "Adventure",              variant: "Boy Favorite",              imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-make-up-woman-wearing-mask_23-2148784326.jpg",              imageAlt: "Pirate face painting artwork"
+            },
+            {
+              id: "kids-6",              name: "Galaxy Themes",              price: "Artistic",              variant: "Modern Cool",              imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-brush-close-up_23-2148966902.jpg?_wi=1",              imageAlt: "Galaxy themed face painting"
+            },
+          ]}
+          buttons={[{ text: "Book Kids Party Service", href: "/packages" }]}
+          buttonAnimation="blur-reveal"
+          ariaLabel="Kids party face painting gallery"
+          containerClassName="gap-12"
+          textBoxTitleClassName="text-4xl font-extrabold"
+          textBoxDescriptionClassName="text-lg opacity-90 max-w-3xl"
+        />
+      </div>
+
+      <div id="gallery-festivals" data-section="gallery-festivals" className="mx-auto px-4 md:px-6">
+        <ProductCardFour
+          title="Festival & Outdoor Events"
+          description="Fast, artistic designs perfect for festivals, outdoor markets, and large crowd events. Quick turnaround without compromising creativity."
           tag="Festival Events"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
@@ -199,71 +164,153 @@ export default function GalleryPage() {
           useInvertedBackground={true}
           gridVariant="three-columns-all-equal-width"
           carouselMode="buttons"
-          products={festivalPhotos}
-          buttons={[{ text: "Book for Your Festival", href: "/contact" }]}
+          products={[
+            {
+              id: "festival-1",              name: "Music Festival Art",              price: "Artistic",              variant: "Event Ready",              imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-putting-makeup-man_23-2149357796.jpg?_wi=1",              imageAlt: "Music festival face art"
+            },
+            {
+              id: "festival-2",              name: "Outdoor Market Designs",              price: "Quick Service",              variant: "Crowd Pleaser",              imageSrc: "http://img.b2bpic.net/free-photo/man-covered-different-colors-holi_23-2148337991.jpg?_wi=1",              imageAlt: "Outdoor market face painting"
+            },
+            {
+              id: "festival-3",              name: "Holi Festival Colors",              price: "Vibrant",              variant: "Cultural Event",              imageSrc: "http://img.b2bpic.net/free-photo/man-covered-different-colors-holi_23-2148337991.jpg?_wi=2",              imageAlt: "Holi festival colors face art"
+            },
+            {
+              id: "festival-4",              name: "Abstract Designs",              price: "Creative",              variant: "Contemporary",              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: "Abstract face painting designs"
+            },
+            {
+              id: "festival-5",              name: "Neon Glow Effects",              price: "Modern",              variant: "Night Events",              imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-brush-close-up_23-2148966902.jpg?_wi=2",              imageAlt: "Neon glow face painting"
+            },
+            {
+              id: "festival-6",              name: "Tribal Patterns",              price: "Geometric",              variant: "Artistic",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-women-with-all-kinds-body_23-2149159242.jpg?_wi=2",              imageAlt: "Tribal pattern face painting"
+            },
+          ]}
+          buttons={[{ text: "Book Festival Service", href: "/packages" }]}
           buttonAnimation="blur-reveal"
-          ariaLabel="Festival and outdoor event face art gallery"
+          ariaLabel="Festival and outdoor event gallery"
           containerClassName="gap-12"
-          cardVariantClassName="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>
 
-      <div id="gallery-corporate" data-section="gallery-corporate" className="mx-auto px-4 md:px-6 pt-20">
+      <div id="gallery-corporate" data-section="gallery-corporate" className="mx-auto px-4 md:px-6">
         <ProductCardFour
-          title="Corporate & Team Building Events"
-          description="Professional face painting that adds a unique touch to corporate events, brand activations, and team celebrations. Our polished service brings creative entertainment to your company gathering."
+          title="Corporate & Special Events"
+          description="Professional face painting and body art for corporate events, brand activations, weddings, and special occasions. Elegant designs with a polished touch."
           tag="Corporate Events"
-          tagIcon={Star}
+          tagIcon={Users}
           tagAnimation="slide-up"
           textboxLayout="default"
-          animationType="opacity"
+          animationType="blur-reveal"
           useInvertedBackground={false}
           gridVariant="three-columns-all-equal-width"
           carouselMode="buttons"
-          products={corporatePhotos}
-          buttons={[{ text: "Plan Your Corporate Event", href: "/contact" }]}
+          products={[
+            {
+              id: "corp-1",              name: "Corporate Branding",              price: "Professional",              variant: "Brand Focused",              imageSrc: "http://img.b2bpic.net/free-photo/male-dj-party-charge-music-entertainment_23-2149658399.jpg?_wi=1",              imageAlt: "Corporate branded face painting"
+            },
+            {
+              id: "corp-2",              name: "Wedding Reception Art",              price: "Elegant",              variant: "Celebration",              imageSrc: "http://img.b2bpic.net/free-photo/group-young-friends-celebrating-new-year_23-2147720468.jpg",              imageAlt: "Wedding event face painting"
+            },
+            {
+              id: "corp-3",              name: "Team Building Design",              price: "Interactive",              variant: "Team Activity",              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: "Team building face painting"
+            },
+            {
+              id: "corp-4",              name: "Gala & Formal Events",              price: "Sophisticated",              variant: "High End",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-women-with-all-kinds-body_23-2149159242.jpg?_wi=3",              imageAlt: "Gala event body art"
+            },
+            {
+              id: "corp-5",              name: "Product Launch Art",              price: "Creative",              variant: "Marketing",              imageSrc: "http://img.b2bpic.net/free-photo/fun-portrait-with-decorations-face_23-2150749319.jpg?_wi=2",              imageAlt: "Product launch face painting"
+            },
+            {
+              id: "corp-6",              name: "Charity Event Design",              price: "Community",              variant: "Fundraiser",              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=2",              imageAlt: "Charity event face painting"
+            },
+          ]}
+          buttons={[{ text: "Book Corporate Service", href: "/contact" }]}
           buttonAnimation="blur-reveal"
-          ariaLabel="Corporate and team building event gallery"
+          ariaLabel="Corporate and special events gallery"
           containerClassName="gap-12"
-          cardVariantClassName="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>
 
-      <div id="gallery-body" data-section="gallery-body" className="mx-auto px-4 md:px-6 pt-20">
+      <div id="gallery-body-art" data-section="gallery-body-art" className="mx-auto px-4 md:px-6">
         <ProductCardFour
-          title="Body Painting & Artistic Design"
-          description="Professional body art and artistic painting for special occasions. From temporary tattoos to full body designs, our artists create stunning visual masterpieces."
+          title="Body Painting & Art"
+          description="Professional body painting and temporary tattoo designs for creative individuals and special occasions. High-quality artistry and safe materials."
           tag="Body Art"
-          tagIcon={Camera}
+          tagIcon={Award}
           tagAnimation="slide-up"
           textboxLayout="default"
-          animationType="opacity"
+          animationType="scale-rotate"
           useInvertedBackground={true}
           gridVariant="three-columns-all-equal-width"
           carouselMode="buttons"
-          products={bodyArtPhotos}
-          buttons={[{ text: "Inquire About Body Art Services", href: "/contact" }]}
+          products={[
+            {
+              id: "body-1",              name: "Temporary Tattoos",              price: "Detailed",              variant: "Custom Design",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-women-with-all-kinds-body_23-2149159242.jpg?_wi=1",              imageAlt: "Temporary tattoo designs"
+            },
+            {
+              id: "body-2",              name: "Full Body Paint",              price: "Artistic",              variant: "Complete Coverage",              imageSrc: "http://img.b2bpic.net/free-photo/man-covered-different-colors-holi_23-2148337991.jpg?_wi=3",              imageAlt: "Full body painting artwork"
+            },
+            {
+              id: "body-3",              name: "Glitter & Sparkle Art",              price: "Glamorous",              variant: "Sparkling Effects",              imageSrc: "http://img.b2bpic.net/free-photo/fun-portrait-with-decorations-face_23-2150749319.jpg?_wi=3",              imageAlt: "Glitter and sparkle body art"
+            },
+            {
+              id: "body-4",              name: "Airbrush Body Paint",              price: "Professional",              variant: "Precision Art",              imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-brush-close-up_23-2148966902.jpg?_wi=3",              imageAlt: "Airbrush body painting"
+            },
+            {
+              id: "body-5",              name: "Theme Character Paint",              price: "Cosplay Ready",              variant: "Immersive Art",              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=3",              imageAlt: "Theme character body painting"
+            },
+            {
+              id: "body-6",              name: "Abstract Body Art",              price: "Contemporary",              variant: "Unique Expression",              imageSrc: "http://img.b2bpic.net/free-photo/dreamy-eyes-woman-smiling-festival_23-2148338055.jpg?_wi=2",              imageAlt: "Abstract body art design"
+            },
+          ]}
+          buttons={[{ text: "Book Body Art Service", href: "/contact" }]}
           buttonAnimation="blur-reveal"
-          ariaLabel="Body painting and artistic design gallery"
+          ariaLabel="Body painting and art gallery"
           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>
 
-      <div id="contact-gallery" data-section="contact-gallery" className="mx-auto px-4 md:px-6 pt-20">
+      <div id="social-media" data-section="social-media" className="mx-auto px-4 md:px-6">
+        <SocialProofOne
+          names={["@PaintasyArt", "@FaceArtistry", "@EventPainting", "@BodyArtCreations", "@PaintasyEvents", "@ArtisticFaceDesigns"]}
+          title="Follow Our Social Media"
+          description="Stay updated with our latest gallery posts, behind-the-scenes content, and event highlights. Follow us for inspiration and booking updates!"
+          tag="Connect With Us"
+          tagIcon={Instagram}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          buttons={[
+            { text: "Follow on Instagram", href: "https://instagram.com" },
+            { text: "Like on Facebook", href: "https://facebook.com" },
+          ]}
+          buttonAnimation="blur-reveal"
+          speed={40}
+          showCard={true}
+          ariaLabel="Social media integration section"
+          containerClassName="gap-12"
+          textBoxTitleClassName="text-4xl font-extrabold"
+          textBoxDescriptionClassName="text-lg opacity-90 max-w-3xl"
+          logoTextClassName="font-semibold text-center"
+        />
+      </div>
+
+      <div id="contact-gallery" data-section="contact-gallery" className="mx-auto px-4 md:px-6">
         <ContactText
-          text="Inspired by our gallery? Ready to book Paintasy for your event? Contact us to discuss your vision and get a custom quote. Let's create an unforgettable experience with professional face painting and body art."
+          text="Ready to book our face painting and body art services for your event? Browse our gallery and reach out to schedule your date. We bring creativity, color, and professional entertainment to every celebration."
           animationType="background-highlight"
           background={{ variant: "radial-gradient" }}
           useInvertedBackground={false}
           buttons={[
-            { text: "Get a Quote", href: "/contact" },
+            { text: "Request a Quote", href: "/contact" },
             { text: "Call Us", href: "tel:+15551234567" },
           ]}
-          ariaLabel="Gallery contact call-to-action"
+          ariaLabel="Gallery 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 00eded73ae2a74fb53769417b916cd04d7778147 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 14 Mar 2026 05:35:32 +0000
Subject: [PATCH 05/12] 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 85bc326..500208a 100644
--- a/src/app/packages/page.tsx
+++ b/src/app/packages/page.tsx
@@ -240,7 +240,7 @@ export default function PackagesPage() {
           ]}
           buttonAnimation="blur-reveal"
           containerClassName="gap-12"
-          cardClassName="text-4xl font-extrabold"
+          titleClassName="text-4xl font-extrabold"
           descriptionClassName="text-lg opacity-90"
           ariaLabel="Pricing section with event packages"
         />
-- 
2.49.1


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

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4021a48..a9f0349 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -186,8 +186,7 @@ export default function HomePage() {
           buttonAnimation="blur-reveal"
           ariaLabel="Services section showcasing offerings"
           containerClassName="gap-12"
-          itemClassName="text-4xl font-extrabold"
-          descriptionClassName="text-lg opacity-90 max-w-3xl"
+          itemClassName=""
         />
       </div>
 
@@ -203,17 +202,17 @@ 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",              price: "$150",              period: "per hour",              description: "Perfect for small birthday celebrations",              button: { text: "Request Quote", href: "/booking" },
               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: "2 hours - Best Value",              description: "Full party entertainment package",              button: { text: "Request Quote", href: "/contact" },
+              id: "birthday-deluxe",              tag: "Best Value",              tagIcon: Heart,              price: "$200",              period: "2 hours - Best Value",              description: "Full party entertainment package",              button: { text: "Request Quote", href: "/booking" },
               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",              price: "$250",              period: "per 3 hours",              description: "Festival and outdoor event service",              button: { text: "Request Quote", href: "/booking" },
               featuresTitle: "What's Included",              features: [
                 "High-capacity crowd service",                "Fast artistic designs",                "Setup & teardown included",                "Portable station"],
             },
@@ -222,8 +221,9 @@ export default function HomePage() {
           buttonAnimation="blur-reveal"
           ariaLabel="Pricing section with package options"
           containerClassName="gap-12"
-          cardClassName="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>
 
@@ -262,8 +262,8 @@ export default function HomePage() {
           buttonAnimation="blur-reveal"
           ariaLabel="Client testimonials section"
           containerClassName="gap-12"
-          roleClassName="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>
 
@@ -293,8 +293,8 @@ export default function HomePage() {
           buttonAnimation="blur-reveal"
           ariaLabel="Photo gallery preview section"
           containerClassName="gap-12"
-          cardVariantClassName="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>
 
@@ -306,7 +306,6 @@ export default function HomePage() {
           tagIcon={HelpCircle}
           tagAnimation="slide-up"
           textboxLayout="default"
-          animationType="smooth"
           faqsAnimation="slide-up"
           useInvertedBackground={true}
           showCard={true}
@@ -329,7 +328,7 @@ export default function HomePage() {
           ariaLabel="FAQ section with common questions"
           containerClassName="gap-12"
           textBoxTitleClassName="text-4xl font-extrabold"
-          descriptionClassName="text-lg opacity-90 max-w-3xl"
+          textBoxDescriptionClassName="text-lg opacity-90 max-w-3xl"
         />
       </div>
 
@@ -365,4 +364,4 @@ export default function HomePage() {
       </div>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1


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

---
 src/app/services/page.tsx | 315 ++++++++++----------------------------
 1 file changed, 83 insertions(+), 232 deletions(-)

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


From 3600205826df58cffc91fa89fa792b3f7194b58e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 14 Mar 2026 05:38:03 +0000
Subject: [PATCH 08/12] Update src/app/about/page.tsx

---
 src/app/about/page.tsx | 209 ++++++++++++++++++++++++++---------------
 1 file changed, 132 insertions(+), 77 deletions(-)

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index dab5de9..7745fd6 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -1,58 +1,60 @@
 "use client";
 
-import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
-import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
-import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
-import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
-import FooterSimple from "@/components/sections/footer/FooterSimple";
-import { Palette, Award, Shield, CheckCircle } from "lucide-react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
+import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import ContactText from '@/components/sections/contact/ContactText';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import { Palette, Sparkles, Heart, Award, Star, DollarSign } from 'lucide-react';
+
+export const metadata = {
+  title: "About Paintasy - Professional Face Painting Artists",  description: "Learn about Paintasy's professional face painters and body art specialists. Discover our story, expertise, and commitment to creating unforgettable events."};
 
 export default function AboutPage() {
   const navItems = [
-    { name: "Home", id: "home" },
+    { name: "Home", id: "/" },
     { name: "Services", id: "services" },
-    { name: "Gallery", id: "gallery" },
+    { name: "Gallery", id: "/gallery" },
+    { name: "About", id: "/about" },
     { name: "Packages", id: "packages" },
-    { name: "About", id: "about" },
-    { name: "Contact", id: "contact" },
+    { name: "Contact", id: "/contact" },
   ];
 
   const footerColumns = [
     {
-      title: "Services",
-      items: [
+      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: [
+      title: "Company",      items: [
         { label: "About Us", href: "/about" },
         { label: "Gallery", href: "/gallery" },
-        { label: "Packages", href: "/packages" },
+        { label: "Packages", href: "#packages-section" },
+        { label: "FAQ", href: "#faq-section" },
         { label: "Contact", href: "/contact" },
       ],
     },
     {
-      title: "Connect",
-      items: [
+      title: "Connect",      items: [
         { label: "Instagram", href: "https://instagram.com" },
         { label: "Facebook", href: "https://facebook.com" },
         { label: "TikTok", href: "https://tiktok.com" },
         { label: "Email", href: "mailto:paintasy@events.com" },
+        { label: "Phone", href: "tel:+15551234567" },
       ],
     },
     {
-      title: "Service Areas",
-      items: [
+      title: "Service Areas",      items: [
         { label: "Local Events", href: "/contact" },
         { label: "Regional Coverage", href: "/contact" },
-        { label: "Book Now", href: "/packages" },
+        { label: "Book Now", href: "#booking-section" },
         { label: "Get Quote", href: "/contact" },
       ],
     },
@@ -73,103 +75,156 @@ export default function AboutPage() {
     >
       <div id="nav" data-section="nav">
         <NavbarStyleFullscreen
-          navItems={navItems}
           brandName="Paintasy"
+          navItems={navItems}
           bottomLeftText="Creative Face & Body Art"
           bottomRightText="paintasy@events.com"
         />
       </div>
 
-      <div id="about-page-hero" data-section="about-page-hero">
-        <HeroBillboardGallery
-          title="About Paintasy"
-          description="Professional face painting and body art entertainment bringing creativity and joy to events."
-          background={{ variant: "radial-gradient" }}
-          mediaItems={[
-            {
-              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=2",
-              imageAlt: "Professional face painter at work",
-            },
-          ]}
-          mediaAnimation="opacity"
-          titleClassName="text-5xl font-extrabold"
-          descriptionClassName="text-lg opacity-90"
-        />
-      </div>
-
-      <div id="about-story" data-section="about-story">
+      <div id="about-section" data-section="about-section" className="mx-auto px-4 md:px-6 min-h-screen flex items-center">
         <MetricSplitMediaAbout
-          title="Our Story & Mission"
-          description="Paintasy was founded on the belief that creative entertainment transforms events into unforgettable celebrations. We started with a passion for face painting and body art, and have grown into a professional team dedicated to bringing magic and color to every event we touch.\n\nOur mission is simple: deliver exceptional artistic service, genuine happiness, and professional entertainment that exceeds expectations. From children's birthday parties to corporate celebrations and festival events, we pour our hearts into creating beautiful, memorable experiences."
-          tag="Professional Team"
-          tagIcon={Award}
+          title="About Paintasy Face and Body Art"
+          description="Paintasy was founded with a passion for bringing joy and creativity to celebrations. Our team of professional artists combines traditional face painting techniques with modern artistic flair, creating stunning designs that delight clients of all ages. With over a decade of experience in event entertainment, we've perfected our craft and built a reputation for reliability, creativity, and exceptional customer service. Every event is an opportunity to create magic, and we take pride in making each client's vision come to life."
+          tag="Our Story"
+          tagIcon={Sparkles}
           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=3"
-          imageAlt="Our professional face painting artist"
+          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"
           mediaAnimation="blur-reveal"
           metrics={[
-            { value: "500+", title: "Events Painted" },
-            { value: "1000+", title: "Happy Faces" },
-            { value: "10+", title: "Years Experience" },
+            { value: "10+", title: "Years of Experience" },
+            { value: "500+", title: "Events Completed" },
+            { value: "1000+", title: "Happy Clients" },
             { value: "100%", title: "Satisfaction Rate" },
           ]}
           metricsAnimation="slide-up"
-          useInvertedBackground={true}
+          useInvertedBackground={false}
+          ariaLabel="About section with company story"
+          containerClassName="gap-12"
           titleClassName="text-4xl font-extrabold"
           descriptionClassName="text-lg opacity-90 max-w-2xl"
         />
       </div>
 
-      <div id="about-values" data-section="about-values">
+      <div id="values-section" data-section="values-section" className="mx-auto px-4 md:px-6">
         <FeatureCardTen
-          title="Our Values"
-          description="What drives us in everything we do."
+          title="Our Values & Expertise"
+          description="We believe in delivering exceptional service grounded in creativity, professionalism, and customer satisfaction."
+          tag="Why Choose Us"
+          tagIcon={Award}
+          tagAnimation="slide-up"
           textboxLayout="default"
           animationType="slide-up"
-          useInvertedBackground={false}
+          useInvertedBackground={true}
           features={[
             {
-              id: "value-1",
-              title: "Creativity",
-              description:
-                "We believe in artistic expression and creative design. Every face is a canvas.",
-              media: {
-                imageSrc: "http://img.b2bpic.net/free-photo/fun-portrait-with-decorations-face_23-2150749319.jpg?_wi=3",
-                imageAlt: "Creative face painting designs",
-              },
+              id: "value-1",              title: "Professional Quality",              description: "All our artists are trained professionals with years of experience. We use only high-quality, safe materials and maintain strict hygiene standards.",              media: {
+                imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-brush-close-up_23-2148966902.jpg?_wi=1",                imageAlt: "Professional face painting supplies"},
               items: [
-                { icon: Palette, text: "Artistic innovation" },
-                { icon: CheckCircle, text: "Unique designs" },
+                { icon: Palette, text: "Expert techniques" },
+                { icon: Heart, text: "Passion for art" },
+                { icon: Star, text: "Quality materials" },
               ],
               reverse: false,
             },
             {
-              id: "value-2",
-              title: "Safety & Professionalism",
-              description:
-                "We use only hypoallergenic, professional-grade face paints and maintain strict hygiene standards.",
-              media: {
-                imageSrc: "http://img.b2bpic.net/free-photo/dreamy-eyes-woman-smiling-festival_23-2148338055.jpg?_wi=5",
-                imageAlt: "Safe professional face painting",
-              },
+              id: "value-2",              title: "Custom Creativity",              description: "Every event is unique, and so are our designs. We work with clients to create custom artwork that perfectly matches their theme and vision.",              media: {
+                imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-women-with-all-kinds-body_23-2149159242.jpg?_wi=1",                imageAlt: "Creative custom body art designs"},
               items: [
-                { icon: Shield, text: "Hypoallergenic products" },
-                { icon: CheckCircle, text: "Safety certified" },
+                { icon: Sparkles, text: "Bespoke designs" },
+                { icon: Star, text: "Artistic excellence" },
+                { icon: Heart, text: "Client collaboration" },
               ],
               reverse: true,
             },
+            {
+              id: "value-3",              title: "Reliable Service",              description: "Punctuality and professionalism are guaranteed. We show up prepared, ready to deliver, and committed to exceeding your expectations.",              media: {
+                imageSrc: "http://img.b2bpic.net/free-photo/fun-portrait-with-decorations-face_23-2150749319.jpg?_wi=1",                imageAlt: "Professional event setup and service"},
+              items: [
+                { icon: Award, text: "On-time delivery" },
+                { icon: Palette, text: "Professional conduct" },
+                { icon: Sparkles, text: "Excellence commitment" },
+              ],
+              reverse: false,
+            },
           ]}
+          buttons={[{ text: "Book Now", href: "/contact" }]}
+          buttonAnimation="blur-reveal"
+          ariaLabel="Values and expertise section"
           containerClassName="gap-12"
-          titleClassName="text-4xl font-extrabold"
-          descriptionClassName="text-lg opacity-90"
+          itemClassName=""
         />
       </div>
 
-      <div id="footer" data-section="footer">
+      <div id="testimonials-section" data-section="testimonials-section" className="mx-auto px-4 md:px-6">
+        <TestimonialCardTwo
+          title="Client Success Stories"
+          description="Hear from clients who've experienced the Paintasy difference at their events."
+          tag="Client Reviews"
+          tagIcon={Star}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          animationType="blur-reveal"
+          useInvertedBackground={true}
+          carouselMode="buttons"
+          testimonials={[
+            {
+              id: "testimonial-1",              name: "Sarah Johnson",              role: "Parent, Birthday Party Host",              testimonial: "Paintasy transformed our daughter's birthday party! The artist was incredibly talented and genuinely wonderful with the kids. We can't recommend them enough.",              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 birthday party attendees",              icon: Heart,
+            },
+            {
+              id: "testimonial-2",              name: "Marcus Chen",              role: "Festival Director",              testimonial: "Professionalism, creativity, and reliability - Paintasy delivers on all fronts. The crowd absolutely loved them, and they handled high volume without losing quality.",              imageSrc: "http://img.b2bpic.net/free-photo/man-covered-different-colors-holi_23-2148337991.jpg?_wi=1",              imageAlt: "Festival attendees with face painting",              icon: Star,
+            },
+            {
+              id: "testimonial-3",              name: "Emily Rodriguez",              role: "Corporate Event Planner",              testimonial: "For our company's annual celebration, Paintasy added the perfect element of fun and artistry. Every detail was flawless, and the feedback from employees was outstanding.",              imageSrc: "http://img.b2bpic.net/free-photo/group-young-friends-celebrating-new-year_23-2147720468.jpg",              imageAlt: "Corporate team celebrating",              icon: Award,
+            },
+            {
+              id: "testimonial-4",              name: "David Kim",              role: "School Principal",              testimonial: "Our school carnival was a huge success thanks to Paintasy. Safe, professional, and engaging - exactly what we needed to delight our students and families.",              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: "School carnival attendees",              icon: Sparkles,
+            },
+            {
+              id: "testimonial-5",              name: "Jessica Martinez",              role: "Wedding Coordinator",              testimonial: "Adding Paintasy to our children's wedding activities was a masterstroke. Professional, safe, and created such joyful memories for our young guests.",              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: "Wedding reception guests",              icon: Heart,
+            },
+            {
+              id: "testimonial-6",              name: "Thomas Wilson",              role: "Event Management Director",              testimonial: "Year after year, Paintasy consistently delivers excellence. Their dedication to the craft and customer service sets them apart in the industry.",              imageSrc: "http://img.b2bpic.net/free-photo/man-covered-different-colors-holi_23-2148337991.jpg?_wi=2",              imageAlt: "Community event success",              icon: Star,
+            },
+          ]}
+          buttons={[{ text: "Book Now", href: "/contact" }]}
+          buttonAnimation="blur-reveal"
+          ariaLabel="Client testimonials section"
+          containerClassName="gap-12"
+          textBoxTitleClassName="text-4xl font-extrabold"
+          textBoxDescriptionClassName="text-lg opacity-90 max-w-3xl"
+        />
+      </div>
+
+      <div id="booking-section" data-section="booking-section" className="mx-auto px-4 md:px-6">
+        <ContactText
+          text="Ready to book Paintasy for your next event? We're here to make your celebration unforgettable. Whether it's a small birthday gathering or a large corporate event, our professional team is prepared to deliver exceptional face and body art. Contact us today to discuss your event details, get a quote, or ask any questions. We look forward to bringing creativity and joy to your special occasion."
+          animationType="background-highlight"
+          background={{ variant: "radial-gradient" }}
+          useInvertedBackground={false}
+          buttons={[
+            { text: "Get a Quote", href: "/contact" },
+            { text: "Call Us", href: "tel:+15551234567" },
+          ]}
+          ariaLabel="Contact and booking section"
+          containerClassName="py-16"
+          contentClassName="max-w-3xl mx-auto"
+          textClassName="text-4xl font-extrabold text-center"
+          buttonContainerClassName="flex flex-col sm:flex-row gap-4 justify-center mt-8"
+        />
+      </div>
+
+      <div id="footer" data-section="footer" className="mx-auto px-4 md:px-6">
         <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>
-- 
2.49.1


From 8fb30e7a16a96bef231587abe2279f84618755a6 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 14 Mar 2026 05:38:04 +0000
Subject: [PATCH 09/12] Update src/app/contact/page.tsx

---
 src/app/contact/page.tsx | 214 +++++++++++++++++++++------------------
 1 file changed, 113 insertions(+), 101 deletions(-)

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 6e82bee..5a796f6 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -2,42 +2,21 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import ContactFaq from '@/components/sections/contact/ContactFaq';
+import ContactText from '@/components/sections/contact/ContactText';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import { Mail, Phone, MapPin, Clock } from 'lucide-react';
-import { useState } from 'react';
+import { Phone, Mail, Calendar, ArrowRight, HelpCircle } from 'lucide-react';
 
 export const metadata = {
-  title: "Contact Us - Paintasy Face and Body Art",  description: "Get in touch with Paintasy Face and Body Art. Contact us for inquiries, quotes, or general information about our services.",  keywords: "contact face painter, paintasy contact, reach us, customer support"};
+  title: "Contact Paintasy - Book Your Event Today",  description: "Get in touch with Paintasy to book face painting and body art services for your event. Phone, email, and booking information available. Request a quote today!"};
 
 export default function ContactPage() {
-  const [formData, setFormData] = useState({
-    name: '',
-    email: '',
-    phone: '',
-    subject: '',
-    message: '',
-  });
-
-  const handleFormSubmit = (data: Record<string, string>) => {
-    console.log('Contact form submitted:', data);
-    setFormData({
-      name: '',
-      email: '',
-      phone: '',
-      subject: '',
-      message: '',
-    });
-  };
-
   const navItems = [
     { name: "Home", id: "/" },
-    { name: "Services", id: "/#services" },
+    { name: "Services", id: "services" },
     { name: "Gallery", id: "/gallery" },
-    { name: "Packages", id: "/#packages-home" },
-    { name: "About", id: "/#about-home" },
-    { name: "Booking", id: "/booking" },
+    { name: "About", id: "/about" },
+    { name: "Packages", id: "packages" },
     { name: "Contact", id: "/contact" },
   ];
 
@@ -53,10 +32,10 @@ export default function ContactPage() {
     },
     {
       title: "Company",      items: [
-        { label: "About Us", href: "/#about-home" },
+        { label: "About Us", href: "/about" },
         { label: "Gallery", href: "/gallery" },
-        { label: "Packages", href: "/#packages-home" },
-        { label: "FAQ", href: "/#faq-home" },
+        { label: "Packages", href: "#packages-home" },
+        { label: "FAQ", href: "#faq-section" },
         { label: "Contact", href: "/contact" },
       ],
     },
@@ -73,8 +52,8 @@ export default function ContactPage() {
       title: "Service Areas",      items: [
         { label: "Local Events", href: "/contact" },
         { label: "Regional Coverage", href: "/contact" },
-        { label: "Book Now", href: "/booking" },
-        { label: "Get Quote", href: "/contact" },
+        { label: "Book Now", href: "#booking-info" },
+        { label: "Get Quote", href: "#contact-form" },
       ],
     },
   ];
@@ -101,104 +80,137 @@ export default function ContactPage() {
         />
       </div>
 
-      <div id="contact-hero" data-section="contact-hero" className="mx-auto px-4 md:px-6">
-        <HeroLogoBillboardSplit
-          logoText="Get in Touch"
-          description="Have questions or need more information? We're here to help! Contact us via phone, email, or the form below. We respond to all inquiries within 24 hours."
+      <div id="contact-hero" data-section="contact-hero" className="mx-auto px-4 md:px-6 min-h-screen flex items-center">
+        <ContactText
+          text="Get in Touch with Paintasy"
+          animationType="background-highlight"
           background={{ variant: "radial-gradient" }}
+          useInvertedBackground={false}
           buttons={[
-            { text: "Send Message", href: "#contact-form" },
-            { text: "Call Us", href: "tel:+15551234567" },
+            { text: "Call Now", href: "tel:+15551234567" },
+            { text: "Email Us", href: "mailto:paintasy@events.com" },
           ]}
-          layoutOrder="default"
-          mediaAnimation="blur-reveal"
           ariaLabel="Contact page hero section"
-          containerClassName="flex flex-col lg:flex-row items-center justify-between gap-12 min-h-screen"
-          logoContainerClassName="flex-1"
-          descriptionClassName="text-lg opacity-90 max-w-2xl"
-          buttonContainerClassName="flex flex-col sm:flex-row gap-4 mt-8"
+          containerClassName="py-20"
+          contentClassName="max-w-3xl mx-auto"
+          textClassName="text-5xl lg:text-6xl font-extrabold text-center"
+          buttonContainerClassName="flex flex-col sm:flex-row gap-4 justify-center mt-12"
         />
       </div>
 
-      <div id="contact-information" data-section="contact-information" className="mx-auto px-4 md:px-6 py-16">
-        <div className="max-w-6xl mx-auto">
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-8 mb-12">
-            <div className="flex items-start gap-4 p-6 rounded-lg border border-gray-200 dark:border-gray-800">
-              <Phone className="w-6 h-6 text-blue-500 flex-shrink-0 mt-1" />
-              <div>
-                <h3 className="font-bold text-lg mb-2">Phone</h3>
-                <p className="text-gray-600 dark:text-gray-400">Call us for immediate assistance</p>
-                <a href="tel:+15551234567" className="text-blue-500 hover:underline font-semibold mt-2 block">
-                  +1 (555) 123-4567
-                </a>
+      <div id="booking-info" data-section="booking-info" className="mx-auto px-4 md:px-6 py-16">
+        <div className="max-w-4xl mx-auto">
+          <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
+            {/* Phone Contact */}
+            <div className="text-center p-8 border border-gray-200 rounded-lg hover:border-gray-400 transition-colors">
+              <div className="flex justify-center mb-4">
+                <Phone className="w-12 h-12 text-blue-600" />
               </div>
+              <h3 className="text-2xl font-bold mb-2">Call Us</h3>
+              <p className="text-gray-600 mb-4">Available Monday-Friday, 9am-6pm</p>
+              <a href="tel:+15551234567" className="text-lg font-semibold text-blue-600 hover:text-blue-700 transition-colors">
+                +1 (555) 123-4567
+              </a>
             </div>
-            <div className="flex items-start gap-4 p-6 rounded-lg border border-gray-200 dark:border-gray-800">
-              <Mail className="w-6 h-6 text-blue-500 flex-shrink-0 mt-1" />
-              <div>
-                <h3 className="font-bold text-lg mb-2">Email</h3>
-                <p className="text-gray-600 dark:text-gray-400">Send us your questions or booking details</p>
-                <a href="mailto:paintasy@events.com" className="text-blue-500 hover:underline font-semibold mt-2 block">
-                  paintasy@events.com
-                </a>
+
+            {/* Email Contact */}
+            <div className="text-center p-8 border border-gray-200 rounded-lg hover:border-gray-400 transition-colors">
+              <div className="flex justify-center mb-4">
+                <Mail className="w-12 h-12 text-blue-600" />
               </div>
+              <h3 className="text-2xl font-bold mb-2">Email Us</h3>
+              <p className="text-gray-600 mb-4">We respond within 24 hours</p>
+              <a href="mailto:paintasy@events.com" className="text-lg font-semibold text-blue-600 hover:text-blue-700 transition-colors">
+                paintasy@events.com
+              </a>
             </div>
-            <div className="flex items-start gap-4 p-6 rounded-lg border border-gray-200 dark:border-gray-800">
-              <Clock className="w-6 h-6 text-blue-500 flex-shrink-0 mt-1" />
-              <div>
-                <h3 className="font-bold text-lg mb-2">Response Time</h3>
-                <p className="text-gray-600 dark:text-gray-400">We typically respond within 24 hours</p>
-                <p className="text-sm text-gray-500 dark:text-gray-500 mt-2">Available Monday - Sunday</p>
-              </div>
-            </div>
-            <div className="flex items-start gap-4 p-6 rounded-lg border border-gray-200 dark:border-gray-800">
-              <MapPin className="w-6 h-6 text-blue-500 flex-shrink-0 mt-1" />
-              <div>
-                <h3 className="font-bold text-lg mb-2">Service Area</h3>
-                <p className="text-gray-600 dark:text-gray-400">We serve local and regional events</p>
-                <p className="text-sm text-gray-500 dark:text-gray-500 mt-2">Travel available for large events</p>
+
+            {/* Booking Request */}
+            <div className="text-center p-8 border border-gray-200 rounded-lg hover:border-gray-400 transition-colors">
+              <div className="flex justify-center mb-4">
+                <Calendar className="w-12 h-12 text-blue-600" />
               </div>
+              <h3 className="text-2xl font-bold mb-2">Book Now</h3>
+              <p className="text-gray-600 mb-4">Submit a booking request form</p>
+              <a href="#contact-form" className="text-lg font-semibold text-blue-600 hover:text-blue-700 transition-colors flex items-center justify-center gap-2">
+                Get Started <ArrowRight className="w-5 h-5" />
+              </a>
             </div>
           </div>
         </div>
       </div>
 
-      <div id="contact-form" data-section="contact-form" className="mx-auto px-4 md:px-6">
-        <ContactSplitForm
-          title="Send Us a Message"
-          description="Have a question or special request? Fill out the form below and we'll get back to you as soon as possible. Whether you're interested in booking or just want to learn more, we'd love to hear from you."
-          inputs={[
+      <div id="contact-info" data-section="contact-info" className="mx-auto px-4 md:px-6 py-16">
+        <div className="max-w-3xl mx-auto">
+          <h2 className="text-4xl font-extrabold mb-8 text-center">Why Choose Paintasy?</h2>
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
+            <div>
+              <h3 className="text-xl font-bold mb-3 flex items-center gap-3">
+                <span className="w-8 h-8 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold">✓</span>
+                Quick Response
+              </h3>
+              <p className="text-gray-700">We respond to all inquiries within 24 hours to confirm availability and discuss your event details.</p>
+            </div>
+            <div>
+              <h3 className="text-xl font-bold mb-3 flex items-center gap-3">
+                <span className="w-8 h-8 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold">✓</span>
+                Transparent Pricing
+              </h3>
+              <p className="text-gray-700">No hidden fees. We provide clear quotes tailored to your event size, duration, and specific needs.</p>
+            </div>
+            <div>
+              <h3 className="text-xl font-bold mb-3 flex items-center gap-3">
+                <span className="w-8 h-8 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold">✓</span>
+                Flexible Packages
+              </h3>
+              <p className="text-gray-700">From small intimate gatherings to large festivals, we offer customizable packages that fit your needs.</p>
+            </div>
+            <div>
+              <h3 className="text-xl font-bold mb-3 flex items-center gap-3">
+                <span className="w-8 h-8 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold">✓</span>
+                Professional Service
+              </h3>
+              <p className="text-gray-700">All our artists are trained professionals committed to safety, hygiene, and creating unforgettable experiences.</p>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div id="faq-section" data-section="faq-section" className="mx-auto px-4 md:px-6">
+        <ContactFaq
+          faqs={[
             {
-              name: "name",              type: "text",              placeholder: "Your Name",              required: true,
+              id: "faq-booking-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 (summer and holidays), 4-6 weeks advance booking is ideal. We also accept last-minute bookings depending on our schedule availability."
             },
             {
-              name: "email",              type: "email",              placeholder: "Your Email",              required: true,
+              id: "faq-booking-2",              title: "What's the booking process?",              content: "Simply call us, email, or submit an inquiry through this page. We'll discuss your event details, answer any questions, provide a customized quote, and confirm your booking. A deposit secures your date."
             },
             {
-              name: "phone",              type: "tel",              placeholder: "Your Phone Number",              required: false,
+              id: "faq-booking-3",              title: "Can I customize my package?",              content: "Absolutely! We work with you to create a customized package that matches your event size, theme, budget, and vision. Whether you need adjustments to duration, artist count, or services, we're happy to accommodate."
             },
             {
-              name: "subject",              type: "text",              placeholder: "Subject",              required: true,
+              id: "faq-booking-4",              title: "What payment methods do you accept?",              content: "We accept all major credit cards, bank transfers, and digital payment platforms. A deposit of 50% secures your booking, with the balance due on the event day."
+            },
+            {
+              id: "faq-booking-5",              title: "Do you offer refunds or rescheduling?",              content: "If you need to reschedule, we'll work with you to find an alternative date. Cancellations made more than 2 weeks in advance receive a full refund of the deposit. Cancellations within 2 weeks may forfeit the deposit."
+            },
+            {
+              id: "faq-booking-6",              title: "Are there travel fees?",              content: "For events within our local service area, there are no additional travel fees. For events outside our standard area, a reasonable travel fee may apply. We'll discuss this when you contact us."
             },
           ]}
-          textarea={{
-            name: "message",            placeholder: "Your message here. Tell us about your inquiry, event, or anything else you'd like us to know.",            rows: 6,
-            required: true,
-          }}
+          ctaTitle="Ready to Book Your Event?"
+          ctaDescription="Contact us today to check availability and get a personalized quote for your face painting and body art needs. Our professional team is ready to create magic for your special occasion."
+          ctaButton={{ text: "Contact Us Now", href: "tel:+15551234567" }}
+          ctaIcon={Phone}
           useInvertedBackground={true}
-          mediaAnimation="blur-reveal"
-          mediaPosition="right"
-          buttonText="Send Message"
-          onSubmit={handleFormSubmit}
-          ariaLabel="Contact form section"
-          containerClassName="py-16 gap-12"
-          formCardClassName="p-8"
-          titleClassName="text-4xl font-extrabold"
-          descriptionClassName="text-lg opacity-90"
+          animationType="slide-up"
+          accordionAnimationType="smooth"
+          showCard={true}
+          ariaLabel="Contact form and FAQ section"
         />
       </div>
 
-      <div id="footer-contact" data-section="footer-contact" className="mx-auto px-4 md:px-6">
+      <div id="footer" data-section="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 d5f6e1710180b583bf31f29110676b7ef8428f43 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 14 Mar 2026 05:38:04 +0000
Subject: [PATCH 10/12] Update src/app/gallery/page.tsx

---
 src/app/gallery/page.tsx | 282 ++++++++++-----------------------------
 1 file changed, 68 insertions(+), 214 deletions(-)

diff --git a/src/app/gallery/page.tsx b/src/app/gallery/page.tsx
index e7ad91a..3242e06 100644
--- a/src/app/gallery/page.tsx
+++ b/src/app/gallery/page.tsx
@@ -3,64 +3,82 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import { Camera, Heart, Sparkles, Users, Instagram, Facebook, Music, Award } from 'lucide-react';
+import { Sparkles, Instagram, Facebook, Heart, Star, Camera, Phone, Mail } from 'lucide-react';
 
 export const metadata = {
-  title: "Gallery - Paintasy Face and Body Art | Event Photos",  description: "Browse our full gallery of professional face painting and body art photos from parties, festivals, corporate events, and special occasions. Real event photos from happy clients.",  keywords: "face painting gallery, body art photos, event face painting, professional face painter portfolio, party entertainment photos"
-};
+  title: "Gallery - Paintasy Face and Body Art | Event Photos",  description: "Browse our complete gallery of professional face painting and body art work from real events, festivals, corporate events, and parties."};
 
 export default function GalleryPage() {
   const navItems = [
     { name: "Home", id: "/" },
     { name: "Services", id: "/services" },
     { name: "Gallery", id: "gallery" },
-    { name: "Packages", id: "/packages" },
-    { name: "About", id: "/about" },
+    { name: "Packages", id: "/" },
+    { name: "About", id: "/" },
     { 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: "/" },
+        { label: "Festival Face Art", href: "/" },
+        { label: "Corporate Events", href: "/" },
+        { label: "Body Painting", href: "/" },
+        { label: "Custom Designs", href: "/" },
       ],
     },
     {
       title: "Company",      items: [
-        { label: "About Us", href: "/about" },
+        { label: "About Us", href: "/" },
         { label: "Gallery", href: "/gallery" },
-        { label: "Packages", href: "/packages" },
-        { label: "FAQ", href: "/#faq-home" },
+        { label: "Packages", href: "/" },
+        { label: "FAQ", href: "/" },
         { label: "Contact", href: "/contact" },
       ],
     },
     {
-      title: "Connect",      items: [
+      title: "Follow Us",      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" },
+        { label: "LinkedIn", href: "https://linkedin.com" },
       ],
     },
     {
-      title: "Service Areas",      items: [
-        { label: "Local Events", href: "/contact" },
-        { label: "Regional Coverage", href: "/contact" },
-        { label: "Book Now", href: "/packages" },
+      title: "Get in Touch",      items: [
+        { label: "Email: paintasy@events.com", href: "mailto:paintasy@events.com" },
+        { label: "Phone: +1 (555) 123-4567", href: "tel:+15551234567" },
+        { label: "Book Now", href: "/contact" },
         { label: "Get Quote", href: "/contact" },
       ],
     },
   ];
 
+  const galleryItems = [
+    {
+      id: "gallery-kids-1",      name: "Butterfly Dreams",      price: "Kids Party",      variant: "Colorful & Playful",      imageSrc: "http://img.b2bpic.net/free-photo/dreamy-eyes-woman-smiling-festival_23-2148338055.jpg?_wi=1",      imageAlt: "Colorful butterfly face painting design on child"},
+    {
+      id: "gallery-kids-2",      name: "Superhero Mask",      price: "Kids Party",      variant: "Popular Design",      imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-putting-makeup-man_23-2149357796.jpg?_wi=1",      imageAlt: "Superhero mask face painting artwork"},
+    {
+      id: "gallery-festival-1",      name: "Festival Glitter Art",      price: "Festival Event",      variant: "Artistic Design",      imageSrc: "http://img.b2bpic.net/free-photo/man-covered-different-colors-holi_23-2148337991.jpg?_wi=1",      imageAlt: "Vibrant multicolored festival face painting"},
+    {
+      id: "gallery-festival-2",      name: "Rainbow Artist",      price: "Festival Event",      variant: "Crowd Favorite",      imageSrc: "http://img.b2bpic.net/free-photo/male-dj-party-charge-music-entertainment_23-2149658399.jpg?_wi=1",      imageAlt: "Rainbow themed face painting at outdoor festival"},
+    {
+      id: "gallery-body-1",      name: "Professional Body Art",      price: "Special Event",      variant: "Premium Service",      imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-women-with-all-kinds-body_23-2149159242.jpg?_wi=1",      imageAlt: "Professional body painting artwork on model"},
+    {
+      id: "gallery-custom-1",      name: "Themed Corporate Art",      price: "Corporate Event",      variant: "Custom Design",      imageSrc: "http://img.b2bpic.net/free-photo/fun-portrait-with-decorations-face_23-2150749319.jpg?_wi=1",      imageAlt: "Custom corporate themed face painting design"},
+    {
+      id: "gallery-kids-3",      name: "Princess Crown",      price: "Kids Party",      variant: "Elegant Design",      imageSrc: "http://img.b2bpic.net/free-psd/holi-festival-celebration-instagram-posts_23-2151227255.jpg?_wi=1",      imageAlt: "Princess crown face painting with glitter details"},
+    {
+      id: "gallery-artist-1",      name: "Artist at Work",      price: "Behind the Scenes",      variant: "Professional Skill",      imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-brush-close-up_23-2148966902.jpg?_wi=1",      imageAlt: "Professional face painter creating detailed artwork"},
+    {
+      id: "gallery-family-1",      name: "Family Fun",      price: "Group Event",      variant: "Multiple Designs",      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: "Family with coordinated face painting designs"},
+  ];
+
   return (
     <ThemeProvider
       defaultButtonVariant="shift-hover"
@@ -78,28 +96,27 @@ export default function GalleryPage() {
         <NavbarStyleFullscreen
           brandName="Paintasy"
           navItems={navItems}
-          bottomLeftText="Creative Face & Body Art"
-          bottomRightText="paintasy@events.com"
+          bottomLeftText="Creative Face & Body Art Gallery"
+          bottomRightText="Follow us on Instagram @paintasy_art"
         />
       </div>
 
       <div id="hero-gallery" data-section="hero-gallery" className="mx-auto px-4 md:px-6">
         <HeroBillboardGallery
-          title="Our Event Photo Gallery"
-          description="Explore our complete collection of professional face painting and body art from parties, festivals, corporate events, and special occasions. Real photos from happy clients."
+          title="Our Creative Portfolio"
+          description="Explore our gallery of real event photos showcasing professional face painting and body art. From kids parties to festivals, see the creativity and artistry that brings magic to every event."
           background={{ variant: "radial-gradient" }}
-          tag="Portfolio Gallery"
+          tag="Professional Event Photos"
           tagIcon={Camera}
           tagAnimation="slide-up"
           buttons={[
-            { text: "Book Your Event", href: "/packages" },
-            { text: "Contact Us", href: "/contact" },
+            { text: "Book Our Artists", href: "/contact" },
+            { text: "View Full Gallery", href: "#gallery-showcase" },
           ]}
           buttonAnimation="blur-reveal"
           mediaItems={[
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-women-with-all-kinds-body_23-2149159242.jpg?_wi=1",              imageAlt: "Professional face and body art gallery"
-            },
+              imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-make-up-woman-wearing-mask_23-2148784326.jpg",              imageAlt: "Professional face painting showcase"},
           ]}
           mediaAnimation="opacity"
           ariaLabel="Gallery hero section"
@@ -111,206 +128,43 @@ export default function GalleryPage() {
         />
       </div>
 
-      <div id="gallery-kids-parties" data-section="gallery-kids-parties" className="mx-auto px-4 md:px-6">
-        <ProductCardFour
-          title="Kids Party Face Painting"
-          description="Colorful, creative designs perfect for birthday celebrations and children's events. From butterflies and superheroes to princesses and animals."
-          tag="Birthday Parties"
-          tagIcon={Heart}
-          tagAnimation="slide-up"
-          textboxLayout="default"
-          animationType="slide-up"
-          useInvertedBackground={false}
-          gridVariant="three-columns-all-equal-width"
-          carouselMode="buttons"
-          products={[
-            {
-              id: "kids-1",              name: "Butterfly Faces",              price: "Colorful",              variant: "Kids Favorite",              imageSrc: "http://img.b2bpic.net/free-photo/dreamy-eyes-woman-smiling-festival_23-2148338055.jpg?_wi=1",              imageAlt: "Butterfly face painting design"
-            },
-            {
-              id: "kids-2",              name: "Superhero Designs",              price: "Dynamic",              variant: "Popular Choice",              imageSrc: "http://img.b2bpic.net/free-psd/holi-festival-celebration-instagram-posts_23-2151227255.jpg?_wi=1",              imageAlt: "Superhero themed face painting"
-            },
-            {
-              id: "kids-3",              name: "Princess Themes",              price: "Elegant",              variant: "Girls Love It",              imageSrc: "http://img.b2bpic.net/free-photo/fun-portrait-with-decorations-face_23-2150749319.jpg?_wi=1",              imageAlt: "Princess face painting designs"
-            },
-            {
-              id: "kids-4",              name: "Animal Faces",              price: "Playful",              variant: "All Ages",              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: "Animal themed face painting"
-            },
-            {
-              id: "kids-5",              name: "Pirate Designs",              price: "Adventure",              variant: "Boy Favorite",              imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-make-up-woman-wearing-mask_23-2148784326.jpg",              imageAlt: "Pirate face painting artwork"
-            },
-            {
-              id: "kids-6",              name: "Galaxy Themes",              price: "Artistic",              variant: "Modern Cool",              imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-brush-close-up_23-2148966902.jpg?_wi=1",              imageAlt: "Galaxy themed face painting"
-            },
-          ]}
-          buttons={[{ text: "Book Kids Party Service", href: "/packages" }]}
-          buttonAnimation="blur-reveal"
-          ariaLabel="Kids party face painting gallery"
-          containerClassName="gap-12"
-          textBoxTitleClassName="text-4xl font-extrabold"
-          textBoxDescriptionClassName="text-lg opacity-90 max-w-3xl"
-        />
-      </div>
-
-      <div id="gallery-festivals" data-section="gallery-festivals" className="mx-auto px-4 md:px-6">
-        <ProductCardFour
-          title="Festival & Outdoor Events"
-          description="Fast, artistic designs perfect for festivals, outdoor markets, and large crowd events. Quick turnaround without compromising creativity."
-          tag="Festival Events"
+      <div id="gallery-showcase" data-section="gallery-showcase" className="mx-auto px-4 md:px-6">
+        <ProductCardOne
+          title="Featured Gallery Collection"
+          description="Browse our portfolio of real event photos. Each image represents the professional quality, creativity, and artistic excellence we bring to every booking. From intimate birthday parties to large-scale festival events."
+          tag="Portfolio Showcase"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
           textboxLayout="default"
-          animationType="opacity"
-          useInvertedBackground={true}
-          gridVariant="three-columns-all-equal-width"
-          carouselMode="buttons"
-          products={[
-            {
-              id: "festival-1",              name: "Music Festival Art",              price: "Artistic",              variant: "Event Ready",              imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-putting-makeup-man_23-2149357796.jpg?_wi=1",              imageAlt: "Music festival face art"
-            },
-            {
-              id: "festival-2",              name: "Outdoor Market Designs",              price: "Quick Service",              variant: "Crowd Pleaser",              imageSrc: "http://img.b2bpic.net/free-photo/man-covered-different-colors-holi_23-2148337991.jpg?_wi=1",              imageAlt: "Outdoor market face painting"
-            },
-            {
-              id: "festival-3",              name: "Holi Festival Colors",              price: "Vibrant",              variant: "Cultural Event",              imageSrc: "http://img.b2bpic.net/free-photo/man-covered-different-colors-holi_23-2148337991.jpg?_wi=2",              imageAlt: "Holi festival colors face art"
-            },
-            {
-              id: "festival-4",              name: "Abstract Designs",              price: "Creative",              variant: "Contemporary",              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: "Abstract face painting designs"
-            },
-            {
-              id: "festival-5",              name: "Neon Glow Effects",              price: "Modern",              variant: "Night Events",              imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-brush-close-up_23-2148966902.jpg?_wi=2",              imageAlt: "Neon glow face painting"
-            },
-            {
-              id: "festival-6",              name: "Tribal Patterns",              price: "Geometric",              variant: "Artistic",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-women-with-all-kinds-body_23-2149159242.jpg?_wi=2",              imageAlt: "Tribal pattern face painting"
-            },
-          ]}
-          buttons={[{ text: "Book Festival Service", href: "/packages" }]}
-          buttonAnimation="blur-reveal"
-          ariaLabel="Festival and outdoor event gallery"
-          containerClassName="gap-12"
-          textBoxTitleClassName="text-4xl font-extrabold"
-          textBoxDescriptionClassName="text-lg opacity-90 max-w-3xl"
-        />
-      </div>
-
-      <div id="gallery-corporate" data-section="gallery-corporate" className="mx-auto px-4 md:px-6">
-        <ProductCardFour
-          title="Corporate & Special Events"
-          description="Professional face painting and body art for corporate events, brand activations, weddings, and special occasions. Elegant designs with a polished touch."
-          tag="Corporate Events"
-          tagIcon={Users}
-          tagAnimation="slide-up"
-          textboxLayout="default"
           animationType="blur-reveal"
           useInvertedBackground={false}
-          gridVariant="three-columns-all-equal-width"
+          gridVariant="bento-grid"
           carouselMode="buttons"
-          products={[
-            {
-              id: "corp-1",              name: "Corporate Branding",              price: "Professional",              variant: "Brand Focused",              imageSrc: "http://img.b2bpic.net/free-photo/male-dj-party-charge-music-entertainment_23-2149658399.jpg?_wi=1",              imageAlt: "Corporate branded face painting"
-            },
-            {
-              id: "corp-2",              name: "Wedding Reception Art",              price: "Elegant",              variant: "Celebration",              imageSrc: "http://img.b2bpic.net/free-photo/group-young-friends-celebrating-new-year_23-2147720468.jpg",              imageAlt: "Wedding event face painting"
-            },
-            {
-              id: "corp-3",              name: "Team Building Design",              price: "Interactive",              variant: "Team Activity",              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: "Team building face painting"
-            },
-            {
-              id: "corp-4",              name: "Gala & Formal Events",              price: "Sophisticated",              variant: "High End",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-women-with-all-kinds-body_23-2149159242.jpg?_wi=3",              imageAlt: "Gala event body art"
-            },
-            {
-              id: "corp-5",              name: "Product Launch Art",              price: "Creative",              variant: "Marketing",              imageSrc: "http://img.b2bpic.net/free-photo/fun-portrait-with-decorations-face_23-2150749319.jpg?_wi=2",              imageAlt: "Product launch face painting"
-            },
-            {
-              id: "corp-6",              name: "Charity Event Design",              price: "Community",              variant: "Fundraiser",              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=2",              imageAlt: "Charity event face painting"
-            },
-          ]}
-          buttons={[{ text: "Book Corporate Service", href: "/contact" }]}
-          buttonAnimation="blur-reveal"
-          ariaLabel="Corporate and special events gallery"
-          containerClassName="gap-12"
-          textBoxTitleClassName="text-4xl font-extrabold"
-          textBoxDescriptionClassName="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">
-        <ProductCardFour
-          title="Body Painting & Art"
-          description="Professional body painting and temporary tattoo designs for creative individuals and special occasions. High-quality artistry and safe materials."
-          tag="Body Art"
-          tagIcon={Award}
-          tagAnimation="slide-up"
-          textboxLayout="default"
-          animationType="scale-rotate"
-          useInvertedBackground={true}
-          gridVariant="three-columns-all-equal-width"
-          carouselMode="buttons"
-          products={[
-            {
-              id: "body-1",              name: "Temporary Tattoos",              price: "Detailed",              variant: "Custom Design",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-women-with-all-kinds-body_23-2149159242.jpg?_wi=1",              imageAlt: "Temporary tattoo designs"
-            },
-            {
-              id: "body-2",              name: "Full Body Paint",              price: "Artistic",              variant: "Complete Coverage",              imageSrc: "http://img.b2bpic.net/free-photo/man-covered-different-colors-holi_23-2148337991.jpg?_wi=3",              imageAlt: "Full body painting artwork"
-            },
-            {
-              id: "body-3",              name: "Glitter & Sparkle Art",              price: "Glamorous",              variant: "Sparkling Effects",              imageSrc: "http://img.b2bpic.net/free-photo/fun-portrait-with-decorations-face_23-2150749319.jpg?_wi=3",              imageAlt: "Glitter and sparkle body art"
-            },
-            {
-              id: "body-4",              name: "Airbrush Body Paint",              price: "Professional",              variant: "Precision Art",              imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-brush-close-up_23-2148966902.jpg?_wi=3",              imageAlt: "Airbrush body painting"
-            },
-            {
-              id: "body-5",              name: "Theme Character Paint",              price: "Cosplay Ready",              variant: "Immersive Art",              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=3",              imageAlt: "Theme character body painting"
-            },
-            {
-              id: "body-6",              name: "Abstract Body Art",              price: "Contemporary",              variant: "Unique Expression",              imageSrc: "http://img.b2bpic.net/free-photo/dreamy-eyes-woman-smiling-festival_23-2148338055.jpg?_wi=2",              imageAlt: "Abstract body art design"
-            },
-          ]}
-          buttons={[{ text: "Book Body Art Service", href: "/contact" }]}
-          buttonAnimation="blur-reveal"
-          ariaLabel="Body painting and art gallery"
-          containerClassName="gap-12"
-          textBoxTitleClassName="text-4xl font-extrabold"
-          textBoxDescriptionClassName="text-lg opacity-90 max-w-3xl"
-        />
-      </div>
-
-      <div id="social-media" data-section="social-media" className="mx-auto px-4 md:px-6">
-        <SocialProofOne
-          names={["@PaintasyArt", "@FaceArtistry", "@EventPainting", "@BodyArtCreations", "@PaintasyEvents", "@ArtisticFaceDesigns"]}
-          title="Follow Our Social Media"
-          description="Stay updated with our latest gallery posts, behind-the-scenes content, and event highlights. Follow us for inspiration and booking updates!"
-          tag="Connect With Us"
-          tagIcon={Instagram}
-          tagAnimation="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
+          products={galleryItems}
           buttons={[
-            { text: "Follow on Instagram", href: "https://instagram.com" },
-            { text: "Like on Facebook", href: "https://facebook.com" },
+            { text: "Book Your Event", href: "/contact" },
+            { text: "Request Custom Quote", href: "/contact" },
           ]}
           buttonAnimation="blur-reveal"
-          speed={40}
-          showCard={true}
-          ariaLabel="Social media integration section"
+          ariaLabel="Gallery showcase section"
           containerClassName="gap-12"
           textBoxTitleClassName="text-4xl font-extrabold"
           textBoxDescriptionClassName="text-lg opacity-90 max-w-3xl"
-          logoTextClassName="font-semibold text-center"
         />
       </div>
 
-      <div id="contact-gallery" data-section="contact-gallery" className="mx-auto px-4 md:px-6">
+      <div id="social-connect" data-section="social-connect" className="mx-auto px-4 md:px-6">
         <ContactText
-          text="Ready to book our face painting and body art services for your event? Browse our gallery and reach out to schedule your date. We bring creativity, color, and professional entertainment to every celebration."
+          text="Follow Paintasy on Social Media for more creative inspiration, behind-the-scenes moments, and special event highlights. Connect with us across all platforms and see the artistry in action!"
           animationType="background-highlight"
           background={{ variant: "radial-gradient" }}
-          useInvertedBackground={false}
+          useInvertedBackground={true}
           buttons={[
-            { text: "Request a Quote", href: "/contact" },
-            { text: "Call Us", href: "tel:+15551234567" },
+            { text: "Instagram @paintasy_art", href: "https://instagram.com" },
+            { text: "Facebook Page", href: "https://facebook.com" },
+            { text: "Contact Us", href: "/contact" },
           ]}
-          ariaLabel="Gallery contact call-to-action section"
+          ariaLabel="Social media connection section"
           containerClassName="py-16"
           contentClassName="max-w-3xl mx-auto"
           textClassName="text-4xl font-extrabold text-center"
@@ -322,8 +176,8 @@ export default function GalleryPage() {
         <FooterSimple
           columns={footerColumns}
           bottomLeftText="© 2024 Paintasy Face and Body Art. All rights reserved."
-          bottomRightText="Professional Event Entertainment | Creative Services"
-          ariaLabel="Site footer with links"
+          bottomRightText="Follow us: Instagram • Facebook • TikTok"
+          ariaLabel="Site footer with social links"
           containerClassName="gap-12"
           columnsClassName="grid-cols-2 lg:grid-cols-4"
           columnTitleClassName="font-extrabold text-lg"
@@ -332,4 +186,4 @@ export default function GalleryPage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
-- 
2.49.1


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

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index a9f0349..8e56dcf 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -12,7 +12,7 @@ import FaqBase from '@/components/sections/faq/FaqBase';
 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 { Sparkles, Palette, Heart, Smile, Zap, Music, Briefcase, Target, Users, Star, DollarSign, Camera, HelpCircle, Award, Instagram, Facebook, MessageCircle } from 'lucide-react';
 
 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"};
@@ -24,7 +24,6 @@ export default function HomePage() {
     { name: "Gallery", id: "/gallery" },
     { name: "Packages", id: "packages" },
     { name: "About", id: "about" },
-    { name: "Booking", id: "/booking" },
     { name: "Contact", id: "/contact" },
   ];
 
@@ -48,19 +47,18 @@ export default function HomePage() {
       ],
     },
     {
-      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: "Follow Us",      items: [
+        { label: "Instagram @paintasy_art", href: "https://instagram.com/paintasy_art" },
+        { label: "Facebook /paintasy", href: "https://facebook.com/paintasy" },
+        { label: "TikTok @paintasy_creative", href: "https://tiktok.com/@paintasy_creative" },
+        { label: "Pinterest Paintasy", href: "https://pinterest.com/paintasy" },
       ],
     },
     {
       title: "Service Areas",      items: [
         { label: "Local Events", href: "/contact" },
         { label: "Regional Coverage", href: "/contact" },
-        { label: "Book Now", href: "/booking" },
+        { label: "Book Now", href: "#packages-home" },
         { label: "Get Quote", href: "/contact" },
       ],
     },
@@ -84,20 +82,20 @@ export default function HomePage() {
           brandName="Paintasy"
           navItems={navItems}
           bottomLeftText="Creative Face & Body Art"
-          bottomRightText="paintasy@events.com"
+          bottomRightText="Follow: @paintasy_art on Instagram"
         />
       </div>
 
       <div id="hero-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. Follow us for artistic inspiration!"
           background={{ variant: "radial-gradient" }}
           tag="Creative Entertainment"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
           buttons={[
-            { text: "Book Your Event", href: "/booking" },
+            { text: "Book Your Event", href: "#packages-home" },
             { text: "View Our Gallery", href: "/gallery" },
           ]}
           buttonAnimation="blur-reveal"
@@ -118,7 +116,7 @@ export default function HomePage() {
       <div id="about-home" 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. 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. Connect with us on social media for daily inspiration!"
           tag="Professional Artists"
           tagIcon={Palette}
           tagAnimation="slide-up"
@@ -143,7 +141,7 @@ export default function HomePage() {
       <div id="services-home" 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."
+          description="Professional face painting and body art tailored for every occasion. From intimate birthday parties to large festival events, we deliver creativity and joy. Share your experience with us on social media!"
           tag="Services"
           tagIcon={Palette}
           tagAnimation="slide-up"
@@ -193,7 +191,7 @@ export default function HomePage() {
       <div id="packages-home" 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."
+          description="Simple, flexible pricing for parties, festivals, and corporate events. Each package includes professional service and artistic creativity. Follow our portfolio on Instagram for event gallery inspiration!"
           tag="Transparent Pricing"
           tagIcon={DollarSign}
           tagAnimation="slide-up"
@@ -202,17 +200,17 @@ 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: "/booking" },
+              id: "birthday-basic",              tag: "Popular",              price: "$150",              period: "per hour",              description: "Perfect for small birthday celebrations",              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",              tagIcon: Heart,              price: "$200",              period: "2 hours - Best Value",              description: "Full party entertainment package",              button: { text: "Request Quote", href: "/booking" },
+              id: "birthday-deluxe",              tag: "Best Value",              tagIcon: Heart,              price: "$200",              period: "2 hours - Best Value",              description: "Full party entertainment package",              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: "/booking" },
+              id: "festival-event",              tag: "Flexible",              price: "$250",              period: "per 3 hours",              description: "Festival and outdoor event service",              button: { text: "Request Quote", href: "/contact" },
               featuresTitle: "What's Included",              features: [
                 "High-capacity crowd service",                "Fast artistic designs",                "Setup & teardown included",                "Portable station"],
             },
@@ -230,7 +228,7 @@ export default function HomePage() {
       <div id="testimonials-home" 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 for their events. Share your experience with us on social media and tag @paintasy_art!"
           tag="Client Reviews"
           tagIcon={Star}
           tagAnimation="slide-up"
@@ -258,7 +256,7 @@ export default function HomePage() {
               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: "/booking" }]}
+          buttons={[{ text: "Book Now", href: "#packages-home" }]}
           buttonAnimation="blur-reveal"
           ariaLabel="Client testimonials section"
           containerClassName="gap-12"
@@ -270,7 +268,7 @@ export default function HomePage() {
       <div id="gallery-preview-home" 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."
+          description="Real photos from our events and happy clients. Browse our portfolio of face painting and body art work. Tag us with your event photos on Instagram @paintasy_art!"
           tag="Portfolio"
           tagIcon={Camera}
           tagAnimation="slide-up"
@@ -301,7 +299,7 @@ export default function HomePage() {
       <div id="faq-home" 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 for your event. Have more questions? Follow us on social media @paintasy_art for creative tips and inspiration!"
           tag="FAQ"
           tagIcon={HelpCircle}
           tagAnimation="slide-up"
@@ -323,7 +321,7 @@ export default function HomePage() {
             {
               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."},
           ]}
-          buttons={[{ text: "Book Your Event", href: "/booking" }]}
+          buttons={[{ text: "Book Your Event", href: "#packages-home" }]}
           buttonAnimation="blur-reveal"
           ariaLabel="FAQ section with common questions"
           containerClassName="gap-12"
@@ -334,7 +332,7 @@ export default function HomePage() {
 
       <div id="contact-home" 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. Professional face painters ready to deliver exceptional entertainment and creative designs. Follow us on social media for inspiration and daily artistic updates!"
           animationType="background-highlight"
           background={{ variant: "radial-gradient" }}
           useInvertedBackground={false}
@@ -354,7 +352,7 @@ export default function HomePage() {
         <FooterSimple
           columns={footerColumns}
           bottomLeftText="© 2024 Paintasy Face and Body Art. All rights reserved."
-          bottomRightText="Professional Event Entertainment | Creative Services"
+          bottomRightText="Follow us: Instagram @paintasy_art • Facebook • TikTok @paintasy_creative"
           ariaLabel="Site footer with links"
           containerClassName="gap-12"
           columnsClassName="grid-cols-2 lg:grid-cols-4"
@@ -364,4 +362,4 @@ export default function HomePage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
-- 
2.49.1


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

---
 src/app/services/page.tsx | 304 ++++++++++++++++++++++++++++----------
 1 file changed, 222 insertions(+), 82 deletions(-)

diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 0f76c04..cf55c29 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -4,53 +4,58 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
+import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
+import FaqBase from '@/components/sections/faq/FaqBase';
+import ContactText from '@/components/sections/contact/ContactText';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import Link from 'next/link';
-import { Smile, Heart, Sparkles, Zap, Music, Briefcase, Target, Users, Award, Palette, Star, Camera } from 'lucide-react';
+import { Sparkles, Palette, Heart, Smile, Zap, Music, Briefcase, Target, Users, Star, DollarSign, Camera, HelpCircle, Award } from 'lucide-react';
+
+export const metadata = {
+  title: "Services - Paintasy Face and Body Art",  description: "Explore our complete range of face painting and body art services for parties, festivals, corporate events, and special occasions. Professional artists delivering creative entertainment."};
 
 export default function ServicesPage() {
   const navItems = [
-    { name: "Home", id: "home" },
+    { name: "Home", id: "/" },
     { 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: "About", id: "/#about-home" },
+    { name: "Contact", id: "/contact" },
   ];
 
   const footerColumns = [
     {
-      title: "Services",
-      items: [
-        { label: "Kids Party Face Painting", href: "#service-1" },
-        { label: "Festival Face Art", href: "#service-2" },
-        { label: "Corporate Events", href: "#service-3" },
-        { label: "Body Painting", href: "#service-4" },
+      title: "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: "Quick Links",
-      items: [
+      title: "Company",      items: [
+        { label: "About Us", href: "/#about-home" },
         { label: "Gallery", href: "/gallery" },
-        { label: "Packages", href: "/packages" },
-        { label: "About", href: "/about" },
+        { label: "Packages", href: "#packages" },
+        { label: "FAQ", href: "#faq" },
         { label: "Contact", href: "/contact" },
       ],
     },
     {
-      title: "Connect",
-      items: [
+      title: "Connect",      items: [
         { label: "Instagram", href: "https://instagram.com" },
         { label: "Facebook", href: "https://facebook.com" },
         { label: "TikTok", href: "https://tiktok.com" },
         { label: "Email", href: "mailto:paintasy@events.com" },
+        { label: "Phone", href: "tel:+15551234567" },
       ],
     },
     {
-      title: "Get Started",
-      items: [
-        { label: "View Packages", href: "/packages" },
-        { label: "Book Now", href: "/packages" },
+      title: "Service Areas",      items: [
+        { label: "Local Events", href: "/contact" },
+        { label: "Regional Coverage", href: "/contact" },
+        { label: "Book Now", href: "#packages" },
         { label: "Get Quote", href: "/contact" },
       ],
     },
@@ -78,113 +83,248 @@ export default function ServicesPage() {
         />
       </div>
 
-      <div id="services-page-hero" data-section="services-page-hero" 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 Services"
-          description="Professional face painting and body art for every occasion. From intimate celebrations to large festival events, we bring creativity and joy to your gathering."
-          background={{ variant: "sparkles-gradient" }}
-          buttons={[{ text: "Book Now", href: "/packages" }]}
+          title="Our Professional Services"
+          description="Comprehensive face painting and body art solutions for every event type. From intimate gatherings to large-scale festivals, we deliver creativity, professionalism, and unforgettable entertainment."
+          background={{ variant: "radial-gradient" }}
+          tag="Detailed Service Offerings"
+          tagIcon={Sparkles}
+          tagAnimation="slide-up"
+          buttons={[
+            { text: "Book Your Event", href: "#packages" },
+            { text: "Contact Us", href: "/contact" },
+          ]}
           buttonAnimation="blur-reveal"
           mediaItems={[
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/dreamy-eyes-woman-smiling-festival_23-2148338055.jpg?_wi=2",
-              imageAlt: "Professional face painting services",
+              imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-make-up-woman-wearing-mask_23-2148784326.jpg",              imageAlt: "Professional face painting services showcase"
             },
           ]}
           mediaAnimation="opacity"
-          ariaLabel="Services page hero section"
-          titleClassName="text-5xl font-extrabold"
-          descriptionClassName="text-lg opacity-90 max-w-2xl"
+          ariaLabel="Services hero section"
+          className="min-h-screen"
+          containerClassName="flex flex-col lg:flex-row items-center justify-between gap-12"
+          titleClassName="text-5xl lg:text-6xl font-extrabold leading-tight"
+          descriptionClassName="text-lg lg:text-xl opacity-90 max-w-2xl"
+          buttonContainerClassName="flex flex-col sm:flex-row gap-4 mt-8"
         />
       </div>
 
-      <div id="services-detailed" data-section="services-detailed" className="mx-auto px-4 md:px-6">
+      <div id="services" data-section="services" className="mx-auto px-4 md:px-6">
         <FeatureCardTen
           title="Complete Service Offerings"
-          description="Each service is tailored to deliver maximum enjoyment and artistic quality."
+          description="Explore our full range of professional face painting and body art services, each tailored to meet the unique needs of your event."
+          tag="All Services"
+          tagIcon={Palette}
+          tagAnimation="slide-up"
           textboxLayout="default"
           animationType="slide-up"
-          useInvertedBackground={false}
+          useInvertedBackground={true}
           features={[
             {
-              id: "service-1",
-              title: "Kids Party Face Painting",
-              description: "Make birthdays magical with our professional kids' face painting. Our artists create vibrant, playful designs that children absolutely love.",
-              media: {
-                imageSrc: "http://img.b2bpic.net/free-photo/dreamy-eyes-woman-smiling-festival_23-2148338055.jpg?_wi=3",
-                imageAlt: "Kids party face painting showcase",
+              id: "kids-party",              title: "Kids Party Face Painting",              description: "Create magical moments at birthday celebrations with vibrant, playful designs. Our artists specialize in kid-friendly themes including superheroes, princesses, animals, butterflies, and fantasy characters. Each child receives personalized attention and a unique design that makes them feel special.",              media: {
+                imageSrc: "http://img.b2bpic.net/free-photo/dreamy-eyes-woman-smiling-festival_23-2148338055.jpg?_wi=1",                imageAlt: "Colorful kids party face painting"
               },
               items: [
-                { icon: Smile, text: "Butterfly, animal & character designs" },
-                { icon: Heart, text: "Safe, child-friendly face paints" },
-                { icon: Sparkles, text: "Quick application, maximum fun" },
-                { icon: Star, text: "Perfect for ages 3-12" },
+                { icon: Sparkles, text: "Colorful & playful designs" },
+                { icon: Heart, text: "Safe, child-friendly products" },
+                { icon: Smile, text: "Quick turnaround per child" },
               ],
               reverse: false,
             },
             {
-              id: "service-2",
-              title: "Festival Face Art",
-              description: "Perfect for outdoor events, festivals, and large gatherings. We specialize in fast, beautiful designs that work for high-capacity crowds.",
-              media: {
-                imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-putting-makeup-man_23-2149357796.jpg?_wi=2",
-                imageAlt: "Festival face art designs",
+              id: "festival-face-art",              title: "Festival & Outdoor Event Face Art",              description: "Fast, high-volume service perfect for music festivals, street fairs, and outdoor celebrations. We excel at maintaining artistic quality while serving large crowds efficiently. Our portable setup adapts to any outdoor venue.",              media: {
+                imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-putting-makeup-man_23-2149357796.jpg?_wi=1",                imageAlt: "Festival face art designs"
               },
               items: [
-                { icon: Zap, text: "3-5 minute turnaround per person" },
-                { icon: Music, text: "Perfect for music festivals & carnivals" },
-                { icon: Users, text: "Handles large crowds efficiently" },
-                { icon: Palette, text: "Artistic & creative designs" },
+                { icon: Zap, text: "Fast service for crowds" },
+                { icon: Star, text: "Creative artistic designs" },
+                { icon: Music, text: "Perfect for music & outdoor events" },
               ],
               reverse: true,
             },
             {
-              id: "service-3",
-              title: "Corporate Event Entertainment",
-              description: "Add a creative touch to company parties, team buildings, and brand activations. Professional service that impresses clients and energizes employees.",
-              media: {
-                imageSrc: "http://img.b2bpic.net/free-photo/male-dj-party-charge-music-entertainment_23-2149658399.jpg?_wi=2",
-                imageAlt: "Corporate event face painting service",
+              id: "corporate-events",              title: "Corporate Event Entertainment",              description: "Professional face painting for corporate team building, brand activations, company parties, and client appreciation events. We offer branded design options and maintain a polished, professional demeanor throughout.",              media: {
+                imageSrc: "http://img.b2bpic.net/free-photo/male-dj-party-charge-music-entertainment_23-2149658399.jpg?_wi=1",                imageAlt: "Corporate event entertainment"
               },
               items: [
                 { icon: Briefcase, text: "Professional & polished service" },
-                { icon: Target, text: "Branded design options" },
-                { icon: Award, text: "Premium quality art" },
-                { icon: Users, text: "Great for team engagement" },
+                { icon: Target, text: "Branded design options available" },
+                { icon: Users, text: "Great for team building" },
               ],
               reverse: false,
             },
             {
-              id: "service-4",
-              title: "Professional Body Painting",
-              description: "Artistic body painting for special events, photo shoots, performances, and themed celebrations. Stunning visual art that makes a statement.",
-              media: {
-                imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-being-affectionate-with-cute-cat_23-2149879760.jpg",
-                imageAlt: "Professional body painting artwork",
+              id: "body-painting",              title: "Body Painting & Large-Scale Art",              description: "Transform bodies into living canvases with stunning body art designs. Perfect for themed parties, art installations, and special occasions. We create designs that cover larger areas while maintaining artistic integrity and comfort.",              media: {
+                imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-women-with-all-kinds-body_23-2149159242.jpg?_wi=1",                imageAlt: "Professional body painting art"
               },
               items: [
-                { icon: Palette, text: "Custom artistic designs" },
-                { icon: Camera, text: "Photography-ready artistry" },
-                { icon: Sparkles, text: "High-impact visual art" },
-                { icon: Star, text: "Unforgettable performances" },
+                { icon: Palette, text: "Artistic full-body designs" },
+                { icon: Star, text: "Perfect for themed events" },
+                { icon: Award, text: "Professional finish" },
+              ],
+              reverse: true,
+            },
+            {
+              id: "custom-designs",              title: "Custom & Themed Designs",              description: "Request custom designs for your specific event theme. Whether you need Halloween costumes, holiday themes, or brand-specific art, we create personalized designs. Discuss your vision during consultation.",              media: {
+                imageSrc: "http://img.b2bpic.net/free-photo/fun-portrait-with-decorations-face_23-2150749319.jpg?_wi=1",                imageAlt: "Custom themed face painting"
+              },
+              items: [
+                { icon: Sparkles, text: "Fully customizable designs" },
+                { icon: Palette, text: "Theme-specific artwork" },
+                { icon: Heart, text: "Personalized service" },
+              ],
+              reverse: false,
+            },
+            {
+              id: "special-occasions",              title: "Special Occasions & Celebrations",              description: "From weddings and anniversaries to graduations and milestone celebrations, face painting adds a unique entertainment element. We work with event planners to create the perfect atmosphere for your special day.",              media: {
+                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: "Special occasion face painting"
+              },
+              items: [
+                { icon: Heart, text: "Memorable entertainment" },
+                { icon: Users, text: "Event planner coordination" },
+                { icon: Star, text: "Flexible customization" },
               ],
               reverse: true,
             },
           ]}
-          buttons={[{ text: "View Packages", href: "/packages" }]}
+          buttons={[{ text: "View Packages", href: "#packages" }]}
           buttonAnimation="blur-reveal"
+          ariaLabel="Detailed service offerings section"
           containerClassName="gap-12"
-          titleClassName="text-4xl font-extrabold"
-          descriptionClassName="text-lg opacity-90"
+          itemClassName=""
         />
       </div>
 
-      <div id="services-footer" data-section="services-footer" className="mx-auto px-4 md:px-6">
+      <div id="packages" data-section="packages" className="mx-auto px-4 md:px-6">
+        <PricingCardFive
+          title="Service Packages & Pricing"
+          description="Flexible pricing for all event types and sizes. Each package includes professional service, all materials, and our commitment to exceptional entertainment."
+          tag="Transparent Pricing"
+          tagIcon={DollarSign}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          animationType="scale-rotate"
+          useInvertedBackground={false}
+          plans={[
+            {
+              id: "kids-party-package",              tag: "Popular",              price: "$150",              period: "per hour",              description: "Perfect for small birthday celebrations",              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: "party-deluxe-package",              tag: "Best Value",              tagIcon: Heart,
+              price: "$200",              period: "2 hours - Best Value",              description: "Full party entertainment package",              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-package",              tag: "Flexible",              price: "$250",              period: "per 3 hours",              description: "Festival and outdoor event service",              button: { text: "Request Quote", href: "/contact" },
+              featuresTitle: "What's Included",              features: [
+                "High-capacity crowd service",                "Fast artistic designs",                "Setup & teardown included",                "Portable station"
+              ],
+            },
+            {
+              id: "corporate-package",              tag: "Custom",              tagIcon: Briefcase,
+              price: "$300",              period: "per 4 hours",              description: "Professional corporate event package",              button: { text: "Request Quote", href: "/contact" },
+              featuresTitle: "What's Included",              features: [
+                "Professional service for 50+ guests",                "Branded design options",                "Premium face paint",                "Event coordination"
+              ],
+            },
+            {
+              id: "body-art-package",              tag: "Premium",              tagIcon: Star,
+              price: "$400",              period: "per 5 hours",              description: "Full body painting service",              button: { text: "Request Quote", href: "/contact" },
+              featuresTitle: "What's Included",              features: [
+                "Professional body art",                "Custom design creation",                "Premium materials",                "Photography-ready finish"
+              ],
+            },
+            {
+              id: "all-day-package",              tag: "Best for Large Events",              tagIcon: Award,
+              price: "$600",              period: "Full day (8 hours)",              description: "Comprehensive all-day entertainment",              button: { text: "Request Quote", href: "/contact" },
+              featuresTitle: "What's Included",              features: [
+                "Multiple artists available",                "Unlimited design variety",                "All service types included",                "Professional coordination"
+              ],
+            },
+          ]}
+          buttons={[{ text: "Contact for Custom Quote", href: "/contact" }]}
+          buttonAnimation="blur-reveal"
+          ariaLabel="Service packages and pricing"
+          containerClassName="gap-12"
+          textBoxTitleClassName="text-4xl font-extrabold"
+          textBoxDescriptionClassName="text-lg opacity-90 max-w-3xl"
+          cardClassName="p-8"
+        />
+      </div>
+
+      <div id="faq" data-section="faq" className="mx-auto px-4 md:px-6">
+        <FaqBase
+          title="Service Questions"
+          description="Find answers to common questions about our face painting and body art services."
+          tag="FAQ"
+          tagIcon={HelpCircle}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          faqsAnimation="slide-up"
+          useInvertedBackground={true}
+          showCard={true}
+          faqs={[
+            {
+              id: "faq-1",              title: "What face paints do you use?",              content: "We use only professional-grade, hypoallergenic face paints that are non-toxic, dermatologist-tested, and approved for use on sensitive skin. All products are water-based and easy to remove. We maintain strict hygiene standards, using fresh brushes and sanitized tools for each client."},
+            {
+              id: "faq-2",              title: "How far in advance should I book?",              content: "We recommend booking 2-3 weeks in advance for standard bookings. For large events, festivals, or peak season dates, 4-6 weeks is ideal. Last-minute bookings may be available depending on our schedule. Contact us to check availability."},
+            {
+              id: "faq-3",              title: "How long does face painting take per person?",              content: "Simple designs typically take 3-5 minutes, while custom or detailed designs take 8-12 minutes. At festivals, we optimize for speed while maintaining quality. For parties, we allow more time for interaction and personalization. Average throughput is 8-12 people per hour."},
+            {
+              id: "faq-4",              title: "Do you accommodate skin allergies?",              content: "Absolutely. We have hypoallergenic options available and welcome discussion of specific allergies when booking. We can perform patch tests before application and always prioritize client safety and comfort."},
+            {
+              id: "faq-5",              title: "Can you create custom designs?",              content: "Yes! We specialize in custom designs for themed events, corporate branding, and special occasions. Share your theme or provide reference images during booking. Complex custom designs may incur an additional fee, discussed during consultation."},
+            {
+              id: "faq-6",              title: "What areas do you service?",              content: "We provide local and regional coverage for parties, festivals, and events. Travel fees may apply for events outside our standard service area. Contact us to discuss your location and event details."},
+            {
+              id: "faq-7",              title: "Do you provide setup and teardown?",              content: "Yes, all packages include professional setup and teardown. We bring portable stations, tables, and all necessary equipment. We set up 30 minutes before your event and clean up afterward."},
+            {
+              id: "faq-8",              title: "What about body painting services?",              content: "Body painting is available for larger designs covering arms, legs, and torso areas. It requires longer application times and is best for smaller groups. Ideal for themed parties, art installations, or special celebrations. Inquire about custom body art pricing."},
+            {
+              id: "faq-9",              title: "Can I book multiple artists?",              content: "For large events, we can provide multiple artists to serve more guests efficiently. This is available through our full-day packages or custom quotes. Contact us to discuss your guest count and timeline."},
+            {
+              id: "faq-10",              title: "What if the event is cancelled or rescheduled?",              content: "We offer flexible rescheduling up to 7 days before your event with no penalty. Cancellations within 7 days may incur a fee. Full details are included in our booking agreement. Contact us to discuss cancellation policies."},
+          ]}
+          buttons={[{ text: "Book Your Service", href: "/contact" }]}
+          buttonAnimation="blur-reveal"
+          ariaLabel="Service FAQ section"
+          containerClassName="gap-12"
+          textBoxTitleClassName="text-4xl font-extrabold"
+          textBoxDescriptionClassName="text-lg opacity-90 max-w-3xl"
+        />
+      </div>
+
+      <div id="contact-cta" data-section="contact-cta" className="mx-auto px-4 md:px-6">
+        <ContactText
+          text="Ready to book your service? Contact Paintasy Face and Body Art today. Our professional artists are ready to discuss your event and create an unforgettable experience. Let's bring creativity and color to your celebration!"
+          animationType="background-highlight"
+          background={{ variant: "radial-gradient" }}
+          useInvertedBackground={false}
+          buttons={[
+            { text: "Request a Quote", href: "/contact" },
+            { text: "Call Us", href: "tel:+15551234567" },
+          ]}
+          ariaLabel="Services call-to-action section"
+          containerClassName="py-16"
+          contentClassName="max-w-3xl mx-auto"
+          textClassName="text-4xl font-extrabold text-center"
+          buttonContainerClassName="flex flex-col sm:flex-row gap-4 justify-center mt-8"
+        />
+      </div>
+
+      <div id="footer" data-section="footer" className="mx-auto px-4 md:px-6">
         <FooterSimple
           columns={footerColumns}
-          bottomLeftText="© 2024 Paintasy Face and Body Art."
-          bottomRightText="Professional Event Entertainment"
-          ariaLabel="Services footer with links"
+          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"
@@ -193,4 +333,4 @@ export default function ServicesPage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
-- 
2.49.1