Switch to version 1: modified src/app/services/page.tsx
This commit is contained in:
@@ -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, Star, Music, Users, DollarSign, HelpCircle } 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,194 +78,113 @@ export default function ServicesPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero-services" data-section="hero-services" 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 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 to all your special moments."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Professional Services"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{ text: "Book Now", href: "/packages" },
|
||||
{ text: "Get a Quote", href: "/contact" },
|
||||
]}
|
||||
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/dreamy-eyes-woman-smiling-festival_23-2148338055.jpg?_wi=1", imageAlt: "Professional face painting services showcase"},
|
||||
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 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"
|
||||
ariaLabel="Services page hero section"
|
||||
titleClassName="text-5xl font-extrabold"
|
||||
descriptionClassName="text-lg opacity-90 max-w-2xl"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="kids-parties" data-section="kids-parties" 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="Kids Party Face Painting"
|
||||
description="Make every birthday celebration unforgettable with our colorful and playful face painting designs. Our artists specialize in creating magical moments for children of all ages."
|
||||
tag="Party Entertainment"
|
||||
tagIcon={Smile}
|
||||
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={false}
|
||||
features={[
|
||||
{
|
||||
id: "superhero-designs", title: "Superhero Designs", description: "Transform kids into their favorite superheroes with bold, colorful, and inspiring designs that make them feel powerful and special.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-eyes-woman-smiling-festival_23-2148338055.jpg?_wi=1", imageAlt: "Superhero face painting for kids"},
|
||||
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: Star, text: "Superman, Batman, Wonder Woman" },
|
||||
{ icon: Sparkles, text: "Colorful and detailed designs" },
|
||||
{ icon: Heart, text: "Safe, non-toxic face paints" },
|
||||
{ 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: "animal-designs", title: "Animal & Fantasy Designs", description: "Bring imagination to life with enchanting animal faces and fantasy characters that capture children's wonder and creativity.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-putting-makeup-man_23-2149357796.jpg?_wi=1", imageAlt: "Animal face painting 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: Heart, text: "Butterflies, tigers, cats, dragons" },
|
||||
{ icon: Zap, text: "Quick application - 5-10 minutes" },
|
||||
{ icon: Smile, text: "Kids love the transformation" },
|
||||
{ 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: "princess-themes", title: "Princess & Fairytale Themes", description: "Create magical memories with elegant princess face paintings and enchanted character designs that make dreams come true.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-dj-party-charge-music-entertainment_23-2149658399.jpg?_wi=1", imageAlt: "Princess themed face painting"},
|
||||
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: Sparkles, text: "Cinderella, Ariel, Elsa designs" },
|
||||
{ icon: Heart, text: "Elegant and refined details" },
|
||||
{ icon: Star, text: "Photo-ready designs" },
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Kids Party", href: "/packages" }]}
|
||||
buttonAnimation="blur-reveal"
|
||||
ariaLabel="Kids party face painting service"
|
||||
containerClassName="gap-12"
|
||||
titleClassName="text-4xl font-extrabold"
|
||||
descriptionClassName="text-lg opacity-90 max-w-3xl"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="festival-face-painting" data-section="festival-face-painting" className="mx-auto px-4 md:px-6">
|
||||
<FeatureCardTen
|
||||
title="Festival Face Painting"
|
||||
description="Energize your outdoor events and festivals with fast, creative face art that delights crowds. Perfect for music festivals, carnivals, markets, and large celebrations."
|
||||
tag="Festival Entertainment"
|
||||
tagIcon={Music}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "quick-designs", title: "Quick Artistic Designs", description: "Optimized for high-volume events with beautiful, creative designs completed in 5-10 minutes per person.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-brush-close-up_23-2148966902.jpg?_wi=1", imageAlt: "Festival quick face painting designs"},
|
||||
items: [
|
||||
{ icon: Zap, text: "Fast turnaround time" },
|
||||
{ icon: Star, text: "Creative, artistic patterns" },
|
||||
{ icon: Sparkles, text: "Professional quality results" },
|
||||
{ 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: "crowd-service", title: "High-Capacity Crowd Service", description: "Handle large crowds with efficiency and joy. Our portable stations and experienced artists keep the line moving while maintaining artistic excellence.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-putting-makeup-man_23-2149357796.jpg?_wi=1", imageAlt: "Festival crowd face painting station"},
|
||||
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: Users, text: "100+ people per event" },
|
||||
{ icon: Music, text: "Perfect for any festival" },
|
||||
{ icon: Heart, text: "Portable & self-contained setup" },
|
||||
{ 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,
|
||||
},
|
||||
{
|
||||
id: "event-themes", title: "Event-Themed Designs", description: "Customize designs to match your festival theme, whether it's Halloween, neon nights, masquerade balls, or themed celebrations.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-women-with-all-kinds-body_23-2149159242.jpg?_wi=1", imageAlt: "Themed festival face painting"},
|
||||
items: [
|
||||
{ icon: Palette, text: "Custom color schemes" },
|
||||
{ icon: Star, text: "Theme-matched designs" },
|
||||
{ icon: Sparkles, text: "Cohesive event branding" },
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Festival Service", href: "/packages" }]}
|
||||
buttons={[{ text: "View Packages", href: "/packages" }]}
|
||||
buttonAnimation="blur-reveal"
|
||||
ariaLabel="Festival face painting service"
|
||||
containerClassName="gap-12"
|
||||
titleClassName="text-4xl font-extrabold"
|
||||
descriptionClassName="text-lg opacity-90 max-w-3xl"
|
||||
descriptionClassName="text-lg opacity-90"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq-services" data-section="faq-services" className="mx-auto px-4 md:px-6">
|
||||
<FaqBase
|
||||
title="Services FAQ"
|
||||
description="Common questions about our face painting and body art services."
|
||||
tag="FAQ"
|
||||
tagIcon={HelpCircle}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
animationType="smooth"
|
||||
faqsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
showCard={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "service-faq-1", title: "What is included in kids party face painting?", content: "Our kids party service includes professional face painting with colorful, playful designs. Kids can choose from superheroes, animals, princesses, and fantasy characters. Each design takes 5-10 minutes. We bring all materials and tools needed for safe, hygienic application."},
|
||||
{
|
||||
id: "service-faq-2", title: "How many kids can you paint at a party?", content: "This depends on party length. For a 2-hour party, we can typically paint 15-25 kids depending on design complexity. For longer parties (3-4 hours), we can accommodate 25-40+ children. Let us know your party size when booking, and we'll recommend the best package."},
|
||||
{
|
||||
id: "service-faq-3", title: "Are the face paints hypoallergenic?", content: "Yes! We use only professional-grade, hypoallergenic face paints that are non-toxic and dermatologist-tested. All products are safe for sensitive skin and children. We practice strict hygiene protocols with clean brushes and sanitized tools for each client. If a child has known allergies, please inform us in advance."},
|
||||
{
|
||||
id: "service-faq-4", title: "What makes festival face painting different?", content: "Festival face painting is designed for high-volume, quick service in outdoor settings. We create beautiful, artistic designs that can be completed in 5-10 minutes per person. Our portable stations are weather-resistant, and we're experienced with large crowds, long lines, and fast-paced environments."},
|
||||
{
|
||||
id: "service-faq-5", title: "Can you do custom designs for specific themes?", content: "Absolutely! We specialize in custom designs for themed parties and corporate events. Please provide your theme details, color preferences, or reference images when booking. For very complex custom designs, there may be a small additional fee, but we always discuss this upfront."},
|
||||
{
|
||||
id: "service-faq-6", title: "How long does face paint last?", content: "Our face paints typically last 4-6 hours with normal activity. They may smudge or fade with heavy sweating or water exposure. We provide care instructions on how to help the paint last longer. For longer events, we can touch up designs if needed."},
|
||||
]}
|
||||
buttons={[{ text: "View All Packages", href: "/packages" }]}
|
||||
buttonAnimation="blur-reveal"
|
||||
ariaLabel="Services FAQ section"
|
||||
containerClassName="gap-12"
|
||||
titleClassName="text-4xl font-extrabold"
|
||||
descriptionClassName="text-lg opacity-90 max-w-3xl"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-services" data-section="contact-services" className="mx-auto px-4 md:px-6">
|
||||
<ContactText
|
||||
text="Ready to bring creative face painting to your next event? Whether it's a kids' birthday party or a large festival, we're here to make it memorable. Get in touch with Paintasy to discuss your specific service needs."
|
||||
animationType="background-highlight"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground={true}
|
||||
buttons={[
|
||||
{ text: "Request a Quote", href: "/contact" },
|
||||
{ text: "Call Us", href: "tel:+15551234567" },
|
||||
]}
|
||||
ariaLabel="Contact call-to-action section"
|
||||
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="footer-services" data-section="footer-services" className="mx-auto px-4 md:px-6">
|
||||
<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