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:31:54 +00:00
parent 59f264b28e
commit 7569a2ee7c
1 changed files with 74 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

145
src/app/page.tsx
View File

@@ -13,16 +13,19 @@ 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 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"};
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 = [
@@ -37,10 +40,10 @@ export default function HomePage() {
},
{
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "About Us", href: "#about-home" },
{ label: "Gallery", href: "/gallery" },
{ label: "Packages", href: "/packages" },
{ label: "FAQ", href: "#faq" },
{ label: "Packages", href: "#packages-home" },
{ label: "FAQ", href: "#faq-home" },
{ label: "Contact", href: "/contact" },
],
},
@@ -57,7 +60,7 @@ export default function HomePage() {
title: "Service Areas", items: [
{ label: "Local Events", href: "/contact" },
{ label: "Regional Coverage", href: "/contact" },
{ label: "Book Now", href: "/packages" },
{ label: "Book Now", href: "/booking" },
{ label: "Get Quote", href: "/contact" },
],
},
@@ -85,16 +88,16 @@ 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}
tagAnimation="slide-up"
buttons={[
{ text: "Book Your Event", href: "/packages" },
{ text: "Book Your Event", href: "/booking" },
{ text: "View Our Gallery", href: "/gallery" },
]}
buttonAnimation="blur-reveal"
@@ -103,19 +106,19 @@ export default function HomePage() {
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 +134,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,7 +152,7 @@ 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: {
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" },
@@ -159,7 +162,7 @@ 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: {
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" },
@@ -169,7 +172,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 with branded design options.", media: {
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" },
@@ -181,17 +184,17 @@ 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"
titleClassName="text-3xl sm:text-4xl lg:text-5xl font-extrabold"
descriptionClassName="text-base sm:text-lg opacity-90 max-w-3xl"
ariaLabel="Services section showcasing offerings"
containerClassName="gap-12"
titleClassName="text-4xl font-extrabold"
descriptionClassName="text-lg opacity-90 max-w-3xl"
/>
</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 +203,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: "/packages" },
id: "birthday-basic", tag: "Popular", price: "$150", period: "per hour", description: "Perfect for small birthday celebrations", button: { text: "Request Quote", href: "/contact" },
featuresTitle: "What's Included", features: [
"Up to 15 kids", "Colorful themed designs", "Face painting only", "Basic design themes"],
},
{
id: "birthday-deluxe", tag: "Best Value", price: "$200", period: "per 2 hours", description: "Full party entertainment package", button: { text: "Request Quote", href: "/packages" },
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" },
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" },
id: "festival-event", tag: "Flexible", price: "$250", period: "per 3 hours", description: "Festival and outdoor event service", button: { text: "Request Quote", href: "/contact" },
featuresTitle: "What's Included", features: [
"High-capacity crowd service", "Fast artistic designs", "Setup & teardown included", "Portable station"],
},
]}
buttons={[{ text: "View All Packages", href: "/packages" }]}
buttons={[{ text: "View All Packages", href: "#packages-home" }]}
buttonAnimation="blur-reveal"
ariaLabel="Pricing section with package options"
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-3xl"
cardClassName="p-6 sm:p-8"
containerClassName="gap-12"
titleClassName="text-4xl font-extrabold"
descriptionClassName="text-lg opacity-90 max-w-3xl"
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"
@@ -256,19 +259,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" }]}
buttons={[{ text: "Book Now", href: "/booking" }]}
buttonAnimation="blur-reveal"
ariaLabel="Client testimonials section"
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-3xl"
containerClassName="gap-12"
titleClassName="text-4xl font-extrabold"
descriptionClassName="text-lg opacity-90 max-w-3xl"
/>
</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"
@@ -290,15 +293,15 @@ export default function HomePage() {
buttons={[{ text: "View Full Gallery", href: "/gallery" }]}
buttonAnimation="blur-reveal"
ariaLabel="Photo gallery preview section"
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-3xl"
containerClassName="gap-12"
titleClassName="text-4xl font-extrabold"
descriptionClassName="text-lg opacity-90 max-w-3xl"
/>
</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,7 +313,7 @@ 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."},
{
@@ -318,22 +321,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 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" }]}
buttons={[{ text: "Book Your Event", href: "/booking" }]}
buttonAnimation="blur-reveal"
ariaLabel="FAQ section with common questions"
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-3xl"
containerClassName="gap-12"
titleClassName="text-4xl font-extrabold"
descriptionClassName="text-lg opacity-90 max-w-3xl"
/>
</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."
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."
animationType="background-highlight"
background={{ variant: "radial-gradient" }}
useInvertedBackground={false}
@@ -342,20 +345,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"
@@ -363,4 +366,4 @@ export default function HomePage() {
</div>
</ThemeProvider>
);
}
}