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

---
 src/app/about/page.tsx | 181 +++++++++++++++++++++--------------------
 1 file changed, 92 insertions(+), 89 deletions(-)

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 9e885f0..505af65 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -2,21 +2,21 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import SplitAbout from '@/components/sections/about/SplitAbout';
-import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import { Palette, Sparkles, Heart, Smile, Zap, Star, Award, Briefcase, Target, Users } from 'lucide-react';
+import { Sparkles, Palette, Heart, Smile, Zap, Music, Briefcase, Target, Users, Star, Award } from 'lucide-react';
 
 export default function AboutPage() {
   const navItems = [
-    { name: "Home", id: "home" },
-    { name: "Services", id: "services" },
-    { name: "Gallery", id: "gallery" },
-    { name: "Packages", id: "packages" },
-    { name: "About", id: "about" },
-    { name: "Contact", id: "contact" },
+    { name: "Home", id: "/" },
+    { name: "Services", id: "/services" },
+    { name: "Gallery", id: "/gallery" },
+    { name: "Packages", id: "/packages" },
+    { name: "About", id: "/about" },
+    { name: "Contact", id: "/contact" },
   ];
 
   const footerColumns = [
@@ -34,7 +34,7 @@ export default function AboutPage() {
         { label: "About Us", href: "/about" },
         { label: "Gallery", href: "/gallery" },
         { label: "Packages", href: "/packages" },
-        { label: "FAQ", href: "#faq" },
+        { label: "FAQ", href: "/" },
         { label: "Contact", href: "/contact" },
       ],
     },
@@ -79,84 +79,86 @@ export default function AboutPage() {
         />
       </div>
 
-      <div id="about-page" data-section="about-page" className="mx-auto px-4 md:px-6 lg:px-8">
-        <SplitAbout
-          title="About Paintasy - Our Story & Mission"
-          description="Paintasy was founded on a simple mission: to bring color, creativity, and joy to every celebration. We believe that professional face painting and body art can transform any event into an unforgettable experience. Our team of talented artists is passionate about creating beautiful, custom designs while maintaining the highest standards of safety and hygiene."
+      <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">
+        <MetricSplitMediaAbout
+          title="Paintasy: Bringing Color and Joy to Every Celebration"
+          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."
           tag="Our Story"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
-          imageSrc="http://img.b2bpic.net/free-photo/portrait-smiling-adult-man-his-30s-that-is-painting-big-canvas-with-lot-brushes-palette-while-sitting-floor-art-studio_662251-323.jpg?_wi=1"
-          imageAlt="Paintasy founder and team working on art"
+          imageSrc="http://img.b2bpic.net/free-photo/young-artist-female-her-20s-art-studio-with-many-tools-painting_662251-1233.jpg?_wi=1"
+          imageAlt="Paintasy artists working on creative designs"
           mediaAnimation="blur-reveal"
-          textboxLayout="default"
+          metrics={[
+            { value: "15+", title: "Professional Artists" },
+            { value: "500+", title: "Events Completed" },
+            { value: "1000+", title: "Happy Faces Painted" },
+            { value: "100%", title: "Client Satisfaction" },
+          ]}
+          metricsAnimation="slide-up"
           useInvertedBackground={false}
-          imagePosition="right"
-          bulletPoints={[
-            {
-              title: "Expert Artists",              description: "Our team consists of professionally trained face painters and body artists with years of experience in event entertainment.",              icon: Palette,
-            },
-            {
-              title: "Safety First",              description: "We use only hypoallergenic, non-toxic, dermatologist-tested products. All equipment is sanitized between clients.",              icon: Heart,
-            },
-            {
-              title: "Creative Innovation",              description: "From classic designs to cutting-edge artistic styles, we continuously evolve our portfolio to keep events fresh and exciting.",              icon: Sparkles,
-            },
-          ]}
-          buttons={[{ text: "Book Our Services", href: "/packages" }]}
-          buttonAnimation="blur-reveal"
-          ariaLabel="About page - company story and values"
+          ariaLabel="About page main section"
           containerClassName="gap-8 lg:gap-12"
-          titleClassName="text-3xl sm:text-4xl lg:text-5xl font-extrabold"
-          descriptionClassName="text-base sm:text-lg opacity-90 max-w-2xl"
-        />
-      </div>
-
-      <div id="team-values" data-section="team-values" className="mx-auto px-4 md:px-6 lg:px-8">
-        <FeatureHoverPattern
-          title="Why Choose Paintasy"
-          description="We stand out in the event entertainment industry through our commitment to quality, creativity, and customer satisfaction."
-          tag="Our Advantages"
-          tagIcon={Award}
-          tagAnimation="slide-up"
-          textboxLayout="default"
-          animationType="scale-rotate"
-          useInvertedBackground={true}
-          features={[
-            {
-              icon: Sparkles,
-              title: "Professional Quality",              description: "Every design is created with attention to detail and artistic excellence. We treat each client like a VIP."},
-            {
-              icon: Zap,
-              title: "Quick Turnaround",              description: "Fast service without compromising quality. Perfect for high-volume events and festivals."},
-            {
-              icon: Heart,
-              title: "Child-Friendly Approach",              description: "Our artists are trained in working with children, creating a fun and comfortable experience for kids of all ages."},
-            {
-              icon: Target,
-              title: "Custom Designs",              description: "Themed parties, branded designs, or unique custom artwork - we bring your vision to life."},
-            {
-              icon: Users,
-              title: "Team Experience",              description: "Our artists work seamlessly together, coordinating timing and setup for large events."},
-            {
-              icon: Star,
-              title: "Proven Track Record",              description: "Hundreds of successful events and thousands of happy clients. We consistently exceed expectations."},
-          ]}
-          buttons={[{ text: "Explore Services", href: "/services" }]}
-          buttonAnimation="blur-reveal"
-          ariaLabel="Why choose Paintasy section with key features"
-          containerClassName="gap-8 lg:gap-12"
-          titleClassName="text-3xl sm:text-4xl lg:text-5xl font-extrabold"
+          titleClassName="text-4xl sm:text-5xl lg:text-6xl font-extrabold"
           descriptionClassName="text-base sm:text-lg opacity-90 max-w-3xl"
         />
       </div>
 
-      <div id="testimonials-about" data-section="testimonials-about" className="mx-auto px-4 md:px-6 lg:px-8">
+      <div id="about-values" data-section="about-values" className="mx-auto px-4 md:px-6 lg:px-8 py-16 md:py-24">
+        <FeatureCardTen
+          title="Our Values & Commitment"
+          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."
+          tag="Why Choose Paintasy"
+          tagIcon={Palette}
+          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: {
+                imageSrc: "http://img.b2bpic.net/free-photo/art-supplies-arranged-table_23-2147854326.jpg?_wi=1",                imageAlt: "Professional face painting supplies"},
+              items: [
+                { icon: Star, text: "Premium materials" },
+                { icon: Sparkles, text: "Professional artists" },
+                { icon: Heart, text: "Detail-oriented service" },
+              ],
+              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: {
+                imageSrc: "http://img.b2bpic.net/free-photo/hands-being-washed_23-2149191617.jpg?_wi=1",                imageAlt: "Professional hygiene practices"},
+              items: [
+                { icon: Smile, text: "Strict hygiene standards" },
+                { icon: Heart, text: "Hypoallergenic products" },
+                { icon: Target, text: "Health-conscious service" },
+              ],
+              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: {
+                imageSrc: "http://img.b2bpic.net/free-photo/artist-woman-painting-portrait-canvas-studio_23-2148937856.jpg?_wi=1",                imageAlt: "Artists creating custom designs"},
+              items: [
+                { icon: Sparkles, text: "Custom designs" },
+                { icon: Zap, text: "Trendy artwork" },
+                { icon: Users, text: "Personalized service" },
+              ],
+              reverse: false,
+            },
+          ]}
+          buttons={[{ text: "Book Your Event", href: "/packages" }]}
+          buttonAnimation="blur-reveal"
+          ariaLabel="About page values section"
+          containerClassName="gap-8 lg:gap-12"
+        />
+      </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">
         <TestimonialCardTwo
