Update src/app/services/page.tsx

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 NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
-import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
+import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
-import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
+import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
-import FooterSimple from "@/components/sections/footer/FooterSimple";
+import ContactText from '@/components/sections/contact/ContactText';
-import { Palette, Award, Shield, CheckCircle } from "lucide-react";
+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",
+      title: "Services",      items: [
-      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",
+      title: "Company",      items: [
-      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",
+      title: "Connect",      items: [
-      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",
+      title: "Service Areas",      items: [
-      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">
+      <div id="about-section" data-section="about-section" className="mx-auto px-4 md:px-6 min-h-screen flex items-center">
-        <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">
         <MetricSplitMediaAbout
-          title="Our Story & Mission"
+          title="About Paintasy Face and Body Art"
-          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."
+          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="Professional Team"
+          tag="Our Story"
-          tagIcon={Award}
+          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"
+          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="Our professional face painting artist"
+          imageAlt="Professional face painter creating art"
           mediaAnimation="blur-reveal"
           metrics={[
-            { value: "500+", title: "Events Painted" },
+            { value: "10+", title: "Years of Experience" },
-            { value: "1000+", title: "Happy Faces" },
+            { value: "500+", title: "Events Completed" },
-            { value: "10+", title: "Years Experience" },
+            { 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"
+          title="Our Values & Expertise"
-          description="What drives us in everything we do."
+          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",
+              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: {
-              title: "Creativity",
+                imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-brush-close-up_23-2148966902.jpg?_wi=1",                imageAlt: "Professional face painting supplies"},
-              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: Palette, text: "Expert techniques" },
-                { icon: CheckCircle, text: "Unique designs" },
+                { icon: Heart, text: "Passion for art" },
+                { icon: Star, text: "Quality materials" },
               ],
               reverse: false,
             },
             {
-              id: "value-2",
+              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: {
-              title: "Safety & Professionalism",
+                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"},
-              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: Sparkles, text: "Bespoke designs" },
-                { icon: CheckCircle, text: "Safety certified" },
+                { 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"
-          itemClassName="text-4xl font-extrabold"
+          itemClassName=""
-          descriptionClassName="text-lg opacity-90"
         />
       </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>

src/app/booking/page.tsx

@@ -2,19 +2,48 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import ContactForm from '@/components/form/ContactForm';
+import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import { Calendar } from 'lucide-react';
+import { Sparkles } from 'lucide-react';
+import { useState } from '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({
+    name: '',
+    email: '',
+    phone: '',
+    eventDate: '',
+    eventType: '',
+    guestCount: '',
+    eventDuration: '',
+    message: '',
+  });
+
+  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: "home" },
+    { name: "Home", id: "/" },
-    { name: "Services", id: "services" },
+    { name: "Services", id: "/#services" },
     { name: "Gallery", id: "/gallery" },
-    { name: "Packages", id: "packages" },
+    { name: "Packages", id: "/#packages-home" },
-    { name: "About", id: "about" },
+    { name: "About", id: "/#about-home" },
-    { name: "Book Event", id: "/booking" },
+    { name: "Booking", id: "/booking" },
     { name: "Contact", id: "/contact" },
   ];
 
@@ -30,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: "Packages", href: "/#packages-home" },
-        { label: "FAQ", href: "#faq" },
+        { label: "FAQ", href: "/#faq-home" },
         { label: "Contact", href: "/contact" },
       ],
     },
@@ -78,68 +107,66 @@ export default function BookingPage() {
         />
       </div>
 
-      <div id="booking-form" data-section="booking-form" className="mx-auto px-4 md:px-6 py-16">
+      <div id="booking-hero" data-section="booking-hero" className="mx-auto px-4 md:px-6">
-        <div className="max-w-2xl mx-auto">
+        <HeroLogoBillboardSplit
-          <ContactForm
+          logoText="Book Your Event"
-            title="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."
-            description="Get started with a quick inquiry. We'll follow up with you within 24 hours with availability and pricing details tailored to your event."
-            tag="Lead Generation"
-            tagIcon={Calendar}
-            inputPlaceholder="Your email address"
-            buttonText="Get Started"
-            termsText="By submitting this form, you agree to be contacted about your event booking inquiry. We respect your privacy."
-            centered={true}
-              useInvertedBackground={false}
-            onSubmit={(email) => {
-              console.log('Booking inquiry from:', email);
-            }}
-            className="w-full"
-            titleClassName="text-4xl font-extrabold mb-4"
-            descriptionClassName="text-lg opacity-90 mb-8"
-            tagClassName="mb-4"
-            formWrapperClassName="mt-8"
-          />
-        </div>
-      </div>
-
-      <div id="booking-features" data-section="booking-features" className="mx-auto px-4 md:px-6 py-16">
-        <div className="max-w-4xl mx-auto">
-          <h2 className="text-3xl font-extrabold mb-12 text-center">Our Booking Process</h2>
-          <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
-            <div className="p-6 bg-gradient-to-br from-blue-50 to-cyan-50 rounded-lg">
-              <div className="text-4xl font-extrabold text-blue-600 mb-4">1</div>
-              <h3 className="text-xl font-bold mb-3">Submit Inquiry</h3>
-              <p className="text-opacity-80">Fill out our quick booking form with your event details and preferred date.</p>
-            </div>
-            <div className="p-6 bg-gradient-to-br from-purple-50 to-pink-50 rounded-lg">
-              <div className="text-4xl font-extrabold text-purple-600 mb-4">2</div>
-              <h3 className="text-xl font-bold mb-3">Get Quote</h3>
-              <p className="text-opacity-80">We'll review your event details and send you a custom quote within 24 hours.</p>
-            </div>
-            <div className="p-6 bg-gradient-to-br from-green-50 to-emerald-50 rounded-lg">
-              <div className="text-4xl font-extrabold text-green-600 mb-4">3</div>
-              <h3 className="text-xl font-bold mb-3">Confirm Booking</h3>
-              <p className="text-opacity-80">Once confirmed, we'll send you all the details and setup information for your event.</p>
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <div id="booking-contact" data-section="booking-contact" className="mx-auto px-4 md:px-6">
-        <ContactText
-          text="Prefer to discuss your event first? Contact us directly and let's create something amazing together."
-          animationType="background-highlight"
           background={{ variant: "radial-gradient" }}
-          useInvertedBackground={false}
           buttons={[
-            { text: "Call Us", href: "tel:+15551234567" },
+            { text: "Book Now", href: "#booking-form" },
-            { text: "Email Us", href: "mailto:paintasy@events.com" },
+            { text: "View Packages", href: "/#packages-home" },
           ]}
-          ariaLabel="Booking contact call-to-action section"
+          layoutOrder="default"
-          containerClassName="py-16"
+          mediaAnimation="blur-reveal"
-          contentClassName="max-w-3xl mx-auto"
+          ariaLabel="Booking page hero section"
-          textClassName="text-4xl font-extrabold text-center"
+          containerClassName="flex flex-col lg:flex-row items-center justify-between gap-12 min-h-screen"
-          buttonContainerClassName="flex flex-col sm:flex-row gap-4 justify-center mt-8"
+          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="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>
 

src/app/contact/page.tsx

@@ -2,19 +2,21 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import ContactForm from '@/components/form/ContactForm';
+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 { Phone, Mail, Calendar, ArrowRight, HelpCircle } from 'lucide-react';
+
+export const metadata = {
+  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 navItems = [
-    { name: "Home", id: "home" },
+    { name: "Home", id: "/" },
     { name: "Services", id: "services" },
     { name: "Gallery", id: "/gallery" },
+    { name: "About", id: "/about" },
     { name: "Packages", id: "packages" },
-    { name: "About", id: "about" },
-    { name: "Book Event", id: "/booking" },
     { name: "Contact", id: "/contact" },
   ];
 
@@ -32,8 +34,8 @@ export default function ContactPage() {
       title: "Company",      items: [
         { label: "About Us", href: "/about" },
         { label: "Gallery", href: "/gallery" },
-        { label: "Packages", href: "/packages" },
+        { label: "Packages", href: "#packages-home" },
-        { label: "FAQ", href: "#faq" },
+        { label: "FAQ", href: "#faq-section" },
         { label: "Contact", href: "/contact" },
       ],
     },
@@ -50,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: "Book Now", href: "#booking-info" },
-        { label: "Get Quote", href: "/contact" },
+        { label: "Get Quote", href: "#contact-form" },
       ],
     },
   ];
