375 lines
26 KiB
TypeScript
375 lines
26 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
|
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import Link from 'next/link';
|
|
import { Sparkles, Palette, Heart, Smile, Zap, Music, Briefcase, Target, Users, Star, DollarSign, Camera, HelpCircle, Award } from 'lucide-react';
|
|
import { Metadata } from 'next';
|
|
|
|
export const metadata: 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, corporate events, and weddings. Expert face artists, safe hypoallergenic paints, custom designs. Book your creative entertainment today.", keywords: "face painting, body art, kids face painting, festival face painting, corporate events, party entertainment, professional face painter, body painting, face art, event entertainment", openGraph: {
|
|
title: "Paintasy Face and Body Art - Professional Face Painting Services", description: "Transform your event with professional face painting and body art. Serving kids parties, festivals, corporate events, and special occasions.", type: "website"},
|
|
twitter: {
|
|
card: "summary_large_image", title: "Paintasy Face and Body Art", description: "Professional face painting & body art for events - kids parties, festivals, corporate events"},
|
|
};
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Gallery", id: "gallery" },
|
|
{ name: "Packages", id: "packages" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Contact", id: "contact" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Kids Party Face Painting", href: "#services" },
|
|
{ label: "Festival Face Art", href: "#services" },
|
|
{ label: "Corporate Events", href: "#services" },
|
|
{ label: "Body Painting", href: "#services" },
|
|
{ label: "Custom Designs", href: "#services" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Gallery", href: "#gallery" },
|
|
{ label: "Packages", href: "#packages" },
|
|
{ label: "FAQ", href: "#faq" },
|
|
{ label: "Contact", href: "#contact" },
|
|
],
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "Facebook", href: "https://facebook.com" },
|
|
{ label: "TikTok", href: "https://tiktok.com" },
|
|
{ label: "Email", href: "mailto:paintasy@events.com" },
|
|
{ label: "Phone", href: "tel:+15551234567" },
|
|
],
|
|
},
|
|
{
|
|
title: "Service Areas", items: [
|
|
{ label: "Local Events", href: "#contact" },
|
|
{ label: "Regional Coverage", href: "#contact" },
|
|
{ label: "Book Now", href: "#packages" },
|
|
{ label: "Get Quote", href: "#contact" },
|
|
],
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="large"
|
|
background="none"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
brandName="Paintasy"
|
|
navItems={navItems}
|
|
bottomLeftText="Creative Face & Body Art"
|
|
bottomRightText="paintasy@events.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="hero-home" className="mx-auto px-4 md:px-6">
|
|
<HeroBillboardGallery
|
|
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. Expert artists, hypoallergenic paints, custom designs for all occasions."
|
|
background={{ variant: "radial-gradient" }}
|
|
tag="Creative Entertainment"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Book Your Event", href: "#packages" },
|
|
{ text: "View Our Gallery", href: "#gallery" },
|
|
]}
|
|
buttonAnimation="blur-reveal"
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-make-up-woman-wearing-mask_23-2148784326.jpg", imageAlt: "Professional face painting at event"},
|
|
]}
|
|
mediaAnimation="opacity"
|
|
ariaLabel="Hero section showcasing professional face painting services with portfolio images"
|
|
className="min-h-screen"
|
|
containerClassName="flex flex-col lg:flex-row items-center justify-between gap-12"
|
|
titleClassName="text-4xl sm:text-5xl lg:text-6xl font-extrabold leading-tight"
|
|
descriptionClassName="text-base sm:text-lg lg:text-xl opacity-90 max-w-2xl"
|
|
buttonContainerClassName="flex flex-col sm:flex-row gap-4 mt-8 w-full sm:w-auto"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about-home" className="mx-auto px-4 md:px-6">
|
|
<MetricSplitMediaAbout
|
|
title="About Paintasy Face and Body Art"
|
|
description="Paintasy brings creativity and color to events with professional face painting and body art services. We've been transforming celebrations and creating magical moments for hundreds of happy clients. Our artists are trained professionals dedicated to delivering exceptional service, vibrant designs, and memorable experiences across all event types."
|
|
tag="Professional Artists"
|
|
tagIcon={Palette}
|
|
tagAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/portrait-smiling-adult-man-his-30s-that-is-painting-big-canvas-with-lot-brushes-palette-while-sitting-floor-art-studio_662251-323.jpg?_wi=1"
|
|
imageAlt="Professional face painter creating custom artwork designs"
|
|
mediaAnimation="blur-reveal"
|
|
metrics={[
|
|
{ value: "500+", title: "Happy Events" },
|
|
{ value: "1000+", title: "Painted Faces" },
|
|
{ value: "10+", title: "Years Experience" },
|
|
{ value: "100%", title: "Client Satisfaction" },
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
ariaLabel="About section with company information and professional credentials"
|
|
containerClassName="gap-12"
|
|
titleClassName="text-3xl sm:text-4xl font-extrabold"
|
|
descriptionClassName="text-base sm:text-lg opacity-90 max-w-2xl"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services-home" className="mx-auto px-4 md:px-6">
|
|
<FeatureCardTen
|
|
title="Our Face Painting & Body Art 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. Custom designs available for all service types."
|
|
tag="Premium Services"
|
|
tagIcon={Palette}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
id: "kids-party", title: "Kids Party Face Painting", description: "Fun, colorful designs perfect for birthday celebrations and children's events. Butterflies, superheroes, animals, and princesses crafted with safe, professional-grade products.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-eyes-woman-smiling-festival_23-2148338055.jpg?_wi=1", imageAlt: "Colorful kids party face painting designs - butterflies, animals, and characters"},
|
|
items: [
|
|
{ icon: Sparkles, text: "Colorful & playful designs" },
|
|
{ icon: Heart, text: "Safe, child-friendly products" },
|
|
{ icon: Smile, text: "Quick turnaround per child" },
|
|
],
|
|
reverse: false,
|
|
},
|
|
{
|
|
id: "festival", title: "Festival Face Art", description: "Fast, creative designs perfect for large crowds and outdoor events. Artistic flair meets quick service for high-volume event entertainment.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-putting-makeup-man_23-2149357796.jpg?_wi=1", imageAlt: "Festival face painting artwork showcasing fast, artistic designs"},
|
|
items: [
|
|
{ icon: Zap, text: "Fast service for crowds" },
|
|
{ icon: Star, text: "Creative artistic designs" },
|
|
{ icon: Music, text: "Perfect for music & outdoor events" },
|
|
],
|
|
reverse: true,
|
|
},
|
|
{
|
|
id: "corporate", title: "Corporate Event Entertainment", description: "Professional face painting for company parties, brand activations, and team celebrations. Branded designs and custom theming available for corporate clients.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/male-dj-party-charge-music-entertainment_23-2149658399.jpg?_wi=1", imageAlt: "Corporate event entertainment and professional face painting service"},
|
|
items: [
|
|
{ icon: Briefcase, text: "Professional & polished service" },
|
|
{ icon: Target, text: "Branded design options available" },
|
|
{ icon: Users, text: "Great for team building" },
|
|
],
|
|
reverse: false,
|
|
},
|
|
]}
|
|
buttons={[{ text: "Explore All Services", href: "#services" }]}
|
|
buttonAnimation="blur-reveal"
|
|
ariaLabel="Services section showcasing professional face painting and body art offerings"
|
|
containerClassName="gap-12"
|
|
itemClassName="text-3xl sm:text-4xl font-extrabold"
|
|
/>
|
|
</div>
|
|
|
|
<div id="packages" data-section="packages-home" className="mx-auto px-4 md:px-6">
|
|
<PricingCardFive
|
|
title="Event Packages & Pricing"
|
|
description="Simple, flexible face painting pricing for parties, festivals, and corporate events. Each package includes professional service and artistic creativity. Transparent rates with no hidden fees."
|
|
tag="Transparent Pricing"
|
|
tagIcon={DollarSign}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="scale-rotate"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "birthday-basic", tag: "Popular", tagIcon: Star,
|
|
price: "$150", period: "per hour", description: "Perfect for small birthday celebrations and intimate events", button: { text: "Request Quote", href: "#contact" },
|
|
featuresTitle: "What's Included", features: [
|
|
"Up to 15 kids", "Colorful themed designs", "Face painting only", "Basic design themes"],
|
|
},
|
|
{
|
|
id: "birthday-deluxe", tag: "Best Value", tagIcon: Heart,
|
|
price: "$200", period: "per 2 hours", description: "Full party entertainment package with extended coverage", button: { text: "Request Quote", href: "#contact" },
|
|
featuresTitle: "What's Included", features: [
|
|
"Up to 25 kids", "Custom themed designs", "Face & temporary tattoos", "Interactive entertainment"],
|
|
},
|
|
{
|
|
id: "festival-event", tag: "Flexible", tagIcon: Sparkles,
|
|
price: "$250", period: "per 3 hours", description: "Festival and outdoor event service with high-volume capacity", button: { text: "Request Quote", href: "#contact" },
|
|
featuresTitle: "What's Included", features: [
|
|
"High-capacity crowd service", "Fast artistic designs", "Setup & teardown included", "Portable station"],
|
|
},
|
|
]}
|
|
buttons={[{ text: "View All Packages", href: "#packages" }]}
|
|
buttonAnimation="blur-reveal"
|
|
ariaLabel="Pricing section with face painting package options and rates"
|
|
containerClassName="gap-12"
|
|
textBoxTitleClassName="text-3xl sm:text-4xl font-extrabold"
|
|
textBoxDescriptionClassName="text-base sm:text-lg opacity-90 max-w-3xl"
|
|
cardClassName="p-6 sm:p-8"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials-home" className="mx-auto px-4 md:px-6">
|
|
<TestimonialCardTwo
|
|
title="What Our Clients Say"
|
|
description="Real testimonials from happy clients who've booked Paintasy face and body art services for their events."
|
|
tag="Client Reviews"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="blur-reveal"
|
|
useInvertedBackground={true}
|
|
carouselMode="buttons"
|
|
testimonials={[
|
|
{
|
|
id: "testimonial-1", name: "Sarah Johnson", role: "Parent, Birthday Party Host", testimonial: "Paintasy was absolutely amazing! The kids loved their face paintings and the artist was so professional and friendly. Our daughter's birthday was unforgettable!", imageSrc: "http://img.b2bpic.net/free-photo/family-portrait-surprised-father-has-yellow-face-from-paints-cheerful-two-daughters-shows-palms-dirty-with-watercolours-paint-picture-pastime-isolated-lilac-wall-this-is-art_273609-26128.jpg?_wi=1", imageAlt: "Happy children enjoying professional face painting at birthday party", icon: Heart,
|
|
},
|
|
{
|
|
id: "testimonial-2", name: "Marcus Chen", role: "Festival Organizer", testimonial: "We hired Paintasy for our community festival and they were fantastic. Quick service, beautiful designs, and the crowd loved it. Booking them again next year!", imageSrc: "http://img.b2bpic.net/free-photo/man-covered-different-colors-holi_23-2148337991.jpg?_wi=1", imageAlt: "Festival attendees enjoying professional face painting services", icon: Smile,
|
|
},
|
|
{
|
|
id: "testimonial-3", name: "Emily Rodriguez", role: "Corporate Event Planner", testimonial: "Professional, creative, and reliable. Paintasy added the perfect touch of fun to our corporate team building event. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/group-young-friends-celebrating-new-year_23-2147720468.jpg", imageAlt: "Corporate event attendees enjoying entertainment and face art services", icon: Award,
|
|
},
|
|
{
|
|
id: "testimonial-4", name: "David Kim", role: "School Principal", testimonial: "The face painting station at our school carnival was the highlight! Kids had so much fun, and the artist was fantastic with them. Thank you!", 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: "Children enjoying face painting at school carnival event", icon: Sparkles,
|
|
},
|
|
{
|
|
id: "testimonial-5", name: "Jessica Martinez", role: "Wedding Planner", testimonial: "Added Paintasy as entertainment for a children's wedding reception. The kids were thrilled and parents appreciated the care taken with hygiene and safety.", 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: "Professional face painting service at children's wedding event", icon: Heart,
|
|
},
|
|
{
|
|
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 and entertainment service", icon: Star,
|
|
},
|
|
]}
|
|
buttons={[{ text: "Book Now", href: "#packages" }]}
|
|
buttonAnimation="blur-reveal"
|
|
ariaLabel="Client testimonials and reviews section for face painting services"
|
|
containerClassName="gap-12"
|
|
textBoxTitleClassName="text-3xl sm:text-4xl font-extrabold"
|
|
textBoxDescriptionClassName="text-base sm:text-lg opacity-90 max-w-3xl"
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery-preview-home" className="mx-auto px-4 md:px-6">
|
|
<ProductCardFour
|
|
title="Photo Gallery & Portfolio"
|
|
description="Real photos from our professional face painting and body art events. Browse our portfolio of creative designs and happy clients across all event types."
|
|
tag="Portfolio Showcase"
|
|
tagIcon={Camera}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="opacity"
|
|
useInvertedBackground={false}
|
|
gridVariant="three-columns-all-equal-width"
|
|
carouselMode="buttons"
|
|
products={[
|
|
{
|
|
id: "gallery-1", name: "Kids Face Painting", price: "Colorful Designs", variant: "Birthday Parties", imageSrc: "http://img.b2bpic.net/free-psd/holi-festival-celebration-instagram-posts_23-2151227255.jpg?_wi=1", imageAlt: "Collection of professional kids face painting designs and artwork"},
|
|
{
|
|
id: "gallery-2", name: "Festival Face Art", price: "Creative Artistry", variant: "Outdoor Events", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-brush-close-up_23-2148966902.jpg?_wi=1", imageAlt: "Professional festival face painting artwork and artistic designs"},
|
|
{
|
|
id: "gallery-3", name: "Body Painting Art", price: "Professional Service", variant: "Special Events", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-women-with-all-kinds-body_23-2149159242.jpg?_wi=1", imageAlt: "Professional body art photography and creative body painting services"},
|
|
{
|
|
id: "gallery-4", name: "Custom Designs", price: "Personalized Art", variant: "Themed Events", imageSrc: "http://img.b2bpic.net/free-photo/fun-portrait-with-decorations-face_23-2150749319.jpg?_wi=1", imageAlt: "Custom themed face painting designs for special events"},
|
|
]}
|
|
buttons={[{ text: "View Full Gallery", href: "#gallery" }]}
|
|
buttonAnimation="blur-reveal"
|
|
ariaLabel="Photo gallery preview section showcasing professional face painting portfolio"
|
|
containerClassName="gap-12"
|
|
cardNameClassName="text-3xl sm:text-4xl font-extrabold"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq-home" className="mx-auto px-4 md:px-6">
|
|
<FaqBase
|
|
title="Frequently Asked Questions"
|
|
description="Everything you need to know about booking Paintasy professional face and body art services for your event."
|
|
tag="FAQ"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="smooth"
|
|
faqsAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
showCard={true}
|
|
faqs={[
|
|
{
|
|
id: "faq-1", title: "How far in advance should I book face painting services?", content: "We recommend booking at least 2-3 weeks in advance to secure your preferred date and time for face painting services. For large events or peak seasons, 4-6 weeks advance booking is ideal. Last-minute bookings may be available depending on our artist schedule."},
|
|
{
|
|
id: "faq-2", title: "Are your face paints safe for children and sensitive skin?", content: "Absolutely! We use only professional-grade, hypoallergenic face paints that are non-toxic and dermatologist-tested. All products are safe for sensitive skin and children. We also practice strict hygiene protocols, using clean brushes and sanitized application tools for each client to ensure safety and comfort."},
|
|
{
|
|
id: "faq-3", title: "How long does professional face painting take per person?", content: "Simple designs typically take 3-5 minutes, while more detailed or custom face painting designs take 8-12 minutes. At festivals, we optimize for speed without sacrificing quality. For birthday parties and events, we allow a bit more time for custom designs and interactions with children."},
|
|
{
|
|
id: "faq-4", title: "What if someone has a skin allergy to face paint?", content: "We have hypoallergenic face painting options available for sensitive skin. Please inform us of any allergies when booking your event. We're always happy to discuss alternative products or perform test patches before proceeding with full face painting service."},
|
|
{
|
|
id: "faq-5", title: "Can you create custom face painting designs for themed events?", content: "Yes! We specialize in custom face painting designs for themed parties and corporate events. Please provide theme details or reference images when booking your face painting service. There may be a small additional fee for very complex custom designs."},
|
|
{
|
|
id: "faq-6", title: "What's included in your face painting packages?", content: "All packages include professional face painting service, setup and teardown, and our artist's materials. Some packages include additional services like temporary tattoos or body painting. Check specific package details for what's included in your event package."},
|
|
]}
|
|
buttons={[{ text: "Book Your Event", href: "#packages" }]}
|
|
buttonAnimation="blur-reveal"
|
|
ariaLabel="FAQ section with common questions about face painting services"
|
|
containerClassName="gap-12"
|
|
textBoxTitleClassName="text-3xl sm:text-4xl font-extrabold"
|
|
textBoxDescriptionClassName="text-base sm:text-lg opacity-90 max-w-3xl"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact-home" className="mx-auto px-4 md:px-6">
|
|
<ContactText
|
|
text="Ready to add magic to your event? Get in touch with Paintasy Face and Body Art. We'd love to discuss your event and create an unforgettable experience for your guests with professional face painting and body art services."
|
|
animationType="background-highlight"
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Request a Quote", href: "#contact" },
|
|
{ text: "Call Us", href: "tel:+15551234567" },
|
|
]}
|
|
ariaLabel="Contact call-to-action section for booking face painting services"
|
|
containerClassName="py-12 sm:py-16"
|
|
contentClassName="max-w-3xl mx-auto"
|
|
textClassName="text-3xl sm:text-4xl font-extrabold text-center"
|
|
buttonContainerClassName="flex flex-col sm:flex-row gap-4 justify-center mt-8 w-full sm:w-auto"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer-home" className="mx-auto px-4 md:px-6">
|
|
<FooterSimple
|
|
columns={footerColumns}
|
|
bottomLeftText="© 2024 Paintasy Face and Body Art. All rights reserved."
|
|
bottomRightText="Professional Event Entertainment | Creative Services"
|
|
ariaLabel="Site footer with navigation links and contact information"
|
|
containerClassName="gap-12"
|
|
columnsClassName="grid-cols-2 lg:grid-cols-4 gap-6 sm:gap-8"
|
|
columnTitleClassName="font-extrabold text-lg text-sm sm:text-base lg:text-lg"
|
|
columnItemClassName="text-sm sm:text-base hover:opacity-70 transition-opacity"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|