-          title="What Our Clients Say"
-          description="Discover why hundreds of event planners and families trust Paintasy for their celebrations."
-          tag="Client Stories"
-          tagIcon={Heart}
+          title="Meet Our Community"
+          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."
+          tag="Community"
+          tagIcon={Users}
           tagAnimation="slide-up"
           textboxLayout="default"
           animationType="blur-reveal"
@@ -164,35 +166,36 @@ export default function AboutPage() {
           carouselMode="buttons"
           testimonials={[
             {
-              id: "testimonial-1",              name: "Sarah Johnson",              role: "Parent, Birthday Party Host",              testimonial: "Paintasy was absolutely amazing! The kids loved their face paintings and the artist was so professional and friendly. Our daughter's birthday was unforgettable!",              imageSrc: "http://img.b2bpic.net/free-photo/family-portrait-surprised-father-has-yellow-face-from-paints-cheerful-two-daughters-shows-palms-dirty-with-watercolours-paint-picture-pastime-isolated-lilac-wall-this-is-art_273609-26128.jpg?_wi=1",              imageAlt: "Happy children at birthday party",              icon: Heart,
+              id: "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-2",              name: "Marcus Chen",              role: "Festival Organizer",              testimonial: "We hired Paintasy for our community festival and they were fantastic. Quick service, beautiful designs, and the crowd loved it. Booking them again next year!",              imageSrc: "http://img.b2bpic.net/free-photo/man-covered-different-colors-holi_23-2148337991.jpg?_wi=1",              imageAlt: "Festival attendees enjoying face painting",              icon: Smile,
+              id: "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-3",              name: "Emily Rodriguez",              role: "Corporate Event Planner",              testimonial: "Professional, creative, and reliable. Paintasy added the perfect touch of fun to our corporate team building event. Highly recommended!",              imageSrc: "http://img.b2bpic.net/free-photo/group-young-friends-celebrating-new-year_23-2147720468.jpg",              imageAlt: "Corporate event attendees with face art",              icon: Award,
+              id: "testimonial-3",              name: "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-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,
             },
           ]}
-          buttons={[{ text: "Book Now", href: "/packages" }]}
+          buttons={[{ text: "Join Our Community", href: "/services" }]}
           buttonAnimation="blur-reveal"
-          ariaLabel="Client testimonials section"
+          ariaLabel="About page community testimonials"
           containerClassName="gap-8 lg:gap-12"
-          titleClassName="text-3xl sm:text-4xl lg:text-5xl font-extrabold"
-          descriptionClassName="text-base sm:text-lg opacity-90 max-w-3xl"
         />
       </div>
 
-      <div id="contact-about" data-section="contact-about" className="mx-auto px-4 md:px-6 lg:px-8">
+      <div id="about-cta" data-section="about-cta" className="mx-auto px-4 md:px-6 lg:px-8 py-16 md:py-24">
         <ContactText
-          text="Ready to make your event unforgettable? Let's talk about bringing professional face painting and body art to your celebration."
+          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!"
           animationType="background-highlight"
           background={{ variant: "radial-gradient" }}
           useInvertedBackground={false}
           buttons={[
-            { text: "Request a Quote", href: "/contact" },
-            { text: "Call Us", href: "tel:+15551234567" },
+            { text: "Book Services", href: "/packages" },
+            { text: "Contact Us", href: "/contact" },
           ]}
-          ariaLabel="Contact call-to-action section on about page"
+          ariaLabel="About page call-to-action"
           containerClassName="py-12 sm:py-16 lg:py-20"
           contentClassName="max-w-3xl mx-auto"
           textClassName="text-2xl sm:text-3xl lg:text-4xl font-extrabold text-center"