Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| d9452d7f73 | |||
| ea3f748417 | |||
| 0a9ee7437c | |||
| 8eab10eef4 | |||
| ad85baafce | |||
| 03689cea53 |
@@ -160,8 +160,7 @@ export default function AboutPage() {
|
||||
},
|
||||
]}
|
||||
containerClassName="gap-12"
|
||||
itemClassName=""
|
||||
mediaWrapperClassName=""
|
||||
containerClassName="gap-12"
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -1,332 +0,0 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import { useState } from 'react';
|
||||
import { Calendar, Clock, Users, Palette, Phone, Mail } from 'lucide-react';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
|
||||
export default function BookingPage() {
|
||||
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" },
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
const [formData, setFormData] = useState({
|
||||
fullName: '',
|
||||
email: '',
|
||||
phone: '',
|
||||
eventType: '',
|
||||
eventDate: '',
|
||||
eventTime: '',
|
||||
guestCount: '',
|
||||
serviceType: '',
|
||||
additionalNotes: '',
|
||||
});
|
||||
|
||||
const [submitted, setSubmitted] = useState(false);
|
||||
|
||||
const handleChange = (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>) => {
|
||||
const { name, value } = e.target;
|
||||
setFormData(prev => ({
|
||||
...prev,
|
||||
[name]: value
|
||||
}));
|
||||
};
|
||||
|
||||
const handleSubmit = (e: React.FormEvent) => {
|
||||
e.preventDefault();
|
||||
console.log('Form submitted:', formData);
|
||||
setSubmitted(true);
|
||||
setTimeout(() => {
|
||||
setFormData({
|
||||
fullName: '',
|
||||
email: '',
|
||||
phone: '',
|
||||
eventType: '',
|
||||
eventDate: '',
|
||||
eventTime: '',
|
||||
guestCount: '',
|
||||
serviceType: '',
|
||||
additionalNotes: '',
|
||||
});
|
||||
setSubmitted(false);
|
||||
}, 3000);
|
||||
};
|
||||
|
||||
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="booking-form" data-section="booking-form" className="mx-auto px-4 md:px-6 py-20 max-w-2xl">
|
||||
<div className="mb-12">
|
||||
<h1 className="text-4xl font-extrabold mb-4">Book Your Event</h1>
|
||||
<p className="text-lg opacity-90 mb-8">Complete this form to request a booking for professional face and body art services at your event. We'll get back to you within 24 hours with availability and pricing details.</p>
|
||||
</div>
|
||||
|
||||
{submitted && (
|
||||
<div className="mb-6 p-4 bg-green-100 border border-green-300 rounded-lg text-green-800">
|
||||
<p className="font-semibold">Thank you! Your booking request has been submitted. We'll contact you soon to confirm details.</p>
|
||||
</div>
|
||||
)}
|
||||
|
||||
<form onSubmit={handleSubmit} className="space-y-6">
|
||||
{/* Contact Information Section */}
|
||||
<div className="border-b pb-6">
|
||||
<h2 className="text-2xl font-bold mb-4 flex items-center gap-2">
|
||||
<Mail className="w-5 h-5" />
|
||||
Contact Information
|
||||
</h2>
|
||||
|
||||
<div className="space-y-4">
|
||||
<div>
|
||||
<label htmlFor="fullName" className="block text-sm font-semibold mb-2">Full Name *</label>
|
||||
<input
|
||||
id="fullName"
|
||||
type="text"
|
||||
name="fullName"
|
||||
value={formData.fullName}
|
||||
onChange={handleChange}
|
||||
required
|
||||
placeholder="Your full name"
|
||||
className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-blue-500"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label htmlFor="email" className="block text-sm font-semibold mb-2">Email Address *</label>
|
||||
<input
|
||||
id="email"
|
||||
type="email"
|
||||
name="email"
|
||||
value={formData.email}
|
||||
onChange={handleChange}
|
||||
required
|
||||
placeholder="your.email@example.com"
|
||||
className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-blue-500"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label htmlFor="phone" className="block text-sm font-semibold mb-2">Phone Number *</label>
|
||||
<input
|
||||
id="phone"
|
||||
type="tel"
|
||||
name="phone"
|
||||
value={formData.phone}
|
||||
onChange={handleChange}
|
||||
required
|
||||
placeholder="(555) 123-4567"
|
||||
className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-blue-500"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Event Details Section */}
|
||||
<div className="border-b pb-6">
|
||||
<h2 className="text-2xl font-bold mb-4 flex items-center gap-2">
|
||||
<Calendar className="w-5 h-5" />
|
||||
Event Details
|
||||
</h2>
|
||||
|
||||
<div className="space-y-4">
|
||||
<div>
|
||||
<label htmlFor="eventType" className="block text-sm font-semibold mb-2">Event Type *</label>
|
||||
<select
|
||||
id="eventType"
|
||||
name="eventType"
|
||||
value={formData.eventType}
|
||||
onChange={handleChange}
|
||||
required
|
||||
className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-blue-500"
|
||||
>
|
||||
<option value="">Select an event type</option>
|
||||
<option value="birthday">Birthday Party</option>
|
||||
<option value="festival">Festival or Outdoor Event</option>
|
||||
<option value="corporate">Corporate Event</option>
|
||||
<option value="wedding">Wedding</option>
|
||||
<option value="school">School Event</option>
|
||||
<option value="other">Other</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div className="grid grid-cols-2 gap-4">
|
||||
<div>
|
||||
<label htmlFor="eventDate" className="block text-sm font-semibold mb-2">Event Date *</label>
|
||||
<input
|
||||
id="eventDate"
|
||||
type="date"
|
||||
name="eventDate"
|
||||
value={formData.eventDate}
|
||||
onChange={handleChange}
|
||||
required
|
||||
className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-blue-500"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label htmlFor="eventTime" className="block text-sm font-semibold mb-2 flex items-center gap-1">
|
||||
<Clock className="w-4 h-4" />
|
||||
Event Time *
|
||||
</label>
|
||||
<input
|
||||
id="eventTime"
|
||||
type="time"
|
||||
name="eventTime"
|
||||
value={formData.eventTime}
|
||||
onChange={handleChange}
|
||||
required
|
||||
className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-blue-500"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label htmlFor="guestCount" className="block text-sm font-semibold mb-2 flex items-center gap-1">
|
||||
<Users className="w-4 h-4" />
|
||||
Expected Guest Count *
|
||||
</label>
|
||||
<input
|
||||
id="guestCount"
|
||||
type="number"
|
||||
name="guestCount"
|
||||
value={formData.guestCount}
|
||||
onChange={handleChange}
|
||||
required
|
||||
placeholder="e.g., 25"
|
||||
min="1"
|
||||
className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-blue-500"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Service Selection Section */}
|
||||
<div className="border-b pb-6">
|
||||
<h2 className="text-2xl font-bold mb-4 flex items-center gap-2">
|
||||
<Palette className="w-5 h-5" />
|
||||
Service Selection
|
||||
</h2>
|
||||
|
||||
<div>
|
||||
<label htmlFor="serviceType" className="block text-sm font-semibold mb-2">What service are you interested in? *</label>
|
||||
<select
|
||||
id="serviceType"
|
||||
name="serviceType"
|
||||
value={formData.serviceType}
|
||||
onChange={handleChange}
|
||||
required
|
||||
className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-blue-500"
|
||||
>
|
||||
<option value="">Select a service</option>
|
||||
<option value="face-painting">Face Painting Only</option>
|
||||
<option value="body-painting">Body Painting</option>
|
||||
<option value="both">Face & Body Painting</option>
|
||||
<option value="custom">Custom Design Package</option>
|
||||
<option value="unsure">Not sure - need consultation</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Additional Notes Section */}
|
||||
<div>
|
||||
<label htmlFor="additionalNotes" className="block text-sm font-semibold mb-2">Additional Notes or Special Requests</label>
|
||||
<textarea
|
||||
id="additionalNotes"
|
||||
name="additionalNotes"
|
||||
value={formData.additionalNotes}
|
||||
onChange={handleChange}
|
||||
placeholder="Tell us about your vision, theme, any special requests, allergies, or other details that would help us serve you better."
|
||||
rows={5}
|
||||
className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-blue-500"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="pt-6">
|
||||
<button
|
||||
type="submit"
|
||||
className="w-full px-6 py-3 bg-blue-600 text-white font-semibold rounded-lg hover:bg-blue-700 transition-colors"
|
||||
>
|
||||
Submit Booking Request
|
||||
</button>
|
||||
<p className="text-xs text-gray-600 mt-3 text-center">We'll respond to your booking request within 24 hours with availability and pricing.</p>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div id="footer-booking" data-section="footer-booking" className="mx-auto px-4 md:px-6">
|
||||
<FooterSimple
|
||||
columns={footerColumns}
|
||||
bottomLeftText="© 2024 Paintasy Face and Body Art. All rights reserved."
|
||||
bottomRightText="Professional Event Entertainment | Creative Services"
|
||||
ariaLabel="Site footer with links"
|
||||
containerClassName="gap-12"
|
||||
columnsClassName="grid-cols-2 lg:grid-cols-4"
|
||||
columnTitleClassName="font-extrabold text-lg"
|
||||
columnItemClassName="hover:opacity-70 transition-opacity"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -1,51 +1,55 @@
|
||||
"use client";
|
||||
|
||||
import Link from "next/link";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import { Mail, Phone, MapPin } from 'lucide-react';
|
||||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FaqBase from "@/components/sections/faq/FaqBase";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
import { HelpCircle, Mail, Phone, MapPin } from "lucide-react";
|
||||
|
||||
export default function ContactPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Packages", id: "/packages" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Packages", id: "packages" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Services", items: [
|
||||
title: "Services",
|
||||
items: [
|
||||
{ label: "Kids Party Face Painting", href: "/services" },
|
||||
{ label: "Festival Face Art", href: "/services" },
|
||||
{ label: "Corporate Events", href: "/services" },
|
||||
{ label: "Body Painting", href: "/services" },
|
||||
{ label: "Custom Designs", href: "/services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Gallery", href: "/gallery" },
|
||||
{ label: "Packages", href: "/packages" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
title: "Connect",
|
||||
items: [
|
||||
{ label: "Instagram", href: "https://instagram.com" },
|
||||
{ label: "Facebook", href: "https://facebook.com" },
|
||||
{ label: "TikTok", href: "https://tiktok.com" },
|
||||
{ label: "Email", href: "mailto:paintasy@events.com" },
|
||||
{ label: "Phone", href: "tel:+15551234567" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Service Areas", items: [
|
||||
title: "Service Areas",
|
||||
items: [
|
||||
{ label: "Local Events", href: "/contact" },
|
||||
{ label: "Regional Coverage", href: "/contact" },
|
||||
{ label: "Book Now", href: "/packages" },
|
||||
@@ -69,48 +73,109 @@ export default function ContactPage() {
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
brandName="Paintasy"
|
||||
navItems={navItems}
|
||||
brandName="Paintasy"
|
||||
bottomLeftText="Creative Face & Body Art"
|
||||
bottomRightText="paintasy@events.com"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-split" data-section="contact-split" className="mx-auto px-4 md:px-6 py-20">
|
||||
<ContactSplit
|
||||
tag="Get in Touch"
|
||||
title="Book Your Event Today"
|
||||
description="Transform your celebration with professional face and body art. Quick response times, flexible scheduling, and creative designs tailored to your event. Let's make your event unforgettable!"
|
||||
<div id="contact-page-hero" data-section="contact-page-hero">
|
||||
<HeroBillboardGallery
|
||||
title="Get In Touch"
|
||||
description="Ready to book Paintasy for your event? Contact us today and let's create an unforgettable experience."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Send Message"
|
||||
termsText="By submitting this form, you agree to be contacted about your event inquiry."
|
||||
buttons={[{ text: "Call Us", href: "tel:+15551234567" }]}
|
||||
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=4",
|
||||
imageAlt: "Contact Paintasy for your event",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="opacity"
|
||||
onSubmit={(email) => {
|
||||
console.log("Form submitted with email:", email);
|
||||
}}
|
||||
ariaLabel="Contact form section"
|
||||
containerClassName="gap-12"
|
||||
tagClassName="text-sm"
|
||||
titleClassName="text-4xl font-extrabold"
|
||||
descriptionClassName="text-lg opacity-90 max-w-2xl"
|
||||
buttonClassName="px-8 py-3"
|
||||
buttonTextClassName="font-semibold"
|
||||
titleClassName="text-5xl font-extrabold"
|
||||
descriptionClassName="text-lg opacity-90"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer-contact" data-section="footer-contact" className="mx-auto px-4 md:px-6">
|
||||
<div id="contact-cta" data-section="contact-cta">
|
||||
<ContactText
|
||||
text="Ready to add magic to your event? Contact Paintasy Face and Body Art today. We'd love to discuss your event and create an unforgettable experience for your guests. Get your quote or schedule a consultation now!"
|
||||
animationType="background-highlight"
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Email Us", href: "mailto:paintasy@events.com" },
|
||||
{ text: "Call +1 (555) 123-4567", href: "tel:+15551234567" },
|
||||
]}
|
||||
containerClassName="py-16"
|
||||
textClassName="text-3xl font-extrabold text-center"
|
||||
buttonContainerClassName="flex flex-col sm:flex-row gap-4 justify-center mt-8"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-faq" data-section="contact-faq">
|
||||
<FaqBase
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about booking Paintasy 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?",
|
||||
content:
|
||||
"We recommend booking at least 2-3 weeks in advance to secure your preferred date and time. For large events or peak seasons, 4-6 weeks advance booking is ideal. Last-minute bookings may be available depending on our schedule.",
|
||||
},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "Are your face paints safe for children?",
|
||||
content:
|
||||
"Absolutely! We use only professional-grade, hypoallergenic face paints that are non-toxic and dermatologist-tested. All products are safe for sensitive skin. We also practice strict hygiene protocols, using clean brushes and sanitized application tools for each client.",
|
||||
},
|
||||
{
|
||||
id: "faq-3",
|
||||
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 optimize for speed without sacrificing quality. For parties, we allow a bit more time for custom designs and interactions with children.",
|
||||
},
|
||||
{
|
||||
id: "faq-4",
|
||||
title: "What if someone has a skin allergy?",
|
||||
content:
|
||||
"We have hypoallergenic options available. Please inform us of any allergies when booking. We're always happy to discuss alternative products or test patches before proceeding with full face painting.",
|
||||
},
|
||||
{
|
||||
id: "faq-5",
|
||||
title: "Can you do custom designs?",
|
||||
content:
|
||||
"Yes! We specialize in custom designs for themed parties and corporate events. Please provide theme details or reference images when booking. There may be a small additional fee for very complex custom designs.",
|
||||
},
|
||||
{
|
||||
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: "View Packages", href: "/packages" }]}
|
||||
buttonAnimation="blur-reveal"
|
||||
containerClassName="gap-12"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={footerColumns}
|
||||
bottomLeftText="© 2024 Paintasy Face and Body Art. All rights reserved."
|
||||
bottomRightText="Professional Event Entertainment | Creative Services"
|
||||
ariaLabel="Site footer with links"
|
||||
containerClassName="gap-12"
|
||||
columnsClassName="grid-cols-2 lg:grid-cols-4"
|
||||
columnTitleClassName="font-extrabold text-lg"
|
||||
columnItemClassName="hover:opacity-70 transition-opacity"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
@@ -1,56 +1,57 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import { Camera, Sparkles } from 'lucide-react';
|
||||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
|
||||
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
import Link from "next/link";
|
||||
|
||||
export default function GalleryPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Packages", id: "/packages" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Packages", id: "packages" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
{ 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: "Gallery",
|
||||
items: [
|
||||
{ label: "Kids Designs", href: "#gallery" },
|
||||
{ label: "Festival Art", href: "#gallery" },
|
||||
{ label: "Body Painting", href: "#gallery" },
|
||||
{ label: "Custom Designs", href: "#gallery" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Gallery", href: "/gallery" },
|
||||
title: "Services",
|
||||
items: [
|
||||
{ label: "All Services", href: "/services" },
|
||||
{ label: "Packages", href: "/packages" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "Pricing", href: "/packages" },
|
||||
{ label: "About", href: "/about" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
title: "Social Media",
|
||||
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" },
|
||||
title: "Book Now",
|
||||
items: [
|
||||
{ label: "View Packages", href: "/packages" },
|
||||
{ label: "Request Quote", href: "/contact" },
|
||||
{ label: "Contact Us", href: "/contact" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
],
|
||||
},
|
||||
];
|
||||
@@ -70,83 +71,132 @@ export default function GalleryPage() {
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
brandName="Paintasy"
|
||||
navItems={navItems}
|
||||
brandName="Paintasy"
|
||||
bottomLeftText="Creative Face & Body Art"
|
||||
bottomRightText="paintasy@events.com"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery-full" data-section="gallery-full" className="mx-auto px-4 md:px-6 py-20">
|
||||
<div id="gallery-page-hero" data-section="gallery-page-hero">
|
||||
<HeroBillboardGallery
|
||||
title="Event Photo Gallery"
|
||||
description="Real photos from real events. Browse our portfolio of professional face painting and body art work."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Event",
|
||||
href: "/packages",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="blur-reveal"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-brush-close-up_23-2148966902.jpg?_wi=2",
|
||||
imageAlt: "Festival face painting event photography",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="opacity"
|
||||
titleClassName="text-5xl font-extrabold"
|
||||
descriptionClassName="text-lg opacity-90"
|
||||
ariaLabel="Gallery page hero section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery-showcase" data-section="gallery-showcase">
|
||||
<ProductCardFour
|
||||
title="Complete Photo Gallery"
|
||||
description="Explore our full collection of face painting and body art work from events, festivals, and celebrations. Real photos showcasing our professional artistry and creativity."
|
||||
tag="Portfolio"
|
||||
tagIcon={Camera}
|
||||
tagAnimation="slide-up"
|
||||
title="Complete Portfolio"
|
||||
description="Browse our complete collection of face painting and body art from events throughout the year."
|
||||
textboxLayout="default"
|
||||
animationType="opacity"
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
gridVariant="bento-grid"
|
||||
carouselMode="buttons"
|
||||
products={[
|
||||
{
|
||||
id: "gallery-kids-1", name: "Butterfly Dreams", price: "Kids Party", variant: "Birthday Event", imageSrc: "http://img.b2bpic.net/free-photo/dreamy-eyes-woman-smiling-festival_23-2148338055.jpg?_wi=1", imageAlt: "Butterfly face painting design on child"},
|
||||
id: "gallery-kids-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=2",
|
||||
imageAlt: "Kids birthday party face painting designs",
|
||||
},
|
||||
{
|
||||
id: "gallery-kids-2", name: "Superhero Masks", price: "Kids Party", variant: "Birthday Event", imageSrc: "http://img.b2bpic.net/free-photo/fun-portrait-with-decorations-face_23-2150749319.jpg?_wi=1", imageAlt: "Superhero themed face painting for children"},
|
||||
id: "gallery-festival-1",
|
||||
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=3",
|
||||
imageAlt: "Festival face painting artwork showcase",
|
||||
},
|
||||
{
|
||||
id: "gallery-festival-1", name: "Festival Fantasy", price: "Festival Art", variant: "Outdoor Event", imageSrc: "http://img.b2bpic.net/free-photo/man-covered-different-colors-holi_23-2148337991.jpg?_wi=1", imageAlt: "Vibrant festival face painting with multiple colors"},
|
||||
id: "gallery-body-1",
|
||||
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=2",
|
||||
imageAlt: "Professional body art photography",
|
||||
},
|
||||
{
|
||||
id: "gallery-festival-2", name: "Rainbow Celebration", price: "Festival Art", variant: "Outdoor Event", imageSrc: "http://img.b2bpic.net/free-psd/holi-festival-celebration-instagram-posts_23-2151227255.jpg?_wi=1", imageAlt: "Rainbow colored festival face art"},
|
||||
id: "gallery-custom-1",
|
||||
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=2",
|
||||
imageAlt: "Custom themed face painting designs",
|
||||
},
|
||||
{
|
||||
id: "gallery-body-1", name: "Body Art Elegance", price: "Body Painting", variant: "Special Event", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-women-with-all-kinds-body_23-2149159242.jpg?_wi=1", imageAlt: "Professional body painting artwork"},
|
||||
id: "gallery-kids-2",
|
||||
name: "Princess & Character",
|
||||
price: "Enchanting Designs",
|
||||
variant: "Theme Parties",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/holi-festival-celebration-instagram-posts_23-2151227255.jpg?_wi=3",
|
||||
imageAlt: "Princess character face painting designs",
|
||||
},
|
||||
{
|
||||
id: "gallery-custom-1", name: "Artistic Creation", price: "Custom Design", variant: "Themed Event", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-brush-close-up_23-2148966902.jpg?_wi=1", imageAlt: "Artist applying custom face painting design"},
|
||||
id: "gallery-festival-2",
|
||||
name: "Festival Entertainment",
|
||||
price: "Live Entertainment",
|
||||
variant: "Large Events",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-brush-close-up_23-2148966902.jpg?_wi=4",
|
||||
imageAlt: "Festival face painter with audience",
|
||||
},
|
||||
{
|
||||
id: "gallery-kids-3", name: "Princess Tiara", price: "Kids Party", variant: "Birthday Event", 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: "Princess themed face painting on young girl"},
|
||||
id: "gallery-body-2",
|
||||
name: "Artistic Body Designs",
|
||||
price: "High Impact Art",
|
||||
variant: "Photo Shoots",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-women-with-all-kinds-body_23-2149159242.jpg?_wi=3",
|
||||
imageAlt: "Artistic body painting photoshoot",
|
||||
},
|
||||
{
|
||||
id: "gallery-festival-3", name: "Glitter Dreams", price: "Festival Art", variant: "Outdoor Event", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-putting-makeup-man_23-2149357796.jpg?_wi=1", imageAlt: "Glittery festival face painting design"},
|
||||
{
|
||||
id: "gallery-corporate-1", name: "Brand Activation", price: "Corporate Event", variant: "Professional", imageSrc: "http://img.b2bpic.net/free-photo/male-dj-party-charge-music-entertainment_23-2149658399.jpg?_wi=1", imageAlt: "Corporate event face painting for brand activation"},
|
||||
id: "gallery-corporate",
|
||||
name: "Corporate Events",
|
||||
price: "Professional Art",
|
||||
variant: "Team Events",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-dj-party-charge-music-entertainment_23-2149658399.jpg?_wi=3",
|
||||
imageAlt: "Corporate event face painting",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Your Event", href: "/packages" }]}
|
||||
buttonAnimation="blur-reveal"
|
||||
ariaLabel="Complete photo gallery with all artworks"
|
||||
containerClassName="gap-12"
|
||||
cardNameClassName=""
|
||||
cardPriceClassName=""
|
||||
cardVariantClassName=""
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-gallery" data-section="contact-gallery" className="mx-auto px-4 md:px-6">
|
||||
<ContactText
|
||||
text="Love what you see? Let's bring these creative designs to your next event! Contact Paintasy today to book your professional face and body art experience."
|
||||
animationType="background-highlight"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Request a Quote", href: "/contact" },
|
||||
{ text: "View Packages", href: "/packages" },
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "/packages",
|
||||
},
|
||||
]}
|
||||
ariaLabel="Contact section for gallery page"
|
||||
containerClassName="py-16"
|
||||
contentClassName="max-w-3xl mx-auto"
|
||||
textClassName="text-4xl font-extrabold text-center"
|
||||
buttonContainerClassName="flex flex-col sm:flex-row gap-4 justify-center mt-8"
|
||||
buttonAnimation="blur-reveal"
|
||||
containerClassName="gap-12"
|
||||
ariaLabel="Photo gallery portfolio section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer-gallery" data-section="footer-gallery" className="mx-auto px-4 md:px-6">
|
||||
<div id="gallery-footer" data-section="gallery-footer">
|
||||
<FooterSimple
|
||||
columns={footerColumns}
|
||||
bottomLeftText="© 2024 Paintasy Face and Body Art. All rights reserved."
|
||||
bottomRightText="Professional Event Entertainment | Creative Services"
|
||||
ariaLabel="Site footer with links"
|
||||
bottomLeftText="© 2024 Paintasy Face and Body Art."
|
||||
bottomRightText="Authentic Event Photography"
|
||||
ariaLabel="Gallery page footer"
|
||||
containerClassName="gap-12"
|
||||
columnsClassName="grid-cols-2 lg:grid-cols-4"
|
||||
columnTitleClassName="font-extrabold text-lg"
|
||||
columnItemClassName="hover:opacity-70 transition-opacity"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
@@ -1,14 +1,12 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import { Sparkles, DollarSign, Check, Zap, Users, Music } from 'lucide-react';
|
||||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
|
||||
import PricingCardFive from "@/components/sections/pricing/PricingCardFive";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
import Link from "next/link";
|
||||
|
||||
export default function PackagesPage() {
|
||||
const navItems = [
|
||||
@@ -22,38 +20,39 @@ export default function PackagesPage() {
|
||||
|
||||
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: "Packages",
|
||||
items: [
|
||||
{ label: "Birthday Packages", href: "#packages" },
|
||||
{ label: "Festival Service", href: "#packages" },
|
||||
{ label: "Corporate Events", href: "#packages" },
|
||||
{ label: "Custom Packages", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
title: "Services",
|
||||
items: [
|
||||
{ label: "All Services", href: "/services" },
|
||||
{ label: "Gallery", href: "/gallery" },
|
||||
{ label: "Packages", href: "/packages" },
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
title: "Social",
|
||||
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" },
|
||||
title: "Book Now",
|
||||
items: [
|
||||
{ label: "Request Quote", href: "/contact" },
|
||||
{ label: "Chat with Us", href: "/contact" },
|
||||
{ label: "Call Now", href: "tel:+15551234567" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
],
|
||||
},
|
||||
];
|
||||
@@ -73,194 +72,203 @@ export default function PackagesPage() {
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
brandName="Paintasy"
|
||||
navItems={navItems}
|
||||
brandName="Paintasy"
|
||||
bottomLeftText="Creative Face & Body Art"
|
||||
bottomRightText="paintasy@events.com"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="packages-hero" data-section="packages-hero" className="mx-auto px-4 md:px-6">
|
||||
<div id="packages-page-hero" data-section="packages-page-hero">
|
||||
<HeroBillboardGallery
|
||||
title="Event Packages & Booking Options"
|
||||
description="Professional face painting and body art packages designed for every event type. Choose from flexible pricing, customize your experience, and book your entertainment today."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Book Your Entertainment"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
title="Event Packages & Pricing"
|
||||
description="Flexible, transparent pricing for every type of event. From intimate celebrations to large festivals, we have the perfect package for you."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
buttons={[
|
||||
{ text: "View Packages", href: "#packages-pricing" },
|
||||
{ text: "Contact Us", href: "/contact" },
|
||||
{
|
||||
text: "Request a Quote",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="blur-reveal"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-make-up-woman-wearing-mask_23-2148784326.jpg?_wi=1", imageAlt: "Professional face painting event entertainment"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-eyes-woman-smiling-festival_23-2148338055.jpg?_wi=4",
|
||||
imageAlt: "Event face painting packages",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="opacity"
|
||||
titleClassName="text-5xl font-extrabold"
|
||||
descriptionClassName="text-lg opacity-90"
|
||||
ariaLabel="Packages 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="packages-pricing" data-section="packages-pricing" className="mx-auto px-4 md:px-6">
|
||||
<div id="packages-pricing" data-section="packages-pricing">
|
||||
<PricingCardFive
|
||||
title="Our Event Packages"
|
||||
description="Transparent, flexible pricing for every event type. All packages include professional service, quality materials, and our commitment to making your event memorable."
|
||||
tag="Flexible Pricing"
|
||||
tagIcon={DollarSign}
|
||||
tagAnimation="slide-up"
|
||||
description="Simple, flexible pricing tailored to your event needs. All packages include professional service, artistic creativity, and great customer care."
|
||||
textboxLayout="default"
|
||||
animationType="scale-rotate"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "kids-party-basic", tag: "Popular", tagIcon: Users,
|
||||
price: "$150", period: "per hour", description: "Perfect for small birthday celebrations with basic designs", button: { text: "Book Package", href: "/contact" },
|
||||
featuresTitle: "Package Includes", features: [
|
||||
"Up to 15 children", "Colorful, playful designs", "Face painting only", "Setup & teardown", "Artist materials provided"],
|
||||
},
|
||||
{
|
||||
id: "kids-party-deluxe", tag: "Best Value", tagIcon: Check,
|
||||
price: "$200", period: "per 2 hours", description: "Full party entertainment with premium designs and add-ons", button: { text: "Book Package", href: "/contact" },
|
||||
featuresTitle: "Package Includes", features: [
|
||||
"Up to 25 children", "Custom themed designs", "Face painting & temporary tattoos", "Interactive entertainment", "Professional quality assured"],
|
||||
},
|
||||
{
|
||||
id: "festival-event", tag: "High-Volume", tagIcon: Zap,
|
||||
price: "$250", period: "per 3 hours", description: "Fast, artistic designs for festivals and outdoor events", button: { text: "Book Package", href: "/contact" },
|
||||
featuresTitle: "Package Includes", features: [
|
||||
"High-capacity crowd service", "Fast artistic designs", "Portable setup station", "Setup & teardown included", "Multiple artist option available"],
|
||||
},
|
||||
{
|
||||
id: "corporate-event", tag: "Professional", tagIcon: Music,
|
||||
price: "$300", period: "per 4 hours", description: "Premium service for corporate events and brand activations", button: { text: "Book Package", href: "/contact" },
|
||||
featuresTitle: "Package Includes", features: [
|
||||
"Professional branded designs", "Custom theme integration", "Extended hours available", "Multiple artist coordination", "Premium materials & finishes"],
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact for Custom Quote", href: "/contact" }]}
|
||||
buttonAnimation="blur-reveal"
|
||||
ariaLabel="Pricing section with package options"
|
||||
containerClassName="gap-12"
|
||||
cardContentClassName=""
|
||||
planTagClassName=""
|
||||
planPriceClassName=""
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="packages-details" data-section="packages-details" className="mx-auto px-4 md:px-6">
|
||||
<FeatureCardTen
|
||||
title="What's Included in Every Package"
|
||||
description="All Paintasy packages come with professional service, quality materials, and our commitment to your event's success."
|
||||
tag="Package Details"
|
||||
tagIcon={Check}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "package-details-1", title: "Professional Artist Service", description: "Our trained, experienced face painting artists deliver high-quality designs. We arrive on time, set up professionally, and ensure every guest receives outstanding service.", media: {
|
||||
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 painting artist at work"},
|
||||
items: [
|
||||
{ icon: Sparkles, text: "Trained professionals" },
|
||||
{ icon: Check, text: "Punctual & reliable" },
|
||||
{ icon: Users, text: "Guest-focused service" },
|
||||
id: "pkg-birthday-basic",
|
||||
tag: "Great Start",
|
||||
price: "$150",
|
||||
period: "per hour",
|
||||
description: "Perfect for small birthday celebrations",
|
||||
button: {
|
||||
text: "Request Quote",
|
||||
href: "/contact",
|
||||
},
|
||||
featuresTitle: "Includes",
|
||||
features: [
|
||||
"Up to 15 children",
|
||||
"Face painting only",
|
||||
"Colorful themed designs",
|
||||
"Basic design themes",
|
||||
"Professional face paints",
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
id: "package-details-2", title: "Premium Materials & Hygiene", description: "We use professional-grade, hypoallergenic face paints and follow strict hygiene protocols. Clean brushes, sanitized tools, and safe products for all skin types ensure a worry-free experience.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-brush-close-up_23-2148966902.jpg?_wi=1", imageAlt: "Professional quality face painting materials"},
|
||||
items: [
|
||||
{ icon: Check, text: "Hypoallergenic products" },
|
||||
{ icon: Sparkles, text: "Strict hygiene standards" },
|
||||
{ icon: Music, text: "Safe for all ages" },
|
||||
id: "pkg-birthday-deluxe",
|
||||
tag: "Most Popular",
|
||||
price: "$200",
|
||||
period: "per 2 hours",
|
||||
description: "Full party entertainment package",
|
||||
button: {
|
||||
text: "Request Quote",
|
||||
href: "/contact",
|
||||
},
|
||||
featuresTitle: "Includes",
|
||||
features: [
|
||||
"Up to 25 children",
|
||||
"Face painting + tattoos",
|
||||
"Custom themed designs",
|
||||
"Interactive entertainment",
|
||||
"Professional service",
|
||||
"Setup & cleanup",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pkg-birthday-premium",
|
||||
tag: "Best Value",
|
||||
price: "$280",
|
||||
period: "per 3 hours",
|
||||
description: "Premium party entertainment with extra features",
|
||||
button: {
|
||||
text: "Request Quote",
|
||||
href: "/contact",
|
||||
},
|
||||
featuresTitle: "Includes",
|
||||
features: [
|
||||
"Up to 40 guests",
|
||||
"Face & body painting",
|
||||
"Custom character designs",
|
||||
"Interactive entertainment",
|
||||
"Photo opportunities",
|
||||
"Full setup & cleanup",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pkg-festival",
|
||||
tag: "High Volume",
|
||||
price: "$250",
|
||||
period: "per 3 hours",
|
||||
description: "Fast-paced festival and outdoor event service",
|
||||
button: {
|
||||
text: "Request Quote",
|
||||
href: "/contact",
|
||||
},
|
||||
featuresTitle: "Includes",
|
||||
features: [
|
||||
"High-capacity crowds",
|
||||
"Fast artistic designs",
|
||||
"3-5 minute service per person",
|
||||
"Portable station included",
|
||||
"Setup & teardown",
|
||||
"Professional materials",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pkg-corporate",
|
||||
tag: "Professional",
|
||||
price: "$300",
|
||||
period: "per 3 hours",
|
||||
description: "Corporate team building & brand activation",
|
||||
button: {
|
||||
text: "Request Quote",
|
||||
href: "/contact",
|
||||
},
|
||||
featuresTitle: "Includes",
|
||||
features: [
|
||||
"Professional setup",
|
||||
"Branded design options",
|
||||
"Custom artwork",
|
||||
"Corporate polished service",
|
||||
"Photo-ready designs",
|
||||
"Setup & cleanup included",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pkg-custom",
|
||||
tag: "Premium",
|
||||
price: "Custom",
|
||||
period: "consultation",
|
||||
description: "Fully customized package for unique events",
|
||||
button: {
|
||||
text: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
featuresTitle: "Services Available",
|
||||
features: [
|
||||
"Full day events",
|
||||
"Multiple artists",
|
||||
"Body painting",
|
||||
"Custom artwork",
|
||||
"Event planning",
|
||||
"Special requests welcome",
|
||||
],
|
||||
reverse: true,
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Request a Quote", href: "/contact" }]}
|
||||
buttonAnimation="blur-reveal"
|
||||
ariaLabel="Package details and inclusions"
|
||||
containerClassName="gap-12"
|
||||
itemClassName=""
|
||||
mediaWrapperClassName=""
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="packages-faq" data-section="packages-faq" className="mx-auto px-4 md:px-6">
|
||||
<FaqBase
|
||||
title="Booking & Package FAQs"
|
||||
description="Everything you need to know about our packages and booking process."
|
||||
tag="Questions?"
|
||||
tagIcon={DollarSign}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
animationType="smooth"
|
||||
faqsAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
showCard={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "booking-faq-1", title: "How do I book a package?", content: "Simply click 'Book Package' or 'Contact Us' and fill out the booking form with your event details. We'll confirm availability, discuss any customizations, and finalize the details. You can also call us directly at the phone number provided."},
|
||||
{
|
||||
id: "booking-faq-2", title: "What is your booking timeline?", content: "We recommend booking 2-3 weeks in advance for regular events. For large festivals or peak seasons, 4-6 weeks is ideal. Last-minute bookings may be available depending on our schedule—contact us to check availability."},
|
||||
{
|
||||
id: "booking-faq-3", title: "Do you offer custom package pricing?", content: "Absolutely! Our packages are flexible. If you need something different—different duration, larger group, or additional services—we can create a custom package tailored to your event. Contact us to discuss your specific needs."},
|
||||
{
|
||||
id: "booking-faq-4", title: "What's the cancellation or rescheduling policy?", content: "We offer flexible rescheduling up to 7 days before your event at no charge. Cancellations made 14+ days in advance receive a full refund. Cancellations within 7 days may incur fees. Contact us for specific details."},
|
||||
{
|
||||
id: "booking-faq-5", title: "Can I add more hours or upgrade my package?", content: "Yes! You can add additional hours, upgrade designs, or add services like body painting at any time. Additional hours are typically charged at the hourly rate specified in your package. Discuss upgrades when booking or contact us anytime."},
|
||||
{
|
||||
id: "booking-faq-6", title: "What payment methods do you accept?", content: "We accept all major credit cards, PayPal, bank transfers, and cash. A deposit is required to secure your booking, with the balance due before the event. Contact us for specific payment details."},
|
||||
{
|
||||
id: "booking-faq-7", title: "Do you travel to events outside the area?", content: "Yes, we service regional events! Travel fees may apply for locations outside our standard service area. Contact us with your event location, and we'll provide a custom quote including travel costs."},
|
||||
{
|
||||
id: "booking-faq-8", title: "Can you work with large groups or multiple artists?", content: "Definitely! For large events, we can coordinate multiple artists to handle high volume efficiently. This ensures every guest gets painted without excessive wait times. Discuss group sizes when booking."},
|
||||
]}
|
||||
buttons={[{ text: "Book Now", href: "/contact" }]}
|
||||
buttonAnimation="blur-reveal"
|
||||
ariaLabel="Packages FAQ section"
|
||||
containerClassName="gap-12"
|
||||
accordionClassName=""
|
||||
accordionTitleClassName=""
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="packages-contact" data-section="packages-contact" className="mx-auto px-4 md:px-6">
|
||||
<ContactText
|
||||
text="Ready to book your event? Let's create an unforgettable experience with Paintasy Face and Body Art. Contact us today to discuss your package, ask questions, and secure your date."
|
||||
animationType="background-highlight"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Get Your Quote", href: "/contact" },
|
||||
{ text: "Call Us Now", href: "tel:+15551234567" },
|
||||
{
|
||||
text: "Schedule Consultation",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
ariaLabel="Packages contact call-to-action"
|
||||
containerClassName="py-16"
|
||||
contentClassName="max-w-3xl mx-auto"
|
||||
textClassName="text-4xl font-extrabold text-center"
|
||||
buttonContainerClassName="flex flex-col sm:flex-row gap-4 justify-center mt-8"
|
||||
buttonAnimation="blur-reveal"
|
||||
containerClassName="gap-12"
|
||||
ariaLabel="Pricing section with event packages"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="packages-footer" data-section="packages-footer" className="mx-auto px-4 md:px-6">
|
||||
<div id="packages-cta" data-section="packages-cta">
|
||||
<ContactText
|
||||
text="Don't see your perfect package? We offer fully customized packages for unique events and special requests. Let's create something amazing for your celebration."
|
||||
animationType="background-highlight"
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Request Custom Quote",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
containerClassName="py-16"
|
||||
textClassName="text-3xl font-extrabold text-center"
|
||||
ariaLabel="Custom packages call-to-action section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="packages-footer" data-section="packages-footer">
|
||||
<FooterSimple
|
||||
columns={footerColumns}
|
||||
bottomLeftText="© 2024 Paintasy Face and Body Art. All rights reserved."
|
||||
bottomRightText="Professional Event Entertainment | Creative Services"
|
||||
ariaLabel="Site footer with links"
|
||||
bottomLeftText="© 2024 Paintasy Face and Body Art."
|
||||
bottomRightText="Simple Transparent Pricing"
|
||||
ariaLabel="Packages page footer"
|
||||
containerClassName="gap-12"
|
||||
columnsClassName="grid-cols-2 lg:grid-cols-4"
|
||||
columnTitleClassName="font-extrabold text-lg"
|
||||
columnItemClassName="hover:opacity-70 transition-opacity"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
290
src/app/page.tsx
290
src/app/page.tsx
@@ -13,7 +13,6 @@ 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 Head from 'next/head';
|
||||
|
||||
export default function HomePage() {
|
||||
const navItems = [
|
||||
@@ -27,7 +26,8 @@ export default function HomePage() {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Services", items: [
|
||||
title: "Services",
|
||||
items: [
|
||||
{ label: "Kids Party Face Painting", href: "/services" },
|
||||
{ label: "Festival Face Art", href: "/services" },
|
||||
{ label: "Corporate Events", href: "/services" },
|
||||
@@ -36,7 +36,8 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Gallery", href: "/gallery" },
|
||||
{ label: "Packages", href: "/packages" },
|
||||
@@ -45,7 +46,8 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
title: "Connect",
|
||||
items: [
|
||||
{ label: "Instagram", href: "https://instagram.com" },
|
||||
{ label: "Facebook", href: "https://facebook.com" },
|
||||
{ label: "TikTok", href: "https://tiktok.com" },
|
||||
@@ -54,7 +56,8 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Service Areas", items: [
|
||||
title: "Service Areas",
|
||||
items: [
|
||||
{ label: "Local Events", href: "/contact" },
|
||||
{ label: "Regional Coverage", href: "/contact" },
|
||||
{ label: "Book Now", href: "/packages" },
|
||||
@@ -85,10 +88,10 @@ export default function HomePage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero-home" data-section="hero-home" className="mx-auto px-4 md:px-6 lg:px-8">
|
||||
<div id="hero-home" data-section="hero-home" className="mx-auto px-4 md:px-6">
|
||||
<HeroBillboardGallery
|
||||
title="Professional Face Painting & Body Art for Events"
|
||||
description="Transform your event with expert face painting and body art. Paintasy delivers professional, creative entertainment for birthday parties, festivals, corporate events, and special occasions. Book professional face painters for your celebration today."
|
||||
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."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Creative Entertainment"
|
||||
tagIcon={Sparkles}
|
||||
@@ -100,22 +103,24 @@ export default function HomePage() {
|
||||
buttonAnimation="blur-reveal"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-make-up-woman-wearing-mask_23-2148784326.jpg?_wi=2", imageAlt: "Professional face painting at event"},
|
||||
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 with professional face painting showcase"
|
||||
ariaLabel="Hero section with face painting showcase"
|
||||
className="min-h-screen"
|
||||
containerClassName="flex flex-col lg:flex-row items-center justify-between gap-8 lg: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"
|
||||
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="about-home" data-section="about-home" className="mx-auto px-4 md:px-6 lg:px-8">
|
||||
<div id="about-home" data-section="about-home" className="mx-auto px-4 md:px-6">
|
||||
<MetricSplitMediaAbout
|
||||
title="About Paintasy - Expert Face Painting Services"
|
||||
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 across the region. Our trained professional artists are dedicated to delivering exceptional service, vibrant designs, and unforgettable experiences for every event."
|
||||
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."
|
||||
tag="Professional Artists"
|
||||
tagIcon={Palette}
|
||||
tagAnimation="slide-up"
|
||||
@@ -131,16 +136,16 @@ export default function HomePage() {
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
ariaLabel="About section with company information"
|
||||
containerClassName="gap-8 lg:gap-12"
|
||||
titleClassName="text-3xl sm:text-4xl lg:text-5xl font-extrabold"
|
||||
descriptionClassName="text-base sm:text-lg opacity-90 max-w-2xl"
|
||||
containerClassName="gap-12"
|
||||
titleClassName="text-4xl font-extrabold"
|
||||
descriptionClassName="text-lg opacity-90 max-w-2xl"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services-home" data-section="services-home" className="mx-auto px-4 md:px-6 lg:px-8">
|
||||
<div id="services-home" 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 services tailored for every occasion. From intimate birthday parties to large festival events, we deliver creativity, joy, and exceptional entertainment."
|
||||
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."
|
||||
tag="Services"
|
||||
tagIcon={Palette}
|
||||
tagAnimation="slide-up"
|
||||
@@ -149,8 +154,13 @@ export default function HomePage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "kids-party", title: "Kids Party Face Painting", description: "Fun, colorful face painting designs perfect for birthday celebrations. Butterflies, superheroes, animals, princesses, and more.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-eyes-woman-smiling-festival_23-2148338055.jpg?_wi=1", imageAlt: "Kids party face painting designs"},
|
||||
id: "kids-party",
|
||||
title: "Kids Party Face Painting",
|
||||
description: "Fun, colorful designs perfect for birthday celebrations. Butterflies, superheroes, animals, and princesses.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-eyes-woman-smiling-festival_23-2148338055.jpg?_wi=1",
|
||||
imageAlt: "Kids party face painting designs",
|
||||
},
|
||||
items: [
|
||||
{ icon: Sparkles, text: "Colorful & playful designs" },
|
||||
{ icon: Heart, text: "Safe, child-friendly products" },
|
||||
@@ -159,8 +169,13 @@ export default function HomePage() {
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
id: "festival", title: "Festival Face Art & Body Painting", description: "Fast, creative designs perfect for large crowds and outdoor events. Artistic flair meets quick service for maximum event impact.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-putting-makeup-man_23-2149357796.jpg?_wi=1", imageAlt: "Festival face painting artwork"},
|
||||
id: "festival",
|
||||
title: "Festival Face Art",
|
||||
description: "Fast, creative designs perfect for large crowds and outdoor events. Artistic flair meets quick service.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-putting-makeup-man_23-2149357796.jpg?_wi=1",
|
||||
imageAlt: "Festival face painting artwork",
|
||||
},
|
||||
items: [
|
||||
{ icon: Zap, text: "Fast service for crowds" },
|
||||
{ icon: Star, text: "Creative artistic designs" },
|
||||
@@ -169,8 +184,13 @@ export default function HomePage() {
|
||||
reverse: true,
|
||||
},
|
||||
{
|
||||
id: "corporate", title: "Corporate Event Entertainment", description: "Professional face painting for company parties, brand activations, and team celebrations with branded design options.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-dj-party-charge-music-entertainment_23-2149658399.jpg?_wi=1", imageAlt: "Corporate event face painting"},
|
||||
id: "corporate",
|
||||
title: "Corporate Event Entertainment",
|
||||
description: "Professional face painting for company parties, brand activations, and team celebrations.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-dj-party-charge-music-entertainment_23-2149658399.jpg?_wi=1",
|
||||
imageAlt: "Corporate event face painting",
|
||||
},
|
||||
items: [
|
||||
{ icon: Briefcase, text: "Professional & polished service" },
|
||||
{ icon: Target, text: "Branded design options available" },
|
||||
@@ -181,17 +201,15 @@ export default function HomePage() {
|
||||
]}
|
||||
buttons={[{ text: "Explore All Services", href: "/services" }]}
|
||||
buttonAnimation="blur-reveal"
|
||||
ariaLabel="Services section showcasing face painting offerings"
|
||||
containerClassName="gap-8 lg:gap-12"
|
||||
itemClassName=""
|
||||
mediaWrapperClassName=""
|
||||
ariaLabel="Services section showcasing offerings"
|
||||
containerClassName="gap-12"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="packages-home" data-section="packages-home" className="mx-auto px-4 md:px-6 lg:px-8">
|
||||
<div id="packages-home" data-section="packages-home" className="mx-auto px-4 md:px-6">
|
||||
<PricingCardFive
|
||||
title="Face Painting Event Packages"
|
||||
description="Simple, flexible pricing for face painting services at parties, festivals, and corporate events. Each package includes professional service and artistic creativity."
|
||||
title="Event Packages"
|
||||
description="Simple, flexible pricing for parties, festivals, and corporate events. Each package includes professional service and artistic creativity."
|
||||
tag="Transparent Pricing"
|
||||
tagIcon={DollarSign}
|
||||
tagAnimation="slide-up"
|
||||
@@ -200,35 +218,63 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "birthday-basic", tag: "Popular", price: "$150", period: "per hour", description: "Perfect for small birthday celebrations", button: { text: "Request Quote", href: "/packages" },
|
||||
featuresTitle: "What's Included", features: [
|
||||
"Up to 15 kids", "Colorful themed designs", "Face painting only", "Basic design themes"],
|
||||
id: "birthday-basic",
|
||||
tag: "Popular",
|
||||
price: "$150",
|
||||
period: "per hour",
|
||||
description: "Perfect for small birthday celebrations",
|
||||
button: { text: "Request Quote", href: "/packages" },
|
||||
featuresTitle: "What's Included",
|
||||
features: [
|
||||
"Up to 15 kids",
|
||||
"Colorful themed designs",
|
||||
"Face painting only",
|
||||
"Basic design themes",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "birthday-deluxe", tag: "Best Value", price: "$200", period: "per 2 hours", description: "Full party entertainment package", button: { text: "Request Quote", href: "/packages" },
|
||||
featuresTitle: "What's Included", features: [
|
||||
"Up to 25 kids", "Custom themed designs", "Face & temporary tattoos", "Interactive entertainment"],
|
||||
id: "birthday-deluxe",
|
||||
tag: "Best Value",
|
||||
price: "$200",
|
||||
period: "per 2 hours",
|
||||
description: "Full party entertainment package",
|
||||
button: { text: "Request Quote", href: "/packages" },
|
||||
featuresTitle: "What's Included",
|
||||
features: [
|
||||
"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 outdoor event service", button: { text: "Request Quote", href: "/packages" },
|
||||
featuresTitle: "What's Included", features: [
|
||||
"High-capacity crowd service", "Fast artistic designs", "Setup & teardown included", "Portable station"],
|
||||
id: "festival-event",
|
||||
tag: "Flexible",
|
||||
price: "$250",
|
||||
period: "per 3 hours",
|
||||
description: "Festival and outdoor event service",
|
||||
button: { text: "Request Quote", href: "/packages" },
|
||||
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 package options"
|
||||
containerClassName="gap-8 lg:gap-12"
|
||||
cardContentClassName=""
|
||||
planTagClassName=""
|
||||
planPriceClassName=""
|
||||
containerClassName="gap-12"
|
||||
cardClassName="p-8"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials-home" data-section="testimonials-home" className="mx-auto px-4 md:px-6 lg:px-8">
|
||||
<div id="testimonials-home" data-section="testimonials-home" className="mx-auto px-4 md:px-6">
|
||||
<TestimonialCardTwo
|
||||
title="Client Testimonials - Face Painting Reviews"
|
||||
description="Real testimonials from happy clients who've booked Paintasy for their events and celebrations."
|
||||
title="What Our Clients Say"
|
||||
description="Real testimonials from happy clients who've booked Paintasy for their events."
|
||||
tag="Client Reviews"
|
||||
tagIcon={Star}
|
||||
tagAnimation="slide-up"
|
||||
@@ -238,37 +284,71 @@ export default function HomePage() {
|
||||
carouselMode="buttons"
|
||||
testimonials={[
|
||||
{
|
||||
id: "testimonial-1", name: "Sarah Johnson", role: "Parent, Birthday Party Host", testimonial: "Paintasy was absolutely amazing! The kids loved their face paintings and the artist was so professional and friendly. Our daughter's birthday was unforgettable!", imageSrc: "http://img.b2bpic.net/free-photo/family-portrait-surprised-father-has-yellow-face-from-paints-cheerful-two-daughters-shows-palms-dirty-with-watercolours-paint-picture-pastime-isolated-lilac-wall-this-is-art_273609-26128.jpg?_wi=1", imageAlt: "Happy children at birthday party", icon: Heart,
|
||||
id: "testimonial-1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Parent, Birthday Party Host",
|
||||
testimonial: "Paintasy was absolutely amazing! The kids loved their face paintings and the artist was so professional and friendly. Our daughter's birthday was unforgettable!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-portrait-surprised-father-has-yellow-face-from-paints-cheerful-two-daughters-shows-palms-dirty-with-watercolours-paint-picture-pastime-isolated-lilac-wall-this-is-art_273609-26128.jpg?_wi=1",
|
||||
imageAlt: "Happy children at birthday party",
|
||||
icon: Heart,
|
||||
},
|
||||
{
|
||||
id: "testimonial-2", name: "Marcus Chen", role: "Festival Organizer", testimonial: "We hired Paintasy for our community festival and they were fantastic. Quick service, beautiful designs, and the crowd loved it. Booking them again next year!", imageSrc: "http://img.b2bpic.net/free-photo/man-covered-different-colors-holi_23-2148337991.jpg?_wi=1", imageAlt: "Festival attendees enjoying face painting", icon: Smile,
|
||||
id: "testimonial-2",
|
||||
name: "Marcus Chen",
|
||||
role: "Festival Organizer",
|
||||
testimonial: "We hired Paintasy for our community festival and they were fantastic. Quick service, beautiful designs, and the crowd loved it. Booking them again next year!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-covered-different-colors-holi_23-2148337991.jpg?_wi=1",
|
||||
imageAlt: "Festival attendees enjoying face painting",
|
||||
icon: Smile,
|
||||
},
|
||||
{
|
||||
id: "testimonial-3", name: "Emily Rodriguez", role: "Corporate Event Planner", testimonial: "Professional, creative, and reliable. Paintasy added the perfect touch of fun to our corporate team building event. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/group-young-friends-celebrating-new-year_23-2147720468.jpg", imageAlt: "Corporate event attendees with face art", icon: Award,
|
||||
id: "testimonial-3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Corporate Event Planner",
|
||||
testimonial: "Professional, creative, and reliable. Paintasy added the perfect touch of fun to our corporate team building event. Highly recommended!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-young-friends-celebrating-new-year_23-2147720468.jpg",
|
||||
imageAlt: "Corporate event attendees with face art",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "testimonial-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 school event face painting", icon: Sparkles,
|
||||
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 school event face painting",
|
||||
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: "Children's event face painting service", icon: Heart,
|
||||
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: "Children's event face painting service",
|
||||
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", 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: "/packages" }]}
|
||||
buttonAnimation="blur-reveal"
|
||||
ariaLabel="Client testimonials section"
|
||||
containerClassName="gap-8 lg:gap-12"
|
||||
imageWrapperClassName=""
|
||||
roleClassName=""
|
||||
containerClassName="gap-12"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery-preview-home" data-section="gallery-preview-home" className="mx-auto px-4 md:px-6 lg:px-8">
|
||||
<div id="gallery-preview-home" data-section="gallery-preview-home" className="mx-auto px-4 md:px-6">
|
||||
<ProductCardFour
|
||||
title="Photo Gallery - Face Painting Portfolio"
|
||||
description="Real photos from our events and happy clients. Browse our portfolio of professional face painting and body art work."
|
||||
title="Photo Gallery Showcase"
|
||||
description="Real photos from our events and happy clients. Browse our portfolio of face painting and body art work."
|
||||
tag="Portfolio"
|
||||
tagIcon={Camera}
|
||||
tagAnimation="slide-up"
|
||||
@@ -279,26 +359,48 @@ export default function HomePage() {
|
||||
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 kids face painting designs"},
|
||||
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 kids face painting designs",
|
||||
},
|
||||
{
|
||||
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: "Festival face painting 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: "Festival face painting artwork",
|
||||
},
|
||||
{
|
||||
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"},
|
||||
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",
|
||||
},
|
||||
{
|
||||
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"},
|
||||
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",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "View Full Gallery", href: "/gallery" }]}
|
||||
buttonAnimation="blur-reveal"
|
||||
ariaLabel="Photo gallery preview section"
|
||||
containerClassName="gap-8 lg:gap-12"
|
||||
cardNameClassName=""
|
||||
cardPriceClassName=""
|
||||
containerClassName="gap-12"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq-home" data-section="faq-home" className="mx-auto px-4 md:px-6 lg:px-8">
|
||||
<div id="faq-home" data-section="faq-home" className="mx-auto px-4 md:px-6">
|
||||
<FaqBase
|
||||
title="Face Painting FAQ - Frequently Asked Questions"
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about booking Paintasy for your event."
|
||||
tag="FAQ"
|
||||
tagIcon={HelpCircle}
|
||||
@@ -310,28 +412,44 @@ export default function HomePage() {
|
||||
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 large events or peak seasons, 4-6 weeks advance booking is ideal. Last-minute bookings may be available depending on our schedule."},
|
||||
id: "faq-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, 4-6 weeks advance booking is ideal. Last-minute bookings may be available depending on our schedule.",
|
||||
},
|
||||
{
|
||||
id: "faq-2", title: "Are your face paints safe for children?", content: "Absolutely! We use only professional-grade, hypoallergenic face paints that are non-toxic and dermatologist-tested. All products are safe for sensitive skin. We also practice strict hygiene protocols, using clean brushes and sanitized application tools for each client."},
|
||||
id: "faq-2",
|
||||
title: "Are your face paints safe for children?",
|
||||
content: "Absolutely! We use only professional-grade, hypoallergenic face paints that are non-toxic and dermatologist-tested. All products are safe for sensitive skin. We also practice strict hygiene protocols, using clean brushes and sanitized application tools for each client.",
|
||||
},
|
||||
{
|
||||
id: "faq-3", 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 optimize for speed without sacrificing quality. For parties, we allow a bit more time for custom designs and interactions with children."},
|
||||
id: "faq-3",
|
||||
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 optimize for speed without sacrificing quality. For parties, we allow a bit more time for custom designs and interactions with children.",
|
||||
},
|
||||
{
|
||||
id: "faq-4", title: "What if someone has a skin allergy?", content: "We have hypoallergenic options available. Please inform us of any allergies when booking. We're always happy to discuss alternative products or test patches before proceeding with full face painting."},
|
||||
id: "faq-4",
|
||||
title: "What if someone has a skin allergy?",
|
||||
content: "We have hypoallergenic options available. Please inform us of any allergies when booking. We're always happy to discuss alternative products or test patches before proceeding with full face painting.",
|
||||
},
|
||||
{
|
||||
id: "faq-5", title: "Can you do custom face painting designs?", content: "Yes! We specialize in custom face painting designs for themed parties and corporate events. Please provide theme details or reference images when booking. There may be a small additional fee for very complex custom designs."},
|
||||
id: "faq-5",
|
||||
title: "Can you do custom designs?",
|
||||
content: "Yes! We specialize in custom designs for themed parties and corporate events. Please provide theme details or reference images when booking. 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."},
|
||||
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: "/packages" }]}
|
||||
buttonAnimation="blur-reveal"
|
||||
ariaLabel="FAQ section with common questions"
|
||||
containerClassName="gap-8 lg:gap-12"
|
||||
accordionClassName=""
|
||||
accordionTitleClassName=""
|
||||
containerClassName="gap-12"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-home" data-section="contact-home" className="mx-auto px-4 md:px-6 lg:px-8">
|
||||
<div id="contact-home" 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."
|
||||
animationType="background-highlight"
|
||||
@@ -342,20 +460,20 @@ export default function HomePage() {
|
||||
{ text: "Call Us", href: "tel:+15551234567" },
|
||||
]}
|
||||
ariaLabel="Contact call-to-action section"
|
||||
containerClassName="py-12 sm:py-16 lg:py-20"
|
||||
containerClassName="py-16"
|
||||
contentClassName="max-w-3xl mx-auto"
|
||||
textClassName="text-2xl sm:text-3xl lg:text-4xl font-extrabold text-center"
|
||||
textClassName="text-4xl font-extrabold text-center"
|
||||
buttonContainerClassName="flex flex-col sm:flex-row gap-4 justify-center mt-8"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer-home" data-section="footer-home" className="mx-auto px-4 md:px-6 lg:px-8">
|
||||
<div id="footer-home" 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 links"
|
||||
containerClassName="gap-8 lg:gap-12"
|
||||
containerClassName="gap-12"
|
||||
columnsClassName="grid-cols-2 lg:grid-cols-4"
|
||||
columnTitleClassName="font-extrabold text-lg"
|
||||
columnItemClassName="hover:opacity-70 transition-opacity"
|
||||
|
||||
@@ -4,10 +4,9 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import { Sparkles, Palette, Heart, Smile, Zap, Music, Star, DollarSign } from 'lucide-react';
|
||||
import Link from 'next/link';
|
||||
import { Smile, Heart, Sparkles, Zap, Music, Briefcase, Target, Users, Award, Palette, Star, Camera } from 'lucide-react';
|
||||
|
||||
export default function ServicesPage() {
|
||||
const navItems = [
|
||||
@@ -21,36 +20,36 @@ export default function ServicesPage() {
|
||||
|
||||
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: "Services",
|
||||
items: [
|
||||
{ label: "Kids Party Face Painting", href: "#service-1" },
|
||||
{ label: "Festival Face Art", href: "#service-2" },
|
||||
{ label: "Corporate Events", href: "#service-3" },
|
||||
{ label: "Body Painting", href: "#service-4" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{ label: "Gallery", href: "/gallery" },
|
||||
{ label: "Packages", href: "/packages" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
title: "Connect",
|
||||
items: [
|
||||
{ label: "Instagram", href: "https://instagram.com" },
|
||||
{ label: "Facebook", href: "https://facebook.com" },
|
||||
{ label: "TikTok", href: "https://tiktok.com" },
|
||||
{ label: "Email", href: "mailto:paintasy@events.com" },
|
||||
{ label: "Phone", href: "tel:+15551234567" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Service Areas", items: [
|
||||
{ label: "Local Events", href: "/contact" },
|
||||
{ label: "Regional Coverage", href: "/contact" },
|
||||
title: "Get Started",
|
||||
items: [
|
||||
{ label: "View Packages", href: "/packages" },
|
||||
{ label: "Book Now", href: "/packages" },
|
||||
{ label: "Get Quote", href: "/contact" },
|
||||
],
|
||||
@@ -79,133 +78,111 @@ export default function ServicesPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services-hero" data-section="services-hero" className="mx-auto px-4 md:px-6">
|
||||
<div id="services-page-hero" data-section="services-page-hero" className="mx-auto px-4 md:px-6">
|
||||
<HeroBillboardGallery
|
||||
title="Our Professional Services"
|
||||
description="Discover our complete range of face painting and body art services. Whether you're planning a kids' birthday party, organizing a festival, or hosting a corporate event, we have the perfect creative solution for you."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Professional Services"
|
||||
tagIcon={Palette}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{ text: "Book Your Event", href: "/packages" },
|
||||
{ text: "Request a Quote", href: "/contact" },
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Professional face painting and body art for every occasion. From intimate celebrations to large festival events, we bring creativity and joy to your gathering."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
buttons={[{ text: "Book Now", href: "/packages" }]}
|
||||
buttonAnimation="blur-reveal"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-make-up-woman-wearing-mask_23-2148784326.jpg?_wi=3", imageAlt: "Professional face painting artist at work"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-eyes-woman-smiling-festival_23-2148338055.jpg?_wi=2",
|
||||
imageAlt: "Professional face painting services",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="opacity"
|
||||
ariaLabel="Services 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"
|
||||
titleClassName="text-5xl font-extrabold"
|
||||
descriptionClassName="text-lg opacity-90 max-w-2xl"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services-details" data-section="services-details" className="mx-auto px-4 md:px-6">
|
||||
<div id="services-detailed" data-section="services-detailed" className="mx-auto px-4 md:px-6">
|
||||
<FeatureCardTen
|
||||
title="Service Offerings"
|
||||
description="Each service is tailored to your event needs with professional artists, high-quality materials, and attention to detail."
|
||||
tag="What We Offer"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
title="Complete Service Offerings"
|
||||
description="Each service is tailored to deliver maximum enjoyment and artistic quality."
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "kids-party-service", title: "Kids Party Face Painting", description: "Transform children's faces into their favorite characters and creatures with our vibrant, playful designs. Perfect for birthday celebrations, creating magical moments and lasting memories.", 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"},
|
||||
id: "service-1",
|
||||
title: "Kids Party Face Painting",
|
||||
description: "Make birthdays magical with our professional kids' face painting. Our artists create vibrant, playful designs that children absolutely love.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-eyes-woman-smiling-festival_23-2148338055.jpg?_wi=3",
|
||||
imageAlt: "Kids party face painting showcase",
|
||||
},
|
||||
items: [
|
||||
{ icon: Sparkles, text: "Fun character designs" },
|
||||
{ icon: Heart, text: "Safe for sensitive skin" },
|
||||
{ icon: Smile, text: "Quick & efficient service" },
|
||||
{ icon: Smile, text: "Butterfly, animal & character designs" },
|
||||
{ icon: Heart, text: "Safe, child-friendly face paints" },
|
||||
{ icon: Sparkles, text: "Quick application, maximum fun" },
|
||||
{ icon: Star, text: "Perfect for ages 3-12" },
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
id: "festival-service", title: "Festival Face Art", description: "Eye-catching, artistic designs crafted at speed for crowds. Our festival service combines creative artistry with quick turnaround, perfect for outdoor events and high-traffic areas.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-putting-makeup-man_23-2149357796.jpg?_wi=1", imageAlt: "Festival face art creative designs"},
|
||||
id: "service-2",
|
||||
title: "Festival Face Art",
|
||||
description: "Perfect for outdoor events, festivals, and large gatherings. We specialize in fast, beautiful designs that work for high-capacity crowds.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-putting-makeup-man_23-2149357796.jpg?_wi=2",
|
||||
imageAlt: "Festival face art designs",
|
||||
},
|
||||
items: [
|
||||
{ icon: Zap, text: "Fast professional service" },
|
||||
{ icon: Star, text: "Artistic & bold designs" },
|
||||
{ icon: Music, text: "Event-ready atmosphere" },
|
||||
{ icon: Zap, text: "3-5 minute turnaround per person" },
|
||||
{ icon: Music, text: "Perfect for music festivals & carnivals" },
|
||||
{ icon: Users, text: "Handles large crowds efficiently" },
|
||||
{ icon: Palette, text: "Artistic & creative designs" },
|
||||
],
|
||||
reverse: true,
|
||||
},
|
||||
{
|
||||
id: "service-3",
|
||||
title: "Corporate Event Entertainment",
|
||||
description: "Add a creative touch to company parties, team buildings, and brand activations. Professional service that impresses clients and energizes employees.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-dj-party-charge-music-entertainment_23-2149658399.jpg?_wi=2",
|
||||
imageAlt: "Corporate event face painting service",
|
||||
},
|
||||
items: [
|
||||
{ icon: Briefcase, text: "Professional & polished service" },
|
||||
{ icon: Target, text: "Branded design options" },
|
||||
{ icon: Award, text: "Premium quality art" },
|
||||
{ icon: Users, text: "Great for team engagement" },
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
id: "service-4",
|
||||
title: "Professional Body Painting",
|
||||
description: "Artistic body painting for special events, photo shoots, performances, and themed celebrations. Stunning visual art that makes a statement.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-being-affectionate-with-cute-cat_23-2149879760.jpg",
|
||||
imageAlt: "Professional body painting artwork",
|
||||
},
|
||||
items: [
|
||||
{ icon: Palette, text: "Custom artistic designs" },
|
||||
{ icon: Camera, text: "Photography-ready artistry" },
|
||||
{ icon: Sparkles, text: "High-impact visual art" },
|
||||
{ icon: Star, text: "Unforgettable performances" },
|
||||
],
|
||||
reverse: true,
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book a Service", href: "/packages" }]}
|
||||
buttons={[{ text: "View Packages", href: "/packages" }]}
|
||||
buttonAnimation="blur-reveal"
|
||||
ariaLabel="Detailed services section"
|
||||
containerClassName="gap-12"
|
||||
itemClassName=""
|
||||
mediaWrapperClassName=""
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services-faq" data-section="services-faq" className="mx-auto px-4 md:px-6">
|
||||
<FaqBase
|
||||
title="Service FAQs"
|
||||
description="Common questions about our face painting and body art services."
|
||||
tag="Questions?"
|
||||
tagIcon={DollarSign}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
animationType="smooth"
|
||||
faqsAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
showCard={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "service-faq-1", title: "How many children can you paint at a party?", content: "Depending on the party duration and design complexity, we can typically paint 15-25 children per hour. For birthday parties, we recommend 2-3 hours for groups of 10-20 kids, allowing time for custom designs and interactions."},
|
||||
{
|
||||
id: "service-faq-2", title: "What designs are available for kids' parties?", content: "We offer classic designs like butterflies, superheroes, animals, pirates, princesses, and more. We can also create custom designs based on party themes. Browse our portfolio for inspiration, and we'll work with you to bring your vision to life."},
|
||||
{
|
||||
id: "service-faq-3", title: "Are the face paints waterproof?", content: "Our professional-grade paints are water-resistant and designed to last for several hours. They're not fully waterproof but are durable enough for most outdoor activities. We recommend avoiding prolonged water exposure immediately after application."},
|
||||
{
|
||||
id: "service-faq-4", title: "Can you accommodate large festival events?", content: "Absolutely! We specialize in festival and outdoor event services. For large crowds, we can work quickly without compromising quality. We bring all necessary equipment and set up an efficient service station that can handle high volume."},
|
||||
{
|
||||
id: "service-faq-5", title: "Do you offer body painting services?", content: "Yes, we offer professional body painting for special events, themed parties, and artistic projects. Body painting takes longer than face painting but creates stunning visual effects. Contact us to discuss your specific needs."},
|
||||
{
|
||||
id: "service-faq-6", title: "What is your hygiene protocol?", content: "We follow strict hygiene standards. We use clean, sanitized brushes and applicators for each client. We also offer touchless application methods for those with sensitivities. All materials are professional-grade and hypoallergenic."},
|
||||
]}
|
||||
buttons={[{ text: "Book Your Service", href: "/packages" }]}
|
||||
buttonAnimation="blur-reveal"
|
||||
ariaLabel="Services FAQ section"
|
||||
containerClassName="gap-12"
|
||||
accordionClassName=""
|
||||
accordionTitleClassName=""
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services-contact" data-section="services-contact" className="mx-auto px-4 md:px-6">
|
||||
<ContactText
|
||||
text="Ready to book one of our services? Get in touch today! We'll work with you to customize the perfect face painting and body art experience for your event."
|
||||
animationType="background-highlight"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Request a Quote", href: "/contact" },
|
||||
{ text: "Book Now", href: "/packages" },
|
||||
]}
|
||||
ariaLabel="Services contact call-to-action"
|
||||
containerClassName="py-16"
|
||||
contentClassName="max-w-3xl mx-auto"
|
||||
textClassName="text-4xl font-extrabold text-center"
|
||||
buttonContainerClassName="flex flex-col sm:flex-row gap-4 justify-center mt-8"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services-footer" data-section="services-footer" className="mx-auto px-4 md:px-6">
|
||||
<FooterSimple
|
||||
columns={footerColumns}
|
||||
bottomLeftText="© 2024 Paintasy Face and Body Art. All rights reserved."
|
||||
bottomRightText="Professional Event Entertainment | Creative Services"
|
||||
ariaLabel="Site footer with links"
|
||||
bottomLeftText="© 2024 Paintasy Face and Body Art."
|
||||
bottomRightText="Professional Event Entertainment"
|
||||
ariaLabel="Services footer with links"
|
||||
containerClassName="gap-12"
|
||||
columnsClassName="grid-cols-2 lg:grid-cols-4"
|
||||
columnTitleClassName="font-extrabold text-lg"
|
||||
|
||||
Reference in New Issue
Block a user