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