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

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-14 05:42:44 +00:00
parent dfbe20b066
commit 1868d6739c
1 changed files with 73 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

145
src/app/page.tsx
View File

@@ -13,18 +13,17 @@ 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';
export const metadata = {
title: "Paintasy Face and Body Art - Professional Face Painting & Body Art Services", description: "Professional face painting and body art services for kids parties, festivals, and corporate events. Expert face painters specializing in creative designs. Book your event today!", keywords: "face painting, body art, face painter, kids face painting, festival face painting, party entertainment, face design, professional face painter"};
import Head from 'next/head';
export default function HomePage() {
const navItems = [
{ name: "Home", id: "home" },
{ name: "Services", id: "services" },
{ name: "Gallery", id: "/gallery" },
{ name: "Gallery", id: "gallery" },
{ name: "Packages", id: "packages" },
{ name: "About", id: "about" },
{ name: "Contact", id: "/contact" },
{ name: "Booking", id: "booking" },
{ name: "Contact", id: "contact" },
];
const footerColumns = [
@@ -39,10 +38,10 @@ export default function HomePage() {
},
{
title: "Company", items: [
{ label: "About Us", href: "#about-home" },
{ label: "About Us", href: "/about" },
{ label: "Gallery", href: "/gallery" },
{ label: "Packages", href: "#packages-home" },
{ label: "FAQ", href: "#faq-home" },
{ label: "Packages", href: "/packages" },
{ label: "FAQ", href: "#faq" },
{ label: "Contact", href: "/contact" },
],
},
@@ -59,7 +58,7 @@ export default function HomePage() {
title: "Service Areas", items: [
{ label: "Local Events", href: "/contact" },
{ label: "Regional Coverage", href: "/contact" },
{ label: "Book Now", href: "#packages-home" },
{ label: "Book Now", href: "/booking" },
{ label: "Get Quote", href: "/contact" },
],
},
@@ -87,37 +86,37 @@ export default function HomePage() {
/>
</div>
<div id="hero-home" data-section="hero-home" className="mx-auto px-4 md:px-6">
<div id="hero-home" data-section="hero-home" className="mx-auto px-4 md:px-6 lg:px-8">
<HeroBillboardGallery
title="Paintasy Face and Body Art"
description="Professional face painting and body art for parties, festivals, corporate events, and special occasions. Transform your event with creativity and color."
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."
background={{ variant: "radial-gradient" }}
tag="Creative Entertainment"
tagIcon={Sparkles}
tagAnimation="slide-up"
buttons={[
{ text: "Book Your Event", href: "#packages-home" },
{ text: "Book Your Event", href: "/booking" },
{ text: "View Our Gallery", href: "/gallery" },
]}
buttonAnimation="blur-reveal"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-make-up-woman-wearing-mask_23-2148784326.jpg", imageAlt: "Professional face painting at event"},
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"},
]}
mediaAnimation="opacity"
ariaLabel="Hero section with face painting showcase"
ariaLabel="Hero section with professional face painting showcase"
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"
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"
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">
<div id="about-home" data-section="about-home" className="mx-auto px-4 md:px-6 lg:px-8">
<MetricSplitMediaAbout
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."
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."
tag="Professional Artists"
tagIcon={Palette}
tagAnimation="slide-up"
@@ -133,16 +132,16 @@ export default function HomePage() {
metricsAnimation="slide-up"
useInvertedBackground={false}
ariaLabel="About section with company information"
containerClassName="gap-12"
titleClassName="text-4xl font-extrabold"
descriptionClassName="text-lg opacity-90 max-w-2xl"
containerClassName="gap-8 lg:gap-12"
titleClassName="text-3xl sm:text-4xl lg:text-5xl font-extrabold"
descriptionClassName="text-base sm:text-lg opacity-90 max-w-2xl"
/>
</div>
<div id="services-home" data-section="services-home" className="mx-auto px-4 md:px-6">
<div id="services-home" data-section="services-home" className="mx-auto px-4 md:px-6 lg:px-8">
<FeatureCardTen
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."
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."
tag="Services"
tagIcon={Palette}
tagAnimation="slide-up"
@@ -151,7 +150,7 @@ export default function HomePage() {
useInvertedBackground={true}
features={[
{
id: "kids-party", title: "Kids Party Face Painting", description: "Fun, colorful designs perfect for birthday celebrations. Butterflies, superheroes, animals, and princesses.", media: {
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"},
items: [
{ icon: Sparkles, text: "Colorful & playful designs" },
@@ -161,7 +160,7 @@ export default function HomePage() {
reverse: false,
},
{
id: "festival", title: "Festival Face Art", description: "Fast, creative designs perfect for large crowds and outdoor events. Artistic flair meets quick service.", media: {
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"},
items: [
{ icon: Zap, text: "Fast service for crowds" },
@@ -171,7 +170,7 @@ export default function HomePage() {
reverse: true,
},
{
id: "corporate", title: "Corporate Event Entertainment", description: "Professional face painting for company parties, brand activations, and team celebrations.", media: {
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"},
items: [
{ icon: Briefcase, text: "Professional & polished service" },
@@ -183,16 +182,17 @@ export default function HomePage() {
]}
buttons={[{ text: "Explore All Services", href: "/services" }]}
buttonAnimation="blur-reveal"
ariaLabel="Services section showcasing offerings"
containerClassName="gap-12"
ariaLabel="Services section showcasing face painting offerings"
containerClassName="gap-8 lg:gap-12"
itemClassName=""
mediaWrapperClassName=""
/>
</div>
<div id="packages-home" data-section="packages-home" className="mx-auto px-4 md:px-6">
<div id="packages-home" data-section="packages-home" className="mx-auto px-4 md:px-6 lg:px-8">
<PricingCardFive
title="Event Packages"
description="Simple, flexible pricing for parties, festivals, and corporate events. Each package includes professional service and artistic creativity."
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."
tag="Transparent Pricing"
tagIcon={DollarSign}
tagAnimation="slide-up"
@@ -201,35 +201,35 @@ 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: "/contact" },
id: "birthday-basic", tag: "Popular", price: "$150", period: "per hour", description: "Perfect for small birthday celebrations", button: { text: "Request Quote", href: "/booking" },
featuresTitle: "What's Included", features: [
"Up to 15 kids", "Colorful themed designs", "Face painting only", "Basic design themes"],
},
{
id: "birthday-deluxe", tag: "Best Value", tagIcon: Heart, price: "$200", period: "2 hours - Best Value", description: "Full party entertainment package", button: { text: "Request Quote", href: "/contact" },
id: "birthday-deluxe", tag: "Best Value", price: "$200", period: "per 2 hours", description: "Full party entertainment package", button: { text: "Request Quote", href: "/booking" },
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: "/contact" },
id: "festival-event", tag: "Flexible", price: "$250", period: "per 3 hours", description: "Festival and outdoor event service", button: { text: "Request Quote", href: "/booking" },
featuresTitle: "What's Included", features: [
"High-capacity crowd service", "Fast artistic designs", "Setup & teardown included", "Portable station"],
},
]}
buttons={[{ text: "View All Packages", href: "#packages-home" }]}
buttons={[{ text: "View All Packages", href: "/packages" }]}
buttonAnimation="blur-reveal"
ariaLabel="Pricing section with package options"
containerClassName="gap-12"
textBoxTitleClassName="text-4xl font-extrabold"
textBoxDescriptionClassName="text-lg opacity-90 max-w-3xl"
cardClassName="p-8"
containerClassName="gap-8 lg:gap-12"
cardContentClassName=""
planTagClassName=""
planPriceClassName=""
/>
</div>
<div id="testimonials-home" data-section="testimonials-home" className="mx-auto px-4 md:px-6">
<div id="testimonials-home" data-section="testimonials-home" className="mx-auto px-4 md:px-6 lg:px-8">
<TestimonialCardTwo
title="What Our Clients Say"
description="Real testimonials from happy clients who've booked Paintasy for their events."
title="Client Testimonials - Face Painting Reviews"
description="Real testimonials from happy clients who've booked Paintasy for their events and celebrations."
tag="Client Reviews"
tagIcon={Star}
tagAnimation="slide-up"
@@ -257,19 +257,19 @@ export default function HomePage() {
id: "testimonial-6", name: "Thomas Wilson", role: "Event Manager", testimonial: "From consultation to execution, Paintasy was excellent. They delivered exactly what we envisioned for our community event. A+", imageSrc: "http://img.b2bpic.net/free-photo/man-covered-different-colors-holi_23-2148337991.jpg?_wi=2", imageAlt: "Community event face painting", icon: Star,
},
]}
buttons={[{ text: "Book Now", href: "#packages-home" }]}
buttons={[{ text: "Book Now", href: "/booking" }]}
buttonAnimation="blur-reveal"
ariaLabel="Client testimonials section"
containerClassName="gap-12"
textBoxTitleClassName="text-4xl font-extrabold"
textBoxDescriptionClassName="text-lg opacity-90 max-w-3xl"
containerClassName="gap-8 lg:gap-12"
imageWrapperClassName=""
roleClassName=""
/>
</div>
<div id="gallery-preview-home" data-section="gallery-preview-home" className="mx-auto px-4 md:px-6">
<div id="gallery-preview-home" data-section="gallery-preview-home" className="mx-auto px-4 md:px-6 lg:px-8">
<ProductCardFour
title="Photo Gallery Showcase"
description="Real photos from our events and happy clients. Browse our portfolio of face painting and body art work."
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."
tag="Portfolio"
tagIcon={Camera}
tagAnimation="slide-up"
@@ -291,26 +291,27 @@ export default function HomePage() {
buttons={[{ text: "View Full Gallery", href: "/gallery" }]}
buttonAnimation="blur-reveal"
ariaLabel="Photo gallery preview section"
containerClassName="gap-12"
textBoxTitleClassName="text-4xl font-extrabold"
textBoxDescriptionClassName="text-lg opacity-90 max-w-3xl"
containerClassName="gap-8 lg:gap-12"
cardNameClassName=""
cardPriceClassName=""
/>
</div>
<div id="faq-home" data-section="faq-home" className="mx-auto px-4 md:px-6">
<div id="faq-home" data-section="faq-home" className="mx-auto px-4 md:px-6 lg:px-8">
<FaqBase
title="Frequently Asked Questions"
title="Face Painting FAQ - 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-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-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."},
{
@@ -318,22 +319,22 @@ export default function HomePage() {
{
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-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-6", title: "What's included in your packages?", content: "All packages include professional face painting service, setup and teardown, and our artist's materials. Some packages include additional services like temporary tattoos or body painting. Check specific package details for what's included."},
id: "faq-6", title: "What's included in your 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."},
]}
buttons={[{ text: "Book Your Event", href: "#packages-home" }]}
buttons={[{ text: "Book Your Event", href: "/booking" }]}
buttonAnimation="blur-reveal"
ariaLabel="FAQ section with common questions"
containerClassName="gap-12"
textBoxTitleClassName="text-4xl font-extrabold"
textBoxDescriptionClassName="text-lg opacity-90 max-w-3xl"
containerClassName="gap-8 lg:gap-12"
accordionClassName=""
accordionTitleClassName=""
/>
</div>
<div id="contact-home" data-section="contact-home" className="mx-auto px-4 md:px-6">
<div id="contact-home" data-section="contact-home" className="mx-auto px-4 md:px-6 lg:px-8">
<ContactText
text="Ready to add magic to your event? Get in touch with Paintasy Face and Body Art. Professional face painters ready to deliver exceptional entertainment and creative designs. We'd love to discuss your event and create an unforgettable experience for your guests."
text="Ready to add magic to your event? Get in touch with Paintasy Face and Body Art. We'd love to discuss your event and create an unforgettable experience for your guests."
animationType="background-highlight"
background={{ variant: "radial-gradient" }}
useInvertedBackground={false}
@@ -342,20 +343,20 @@ export default function HomePage() {
{ text: "Call Us", href: "tel:+15551234567" },
]}
ariaLabel="Contact call-to-action section"
containerClassName="py-16"
containerClassName="py-12 sm:py-16 lg:py-20"
contentClassName="max-w-3xl mx-auto"
textClassName="text-4xl font-extrabold text-center"
textClassName="text-2xl sm:text-3xl lg:text-4xl font-extrabold text-center"
buttonContainerClassName="flex flex-col sm:flex-row gap-4 justify-center mt-8"
/>
</div>
<div id="footer-home" data-section="footer-home" className="mx-auto px-4 md:px-6">
<div id="footer-home" data-section="footer-home" className="mx-auto px-4 md:px-6 lg:px-8">
<FooterSimple
columns={footerColumns}
bottomLeftText="© 2024 Paintasy Face and Body Art. All rights reserved."
bottomRightText="Professional Event Entertainment | Creative Services"
ariaLabel="Site footer with links"
containerClassName="gap-12"
containerClassName="gap-8 lg:gap-12"
columnsClassName="grid-cols-2 lg:grid-cols-4"
columnTitleClassName="font-extrabold text-lg"
columnItemClassName="hover:opacity-70 transition-opacity"
@@ -363,4 +364,4 @@ export default function HomePage() {
</div>
</ThemeProvider>
);
}
}