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

Update src/app/services/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-14 05:06:11 +00:00
parent 6bfe58b3d7
commit 6edbfc7490
1 changed files with 67 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files

165
src/app/services/page.tsx
View File

@@ -1,61 +1,13 @@
"use client";
import Link from "next/link";
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 FooterSimple from '@/components/sections/footer/FooterSimple';
import { Smile, Heart, Sparkles, Zap, Music, Briefcase, Target, Users, Award, Palette, Camera, Star } from 'lucide-react';
import { Smile, Heart, Sparkles, Star, Zap, Music, Users, Briefcase, Target, Award, Palette, Camera } from 'lucide-react';
export default function ServicesPage() {
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: "#service-1" },
{ label: "Festival Face Art", href: "#service-2" },
{ label: "Corporate Events", href: "#service-3" },
{ label: "Body Painting", href: "#service-4" },
],
},
{
title: "Quick Links",
items: [
{ label: "Gallery", href: "/gallery" },
{ label: "Packages", href: "/packages" },
{ label: "About", href: "/about" },
{ 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" },
],
},
{
title: "Get Started",
items: [
{ label: "View Packages", href: "/packages" },
{ label: "Book Now", href: "/packages" },
{ label: "Get Quote", href: "/contact" },
],
},
];
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
@@ -71,8 +23,15 @@ export default function ServicesPage() {
>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={navItems}
brandName="Paintasy"
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" }
]}
bottomLeftText="Creative Face & Body Art"
bottomRightText="paintasy@events.com"
/>
@@ -83,13 +42,14 @@ export default function ServicesPage() {
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" }]}
buttons={[
{ text: "Book Now", href: "/packages" }
]}
buttonAnimation="blur-reveal"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-girl-hare-face-paint_23-2147680474.jpg?_wi=2",
imageAlt: "Professional face painting services",
},
imageSrc: "http://img.b2bpic.net/free-photo/little-children-trick-treating-halloween_53876-40562.jpg?_wi=2", imageAlt: "Professional face painting services"
}
]}
mediaAnimation="opacity"
ariaLabel="Services page hero section"
@@ -107,75 +67,57 @@ export default function ServicesPage() {
useInvertedBackground={false}
features={[
{
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/thoughtful-girl-hare-face-paint_23-2147680474.jpg?_wi=3",
imageAlt: "Kids party face painting showcase",
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/little-children-trick-treating-halloween_53876-40562.jpg?_wi=3", imageAlt: "Kids party face painting showcase"
},
items: [
{ 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" },
{ icon: Star, text: "Perfect for ages 3-12" }
],
reverse: false,
reverse: false
},
{
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-vector/psychedelic-music-covers-collection_23-2148627318.jpg?_wi=2",
imageAlt: "Festival face art 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/man-girl-playing-beauty-salon_23-2147749312.jpg?_wi=2", imageAlt: "Festival face art designs"
},
items: [
{ 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" },
{ icon: Palette, text: "Artistic & creative designs" }
],
reverse: true,
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/medium-shot-woman-wearing-costume_23-2149357767.jpg?_wi=2",
imageAlt: "Corporate event face painting service",
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/man-about-hug-friend-birthday-celebration_23-2147716867.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" },
{ icon: Users, text: "Great for team engagement" }
],
reverse: false,
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/young-woman-covered-with-powder-lying-purple-holi-color_23-2148129215.jpg",
imageAlt: "Professional body painting artwork",
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/blue-yellow-holi-color-powder-woman-s-face_23-2148129183.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" },
{ icon: Star, text: "Unforgettable performances" }
],
reverse: true,
},
reverse: true
}
]}
buttons={[
{ text: "View Packages", href: "/packages" }
]}
buttons={[{ text: "View Packages", href: "/packages" }]}
buttonAnimation="blur-reveal"
containerClassName="gap-12"
titleClassName="text-4xl font-extrabold"
@@ -185,14 +127,41 @@ export default function ServicesPage() {
<div id="services-footer" data-section="services-footer">
<FooterSimple
columns={footerColumns}
columns={[
{
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" }
]
},
{
title: "Quick Links", items: [
{ label: "Gallery", href: "/gallery" },
{ label: "Packages", href: "/packages" },
{ label: "About", href: "/about" },
{ 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" }
]
},
{
title: "Get Started", items: [
{ label: "View Packages", href: "/packages" },
{ label: "Book Now", href: "/packages" },
{ label: "Get Quote", href: "/contact" }
]
}
]}
bottomLeftText="© 2024 Paintasy Face and Body Art."
bottomRightText="Professional Event Entertainment"
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>