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, Target, Users, Briefcase, HelpCircle, 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: "/" },
|
||||
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,143 +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 Professional Services"
|
||||
description="Discover the full range of creative face painting and body art services Paintasy offers. From intimate birthday celebrations to large-scale festival entertainment, we bring artistry, professionalism, and joy to every event."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Creative Entertainment"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{ text: "Book Your Event", href: "/packages" },
|
||||
{ text: "View Packages", href: "/packages" },
|
||||
]}
|
||||
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", imageAlt: "Professional face painting service 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="services-detail" data-section="services-detail" 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="Complete Service Menu"
|
||||
description="Professional face painting and body art services tailored for every occasion and event type."
|
||||
tag="Services Offered"
|
||||
tagIcon={Palette}
|
||||
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", title: "Kids Party Face Painting", description: "Fun and colorful face painting designs perfect for birthday celebrations, school events, and children's parties. Our artists specialize in creating magical moments for young guests with playful, age-appropriate designs.", 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: "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: "Colorful & playful designs" },
|
||||
{ icon: Heart, text: "Safe, child-friendly products" },
|
||||
{ icon: Smile, text: "Quick turnaround per child" },
|
||||
{ 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", title: "Festival Face Art", description: "Fast, creative, and impressive face painting designs perfect for large crowds and outdoor festival settings. We combine artistic flair with efficient service to keep lines moving while maintaining quality.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-putting-makeup-man_23-2149357796.jpg?_wi=1", imageAlt: "Festival face painting artwork"},
|
||||
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 service for crowds" },
|
||||
{ icon: Star, text: "Creative artistic designs" },
|
||||
{ icon: Music, text: "Perfect for music & outdoor events" },
|
||||
{ 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: "corporate", title: "Corporate Event Entertainment", description: "Professional face painting services for company parties, brand activations, team building events, and corporate celebrations. We deliver polished service with optional 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: "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 available" },
|
||||
{ icon: Users, text: "Great for team building" },
|
||||
{ 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: "Request a Quote", href: "/contact" }]}
|
||||
buttons={[{ text: "View Packages", href: "/packages" }]}
|
||||
buttonAnimation="blur-reveal"
|
||||
ariaLabel="Detailed services section"
|
||||
containerClassName="gap-12"
|
||||
itemClassName="text-4xl font-extrabold"
|
||||
descriptionClassName="text-lg opacity-90 max-w-3xl"
|
||||
titleClassName="text-4xl font-extrabold"
|
||||
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={true}
|
||||
showCard={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1", title: "Do you offer custom design services?", content: "Yes! We specialize in custom face painting designs tailored to your event theme. Whether it's character designs, themed art, or branded elements for corporate events, our artists can create exactly what you envision. Please provide theme details or reference images when booking for best results."},
|
||||
{
|
||||
id: "faq-2", title: "What's the difference between kids party and festival face painting?", content: "Kids party face painting focuses on intricate, detailed designs with character themes and personal interaction with each child. Festival face painting emphasizes speed and crowd management while maintaining artistic quality. Festival designs are typically simpler but equally impressive, allowing us to serve more people in the same timeframe."},
|
||||
{
|
||||
id: "faq-3", title: "Are your products hypoallergenic?", content: "We use only professional-grade, hypoallergenic face paints that are non-toxic and dermatologist-tested. All products are safe for sensitive skin. If you have known allergies, please inform us when booking so we can prepare appropriate alternatives or conduct a patch test."},
|
||||
{
|
||||
id: "faq-4", title: "Can you do body painting in addition to face painting?", content: "Absolutely! We offer professional body painting services for themed events, corporate activations, and special occasions. Body painting takes longer than face painting, so we recommend discussing specific design and time requirements when booking."},
|
||||
{
|
||||
id: "faq-5", title: "What's your turnaround time per person?", content: "Simple face designs typically take 3-5 minutes, while detailed or custom designs take 8-12 minutes. At festivals, we optimize for speed. For party settings, we allow more time for interactions and personalized designs. We always prioritize quality over rushing."},
|
||||
{
|
||||
id: "faq-6", title: "How much setup time do you need?", content: "Typically, we require 15-30 minutes for setup before service begins. This includes setting up our portable stations, organizing supplies, and ensuring proper sanitation protocols are in place. The exact time depends on the venue and event specifics."},
|
||||
]}
|
||||
buttons={[{ text: "Book Your Service", href: "/packages" }]}
|
||||
buttonAnimation="blur-reveal"
|
||||
ariaLabel="Services FAQ section"
|
||||
containerClassName="gap-12"
|
||||
textBoxTitleClassName="text-4xl font-extrabold"
|
||||
textBoxDescriptionClassName="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="Interested in booking one of our services? Let's discuss your event requirements and create a customized solution. Contact Paintasy today to bring professional face and body art to your celebration."
|
||||
animationType="background-highlight"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Request a Quote", href: "/contact" },
|
||||
{ text: "Call Us", href: "tel:+15551234567" },
|
||||
]}
|
||||
ariaLabel="Services 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