Compare commits
12 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| abca95e53b | |||
| de0a43b3d6 | |||
| d5f6e17101 | |||
| 8fb30e7a16 | |||
| 3600205826 | |||
| 9b389c8fd6 | |||
| 866fe564eb | |||
| 00eded73ae | |||
| 789f8fd416 | |||
| e886ac95ee | |||
| 8c213a997c | |||
| c93e26d0c5 |
@@ -2,26 +2,23 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
|
||||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||||
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||||
import ContactText from '@/components/sections/contact/ContactText';
|
import ContactText from '@/components/sections/contact/ContactText';
|
||||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||||
import Link from 'next/link';
|
import { Palette, Sparkles, Heart, Award, 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 = {
|
export const metadata = {
|
||||||
title: "About Paintasy - Professional Face Painting & Body Art", description: "Learn about Paintasy Face and Body Art. Discover our company story, mission, and team of professional face painters dedicated to creating magical moments.", keywords: "about paintasy, face painting team, professional artists, company story, mission statement"
|
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() {
|
export default function AboutPage() {
|
||||||
const navItems = [
|
const navItems = [
|
||||||
{ name: "Home", id: "/" },
|
{ name: "Home", id: "/" },
|
||||||
{ name: "Services", id: "services" },
|
{ name: "Services", id: "services" },
|
||||||
{ name: "Gallery", id: "/gallery" },
|
{ name: "Gallery", id: "/gallery" },
|
||||||
{ name: "Packages", id: "packages" },
|
|
||||||
{ name: "About", id: "/about" },
|
{ name: "About", id: "/about" },
|
||||||
|
{ name: "Packages", id: "packages" },
|
||||||
{ name: "Contact", id: "/contact" },
|
{ name: "Contact", id: "/contact" },
|
||||||
];
|
];
|
||||||
|
|
||||||
@@ -39,8 +36,8 @@ export default function AboutPage() {
|
|||||||
title: "Company", items: [
|
title: "Company", items: [
|
||||||
{ label: "About Us", href: "/about" },
|
{ label: "About Us", href: "/about" },
|
||||||
{ label: "Gallery", href: "/gallery" },
|
{ label: "Gallery", href: "/gallery" },
|
||||||
{ label: "Packages", href: "/#packages-home" },
|
{ label: "Packages", href: "#packages-section" },
|
||||||
{ label: "FAQ", href: "/#faq-home" },
|
{ label: "FAQ", href: "#faq-section" },
|
||||||
{ label: "Contact", href: "/contact" },
|
{ label: "Contact", href: "/contact" },
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
@@ -57,7 +54,7 @@ export default function AboutPage() {
|
|||||||
title: "Service Areas", items: [
|
title: "Service Areas", items: [
|
||||||
{ label: "Local Events", href: "/contact" },
|
{ label: "Local Events", href: "/contact" },
|
||||||
{ label: "Regional Coverage", href: "/contact" },
|
{ label: "Regional Coverage", href: "/contact" },
|
||||||
{ label: "Book Now", href: "/#packages-home" },
|
{ label: "Book Now", href: "#booking-section" },
|
||||||
{ label: "Get Quote", href: "/contact" },
|
{ label: "Get Quote", href: "/contact" },
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
@@ -85,132 +82,132 @@ export default function AboutPage() {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero-about" data-section="hero-about" className="mx-auto px-4 md:px-6">
|
<div id="about-section" data-section="about-section" className="mx-auto px-4 md:px-6 min-h-screen flex items-center">
|
||||||
<HeroBillboardGallery
|
<MetricSplitMediaAbout
|
||||||
title="About Paintasy Face and Body Art"
|
title="About Paintasy Face and Body Art"
|
||||||
description="Discover our story, mission, and the team behind professional face painting and body art entertainment. We're passionate about creating magical moments and unforgettable experiences."
|
description="Paintasy was founded with a passion for bringing joy and creativity to celebrations. Our team of professional artists combines traditional face painting techniques with modern artistic flair, creating stunning designs that delight clients of all ages. With over a decade of experience in event entertainment, we've perfected our craft and built a reputation for reliability, creativity, and exceptional customer service. Every event is an opportunity to create magic, and we take pride in making each client's vision come to life."
|
||||||
background={{ variant: "radial-gradient" }}
|
|
||||||
tag="Our Story"
|
tag="Our Story"
|
||||||
tagIcon={Sparkles}
|
tagIcon={Sparkles}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
buttons={[
|
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"
|
||||||
{ text: "Learn More", href: "#mission-about" },
|
imageAlt="Professional face painter creating art"
|
||||||
{ text: "Meet Our Team", href: "#team-about" },
|
|
||||||
]}
|
|
||||||
buttonAnimation="blur-reveal"
|
|
||||||
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=1", imageAlt: "Paintasy founder painting with passion"
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
mediaAnimation="opacity"
|
|
||||||
ariaLabel="About 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="mission-about" data-section="mission-about" className="mx-auto px-4 md:px-6">
|
|
||||||
<MetricSplitMediaAbout
|
|
||||||
title="Our Mission & Values"
|
|
||||||
description="At Paintasy, our mission is to bring joy, creativity, and color to every event we serve. We believe that face painting and body art are more than just entertainment—they're an art form that transforms moments into magical memories. We're committed to professional excellence, artistic innovation, and making every client feel valued and celebrated."
|
|
||||||
tag="Mission Statement"
|
|
||||||
tagIcon={Target}
|
|
||||||
tagAnimation="slide-up"
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/dreamy-eyes-woman-smiling-festival_23-2148338055.jpg?_wi=1"
|
|
||||||
imageAlt="Professional artist at work"
|
|
||||||
mediaAnimation="blur-reveal"
|
mediaAnimation="blur-reveal"
|
||||||
metrics={[
|
metrics={[
|
||||||
{ value: "15+", title: "Years Combined Experience" },
|
{ value: "10+", title: "Years of Experience" },
|
||||||
{ value: "2000+", title: "Happy Clients" },
|
{ value: "500+", title: "Events Completed" },
|
||||||
{ value: "50+", title: "Events Per Year" },
|
{ value: "1000+", title: "Happy Clients" },
|
||||||
{ value: "100%", title: "Satisfaction Rate" },
|
{ value: "100%", title: "Satisfaction Rate" },
|
||||||
]}
|
]}
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
ariaLabel="Mission and values section"
|
ariaLabel="About section with company story"
|
||||||
containerClassName="gap-12"
|
containerClassName="gap-12"
|
||||||
titleClassName="text-4xl font-extrabold"
|
titleClassName="text-4xl font-extrabold"
|
||||||
descriptionClassName="text-lg opacity-90 max-w-2xl"
|
descriptionClassName="text-lg opacity-90 max-w-2xl"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="team-about" data-section="team-about" className="mx-auto px-4 md:px-6">
|
<div id="values-section" data-section="values-section" className="mx-auto px-4 md:px-6">
|
||||||
<TeamCardEleven
|
<FeatureCardTen
|
||||||
title="Meet Our Team"
|
title="Our Values & Expertise"
|
||||||
description="Our team consists of professional artists, each with unique talents and a passion for creating unforgettable face painting and body art experiences."
|
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"
|
textboxLayout="default"
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
tag="Professional Artists"
|
features={[
|
||||||
tagIcon={Palette}
|
|
||||||
tagAnimation="slide-up"
|
|
||||||
groups={[
|
|
||||||
{
|
{
|
||||||
id: "founders", groupTitle: "Founders & Lead Artists", members: [
|
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"},
|
||||||
id: "founder-1", title: "Alex Martinez", subtitle: "Co-Founder & Lead Artist", detail: "With 15 years of professional face painting experience, Alex founded Paintasy with a vision of bringing professional-grade face art to every event. Specializing in intricate designs and themed artwork.", imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-make-up-woman-wearing-mask_23-2148784326.jpg", imageAlt: "Alex Martinez, co-founder"
|
items: [
|
||||||
},
|
{ icon: Palette, text: "Expert techniques" },
|
||||||
{
|
{ icon: Heart, text: "Passion for art" },
|
||||||
id: "founder-2", title: "Jordan Chen", subtitle: "Co-Founder & Creative Director", detail: "Jordan brings artistic vision and innovation to every project. With a background in fine arts and body painting, Jordan leads our creative direction and ensures every design exceeds expectations.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-putting-makeup-man_23-2149357796.jpg?_wi=1", imageAlt: "Jordan Chen, creative director"
|
{ icon: Star, text: "Quality materials" },
|
||||||
},
|
],
|
||||||
]
|
reverse: false,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "artists", groupTitle: "Professional Artists", members: [
|
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"},
|
||||||
id: "artist-1", title: "Maya Patel", subtitle: "Face Painting Specialist", detail: "Specializes in kids' party designs and fast-paced festival work. Maya is known for her energetic personality and ability to make every child feel special with personalized designs.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-women-with-all-kinds-body_23-2149159242.jpg?_wi=1", imageAlt: "Maya Patel, face painting specialist"
|
items: [
|
||||||
},
|
{ icon: Sparkles, text: "Bespoke designs" },
|
||||||
{
|
{ icon: Star, text: "Artistic excellence" },
|
||||||
id: "artist-2", title: "Chris Thompson", subtitle: "Body Art & Festival Artist", detail: "Expert in body painting and large-scale festival events. Chris combines speed with artistry, delivering stunning designs even in high-volume environments.", imageSrc: "http://img.b2bpic.net/free-photo/fun-portrait-with-decorations-face_23-2150749319.jpg?_wi=1", imageAlt: "Chris Thompson, body art specialist"
|
{ icon: Heart, text: "Client collaboration" },
|
||||||
},
|
],
|
||||||
{
|
reverse: true,
|
||||||
id: "artist-3", title: "Lisa Wong", subtitle: "Corporate & Custom Design Artist", detail: "Brings professionalism and creativity to corporate events. Lisa excels at custom branding designs and creates memorable experiences for team building activities.", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-brush-close-up_23-2148966902.jpg?_wi=1", imageAlt: "Lisa Wong, corporate artist"
|
},
|
||||||
},
|
{
|
||||||
]
|
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,
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
ariaLabel="Team members section"
|
buttons={[{ text: "Book Now", href: "/contact" }]}
|
||||||
|
buttonAnimation="blur-reveal"
|
||||||
|
ariaLabel="Values and expertise section"
|
||||||
containerClassName="gap-12"
|
containerClassName="gap-12"
|
||||||
itemClassName="text-4xl font-extrabold"
|
itemClassName=""
|
||||||
descriptionClassName="text-lg opacity-90 max-w-3xl"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="company-story" data-section="company-story" className="mx-auto px-4 md:px-6">
|
<div id="testimonials-section" data-section="testimonials-section" className="mx-auto px-4 md:px-6">
|
||||||
<TestimonialAboutCard
|
<TestimonialCardTwo
|
||||||
tag="Company Story"
|
title="Client Success Stories"
|
||||||
tagIcon={Heart}
|
description="Hear from clients who've experienced the Paintasy difference at their events."
|
||||||
|
tag="Client Reviews"
|
||||||
|
tagIcon={Star}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
title="Our Journey"
|
textboxLayout="default"
|
||||||
description="Paintasy was founded on a simple belief: face painting and body art should be more than just entertainment—it should be an art form that brings joy, creativity, and magic to every event."
|
animationType="blur-reveal"
|
||||||
subdescription="What started as a passion project has grown into a trusted name in professional event entertainment. From small birthday parties to large-scale festivals, we've been committed to delivering exceptional service and unforgettable experiences. Our team's dedication to quality, safety, and artistic excellence has earned us the trust of hundreds of happy clients. Today, Paintasy continues to innovate and push creative boundaries, making every event we touch a little bit more magical."
|
useInvertedBackground={true}
|
||||||
icon={Sparkles}
|
carouselMode="buttons"
|
||||||
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"
|
testimonials={[
|
||||||
imageAlt="Paintasy company story"
|
{
|
||||||
mediaAnimation="blur-reveal"
|
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,
|
||||||
useInvertedBackground={false}
|
},
|
||||||
ariaLabel="Company story section"
|
{
|
||||||
titleClassName="text-4xl font-extrabold"
|
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,
|
||||||
descriptionClassName="text-lg opacity-90"
|
},
|
||||||
subdescriptionClassName="text-base opacity-80 leading-relaxed"
|
{
|
||||||
|
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>
|
||||||
|
|
||||||
<div id="contact-about" data-section="contact-about" className="mx-auto px-4 md:px-6">
|
<div id="booking-section" data-section="booking-section" className="mx-auto px-4 md:px-6">
|
||||||
<ContactText
|
<ContactText
|
||||||
text="Want to learn more about booking Paintasy for your event or interested in joining our team? Get in touch with us today. We'd love to discuss how we can make your event unforgettable."
|
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"
|
animationType="background-highlight"
|
||||||
background={{ variant: "radial-gradient" }}
|
background={{ variant: "radial-gradient" }}
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "Request a Quote", href: "/contact" },
|
{ text: "Get a Quote", href: "/contact" },
|
||||||
{ text: "Call Us", href: "tel:+15551234567" },
|
{ text: "Call Us", href: "tel:+15551234567" },
|
||||||
]}
|
]}
|
||||||
ariaLabel="Contact call-to-action section"
|
ariaLabel="Contact and booking section"
|
||||||
containerClassName="py-16"
|
containerClassName="py-16"
|
||||||
contentClassName="max-w-3xl mx-auto"
|
contentClassName="max-w-3xl mx-auto"
|
||||||
textClassName="text-4xl font-extrabold text-center"
|
textClassName="text-4xl font-extrabold text-center"
|
||||||
@@ -218,7 +215,7 @@ export default function AboutPage() {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer-about" data-section="footer-about" className="mx-auto px-4 md:px-6">
|
<div id="footer" data-section="footer" className="mx-auto px-4 md:px-6">
|
||||||
<FooterSimple
|
<FooterSimple
|
||||||
columns={footerColumns}
|
columns={footerColumns}
|
||||||
bottomLeftText="© 2024 Paintasy Face and Body Art. All rights reserved."
|
bottomLeftText="© 2024 Paintasy Face and Body Art. All rights reserved."
|
||||||
|
|||||||
@@ -2,30 +2,47 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
|
||||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||||
|
import { Sparkles } from 'lucide-react';
|
||||||
import { useState } from 'react';
|
import { useState } from 'react';
|
||||||
import { Calendar, Clock, Users, Palette, CheckCircle } 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() {
|
export default function BookingPage() {
|
||||||
const [formData, setFormData] = useState({
|
const [formData, setFormData] = useState({
|
||||||
eventType: '',
|
name: '',
|
||||||
|
email: '',
|
||||||
|
phone: '',
|
||||||
eventDate: '',
|
eventDate: '',
|
||||||
eventTime: '',
|
eventType: '',
|
||||||
guestCount: '',
|
guestCount: '',
|
||||||
budget: '',
|
eventDuration: '',
|
||||||
notes: '',
|
message: '',
|
||||||
});
|
});
|
||||||
|
|
||||||
const [submitted, setSubmitted] = useState(false);
|
const handleFormSubmit = (data: Record<string, string>) => {
|
||||||
|
console.log('Booking form submitted:', data);
|
||||||
|
setFormData({
|
||||||
|
name: '',
|
||||||
|
email: '',
|
||||||
|
phone: '',
|
||||||
|
eventDate: '',
|
||||||
|
eventType: '',
|
||||||
|
guestCount: '',
|
||||||
|
eventDuration: '',
|
||||||
|
message: '',
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
const navItems = [
|
const navItems = [
|
||||||
{ name: "Home", id: "/" },
|
{ 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" },
|
||||||
];
|
];
|
||||||
@@ -42,10 +59,10 @@ export default function BookingPage() {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Company", items: [
|
title: "Company", items: [
|
||||||
{ label: "About Us", href: "/#about" },
|
{ label: "About Us", href: "/#about-home" },
|
||||||
{ label: "Gallery", href: "/gallery" },
|
{ label: "Gallery", href: "/gallery" },
|
||||||
{ label: "Packages", href: "/#packages" },
|
{ label: "Packages", href: "/#packages-home" },
|
||||||
{ label: "FAQ", href: "/#faq" },
|
{ label: "FAQ", href: "/#faq-home" },
|
||||||
{ label: "Contact", href: "/contact" },
|
{ label: "Contact", href: "/contact" },
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
@@ -68,29 +85,6 @@ export default function BookingPage() {
|
|||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
const handleInputChange = (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>) => {
|
|
||||||
const { name, value } = e.target;
|
|
||||||
setFormData(prev => ({ ...prev, [name]: value }));
|
|
||||||
};
|
|
||||||
|
|
||||||
const handleSubmit = (e: React.FormEvent) => {
|
|
||||||
e.preventDefault();
|
|
||||||
setSubmitted(true);
|
|
||||||
setTimeout(() => setSubmitted(false), 5000);
|
|
||||||
};
|
|
||||||
|
|
||||||
const availableDates = [
|
|
||||||
{ date: '2025-02-15', available: true },
|
|
||||||
{ date: '2025-02-16', available: false },
|
|
||||||
{ date: '2025-02-17', available: true },
|
|
||||||
{ date: '2025-02-22', available: true },
|
|
||||||
{ date: '2025-02-23', available: true },
|
|
||||||
{ date: '2025-03-01', available: true },
|
|
||||||
{ date: '2025-03-02', available: false },
|
|
||||||
{ date: '2025-03-08', available: true },
|
|
||||||
{ date: '2025-03-09', available: true },
|
|
||||||
];
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="shift-hover"
|
defaultButtonVariant="shift-hover"
|
||||||
@@ -113,183 +107,67 @@ export default function BookingPage() {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero-booking" data-section="hero-booking" className="mx-auto px-4 md:px-6">
|
<div id="booking-hero" data-section="booking-hero" className="mx-auto px-4 md:px-6">
|
||||||
<HeroLogo
|
<HeroLogoBillboardSplit
|
||||||
logoText="Event Booking"
|
logoText="Book Your Event"
|
||||||
description="Secure your date and customize your face painting and body art experience. Check availability, fill out your booking form, and let's create something amazing."
|
description="Schedule professional face painting and body art for your special occasion. Choose your package, date, and let us handle the magic."
|
||||||
buttons={[{ text: "Scroll to Book", href: "#booking-form" }]}
|
background={{ variant: "radial-gradient" }}
|
||||||
buttonAnimation="blur-reveal"
|
buttons={[
|
||||||
showDimOverlay={false}
|
{ text: "Book Now", href: "#booking-form" },
|
||||||
|
{ text: "View Packages", href: "/#packages-home" },
|
||||||
|
]}
|
||||||
|
layoutOrder="default"
|
||||||
|
mediaAnimation="blur-reveal"
|
||||||
ariaLabel="Booking page hero section"
|
ariaLabel="Booking page hero section"
|
||||||
className="min-h-screen flex items-center justify-center"
|
containerClassName="flex flex-col lg:flex-row items-center justify-between gap-12 min-h-screen"
|
||||||
containerClassName="text-center"
|
logoContainerClassName="flex-1"
|
||||||
descriptionClassName="text-lg opacity-90 max-w-2xl mx-auto"
|
descriptionClassName="text-lg opacity-90 max-w-2xl"
|
||||||
logoContainerClassName="mb-6"
|
buttonContainerClassName="flex flex-col sm:flex-row gap-4 mt-8"
|
||||||
logoClassName="text-5xl md:text-6xl font-extrabold"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="availability-calendar" data-section="availability-calendar" className="mx-auto px-4 md:px-6 py-16">
|
<div id="booking-form" data-section="booking-form" className="mx-auto px-4 md:px-6">
|
||||||
<div className="max-w-4xl mx-auto">
|
<ContactSplitForm
|
||||||
<h2 className="text-4xl font-extrabold mb-4 text-center">Availability Calendar</h2>
|
title="Request Your Booking"
|
||||||
<p className="text-lg opacity-90 text-center mb-12 max-w-2xl mx-auto">Check our availability and select your preferred event date. Green indicates available dates, red shows booked slots.</p>
|
description="Fill out the form below with your event details. We'll get back to you within 24 hours to confirm availability and discuss your specific needs."
|
||||||
|
inputs={[
|
||||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
|
{
|
||||||
<div className="space-y-4">
|
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||||
<div className="flex items-center gap-3 p-3 bg-green-100 rounded-lg">
|
},
|
||||||
<div className="w-4 h-4 bg-green-500 rounded"></div>
|
{
|
||||||
<span className="text-sm font-medium">Available</span>
|
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||||
</div>
|
},
|
||||||
<div className="flex items-center gap-3 p-3 bg-red-100 rounded-lg">
|
{
|
||||||
<div className="w-4 h-4 bg-red-500 rounded"></div>
|
name: "phone", type: "tel", placeholder: "Your Phone Number", required: true,
|
||||||
<span className="text-sm font-medium">Booked</span>
|
},
|
||||||
</div>
|
{
|
||||||
</div>
|
name: "eventDate", type: "date", placeholder: "Event Date", required: true,
|
||||||
|
},
|
||||||
<div className="grid grid-cols-3 gap-2">
|
{
|
||||||
{availableDates.map((slot) => {
|
name: "eventType", type: "text", placeholder: "Event Type (Birthday, Festival, Corporate, etc.)", required: true,
|
||||||
const date = new Date(slot.date);
|
},
|
||||||
return (
|
{
|
||||||
<button
|
name: "guestCount", type: "number", placeholder: "Expected Number of Guests", required: true,
|
||||||
key={slot.date}
|
},
|
||||||
className={`p-3 rounded-lg font-semibold text-sm transition-all ${
|
{
|
||||||
slot.available
|
name: "eventDuration", type: "text", placeholder: "Event Duration (e.g., 2 hours)", required: true,
|
||||||
? 'bg-green-100 text-green-900 hover:bg-green-200 cursor-pointer'
|
},
|
||||||
: 'bg-red-100 text-red-900 cursor-not-allowed opacity-50'
|
]}
|
||||||
}`}
|
textarea={{
|
||||||
disabled={!slot.available}
|
name: "message", placeholder: "Tell us more about your event and any specific requests (designs, themes, special requirements)", rows: 5,
|
||||||
>
|
required: false,
|
||||||
{date.toLocaleDateString('en-US', { month: 'short', day: 'numeric' })}
|
}}
|
||||||
</button>
|
useInvertedBackground={false}
|
||||||
);
|
mediaAnimation="blur-reveal"
|
||||||
})}
|
mediaPosition="right"
|
||||||
</div>
|
buttonText="Submit Booking Request"
|
||||||
</div>
|
onSubmit={handleFormSubmit}
|
||||||
</div>
|
ariaLabel="Event booking form section"
|
||||||
</div>
|
containerClassName="py-16 gap-12"
|
||||||
|
formCardClassName="p-8"
|
||||||
<div id="booking-form" data-section="booking-form" className="mx-auto px-4 md:px-6 py-16">
|
titleClassName="text-4xl font-extrabold"
|
||||||
<div className="max-w-2xl mx-auto">
|
descriptionClassName="text-lg opacity-90"
|
||||||
<h2 className="text-4xl font-extrabold mb-4 text-center">Booking Form</h2>
|
/>
|
||||||
<p className="text-lg opacity-90 text-center mb-12">Tell us about your event and we'll customize the perfect package for you.</p>
|
|
||||||
|
|
||||||
{submitted ? (
|
|
||||||
<div className="bg-green-100 border-2 border-green-500 rounded-lg p-8 text-center">
|
|
||||||
<CheckCircle className="w-12 h-12 text-green-600 mx-auto mb-4" />
|
|
||||||
<h3 className="text-2xl font-bold mb-2">Booking Request Submitted!</h3>
|
|
||||||
<p className="text-lg opacity-90">We'll contact you within 24 hours to confirm your event details and finalize your booking.</p>
|
|
||||||
</div>
|
|
||||||
) : (
|
|
||||||
<form onSubmit={handleSubmit} className="space-y-6 bg-white bg-opacity-5 backdrop-blur-sm p-8 rounded-lg border border-white border-opacity-10">
|
|
||||||
<div>
|
|
||||||
<label htmlFor="eventType" className="block text-sm font-semibold mb-2">Event Type *</label>
|
|
||||||
<select
|
|
||||||
id="eventType"
|
|
||||||
name="eventType"
|
|
||||||
value={formData.eventType}
|
|
||||||
onChange={handleInputChange}
|
|
||||||
required
|
|
||||||
className="w-full px-4 py-2 rounded-lg bg-white bg-opacity-10 border border-white border-opacity-20 focus:outline-none focus:border-opacity-50 transition-all"
|
|
||||||
>
|
|
||||||
<option value="">Select event type</option>
|
|
||||||
<option value="birthday">Birthday Party</option>
|
|
||||||
<option value="festival">Festival/Outdoor Event</option>
|
|
||||||
<option value="corporate">Corporate Event</option>
|
|
||||||
<option value="wedding">Wedding/Reception</option>
|
|
||||||
<option value="other">Other</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
|
|
||||||
<div>
|
|
||||||
<label htmlFor="eventDate" className="block text-sm font-semibold mb-2 flex items-center gap-2">
|
|
||||||
<Calendar className="w-4 h-4" /> Event Date *
|
|
||||||
</label>
|
|
||||||
<input
|
|
||||||
type="date"
|
|
||||||
id="eventDate"
|
|
||||||
name="eventDate"
|
|
||||||
value={formData.eventDate}
|
|
||||||
onChange={handleInputChange}
|
|
||||||
required
|
|
||||||
className="w-full px-4 py-2 rounded-lg bg-white bg-opacity-10 border border-white border-opacity-20 focus:outline-none focus:border-opacity-50 transition-all"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<label htmlFor="eventTime" className="block text-sm font-semibold mb-2 flex items-center gap-2">
|
|
||||||
<Clock className="w-4 h-4" /> Event Time *
|
|
||||||
</label>
|
|
||||||
<input
|
|
||||||
type="time"
|
|
||||||
id="eventTime"
|
|
||||||
name="eventTime"
|
|
||||||
value={formData.eventTime}
|
|
||||||
onChange={handleInputChange}
|
|
||||||
required
|
|
||||||
className="w-full px-4 py-2 rounded-lg bg-white bg-opacity-10 border border-white border-opacity-20 focus:outline-none focus:border-opacity-50 transition-all"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
|
|
||||||
<div>
|
|
||||||
<label htmlFor="guestCount" className="block text-sm font-semibold mb-2 flex items-center gap-2">
|
|
||||||
<Users className="w-4 h-4" /> Expected Guest Count *
|
|
||||||
</label>
|
|
||||||
<input
|
|
||||||
type="number"
|
|
||||||
id="guestCount"
|
|
||||||
name="guestCount"
|
|
||||||
value={formData.guestCount}
|
|
||||||
onChange={handleInputChange}
|
|
||||||
placeholder="e.g., 30"
|
|
||||||
required
|
|
||||||
min="1"
|
|
||||||
className="w-full px-4 py-2 rounded-lg bg-white bg-opacity-10 border border-white border-opacity-20 focus:outline-none focus:border-opacity-50 transition-all"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<label htmlFor="budget" className="block text-sm font-semibold mb-2 flex items-center gap-2">
|
|
||||||
<Palette className="w-4 h-4" /> Budget (Optional)
|
|
||||||
</label>
|
|
||||||
<input
|
|
||||||
type="text"
|
|
||||||
id="budget"
|
|
||||||
name="budget"
|
|
||||||
value={formData.budget}
|
|
||||||
onChange={handleInputChange}
|
|
||||||
placeholder="e.g., $200-300"
|
|
||||||
className="w-full px-4 py-2 rounded-lg bg-white bg-opacity-10 border border-white border-opacity-20 focus:outline-none focus:border-opacity-50 transition-all"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<label htmlFor="notes" className="block text-sm font-semibold mb-2">Additional Notes</label>
|
|
||||||
<textarea
|
|
||||||
id="notes"
|
|
||||||
name="notes"
|
|
||||||
value={formData.notes}
|
|
||||||
onChange={handleInputChange}
|
|
||||||
placeholder="Tell us about your vision, themes, special requests, etc."
|
|
||||||
rows={4}
|
|
||||||
className="w-full px-4 py-2 rounded-lg bg-white bg-opacity-10 border border-white border-opacity-20 focus:outline-none focus:border-opacity-50 transition-all resize-none"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<button
|
|
||||||
type="submit"
|
|
||||||
className="w-full bg-gradient-to-r from-blue-600 to-purple-600 hover:from-blue-700 hover:to-purple-700 text-white font-bold py-3 px-6 rounded-lg transition-all duration-300 transform hover:scale-105"
|
|
||||||
>
|
|
||||||
Submit Booking Request
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<p className="text-sm opacity-75 text-center">* Required fields. We'll contact you shortly to confirm and discuss details.</p>
|
|
||||||
</form>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer-booking" data-section="footer-booking" className="mx-auto px-4 md:px-6">
|
<div id="footer-booking" data-section="footer-booking" className="mx-auto px-4 md:px-6">
|
||||||
@@ -306,4 +184,4 @@ export default function BookingPage() {
|
|||||||
</div>
|
</div>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@@ -2,30 +2,21 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
||||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
import ContactText from '@/components/sections/contact/ContactText';
|
||||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||||
import { useState } from 'react';
|
import { Phone, Mail, Calendar, ArrowRight, HelpCircle } from 'lucide-react';
|
||||||
import { Mail, Phone, MapPin, Clock, CheckCircle } 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() {
|
export default function ContactPage() {
|
||||||
const [formData, setFormData] = useState({
|
|
||||||
name: '',
|
|
||||||
email: '',
|
|
||||||
phone: '',
|
|
||||||
subject: '',
|
|
||||||
message: '',
|
|
||||||
});
|
|
||||||
|
|
||||||
const [submitted, setSubmitted] = useState(false);
|
|
||||||
|
|
||||||
const navItems = [
|
const navItems = [
|
||||||
{ name: "Home", id: "/" },
|
{ name: "Home", id: "/" },
|
||||||
{ name: "Services", id: "/#services" },
|
{ name: "Services", id: "services" },
|
||||||
{ name: "Gallery", id: "/gallery" },
|
{ name: "Gallery", id: "/gallery" },
|
||||||
{ name: "Packages", id: "/#packages" },
|
{ name: "About", id: "/about" },
|
||||||
{ name: "About", id: "/#about" },
|
{ name: "Packages", id: "packages" },
|
||||||
{ name: "Booking", id: "/booking" },
|
|
||||||
{ name: "Contact", id: "/contact" },
|
{ name: "Contact", id: "/contact" },
|
||||||
];
|
];
|
||||||
|
|
||||||
@@ -41,10 +32,10 @@ export default function ContactPage() {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Company", items: [
|
title: "Company", items: [
|
||||||
{ label: "About Us", href: "/#about" },
|
{ label: "About Us", href: "/about" },
|
||||||
{ label: "Gallery", href: "/gallery" },
|
{ label: "Gallery", href: "/gallery" },
|
||||||
{ label: "Packages", href: "/#packages" },
|
{ label: "Packages", href: "#packages-home" },
|
||||||
{ label: "FAQ", href: "/#faq" },
|
{ label: "FAQ", href: "#faq-section" },
|
||||||
{ label: "Contact", href: "/contact" },
|
{ label: "Contact", href: "/contact" },
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
@@ -61,23 +52,12 @@ export default function ContactPage() {
|
|||||||
title: "Service Areas", items: [
|
title: "Service Areas", items: [
|
||||||
{ label: "Local Events", href: "/contact" },
|
{ label: "Local Events", href: "/contact" },
|
||||||
{ label: "Regional Coverage", href: "/contact" },
|
{ label: "Regional Coverage", href: "/contact" },
|
||||||
{ label: "Book Now", href: "/booking" },
|
{ label: "Book Now", href: "#booking-info" },
|
||||||
{ label: "Get Quote", href: "/contact" },
|
{ label: "Get Quote", href: "#contact-form" },
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
const handleInputChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {
|
|
||||||
const { name, value } = e.target;
|
|
||||||
setFormData(prev => ({ ...prev, [name]: value }));
|
|
||||||
};
|
|
||||||
|
|
||||||
const handleSubmit = (e: React.FormEvent) => {
|
|
||||||
e.preventDefault();
|
|
||||||
setSubmitted(true);
|
|
||||||
setTimeout(() => setSubmitted(false), 5000);
|
|
||||||
};
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="shift-hover"
|
defaultButtonVariant="shift-hover"
|
||||||
@@ -100,222 +80,137 @@ export default function ContactPage() {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero-contact" data-section="hero-contact" className="mx-auto px-4 md:px-6">
|
<div id="contact-hero" data-section="contact-hero" className="mx-auto px-4 md:px-6 min-h-screen flex items-center">
|
||||||
<HeroLogo
|
<ContactText
|
||||||
logoText="Get In Touch"
|
text="Get in Touch with Paintasy"
|
||||||
description="Have questions about our services? Want to discuss your event? We're here to help! Reach out to Paintasy and let's create something amazing together."
|
animationType="background-highlight"
|
||||||
buttons={[{ text: "Contact Form Below", href: "#contact-form" }]}
|
background={{ variant: "radial-gradient" }}
|
||||||
buttonAnimation="blur-reveal"
|
useInvertedBackground={false}
|
||||||
showDimOverlay={false}
|
buttons={[
|
||||||
|
{ text: "Call Now", href: "tel:+15551234567" },
|
||||||
|
{ text: "Email Us", href: "mailto:paintasy@events.com" },
|
||||||
|
]}
|
||||||
ariaLabel="Contact page hero section"
|
ariaLabel="Contact page hero section"
|
||||||
className="min-h-screen flex items-center justify-center"
|
containerClassName="py-20"
|
||||||
containerClassName="text-center"
|
contentClassName="max-w-3xl mx-auto"
|
||||||
descriptionClassName="text-lg opacity-90 max-w-2xl mx-auto"
|
textClassName="text-5xl lg:text-6xl font-extrabold text-center"
|
||||||
logoContainerClassName="mb-6"
|
buttonContainerClassName="flex flex-col sm:flex-row gap-4 justify-center mt-12"
|
||||||
logoClassName="text-5xl md:text-6xl font-extrabold"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact-info" data-section="contact-info" className="mx-auto px-4 md:px-6 py-16">
|
<div id="booking-info" data-section="booking-info" className="mx-auto px-4 md:px-6 py-16">
|
||||||
<div className="max-w-5xl mx-auto">
|
<div className="max-w-4xl mx-auto">
|
||||||
<h2 className="text-4xl font-extrabold mb-4 text-center">Contact Information</h2>
|
<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
|
||||||
<p className="text-lg opacity-90 text-center mb-12 max-w-2xl mx-auto">Multiple ways to reach us. Choose what works best for you.</p>
|
{/* Phone Contact */}
|
||||||
|
<div className="text-center p-8 border border-gray-200 rounded-lg hover:border-gray-400 transition-colors">
|
||||||
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
|
<div className="flex justify-center mb-4">
|
||||||
<div className="bg-white bg-opacity-5 backdrop-blur-sm border border-white border-opacity-10 rounded-lg p-6 text-center hover:bg-opacity-10 transition-all">
|
<Phone className="w-12 h-12 text-blue-600" />
|
||||||
<Mail className="w-8 h-8 mx-auto mb-4 text-blue-400" />
|
</div>
|
||||||
<h3 className="text-lg font-bold mb-2">Email</h3>
|
<h3 className="text-2xl font-bold mb-2">Call Us</h3>
|
||||||
<a href="mailto:paintasy@events.com" className="text-sm hover:opacity-80 transition-opacity">
|
<p className="text-gray-600 mb-4">Available Monday-Friday, 9am-6pm</p>
|
||||||
paintasy@events.com
|
<a href="tel:+15551234567" className="text-lg font-semibold text-blue-600 hover:text-blue-700 transition-colors">
|
||||||
</a>
|
|
||||||
<p className="text-xs opacity-70 mt-2">24-hour response</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="bg-white bg-opacity-5 backdrop-blur-sm border border-white border-opacity-10 rounded-lg p-6 text-center hover:bg-opacity-10 transition-all">
|
|
||||||
<Phone className="w-8 h-8 mx-auto mb-4 text-green-400" />
|
|
||||||
<h3 className="text-lg font-bold mb-2">Phone</h3>
|
|
||||||
<a href="tel:+15551234567" className="text-sm hover:opacity-80 transition-opacity">
|
|
||||||
+1 (555) 123-4567
|
+1 (555) 123-4567
|
||||||
</a>
|
</a>
|
||||||
<p className="text-xs opacity-70 mt-2">Call or text anytime</p>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="bg-white bg-opacity-5 backdrop-blur-sm border border-white border-opacity-10 rounded-lg p-6 text-center hover:bg-opacity-10 transition-all">
|
{/* Email Contact */}
|
||||||
<MapPin className="w-8 h-8 mx-auto mb-4 text-red-400" />
|
<div className="text-center p-8 border border-gray-200 rounded-lg hover:border-gray-400 transition-colors">
|
||||||
<h3 className="text-lg font-bold mb-2">Location</h3>
|
<div className="flex justify-center mb-4">
|
||||||
<p className="text-sm">Serving City Metro Area</p>
|
<Mail className="w-12 h-12 text-blue-600" />
|
||||||
<p className="text-xs opacity-70 mt-2">Local & Regional Coverage</p>
|
</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>
|
||||||
|
|
||||||
<div className="bg-white bg-opacity-5 backdrop-blur-sm border border-white border-opacity-10 rounded-lg p-6 text-center hover:bg-opacity-10 transition-all">
|
{/* Booking Request */}
|
||||||
<Clock className="w-8 h-8 mx-auto mb-4 text-purple-400" />
|
<div className="text-center p-8 border border-gray-200 rounded-lg hover:border-gray-400 transition-colors">
|
||||||
<h3 className="text-lg font-bold mb-2">Hours</h3>
|
<div className="flex justify-center mb-4">
|
||||||
<p className="text-sm">Flexible Availability</p>
|
<Calendar className="w-12 h-12 text-blue-600" />
|
||||||
<p className="text-xs opacity-70 mt-2">Weekend & Evening Events</p>
|
</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>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact-form" data-section="contact-form" className="mx-auto px-4 md:px-6 py-16">
|
<div id="contact-info" data-section="contact-info" className="mx-auto px-4 md:px-6 py-16">
|
||||||
<div className="max-w-2xl mx-auto">
|
<div className="max-w-3xl mx-auto">
|
||||||
<h2 className="text-4xl font-extrabold mb-4 text-center">Send us a Message</h2>
|
<h2 className="text-4xl font-extrabold mb-8 text-center">Why Choose Paintasy?</h2>
|
||||||
<p className="text-lg opacity-90 text-center mb-12">Fill out the form below and we'll get back to you as soon as possible.</p>
|
|
||||||
|
|
||||||
{submitted ? (
|
|
||||||
<div className="bg-green-100 border-2 border-green-500 rounded-lg p-8 text-center">
|
|
||||||
<CheckCircle className="w-12 h-12 text-green-600 mx-auto mb-4" />
|
|
||||||
<h3 className="text-2xl font-bold mb-2">Message Sent Successfully!</h3>
|
|
||||||
<p className="text-lg opacity-90">Thank you for contacting us. We'll respond within 24 hours.</p>
|
|
||||||
</div>
|
|
||||||
) : (
|
|
||||||
<form onSubmit={handleSubmit} className="space-y-6 bg-white bg-opacity-5 backdrop-blur-sm p-8 rounded-lg border border-white border-opacity-10">
|
|
||||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
|
|
||||||
<div>
|
|
||||||
<label htmlFor="name" className="block text-sm font-semibold mb-2">Full Name *</label>
|
|
||||||
<input
|
|
||||||
type="text"
|
|
||||||
id="name"
|
|
||||||
name="name"
|
|
||||||
value={formData.name}
|
|
||||||
onChange={handleInputChange}
|
|
||||||
placeholder="Your name"
|
|
||||||
required
|
|
||||||
className="w-full px-4 py-2 rounded-lg bg-white bg-opacity-10 border border-white border-opacity-20 focus:outline-none focus:border-opacity-50 transition-all"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<label htmlFor="email" className="block text-sm font-semibold mb-2">Email Address *</label>
|
|
||||||
<input
|
|
||||||
type="email"
|
|
||||||
id="email"
|
|
||||||
name="email"
|
|
||||||
value={formData.email}
|
|
||||||
onChange={handleInputChange}
|
|
||||||
placeholder="your@email.com"
|
|
||||||
required
|
|
||||||
className="w-full px-4 py-2 rounded-lg bg-white bg-opacity-10 border border-white border-opacity-20 focus:outline-none focus:border-opacity-50 transition-all"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<label htmlFor="phone" className="block text-sm font-semibold mb-2">Phone Number (Optional)</label>
|
|
||||||
<input
|
|
||||||
type="tel"
|
|
||||||
id="phone"
|
|
||||||
name="phone"
|
|
||||||
value={formData.phone}
|
|
||||||
onChange={handleInputChange}
|
|
||||||
placeholder="+1 (555) 000-0000"
|
|
||||||
className="w-full px-4 py-2 rounded-lg bg-white bg-opacity-10 border border-white border-opacity-20 focus:outline-none focus:border-opacity-50 transition-all"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<label htmlFor="subject" className="block text-sm font-semibold mb-2">Subject *</label>
|
|
||||||
<input
|
|
||||||
type="text"
|
|
||||||
id="subject"
|
|
||||||
name="subject"
|
|
||||||
value={formData.subject}
|
|
||||||
onChange={handleInputChange}
|
|
||||||
placeholder="How can we help?"
|
|
||||||
required
|
|
||||||
className="w-full px-4 py-2 rounded-lg bg-white bg-opacity-10 border border-white border-opacity-20 focus:outline-none focus:border-opacity-50 transition-all"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<label htmlFor="message" className="block text-sm font-semibold mb-2">Message *</label>
|
|
||||||
<textarea
|
|
||||||
id="message"
|
|
||||||
name="message"
|
|
||||||
value={formData.message}
|
|
||||||
onChange={handleInputChange}
|
|
||||||
placeholder="Tell us about your inquiry, event, or question..."
|
|
||||||
rows={5}
|
|
||||||
required
|
|
||||||
className="w-full px-4 py-2 rounded-lg bg-white bg-opacity-10 border border-white border-opacity-20 focus:outline-none focus:border-opacity-50 transition-all resize-none"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<button
|
|
||||||
type="submit"
|
|
||||||
className="w-full bg-gradient-to-r from-blue-600 to-purple-600 hover:from-blue-700 hover:to-purple-700 text-white font-bold py-3 px-6 rounded-lg transition-all duration-300 transform hover:scale-105"
|
|
||||||
>
|
|
||||||
Send Message
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<p className="text-sm opacity-75 text-center">* Required fields. We typically respond within 24 hours.</p>
|
|
||||||
</form>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="location-info" data-section="location-info" className="mx-auto px-4 md:px-6 py-16 bg-white bg-opacity-5 backdrop-blur-sm border-y border-white border-opacity-10">
|
|
||||||
<div className="max-w-4xl mx-auto">
|
|
||||||
<h2 className="text-4xl font-extrabold mb-4 text-center">Service Coverage</h2>
|
|
||||||
<p className="text-lg opacity-90 text-center mb-12 max-w-2xl mx-auto">We proudly serve the entire metro area and surrounding regions. For events outside our typical service area, contact us to discuss possibilities.</p>
|
|
||||||
|
|
||||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
|
<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
|
||||||
<div>
|
<div>
|
||||||
<h3 className="text-2xl font-bold mb-4 flex items-center gap-2">
|
<h3 className="text-xl font-bold mb-3 flex items-center gap-3">
|
||||||
<MapPin className="w-6 h-6" /> Coverage Areas
|
<span className="w-8 h-8 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold">✓</span>
|
||||||
|
Quick Response
|
||||||
</h3>
|
</h3>
|
||||||
<ul className="space-y-2 text-sm">
|
<p className="text-gray-700">We respond to all inquiries within 24 hours to confirm availability and discuss your event details.</p>
|
||||||
<li className="flex items-center gap-2 p-2 hover:bg-white hover:bg-opacity-5 rounded transition-all">
|
|
||||||
<span className="w-2 h-2 bg-green-400 rounded-full"></span>
|
|
||||||
Downtown Metro Area
|
|
||||||
</li>
|
|
||||||
<li className="flex items-center gap-2 p-2 hover:bg-white hover:bg-opacity-5 rounded transition-all">
|
|
||||||
<span className="w-2 h-2 bg-green-400 rounded-full"></span>
|
|
||||||
Suburban Communities
|
|
||||||
</li>
|
|
||||||
<li className="flex items-center gap-2 p-2 hover:bg-white hover:bg-opacity-5 rounded transition-all">
|
|
||||||
<span className="w-2 h-2 bg-green-400 rounded-full"></span>
|
|
||||||
Regional Events (30+ miles)
|
|
||||||
</li>
|
|
||||||
<li className="flex items-center gap-2 p-2 hover:bg-white hover:bg-opacity-5 rounded transition-all">
|
|
||||||
<span className="w-2 h-2 bg-green-400 rounded-full"></span>
|
|
||||||
Corporate Offices & Venues
|
|
||||||
</li>
|
|
||||||
<li className="flex items-center gap-2 p-2 hover:bg-white hover:bg-opacity-5 rounded transition-all">
|
|
||||||
<span className="w-2 h-2 bg-green-400 rounded-full"></span>
|
|
||||||
Outdoor Festivals & Parks
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<h3 className="text-2xl font-bold mb-4 flex items-center gap-2">
|
<h3 className="text-xl font-bold mb-3 flex items-center gap-3">
|
||||||
<Clock className="w-6 h-6" /> Availability
|
<span className="w-8 h-8 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold">✓</span>
|
||||||
|
Transparent Pricing
|
||||||
</h3>
|
</h3>
|
||||||
<ul className="space-y-3 text-sm">
|
<p className="text-gray-700">No hidden fees. We provide clear quotes tailored to your event size, duration, and specific needs.</p>
|
||||||
<li>
|
</div>
|
||||||
<p className="font-semibold mb-1">Weekday Events</p>
|
<div>
|
||||||
<p className="opacity-75">Evening & special occasion availability</p>
|
<h3 className="text-xl font-bold mb-3 flex items-center gap-3">
|
||||||
</li>
|
<span className="w-8 h-8 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold">✓</span>
|
||||||
<li>
|
Flexible Packages
|
||||||
<p className="font-semibold mb-1">Weekend Events</p>
|
</h3>
|
||||||
<p className="opacity-75">Saturday & Sunday (book in advance)</p>
|
<p className="text-gray-700">From small intimate gatherings to large festivals, we offer customizable packages that fit your needs.</p>
|
||||||
</li>
|
</div>
|
||||||
<li>
|
<div>
|
||||||
<p className="font-semibold mb-1">Holiday Availability</p>
|
<h3 className="text-xl font-bold mb-3 flex items-center gap-3">
|
||||||
<p className="opacity-75">Seasonal availability varies</p>
|
<span className="w-8 h-8 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold">✓</span>
|
||||||
</li>
|
Professional Service
|
||||||
<li>
|
</h3>
|
||||||
<p className="font-semibold mb-1">Advance Booking</p>
|
<p className="text-gray-700">All our artists are trained professionals committed to safety, hygiene, and creating unforgettable experiences.</p>
|
||||||
<p className="opacity-75">Recommended 2-4 weeks in advance</p>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer-contact" data-section="footer-contact" className="mx-auto px-4 md:px-6">
|
<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
|
<FooterSimple
|
||||||
columns={footerColumns}
|
columns={footerColumns}
|
||||||
bottomLeftText="© 2024 Paintasy Face and Body Art. All rights reserved."
|
bottomLeftText="© 2024 Paintasy Face and Body Art. All rights reserved."
|
||||||
@@ -329,4 +224,4 @@ export default function ContactPage() {
|
|||||||
</div>
|
</div>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@@ -2,20 +2,20 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
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 ContactText from '@/components/sections/contact/ContactText';
|
||||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||||
import { Camera, Heart, Sparkles, Star } from 'lucide-react';
|
import { Sparkles, Instagram, Facebook, Heart, Star, Camera, Phone, Mail } from 'lucide-react';
|
||||||
|
|
||||||
export const metadata = {
|
export const metadata = {
|
||||||
title: "Event Photo Gallery - Paintasy Face and Body Art", description: "Browse our comprehensive gallery of professional face painting and body art work. See real event photos organized by event type: birthday parties, festivals, corporate events, and body art services."
|
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() {
|
export default function GalleryPage() {
|
||||||
const navItems = [
|
const navItems = [
|
||||||
{ name: "Home", id: "/" },
|
{ name: "Home", id: "/" },
|
||||||
{ name: "Services", id: "/services" },
|
{ name: "Services", id: "/services" },
|
||||||
{ name: "Gallery", id: "/gallery" },
|
{ name: "Gallery", id: "gallery" },
|
||||||
{ name: "Packages", id: "/" },
|
{ name: "Packages", id: "/" },
|
||||||
{ name: "About", id: "/" },
|
{ name: "About", id: "/" },
|
||||||
{ name: "Contact", id: "/contact" },
|
{ name: "Contact", id: "/contact" },
|
||||||
@@ -24,11 +24,11 @@ export default function GalleryPage() {
|
|||||||
const footerColumns = [
|
const footerColumns = [
|
||||||
{
|
{
|
||||||
title: "Services", items: [
|
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: "/" },
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
@@ -41,106 +41,42 @@ export default function GalleryPage() {
|
|||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Connect", items: [
|
title: "Follow Us", items: [
|
||||||
{ label: "Instagram", href: "https://instagram.com" },
|
{ label: "Instagram", href: "https://instagram.com" },
|
||||||
{ label: "Facebook", href: "https://facebook.com" },
|
{ label: "Facebook", href: "https://facebook.com" },
|
||||||
{ label: "TikTok", href: "https://tiktok.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: "/" },
|
{ label: "Book Now", href: "/contact" },
|
||||||
{ label: "Get Quote", href: "/contact" },
|
{ label: "Get Quote", href: "/contact" },
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
const kidsBirthdayPhotos = [
|
const galleryItems = [
|
||||||
{
|
{
|
||||||
id: "kids-1", name: "Butterfly Magic", price: "Kids Birthday", variant: "Face Painting", imageSrc: "http://img.b2bpic.net/free-photo/smiley-child-with-butterflies-painted_23-2149357920.jpg?_wi=1", imageAlt: "Child with colorful butterfly face painting"
|
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: "kids-2", name: "Superhero Designs", price: "Kids Birthday", variant: "Face Painting", imageSrc: "http://img.b2bpic.net/free-photo/smiling-boy-with-face-paint_23-2148784344.jpg?_wi=1", imageAlt: "Boy with superhero face art design"
|
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: "kids-3", name: "Princess Crown Art", price: "Kids Birthday", variant: "Face Painting", imageSrc: "http://img.b2bpic.net/free-photo/girl-with-painted-face-looking-mirror_23-2149159261.jpg?_wi=1", imageAlt: "Princess themed face painting on child"
|
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: "kids-4", name: "Animal Faces", price: "Kids Birthday", variant: "Face Painting", imageSrc: "http://img.b2bpic.net/free-photo/cute-child-with-painted-cat_23-2149357944.jpg?_wi=1", imageAlt: "Child with cat 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: "kids-5", name: "Rainbow Fantasy", price: "Kids Birthday", variant: "Face Painting", imageSrc: "http://img.b2bpic.net/free-photo/happy-child-with-colorful-face_23-2148784302.jpg?_wi=1", imageAlt: "Child with rainbow colored face paint"
|
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: "kids-6", name: "Monster Fun", price: "Kids Birthday", variant: "Face Painting", imageSrc: "http://img.b2bpic.net/free-photo/smiling-boy-with-monster-face-paint_23-2149159223.jpg?_wi=1", imageAlt: "Fun monster themed face painting"
|
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"},
|
||||||
},
|
|
||||||
];
|
|
||||||
|
|
||||||
const festivalPhotos = [
|
|
||||||
{
|
{
|
||||||
id: "festival-1", name: "Glitter Festival Art", price: "Festival Event", variant: "Face Art", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-glitter-face-paint_23-2149159284.jpg?_wi=1", imageAlt: "Woman with glitter festival face art"
|
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: "festival-2", name: "Artistic Festival Design", price: "Festival Event", variant: "Face Art", imageSrc: "http://img.b2bpic.net/free-photo/festival-face-paint-design_23-2148338127.jpg?_wi=1", imageAlt: "Artistic face design for festival"
|
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: "festival-3", name: "Neon Festival Glow", price: "Festival Event", variant: "Face Art", imageSrc: "http://img.b2bpic.net/free-photo/person-with-neon-face-paint_23-2149357975.jpg?_wi=1", imageAlt: "Neon glow face painting at festival"
|
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"},
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "festival-4", name: "Festival Creativity", price: "Festival Event", variant: "Face Art", imageSrc: "http://img.b2bpic.net/free-photo/artistic-face-paint-festival_23-2148784368.jpg?_wi=1", imageAlt: "Creative festival face art design"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "festival-5", name: "Music Festival Art", price: "Festival Event", variant: "Face Art", imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-with-festival-face-paint_23-2149159306.jpg?_wi=1", imageAlt: "Music festival face painting"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "festival-6", name: "Summer Festival Design", price: "Festival Event", variant: "Face Art", imageSrc: "http://img.b2bpic.net/free-photo/woman-at-summer-festival-with-face-paint_23-2148784395.jpg?_wi=1", imageAlt: "Summer festival face art"
|
|
||||||
},
|
|
||||||
];
|
|
||||||
|
|
||||||
const corporatePhotos = [
|
|
||||||
{
|
|
||||||
id: "corporate-1", name: "Professional Face Art", price: "Corporate Event", variant: "Team Building", imageSrc: "http://img.b2bpic.net/free-photo/professional-face-paint-corporate_23-2148338156.jpg?_wi=1", imageAlt: "Professional corporate team face art"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "corporate-2", name: "Brand Activation Design", price: "Corporate Event", variant: "Marketing Event", imageSrc: "http://img.b2bpic.net/free-photo/corporate-team-with-face-paint_23-2149159327.jpg?_wi=1", imageAlt: "Brand activation face painting design"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "corporate-3", name: "Team Building Art", price: "Corporate Event", variant: "Entertainment", imageSrc: "http://img.b2bpic.net/free-photo/corporate-face-paint-team-event_23-2148784421.jpg?_wi=1", imageAlt: "Corporate team building face art"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "corporate-4", name: "Executive Event Face Art", price: "Corporate Event", variant: "Gala Event", imageSrc: "http://img.b2bpic.net/free-photo/professional-face-design-corporate_23-2149159348.jpg?_wi=1", imageAlt: "Executive gala face art design"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "corporate-5", name: "Company Party Art", price: "Corporate Event", variant: "Celebration", imageSrc: "http://img.b2bpic.net/free-photo/company-party-face-paint_23-2148784448.jpg?_wi=1", imageAlt: "Company party face painting"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "corporate-6", name: "Conference Entertainment", price: "Corporate Event", variant: "Conference Booth", imageSrc: "http://img.b2bpic.net/free-photo/conference-face-paint-art_23-2149159369.jpg?_wi=1", imageAlt: "Conference booth face art entertainment"
|
|
||||||
},
|
|
||||||
];
|
|
||||||
|
|
||||||
const bodyArtPhotos = [
|
|
||||||
{
|
|
||||||
id: "body-1", name: "Artistic Body Painting", price: "Body Art", variant: "Professional Service", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-artistic-body-paint_23-2148338185.jpg?_wi=1", imageAlt: "Artistic body painting design"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "body-2", name: "Creative Body Art", price: "Body Art", variant: "Special Events", imageSrc: "http://img.b2bpic.net/free-photo/creative-body-art-design_23-2149159390.jpg?_wi=1", imageAlt: "Creative body art for special events"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "body-3", name: "Abstract Body Painting", price: "Body Art", variant: "Artistic Expression", imageSrc: "http://img.b2bpic.net/free-photo/abstract-body-paint-art_23-2148784475.jpg?_wi=1", imageAlt: "Abstract body painting artwork"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "body-4", name: "Festival Body Art", price: "Body Art", variant: "Festival Events", imageSrc: "http://img.b2bpic.net/free-photo/festival-body-art-design_23-2149159411.jpg?_wi=1", imageAlt: "Festival body art painting"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "body-5", name: "Temporary Tattoo Art", price: "Body Art", variant: "Temporary Design", imageSrc: "http://img.b2bpic.net/free-photo/temporary-tattoo-body-art_23-2148784502.jpg?_wi=1", imageAlt: "Temporary tattoo body art"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "body-6", name: "Professional Body Design", price: "Body Art", variant: "Custom Artwork", imageSrc: "http://img.b2bpic.net/free-photo/professional-body-art-painting_23-2149159432.jpg?_wi=1", imageAlt: "Professional custom body art design"
|
|
||||||
},
|
|
||||||
];
|
];
|
||||||
|
|
||||||
return (
|
return (
|
||||||
@@ -160,110 +96,75 @@ export default function GalleryPage() {
|
|||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
brandName="Paintasy"
|
brandName="Paintasy"
|
||||||
navItems={navItems}
|
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>
|
||||||
|
|
||||||
<div id="gallery-kids" data-section="gallery-kids" className="mx-auto px-4 md:px-6 pt-20">
|
<div id="hero-gallery" data-section="hero-gallery" className="mx-auto px-4 md:px-6">
|
||||||
<ProductCardFour
|
<HeroBillboardGallery
|
||||||
title="Kids Birthday Party Face Painting"
|
title="Our Creative Portfolio"
|
||||||
description="Colorful, playful designs that bring joy to children's celebrations. From butterflies and superheroes to princesses and animals, our face painters create magical moments at birthday parties."
|
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="Birthday Events"
|
background={{ variant: "radial-gradient" }}
|
||||||
tagIcon={Heart}
|
tag="Professional Event Photos"
|
||||||
|
tagIcon={Camera}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
textboxLayout="default"
|
buttons={[
|
||||||
animationType="opacity"
|
{ text: "Book Our Artists", href: "/contact" },
|
||||||
useInvertedBackground={false}
|
{ text: "View Full Gallery", href: "#gallery-showcase" },
|
||||||
gridVariant="three-columns-all-equal-width"
|
]}
|
||||||
carouselMode="buttons"
|
|
||||||
products={kidsBirthdayPhotos}
|
|
||||||
buttons={[{ text: "Book a Birthday Party", href: "/contact" }]}
|
|
||||||
buttonAnimation="blur-reveal"
|
buttonAnimation="blur-reveal"
|
||||||
ariaLabel="Kids birthday party face painting gallery"
|
mediaItems={[
|
||||||
containerClassName="gap-12"
|
{
|
||||||
cardVariantClassName="text-4xl font-extrabold"
|
imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-make-up-woman-wearing-mask_23-2148784326.jpg", imageAlt: "Professional face painting showcase"},
|
||||||
descriptionClassName="text-lg opacity-90 max-w-3xl"
|
]}
|
||||||
|
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>
|
||||||
|
|
||||||
<div id="gallery-festival" data-section="gallery-festival" className="mx-auto px-4 md:px-6 pt-20">
|
<div id="gallery-showcase" data-section="gallery-showcase" className="mx-auto px-4 md:px-6">
|
||||||
<ProductCardFour
|
<ProductCardOne
|
||||||
title="Festival & Outdoor Event Face Art"
|
title="Featured Gallery Collection"
|
||||||
description="Fast, creative designs perfect for large crowds and outdoor events. Experience our vibrant festival face paintings that capture the energy and excitement of celebrations."
|
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="Festival Events"
|
tag="Portfolio Showcase"
|
||||||
tagIcon={Sparkles}
|
tagIcon={Sparkles}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
animationType="opacity"
|
animationType="blur-reveal"
|
||||||
useInvertedBackground={true}
|
|
||||||
gridVariant="three-columns-all-equal-width"
|
|
||||||
carouselMode="buttons"
|
|
||||||
products={festivalPhotos}
|
|
||||||
buttons={[{ text: "Book for Your Festival", href: "/contact" }]}
|
|
||||||
buttonAnimation="blur-reveal"
|
|
||||||
ariaLabel="Festival and outdoor event face art gallery"
|
|
||||||
containerClassName="gap-12"
|
|
||||||
cardVariantClassName="text-4xl font-extrabold"
|
|
||||||
descriptionClassName="text-lg opacity-90 max-w-3xl"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="gallery-corporate" data-section="gallery-corporate" className="mx-auto px-4 md:px-6 pt-20">
|
|
||||||
<ProductCardFour
|
|
||||||
title="Corporate & Team Building Events"
|
|
||||||
description="Professional face painting that adds a unique touch to corporate events, brand activations, and team celebrations. Our polished service brings creative entertainment to your company gathering."
|
|
||||||
tag="Corporate Events"
|
|
||||||
tagIcon={Star}
|
|
||||||
tagAnimation="slide-up"
|
|
||||||
textboxLayout="default"
|
|
||||||
animationType="opacity"
|
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
gridVariant="three-columns-all-equal-width"
|
gridVariant="bento-grid"
|
||||||
carouselMode="buttons"
|
carouselMode="buttons"
|
||||||
products={corporatePhotos}
|
products={galleryItems}
|
||||||
buttons={[{ text: "Plan Your Corporate Event", href: "/contact" }]}
|
buttons={[
|
||||||
|
{ text: "Book Your Event", href: "/contact" },
|
||||||
|
{ text: "Request Custom Quote", href: "/contact" },
|
||||||
|
]}
|
||||||
buttonAnimation="blur-reveal"
|
buttonAnimation="blur-reveal"
|
||||||
ariaLabel="Corporate and team building event gallery"
|
ariaLabel="Gallery showcase section"
|
||||||
containerClassName="gap-12"
|
containerClassName="gap-12"
|
||||||
cardVariantClassName="text-4xl font-extrabold"
|
textBoxTitleClassName="text-4xl font-extrabold"
|
||||||
descriptionClassName="text-lg opacity-90 max-w-3xl"
|
textBoxDescriptionClassName="text-lg opacity-90 max-w-3xl"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="gallery-body" data-section="gallery-body" className="mx-auto px-4 md:px-6 pt-20">
|
<div id="social-connect" data-section="social-connect" className="mx-auto px-4 md:px-6">
|
||||||
<ProductCardFour
|
|
||||||
title="Body Painting & Artistic Design"
|
|
||||||
description="Professional body art and artistic painting for special occasions. From temporary tattoos to full body designs, our artists create stunning visual masterpieces."
|
|
||||||
tag="Body Art"
|
|
||||||
tagIcon={Camera}
|
|
||||||
tagAnimation="slide-up"
|
|
||||||
textboxLayout="default"
|
|
||||||
animationType="opacity"
|
|
||||||
useInvertedBackground={true}
|
|
||||||
gridVariant="three-columns-all-equal-width"
|
|
||||||
carouselMode="buttons"
|
|
||||||
products={bodyArtPhotos}
|
|
||||||
buttons={[{ text: "Inquire About Body Art Services", href: "/contact" }]}
|
|
||||||
buttonAnimation="blur-reveal"
|
|
||||||
ariaLabel="Body painting and artistic design gallery"
|
|
||||||
containerClassName="gap-12"
|
|
||||||
titleClassName="text-4xl font-extrabold"
|
|
||||||
descriptionClassName="text-lg opacity-90 max-w-3xl"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="contact-gallery" data-section="contact-gallery" className="mx-auto px-4 md:px-6 pt-20">
|
|
||||||
<ContactText
|
<ContactText
|
||||||
text="Inspired by our gallery? Ready to book Paintasy for your event? Contact us to discuss your vision and get a custom quote. Let's create an unforgettable experience with professional face painting and body art."
|
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"
|
animationType="background-highlight"
|
||||||
background={{ variant: "radial-gradient" }}
|
background={{ variant: "radial-gradient" }}
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={true}
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "Get a Quote", href: "/contact" },
|
{ text: "Instagram @paintasy_art", href: "https://instagram.com" },
|
||||||
{ text: "Call Us", href: "tel:+15551234567" },
|
{ text: "Facebook Page", href: "https://facebook.com" },
|
||||||
|
{ text: "Contact Us", href: "/contact" },
|
||||||
]}
|
]}
|
||||||
ariaLabel="Gallery contact call-to-action"
|
ariaLabel="Social media connection section"
|
||||||
containerClassName="py-16"
|
containerClassName="py-16"
|
||||||
contentClassName="max-w-3xl mx-auto"
|
contentClassName="max-w-3xl mx-auto"
|
||||||
textClassName="text-4xl font-extrabold text-center"
|
textClassName="text-4xl font-extrabold text-center"
|
||||||
@@ -275,8 +176,8 @@ export default function GalleryPage() {
|
|||||||
<FooterSimple
|
<FooterSimple
|
||||||
columns={footerColumns}
|
columns={footerColumns}
|
||||||
bottomLeftText="© 2024 Paintasy Face and Body Art. All rights reserved."
|
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"
|
containerClassName="gap-12"
|
||||||
columnsClassName="grid-cols-2 lg:grid-cols-4"
|
columnsClassName="grid-cols-2 lg:grid-cols-4"
|
||||||
columnTitleClassName="font-extrabold text-lg"
|
columnTitleClassName="font-extrabold text-lg"
|
||||||
@@ -285,4 +186,4 @@ export default function GalleryPage() {
|
|||||||
</div>
|
</div>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -240,7 +240,7 @@ export default function PackagesPage() {
|
|||||||
]}
|
]}
|
||||||
buttonAnimation="blur-reveal"
|
buttonAnimation="blur-reveal"
|
||||||
containerClassName="gap-12"
|
containerClassName="gap-12"
|
||||||
cardClassName="text-4xl font-extrabold"
|
titleClassName="text-4xl font-extrabold"
|
||||||
descriptionClassName="text-lg opacity-90"
|
descriptionClassName="text-lg opacity-90"
|
||||||
ariaLabel="Pricing section with event packages"
|
ariaLabel="Pricing section with event packages"
|
||||||
/>
|
/>
|
||||||
|
|||||||
@@ -12,7 +12,7 @@ import FaqBase from '@/components/sections/faq/FaqBase';
|
|||||||
import ContactText from '@/components/sections/contact/ContactText';
|
import ContactText from '@/components/sections/contact/ContactText';
|
||||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||||
import Link from 'next/link';
|
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';
|
||||||
|
|
||||||
export const metadata = {
|
export const metadata = {
|
||||||
title: "Paintasy Face and Body Art - Professional Face Painting & Body Art Services", description: "Professional face painting and body art services for kids parties, festivals, and corporate events. Expert face painters specializing in creative designs. Book your event today!", keywords: "face painting, body art, face painter, kids face painting, festival face painting, party entertainment, face design, professional face painter"};
|
title: "Paintasy Face and Body Art - Professional Face Painting & 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"};
|
||||||
@@ -24,7 +24,6 @@ export default function HomePage() {
|
|||||||
{ name: "Gallery", id: "/gallery" },
|
{ name: "Gallery", id: "/gallery" },
|
||||||
{ name: "Packages", id: "packages" },
|
{ name: "Packages", id: "packages" },
|
||||||
{ name: "About", id: "about" },
|
{ name: "About", id: "about" },
|
||||||
{ name: "Booking", id: "/booking" },
|
|
||||||
{ name: "Contact", id: "/contact" },
|
{ name: "Contact", id: "/contact" },
|
||||||
];
|
];
|
||||||
|
|
||||||
@@ -48,19 +47,18 @@ export default function HomePage() {
|
|||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
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: [
|
title: "Service Areas", items: [
|
||||||
{ label: "Local Events", href: "/contact" },
|
{ label: "Local Events", href: "/contact" },
|
||||||
{ label: "Regional Coverage", href: "/contact" },
|
{ label: "Regional Coverage", href: "/contact" },
|
||||||
{ label: "Book Now", href: "/booking" },
|
{ label: "Book Now", href: "#packages-home" },
|
||||||
{ label: "Get Quote", href: "/contact" },
|
{ label: "Get Quote", href: "/contact" },
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
@@ -84,20 +82,20 @@ export default function HomePage() {
|
|||||||
brandName="Paintasy"
|
brandName="Paintasy"
|
||||||
navItems={navItems}
|
navItems={navItems}
|
||||||
bottomLeftText="Creative Face & Body Art"
|
bottomLeftText="Creative Face & Body Art"
|
||||||
bottomRightText="paintasy@events.com"
|
bottomRightText="Follow: @paintasy_art on Instagram"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero-home" data-section="hero-home" className="mx-auto px-4 md:px-6">
|
<div id="hero-home" data-section="hero-home" className="mx-auto px-4 md:px-6">
|
||||||
<HeroBillboardGallery
|
<HeroBillboardGallery
|
||||||
title="Paintasy Face and Body Art"
|
title="Paintasy Face and Body Art"
|
||||||
description="Professional face painting and body art for parties, festivals, corporate events, and special occasions. Transform your event with creativity and color."
|
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" }}
|
background={{ variant: "radial-gradient" }}
|
||||||
tag="Creative Entertainment"
|
tag="Creative Entertainment"
|
||||||
tagIcon={Sparkles}
|
tagIcon={Sparkles}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "Book Your Event", href: "/booking" },
|
{ text: "Book Your Event", href: "#packages-home" },
|
||||||
{ text: "View Our Gallery", href: "/gallery" },
|
{ text: "View Our Gallery", href: "/gallery" },
|
||||||
]}
|
]}
|
||||||
buttonAnimation="blur-reveal"
|
buttonAnimation="blur-reveal"
|
||||||
@@ -118,7 +116,7 @@ export default function HomePage() {
|
|||||||
<div id="about-home" data-section="about-home" className="mx-auto px-4 md:px-6">
|
<div id="about-home" data-section="about-home" className="mx-auto px-4 md:px-6">
|
||||||
<MetricSplitMediaAbout
|
<MetricSplitMediaAbout
|
||||||
title="About Paintasy Face and Body Art"
|
title="About Paintasy Face and Body Art"
|
||||||
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."
|
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"
|
tag="Professional Artists"
|
||||||
tagIcon={Palette}
|
tagIcon={Palette}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
@@ -143,7 +141,7 @@ export default function HomePage() {
|
|||||||
<div id="services-home" data-section="services-home" className="mx-auto px-4 md:px-6">
|
<div id="services-home" data-section="services-home" className="mx-auto px-4 md:px-6">
|
||||||
<FeatureCardTen
|
<FeatureCardTen
|
||||||
title="Our Services"
|
title="Our Services"
|
||||||
description="Professional face painting and body art tailored for every occasion. From intimate birthday parties to large festival events, we deliver creativity and joy."
|
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"
|
tag="Services"
|
||||||
tagIcon={Palette}
|
tagIcon={Palette}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
@@ -186,15 +184,14 @@ export default function HomePage() {
|
|||||||
buttonAnimation="blur-reveal"
|
buttonAnimation="blur-reveal"
|
||||||
ariaLabel="Services section showcasing offerings"
|
ariaLabel="Services section showcasing offerings"
|
||||||
containerClassName="gap-12"
|
containerClassName="gap-12"
|
||||||
itemClassName="text-4xl font-extrabold"
|
itemClassName=""
|
||||||
descriptionClassName="text-lg opacity-90 max-w-3xl"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="packages-home" data-section="packages-home" className="mx-auto px-4 md:px-6">
|
<div id="packages-home" data-section="packages-home" className="mx-auto px-4 md:px-6">
|
||||||
<PricingCardFive
|
<PricingCardFive
|
||||||
title="Event Packages"
|
title="Event Packages"
|
||||||
description="Simple, flexible pricing for 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"
|
tag="Transparent Pricing"
|
||||||
tagIcon={DollarSign}
|
tagIcon={DollarSign}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
@@ -222,15 +219,16 @@ export default function HomePage() {
|
|||||||
buttonAnimation="blur-reveal"
|
buttonAnimation="blur-reveal"
|
||||||
ariaLabel="Pricing section with package options"
|
ariaLabel="Pricing section with package options"
|
||||||
containerClassName="gap-12"
|
containerClassName="gap-12"
|
||||||
cardClassName="text-4xl font-extrabold"
|
textBoxTitleClassName="text-4xl font-extrabold"
|
||||||
descriptionClassName="text-lg opacity-90 max-w-3xl"
|
textBoxDescriptionClassName="text-lg opacity-90 max-w-3xl"
|
||||||
|
cardClassName="p-8"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="testimonials-home" data-section="testimonials-home" className="mx-auto px-4 md:px-6">
|
<div id="testimonials-home" data-section="testimonials-home" className="mx-auto px-4 md:px-6">
|
||||||
<TestimonialCardTwo
|
<TestimonialCardTwo
|
||||||
title="What Our Clients Say"
|
title="What Our Clients Say"
|
||||||
description="Real testimonials from happy clients who've booked Paintasy for their events."
|
description="Real testimonials from happy clients who've booked Paintasy for their events. Share your experience with us on social media and tag @paintasy_art!"
|
||||||
tag="Client Reviews"
|
tag="Client Reviews"
|
||||||
tagIcon={Star}
|
tagIcon={Star}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
@@ -258,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,
|
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"
|
buttonAnimation="blur-reveal"
|
||||||
ariaLabel="Client testimonials section"
|
ariaLabel="Client testimonials section"
|
||||||
containerClassName="gap-12"
|
containerClassName="gap-12"
|
||||||
roleClassName="text-4xl font-extrabold"
|
textBoxTitleClassName="text-4xl font-extrabold"
|
||||||
descriptionClassName="text-lg opacity-90 max-w-3xl"
|
textBoxDescriptionClassName="text-lg opacity-90 max-w-3xl"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="gallery-preview-home" data-section="gallery-preview-home" className="mx-auto px-4 md:px-6">
|
<div id="gallery-preview-home" data-section="gallery-preview-home" className="mx-auto px-4 md:px-6">
|
||||||
<ProductCardFour
|
<ProductCardFour
|
||||||
title="Photo Gallery Showcase"
|
title="Photo Gallery Showcase"
|
||||||
description="Real photos from our events and happy clients. Browse our portfolio of 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"
|
tag="Portfolio"
|
||||||
tagIcon={Camera}
|
tagIcon={Camera}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
@@ -293,20 +291,19 @@ export default function HomePage() {
|
|||||||
buttonAnimation="blur-reveal"
|
buttonAnimation="blur-reveal"
|
||||||
ariaLabel="Photo gallery preview section"
|
ariaLabel="Photo gallery preview section"
|
||||||
containerClassName="gap-12"
|
containerClassName="gap-12"
|
||||||
cardVariantClassName="text-4xl font-extrabold"
|
textBoxTitleClassName="text-4xl font-extrabold"
|
||||||
descriptionClassName="text-lg opacity-90 max-w-3xl"
|
textBoxDescriptionClassName="text-lg opacity-90 max-w-3xl"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="faq-home" data-section="faq-home" className="mx-auto px-4 md:px-6">
|
<div id="faq-home" data-section="faq-home" className="mx-auto px-4 md:px-6">
|
||||||
<FaqBase
|
<FaqBase
|
||||||
title="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"
|
tag="FAQ"
|
||||||
tagIcon={HelpCircle}
|
tagIcon={HelpCircle}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
animationType="smooth"
|
|
||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
showCard={true}
|
showCard={true}
|
||||||
@@ -324,18 +321,18 @@ export default function HomePage() {
|
|||||||
{
|
{
|
||||||
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."},
|
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"
|
buttonAnimation="blur-reveal"
|
||||||
ariaLabel="FAQ section with common questions"
|
ariaLabel="FAQ section with common questions"
|
||||||
containerClassName="gap-12"
|
containerClassName="gap-12"
|
||||||
textBoxTitleClassName="text-4xl font-extrabold"
|
textBoxTitleClassName="text-4xl font-extrabold"
|
||||||
descriptionClassName="text-lg opacity-90 max-w-3xl"
|
textBoxDescriptionClassName="text-lg opacity-90 max-w-3xl"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact-home" data-section="contact-home" className="mx-auto px-4 md:px-6">
|
<div id="contact-home" data-section="contact-home" className="mx-auto px-4 md:px-6">
|
||||||
<ContactText
|
<ContactText
|
||||||
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. 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"
|
animationType="background-highlight"
|
||||||
background={{ variant: "radial-gradient" }}
|
background={{ variant: "radial-gradient" }}
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
@@ -355,7 +352,7 @@ export default function HomePage() {
|
|||||||
<FooterSimple
|
<FooterSimple
|
||||||
columns={footerColumns}
|
columns={footerColumns}
|
||||||
bottomLeftText="© 2024 Paintasy Face and Body Art. All rights reserved."
|
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"
|
ariaLabel="Site footer with links"
|
||||||
containerClassName="gap-12"
|
containerClassName="gap-12"
|
||||||
columnsClassName="grid-cols-2 lg:grid-cols-4"
|
columnsClassName="grid-cols-2 lg:grid-cols-4"
|
||||||
|
|||||||
@@ -8,11 +8,10 @@ import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
|||||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||||
import ContactText from '@/components/sections/contact/ContactText';
|
import ContactText from '@/components/sections/contact/ContactText';
|
||||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||||
import { Sparkles, Palette, Heart, Smile, Zap, Music, Briefcase, Target, Users, Star, DollarSign, HelpCircle, Camera } from 'lucide-react';
|
import { Sparkles, Palette, Heart, Smile, Zap, Music, Briefcase, Target, Users, Star, DollarSign, Camera, HelpCircle, Award } from 'lucide-react';
|
||||||
|
|
||||||
export const metadata = {
|
export const metadata = {
|
||||||
title: "Services - Paintasy Face and Body Art | Professional Face Painting", description: "Explore our professional face painting and body art services for parties, festivals, corporate events, and special occasions. Detailed service offerings and transparent pricing.", keywords: "face painting services, body art, face painter for hire, professional face painting, party entertainment, event services"
|
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() {
|
export default function ServicesPage() {
|
||||||
const navItems = [
|
const navItems = [
|
||||||
@@ -20,7 +19,7 @@ export default function ServicesPage() {
|
|||||||
{ name: "Services", id: "services" },
|
{ name: "Services", id: "services" },
|
||||||
{ name: "Gallery", id: "/gallery" },
|
{ name: "Gallery", id: "/gallery" },
|
||||||
{ name: "Packages", id: "packages" },
|
{ name: "Packages", id: "packages" },
|
||||||
{ name: "About", id: "#about-home" },
|
{ name: "About", id: "/#about-home" },
|
||||||
{ name: "Contact", id: "/contact" },
|
{ name: "Contact", id: "/contact" },
|
||||||
];
|
];
|
||||||
|
|
||||||
@@ -36,7 +35,7 @@ export default function ServicesPage() {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Company", items: [
|
title: "Company", items: [
|
||||||
{ label: "Home", href: "/" },
|
{ label: "About Us", href: "/#about-home" },
|
||||||
{ label: "Gallery", href: "/gallery" },
|
{ label: "Gallery", href: "/gallery" },
|
||||||
{ label: "Packages", href: "#packages" },
|
{ label: "Packages", href: "#packages" },
|
||||||
{ label: "FAQ", href: "#faq" },
|
{ label: "FAQ", href: "#faq" },
|
||||||
@@ -56,7 +55,7 @@ export default function ServicesPage() {
|
|||||||
title: "Service Areas", items: [
|
title: "Service Areas", items: [
|
||||||
{ label: "Local Events", href: "/contact" },
|
{ label: "Local Events", href: "/contact" },
|
||||||
{ label: "Regional Coverage", href: "/contact" },
|
{ label: "Regional Coverage", href: "/contact" },
|
||||||
{ label: "Book Now", href: "#pricing" },
|
{ label: "Book Now", href: "#packages" },
|
||||||
{ label: "Get Quote", href: "/contact" },
|
{ label: "Get Quote", href: "/contact" },
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
@@ -84,26 +83,26 @@ export default function ServicesPage() {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero-services" data-section="hero-services" className="mx-auto px-4 md:px-6">
|
<div id="services-hero" data-section="services-hero" className="mx-auto px-4 md:px-6">
|
||||||
<HeroBillboardGallery
|
<HeroBillboardGallery
|
||||||
title="Our Professional Services"
|
title="Our Professional Services"
|
||||||
description="Comprehensive face painting and body art solutions for every event type. From intimate celebrations to large-scale festivals, we bring creativity, professionalism, and unforgettable moments to your occasion."
|
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" }}
|
background={{ variant: "radial-gradient" }}
|
||||||
tag="Service Excellence"
|
tag="Detailed Service Offerings"
|
||||||
tagIcon={Sparkles}
|
tagIcon={Sparkles}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "Book Your Event", href: "#pricing" },
|
{ text: "Book Your Event", href: "#packages" },
|
||||||
{ text: "View Pricing", href: "#pricing" },
|
{ text: "Contact Us", href: "/contact" },
|
||||||
]}
|
]}
|
||||||
buttonAnimation="blur-reveal"
|
buttonAnimation="blur-reveal"
|
||||||
mediaItems={[
|
mediaItems={[
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-make-up-woman-wearing-mask_23-2148784326.jpg", imageAlt: "Professional face painting service"
|
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"
|
mediaAnimation="opacity"
|
||||||
ariaLabel="Services page hero section"
|
ariaLabel="Services hero section"
|
||||||
className="min-h-screen"
|
className="min-h-screen"
|
||||||
containerClassName="flex flex-col lg:flex-row items-center justify-between gap-12"
|
containerClassName="flex flex-col lg:flex-row items-center justify-between gap-12"
|
||||||
titleClassName="text-5xl lg:text-6xl font-extrabold leading-tight"
|
titleClassName="text-5xl lg:text-6xl font-extrabold leading-tight"
|
||||||
@@ -114,9 +113,9 @@ export default function ServicesPage() {
|
|||||||
|
|
||||||
<div id="services" data-section="services" className="mx-auto px-4 md:px-6">
|
<div id="services" data-section="services" className="mx-auto px-4 md:px-6">
|
||||||
<FeatureCardTen
|
<FeatureCardTen
|
||||||
title="Detailed Service Offerings"
|
title="Complete Service Offerings"
|
||||||
description="Each service is tailored to create the perfect experience for your event. We combine professional expertise with creative artistry to deliver memorable entertainment."
|
description="Explore our full range of professional face painting and body art services, each tailored to meet the unique needs of your event."
|
||||||
tag="What We Offer"
|
tag="All Services"
|
||||||
tagIcon={Palette}
|
tagIcon={Palette}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
@@ -124,85 +123,84 @@ export default function ServicesPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "kids-party", title: "Kids Party Face Painting", description: "Bring joy and wonder to birthday celebrations with vibrant, imaginative face painting. Perfect for children's parties, we offer a wide range of designs that delight young guests and create lasting memories.", media: {
|
id: "kids-party", title: "Kids Party Face Painting", description: "Create magical moments at birthday celebrations with vibrant, playful designs. Our artists specialize in kid-friendly themes including superheroes, princesses, animals, butterflies, and fantasy characters. Each child receives personalized attention and a unique design that makes them feel special.", media: {
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-eyes-woman-smiling-festival_23-2148338055.jpg?_wi=1", imageAlt: "Kids party face painting designs"
|
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-eyes-woman-smiling-festival_23-2148338055.jpg?_wi=1", imageAlt: "Colorful kids party face painting"
|
||||||
},
|
},
|
||||||
items: [
|
items: [
|
||||||
{ icon: Sparkles, text: "Butterflies, superheroes, animals & princesses" },
|
{ icon: Sparkles, text: "Colorful & playful designs" },
|
||||||
{ icon: Heart, text: "Safe, hypoallergenic, non-toxic paints" },
|
{ icon: Heart, text: "Safe, child-friendly products" },
|
||||||
{ icon: Smile, text: "3-5 minutes per child for standard designs" },
|
{ icon: Smile, text: "Quick turnaround per child" },
|
||||||
],
|
],
|
||||||
reverse: false,
|
reverse: false,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "festival", title: "Festival Face Art", description: "Fast, high-quality face painting for outdoor festivals and large gatherings. We specialize in quick turnarounds without compromising artistic quality, perfect for managing crowds at music festivals, carnivals, and community events.", media: {
|
id: "festival-face-art", title: "Festival & Outdoor Event Face Art", description: "Fast, high-volume service perfect for music festivals, street fairs, and outdoor celebrations. We excel at maintaining artistic quality while serving large crowds efficiently. Our portable setup adapts to any outdoor venue.", media: {
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-putting-makeup-man_23-2149357796.jpg?_wi=1", imageAlt: "Festival face painting artwork"
|
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-putting-makeup-man_23-2149357796.jpg?_wi=1", imageAlt: "Festival face art designs"
|
||||||
},
|
},
|
||||||
items: [
|
items: [
|
||||||
{ icon: Zap, text: "Optimized for high-volume crowd service" },
|
{ icon: Zap, text: "Fast service for crowds" },
|
||||||
{ icon: Star, text: "Creative designs with quick execution" },
|
{ icon: Star, text: "Creative artistic designs" },
|
||||||
{ icon: Music, text: "Perfect for outdoor & music events" },
|
{ icon: Music, text: "Perfect for music & outdoor events" },
|
||||||
],
|
],
|
||||||
reverse: true,
|
reverse: true,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "corporate", title: "Corporate Event Entertainment", description: "Professional face painting services designed for corporate team building, company parties, and brand activations. We bring a touch of creativity and fun while maintaining professional standards throughout the event.", media: {
|
id: "corporate-events", title: "Corporate Event Entertainment", description: "Professional face painting for corporate team building, brand activations, company parties, and client appreciation events. We offer branded design options and maintain a polished, professional demeanor throughout.", media: {
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/male-dj-party-charge-music-entertainment_23-2149658399.jpg?_wi=1", imageAlt: "Corporate event face painting"
|
imageSrc: "http://img.b2bpic.net/free-photo/male-dj-party-charge-music-entertainment_23-2149658399.jpg?_wi=1", imageAlt: "Corporate event entertainment"
|
||||||
},
|
},
|
||||||
items: [
|
items: [
|
||||||
{ icon: Briefcase, text: "Professional presentation & service" },
|
{ icon: Briefcase, text: "Professional & polished service" },
|
||||||
{ icon: Target, text: "Branded designs & customized themes" },
|
{ icon: Target, text: "Branded design options available" },
|
||||||
{ icon: Users, text: "Excellent for team building activities" },
|
{ icon: Users, text: "Great for team building" },
|
||||||
],
|
],
|
||||||
reverse: false,
|
reverse: false,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "special-occasions", title: "Special Occasions & Custom Designs", description: "Whether it's a wedding, anniversary, or themed celebration, we create custom face and body art that matches your vision. Our artists work closely with you to design unique pieces that make your special day unforgettable.", 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/beautiful-portrait-women-with-all-kinds-body_23-2149159242.jpg?_wi=1", imageAlt: "Custom body art designs"
|
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: [
|
items: [
|
||||||
{ icon: Heart, text: "Personalized & themed designs" },
|
{ icon: Palette, text: "Artistic full-body designs" },
|
||||||
{ icon: Palette, text: "Consultation to perfect execution" },
|
{ icon: Star, text: "Perfect for themed events" },
|
||||||
{ icon: Star, text: "Unforgettable creative experiences" },
|
{ icon: Award, text: "Professional finish" },
|
||||||
],
|
],
|
||||||
reverse: true,
|
reverse: true,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "body-painting", title: "Professional Body Painting", description: "Full-body artistic painting for special events, photoshoots, and performances. Our experienced artists create stunning visual art on the human canvas, from abstract designs to character transformations.", 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/fun-portrait-with-decorations-face_23-2150749319.jpg?_wi=1", imageAlt: "Professional body art photography"
|
imageSrc: "http://img.b2bpic.net/free-photo/fun-portrait-with-decorations-face_23-2150749319.jpg?_wi=1", imageAlt: "Custom themed face painting"
|
||||||
},
|
},
|
||||||
items: [
|
items: [
|
||||||
{ icon: Star, text: "Intricate artistic designs" },
|
{ icon: Sparkles, text: "Fully customizable designs" },
|
||||||
{ icon: Camera, text: "Perfect for photoshoots & events" },
|
{ icon: Palette, text: "Theme-specific artwork" },
|
||||||
{ icon: Sparkles, text: "Professional-grade materials used" },
|
{ icon: Heart, text: "Personalized service" },
|
||||||
],
|
],
|
||||||
reverse: false,
|
reverse: false,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "temporary-tattoos", title: "Temporary Tattoos & Add-ons", description: "Enhance your face painting experience with high-quality temporary tattoos, glitter designs, and special effects. Perfect for festivals and events where guests want extra flair and personalization.", 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-psd/holi-festival-celebration-instagram-posts_23-2151227255.jpg?_wi=1", imageAlt: "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: [
|
items: [
|
||||||
{ icon: Zap, text: "High-quality temporary tattoos" },
|
{ icon: Heart, text: "Memorable entertainment" },
|
||||||
{ icon: Sparkles, text: "Glitter, gems & special effects" },
|
{ icon: Users, text: "Event planner coordination" },
|
||||||
{ icon: Heart, text: "Custom temporary tattoo designs available" },
|
{ icon: Star, text: "Flexible customization" },
|
||||||
],
|
],
|
||||||
reverse: true,
|
reverse: true,
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
buttons={[{ text: "View Pricing", href: "#pricing" }]}
|
buttons={[{ text: "View Packages", href: "#packages" }]}
|
||||||
buttonAnimation="blur-reveal"
|
buttonAnimation="blur-reveal"
|
||||||
ariaLabel="Detailed services section"
|
ariaLabel="Detailed service offerings section"
|
||||||
containerClassName="gap-12"
|
containerClassName="gap-12"
|
||||||
itemClassName="text-4xl font-extrabold"
|
itemClassName=""
|
||||||
descriptionClassName="text-lg opacity-90 max-w-3xl"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="pricing" data-section="pricing" className="mx-auto px-4 md:px-6">
|
<div id="packages" data-section="packages" className="mx-auto px-4 md:px-6">
|
||||||
<PricingCardFive
|
<PricingCardFive
|
||||||
title="Service Pricing & Packages"
|
title="Service Packages & Pricing"
|
||||||
description="Transparent, flexible pricing for all event types. Each package is customizable to fit your specific needs and budget. All prices include professional service and our artist's materials."
|
description="Flexible pricing for all event types and sizes. Each package includes professional service, all materials, and our commitment to exceptional entertainment."
|
||||||
tag="Transparent Pricing"
|
tag="Transparent Pricing"
|
||||||
tagIcon={DollarSign}
|
tagIcon={DollarSign}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
@@ -211,108 +209,101 @@ export default function ServicesPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
plans={[
|
plans={[
|
||||||
{
|
{
|
||||||
id: "kids-party-basic", tag: "Popular", price: "$150", period: "per hour", description: "Perfect for small to medium birthday celebrations", button: { text: "Request Quote", 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: "What's Included", features: [
|
featuresTitle: "What's Included", features: [
|
||||||
"Up to 15 children", "Colorful themed designs", "Face painting only", "Basic design selection", "Professional service"],
|
"Up to 15 kids", "Colorful themed designs", "Face painting only", "Basic design themes"
|
||||||
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "kids-party-deluxe", tag: "Best Value", tagIcon: Heart,
|
id: "party-deluxe-package", tag: "Best Value", tagIcon: Heart,
|
||||||
price: "$200", period: "2 hours", description: "Full party entertainment package with extras", button: { text: "Request Quote", href: "/contact" },
|
price: "$200", period: "2 hours - Best Value", description: "Full party entertainment package", button: { text: "Request Quote", href: "/contact" },
|
||||||
featuresTitle: "What's Included", features: [
|
featuresTitle: "What's Included", features: [
|
||||||
"Up to 25 children", "Custom themed designs", "Face painting & temporary tattoos", "Interactive entertainment", "Extended design time per child"],
|
"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 large outdoor event service", 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: "What's Included", features: [
|
featuresTitle: "What's Included", features: [
|
||||||
"High-capacity crowd service", "Fast, artistic designs", "Setup & teardown included", "Portable station with supplies", "Professional crowd management"],
|
"High-capacity crowd service", "Fast artistic designs", "Setup & teardown included", "Portable station"
|
||||||
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "corporate-event", tag: "Professional", price: "$300", period: "per 4 hours", description: "Corporate team building and brand activation", button: { text: "Request Quote", href: "/contact" },
|
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: [
|
featuresTitle: "What's Included", features: [
|
||||||
"Professional presentation", "Branded design options", "Full setup & equipment", "High-volume service capacity", "Customized themes available"],
|
"Professional service for 50+ guests", "Branded design options", "Premium face paint", "Event coordination"
|
||||||
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "body-painting-special", tag: "Premium", price: "$400", period: "per 4 hours", description: "Premium body art for special events & photoshoots", button: { text: "Request Quote", href: "/contact" },
|
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: [
|
featuresTitle: "What's Included", features: [
|
||||||
"Full-body artistic designs", "Consultation included", "Premium paint & materials", "Photo-shoot friendly designs", "Flexible custom requests"],
|
"Professional body art", "Custom design creation", "Premium materials", "Photography-ready finish"
|
||||||
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "custom-package", tag: "Build Your Own", price: "Custom", period: "Flexible pricing", description: "Fully customizable package for unique events", button: { text: "Get Custom Quote", href: "/contact" },
|
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: [
|
featuresTitle: "What's Included", features: [
|
||||||
"Personalized service design", "Flexible duration options", "Mix of face & body painting", "Special effects & add-ons", "Tailored to your event needs"],
|
"Multiple artists available", "Unlimited design variety", "All service types included", "Professional coordination"
|
||||||
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
buttons={[{ text: "Book Now", href: "/contact" }]}
|
buttons={[{ text: "Contact for Custom Quote", href: "/contact" }]}
|
||||||
buttonAnimation="blur-reveal"
|
buttonAnimation="blur-reveal"
|
||||||
ariaLabel="Pricing and packages section"
|
ariaLabel="Service packages and pricing"
|
||||||
containerClassName="gap-12"
|
containerClassName="gap-12"
|
||||||
cardClassName="text-4xl font-extrabold"
|
textBoxTitleClassName="text-4xl font-extrabold"
|
||||||
descriptionClassName="text-lg opacity-90 max-w-3xl"
|
textBoxDescriptionClassName="text-lg opacity-90 max-w-3xl"
|
||||||
|
cardClassName="p-8"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="faq" data-section="faq" className="mx-auto px-4 md:px-6">
|
<div id="faq" data-section="faq" className="mx-auto px-4 md:px-6">
|
||||||
<FaqBase
|
<FaqBase
|
||||||
title="Service Questions & Details"
|
title="Service Questions"
|
||||||
description="Common questions about our services, booking process, and event requirements."
|
description="Find answers to common questions about our face painting and body art services."
|
||||||
tag="FAQ"
|
tag="FAQ"
|
||||||
tagIcon={HelpCircle}
|
tagIcon={HelpCircle}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
animationType="smooth"
|
|
||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
showCard={true}
|
showCard={true}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "faq-1", title: "What makes Paintasy different from other face painters?", content: "We combine professional artistry with friendly service. Our artists are experienced, use high-quality hypoallergenic products, and specialize in customized designs for different event types. We prioritize hygiene, efficiency, and creating memorable experiences for every guest."
|
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 to secure your preferred date and time. For large events, peak seasons, or very specific customization requests, 4-6 weeks advance booking is ideal. Last-minute bookings may be available depending on our current schedule."
|
id: "faq-2", title: "How far in advance should I book?", content: "We recommend booking 2-3 weeks in advance for standard bookings. For large events, festivals, or peak season dates, 4-6 weeks is ideal. Last-minute bookings may be available depending on our schedule. Contact us to check availability."},
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "faq-3", title: "Are your face paints safe for children with sensitive skin?", content: "Absolutely! We use only professional-grade, hypoallergenic face paints that are non-toxic, dermatologist-tested, and safe for sensitive skin. All products meet safety standards. We practice strict hygiene protocols, using clean brushes and sanitized application tools for each client. If you have specific allergies, please inform us when booking."
|
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: "How long does face painting take per person?", content: "Simple designs typically take 3-5 minutes, while more detailed or custom designs take 8-12 minutes. At festivals, we're optimized for speed without sacrificing quality. For parties, we allow more time for custom designs and interactions with children to ensure their satisfaction."
|
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 face paint cause skin reactions or allergies?", content: "Our hypoallergenic products are designed to minimize allergic reactions. However, if someone has a known allergy to face paint, we can do a patch test first. We also offer alternative options. Please disclose any skin sensitivities or allergies when booking so we can prepare appropriately."
|
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: "Do you offer custom or themed designs?", content: "Yes! We specialize in custom designs for themed parties, corporate events, and special occasions. Provide theme details or reference images when booking. We offer standard designs at no extra cost, while very complex or intricate custom designs may have a small additional fee. Discuss your vision with us 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: "What's included in your event packages?", content: "All packages include professional face painting service, setup and teardown, and our artist's premium materials. Some packages include add-ons like temporary tattoos or body painting. Each package description clearly outlines what's included. Custom packages can be tailored to include specific services you need."
|
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: "How do I prepare for the face painting session?", content: "Have a clean, dry face and avoid heavy makeup beforehand. For kids' parties, mention any design preferences or themes in advance. Make sure guests are seated comfortably during painting. After painting, the designs set quickly and last several hours. We provide care instructions to help designs last longer."
|
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: "How long do face paintings last?", content: "Face paintings typically last 3-6 hours depending on activity level and weather conditions. Outdoor heat or swimming can reduce longevity. We apply professional-grade paints designed for durability. Guests can extend the wear time by minimizing touching and sweating."
|
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: "Do you have liability insurance and permits?", content: "Yes! We are fully licensed, insured, and compliant with all local health and safety regulations. We maintain professional liability insurance to protect both ourselves and our clients. Documentation is available upon request."
|
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."},
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "faq-11", title: "Can you accommodate large events or multiple artists?", content: "Yes! For very large events, we can arrange multiple artists to ensure efficient service and minimal wait times. This is particularly valuable for festivals and corporate events. Discuss group rates and artist availability when booking."
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "faq-12", title: "What is your cancellation or rescheduling policy?", content: "We have flexible policies to accommodate your needs. Cancellations made 7+ days in advance receive a full refund. Cancellations within 7 days may incur a small fee. Rescheduling is usually available for a minimal fee. Check our full terms when booking or contact us for specific details."
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
buttons={[{ text: "Still have questions?", href: "/contact" }]}
|
buttons={[{ text: "Book Your Service", href: "/contact" }]}
|
||||||
buttonAnimation="blur-reveal"
|
buttonAnimation="blur-reveal"
|
||||||
ariaLabel="Services FAQ section"
|
ariaLabel="Service FAQ section"
|
||||||
containerClassName="gap-12"
|
containerClassName="gap-12"
|
||||||
textBoxTitleClassName="text-4xl font-extrabold"
|
textBoxTitleClassName="text-4xl font-extrabold"
|
||||||
descriptionClassName="text-lg opacity-90 max-w-3xl"
|
textBoxDescriptionClassName="text-lg opacity-90 max-w-3xl"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact" className="mx-auto px-4 md:px-6">
|
<div id="contact-cta" data-section="contact-cta" className="mx-auto px-4 md:px-6">
|
||||||
<ContactText
|
<ContactText
|
||||||
text="Ready to book Paintasy for your event? Get in touch with us today to discuss your specific needs, event details, and custom requirements. Our team is here to help create the perfect face painting experience for your guests."
|
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"
|
animationType="background-highlight"
|
||||||
background={{ variant: "radial-gradient" }}
|
background={{ variant: "radial-gradient" }}
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
@@ -320,7 +311,7 @@ export default function ServicesPage() {
|
|||||||
{ text: "Request a Quote", href: "/contact" },
|
{ text: "Request a Quote", href: "/contact" },
|
||||||
{ text: "Call Us", href: "tel:+15551234567" },
|
{ text: "Call Us", href: "tel:+15551234567" },
|
||||||
]}
|
]}
|
||||||
ariaLabel="Services contact call-to-action section"
|
ariaLabel="Services call-to-action section"
|
||||||
containerClassName="py-16"
|
containerClassName="py-16"
|
||||||
contentClassName="max-w-3xl mx-auto"
|
contentClassName="max-w-3xl mx-auto"
|
||||||
textClassName="text-4xl font-extrabold text-center"
|
textClassName="text-4xl font-extrabold text-center"
|
||||||
|
|||||||
Reference in New Issue
Block a user