@@ -78,98 +80,137 @@ export default function ContactPage() {
         />
       </div>
 
-      <div id="contact-hero" data-section="contact-hero" className="mx-auto px-4 md:px-6 py-16">
+      <div id="contact-hero" data-section="contact-hero" className="mx-auto px-4 md:px-6 min-h-screen flex items-center">
-        <div className="max-w-3xl mx-auto text-center">
+        <ContactText
-          <h1 className="text-5xl lg:text-6xl font-extrabold mb-6">Get in Touch</h1>
+          text="Get in Touch with Paintasy"
-          <p className="text-xl opacity-90 mb-8">
+          animationType="background-highlight"
-            Have questions about our services? Want to discuss your event in detail? We're here to help! Reach out and let's create something unforgettable together. Our team is dedicated to making your event a success with exceptional service and creative artistry.
+          background={{ variant: "radial-gradient" }}
-          </p>
+          useInvertedBackground={false}
-        </div>
+          buttons={[
+            { text: "Call Now", href: "tel:+15551234567" },
+            { text: "Email Us", href: "mailto:paintasy@events.com" },
+          ]}
+          ariaLabel="Contact page hero section"
+          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-form" data-section="contact-form" className="mx-auto px-4 md:px-6 py-16">
+      <div id="booking-info" data-section="booking-info" className="mx-auto px-4 md:px-6 py-16">
-        <div className="max-w-2xl mx-auto">
-          <ContactForm
-            title="Send us a Message"
-            description="Fill out the form below and we'll get back to you as soon as possible. For urgent inquiries, please call us directly."
-            tag="Contact Us"
-            tagIcon={Mail}
-            inputPlaceholder="Your email address"
-            buttonText="Send Message"
-            termsText="We'll use your email to respond to your inquiry. We respect your privacy and won't share your information."
-            centered={true}
-            useInvertedBackground={false}
-            onSubmit={(email) => {
-              console.log('Contact form submission from:', email);
-            }}
-            className="w-full"
-            titleClassName="text-3xl font-extrabold mb-4"
-            descriptionClassName="text-base opacity-90 mb-8"
-            tagClassName="mb-4"
-            formWrapperClassName="mt-8"
-          />
-        </div>
-      </div>
-
-      <div id="contact-info" data-section="contact-info" className="mx-auto px-4 md:px-6 py-16">
         <div className="max-w-4xl mx-auto">
-          <h2 className="text-3xl font-extrabold mb-12 text-center">Other Ways to Reach Us</h2>
+          <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
+            {/* Phone Contact */}
-            <div className="p-8 bg-gradient-to-br from-blue-50 to-cyan-50 rounded-lg">
+            <div className="text-center p-8 border border-gray-200 rounded-lg hover:border-gray-400 transition-colors">
-              <div className="flex items-center gap-4 mb-4">
+              <div className="flex justify-center mb-4">
-                <Phone className="w-8 h-8 text-blue-600" />
+                <Phone className="w-12 h-12 text-blue-600" />
-                <h3 className="text-xl font-bold">Phone</h3>
               </div>
-              <p className="text-lg font-semibold text-blue-600 mb-2">+1 (555) 123-4567</p>
+              <h3 className="text-2xl font-bold mb-2">Call Us</h3>
-              <p className="opacity-80">Call us Monday to Friday, 9am to 6pm EST. We're available for event consultations and urgent bookings.</p>
+              <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="p-8 bg-gradient-to-br from-purple-50 to-pink-50 rounded-lg">
+
-              <div className="flex items-center gap-4 mb-4">
+            {/* Email Contact */}
-                <Mail className="w-8 h-8 text-purple-600" />
+            <div className="text-center p-8 border border-gray-200 rounded-lg hover:border-gray-400 transition-colors">
-                <h3 className="text-xl font-bold">Email</h3>
+              <div className="flex justify-center mb-4">
+                <Mail className="w-12 h-12 text-blue-600" />
               </div>
-              <p className="text-lg font-semibold text-purple-600 mb-2">paintasy@events.com</p>
+              <h3 className="text-2xl font-bold mb-2">Email Us</h3>
-              <p className="opacity-80">Email us anytime! We respond to all inquiries within 24 hours, often sooner.</p>
+              <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="p-8 bg-gradient-to-br from-green-50 to-emerald-50 rounded-lg">
+
-              <div className="flex items-center gap-4 mb-4">
+            {/* Booking Request */}
-                <MapPin className="w-8 h-8 text-green-600" />
+            <div className="text-center p-8 border border-gray-200 rounded-lg hover:border-gray-400 transition-colors">
-                <h3 className="text-xl font-bold">Service Area</h3>
+              <div className="flex justify-center mb-4">
+                <Calendar className="w-12 h-12 text-blue-600" />
               </div>
-              <p className="text-lg font-semibold text-green-600 mb-2">Local & Regional Coverage</p>
+              <h3 className="text-2xl font-bold mb-2">Book Now</h3>
-              <p className="opacity-80">We serve the greater metropolitan area and surrounding regions for events of all sizes.</p>
+              <p className="text-gray-600 mb-4">Submit a booking request form</p>
-            </div>
+              <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">
-            <div className="p-8 bg-gradient-to-br from-orange-50 to-red-50 rounded-lg">
+                Get Started <ArrowRight className="w-5 h-5" />
-              <div className="flex items-center gap-4 mb-4">
+              </a>
-                <Clock className="w-8 h-8 text-orange-600" />
-                <h3 className="text-xl font-bold">Response Time</h3>
-              </div>
-              <p className="text-lg font-semibold text-orange-600 mb-2">Quick Turnaround</p>
-              <p className="opacity-80">We typically respond within 24 hours. Rush bookings welcome—just let us know!</p>
             </div>
           </div>
         </div>
       </div>
 
-      <div id="contact-closing" data-section="contact-closing" className="mx-auto px-4 md:px-6">
+      <div id="contact-info" data-section="contact-info" className="mx-auto px-4 md:px-6 py-16">
-        <ContactText
+        <div className="max-w-3xl mx-auto">
-          text="Ready to book your event or have more questions? Reach out today and let's start planning your creative experience!"
+          <h2 className="text-4xl font-extrabold mb-8 text-center">Why Choose Paintasy?</h2>
-          animationType="background-highlight"
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
-          background={{ variant: "radial-gradient" }}
+            <div>
-          useInvertedBackground={false}
+              <h3 className="text-xl font-bold mb-3 flex items-center gap-3">
-          buttons={[
+                <span className="w-8 h-8 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold">✓</span>
-            { text: "Book Now", href: "/booking" },
+                Quick Response
-            { text: "Call Now", href: "tel:+15551234567" },
+              </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={[
+            {
+              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."
+            },
+            {
+              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."
+            },
+            {
+              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."
+            },
+            {
+              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."
+            },
           ]}
-          ariaLabel="Contact closing call-to-action section"
+          ctaTitle="Ready to Book Your Event?"
-          containerClassName="py-16"
+          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."
-          contentClassName="max-w-3xl mx-auto"
+          ctaButton={{ text: "Contact Us Now", href: "tel:+15551234567" }}
-          textClassName="text-4xl font-extrabold text-center"
+          ctaIcon={Phone}
-          buttonContainerClassName="flex flex-col sm:flex-row gap-4 justify-center mt-8"
+          useInvertedBackground={true}
+          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."

src/app/gallery/page.tsx

@@ -2,60 +2,83 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import { Camera } 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 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: "home" },
+    { name: "Home", id: "/" },
-    { name: "Services", id: "services" },
+    { name: "Services", id: "/services" },
-    { name: "Gallery", id: "/gallery" },
+    { name: "Gallery", id: "gallery" },
-    { name: "Packages", id: "packages" },
+    { name: "Packages", id: "/" },
-    { name: "About", id: "about" },
+    { name: "About", id: "/" },
-    { name: "Book Event", id: "/booking" },
     { name: "Contact", id: "/contact" },
   ];
 
   const footerColumns = [
     {
       title: "Services",      items: [
-        { label: "Kids Party Face Painting", href: "/services" },
+        { label: "Kids Party Face Painting", href: "/" },
-        { label: "Festival Face Art", href: "/services" },
+        { label: "Festival Face Art", href: "/" },
-        { label: "Corporate Events", href: "/services" },
+        { label: "Corporate Events", href: "/" },
-        { label: "Body Painting", href: "/services" },
+        { label: "Body Painting", href: "/" },
-        { label: "Custom Designs", href: "/services" },
+        { 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: "Packages", href: "/" },
-        { label: "FAQ", href: "#faq" },
+        { 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: "LinkedIn", href: "https://linkedin.com" },
-        { label: "Phone", href: "tel:+15551234567" },
       ],
     },
     {
-      title: "Service Areas",      items: [
+      title: "Get in Touch",      items: [
-        { label: "Local Events", href: "/contact" },
+        { label: "Email: paintasy@events.com", href: "mailto:paintasy@events.com" },
-        { label: "Regional Coverage", href: "/contact" },
+        { label: "Phone: +1 (555) 123-4567", href: "tel:+15551234567" },
-        { label: "Book Now", href: "/booking" },
+        { 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"
@@ -73,61 +96,75 @@ export default function GalleryPage() {
         <NavbarStyleFullscreen
           brandName="Paintasy"
           navItems={navItems}
-          bottomLeftText="Creative Face & Body Art"
+          bottomLeftText="Creative Face & Body Art Gallery"
-          bottomRightText="paintasy@events.com"
+          bottomRightText="Follow us on Instagram @paintasy_art"
         />
       </div>
 
-      <div id="gallery-section" data-section="gallery-section" className="mx-auto px-4 md:px-6">
+      <div id="hero-gallery" data-section="hero-gallery" className="mx-auto px-4 md:px-6">
-        <ProductCardFour
+        <HeroBillboardGallery
-          title="Event Photo Gallery"
+          title="Our Creative Portfolio"
-          description="Browse our complete portfolio of real event photos showcasing our face painting and body art work across parties, festivals, corporate events, and special occasions."
+          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."
-          tag="Portfolio"
+          background={{ variant: "radial-gradient" }}
+          tag="Professional Event Photos"
           tagIcon={Camera}
           tagAnimation="slide-up"
+          buttons={[
+            { text: "Book Our Artists", href: "/contact" },
+            { text: "View Full Gallery", href: "#gallery-showcase" },
+          ]}
+          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 showcase"},
+          ]}
+          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-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="slide-up"
+          animationType="blur-reveal"
           useInvertedBackground={false}
           gridVariant="bento-grid"
           carouselMode="buttons"
-          products={[
+          products={galleryItems}
-            {
+          buttons={[
-              id: "event-1",              name: "Birthday Party Designs",              price: "Kids Celebration",              variant: "Face Painting",              imageSrc: "http://img.b2bpic.net/free-psd/holi-festival-celebration-instagram-posts_23-2151227255.jpg?_wi=1",              imageAlt: "Children with colorful birthday party face painting"},
+            { text: "Book Your Event", href: "/contact" },
-            {
+            { text: "Request Custom Quote", href: "/contact" },
-              id: "event-2",              name: "Festival Face Art",              price: "Creative Expression",              variant: "Outdoor Event",              imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-brush-close-up_23-2148966902.jpg?_wi=1",              imageAlt: "Professional artist applying festival face art"},
-            {
-              id: "event-3",              name: "Professional Body Painting",              price: "Artistic Excellence",              variant: "Special Event",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-women-with-all-kinds-body_23-2149159242.jpg?_wi=1",              imageAlt: "Professional body art from special event"},
-            {
-              id: "event-4",              name: "Themed Party Artwork",              price: "Custom Themes",              variant: "Party Entertainment",              imageSrc: "http://img.b2bpic.net/free-photo/fun-portrait-with-decorations-face_23-2150749319.jpg?_wi=1",              imageAlt: "Custom themed face painting for party guests"},
-            {
-              id: "event-5",              name: "Festival Crowd Service",              price: "High Volume",              variant: "Festival Event",              imageSrc: "http://img.b2bpic.net/free-photo/man-covered-different-colors-holi_23-2148337991.jpg?_wi=1",              imageAlt: "Festival attendees enjoying rapid face painting service"},
-            {
-              id: "event-6",              name: "Corporate Event Entertainment",              price: "Professional Service",              variant: "Business Event",              imageSrc: "http://img.b2bpic.net/free-photo/male-dj-party-charge-music-entertainment_23-2149658399.jpg?_wi=1",              imageAlt: "Corporate event attendees with professional face painting"},
-            {
-              id: "event-7",              name: "Workshop & Tutorial",              price: "Educational",              variant: "Live Demonstration",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-adult-man-his-30s-that-is-painting-big-canvas-with-lot-brushes-palette-while-sitting-floor-art-studio_662251-323.jpg?_wi=1",              imageAlt: "Live face painting demonstration and technique"},
-            {
-              id: "event-8",              name: "School Event Entertainment",              price: "Youth Programs",              variant: "School Carnival",              imageSrc: "http://img.b2bpic.net/free-photo/dreamy-eyes-woman-smiling-festival_23-2148338055.jpg?_wi=1",              imageAlt: "School event with children enjoying face painting"},
           ]}
-          buttons={[{ text: "Book Your Event", href: "/booking" }]}
           buttonAnimation="blur-reveal"
-          ariaLabel="Complete photo gallery of events"
+          ariaLabel="Gallery showcase section"
           containerClassName="gap-12"
-          cardNameClassName="text-4xl font-extrabold"
+          textBoxTitleClassName="text-4xl font-extrabold"
-          descriptionClassName="text-lg opacity-90 max-w-3xl"
+          textBoxDescriptionClassName="text-lg opacity-90 max-w-3xl"
         />
       </div>
 
-      <div id="gallery-contact" data-section="gallery-contact" className="mx-auto px-4 md:px-6">
+      <div id="social-connect" data-section="social-connect" className="mx-auto px-4 md:px-6">
         <ContactText
-          text="Inspired by our gallery? Book Paintasy for your next event and create your own memorable moments. Let us bring creativity and color to your celebration."
+          text="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: "Book Now", href: "/booking" },
+            { text: "Instagram @paintasy_art", href: "https://instagram.com" },
-            { text: "Get a Quote", href: "/contact" },
+            { text: "Facebook Page", href: "https://facebook.com" },
+            { text: "Contact Us", href: "/contact" },
           ]}
-          ariaLabel="Gallery 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"
@@ -139,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"
+          bottomRightText="Follow us: Instagram • Facebook • TikTok"
-          ariaLabel="Site footer with links"
+          ariaLabel="Site footer with social links"
           containerClassName="gap-12"
           columnsClassName="grid-cols-2 lg:grid-cols-4"
           columnTitleClassName="font-extrabold text-lg"
@@ -149,4 +186,4 @@ export default function GalleryPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/packages/page.tsx

@@ -1,14 +1,12 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
-import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
+import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
-import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
+import PricingCardFive from "@/components/sections/pricing/PricingCardFive";
-import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
+import ContactText from "@/components/sections/contact/ContactText";
-import FaqBase from '@/components/sections/faq/FaqBase';
+import FooterSimple from "@/components/sections/footer/FooterSimple";
-import ContactText from '@/components/sections/contact/ContactText';
+import Link from "next/link";
-import FooterSimple from '@/components/sections/footer/FooterSimple';
-import { Sparkles, DollarSign, Check, Clock, Users, Star, HelpCircle, Zap } from 'lucide-react';
 
 export default function PackagesPage() {
   const navItems = [
@@ -22,38 +20,39 @@ export default function PackagesPage() {
 
   const footerColumns = [
     {
-      title: "Services",      items: [
+      title: "Packages",
-        { label: "Kids Party Face Painting", href: "/services" },
+      items: [
-        { label: "Festival Face Art", href: "/services" },
+        { label: "Birthday Packages", href: "#packages" },
-        { label: "Corporate Events", href: "/services" },
+        { label: "Festival Service", href: "#packages" },
-        { label: "Body Painting", href: "/services" },
+        { label: "Corporate Events", href: "#packages" },
-        { label: "Custom Designs", href: "/services" },
+        { label: "Custom Packages", href: "/contact" },
       ],
     },
     {
-      title: "Company",      items: [
+      title: "Services",
-        { label: "About Us", href: "/" },
+      items: [
+        { label: "All Services", href: "/services" },
         { label: "Gallery", href: "/gallery" },
-        { label: "Packages", href: "/packages" },
+        { label: "About", href: "/about" },
         { label: "FAQ", href: "#faq" },
-        { label: "Contact", href: "/contact" },
       ],
     },
     {
-      title: "Connect",      items: [
+      title: "Social",
+      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: "Book Now",
-        { label: "Local Events", href: "/contact" },
+      items: [
-        { label: "Regional Coverage", href: "/contact" },
+        { label: "Request Quote", href: "/contact" },
-        { label: "Book Now", href: "/packages" },
+        { label: "Chat with Us", href: "/contact" },
-        { label: "Get Quote", href: "/contact" },
+        { label: "Call Now", href: "tel:+15551234567" },
+        { label: "FAQ", href: "#faq" },
       ],
     },
   ];
@@ -73,195 +72,205 @@ export default function PackagesPage() {
     >
       <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-packages" data-section="hero-packages" className="mx-auto px-4 md:px-6">
+      <div id="packages-page-hero" data-section="packages-page-hero">
         <HeroBillboardGallery
-          title="Event Packages & Booking"
+          title="Event Packages & Pricing"
-          description="Flexible, transparent pricing for all event types. Choose from our curated packages or customize one to match your specific needs and budget. Professional service, artistic creativity, guaranteed satisfaction."
+          description="Flexible, transparent pricing for every type of event. From intimate celebrations to large festivals, we have the perfect package for you."
-          background={{ variant: "radial-gradient" }}
+          background={{ variant: "gradient-bars" }}
-          tag="Transparent Pricing"
-          tagIcon={DollarSign}
-          tagAnimation="slide-up"
           buttons={[
-            { text: "View All Packages", href: "#pricing" },
+            {
-            { text: "Request Custom Quote", href: "/contact" },
+              text: "Request a Quote",
+              href: "/contact",
+            },
           ]}
           buttonAnimation="blur-reveal"
           mediaItems={[
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-make-up-woman-wearing-mask_23-2148784326.jpg",              imageAlt: "Event package showcase"},
+              imageSrc: "http://img.b2bpic.net/free-photo/dreamy-eyes-woman-smiling-festival_23-2148338055.jpg?_wi=4",
+              imageAlt: "Event face painting packages",
+            },
           ]}
           mediaAnimation="opacity"
-          ariaLabel="Packages hero section"
+          titleClassName="text-5xl font-extrabold"
-          className="min-h-screen"
+          descriptionClassName="text-lg opacity-90"
-          containerClassName="flex flex-col lg:flex-row items-center justify-between gap-12"
+          ariaLabel="Packages page hero section"
-          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="pricing" data-section="pricing" className="mx-auto px-4 md:px-6">
+      <div id="packages-pricing" data-section="packages-pricing">
         <PricingCardFive
           title="Our Event Packages"
-          description="Simple, flexible pricing tailored to your event type and guest count. All packages include professional service and materials."
+          description="Simple, flexible pricing tailored to your event needs. All packages include professional service, artistic creativity, and great customer care."
-          tag="Book Your Package"
-          tagIcon={Sparkles}
-          tagAnimation="slide-up"
           textboxLayout="default"
           animationType="scale-rotate"
           useInvertedBackground={false}
           plans={[
             {
-              id: "birthday-basic",              tag: "Popular",              price: "$150",              period: "per hour",              description: "Perfect for small birthday celebrations",              button: { text: "Book Now", href: "/contact" },
+              id: "pkg-birthday-basic",
-              featuresTitle: "What's Included",              features: [
+              tag: "Great Start",
-                "Up to 15 kids",                "Colorful themed designs",                "Face painting only",                "Basic design themes",                "All supplies included"],
+              price: "$150",
+              period: "per hour",
+              description: "Perfect for small birthday celebrations",
+              button: {
+                text: "Request Quote",
+                href: "/contact",
+              },
+              featuresTitle: "Includes",
+              features: [
+                "Up to 15 children",
+                "Face painting only",
+                "Colorful themed designs",
+                "Basic design themes",
+                "Professional face paints",
+              ],
             },
             {
-              id: "birthday-deluxe",              tag: "Best Value",              price: "$200",              period: "per 2 hours",              description: "Full party entertainment package",              button: { text: "Book Now", href: "/contact" },
+              id: "pkg-birthday-deluxe",
-              featuresTitle: "What's Included",              features: [
+              tag: "Most Popular",
-                "Up to 25 kids",                "Custom themed designs",                "Face & temporary tattoos",                "Interactive entertainment",                "Setup & cleanup included"],
+              price: "$200",
+              period: "per 2 hours",
+              description: "Full party entertainment package",
+              button: {
+                text: "Request Quote",
+                href: "/contact",
+              },
+              featuresTitle: "Includes",
+              features: [
+                "Up to 25 children",
+                "Face painting + tattoos",
+                "Custom themed designs",
+                "Interactive entertainment",
+                "Professional service",
+                "Setup & cleanup",
+              ],
             },
             {
-              id: "festival-event",              tag: "Flexible",              price: "$250",              period: "per 3 hours",              description: "Festival and outdoor event service",              button: { text: "Book Now", href: "/contact" },
+              id: "pkg-birthday-premium",
-              featuresTitle: "What's Included",              features: [
+              tag: "Best Value",
-                "High-capacity crowd service",                "Fast artistic designs",                "Setup & teardown included",                "Portable station",                "Ideal for 50+ attendees"],
+              price: "$280",
+              period: "per 3 hours",
+              description: "Premium party entertainment with extra features",
+              button: {
+                text: "Request Quote",
+                href: "/contact",
+              },
+              featuresTitle: "Includes",
+              features: [
+                "Up to 40 guests",
+                "Face & body painting",
+                "Custom character designs",
+                "Interactive entertainment",
+                "Photo opportunities",
+                "Full setup & cleanup",
+              ],
+            },
+            {
+              id: "pkg-festival",
+              tag: "High Volume",
+              price: "$250",
+              period: "per 3 hours",
+              description: "Fast-paced festival and outdoor event service",
+              button: {
+                text: "Request Quote",
+                href: "/contact",
+              },
+              featuresTitle: "Includes",
+              features: [
+                "High-capacity crowds",
+                "Fast artistic designs",
+                "3-5 minute service per person",
+                "Portable station included",
+                "Setup & teardown",
+                "Professional materials",
+              ],
+            },
+            {
+              id: "pkg-corporate",
+              tag: "Professional",
+              price: "$300",
+              period: "per 3 hours",
+              description: "Corporate team building & brand activation",
+              button: {
+                text: "Request Quote",
+                href: "/contact",
+              },
+              featuresTitle: "Includes",
+              features: [
+                "Professional setup",
+                "Branded design options",
+                "Custom artwork",
+                "Corporate polished service",
+                "Photo-ready designs",
+                "Setup & cleanup included",
+              ],
+            },
+            {
+              id: "pkg-custom",
+              tag: "Premium",
+              price: "Custom",
+              period: "consultation",
+              description: "Fully customized package for unique events",
+              button: {
+                text: "Contact Us",
+                href: "/contact",
+              },
+              featuresTitle: "Services Available",
+              features: [
+                "Full day events",
+                "Multiple artists",
+                "Body painting",
+                "Custom artwork",
+                "Event planning",
+                "Special requests welcome",
+              ],
             },
           ]}
-          buttons={[{ text: "Need Custom Pricing?", href: "/contact" }]}
-          buttonAnimation="blur-reveal"
-          ariaLabel="Pricing packages section"
-          containerClassName="gap-12"
-          textBoxTitleClassName="text-4xl font-extrabold"
-          textBoxDescriptionClassName="text-lg opacity-90 max-w-3xl"
-          cardClassName="p-8"
-        />
-      </div>
-
-      <div id="package-details" data-section="package-details" className="mx-auto px-4 md:px-6">
-        <FeatureCardTen
-          title="Package Details & Customization"
-          description="Each package can be tailored to your specific event needs. Here's what you can customize."
-          tag="Flexible Options"
-          tagIcon={Zap}
-          tagAnimation="slide-up"
-          textboxLayout="default"
-          animationType="slide-up"
-          useInvertedBackground={true}
-          features={[
-            {
-              id: "duration",              title: "Custom Duration",              description: "Need more or less time? We offer flexible hourly bookings. Minimum 1 hour service. Discounts available for 4+ hour bookings. Tell us your event timeline and we'll find the perfect fit.",              media: {
-                imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-brush-close-up_23-2148966902.jpg?_wi=1",                imageAlt: "Face painting time management"},
-              items: [
-                { icon: Clock, text: "Flexible hour options" },
-                { icon: Check, text: "Extended booking discounts" },
-                { icon: Star, text: "Customized timelines" },
-              ],
-              reverse: false,
-            },
-            {
-              id: "crowd-size",              title: "Guest Count Options",              description: "Whether you're hosting 10 guests or 1,000, we can scale our service. Larger events may require multiple artists. We'll assess your guest count and recommend the right setup for seamless service.",              media: {
-                imageSrc: "http://img.b2bpic.net/free-photo/group-young-friends-celebrating-new-year_23-2147720468.jpg",                imageAlt: "Large event face painting"},
-              items: [
-                { icon: Users, text: "Small to large events" },
-                { icon: Check, text: "Multi-artist availability" },
-                { icon: Zap, text: "Crowd management expertise" },
-              ],
-              reverse: true,
-            },
-            {
-              id: "design-themes",              title: "Design Themes & Customization",              description: "Choose from popular themes or bring your own. Character designs, branded elements, seasonal themes, or completely custom artwork. We work with you to match your event's vibe and create memorable experiences.",              media: {
-                imageSrc: "http://img.b2bpic.net/free-photo/fun-portrait-with-decorations-face_23-2150749319.jpg?_wi=1",                imageAlt: "Custom themed face painting designs"},
-              items: [
-                { icon: Sparkles, text: "Popular theme options" },
-                { icon: Check, text: "Fully custom designs available" },
-                { icon: Star, text: "Branded design capability" },
-              ],
-              reverse: false,
-            },
-          ]}
-          buttons={[{ text: "Customize Your Package", href: "/contact" }]}
-          buttonAnimation="blur-reveal"
-          ariaLabel="Package details and customization options"
-          containerClassName="gap-12"
-          itemClassName="text-4xl font-extrabold"
-          descriptionClassName="text-lg opacity-90 max-w-3xl"
-        />
-      </div>
-
-      <div id="faq-packages" data-section="faq-packages" className="mx-auto px-4 md:px-6">
-        <FaqBase
-          title="Booking & Packages FAQ"
-          description="Everything you need to know about booking and our package options."
-          tag="FAQ"
-          tagIcon={HelpCircle}
-          tagAnimation="slide-up"
-          textboxLayout="default"
-          animationType="smooth"
-          faqsAnimation="slide-up"
-          useInvertedBackground={true}
-          showCard={true}
-          faqs={[
-            {
-              id: "faq-1",              title: "How far in advance should I book?",              content: "We recommend booking at least 2-3 weeks in advance to secure your preferred date and time. For large events (50+ guests) or peak seasons (summer, holidays), 4-6 weeks advance booking is ideal. Last-minute bookings may be available depending on our schedule—contact us to check availability."},
-            {
-              id: "faq-2",              title: "Can I customize a package?",              content: "Absolutely! All our packages are starting points. We can adjust duration, guest count, design themes, and service type to match your exact needs. Custom packages may have different pricing—contact us with your requirements for a personalized quote."},
-            {
-              id: "faq-3",              title: "What's your deposit and payment policy?",              content: "A 50% non-refundable deposit is required to secure your booking. The remaining balance is due 7 days before your event. We accept credit cards, checks, and digital payments. For large or custom events, we're happy to discuss payment plans."},
-            {
-              id: "faq-4",              title: "What if I need to reschedule or cancel?",              content: "Cancellations made 2+ weeks before your event receive a full refund minus the deposit. Cancellations within 2 weeks forfeit the deposit. Rescheduling to another date is subject to availability. We understand emergencies happen—contact us to discuss your situation."},
-            {
-              id: "faq-5",              title: "Do you offer discounts for bulk bookings?",              content: "Yes! We offer discounts for bookings of 4+ hours or multiple events. Large corporate packages (100+ attendees) also qualify for special pricing. Contact us with your details to receive a customized quote."},
-            {
-              id: "faq-6",              title: "Are there additional fees (travel, setup, etc.)?",              content: "Our quoted rates include artist service, supplies, and standard setup. Travel within 15 miles is included. Venues beyond 15 miles may have a travel fee (typically $25-50 depending on distance). Complex setups or specialty requests may have additional fees—we'll discuss these upfront."},
-            {
-              id: "faq-7",              title: "What happens if you need to cancel on us?",              content: "In the unlikely event we must cancel, we'll provide full refund and help you find an alternative artist. Our booking confirmation includes liability information and a backup artist reference when possible."},
-            {
-              id: "faq-8",              title: "Can you work with my specific event theme?",              content: "Yes! We love working with event themes. Share your theme, colors, and design preferences when booking. We can create custom designs, coordinate with your event aesthetic, and even incorporate branding for corporate events."},
-          ]}
-          buttons={[{ text: "Book Your Package", href: "/contact" }]}
-          buttonAnimation="blur-reveal"
-          ariaLabel="Booking and packages FAQ section"
-          containerClassName="gap-12"
-          textBoxTitleClassName="text-4xl font-extrabold"
-          textBoxDescriptionClassName="text-lg opacity-90 max-w-3xl"
-        />
-      </div>
-
-      <div id="contact-packages" data-section="contact-packages" className="mx-auto px-4 md:px-6">
-        <ContactText
-          text="Ready to book your event? Browse our packages, customize one to fit your needs, or request a personalized quote. Let's create a memorable experience for your guests!"
-          animationType="background-highlight"
-          background={{ variant: "radial-gradient" }}
-          useInvertedBackground={false}
           buttons={[
-            { text: "Request a Quote", href: "/contact" },
+            {
-            { text: "Call Us", href: "tel:+15551234567" },
+              text: "Schedule Consultation",
+              href: "/contact",
+            },
           ]}
-          ariaLabel="Packages contact call-to-action section"
+          buttonAnimation="blur-reveal"
-          containerClassName="py-16"
+          containerClassName="gap-12"
-          contentClassName="max-w-3xl mx-auto"
+          titleClassName="text-4xl font-extrabold"
-          textClassName="text-4xl font-extrabold text-center"
+          descriptionClassName="text-lg opacity-90"
-          buttonContainerClassName="flex flex-col sm:flex-row gap-4 justify-center mt-8"
+          ariaLabel="Pricing section with event packages"
         />
       </div>
 
-      <div id="footer-packages" data-section="footer-packages" className="mx-auto px-4 md:px-6">
+      <div id="packages-cta" data-section="packages-cta">
+        <ContactText
+          text="Don't see your perfect package? We offer fully customized packages for unique events and special requests. Let's create something amazing for your celebration."
+          animationType="background-highlight"
+          background={{ variant: "sparkles-gradient" }}
+          useInvertedBackground={true}
+          buttons={[
+            {
+              text: "Request Custom Quote",
+              href: "/contact",
+            },
+          ]}
+          containerClassName="py-16"
+          textClassName="text-3xl font-extrabold text-center"
+          ariaLabel="Custom packages call-to-action section"
+        />
+      </div>
+
+      <div id="packages-footer" data-section="packages-footer">
         <FooterSimple
           columns={footerColumns}
-          bottomLeftText="© 2024 Paintasy Face and Body Art. All rights reserved."
+          bottomLeftText="© 2024 Paintasy Face and Body Art."
-          bottomRightText="Professional Event Entertainment | Creative Services"
+          bottomRightText="Simple Transparent Pricing"
-          ariaLabel="Site footer with links"
+          ariaLabel="Packages page footer"
           containerClassName="gap-12"
-          columnsClassName="grid-cols-2 lg:grid-cols-4"
-          columnTitleClassName="font-extrabold text-lg"
-          columnItemClassName="hover:opacity-70 transition-opacity"
         />
       </div>
     </ThemeProvider>

src/app/page.tsx

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

src/app/services/page.tsx

@@ -4,36 +4,40 @@ 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, Star, Music, Target, Users, Briefcase, HelpCircle, DollarSign } 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: "About", id: "/#about-home" },
-    { name: "Contact", id: "contact" },
+    { name: "Contact", id: "/contact" },
   ];
 
   const footerColumns = [
     {
       title: "Services",      items: [
-        { label: "Kids Party Face Painting", href: "/services" },
+        { label: "Kids Party Face Painting", href: "#services" },
-        { label: "Festival Face Art", href: "/services" },
+        { label: "Festival Face Art", href: "#services" },
-        { label: "Corporate Events", href: "/services" },
+        { label: "Corporate Events", href: "#services" },
-        { label: "Body Painting", href: "/services" },
+        { label: "Body Painting", href: "#services" },
-        { label: "Custom Designs", href: "/services" },
+        { label: "Custom Designs", href: "#services" },
       ],
     },
     {
       title: "Company",      items: [
-        { label: "About Us", href: "/" },
+        { label: "About Us", href: "/#about-home" },
         { label: "Gallery", href: "/gallery" },
-        { label: "Packages", href: "/packages" },
+        { label: "Packages", href: "#packages" },
         { label: "FAQ", href: "#faq" },
         { label: "Contact", href: "/contact" },
       ],
@@ -51,7 +55,7 @@ export default function ServicesPage() {
       title: "Service Areas",      items: [
         { label: "Local Events", href: "/contact" },
         { label: "Regional Coverage", href: "/contact" },
-        { label: "Book Now", href: "/packages" },
+        { label: "Book Now", href: "#packages" },
         { label: "Get Quote", href: "/contact" },
       ],
     },
@@ -79,22 +83,23 @@ export default function ServicesPage() {
         />
       </div>
 
-      <div id="hero-services" data-section="hero-services" className="mx-auto px-4 md:px-6">
+      <div id="services-hero" data-section="services-hero" className="mx-auto px-4 md:px-6">
         <HeroBillboardGallery
           title="Our Professional Services"
-          description="Discover the full range of creative face painting and body art services Paintasy offers. From intimate birthday celebrations to large-scale festival entertainment, we bring artistry, professionalism, and joy to every event."
+          description="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="Creative Entertainment"
+          tag="Detailed Service Offerings"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
           buttons={[
-            { text: "Book Your Event", href: "/packages" },
+            { text: "Book Your Event", href: "#packages" },
-            { text: "View Packages", href: "/packages" },
+            { text: "Contact Us", href: "/contact" },
           ]}
           buttonAnimation="blur-reveal"
           mediaItems={[
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-make-up-woman-wearing-mask_23-2148784326.jpg",              imageAlt: "Professional face painting service showcase"},
+              imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-make-up-woman-wearing-mask_23-2148784326.jpg",              imageAlt: "Professional face painting services showcase"
+            },
           ]}
           mediaAnimation="opacity"
           ariaLabel="Services hero section"
@@ -106,11 +111,11 @@ export default function ServicesPage() {
         />
       </div>
 
-      <div id="services-detail" data-section="services-detail" 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 Menu"
+          title="Complete Service Offerings"
-          description="Professional face painting and body art services tailored for every occasion and event type."
+          description="Explore our full range of professional face painting and body art services, each tailored to meet the unique needs of your event."
-          tag="Services Offered"
+          tag="All Services"
           tagIcon={Palette}
           tagAnimation="slide-up"
           textboxLayout="default"
@@ -118,8 +123,9 @@ export default function ServicesPage() {
           useInvertedBackground={true}
           features={[
             {
-              id: "kids-party",              title: "Kids Party Face Painting",              description: "Fun and colorful face painting designs perfect for birthday celebrations, school events, and children's parties. Our artists specialize in creating magical moments for young guests with playful, age-appropriate designs.",              media: {
+              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: "Kids party face painting designs"},
+                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: Sparkles, text: "Colorful & playful designs" },
                 { icon: Heart, text: "Safe, child-friendly products" },
@@ -128,8 +134,9 @@ export default function ServicesPage() {
               reverse: false,
             },
             {
-              id: "festival",              title: "Festival Face Art",              description: "Fast, creative, and impressive face painting designs perfect for large crowds and outdoor festival settings. We combine artistic flair with efficient service to keep lines moving while maintaining quality.",              media: {
+              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 painting artwork"},
+                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: "Fast service for crowds" },
                 { icon: Star, text: "Creative artistic designs" },
@@ -138,8 +145,9 @@ export default function ServicesPage() {
               reverse: true,
             },
             {
-              id: "corporate",              title: "Corporate Event Entertainment",              description: "Professional face painting services for company parties, brand activations, team building events, and corporate celebrations. We deliver polished service with optional branded design options.",              media: {
+              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 face painting"},
+                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 available" },
@@ -147,54 +155,155 @@ export default function ServicesPage() {
               ],
               reverse: false,
             },
+            {
+              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: "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: "Request a Quote", href: "/contact" }]}
+          buttons={[{ text: "View Packages", href: "#packages" }]}
           buttonAnimation="blur-reveal"
-          ariaLabel="Detailed services section"
+          ariaLabel="Detailed service offerings section"
           containerClassName="gap-12"
-          itemClassName="text-4xl font-extrabold"
+          itemClassName=""
-          descriptionClassName="text-lg opacity-90 max-w-3xl"
         />
       </div>
 
-      <div id="faq-services" data-section="faq-services" className="mx-auto px-4 md:px-6">
+      <div id="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="Services FAQ"
+          title="Service Questions"
-          description="Common questions about our face painting and body art services."
+          description="Find answers to common questions about our face painting and body art services."
           tag="FAQ"
           tagIcon={HelpCircle}
           tagAnimation="slide-up"
           textboxLayout="default"
-          animationType="smooth"
           faqsAnimation="slide-up"
           useInvertedBackground={true}
           showCard={true}
           faqs={[
             {
-              id: "faq-1",              title: "Do you offer custom design services?",              content: "Yes! We specialize in custom face painting designs tailored to your event theme. Whether it's character designs, themed art, or branded elements for corporate events, our artists can create exactly what you envision. Please provide theme details or reference images when booking for best results."},
+              id: "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: "What's the difference between kids party and festival face painting?",              content: "Kids party face painting focuses on intricate, detailed designs with character themes and personal interaction with each child. Festival face painting emphasizes speed and crowd management while maintaining artistic quality. Festival designs are typically simpler but equally impressive, allowing us to serve more people in the same timeframe."},
+              id: "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: "Are your products hypoallergenic?",              content: "We use only professional-grade, hypoallergenic face paints that are non-toxic and dermatologist-tested. All products are safe for sensitive skin. If you have known allergies, please inform us when booking so we can prepare appropriate alternatives or conduct a patch test."},
+              id: "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: "Can you do body painting in addition to face painting?",              content: "Absolutely! We offer professional body painting services for themed events, corporate activations, and special occasions. Body painting takes longer than face painting, so we recommend discussing specific design and time requirements when booking."},
+              id: "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: "What's your turnaround time per person?",              content: "Simple face designs typically take 3-5 minutes, while detailed or custom designs take 8-12 minutes. At festivals, we optimize for speed. For party settings, we allow more time for interactions and personalized designs. We always prioritize quality over rushing."},
+              id: "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: "How much setup time do you need?",              content: "Typically, we require 15-30 minutes for setup before service begins. This includes setting up our portable stations, organizing supplies, and ensuring proper sanitation protocols are in place. The exact time depends on the venue and event specifics."},
+              id: "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: "/packages" }]}
+          buttons={[{ text: "Book Your Service", href: "/contact" }]}
           buttonAnimation="blur-reveal"
-          ariaLabel="Services FAQ section"
+          ariaLabel="Service FAQ section"
           containerClassName="gap-12"
           textBoxTitleClassName="text-4xl font-extrabold"
           textBoxDescriptionClassName="text-lg opacity-90 max-w-3xl"
         />
       </div>
 
-      <div id="contact-services" data-section="contact-services" className="mx-auto px-4 md:px-6">
+      <div id="contact-cta" data-section="contact-cta" className="mx-auto px-4 md:px-6">
         <ContactText
-          text="Interested in booking one of our services? Let's discuss your event requirements and create a customized solution. Contact Paintasy today to bring professional face and body art to your celebration."
+          text="Ready to book 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}
@@ -202,7 +311,7 @@ export default function ServicesPage() {
             { text: "Request a Quote", href: "/contact" },
             { text: "Call Us", href: "tel:+15551234567" },
           ]}
-          ariaLabel="Services contact call-to-action section"
+          ariaLabel="Services call-to-action section"
           containerClassName="py-16"
           contentClassName="max-w-3xl mx-auto"
           textClassName="text-4xl font-extrabold text-center"
@@ -210,7 +319,7 @@ export default function ServicesPage() {
         />
       </div>
 
-      <div id="footer-services" data-section="footer-services" 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."
@@ -224,4 +333,4 @@ export default function ServicesPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/social-media/page.tsx

@@ -0,0 +1,197 @@
+"use client";
+
+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 ContactText from '@/components/sections/contact/ContactText';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import { Instagram, Heart, Sparkles, Music } from 'lucide-react';
+
+export const metadata = {
+  title: "Social Media Gallery - Paintasy Face and Body Art",  description: "Follow our social media for the latest event photos, face painting designs, and behind-the-scenes content. Real event photos organized by service type."
+};
+
+export default function SocialMediaPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "Services", id: "/services" },
+    { name: "Gallery", id: "/gallery" },
+    { 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" },
+      ],
+    },
+    {
+      title: "Company",      items: [
+        { label: "About Us", href: "/" },
+        { label: "Gallery", href: "/gallery" },
+        { label: "Packages", href: "/" },
+        { label: "FAQ", href: "/" },
+        { label: "Contact", href: "/contact" },
+      ],
+    },
+    {
+      title: "Connect",      items: [
+        { label: "Instagram", href: "https://instagram.com" },
+        { label: "Facebook", href: "https://facebook.com" },
+        { label: "TikTok", href: "https://tiktok.com" },
+        { label: "Email", href: "mailto:paintasy@events.com" },
+        { label: "Phone", href: "tel:+15551234567" },
+      ],
+    },
+    {
+      title: "Service Areas",      items: [
+        { label: "Local Events", href: "/contact" },
+        { label: "Regional Coverage", href: "/contact" },
+        { label: "Book Now", href: "/" },
+        { label: "Get Quote", href: "/contact" },
+      ],
+    },
+  ];
+
+  const instagramFeed = [
+    {
+      id: "insta-1",      name: "Birthday Magic ✨",      price: "Follow Our Stories",      variant: "Kids Parties",      imageSrc: "http://img.b2bpic.net/free-photo/happy-kids-at-birthday-party-with-face-paint_23-2149159450.jpg?_wi=1",      imageAlt: "Kids enjoying face painting at birthday party"
+    },
+    {
+      id: "insta-2",      name: "Festival Vibes 🎨",      price: "Follow Our Stories",      variant: "Festival Events",      imageSrc: "http://img.b2bpic.net/free-photo/festival-face-paint-instagram_23-2149159471.jpg?_wi=1",      imageAlt: "Festival face art Instagram post"
+    },
+    {
+      id: "insta-3",      name: "Artistic Designs 🎭",      price: "Follow Our Stories",      variant: "Creative Art",      imageSrc: "http://img.b2bpic.net/free-photo/artistic-face-paint-design-instagram_23-2149159492.jpg?_wi=1",      imageAlt: "Creative face painting design"
+    },
+    {
+      id: "insta-4",      name: "Event Highlights 🎉",      price: "Follow Our Stories",      variant: "Recent Events",      imageSrc: "http://img.b2bpic.net/free-photo/recent-event-face-painting_23-2149159513.jpg?_wi=1",      imageAlt: "Recent event face painting highlight"
+    },
+    {
+      id: "insta-5",      name: "Behind the Scenes 🎨",      price: "Follow Our Stories",      variant: "Process Video",      imageSrc: "http://img.b2bpic.net/free-photo/behind-scenes-face-painting_23-2149159534.jpg?_wi=1",      imageAlt: "Behind the scenes face painting process"
+    },
+    {
+      id: "insta-6",      name: "Client Love ❤️",      price: "Follow Our Stories",      variant: "Testimonials",      imageSrc: "http://img.b2bpic.net/free-photo/happy-client-testimonial-face-paint_23-2149159555.jpg?_wi=1",      imageAlt: "Happy client testimonial"
+    },
+    {
+      id: "insta-7",      name: "Quick Designs ⚡",      price: "Follow Our Stories",      variant: "Fast Service",      imageSrc: "http://img.b2bpic.net/free-photo/quick-festival-design_23-2149159576.jpg?_wi=1",      imageAlt: "Quick festival face design"
+    },
+    {
+      id: "insta-8",      name: "Glitter & Sparkle ✨",      price: "Follow Our Stories",      variant: "Special Effects",      imageSrc: "http://img.b2bpic.net/free-photo/glitter-face-paint-design_23-2149159597.jpg?_wi=1",      imageAlt: "Glitter and sparkle face painting"
+    },
+    {
+      id: "insta-9",      name: "Team Events 🤝",      price: "Follow Our Stories",      variant: "Corporate",      imageSrc: "http://img.b2bpic.net/free-photo/corporate-event-face-paint_23-2149159618.jpg?_wi=1",      imageAlt: "Corporate team event face painting"
+    },
+  ];
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="background-highlight"
+      borderRadius="rounded"
+      contentWidth="compact"
+      sizing="large"
+      background="none"
+      cardStyle="gradient-bordered"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="extrabold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          brandName="Paintasy"
+          navItems={navItems}
+          bottomLeftText="Creative Face & Body Art"
+          bottomRightText="paintasy@events.com"
+        />
+      </div>
+
+      <div id="hero-social" data-section="hero-social" className="mx-auto px-4 md:px-6">
+        <HeroBillboardGallery
+          title="Follow Paintasy on Social Media"
+          description="Connect with us on Instagram, Facebook, and TikTok for daily updates, event photos, design inspiration, and behind-the-scenes content. Join our growing community of happy clients!"
+          background={{ variant: "radial-gradient" }}
+          tag="@PaintasyArt"
+          tagIcon={Instagram}
+          tagAnimation="slide-up"
+          buttons={[
+            { text: "Follow on Instagram", href: "https://instagram.com" },
+            { text: "Like on Facebook", href: "https://facebook.com" },
+          ]}
+          buttonAnimation="blur-reveal"
+          mediaItems={[
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/social-media-feed-face-paint_23-2149159639.jpg?_wi=1",              imageAlt: "Paintasy social media feed"
+            },
+          ]}
+          mediaAnimation="opacity"
+          ariaLabel="Social media introduction"
+          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="social-feed" data-section="social-feed" className="mx-auto px-4 md:px-6 pt-20">
+        <ProductCardFour
+          title="Latest Instagram Posts"
+          description="Check out our most recent posts from events, client experiences, and face painting artistry. Each post captures a moment of creativity and joy from our service."
+          tag="Instagram Feed"
+          tagIcon={Instagram}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          animationType="opacity"
+          useInvertedBackground={false}
+          gridVariant="three-columns-all-equal-width"
+          carouselMode="buttons"
+          products={instagramFeed}
+          buttons={[{ text: "Follow on Instagram", href: "https://instagram.com" }]}
+          buttonAnimation="blur-reveal"
+          ariaLabel="Instagram social media feed"
+          containerClassName="gap-12"
+          cardVariantClassName="text-4xl font-extrabold"
+          descriptionClassName="text-lg opacity-90 max-w-3xl"
+        />
+      </div>
+
+      <div id="social-connect" data-section="social-connect" className="mx-auto px-4 md:px-6 pt-20">
+        <ContactText
+          text="Love what you see on our social media? Reach out to book Paintasy for your event! Share your experience and tag us for a chance to be featured on our Instagram. Follow us for daily inspiration, promotions, and event updates."
+          animationType="background-highlight"
+          background={{ variant: "radial-gradient" }}
+          useInvertedBackground={false}
+          buttons={[
+            { text: "Book Now", href: "/contact" },
+            { text: "Follow @PaintasyArt", href: "https://instagram.com" },
+          ]}
+          ariaLabel="Social media call-to-action"
+          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-social" data-section="footer-social" 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>
+  );
+}