Update src/app/services/page.tsx

Update src/app/page.tsx
Update src/app/gallery/page.tsx
2026-03-14 05:38:06 +00:00 · 2026-03-14 05:38:05 +00:00 · 2026-03-14 05:38:04 +00:00 · 2026-03-14 05:38:04 +00:00 · 2026-03-14 05:38:03 +00:00 · 2026-03-14 05:35:33 +00:00
8 changed files with 1021 additions and 898 deletions
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -7,15 +7,18 @@ import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import { Sparkles, Palette, Heart, Smile, Zap, Music, Briefcase, Target, Users, Star, Award } from 'lucide-react';
+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: "/" },
-    { name: "Services", id: "/services" },
+    { name: "Services", id: "services" },
    { name: "Gallery", id: "/gallery" },
    { name: "Packages", id: "/packages" },
    { name: "About", id: "/about" },
    { name: "Packages", id: "packages" },
    { name: "Contact", id: "/contact" },
  ];
@@ -33,8 +36,8 @@ export default function AboutPage() {
      title: "Company",      items: [
        { label: "About Us", href: "/about" },
        { label: "Gallery", href: "/gallery" },
-        { label: "Packages", href: "/packages" },
+        { label: "Packages", href: "#packages-section" },
-        { label: "FAQ", href: "/" },
+        { label: "FAQ", href: "#faq-section" },
        { label: "Contact", href: "/contact" },
      ],
    },
@@ -51,7 +54,7 @@ export default function AboutPage() {
      title: "Service Areas",      items: [
        { label: "Local Events", href: "/contact" },
        { label: "Regional Coverage", href: "/contact" },
-        { label: "Book Now", href: "/packages" },
+        { label: "Book Now", href: "#booking-section" },
        { label: "Get Quote", href: "/contact" },
      ],
    },
