bender/4c679f93-48dc-4cae-a068-01909fa9b249
1
0
Fork 0
Code Issues Pull Requests 6 Actions Packages Projects Releases Wiki Activity

Update src/app/about/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-14 05:32:22 +00:00
parent 330cd70b78
commit f63e8e3de7
1 changed files with 126 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files

211
src/app/about/page.tsx
View File

@@ -1,13 +1,13 @@
"use client";
import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Palette, Award, Shield, CheckCircle } from "lucide-react";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
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';
export default function AboutPage() {
const navItems = [
@@ -21,35 +21,34 @@ export default function AboutPage() {
const footerColumns = [
{
title: "Services",
items: [
title: "Services", items: [
{ label: "Kids Party Face Painting", href: "/services" },
{ label: "Festival Face Art", href: "/services" },
{ label: "Corporate Events", href: "/services" },
{ label: "Body Painting", href: "/services" },
{ label: "Custom Designs", href: "/services" },
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Gallery", href: "/gallery" },
{ label: "Packages", href: "/packages" },
{ label: "FAQ", href: "#faq" },
{ label: "Contact", href: "/contact" },
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{ label: "Instagram", href: "https://instagram.com" },
{ label: "Facebook", href: "https://facebook.com" },
{ label: "TikTok", href: "https://tiktok.com" },
{ label: "Email", href: "mailto:paintasy@events.com" },
{ label: "Phone", href: "tel:+15551234567" },
],
},
{
title: "Service Areas",
items: [
title: "Service Areas", items: [
{ label: "Local Events", href: "/contact" },
{ label: "Regional Coverage", href: "/contact" },
{ label: "Book Now", href: "/packages" },
@@ -73,102 +72,144 @@ export default function AboutPage() {
>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={navItems}
brandName="Paintasy"
navItems={navItems}
bottomLeftText="Creative Face & Body Art"
bottomRightText="paintasy@events.com"
/>
</div>
<div id="about-page-hero" data-section="about-page-hero">
<HeroBillboardGallery
title="About Paintasy"
description="Professional face painting and body art entertainment bringing creativity and joy to events."
background={{ variant: "radial-gradient" }}
mediaItems={[
<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."
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"
mediaAnimation="blur-reveal"
textboxLayout="default"
useInvertedBackground={false}
imagePosition="right"
bulletPoints={[
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-adult-man-his-30s-that-is-painting-big-canvas-with-lot-brushes-palette-while-sitting-floor-art-studio_662251-323.jpg?_wi=2",
imageAlt: "Professional face painter at work",
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,
},
]}
mediaAnimation="opacity"
titleClassName="text-5xl font-extrabold"
descriptionClassName="text-lg opacity-90"
buttons={[{ text: "Book Our Services", href: "/packages" }]}
buttonAnimation="blur-reveal"
ariaLabel="About page - company story and values"
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="about-story" data-section="about-story">
<MetricSplitMediaAbout
title="Our Story & Mission"
description="Paintasy was founded on the belief that creative entertainment transforms events into unforgettable celebrations. We started with a passion for face painting and body art, and have grown into a professional team dedicated to bringing magic and color to every event we touch.\n\nOur mission is simple: deliver exceptional artistic service, genuine happiness, and professional entertainment that exceeds expectations. From children's birthday parties to corporate celebrations and festival events, we pour our hearts into creating beautiful, memorable experiences."
tag="Professional Team"
<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"
imageSrc="http://img.b2bpic.net/free-photo/portrait-smiling-adult-man-his-30s-that-is-painting-big-canvas-with-lot-brushes-palette-while-sitting-floor-art-studio_662251-323.jpg?_wi=3"
imageAlt="Our professional face painting artist"
mediaAnimation="blur-reveal"
metrics={[
{ value: "500+", title: "Events Painted" },
{ value: "1000+", title: "Happy Faces" },
{ value: "10+", title: "Years Experience" },
{ value: "100%", title: "Satisfaction Rate" },
]}
metricsAnimation="slide-up"
useInvertedBackground={true}
titleClassName="text-4xl font-extrabold"
descriptionClassName="text-lg opacity-90 max-w-2xl"
/>
</div>
<div id="about-values" data-section="about-values">
<FeatureCardTen
title="Our Values"
description="What drives us in everything we do."
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
animationType="scale-rotate"
useInvertedBackground={true}
features={[
{
id: "value-1",
title: "Creativity",
description:
"We believe in artistic expression and creative design. Every face is a canvas.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/fun-portrait-with-decorations-face_23-2150749319.jpg?_wi=3",
imageAlt: "Creative face painting designs",
},
items: [
{ icon: Palette, text: "Artistic innovation" },
{ icon: CheckCircle, text: "Unique designs" },
],
reverse: false,
},
icon: Sparkles,
title: "Professional Quality", description: "Every design is created with attention to detail and artistic excellence. We treat each client like a VIP."},
{
id: "value-2",
title: "Safety & Professionalism",
description:
"We use only hypoallergenic, professional-grade face paints and maintain strict hygiene standards.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-eyes-woman-smiling-festival_23-2148338055.jpg?_wi=5",
imageAlt: "Safe professional face painting",
},
items: [
{ icon: Shield, text: "Hypoallergenic products" },
{ icon: CheckCircle, text: "Safety certified" },
],
reverse: true,
},
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."},
]}
containerClassName="gap-12"
itemClassName="text-4xl font-extrabold"
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"
descriptionClassName="text-base sm:text-lg opacity-90 max-w-3xl"
/>
</div>
<div id="footer" data-section="footer">
<div id="testimonials-about" data-section="testimonials-about" className="mx-auto px-4 md:px-6 lg:px-8">
<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}
tagAnimation="slide-up"
textboxLayout="default"
animationType="blur-reveal"
useInvertedBackground={false}
carouselMode="buttons"
testimonials={[
{
id: "testimonial-1", name: "Sarah Johnson", role: "Parent, Birthday Party Host", testimonial: "Paintasy was absolutely amazing! The kids loved their face paintings and the artist was so professional and friendly. Our daughter's birthday was unforgettable!", imageSrc: "http://img.b2bpic.net/free-photo/family-portrait-surprised-father-has-yellow-face-from-paints-cheerful-two-daughters-shows-palms-dirty-with-watercolours-paint-picture-pastime-isolated-lilac-wall-this-is-art_273609-26128.jpg?_wi=1", imageAlt: "Happy children at birthday party", icon: Heart,
},
{
id: "testimonial-2", name: "Marcus Chen", role: "Festival Organizer", testimonial: "We hired Paintasy for our community festival and they were fantastic. Quick service, beautiful designs, and the crowd loved it. Booking them again next year!", imageSrc: "http://img.b2bpic.net/free-photo/man-covered-different-colors-holi_23-2148337991.jpg?_wi=1", imageAlt: "Festival attendees enjoying face painting", icon: Smile,
},
{
id: "testimonial-3", name: "Emily Rodriguez", role: "Corporate Event Planner", testimonial: "Professional, creative, and reliable. Paintasy added the perfect touch of fun to our corporate team building event. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/group-young-friends-celebrating-new-year_23-2147720468.jpg", imageAlt: "Corporate event attendees with face art", icon: Award,
},
]}
buttons={[{ text: "Book Now", href: "/packages" }]}
buttonAnimation="blur-reveal"
ariaLabel="Client testimonials section"
containerClassName="gap-8 lg:gap-12"
titleClassName="text-3xl sm:text-4xl lg:text-5xl font-extrabold"
descriptionClassName="text-base sm:text-lg opacity-90 max-w-3xl"
/>
</div>
<div id="contact-about" data-section="contact-about" className="mx-auto px-4 md:px-6 lg:px-8">
<ContactText
text="Ready to make your event unforgettable? Let's talk about bringing professional face painting and body art to your celebration."
animationType="background-highlight"
background={{ variant: "radial-gradient" }}
useInvertedBackground={false}
buttons={[
{ text: "Request a Quote", href: "/contact" },
{ text: "Call Us", href: "tel:+15551234567" },
]}
ariaLabel="Contact call-to-action section on about page"
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"
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">
<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"
columnsClassName="grid-cols-2 lg:grid-cols-4"
columnTitleClassName="font-extrabold text-lg"
columnItemClassName="hover:opacity-70 transition-opacity"
/>
</div>
</ThemeProvider>