@@ -79,137 +82,146 @@ export default function AboutPage() {
        />
      </div>
-      <div id="about-main" data-section="about-main" className="mx-auto px-4 md:px-6 lg:px-8 py-16 md:py-24 lg:py-32">
+      <div id="about-section" data-section="about-section" className="mx-auto px-4 md:px-6 min-h-screen flex items-center">
        <MetricSplitMediaAbout
-          title="Paintasy: Bringing Color and Joy to Every Celebration"
+          title="About Paintasy Face and Body Art"
-          description="Founded on the passion for creative expression and event entertainment, Paintasy has been transforming celebrations into unforgettable experiences. Our team of professional face and body painters combines artistic skill with genuine care for every client. Whether it's a child's first birthday party, a vibrant festival, or a corporate team-building event, we bring color, creativity, and joy to every occasion. With years of experience, professional-grade materials, and a commitment to safety and quality, Paintasy is your trusted partner for professional entertainment."
+          description="Paintasy was founded with a passion for bringing joy and creativity to celebrations. Our team of professional artists combines traditional face painting techniques with modern artistic flair, creating stunning designs that delight clients of all ages. With over a decade of experience in event entertainment, we've perfected our craft and built a reputation for reliability, creativity, and exceptional customer service. Every event is an opportunity to create magic, and we take pride in making each client's vision come to life."
          tag="Our Story"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
-          imageSrc="http://img.b2bpic.net/free-photo/young-artist-female-her-20s-art-studio-with-many-tools-painting_662251-1233.jpg?_wi=1"
+          imageSrc="http://img.b2bpic.net/free-photo/portrait-smiling-adult-man-his-30s-that-is-painting-big-canvas-with-lot-brushes-palette-while-sitting-floor-art-studio_662251-323.jpg?_wi=1"
-          imageAlt="Paintasy artists working on creative designs"
+          imageAlt="Professional face painter creating art"
          mediaAnimation="blur-reveal"
          metrics={[
-            { value: "15+", title: "Professional Artists" },
+            { value: "10+", title: "Years of Experience" },
            { value: "500+", title: "Events Completed" },
-            { value: "1000+", title: "Happy Faces Painted" },
+            { value: "1000+", title: "Happy Clients" },
-            { value: "100%", title: "Client Satisfaction" },
+            { value: "100%", title: "Satisfaction Rate" },
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={false}
-          ariaLabel="About page main section"
+          ariaLabel="About section with company story"
-          containerClassName="gap-8 lg:gap-12"
+          containerClassName="gap-12"
-          titleClassName="text-4xl sm:text-5xl lg:text-6xl font-extrabold"
+          titleClassName="text-4xl font-extrabold"
-          descriptionClassName="text-base sm:text-lg opacity-90 max-w-3xl"
+          descriptionClassName="text-lg opacity-90 max-w-2xl"
        />
      </div>
-      <div id="about-values" data-section="about-values" className="mx-auto px-4 md:px-6 lg:px-8 py-16 md:py-24">
+      <div id="values-section" data-section="values-section" className="mx-auto px-4 md:px-6">
        <FeatureCardTen
-          title="Our Values & Commitment"
+          title="Our Values & Expertise"
-          description="What drives Paintasy every single day is our dedication to excellence, safety, and customer satisfaction. We believe that creativity should be accessible, affordable, and safe for everyone."
+          description="We believe in delivering exceptional service grounded in creativity, professionalism, and customer satisfaction."
-          tag="Why Choose Paintasy"
+          tag="Why Choose Us"
-          tagIcon={Palette}
+          tagIcon={Award}
          tagAnimation="slide-up"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={true}
          features={[
            {
-              id: "quality",              title: "Professional Quality",              description: "We use only professional-grade, hypoallergenic face paints and premium materials. Every design is created with attention to detail and artistic excellence.",              media: {
+              id: "value-1",              title: "Professional Quality",              description: "All our artists are trained professionals with years of experience. We use only high-quality, safe materials and maintain strict hygiene standards.",              media: {
-                imageSrc: "http://img.b2bpic.net/free-photo/art-supplies-arranged-table_23-2147854326.jpg?_wi=1",                imageAlt: "Professional face painting supplies"},
+                imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-brush-close-up_23-2148966902.jpg?_wi=1",                imageAlt: "Professional face painting supplies"},
              items: [
-                { icon: Star, text: "Premium materials" },
+                { icon: Palette, text: "Expert techniques" },
-                { icon: Sparkles, text: "Professional artists" },
+                { icon: Heart, text: "Passion for art" },
-                { icon: Heart, text: "Detail-oriented service" },
+                { icon: Star, text: "Quality materials" },
              ],
              reverse: false,
            },
            {
-              id: "safety",              title: "Safety & Hygiene",              description: "Your health and safety are our top priority. We follow strict hygiene protocols, use sanitized tools for each client, and provide hypoallergenic options for sensitive skin.",              media: {
+              id: "value-2",              title: "Custom Creativity",              description: "Every event is unique, and so are our designs. We work with clients to create custom artwork that perfectly matches their theme and vision.",              media: {
-                imageSrc: "http://img.b2bpic.net/free-photo/hands-being-washed_23-2149191617.jpg?_wi=1",                imageAlt: "Professional hygiene practices"},
+                imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-women-with-all-kinds-body_23-2149159242.jpg?_wi=1",                imageAlt: "Creative custom body art designs"},
              items: [
-                { icon: Smile, text: "Strict hygiene standards" },
+                { icon: Sparkles, text: "Bespoke designs" },
-                { icon: Heart, text: "Hypoallergenic products" },
+                { icon: Star, text: "Artistic excellence" },
-                { icon: Target, text: "Health-conscious service" },
+                { icon: Heart, text: "Client collaboration" },
              ],
              reverse: true,
            },
            {
-              id: "creativity",              title: "Unlimited Creativity",              description: "From classic designs to custom creations, we bring imagination to life. Our artists stay current with trends and can create virtually any design you envision.",              media: {
+              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/artist-woman-painting-portrait-canvas-studio_23-2148937856.jpg?_wi=1",                imageAlt: "Artists creating custom designs"},
+                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: Sparkles, text: "Custom designs" },
+                { icon: Award, text: "On-time delivery" },
-                { icon: Zap, text: "Trendy artwork" },
+                { icon: Palette, text: "Professional conduct" },
-                { icon: Users, text: "Personalized service" },
+                { icon: Sparkles, text: "Excellence commitment" },
              ],
              reverse: false,
            },
          ]}
-          buttons={[{ text: "Book Your Event", href: "/packages" }]}
+          buttons={[{ text: "Book Now", href: "/contact" }]}
          buttonAnimation="blur-reveal"
-          ariaLabel="About page values section"
+          ariaLabel="Values and expertise section"
-          containerClassName="gap-8 lg:gap-12"
+          containerClassName="gap-12"
          itemClassName=""
        />
      </div>
-      <div id="about-team" data-section="about-team" className="mx-auto px-4 md:px-6 lg:px-8 py-16 md:py-24">
+      <div id="testimonials-section" data-section="testimonials-section" className="mx-auto px-4 md:px-6">
        <TestimonialCardTwo
-          title="Meet Our Community"
+          title="Client Success Stories"
-          description="Paintasy is built on the foundation of passionate, talented artists and satisfied customers. Join thousands who've experienced the magic of professional face and body art."
+          description="Hear from clients who've experienced the Paintasy difference at their events."
-          tag="Community"
+          tag="Client Reviews"
-          tagIcon={Users}
+          tagIcon={Star}
          tagAnimation="slide-up"
          textboxLayout="default"
          animationType="blur-reveal"
-          useInvertedBackground={false}
+          useInvertedBackground={true}
          carouselMode="buttons"
          testimonials={[
            {
-              id: "team-1",              name: "Aurora Studios",              role: "Professional Artist",              testimonial: "Paintasy gave me the platform to showcase my artistic talent and build a thriving career. I love working with diverse clients and creating magical moments at events.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-of-smiling-artist-at-studio_23-2149021637.jpg?_wi=1",              imageAlt: "Professional Paintasy artist",              icon: Sparkles,
+              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: "team-2",              name: "Creative Collective",              role: "Event Partner",              testimonial: "We partner with Paintasy because they consistently deliver exceptional entertainment. Their artists are professional, reliable, and always go above and beyond.",              imageSrc: "http://img.b2bpic.net/free-photo/group-of-creative-professionals_23-2149112458.jpg?_wi=1",              imageAlt: "Paintasy team at event",              icon: Star,
+              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: "Sarah Johnson",              role: "Parent",              testimonial: "My daughter talked about her birthday face painting for weeks! Paintasy made her feel so special. We'll definitely book them again for future celebrations.",              imageSrc: "http://img.b2bpic.net/free-photo/happy-family-playing-together_23-2149062749.jpg?_wi=1",              imageAlt: "Happy family with face painted child",              icon: Heart,
+              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: "Festival Directors",              role: "Festival Organizer",              testimonial: "Paintasy is our go-to entertainment provider. They handle high-volume requests with grace, create stunning designs, and make our festivals memorable.",              imageSrc: "http://img.b2bpic.net/free-photo/diverse-group-enjoying-festival_23-2149156238.jpg?_wi=1",              imageAlt: "Festival crowd enjoying Paintasy services",              icon: Smile,
+              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: "Join Our Community", href: "/services" }]}
+          buttons={[{ text: "Book Now", href: "/contact" }]}
          buttonAnimation="blur-reveal"
-          ariaLabel="About page community testimonials"
+          ariaLabel="Client testimonials section"
-          containerClassName="gap-8 lg:gap-12"
+          containerClassName="gap-12"
          textBoxTitleClassName="text-4xl font-extrabold"
          textBoxDescriptionClassName="text-lg opacity-90 max-w-3xl"
        />
      </div>
-      <div id="about-cta" data-section="about-cta" className="mx-auto px-4 md:px-6 lg:px-8 py-16 md:py-24">
+      <div id="booking-section" data-section="booking-section" className="mx-auto px-4 md:px-6">
        <ContactText
-          text="Ready to be part of the Paintasy family? Whether you're looking to book our services or become a professional partner, we'd love to connect with you. Let's create something colorful and magical together!"
+          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: "Book Services", href: "/packages" },
+            { text: "Get a Quote", href: "/contact" },
-            { text: "Contact Us", href: "/contact" },
+            { text: "Call Us", href: "tel:+15551234567" },
          ]}
-          ariaLabel="About page call-to-action"
+          ariaLabel="Contact and booking section"
-          containerClassName="py-12 sm:py-16 lg:py-20"
+          containerClassName="py-16"
          contentClassName="max-w-3xl mx-auto"
-          textClassName="text-2xl sm:text-3xl lg: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"
        />
      </div>
-      <div id="footer-about" data-section="footer-about" className="mx-auto px-4 md:px-6 lg:px-8">
+      <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-8 lg:gap-12"
+          containerClassName="gap-12"
          columnsClassName="grid-cols-2 lg:grid-cols-4"
          columnTitleClassName="font-extrabold text-lg"
          columnItemClassName="hover:opacity-70 transition-opacity"
--- a/src/app/booking/page.tsx
+++ b/src/app/booking/page.tsx
@@ -2,10 +2,14 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import { Sparkles } from 'lucide-react';
 import { useState } from 'react';
-import { Heart, Mail, Phone, MapPin, Facebook, Instagram, Twitter } from 'lucide-react';
+
 export const metadata = {
  title: "Book Your Event - Paintasy Face and Body Art",  description: "Book professional face painting and body art services for your event. Easy booking form, flexible scheduling, and transparent pricing.",  keywords: "book face painting, event booking, face painter booking, party entertainment booking"};
 export default function BookingPage() {
  const [formData, setFormData] = useState({
@@ -15,17 +19,32 @@ export default function BookingPage() {
    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: "Gallery", id: "/gallery" },
-    { name: "Packages", id: "packages" },
+    { name: "Packages", id: "/#packages-home" },
-    { name: "About", id: "about" },
+    { name: "About", id: "/#about-home" },
-    { name: "Booking", id: "booking" },
+    { name: "Booking", id: "/booking" },
-    { name: "Contact", id: "contact" },
+    { name: "Contact", id: "/contact" },
  ];
  const footerColumns = [
@@ -40,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" },
      ],
    },
@@ -66,26 +85,6 @@ export default function BookingPage() {
    },
  ];
  const handleFormChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) => {
    const { name, value } = e.target;
    setFormData(prev => ({ ...prev, [name]: value }));
  };
  const handleSubmit = (e: React.FormEvent) => {
    e.preventDefault();
    console.log('Booking form submitted:', formData);
    alert('Thank you for your booking request! We will contact you soon.');
    setFormData({
      name: '',
      email: '',
      phone: '',
      eventDate: '',
      eventType: '',
      guestCount: '',
      message: '',
    });
  };
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
@@ -108,206 +107,76 @@ export default function BookingPage() {
        />
      </div>
-      <div id="booking-hero" data-section="booking-hero" className="mx-auto px-4 md:px-6 lg:px-8 py-16 md:py-24 lg:py-32">
+      <div id="booking-hero" data-section="booking-hero" className="mx-auto px-4 md:px-6">
-        <div className="max-w-4xl mx-auto">
+        <HeroLogoBillboardSplit
-          <h1 className="text-4xl md:text-5xl lg:text-6xl font-extrabold mb-6 text-center bg-gradient-to-r from-pink-500 via-purple-500 to-indigo-500 bg-clip-text text-transparent">
+          logoText="Book Your Event"
-            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."
-          </h1>
+          background={{ variant: "radial-gradient" }}
-          <p className="text-lg md:text-xl text-center opacity-80 mb-12 max-w-2xl mx-auto">
+          buttons={[
-            Request a quote for professional face painting and body art services. Fill out the form below and we'll get back to you with availability and pricing.
+            { text: "Book Now", href: "#booking-form" },
-          </p>
+            { text: "View Packages", href: "/#packages-home" },
-        </div>
+          ]}
          layoutOrder="default"
          mediaAnimation="blur-reveal"
          ariaLabel="Booking page hero section"
          containerClassName="flex flex-col lg:flex-row items-center justify-between gap-12 min-h-screen"
          logoContainerClassName="flex-1"
          descriptionClassName="text-lg opacity-90 max-w-2xl"
          buttonContainerClassName="flex flex-col sm:flex-row gap-4 mt-8"
        />
      </div>
-      <div id="booking-form" data-section="booking-form" className="mx-auto px-4 md:px-6 lg:px-8 py-12 md:py-16 lg:py-20">
+      <div id="booking-form" data-section="booking-form" className="mx-auto px-4 md:px-6">
-        <div className="max-w-2xl mx-auto">
+        <ContactSplitForm
-          <div className="rounded-lg p-8 md:p-12 bg-gradient-to-br from-pink-50 via-purple-50 to-indigo-50 border-2 border-purple-200 shadow-lg">
+          title="Request Your Booking"
-            <form onSubmit={handleSubmit} className="space-y-6">
+          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."
-              <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+          inputs={[
-                <div>
+            {
-                  <label className="block text-sm font-semibold mb-2 text-gray-800">Full Name *</label>
+              name: "name",              type: "text",              placeholder: "Your Name",              required: true,
-                  <input
+            },
-                    type="text"
+            {
-                    name="name"
+              name: "email",              type: "email",              placeholder: "Your Email",              required: true,
-                    value={formData.name}
+            },
-                    onChange={handleFormChange}
+            {
-                    required
+              name: "phone",              type: "tel",              placeholder: "Your Phone Number",              required: true,
-                    placeholder="Your name"
+            },
-                    className="w-full px-4 py-3 rounded-lg border-2 border-purple-300 focus:border-purple-500 focus:outline-none transition-colors bg-white text-gray-800 placeholder-gray-500"
+            {
-                  />
+              name: "eventDate",              type: "date",              placeholder: "Event Date",              required: true,
-                </div>
+            },
-                <div>
+            {
-                  <label className="block text-sm font-semibold mb-2 text-gray-800">Email Address *</label>
+              name: "eventType",              type: "text",              placeholder: "Event Type (Birthday, Festival, Corporate, etc.)",              required: true,
-                  <input
+            },
-                    type="email"
+            {
-                    name="email"
+              name: "guestCount",              type: "number",              placeholder: "Expected Number of Guests",              required: true,
-                    value={formData.email}
+            },
-                    onChange={handleFormChange}
+            {
-                    required
+              name: "eventDuration",              type: "text",              placeholder: "Event Duration (e.g., 2 hours)",              required: true,
-                    placeholder="your@email.com"
+            },
-                    className="w-full px-4 py-3 rounded-lg border-2 border-purple-300 focus:border-purple-500 focus:outline-none transition-colors bg-white text-gray-800 placeholder-gray-500"
+          ]}
-                  />
+          textarea={{
-                </div>
+            name: "message",            placeholder: "Tell us more about your event and any specific requests (designs, themes, special requirements)",            rows: 5,
-              </div>
+            required: false,
-
+          }}
-              <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+          useInvertedBackground={false}
-                <div>
+          mediaAnimation="blur-reveal"
-                  <label className="block text-sm font-semibold mb-2 text-gray-800">Phone Number *</label>
+          mediaPosition="right"
-                  <input
+          buttonText="Submit Booking Request"
-                    type="tel"
+          onSubmit={handleFormSubmit}
-                    name="phone"
+          ariaLabel="Event booking form section"
-                    value={formData.phone}
+          containerClassName="py-16 gap-12"
-                    onChange={handleFormChange}
+          formCardClassName="p-8"
-                    required
+          titleClassName="text-4xl font-extrabold"
-                    placeholder="(555) 123-4567"
+          descriptionClassName="text-lg opacity-90"
-                    className="w-full px-4 py-3 rounded-lg border-2 border-purple-300 focus:border-purple-500 focus:outline-none transition-colors bg-white text-gray-800 placeholder-gray-500"
+        />
                  />
                </div>
                <div>
                  <label className="block text-sm font-semibold mb-2 text-gray-800">Event Date *</label>
                  <input
                    type="date"
                    name="eventDate"
                    value={formData.eventDate}
                    onChange={handleFormChange}
                    required
                    className="w-full px-4 py-3 rounded-lg border-2 border-purple-300 focus:border-purple-500 focus:outline-none transition-colors bg-white text-gray-800"
                  />
                </div>
              </div>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
                <div>
                  <label className="block text-sm font-semibold mb-2 text-gray-800">Event Type *</label>
                  <select
                    name="eventType"
                    value={formData.eventType}
                    onChange={handleFormChange}
                    required
                    className="w-full px-4 py-3 rounded-lg border-2 border-purple-300 focus:border-purple-500 focus:outline-none transition-colors bg-white text-gray-800"
                  >
                    <option value="">Select event type</option>
                    <option value="birthday-party">Birthday Party</option>
                    <option value="festival">Festival/Outdoor Event</option>
                    <option value="corporate">Corporate Event</option>
                    <option value="wedding">Wedding/Reception</option>
                    <option value="school-event">School Event</option>
                    <option value="other">Other</option>
                  </select>
                </div>
                <div>
                  <label className="block text-sm font-semibold mb-2 text-gray-800">Number of Guests *</label>
                  <input
                    type="number"
                    name="guestCount"
                    value={formData.guestCount}
                    onChange={handleFormChange}
                    required
                    placeholder="Approximate guest count"
                    min="1"
                    className="w-full px-4 py-3 rounded-lg border-2 border-purple-300 focus:border-purple-500 focus:outline-none transition-colors bg-white text-gray-800 placeholder-gray-500"
                  />
                </div>
              </div>
              <div>
                <label className="block text-sm font-semibold mb-2 text-gray-800">Message / Special Requests</label>
                <textarea
                  name="message"
                  value={formData.message}
                  onChange={handleFormChange}
                  placeholder="Tell us about your event and any special requests..."
                  rows={5}
                  className="w-full px-4 py-3 rounded-lg border-2 border-purple-300 focus:border-purple-500 focus:outline-none transition-colors bg-white text-gray-800 placeholder-gray-500 resize-none"
                />
              </div>
              <button
                type="submit"
                className="w-full bg-gradient-to-r from-pink-500 via-purple-500 to-indigo-500 hover:from-pink-600 hover:via-purple-600 hover:to-indigo-600 text-white font-bold py-3 px-6 rounded-lg transition-all duration-300 transform hover:scale-105 shadow-lg text-lg"
              >
                Get Your Quote
              </button>
            </form>
          </div>
        </div>
      </div>
-      <div id="booking-info" data-section="booking-info" className="mx-auto px-4 md:px-6 lg:px-8 py-12 md:py-16 lg:py-20 bg-gradient-to-b from-transparent via-purple-50 to-transparent">
+      <div id="footer-booking" data-section="footer-booking" className="mx-auto px-4 md:px-6">
        <div className="max-w-6xl mx-auto">
          <h2 className="text-3xl md:text-4xl lg:text-5xl font-extrabold text-center mb-12">Get In Touch</h2>
          <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
            <div className="rounded-lg p-8 bg-white border-2 border-pink-200 shadow-lg text-center hover:shadow-xl transition-shadow">
              <Phone className="w-12 h-12 mx-auto mb-4 text-pink-500" />
              <h3 className="text-xl font-bold mb-2">Phone</h3>
              <p className="text-gray-700 mb-4">Call us for quick inquiries</p>
              <a href="tel:+15551234567" className="text-pink-500 font-semibold hover:text-pink-700 transition-colors">
                (555) 123-4567
              </a>
            </div>
            <div className="rounded-lg p-8 bg-white border-2 border-purple-200 shadow-lg text-center hover:shadow-xl transition-shadow">
              <Mail className="w-12 h-12 mx-auto mb-4 text-purple-500" />
              <h3 className="text-xl font-bold mb-2">Email</h3>
              <p className="text-gray-700 mb-4">Send us your booking details</p>
              <a href="mailto:paintasy@events.com" className="text-purple-500 font-semibold hover:text-purple-700 transition-colors">
                paintasy@events.com
              </a>
            </div>
            <div className="rounded-lg p-8 bg-white border-2 border-indigo-200 shadow-lg text-center hover:shadow-xl transition-shadow">
              <MapPin className="w-12 h-12 mx-auto mb-4 text-indigo-500" />
              <h3 className="text-xl font-bold mb-2">Location</h3>
              <p className="text-gray-700 mb-4">We service events in your area</p>
              <p className="text-indigo-500 font-semibold">
                Regional Coverage Available
              </p>
            </div>
          </div>
          <div className="mt-16 text-center">
            <h3 className="text-2xl font-bold mb-6">Follow Us On Social Media</h3>
            <div className="flex justify-center gap-6 flex-wrap">
              <a
                href="https://facebook.com"
                target="_blank"
                rel="noopener noreferrer"
                className="inline-flex items-center gap-2 px-6 py-3 rounded-lg bg-blue-500 text-white font-semibold hover:bg-blue-600 transition-colors shadow-lg hover:shadow-xl"
              >
                <Facebook className="w-5 h-5" />
                Facebook
              </a>
              <a
                href="https://instagram.com"
                target="_blank"
                rel="noopener noreferrer"
                className="inline-flex items-center gap-2 px-6 py-3 rounded-lg bg-gradient-to-r from-pink-500 to-purple-500 text-white font-semibold hover:from-pink-600 hover:to-purple-600 transition-colors shadow-lg hover:shadow-xl"
              >
                <Instagram className="w-5 h-5" />
                Instagram
              </a>
              <a
                href="https://tiktok.com"
                target="_blank"
                rel="noopener noreferrer"
                className="inline-flex items-center gap-2 px-6 py-3 rounded-lg bg-gray-900 text-white font-semibold hover:bg-gray-800 transition-colors shadow-lg hover:shadow-xl"
              >
                <Twitter className="w-5 h-5" />
                TikTok
              </a>
            </div>
          </div>
        </div>
      </div>
      <div id="footer-booking" data-section="footer-booking" className="mx-auto px-4 md:px-6 lg:px-8">
        <FooterSimple
          columns={footerColumns}
          bottomLeftText="© 2024 Paintasy Face and Body Art. All rights reserved."
          bottomRightText="Professional Event Entertainment | Creative Services"
          ariaLabel="Site footer with links"
-          containerClassName="gap-8 lg:gap-12"
+          containerClassName="gap-12"
          columnsClassName="grid-cols-2 lg:grid-cols-4"
          columnTitleClassName="font-extrabold text-lg"
          columnItemClassName="hover:opacity-70 transition-opacity"
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -2,28 +2,22 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ContactFaq from '@/components/sections/contact/ContactFaq';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import { useState } from 'react';
+import { Phone, Mail, Calendar, ArrowRight, HelpCircle } from 'lucide-react';
-import { MessageCircle, Mail, Phone, MapPin, Clock, Facebook, Instagram, Twitter, Linkedin } 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 [formData, setFormData] = useState({
    name: '',
    email: '',
    subject: '',
    message: '',
  });
  const [submitted, setSubmitted] = useState(false);
  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: "Booking", id: "booking" },
    { name: "Contact", id: "contact" },
  ];
  const footerColumns = [
@@ -40,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" },
      ],
    },
@@ -58,30 +52,12 @@ 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" },
      ],
    },
  ];
  const handleFormChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {
    const { name, value } = e.target;
    setFormData(prev => ({ ...prev, [name]: value }));
  };
  const handleSubmit = (e: React.FormEvent) => {
    e.preventDefault();
    console.log('Contact form submitted:', formData);
    setSubmitted(true);
    setFormData({
      name: '',
      email: '',
      subject: '',
      message: '',
    });
    setTimeout(() => setSubmitted(false), 3000);
  };
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
@@ -104,199 +80,143 @@ export default function ContactPage() {
        />
      </div>
-      <div id="contact-hero" data-section="contact-hero" className="mx-auto px-4 md:px-6 lg:px-8 py-16 md:py-24 lg:py-32">
+      <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-4xl mx-auto text-center">
+        <ContactText
-          <h1 className="text-4xl md:text-5xl lg:text-6xl font-extrabold mb-6 bg-gradient-to-r from-red-500 via-yellow-500 to-pink-500 bg-clip-text text-transparent">
+          text="Get in Touch with Paintasy"
-            Contact Us
+          animationType="background-highlight"
-          </h1>
+          background={{ variant: "radial-gradient" }}
-          <p className="text-lg md:text-xl opacity-80 mb-4 max-w-2xl mx-auto">
+          useInvertedBackground={false}
-            Have questions or ready to book? We'd love to hear from you! Reach out to our team and let's make your event unforgettable.
+          buttons={[
-          </p>
+            { text: "Call Now", href: "tel:+15551234567" },
-        </div>
+            { 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-content" data-section="contact-content" className="mx-auto px-4 md:px-6 lg:px-8 py-12 md:py-16 lg:py-20">
+      <div id="booking-info" data-section="booking-info" className="mx-auto px-4 md:px-6 py-16">
-        <div className="max-w-6xl mx-auto grid grid-cols-1 lg:grid-cols-2 gap-12">
+        <div className="max-w-4xl mx-auto">
-          {/* Contact Form */}
+          <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
-          <div className="rounded-lg p-8 md:p-10 bg-gradient-to-br from-blue-50 via-cyan-50 to-teal-50 border-2 border-cyan-300 shadow-lg">
+            {/* Phone Contact */}
-            <h2 className="text-3xl font-bold mb-8 text-gray-800">Send Us a Message</h2>
+            <div className="text-center p-8 border border-gray-200 rounded-lg hover:border-gray-400 transition-colors">
-            
+              <div className="flex justify-center mb-4">
-            {submitted && (
+                <Phone className="w-12 h-12 text-blue-600" />
              <div className="mb-6 p-4 rounded-lg bg-green-100 border-2 border-green-400 text-green-800 font-semibold">
                ✓ Thank you! We'll be in touch soon.
              </div>
            )}
            <form onSubmit={handleSubmit} className="space-y-6">
              <div>
                <label className="block text-sm font-semibold mb-2 text-gray-800">Your Name *</label>
                <input
                  type="text"
                  name="name"
                  value={formData.name}
                  onChange={handleFormChange}
                  required
                  placeholder="John Doe"
                  className="w-full px-4 py-3 rounded-lg border-2 border-cyan-300 focus:border-cyan-500 focus:outline-none transition-colors bg-white text-gray-800 placeholder-gray-500"
                />
              </div>
              <div>
                <label className="block text-sm font-semibold mb-2 text-gray-800">Email Address *</label>
                <input
                  type="email"
                  name="email"
                  value={formData.email}
                  onChange={handleFormChange}
                  required
                  placeholder="your@email.com"
                  className="w-full px-4 py-3 rounded-lg border-2 border-cyan-300 focus:border-cyan-500 focus:outline-none transition-colors bg-white text-gray-800 placeholder-gray-500"
                />
              </div>
              <div>
                <label className="block text-sm font-semibold mb-2 text-gray-800">Subject *</label>
                <input
                  type="text"
                  name="subject"
                  value={formData.subject}
                  onChange={handleFormChange}
                  required
                  placeholder="How can we help?"
                  className="w-full px-4 py-3 rounded-lg border-2 border-cyan-300 focus:border-cyan-500 focus:outline-none transition-colors bg-white text-gray-800 placeholder-gray-500"
                />
              </div>
              <div>
                <label className="block text-sm font-semibold mb-2 text-gray-800">Message *</label>
                <textarea
                  name="message"
                  value={formData.message}
                  onChange={handleFormChange}
                  required
                  placeholder="Tell us more about your inquiry..."
                  rows={6}
                  className="w-full px-4 py-3 rounded-lg border-2 border-cyan-300 focus:border-cyan-500 focus:outline-none transition-colors bg-white text-gray-800 placeholder-gray-500 resize-none"
                />
              </div>
              <button
                type="submit"
                className="w-full bg-gradient-to-r from-cyan-500 via-blue-500 to-teal-500 hover:from-cyan-600 hover:via-blue-600 hover:to-teal-600 text-white font-bold py-3 px-6 rounded-lg transition-all duration-300 transform hover:scale-105 shadow-lg text-lg"
              >
                Send Message
              </button>
            </form>
          </div>
          {/* Contact Information */}
          <div className="space-y-8">
            <div className="rounded-lg p-8 bg-gradient-to-br from-red-50 to-orange-50 border-2 border-red-200 shadow-lg hover:shadow-xl transition-shadow">
              <div className="flex items-start gap-4">
                <Phone className="w-8 h-8 text-red-500 flex-shrink-0 mt-1" />
                <div>
                  <h3 className="text-lg font-bold text-gray-800 mb-2">Phone</h3>
                  <a href="tel:+15551234567" className="text-lg font-semibold text-red-600 hover:text-red-700 transition-colors">
                    (555) 123-4567
                  </a>
                  <p className="text-gray-700 mt-1 text-sm">Available Mon-Sun, 9 AM - 6 PM</p>
                </div>
              </div>
              <h3 className="text-2xl font-bold mb-2">Call Us</h3>
              <p className="text-gray-600 mb-4">Available Monday-Friday, 9am-6pm</p>
              <a href="tel:+15551234567" className="text-lg font-semibold text-blue-600 hover:text-blue-700 transition-colors">
                +1 (555) 123-4567
              </a>
            </div>
-            <div className="rounded-lg p-8 bg-gradient-to-br from-yellow-50 to-amber-50 border-2 border-yellow-200 shadow-lg hover:shadow-xl transition-shadow">
+            {/* Email Contact */}
-              <div className="flex items-start gap-4">
+            <div className="text-center p-8 border border-gray-200 rounded-lg hover:border-gray-400 transition-colors">
-                <Mail className="w-8 h-8 text-yellow-600 flex-shrink-0 mt-1" />
+              <div className="flex justify-center mb-4">
-                <div>
+                <Mail className="w-12 h-12 text-blue-600" />
                  <h3 className="text-lg font-bold text-gray-800 mb-2">Email</h3>
                  <a href="mailto:paintasy@events.com" className="text-lg font-semibold text-yellow-700 hover:text-yellow-800 transition-colors">
                    paintasy@events.com
                  </a>
                  <p className="text-gray-700 mt-1 text-sm">We reply within 24 hours</p>
                </div>
              </div>
              <h3 className="text-2xl font-bold mb-2">Email Us</h3>
              <p className="text-gray-600 mb-4">We respond within 24 hours</p>
              <a href="mailto:paintasy@events.com" className="text-lg font-semibold text-blue-600 hover:text-blue-700 transition-colors">
                paintasy@events.com
              </a>
            </div>
-            <div className="rounded-lg p-8 bg-gradient-to-br from-green-50 to-emerald-50 border-2 border-green-200 shadow-lg hover:shadow-xl transition-shadow">
+            {/* Booking Request */}
-              <div className="flex items-start gap-4">
+            <div className="text-center p-8 border border-gray-200 rounded-lg hover:border-gray-400 transition-colors">
-                <MapPin className="w-8 h-8 text-green-600 flex-shrink-0 mt-1" />
+              <div className="flex justify-center mb-4">
-                <div>
+                <Calendar className="w-12 h-12 text-blue-600" />
                  <h3 className="text-lg font-bold text-gray-800 mb-2">Service Area</h3>
                  <p className="text-gray-700 font-semibold">Regional Coverage</p>
                  <p className="text-gray-700 mt-1 text-sm">We service events throughout the region</p>
                </div>
              </div>
            </div>
            <div className="rounded-lg p-8 bg-gradient-to-br from-purple-50 to-pink-50 border-2 border-purple-200 shadow-lg hover:shadow-xl transition-shadow">
              <div className="flex items-start gap-4">
                <Clock className="w-8 h-8 text-purple-600 flex-shrink-0 mt-1" />
                <div>
                  <h3 className="text-lg font-bold text-gray-800 mb-2">Hours</h3>
                  <p className="text-gray-700 text-sm">Monday - Sunday</p>
                  <p className="text-gray-700 font-semibold text-sm">9:00 AM - 6:00 PM</p>
                  <p className="text-gray-700 text-sm mt-1">Holiday hours may vary</p>
                </div>
              </div>
              <h3 className="text-2xl font-bold mb-2">Book Now</h3>
              <p className="text-gray-600 mb-4">Submit a booking request form</p>
              <a href="#contact-form" className="text-lg font-semibold text-blue-600 hover:text-blue-700 transition-colors flex items-center justify-center gap-2">
                Get Started <ArrowRight className="w-5 h-5" />
              </a>
            </div>
          </div>
        </div>
      </div>
-      {/* Social Media Section */}
+      <div id="contact-info" data-section="contact-info" className="mx-auto px-4 md:px-6 py-16">
-      <div id="contact-social" data-section="contact-social" className="mx-auto px-4 md:px-6 lg:px-8 py-12 md:py-16 lg:py-20 bg-gradient-to-r from-pink-100 via-purple-100 to-indigo-100">
+        <div className="max-w-3xl mx-auto">
-        <div className="max-w-4xl mx-auto text-center">
+          <h2 className="text-4xl font-extrabold mb-8 text-center">Why Choose Paintasy?</h2>
-          <h2 className="text-3xl md:text-4xl lg:text-5xl font-extrabold mb-4">Connect With Us</h2>
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
-          <p className="text-lg opacity-80 mb-12">Follow our social media for behind-the-scenes content, event updates, and creative inspiration</p>
+            <div>
-          
+              <h3 className="text-xl font-bold mb-3 flex items-center gap-3">
-          <div className="flex justify-center gap-6 flex-wrap">
+                <span className="w-8 h-8 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold">✓</span>
-            <a
+                Quick Response
-              href="https://facebook.com"
+              </h3>
-              target="_blank"
+              <p className="text-gray-700">We respond to all inquiries within 24 hours to confirm availability and discuss your event details.</p>
-              rel="noopener noreferrer"
+            </div>
-              className="inline-flex items-center gap-3 px-8 py-4 rounded-lg bg-blue-500 text-white font-bold hover:bg-blue-600 transition-all duration-300 transform hover:scale-110 shadow-lg hover:shadow-xl"
+            <div>
-            >
+              <h3 className="text-xl font-bold mb-3 flex items-center gap-3">
-              <Facebook className="w-6 h-6" />
+                <span className="w-8 h-8 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold">✓</span>
-              Facebook
+                Transparent Pricing
-            </a>
+              </h3>
-            <a
+              <p className="text-gray-700">No hidden fees. We provide clear quotes tailored to your event size, duration, and specific needs.</p>
-              href="https://instagram.com"
+            </div>
-              target="_blank"
+            <div>
-              rel="noopener noreferrer"
+              <h3 className="text-xl font-bold mb-3 flex items-center gap-3">
-              className="inline-flex items-center gap-3 px-8 py-4 rounded-lg bg-gradient-to-r from-pink-500 to-purple-500 text-white font-bold hover:from-pink-600 hover:to-purple-600 transition-all duration-300 transform hover:scale-110 shadow-lg hover:shadow-xl"
+                <span className="w-8 h-8 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold">✓</span>
-            >
+                Flexible Packages
-              <Instagram className="w-6 h-6" />
+              </h3>
-              Instagram
+              <p className="text-gray-700">From small intimate gatherings to large festivals, we offer customizable packages that fit your needs.</p>
-            </a>
+            </div>
-            <a
+            <div>
-              href="https://tiktok.com"
+              <h3 className="text-xl font-bold mb-3 flex items-center gap-3">
-              target="_blank"
+                <span className="w-8 h-8 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold">✓</span>
-              rel="noopener noreferrer"
+                Professional Service
-              className="inline-flex items-center gap-3 px-8 py-4 rounded-lg bg-gray-900 text-white font-bold hover:bg-gray-800 transition-all duration-300 transform hover:scale-110 shadow-lg hover:shadow-xl"
+              </h3>
-            >
+              <p className="text-gray-700">All our artists are trained professionals committed to safety, hygiene, and creating unforgettable experiences.</p>
-              <Twitter className="w-6 h-6" />
+            </div>
              TikTok
            </a>
            <a
              href="https://linkedin.com"
              target="_blank"
              rel="noopener noreferrer"
              className="inline-flex items-center gap-3 px-8 py-4 rounded-lg bg-blue-700 text-white font-bold hover:bg-blue-800 transition-all duration-300 transform hover:scale-110 shadow-lg hover:shadow-xl"
            >
              <Linkedin className="w-6 h-6" />
              LinkedIn
            </a>
          </div>
        </div>
      </div>
-      <div id="footer-contact" data-section="footer-contact" className="mx-auto px-4 md:px-6 lg:px-8">
+      <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."
            },
          ]}
          ctaTitle="Ready to Book Your Event?"
          ctaDescription="Contact us today to check availability and get a personalized quote for your face painting and body art needs. Our professional team is ready to create magic for your special occasion."
          ctaButton={{ text: "Contact Us Now", href: "tel:+15551234567" }}
          ctaIcon={Phone}
          useInvertedBackground={true}
          animationType="slide-up"
          accordionAnimationType="smooth"
          showCard={true}
          ariaLabel="Contact form and FAQ section"
        />
      </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-8 lg:gap-12"
+          containerClassName="gap-12"
          columnsClassName="grid-cols-2 lg:grid-cols-4"
          columnTitleClassName="font-extrabold text-lg"
          columnItemClassName="hover:opacity-70 transition-opacity"
--- a/src/app/gallery/page.tsx
+++ b/src/app/gallery/page.tsx
@@ -2,59 +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, Sparkles } 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: "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: "/packages" },
+        { 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"
@@ -72,64 +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-full" data-section="gallery-full" className="mx-auto px-4 md:px-6 py-20">
+      <div id="hero-gallery" data-section="hero-gallery" className="mx-auto px-4 md:px-6">
-        <ProductCardFour
+        <HeroBillboardGallery
-          title="Complete Photo Gallery"
+          title="Our Creative Portfolio"
-          description="Explore our full collection of face painting and body art work from events, festivals, and celebrations. Real photos showcasing our professional artistry and creativity."
+          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="opacity"
+          animationType="blur-reveal"
          useInvertedBackground={false}
          gridVariant="bento-grid"
          carouselMode="buttons"
-          products={[
+          products={galleryItems}
-            {
+          buttons={[
-              id: "gallery-kids-1",              name: "Butterfly Dreams",              price: "Kids Party",              variant: "Birthday Event",              imageSrc: "http://img.b2bpic.net/free-photo/dreamy-eyes-woman-smiling-festival_23-2148338055.jpg?_wi=1",              imageAlt: "Butterfly face painting design on child"},
+            { text: "Book Your Event", href: "/contact" },
-            {
+            { text: "Request Custom Quote", href: "/contact" },
              id: "gallery-kids-2",              name: "Superhero Masks",              price: "Kids Party",              variant: "Birthday Event",              imageSrc: "http://img.b2bpic.net/free-photo/fun-portrait-with-decorations-face_23-2150749319.jpg?_wi=1",              imageAlt: "Superhero themed face painting for children"},
            {
              id: "gallery-festival-1",              name: "Festival Fantasy",              price: "Festival Art",              variant: "Outdoor Event",              imageSrc: "http://img.b2bpic.net/free-photo/man-covered-different-colors-holi_23-2148337991.jpg?_wi=1",              imageAlt: "Vibrant festival face painting with multiple colors"},
            {
              id: "gallery-festival-2",              name: "Rainbow Celebration",              price: "Festival Art",              variant: "Outdoor Event",              imageSrc: "http://img.b2bpic.net/free-psd/holi-festival-celebration-instagram-posts_23-2151227255.jpg?_wi=1",              imageAlt: "Rainbow colored festival face art"},
            {
              id: "gallery-body-1",              name: "Body Art Elegance",              price: "Body Painting",              variant: "Special Event",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-women-with-all-kinds-body_23-2149159242.jpg?_wi=1",              imageAlt: "Professional body painting artwork"},
            {
              id: "gallery-custom-1",              name: "Artistic Creation",              price: "Custom Design",              variant: "Themed Event",              imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-brush-close-up_23-2148966902.jpg?_wi=1",              imageAlt: "Artist applying custom face painting design"},
            {
              id: "gallery-kids-3",              name: "Princess Tiara",              price: "Kids Party",              variant: "Birthday Event",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-adult-man-his-30s-that-is-painting-big-canvas-with-lot-brushes-palette-while-sitting-floor-art-studio_662251-323.jpg?_wi=1",              imageAlt: "Princess themed face painting on young girl"},
            {
              id: "gallery-festival-3",              name: "Glitter Dreams",              price: "Festival Art",              variant: "Outdoor Event",              imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-putting-makeup-man_23-2149357796.jpg?_wi=1",              imageAlt: "Glittery festival face painting design"},
            {
              id: "gallery-corporate-1",              name: "Brand Activation",              price: "Corporate Event",              variant: "Professional",              imageSrc: "http://img.b2bpic.net/free-photo/male-dj-party-charge-music-entertainment_23-2149658399.jpg?_wi=1",              imageAlt: "Corporate event face painting for brand activation"},
          ]}
          buttons={[{ text: "Book Your Event", href: "/packages" }]}
          buttonAnimation="blur-reveal"
-          ariaLabel="Complete photo gallery with all artworks"
+          ariaLabel="Gallery showcase section"
          containerClassName="gap-12"
-          cardNameClassName=""
+          textBoxTitleClassName="text-4xl font-extrabold"
-          cardPriceClassName=""
+          textBoxDescriptionClassName="text-lg opacity-90 max-w-3xl"
          cardVariantClassName=""
        />
      </div>
-      <div id="contact-gallery" data-section="contact-gallery" className="mx-auto px-4 md:px-6">
+      <div id="social-connect" data-section="social-connect" className="mx-auto px-4 md:px-6">
        <ContactText
-          text="Love what you see? Let's bring these creative designs to your next event! Contact Paintasy today to book your professional face and body art experience."
+          text="Follow Paintasy on Social Media for more creative inspiration, behind-the-scenes moments, and special event highlights. Connect with us across all platforms and see the artistry in action!"
          animationType="background-highlight"
          background={{ variant: "radial-gradient" }}
-          useInvertedBackground={false}
+          useInvertedBackground={true}
          buttons={[
-            { text: "Request a Quote", href: "/contact" },
+            { text: "Instagram @paintasy_art", href: "https://instagram.com" },
-            { text: "View Packages", href: "/packages" },
+            { text: "Facebook Page", href: "https://facebook.com" },
            { text: "Contact Us", href: "/contact" },
          ]}
-          ariaLabel="Contact section for gallery page"
+          ariaLabel="Social media connection section"
          containerClassName="py-16"
          contentClassName="max-w-3xl mx-auto"
          textClassName="text-4xl font-extrabold text-center"
@@ -141,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"
@@ -151,4 +186,4 @@ export default function GalleryPage() {
      </div>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/packages/page.tsx
+++ b/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, Zap, Users, Music } 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: "/about" },
+      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,194 +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="packages-hero" data-section="packages-hero" className="mx-auto px-4 md:px-6">
+      <div id="packages-page-hero" data-section="packages-page-hero">
        <HeroBillboardGallery
-          title="Event Packages & Booking Options"
+          title="Event Packages & Pricing"
-          description="Professional face painting and body art packages designed for every event type. Choose from flexible pricing, customize your experience, and book your entertainment today."
+          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="Book Your Entertainment"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
-            { text: "View Packages", href: "#packages-pricing" },
+            {
-            { text: "Contact Us", 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?_wi=1",              imageAlt: "Professional face painting event entertainment"},
+              imageSrc: "http://img.b2bpic.net/free-photo/dreamy-eyes-woman-smiling-festival_23-2148338055.jpg?_wi=4",
              imageAlt: "Event face painting packages",
            },
          ]}
          mediaAnimation="opacity"
          titleClassName="text-5xl font-extrabold"
          descriptionClassName="text-lg opacity-90"
          ariaLabel="Packages page hero section"
          className="min-h-screen"
          containerClassName="flex flex-col lg:flex-row items-center justify-between gap-12"
          titleClassName="text-5xl lg:text-6xl font-extrabold leading-tight"
          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="packages-pricing" data-section="packages-pricing" className="mx-auto px-4 md:px-6">
+      <div id="packages-pricing" data-section="packages-pricing">
        <PricingCardFive
          title="Our Event Packages"
-          description="Transparent, flexible pricing for every event type. All packages include professional service, quality materials, and our commitment to making your event memorable."
+          description="Simple, flexible pricing tailored to your event needs. All packages include professional service, artistic creativity, and great customer care."
          tag="Flexible Pricing"
          tagIcon={DollarSign}
          tagAnimation="slide-up"
          textboxLayout="default"
          animationType="scale-rotate"
          useInvertedBackground={false}
          plans={[
            {
-              id: "kids-party-basic",              tag: "Popular",              tagIcon: Users,
+              id: "pkg-birthday-basic",
-              price: "$150",              period: "per hour",              description: "Perfect for small birthday celebrations with basic designs",              button: { text: "Book Package", href: "/contact" },
+              tag: "Great Start",
-              featuresTitle: "Package Includes",              features: [
+              price: "$150",
-                "Up to 15 children",                "Colorful, playful designs",                "Face painting only",                "Setup & teardown",                "Artist materials provided"],
+              period: "per hour",
-            },
+              description: "Perfect for small birthday celebrations",
-            {
+              button: {
-              id: "kids-party-deluxe",              tag: "Best Value",              tagIcon: Check,
+                text: "Request Quote",
-              price: "$200",              period: "per 2 hours",              description: "Full party entertainment with premium designs and add-ons",              button: { text: "Book Package", href: "/contact" },
+                href: "/contact",
-              featuresTitle: "Package Includes",              features: [
+              },
-                "Up to 25 children",                "Custom themed designs",                "Face painting & temporary tattoos",                "Interactive entertainment",                "Professional quality assured"],
+              featuresTitle: "Includes",
-            },
+              features: [
-            {
+                "Up to 15 children",
-              id: "festival-event",              tag: "High-Volume",              tagIcon: Zap,
+                "Face painting only",
-              price: "$250",              period: "per 3 hours",              description: "Fast, artistic designs for festivals and outdoor events",              button: { text: "Book Package", href: "/contact" },
+                "Colorful themed designs",
-              featuresTitle: "Package Includes",              features: [
+                "Basic design themes",
-                "High-capacity crowd service",                "Fast artistic designs",                "Portable setup station",                "Setup & teardown included",                "Multiple artist option available"],
+                "Professional face paints",
            },
            {
              id: "corporate-event",              tag: "Professional",              tagIcon: Music,
              price: "$300",              period: "per 4 hours",              description: "Premium service for corporate events and brand activations",              button: { text: "Book Package", href: "/contact" },
              featuresTitle: "Package Includes",              features: [
                "Professional branded designs",                "Custom theme integration",                "Extended hours available",                "Multiple artist coordination",                "Premium materials & finishes"],
            },
          ]}
          buttons={[{ text: "Contact for Custom Quote", href: "/contact" }]}
          buttonAnimation="blur-reveal"
          ariaLabel="Pricing section with package options"
          containerClassName="gap-12"
          cardContentClassName=""
          planTagClassName=""
          planPriceClassName=""
        />
      </div>
      <div id="packages-details" data-section="packages-details" className="mx-auto px-4 md:px-6">
        <FeatureCardTen
          title="What's Included in Every Package"
          description="All Paintasy packages come with professional service, quality materials, and our commitment to your event's success."
          tag="Package Details"
          tagIcon={Check}
          tagAnimation="slide-up"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={true}
          features={[
            {
              id: "package-details-1",              title: "Professional Artist Service",              description: "Our trained, experienced face painting artists deliver high-quality designs. We arrive on time, set up professionally, and ensure every guest receives outstanding service.",              media: {
                imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-adult-man-his-30s-that-is-painting-big-canvas-with-lot-brushes-palette-while-sitting-floor-art-studio_662251-323.jpg?_wi=1",                imageAlt: "Professional face painting artist at work"},
              items: [
                { icon: Sparkles, text: "Trained professionals" },
                { icon: Check, text: "Punctual & reliable" },
                { icon: Users, text: "Guest-focused service" },
              ],
              reverse: false,
            },
            {
-              id: "package-details-2",              title: "Premium Materials & Hygiene",              description: "We use professional-grade, hypoallergenic face paints and follow strict hygiene protocols. Clean brushes, sanitized tools, and safe products for all skin types ensure a worry-free experience.",              media: {
+              id: "pkg-birthday-deluxe",
-                imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-brush-close-up_23-2148966902.jpg?_wi=1",                imageAlt: "Professional quality face painting materials"},
+              tag: "Most Popular",
-              items: [
+              price: "$200",
-                { icon: Check, text: "Hypoallergenic products" },
+              period: "per 2 hours",
-                { icon: Sparkles, text: "Strict hygiene standards" },
+              description: "Full party entertainment package",
-                { icon: Music, text: "Safe for all ages" },
+              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: "pkg-birthday-premium",
              tag: "Best Value",
              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",
              ],
              reverse: true,
            },
          ]}
          buttons={[{ text: "Request a Quote", href: "/contact" }]}
          buttonAnimation="blur-reveal"
          ariaLabel="Package details and inclusions"
          containerClassName="gap-12"
          itemClassName=""
          mediaWrapperClassName=""
        />
      </div>
      <div id="packages-faq" data-section="packages-faq" className="mx-auto px-4 md:px-6">
        <FaqBase
          title="Booking & Package FAQs"
          description="Everything you need to know about our packages and booking process."
          tag="Questions?"
          tagIcon={DollarSign}
          tagAnimation="slide-up"
          textboxLayout="default"
          animationType="smooth"
          faqsAnimation="slide-up"
          useInvertedBackground={true}
          showCard={true}
          faqs={[
            {
              id: "booking-faq-1",              title: "How do I book a package?",              content: "Simply click 'Book Package' or 'Contact Us' and fill out the booking form with your event details. We'll confirm availability, discuss any customizations, and finalize the details. You can also call us directly at the phone number provided."},
            {
              id: "booking-faq-2",              title: "What is your booking timeline?",              content: "We recommend booking 2-3 weeks in advance for regular events. For large festivals or peak seasons, 4-6 weeks is ideal. Last-minute bookings may be available depending on our schedule—contact us to check availability."},
            {
              id: "booking-faq-3",              title: "Do you offer custom package pricing?",              content: "Absolutely! Our packages are flexible. If you need something different—different duration, larger group, or additional services—we can create a custom package tailored to your event. Contact us to discuss your specific needs."},
            {
              id: "booking-faq-4",              title: "What's the cancellation or rescheduling policy?",              content: "We offer flexible rescheduling up to 7 days before your event at no charge. Cancellations made 14+ days in advance receive a full refund. Cancellations within 7 days may incur fees. Contact us for specific details."},
            {
              id: "booking-faq-5",              title: "Can I add more hours or upgrade my package?",              content: "Yes! You can add additional hours, upgrade designs, or add services like body painting at any time. Additional hours are typically charged at the hourly rate specified in your package. Discuss upgrades when booking or contact us anytime."},
            {
              id: "booking-faq-6",              title: "What payment methods do you accept?",              content: "We accept all major credit cards, PayPal, bank transfers, and cash. A deposit is required to secure your booking, with the balance due before the event. Contact us for specific payment details."},
            {
              id: "booking-faq-7",              title: "Do you travel to events outside the area?",              content: "Yes, we service regional events! Travel fees may apply for locations outside our standard service area. Contact us with your event location, and we'll provide a custom quote including travel costs."},
            {
              id: "booking-faq-8",              title: "Can you work with large groups or multiple artists?",              content: "Definitely! For large events, we can coordinate multiple artists to handle high volume efficiently. This ensures every guest gets painted without excessive wait times. Discuss group sizes when booking."},
          ]}
          buttons={[{ text: "Book Now", href: "/contact" }]}
          buttonAnimation="blur-reveal"
          ariaLabel="Packages FAQ section"
          containerClassName="gap-12"
          accordionClassName=""
          accordionTitleClassName=""
        />
      </div>
      <div id="packages-contact" data-section="packages-contact" className="mx-auto px-4 md:px-6">
        <ContactText
          text="Ready to book your event? Let's create an unforgettable experience with Paintasy Face and Body Art. Contact us today to discuss your package, ask questions, and secure your date."
          animationType="background-highlight"
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
          buttons={[
-            { text: "Get Your Quote", href: "/contact" },
+            {
-            { text: "Call Us Now", href: "tel:+15551234567" },
+              text: "Schedule Consultation",
              href: "/contact",
            },
          ]}
-          ariaLabel="Packages contact call-to-action"
+          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="packages-footer" data-section="packages-footer" 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>
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -12,18 +12,19 @@ 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 Head from 'next/head';
+
 export const metadata = {
  title: "Paintasy Face and Body Art - Professional Face Painting & Body Art Services",  description: "Professional face painting and body art services for kids parties, festivals, and corporate events. Expert face painters specializing in creative designs. Book your event today!",  keywords: "face painting, body art, face painter, kids face painting, festival face painting, party entertainment, face design, professional face painter"};
 export 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: "Booking", id: "booking" },
+    { name: "Contact", id: "/contact" },
    { name: "Contact", id: "contact" },
  ];
  const footerColumns = [
@@ -38,27 +39,26 @@ export default function HomePage() {
    },
    {
      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" },
      ],
    },
    {
-      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: "Regional Coverage", href: "/contact" },
-        { label: "Book Now", href: "/booking" },
+        { label: "Book Now", href: "#packages-home" },
        { label: "Get Quote", href: "/contact" },
      ],
    },
@@ -82,41 +82,41 @@ export default function HomePage() {
          brandName="Paintasy"
          navItems={navItems}
          bottomLeftText="Creative Face & Body Art"
-          bottomRightText="paintasy@events.com"
+          bottomRightText="Follow: @paintasy_art on Instagram"
        />
      </div>
-      <div id="hero-home" data-section="hero-home" className="mx-auto px-4 md:px-6 lg:px-8">
+      <div id="hero-home" data-section="hero-home" className="mx-auto px-4 md:px-6">
        <HeroBillboardGallery
-          title="Professional Face Painting & Body Art for Events"
+          title="Paintasy Face and Body Art"
-          description="Transform your event with expert face painting and body art. Paintasy delivers professional, creative entertainment for birthday parties, festivals, corporate events, and special occasions. Book professional face painters for your celebration today."
+          description="Professional face painting and body art for parties, festivals, corporate events, and special occasions. Transform your event with creativity and color. Follow us for artistic inspiration!"
          background={{ variant: "radial-gradient" }}
          tag="Creative Entertainment"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
-            { text: "Book Your Event", href: "/booking" },
+            { text: "Book Your Event", href: "#packages-home" },
            { text: "View Our Gallery", href: "/gallery" },
          ]}
          buttonAnimation="blur-reveal"
          mediaItems={[
            {
-              imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-make-up-woman-wearing-mask_23-2148784326.jpg?_wi=2",              imageAlt: "Professional face painting at event"},
+              imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-make-up-woman-wearing-mask_23-2148784326.jpg",              imageAlt: "Professional face painting at event"},
          ]}
          mediaAnimation="opacity"
-          ariaLabel="Hero section with professional face painting showcase"
+          ariaLabel="Hero section with face painting showcase"
          className="min-h-screen"
-          containerClassName="flex flex-col lg:flex-row items-center justify-between gap-8 lg:gap-12"
+          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"
        />
      </div>
-      <div id="about-home" data-section="about-home" className="mx-auto px-4 md:px-6 lg:px-8">
+      <div id="about-home" data-section="about-home" className="mx-auto px-4 md:px-6">
        <MetricSplitMediaAbout
-          title="About Paintasy - Expert Face Painting Services"
+          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 across the region. Our trained professional artists are dedicated to delivering exceptional service, vibrant designs, and unforgettable experiences for every event."
+          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"
@@ -132,16 +132,16 @@ export default function HomePage() {
          metricsAnimation="slide-up"
          useInvertedBackground={false}
          ariaLabel="About section with company information"
-          containerClassName="gap-8 lg:gap-12"
+          containerClassName="gap-12"
-          titleClassName="text-3xl sm:text-4xl lg:text-5xl 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-home" data-section="services-home" className="mx-auto px-4 md:px-6 lg:px-8">
+      <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 services tailored for every occasion. From intimate birthday parties to large festival events, we deliver creativity, joy, and exceptional entertainment."
+          description="Professional face painting and body art tailored for every occasion. From intimate birthday parties to large festival events, we deliver creativity and joy. Share your experience with us on social media!"
          tag="Services"
          tagIcon={Palette}
          tagAnimation="slide-up"
@@ -150,7 +150,7 @@ export default function HomePage() {
          useInvertedBackground={true}
          features={[
            {
-              id: "kids-party",              title: "Kids Party Face Painting",              description: "Fun, colorful face painting designs perfect for birthday celebrations. Butterflies, superheroes, animals, princesses, and more.",              media: {
+              id: "kids-party",              title: "Kids Party Face Painting",              description: "Fun, colorful designs perfect for birthday celebrations. Butterflies, superheroes, animals, and princesses.",              media: {
                imageSrc: "http://img.b2bpic.net/free-photo/dreamy-eyes-woman-smiling-festival_23-2148338055.jpg?_wi=1",                imageAlt: "Kids party face painting designs"},
              items: [
                { icon: Sparkles, text: "Colorful & playful designs" },
@@ -160,7 +160,7 @@ export default function HomePage() {
              reverse: false,
            },
            {
-              id: "festival",              title: "Festival Face Art & Body Painting",              description: "Fast, creative designs perfect for large crowds and outdoor events. Artistic flair meets quick service for maximum event impact.",              media: {
+              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"},
              items: [
                { icon: Zap, text: "Fast service for crowds" },
@@ -170,7 +170,7 @@ export default function HomePage() {
              reverse: true,
            },
            {
-              id: "corporate",              title: "Corporate Event Entertainment",              description: "Professional face painting for company parties, brand activations, and team celebrations with branded design options.",              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 face painting"},
              items: [
                { icon: Briefcase, text: "Professional & polished service" },
@@ -182,17 +182,16 @@ export default function HomePage() {
          ]}
          buttons={[{ text: "Explore All Services", href: "/services" }]}
          buttonAnimation="blur-reveal"
-          ariaLabel="Services section showcasing face painting offerings"
+          ariaLabel="Services section showcasing offerings"
-          containerClassName="gap-8 lg:gap-12"
+          containerClassName="gap-12"
          itemClassName=""
          mediaWrapperClassName=""
        />
      </div>
-      <div id="packages-home" data-section="packages-home" className="mx-auto px-4 md:px-6 lg:px-8">
+      <div id="packages-home" data-section="packages-home" className="mx-auto px-4 md:px-6">
        <PricingCardFive
-          title="Face Painting Event Packages"
+          title="Event Packages"
-          description="Simple, flexible pricing for face painting services at parties, festivals, and corporate events. Each package includes professional service and artistic creativity."
+          description="Simple, flexible pricing for parties, festivals, and corporate events. Each package includes professional service and artistic creativity. Follow our portfolio on Instagram for event gallery inspiration!"
          tag="Transparent Pricing"
          tagIcon={DollarSign}
          tagAnimation="slide-up"
@@ -201,35 +200,35 @@ export default function HomePage() {
          useInvertedBackground={false}
          plans={[
            {
-              id: "birthday-basic",              tag: "Popular",              price: "$150",              period: "per hour",              description: "Perfect for small birthday celebrations",              button: { text: "Request Quote", href: "/booking" },
+              id: "birthday-basic",              tag: "Popular",              price: "$150",              period: "per hour",              description: "Perfect for small birthday celebrations",              button: { text: "Request Quote", href: "/contact" },
              featuresTitle: "What's Included",              features: [
                "Up to 15 kids",                "Colorful themed designs",                "Face painting only",                "Basic design themes"],
            },
            {
-              id: "birthday-deluxe",              tag: "Best Value",              price: "$200",              period: "per 2 hours",              description: "Full party entertainment package",              button: { text: "Request Quote", href: "/booking" },
+              id: "birthday-deluxe",              tag: "Best Value",              tagIcon: Heart,              price: "$200",              period: "2 hours - Best Value",              description: "Full party entertainment package",              button: { text: "Request Quote", href: "/contact" },
              featuresTitle: "What's Included",              features: [
                "Up to 25 kids",                "Custom themed designs",                "Face & temporary tattoos",                "Interactive entertainment"],
            },
            {
-              id: "festival-event",              tag: "Flexible",              price: "$250",              period: "per 3 hours",              description: "Festival and outdoor event service",              button: { text: "Request Quote", href: "/booking" },
+              id: "festival-event",              tag: "Flexible",              price: "$250",              period: "per 3 hours",              description: "Festival and outdoor event service",              button: { text: "Request Quote", href: "/contact" },
              featuresTitle: "What's Included",              features: [
                "High-capacity crowd service",                "Fast artistic designs",                "Setup & teardown included",                "Portable station"],
            },
          ]}
-          buttons={[{ text: "View All Packages", href: "/packages" }]}
+          buttons={[{ text: "View All Packages", href: "#packages-home" }]}
          buttonAnimation="blur-reveal"
          ariaLabel="Pricing section with package options"
-          containerClassName="gap-8 lg:gap-12"
+          containerClassName="gap-12"
-          cardContentClassName=""
+          textBoxTitleClassName="text-4xl font-extrabold"
-          planTagClassName=""
+          textBoxDescriptionClassName="text-lg opacity-90 max-w-3xl"
-          planPriceClassName=""
+          cardClassName="p-8"
        />
      </div>
-      <div id="testimonials-home" data-section="testimonials-home" className="mx-auto px-4 md:px-6 lg:px-8">
+      <div id="testimonials-home" data-section="testimonials-home" className="mx-auto px-4 md:px-6">
        <TestimonialCardTwo
-          title="Client Testimonials - Face Painting Reviews"
+          title="What Our Clients Say"
-          description="Real testimonials from happy clients who've booked Paintasy for their events and celebrations."
+          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"
@@ -257,19 +256,19 @@ export default function HomePage() {
              id: "testimonial-6",              name: "Thomas Wilson",              role: "Event Manager",              testimonial: "From consultation to execution, Paintasy was excellent. They delivered exactly what we envisioned for our community event. A+",              imageSrc: "http://img.b2bpic.net/free-photo/man-covered-different-colors-holi_23-2148337991.jpg?_wi=2",              imageAlt: "Community event face painting",              icon: Star,
            },
          ]}
-          buttons={[{ text: "Book Now", href: "/booking" }]}
+          buttons={[{ text: "Book Now", href: "#packages-home" }]}
          buttonAnimation="blur-reveal"
          ariaLabel="Client testimonials section"
-          containerClassName="gap-8 lg:gap-12"
+          containerClassName="gap-12"
-          imageWrapperClassName=""
+          textBoxTitleClassName="text-4xl font-extrabold"
-          roleClassName=""
+          textBoxDescriptionClassName="text-lg opacity-90 max-w-3xl"
        />
      </div>
-      <div id="gallery-preview-home" data-section="gallery-preview-home" className="mx-auto px-4 md:px-6 lg:px-8">
+      <div id="gallery-preview-home" data-section="gallery-preview-home" className="mx-auto px-4 md:px-6">
        <ProductCardFour
-          title="Photo Gallery - Face Painting Portfolio"
+          title="Photo Gallery Showcase"
-          description="Real photos from our events and happy clients. Browse our portfolio of professional face painting and body art work."
+          description="Real photos from our events and happy clients. Browse our portfolio of face painting and body art work. Tag us with your event photos on Instagram @paintasy_art!"
          tag="Portfolio"
          tagIcon={Camera}
          tagAnimation="slide-up"
@@ -291,27 +290,26 @@ export default function HomePage() {
          buttons={[{ text: "View Full Gallery", href: "/gallery" }]}
          buttonAnimation="blur-reveal"
          ariaLabel="Photo gallery preview section"
-          containerClassName="gap-8 lg:gap-12"
+          containerClassName="gap-12"
-          cardNameClassName=""
+          textBoxTitleClassName="text-4xl font-extrabold"
-          cardPriceClassName=""
+          textBoxDescriptionClassName="text-lg opacity-90 max-w-3xl"
        />
      </div>
-      <div id="faq-home" data-section="faq-home" className="mx-auto px-4 md:px-6 lg:px-8">
+      <div id="faq-home" data-section="faq-home" className="mx-auto px-4 md:px-6">
        <FaqBase
-          title="Face Painting FAQ - Frequently Asked Questions"
+          title="Frequently Asked Questions"
-          description="Everything you need to know about booking Paintasy for your event."
+          description="Everything you need to know about booking Paintasy for your event. Have more questions? Follow us on social media @paintasy_art for creative tips and inspiration!"
          tag="FAQ"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          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 large events or peak seasons, 4-6 weeks advance booking is ideal. Last-minute bookings may be available depending on our schedule."},
+              id: "faq-1",              title: "How far in advance should I book?",              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?",              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."},
            {
@@ -319,22 +317,22 @@ export default function HomePage() {
            {
              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 do custom face painting designs?",              content: "Yes! We specialize in custom face painting designs for themed parties and corporate events. Please provide theme details or reference images when booking. There may be a small additional fee for very complex custom designs."},
+              id: "faq-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."},
+              id: "faq-6",              title: "What's included in your packages?",              content: "All packages include professional face painting service, setup and teardown, and our artist's materials. Some packages include additional services like temporary tattoos or body painting. Check specific package details for what's included."},
          ]}
-          buttons={[{ text: "Book Your Event", href: "/booking" }]}
+          buttons={[{ text: "Book Your Event", href: "#packages-home" }]}
          buttonAnimation="blur-reveal"
          ariaLabel="FAQ section with common questions"
-          containerClassName="gap-8 lg:gap-12"
+          containerClassName="gap-12"
-          accordionClassName=""
+          textBoxTitleClassName="text-4xl font-extrabold"
-          accordionTitleClassName=""
+          textBoxDescriptionClassName="text-lg opacity-90 max-w-3xl"
        />
      </div>
-      <div id="contact-home" data-section="contact-home" className="mx-auto px-4 md:px-6 lg:px-8">
+      <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."
+          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}
@@ -343,20 +341,20 @@ export default function HomePage() {
            { text: "Call Us", href: "tel:+15551234567" },
          ]}
          ariaLabel="Contact call-to-action section"
-          containerClassName="py-12 sm:py-16 lg:py-20"
+          containerClassName="py-16"
          contentClassName="max-w-3xl mx-auto"
-          textClassName="text-2xl sm:text-3xl lg: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"
        />
      </div>
-      <div id="footer-home" data-section="footer-home" className="mx-auto px-4 md:px-6 lg:px-8">
+      <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 links"
-          containerClassName="gap-8 lg:gap-12"
+          containerClassName="gap-12"
          columnsClassName="grid-cols-2 lg:grid-cols-4"
          columnTitleClassName="font-extrabold text-lg"
          columnItemClassName="hover:opacity-70 transition-opacity"
@@ -364,4 +362,4 @@ export default function HomePage() {
      </div>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -5,36 +5,40 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
 import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import { Sparkles, Palette, Heart, Smile, Zap, Music, Briefcase, Target, Users, Star, DollarSign } 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: "/" },
-    { name: "Services", id: "/services" },
+    { name: "Services", id: "services" },
    { name: "Gallery", id: "/gallery" },
-    { name: "Packages", id: "/packages" },
+    { name: "Packages", id: "packages" },
-    { name: "About", id: "/about" },
+    { name: "About", id: "/#about-home" },
    { 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: "Packages", href: "/packages" },
+        { label: "Packages", href: "#packages" },
-        { label: "FAQ", href: "/" },
+        { 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,38 +83,39 @@ export default function ServicesPage() {
        />
      </div>
-      <div id="services-hero" data-section="services-hero" className="mx-auto px-4 md:px-6 lg:px-8">
+      <div id="services-hero" data-section="services-hero" className="mx-auto px-4 md:px-6">
        <HeroBillboardGallery
-          title="Professional Face Painting & Body Art Services"
+          title="Our Professional Services"
-          description="Paintasy offers comprehensive face painting and body art services for every occasion. From intimate birthday parties to large-scale festivals, our professional artists bring creativity, color, and joy to your 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="All Services"
+          tag="Detailed Service Offerings"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
-            { text: "Browse Services", href: "#services-list" },
+            { text: "Book Your Event", href: "#packages" },
-            { text: "Get a Quote", href: "/contact" },
+            { text: "Contact Us", href: "/contact" },
          ]}
          buttonAnimation="blur-reveal"
          mediaItems={[
            {
-              imageSrc: "http://img.b2bpic.net/free-photo/rainbow-face-paint-art_23-2148621847.jpg?_wi=2",              imageAlt: "Vibrant face painting services showcase"},
+              imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-make-up-woman-wearing-mask_23-2148784326.jpg",              imageAlt: "Professional face painting services showcase"
            },
          ]}
          mediaAnimation="opacity"
          ariaLabel="Services hero section"
          className="min-h-screen"
-          containerClassName="flex flex-col lg:flex-row items-center justify-between gap-8 lg:gap-12"
+          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"
        />
      </div>
-      <div id="services-list" data-section="services-list" className="mx-auto px-4 md:px-6 lg:px-8 py-16 md:py-24">
+      <div id="services" data-section="services" className="mx-auto px-4 md:px-6">
        <FeatureCardTen
-          title="Our Complete Service Menu"
+          title="Complete Service Offerings"
-          description="Choose from our range of professional face and body art services, each designed for specific occasions and clientele."
+          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"
+          tag="All Services"
          tagIcon={Palette}
          tagAnimation="slide-up"
          textboxLayout="default"
@@ -118,78 +123,85 @@ export default function ServicesPage() {
          useInvertedBackground={true}
          features={[
            {
-              id: "kids-party",              title: "Kids Party Face Painting",              description: "Fun, safe, and colorful face painting designs perfect for children's birthday parties. From butterflies and animals to superheroes and princesses, we create magical moments for kids. All paints are hypoallergenic and dermatologist-tested.",              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/child-with-colorful-face-paint_23-2148412356.jpg?_wi=1",                imageAlt: "Kids enjoying colorful face painting"},
+                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: Heart, text: "Child-safe products" },
+                { icon: Sparkles, text: "Colorful & playful designs" },
-                { icon: Smile, text: "Quick, fun designs" },
+                { icon: Heart, text: "Safe, child-friendly products" },
-                { icon: Sparkles, text: "Memorable moments" },
+                { icon: Smile, text: "Quick turnaround per child" },
              ],
              reverse: false,
            },
            {
-              id: "festival",              title: "Festival & Event Face Art",              description: "Fast, impressive designs for large outdoor events, music festivals, and community gatherings. Our artists excel at high-volume service without compromising quality, perfect for busy festival environments.",              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/festival-face-painting-crowd_23-2148723145.jpg?_wi=1",                imageAlt: "Festival attendees with artistic face painting"},
+                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: "High-volume service" },
+                { icon: Zap, text: "Fast service for crowds" },
-                { icon: Star, text: "Professional designs" },
+                { icon: Star, text: "Creative artistic designs" },
-                { icon: Music, text: "Event-perfect timing" },
+                { icon: Music, text: "Perfect for music & outdoor events" },
              ],
              reverse: true,
            },
            {
-              id: "corporate",              title: "Corporate Event Entertainment",              description: "Professional face painting for company parties, brand activations, team-building events, and corporate celebrations. We offer branded design options and maintain a polished, professional demeanor throughout.",              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/corporate-event-entertainment_23-2148945632.jpg?_wi=1",                imageAlt: "Professional corporate event entertainment"},
+                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 service" },
+                { icon: Briefcase, text: "Professional & polished service" },
-                { icon: Target, text: "Branded options" },
+                { icon: Target, text: "Branded design options available" },
-                { icon: Users, text: "Team building" },
+                { icon: Users, text: "Great for team building" },
              ],
              reverse: false,
            },
            {
-              id: "body-art",              title: "Body Painting & Art",              description: "Stunning full-body art and temporary body painting for special events, themed parties, photo shoots, and artistic projects. Our body painting artists create wearable masterpieces that turn heads.",              media: {
+              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/body-art-painting_23-2149156247.jpg?_wi=1",                imageAlt: "Professional body art and painting"},
+                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: Sparkles, text: "Artistic mastery" },
+                { icon: Palette, text: "Artistic full-body designs" },
-                { icon: Heart, text: "Creative designs" },
+                { icon: Star, text: "Perfect for themed events" },
-                { icon: Star, text: "Photo-worthy art" },
+                { icon: Award, text: "Professional finish" },
              ],
              reverse: true,
            },
            {
-              id: "custom",              title: "Custom & Themed Designs",              description: "Create personalized face art tailored to your event's theme. Provide us with inspiration and we'll bring your vision to life with custom designs. Perfect for themed parties, cosplay events, and special celebrations.",              media: {
+              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/custom-themed-face-art_23-2149267841.jpg?_wi=1",                imageAlt: "Creative custom themed face designs"},
+                imageSrc: "http://img.b2bpic.net/free-photo/fun-portrait-with-decorations-face_23-2150749319.jpg?_wi=1",                imageAlt: "Custom themed face painting"
              },
              items: [
-                { icon: Target, text: "Custom designs" },
+                { icon: Sparkles, text: "Fully customizable designs" },
-                { icon: Palette, text: "Theme-based art" },
+                { icon: Palette, text: "Theme-specific artwork" },
-                { icon: Sparkles, text: "Personalized service" },
+                { icon: Heart, text: "Personalized service" },
              ],
              reverse: false,
            },
            {
-              id: "tattoo",              title: "Temporary Tattoos & Accessories",              description: "Complement face painting with safe, temporary tattoos and artistic body accessories. Great for adding extra flair to any face painting design or standalone service.",              media: {
+              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/temporary-tattoo-design_23-2149156325.jpg?_wi=1",                imageAlt: "Colorful temporary tattoo 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: "Special occasion face painting"
              },
              items: [
-                { icon: Heart, text: "Safe temporary tattoos" },
+                { icon: Heart, text: "Memorable entertainment" },
-                { icon: Zap, text: "Quick application" },
+                { icon: Users, text: "Event planner coordination" },
-                { icon: Smile, text: "Extra style" },
+                { icon: Star, text: "Flexible customization" },
              ],
              reverse: true,
            },
          ]}
-          buttons={[{ text: "Book Your Service", href: "/packages" }]}
+          buttons={[{ text: "View Packages", href: "#packages" }]}
          buttonAnimation="blur-reveal"
-          ariaLabel="Services list with detailed descriptions"
+          ariaLabel="Detailed service offerings section"
-          containerClassName="gap-8 lg:gap-12"
+          containerClassName="gap-12"
          itemClassName=""
        />
      </div>
-      <div id="services-pricing" data-section="services-pricing" className="mx-auto px-4 md:px-6 lg:px-8 py-16 md:py-24">
+      <div id="packages" data-section="packages" className="mx-auto px-4 md:px-6">
        <PricingCardFive
          title="Service Packages & Pricing"
-          description="Transparent, flexible pricing for all our face painting services. Choose the package that fits your event size and needs."
+          description="Flexible pricing for all event types and sizes. Each package includes professional service, all materials, and our commitment to exceptional entertainment."
-          tag="Pricing"
+          tag="Transparent Pricing"
          tagIcon={DollarSign}
          tagAnimation="slide-up"
          textboxLayout="default"
@@ -197,53 +209,123 @@ export default function ServicesPage() {
          useInvertedBackground={false}
          plans={[
            {
-              id: "starter",              tag: "Entry Level",              price: "$100",              period: "per hour",              description: "Perfect for small gatherings and short events",              button: { text: "Inquire", href: "/contact" },
+              id: "kids-party-package",              tag: "Popular",              price: "$150",              period: "per hour",              description: "Perfect for small birthday celebrations",              button: { text: "Request Quote", href: "/contact" },
-              featuresTitle: "Included",              features: [
+              featuresTitle: "What's Included",              features: [
-                "Up to 10 people",                "Standard designs",                "Face painting only",                "Portable setup"],
+                "Up to 15 kids",                "Colorful themed designs",                "Face painting only",                "Basic design themes"
              ],
            },
            {
-              id: "professional",              tag: "Most Popular",              price: "$200",              period: "per 2 hours",              description: "Ideal for birthday parties and medium events",              button: { text: "Book Now", href: "/packages" },
+              id: "party-deluxe-package",              tag: "Best Value",              tagIcon: Heart,
-              featuresTitle: "Included",              features: [
+              price: "$200",              period: "2 hours - Best Value",              description: "Full party entertainment package",              button: { text: "Request Quote", href: "/contact" },
-                "Up to 25 people",                "Custom designs",                "Face & temporary tattoos",                "Professional setup"],
+              featuresTitle: "What's Included",              features: [
                "Up to 25 kids",                "Custom themed designs",                "Face & temporary tattoos",                "Interactive entertainment"
              ],
            },
            {
-              id: "premium",              tag: "Best Value",              price: "$400",              period: "per 4 hours",              description: "Comprehensive service for large events",              button: { text: "Request Quote", href: "/contact" },
+              id: "festival-package",              tag: "Flexible",              price: "$250",              period: "per 3 hours",              description: "Festival and outdoor event service",              button: { text: "Request Quote", href: "/contact" },
-              featuresTitle: "Included",              features: [
+              featuresTitle: "What's Included",              features: [
-                "Unlimited guests",                "Premium designs",                "Face, body art & tattoos",                "Setup & teardown"],
+                "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: "View All Packages", href: "/packages" }]}
+          buttons={[{ text: "Contact for Custom Quote", href: "/contact" }]}
          buttonAnimation="blur-reveal"
-          ariaLabel="Service pricing and packages"
+          ariaLabel="Service packages and pricing"
-          containerClassName="gap-8 lg:gap-12"
+          containerClassName="gap-12"
          textBoxTitleClassName="text-4xl font-extrabold"
          textBoxDescriptionClassName="text-lg opacity-90 max-w-3xl"
          cardClassName="p-8"
        />
      </div>
-      <div id="services-cta" data-section="services-cta" className="mx-auto px-4 md:px-6 lg:px-8 py-16 md:py-24">
+      <div id="faq" data-section="faq" className="mx-auto px-4 md:px-6">
        <FaqBase
          title="Service Questions"
          description="Find answers to common questions about our face painting and body art services."
          tag="FAQ"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          textboxLayout="default"
          faqsAnimation="slide-up"
          useInvertedBackground={true}
          showCard={true}
          faqs={[
            {
              id: "faq-1",              title: "What face paints do you use?",              content: "We use only professional-grade, hypoallergenic face paints that are non-toxic, dermatologist-tested, and approved for use on sensitive skin. All products are water-based and easy to remove. We maintain strict hygiene standards, using fresh brushes and sanitized tools for each client."},
            {
              id: "faq-2",              title: "How far in advance should I book?",              content: "We recommend booking 2-3 weeks in advance for standard bookings. For large events, festivals, or peak season dates, 4-6 weeks is ideal. Last-minute bookings may be available depending on our schedule. Contact us to check availability."},
            {
              id: "faq-3",              title: "How long does face painting take per person?",              content: "Simple designs typically take 3-5 minutes, while custom or detailed designs take 8-12 minutes. At festivals, we optimize for speed while maintaining quality. For parties, we allow more time for interaction and personalization. Average throughput is 8-12 people per hour."},
            {
              id: "faq-4",              title: "Do you accommodate skin allergies?",              content: "Absolutely. We have hypoallergenic options available and welcome discussion of specific allergies when booking. We can perform patch tests before application and always prioritize client safety and comfort."},
            {
              id: "faq-5",              title: "Can you create custom designs?",              content: "Yes! We specialize in custom designs for themed events, corporate branding, and special occasions. Share your theme or provide reference images during booking. Complex custom designs may incur an additional fee, discussed during consultation."},
            {
              id: "faq-6",              title: "What areas do you service?",              content: "We provide local and regional coverage for parties, festivals, and events. Travel fees may apply for events outside our standard service area. Contact us to discuss your location and event details."},
            {
              id: "faq-7",              title: "Do you provide setup and teardown?",              content: "Yes, all packages include professional setup and teardown. We bring portable stations, tables, and all necessary equipment. We set up 30 minutes before your event and clean up afterward."},
            {
              id: "faq-8",              title: "What about body painting services?",              content: "Body painting is available for larger designs covering arms, legs, and torso areas. It requires longer application times and is best for smaller groups. Ideal for themed parties, art installations, or special celebrations. Inquire about custom body art pricing."},
            {
              id: "faq-9",              title: "Can I book multiple artists?",              content: "For large events, we can provide multiple artists to serve more guests efficiently. This is available through our full-day packages or custom quotes. Contact us to discuss your guest count and timeline."},
            {
              id: "faq-10",              title: "What if the event is cancelled or rescheduled?",              content: "We offer flexible rescheduling up to 7 days before your event with no penalty. Cancellations within 7 days may incur a fee. Full details are included in our booking agreement. Contact us to discuss cancellation policies."},
          ]}
          buttons={[{ text: "Book Your Service", href: "/contact" }]}
          buttonAnimation="blur-reveal"
          ariaLabel="Service FAQ section"
          containerClassName="gap-12"
          textBoxTitleClassName="text-4xl font-extrabold"
          textBoxDescriptionClassName="text-lg opacity-90 max-w-3xl"
        />
      </div>
      <div id="contact-cta" data-section="contact-cta" className="mx-auto px-4 md:px-6">
        <ContactText
-          text="Ready to bring creative entertainment to your event? Contact Paintasy today to discuss your service needs, get personalized recommendations, and book your professional face painters."
+          text="Ready to book your service? Contact Paintasy Face and Body Art today. Our professional artists are ready to discuss your event and create an unforgettable experience. Let's bring creativity and color to your celebration!"
          animationType="background-highlight"
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
          buttons={[
            { text: "Request a Quote", href: "/contact" },
-            { text: "Call Now", href: "tel:+15551234567" },
+            { text: "Call Us", href: "tel:+15551234567" },
          ]}
-          ariaLabel="Services call-to-action"
+          ariaLabel="Services call-to-action section"
-          containerClassName="py-12 sm:py-16 lg:py-20"
+          containerClassName="py-16"
          contentClassName="max-w-3xl mx-auto"
-          textClassName="text-2xl sm:text-3xl lg: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"
        />
      </div>
-      <div id="footer-services" data-section="footer-services" className="mx-auto px-4 md:px-6 lg:px-8">
+      <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-8 lg:gap-12"
+          containerClassName="gap-12"
          columnsClassName="grid-cols-2 lg:grid-cols-4"
          columnTitleClassName="font-extrabold text-lg"
          columnItemClassName="hover:opacity-70 transition-opacity"
@@ -251,4 +333,4 @@ export default function ServicesPage() {
      </div>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/social-media/page.tsx
+++ b/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>
  );
 }
Author	SHA1	Message	Date
bender	abca95e53b	Update src/app/services/page.tsx	2026-03-14 05:38:06 +00:00
bender	de0a43b3d6	Update src/app/page.tsx	2026-03-14 05:38:05 +00:00
bender	d5f6e17101	Update src/app/gallery/page.tsx	2026-03-14 05:38:04 +00:00
bender	8fb30e7a16	Update src/app/contact/page.tsx	2026-03-14 05:38:04 +00:00
bender	3600205826	Update src/app/about/page.tsx	2026-03-14 05:38:03 +00:00
bender	9b389c8fd6	Update src/app/services/page.tsx	2026-03-14 05:35:33 +00:00
bender	866fe564eb	Update src/app/page.tsx	2026-03-14 05:35:32 +00:00
bender	00eded73ae	Update src/app/packages/page.tsx	2026-03-14 05:35:32 +00:00
bender	789f8fd416	Update src/app/gallery/page.tsx	2026-03-14 05:35:32 +00:00
bender	e886ac95ee	Update src/app/contact/page.tsx	2026-03-14 05:35:31 +00:00
bender	8c213a997c	Update src/app/booking/page.tsx	2026-03-14 05:35:31 +00:00
bender	c93e26d0c5	Update src/app/about/page.tsx	2026-03-14 05:35:30 +00:00
bender	896fd64721	Update src/app/social-media/page.tsx	2026-03-14 05:32:37 +00:00
bender	1bf6cb235a	Update src/app/services/page.tsx	2026-03-14 05:32:37 +00:00
bender	4012984170	Update src/app/page.tsx	2026-03-14 05:32:36 +00:00
bender	2d21088f73	Update src/app/packages/page.tsx	2026-03-14 05:32:35 +00:00
bender	7e4167e902	Update src/app/gallery/page.tsx	2026-03-14 05:32:34 +00:00
bender	8219ebe225	Update src/app/about/page.tsx	2026-03-14 05:32:33 +00:00
bender	2e2394b44d	Add src/app/social-media/page.tsx	2026-03-14 05:31:29 +00:00
bender	2a695d7bf8	Update src/app/services/page.tsx	2026-03-14 05:31:29 +00:00
bender	6423b6e7bc	Update src/app/page.tsx	2026-03-14 05:31:28 +00:00
bender	2b75cd2ca7	Update src/app/packages/page.tsx	2026-03-14 05:31:28 +00:00
bender	730282c559	Update src/app/gallery/page.tsx	2026-03-14 05:31:27 +00:00
bender	e0c25a7614	Update src/app/contact/page.tsx	2026-03-14 05:31:27 +00:00
bender	ce87861567	Update src/app/booking/page.tsx	2026-03-14 05:31:26 +00:00
bender	29f95bf118	Update src/app/about/page.tsx	2026-03-14 05:31:26 +00:00