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

Merge version_1 into main #3

Merged
bender merged 5 commits from version_1 into main 2026-03-14 05:06:16 +00:00
Conversation 0 Commits 5 Files Changed 5 +341 -685
5 changed files with 341 additions and 685 deletions
Download Patch File Download Diff File Expand all files Collapse all files

86
src/app/about/page.tsx
View File

@@ -1,13 +1,12 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import Link from 'next/link';
import { Palette, Award, Shield, CheckCircle } from 'lucide-react';
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Palette, Award, Shield, CheckCircle } from "lucide-react";
export default function AboutPage() {
const navItems = [
@@ -21,8 +20,7 @@ export default function AboutPage() {
const footerColumns = [
{
title: "Services",
items: [
title: "Services", items: [
{ label: "Kids Party Face Painting", href: "/services" },
{ label: "Festival Face Art", href: "/services" },
{ label: "Corporate Events", href: "/services" },
@@ -30,8 +28,7 @@ export default function AboutPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Gallery", href: "/gallery" },
{ label: "Packages", href: "/packages" },
@@ -39,8 +36,7 @@ export default function AboutPage() {
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{ label: "Instagram", href: "https://instagram.com" },
{ label: "Facebook", href: "https://facebook.com" },
{ label: "TikTok", href: "https://tiktok.com" },
@@ -48,9 +44,9 @@ export default function AboutPage() {
],
},
{
title: "Get Started",
items: [
{ label: "View Packages", href: "/packages" },
title: "Service Areas", items: [
{ label: "Local Events", href: "/contact" },
{ label: "Regional Coverage", href: "/contact" },
{ label: "Book Now", href: "/packages" },
{ label: "Get Quote", href: "/contact" },
],
@@ -72,8 +68,8 @@ export default function AboutPage() {
>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
brandName="Paintasy"
navItems={navItems}
brandName="Paintasy"
bottomLeftText="Creative Face & Body Art"
bottomRightText="paintasy@events.com"
/>
@@ -86,12 +82,10 @@ export default function AboutPage() {
background={{ variant: "radial-gradient" }}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-making-masks-home_1303-11291.jpg?_wi=2",
imageAlt: "Professional face painter artist at work",
},
imageSrc:
"http://img.b2bpic.net/free-photo/young-woman-with-towel-her-head-tassel_114579-27569.jpg?_wi=2", imageAlt: "Professional face painter artist at work"},
]}
mediaAnimation="opacity"
ariaLabel="About page hero section"
titleClassName="text-5xl font-extrabold"
descriptionClassName="text-lg opacity-90"
/>
@@ -104,7 +98,7 @@ export default function AboutPage() {
tag="Professional Team"
tagIcon={Award}
tagAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/mother-daughter-making-masks-home_1303-11291.jpg?_wi=3"
imageSrc="http://img.b2bpic.net/free-photo/young-woman-with-towel-her-head-tassel_114579-27569.jpg?_wi=3"
imageAlt="Our professional face painting artist"
mediaAnimation="blur-reveal"
metrics={[
@@ -115,7 +109,6 @@ export default function AboutPage() {
]}
metricsAnimation="slide-up"
useInvertedBackground={true}
ariaLabel="About section with company story"
titleClassName="text-4xl font-extrabold"
descriptionClassName="text-lg opacity-90 max-w-2xl"
/>
@@ -130,28 +123,20 @@ export default function AboutPage() {
useInvertedBackground={false}
features={[
{
id: "value-1",
title: "Creativity",
description: "We believe in artistic expression and creative design. Every face is a canvas.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-brush-posing_23-2148263496.jpg?_wi=3",
imageAlt: "Creative face painting designs",
},
id: "value-1", title: "Creativity", description: "We believe in artistic expression and creative design. Every face is a canvas.", media: {
imageSrc:
"http://img.b2bpic.net/free-photo/fabulous-drag-queen-getting-her-makeup-ready_23-2149138152.jpg?_wi=3", imageAlt: "Creative face painting designs"},
items: [
{ icon: Palette, text: "Artistic innovation" },
{ icon: Shield, text: "Unique designs" },
{ icon: Award, text: "Professional quality" },
{ icon: Palette, text: "Unique designs" },
{ icon: Palette, text: "Professional quality" },
],
reverse: false,
},
{
id: "value-2",
title: "Safety & Professionalism",
description: "We use only hypoallergenic, professional-grade face paints and maintain strict hygiene standards.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-girl-hare-face-paint_23-2147680474.jpg?_wi=5",
imageAlt: "Safe professional face painting",
},
id: "value-2", title: "Safety & Professionalism", description: "We use only hypoallergenic, professional-grade face paints and maintain strict hygiene standards.", media: {
imageSrc:
"http://img.b2bpic.net/free-photo/little-children-trick-treating-halloween_53876-40562.jpg?_wi=5", imageAlt: "Safe professional face painting"},
items: [
{ icon: Shield, text: "Hypoallergenic products" },
{ icon: CheckCircle, text: "Safety certified" },
@@ -159,39 +144,18 @@ export default function AboutPage() {
],
reverse: true,
},
{
id: "value-3",
title: "Customer Happiness",
description: "Your satisfaction is our top priority. We listen, adapt, and go the extra mile to create memorable moments.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/kids-eating-delicious-birthday-cake_23-2147773201.jpg?_wi=4",
imageAlt: "Happy children with face paintings",
},
items: [
{ icon: CheckCircle, text: "100% satisfaction" },
{ icon: Palette, text: "Custom solutions" },
{ icon: Award, text: "Excellent service" },
],
reverse: false,
},
]}
ariaLabel="Values section"
containerClassName="gap-12"
titleClassName="text-4xl font-extrabold"
descriptionClassName="text-lg opacity-90"
/>
</div>
<div id="footer" data-section="footer">
<div id="footer-about" data-section="footer-about">
<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"
columnsClassName="grid-cols-2 lg:grid-cols-4"
columnTitleClassName="font-extrabold text-lg"
columnItemClassName="hover:opacity-70 transition-opacity"
/>
</div>
</ThemeProvider>

178
src/app/gallery/page.tsx
View File

@@ -5,9 +5,52 @@ import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/Nav
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
import ProductCardFour from "@/components/sections/product/ProductCardFour";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import Link from "next/link";
export default function GalleryPage() {
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: "Gallery", items: [
{ label: "Kids Designs", href: "#gallery" },
{ label: "Festival Art", href: "#gallery" },
{ label: "Body Painting", href: "#gallery" },
{ label: "Custom Designs", href: "#gallery" },
],
},
{
title: "Services", items: [
{ label: "All Services", href: "/services" },
{ label: "Packages", href: "/packages" },
{ label: "Pricing", href: "/packages" },
{ label: "About", href: "/about" },
],
},
{
title: "Social Media", 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: "Book Now", items: [
{ label: "View Packages", href: "/packages" },
{ label: "Request Quote", href: "/contact" },
{ label: "Contact Us", href: "/contact" },
{ label: "FAQ", href: "#faq" },
],
},
];
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
@@ -24,14 +67,7 @@ export default function GalleryPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
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" }
]}
navItems={navItems}
bottomLeftText="Creative Face & Body Art"
bottomRightText="paintasy@events.com"
/>
@@ -42,15 +78,12 @@ export default function GalleryPage() {
title="Event Photo Gallery"
description="Real photos from real events. Browse our portfolio of professional face painting and body art work."
background={{ variant: "radial-gradient" }}
buttons={[
{ text: "Book Your Event", href: "/packages" }
]}
buttons={[{ text: "Book Your Event", href: "/packages" }]}
buttonAnimation="blur-reveal"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/young-people-posing-holi-festival_23-2148338022.jpg?_wi=2",
imageAlt: "Festival face painting event photography"
}
imageSrc:
"http://img.b2bpic.net/free-photo/three-beautiful-smiling-girls-posing-holi-party_158538-16632.jpg?_wi=2", imageAlt: "Festival face art gallery"},
]}
mediaAnimation="opacity"
titleClassName="text-5xl font-extrabold"
@@ -69,73 +102,31 @@ export default function GalleryPage() {
carouselMode="buttons"
products={[
{
id: "gallery-kids-1",
name: "Kids Face Painting",
price: "Colorful Designs",
variant: "Birthday Parties",
imageSrc: "http://img.b2bpic.net/free-vector/flat-holi-instagram-stories-collection_52683-158807.jpg?_wi=2",
imageAlt: "Kids birthday party face painting designs"
},
id: "gallery-kids-1", name: "Kids Face Painting", price: "Colorful Designs", variant: "Birthday Parties", imageSrc:
"http://img.b2bpic.net/free-photo/beautiful-lgtbiq-plus-portraits_23-2149165929.jpg?_wi=2", imageAlt: "Kids birthday party face painting designs"},
{
id: "gallery-festival-1",
name: "Festival Face Art",
price: "Creative Artistry",
variant: "Outdoor Events",
imageSrc: "http://img.b2bpic.net/free-photo/young-people-posing-holi-festival_23-2148338022.jpg?_wi=3",
imageAlt: "Festival face painting artwork showcase"
},
id: "gallery-festival-1", name: "Festival Face Art", price: "Creative Artistry", variant: "Outdoor Events", imageSrc:
"http://img.b2bpic.net/free-photo/three-beautiful-smiling-girls-posing-holi-party_158538-16632.jpg?_wi=3", imageAlt: "Festival face painting artwork showcase"},
{
id: "gallery-body-1",
name: "Body Painting Art",
price: "Professional Service",
variant: "Special Events",
imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-wearing-blue-dress-high-heels-sitting-fireplace_132075-12009.jpg?_wi=2",
imageAlt: "Professional body art photography"
},
id: "gallery-body-1", name: "Body Painting Art", price: "Professional Service", variant: "Special Events", imageSrc:
"http://img.b2bpic.net/free-photo/close-up-view-fluorescent-make-up-person_23-2148410114.jpg?_wi=2", imageAlt: "Professional body art photography"},
{
id: "gallery-custom-1",
name: "Custom Designs",
price: "Personalized Art",
variant: "Themed Events",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-brush-posing_23-2148263496.jpg?_wi=2",
imageAlt: "Custom themed face painting designs"
},
id: "gallery-custom-1", name: "Custom Designs", price: "Personalized Art", variant: "Themed Events", imageSrc:
"http://img.b2bpic.net/free-photo/fabulous-drag-queen-getting-her-makeup-ready_23-2149138152.jpg?_wi=2", imageAlt: "Custom themed face painting designs"},
{
id: "gallery-kids-2",
name: "Princess & Character",
price: "Enchanting Designs",
variant: "Theme Parties",
imageSrc: "http://img.b2bpic.net/free-vector/flat-holi-instagram-stories-collection_52683-158807.jpg?_wi=3",
imageAlt: "Princess character face painting designs"
},
id: "gallery-kids-2", name: "Princess & Character", price: "Enchanting Designs", variant: "Theme Parties", imageSrc:
"http://img.b2bpic.net/free-photo/beautiful-lgtbiq-plus-portraits_23-2149165929.jpg?_wi=3", imageAlt: "Princess character face painting designs"},
{
id: "gallery-festival-2",
name: "Festival Entertainment",
price: "Live Entertainment",
variant: "Large Events",
imageSrc: "http://img.b2bpic.net/free-photo/young-people-posing-holi-festival_23-2148338022.jpg?_wi=4",
imageAlt: "Festival face painter with audience"
},
id: "gallery-festival-2", name: "Festival Entertainment", price: "Live Entertainment", variant: "Large Events", imageSrc:
"http://img.b2bpic.net/free-photo/three-beautiful-smiling-girls-posing-holi-party_158538-16632.jpg?_wi=4", imageAlt: "Festival face painter with audience"},
{
id: "gallery-body-2",
name: "Artistic Body Designs",
price: "High Impact Art",
variant: "Photo Shoots",
imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-wearing-blue-dress-high-heels-sitting-fireplace_132075-12009.jpg?_wi=3",
imageAlt: "Artistic body painting photoshoot"
},
id: "gallery-body-2", name: "Artistic Body Designs", price: "High Impact Art", variant: "Photo Shoots", imageSrc:
"http://img.b2bpic.net/free-photo/close-up-view-fluorescent-make-up-person_23-2148410114.jpg?_wi=3", imageAlt: "Artistic body painting photoshoot"},
{
id: "gallery-corporate",
name: "Corporate Events",
price: "Professional Art",
variant: "Team Events",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-costume_23-2149357767.jpg?_wi=3",
imageAlt: "Corporate event face painting"
}
]}
buttons={[
{ text: "Book Now", href: "/packages" }
id: "gallery-corporate", name: "Corporate Events", price: "Professional Art", variant: "Team Events", imageSrc:
"http://img.b2bpic.net/free-photo/man-about-hug-friend-birthday-celebration_23-2147716867.jpg?_wi=3", imageAlt: "Corporate event face painting"},
]}
buttons={[{ text: "Book Now", href: "/packages" }]}
buttonAnimation="blur-reveal"
containerClassName="gap-12"
titleClassName="text-4xl font-extrabold"
@@ -145,44 +136,7 @@ export default function GalleryPage() {
<div id="gallery-footer" data-section="gallery-footer">
<FooterSimple
columns={[
{
title: "Gallery",
items: [
{ label: "Kids Designs", href: "#gallery" },
{ label: "Festival Art", href: "#gallery" },
{ label: "Body Painting", href: "#gallery" },
{ label: "Custom Designs", href: "#gallery" }
]
},
{
title: "Services",
items: [
{ label: "All Services", href: "/services" },
{ label: "Packages", href: "/packages" },
{ label: "Pricing", href: "/packages" },
{ label: "About", href: "/about" }
]
},
{
title: "Social Media",
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: "Book Now",
items: [
{ label: "View Packages", href: "/packages" },
{ label: "Request Quote", href: "/contact" },
{ label: "Contact Us", href: "/contact" },
{ label: "FAQ", href: "#faq" }
]
}
]}
columns={footerColumns}
bottomLeftText="© 2024 Paintasy Face and Body Art."
bottomRightText="Authentic Event Photography"
/>

237
src/app/packages/page.tsx
View File

@@ -6,9 +6,52 @@ import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGaller
import PricingCardFive from "@/components/sections/pricing/PricingCardFive";
import ContactText from "@/components/sections/contact/ContactText";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import Link from "next/link";
export default function PackagesPage() {
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: "Packages", items: [
{ label: "Birthday Packages", href: "#packages" },
{ label: "Festival Service", href: "#packages" },
{ label: "Corporate Events", href: "#packages" },
{ label: "Custom Packages", href: "/contact" },
],
},
{
title: "Services", items: [
{ label: "All Services", href: "/services" },
{ label: "Gallery", href: "/gallery" },
{ label: "About", href: "/about" },
{ label: "FAQ", href: "#faq" },
],
},
{
title: "Social", 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: "Book Now", items: [
{ label: "Request Quote", href: "/contact" },
{ label: "Chat with Us", href: "/contact" },
{ label: "Call Now", href: "tel:+15551234567" },
{ label: "FAQ", href: "#faq" },
],
},
];
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
@@ -25,14 +68,7 @@ export default function PackagesPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
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" }
]}
navItems={navItems}
bottomLeftText="Creative Face & Body Art"
bottomRightText="paintasy@events.com"
/>
@@ -43,15 +79,12 @@ export default function PackagesPage() {
title="Event Packages & Pricing"
description="Flexible, transparent pricing for every type of event. From intimate celebrations to large festivals, we have the perfect package for you."
background={{ variant: "gradient-bars" }}
buttons={[
{ text: "Request a Quote", href: "/contact" }
]}
buttons={[{ text: "Request a Quote", href: "/contact" }]}
buttonAnimation="blur-reveal"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-girl-hare-face-paint_23-2147680474.jpg?_wi=4",
imageAlt: "Event face painting packages"
}
imageSrc:
"http://img.b2bpic.net/free-photo/little-children-trick-treating-halloween_53876-40562.jpg?_wi=4", imageAlt: "Event face painting packages"},
]}
mediaAnimation="opacity"
titleClassName="text-5xl font-extrabold"
@@ -68,128 +101,37 @@ export default function PackagesPage() {
useInvertedBackground={false}
plans={[
{
id: "pkg-birthday-basic",
tag: "Great Start",
price: "$150",
period: "per hour",
description: "Perfect for small birthday celebrations",
button: {
text: "Request Quote",
href: "/contact"
},
featuresTitle: "Includes",
features: [
"Up to 15 children",
"Face painting only",
"Colorful themed designs",
"Basic design themes",
"Professional face paints"
]
id: "pkg-birthday-basic", tag: "Great Start", price: "$150", period: "per hour", description: "Perfect for small birthday celebrations", button: { text: "Request Quote", href: "/contact" },
featuresTitle: "Includes", features: [
"Up to 15 children", "Face painting only", "Colorful themed designs", "Basic design themes", "Professional face paints"],
},
{
id: "pkg-birthday-deluxe",
tag: "Most Popular",
price: "$200",
period: "per 2 hours",
description: "Full party entertainment package",
button: {
text: "Request Quote",
href: "/contact"
},
featuresTitle: "Includes",
features: [
"Up to 25 children",
"Face painting + tattoos",
"Custom themed designs",
"Interactive entertainment",
"Professional service",
"Setup & cleanup"
]
id: "pkg-birthday-deluxe", tag: "Most Popular", price: "$200", period: "per 2 hours", description: "Full party entertainment package", button: { text: "Request Quote", href: "/contact" },
featuresTitle: "Includes", features: [
"Up to 25 children", "Face painting + tattoos", "Custom themed designs", "Interactive entertainment", "Professional service", "Setup & cleanup"],
},
{
id: "pkg-birthday-premium",
tag: "Best Value",
price: "$280",
period: "per 3 hours",
description: "Premium party entertainment with extra features",
button: {
text: "Request Quote",
href: "/contact"
},
featuresTitle: "Includes",
features: [
"Up to 40 guests",
"Face & body painting",
"Custom character designs",
"Interactive entertainment",
"Photo opportunities",
"Full setup & cleanup"
]
id: "pkg-birthday-premium", tag: "Best Value", price: "$280", period: "per 3 hours", description: "Premium party entertainment with extra features", button: { text: "Request Quote", href: "/contact" },
featuresTitle: "Includes", features: [
"Up to 40 guests", "Face & body painting", "Custom character designs", "Interactive entertainment", "Photo opportunities", "Full setup & cleanup"],
},
{
id: "pkg-festival",
tag: "High Volume",
price: "$250",
period: "per 3 hours",
description: "Fast-paced festival and outdoor event service",
button: {
text: "Request Quote",
href: "/contact"
},
featuresTitle: "Includes",
features: [
"High-capacity crowds",
"Fast artistic designs",
"3-5 minute service per person",
"Portable station included",
"Setup & teardown",
"Professional materials"
]
id: "pkg-festival", tag: "High Volume", price: "$250", period: "per 3 hours", description: "Fast-paced festival and outdoor event service", button: { text: "Request Quote", href: "/contact" },
featuresTitle: "Includes", features: [
"High-capacity crowds", "Fast artistic designs", "3-5 minute service per person", "Portable station included", "Setup & teardown", "Professional materials"],
},
{
id: "pkg-corporate",
tag: "Professional",
price: "$300",
period: "per 3 hours",
description: "Corporate team building & brand activation",
button: {
text: "Request Quote",
href: "/contact"
},
featuresTitle: "Includes",
features: [
"Professional setup",
"Branded design options",
"Custom artwork",
"Corporate polished service",
"Photo-ready designs",
"Setup & cleanup included"
]
id: "pkg-corporate", tag: "Professional", price: "$300", period: "per 3 hours", description: "Corporate team building & brand activation", button: { text: "Request Quote", href: "/contact" },
featuresTitle: "Includes", features: [
"Professional setup", "Branded design options", "Custom artwork", "Corporate polished service", "Photo-ready designs", "Setup & cleanup included"],
},
{
id: "pkg-custom",
tag: "Premium",
price: "Custom",
period: "consultation",
description: "Fully customized package for unique events",
button: {
text: "Contact Us",
href: "/contact"
},
featuresTitle: "Services Available",
features: [
"Full day events",
"Multiple artists",
"Body painting",
"Custom artwork",
"Event planning",
"Special requests welcome"
]
}
]}
buttons={[
{ text: "Schedule Consultation", href: "/contact" }
id: "pkg-custom", tag: "Premium", price: "Custom", period: "consultation", description: "Fully customized package for unique events", button: { text: "Contact Us", href: "/contact" },
featuresTitle: "Services Available", features: [
"Full day events", "Multiple artists", "Body painting", "Custom artwork", "Event planning", "Special requests welcome"],
},
]}
buttons={[{ text: "Schedule Consultation", href: "/contact" }]}
buttonAnimation="blur-reveal"
containerClassName="gap-12"
titleClassName="text-4xl font-extrabold"
@@ -203,9 +145,7 @@ export default function PackagesPage() {
animationType="background-highlight"
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={true}
buttons={[
{ text: "Request Custom Quote", href: "/contact" }
]}
buttons={[{ text: "Request Custom Quote", href: "/contact" }]}
containerClassName="py-16"
textClassName="text-3xl font-extrabold text-center"
/>
@@ -213,44 +153,7 @@ export default function PackagesPage() {
<div id="packages-footer" data-section="packages-footer">
<FooterSimple
columns={[
{
title: "Packages",
items: [
{ label: "Birthday Packages", href: "#packages" },
{ label: "Festival Service", href: "#packages" },
{ label: "Corporate Events", href: "#packages" },
{ label: "Custom Packages", href: "/contact" }
]
},
{
title: "Services",
items: [
{ label: "All Services", href: "/services" },
{ label: "Gallery", href: "/gallery" },
{ label: "About", href: "/about" },
{ label: "FAQ", href: "#faq" }
]
},
{
title: "Social",
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: "Book Now",
items: [
{ label: "Request Quote", href: "/contact" },
{ label: "Chat with Us", href: "/contact" },
{ label: "Call Now", href: "tel:+15551234567" },
{ label: "FAQ", href: "#faq" }
]
}
]}
columns={footerColumns}
bottomLeftText="© 2024 Paintasy Face and Body Art."
bottomRightText="Simple Transparent Pricing"
/>

360
src/app/page.tsx
View File

@@ -1,6 +1,5 @@
"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';
@@ -12,60 +11,9 @@ import ProductCardFour from '@/components/sections/product/ProductCardFour';
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, Award, Zap, Music, Briefcase, Target, Users, Star, DollarSign, Camera, HelpCircle, Shield, CheckCircle } from 'lucide-react';
import { Sparkles, Palette, DollarSign, Star, Camera, HelpCircle, Heart, Smile, Award, Zap, Music, Users, Briefcase, Target, CheckCircle, Shield } from 'lucide-react';
export default function HomePage() {
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: "/services" },
{ label: "Festival Face Art", href: "/services" },
{ label: "Corporate Events", href: "/services" },
{ label: "Body Painting", href: "/services" },
{ label: "Custom Designs", href: "/services" },
],
},
{
title: "Company",
items: [
{ label: "About Us", href: "/about" },
{ label: "Gallery", href: "/gallery" },
{ label: "Packages", href: "/packages" },
{ label: "FAQ", href: "#faq" },
{ 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" },
{ label: "Phone", href: "tel:+15551234567" },
],
},
{
title: "Service Areas",
items: [
{ label: "Local Events", href: "/contact" },
{ label: "Regional Coverage", href: "/contact" },
{ label: "Book Now", href: "/packages" },
{ label: "Get Quote", href: "/contact" },
],
},
];
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
@@ -81,8 +29,15 @@ export default function HomePage() {
>
<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"
/>
@@ -98,14 +53,13 @@ export default function HomePage() {
tagAnimation="slide-up"
buttons={[
{ text: "Book Your Event", href: "/packages" },
{ text: "View Our Gallery", href: "/gallery" },
{ text: "View Our Gallery", href: "/gallery" }
]}
buttonAnimation="blur-reveal"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/lovely-birthday-concept-with-happy-family_23-2147997478.jpg",
imageAlt: "Professional face painting at event",
},
imageSrc: "http://img.b2bpic.net/free-photo/family-portrait-surprised-father-has-yellow-face-from-paints-cheerful-two-daughters-shows-palms-dirty-with-watercolours-paint-picture-pastime-isolated-lilac-wall-this-is-art_273609-26128.jpg?_wi=1", imageAlt: "Professional face painting at event"
}
]}
mediaAnimation="opacity"
ariaLabel="Hero section with face painting showcase"
@@ -124,14 +78,14 @@ export default function HomePage() {
tag="Professional Artists"
tagIcon={Palette}
tagAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/mother-daughter-making-masks-home_1303-11291.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/young-woman-with-towel-her-head-tassel_114579-27569.jpg?_wi=1"
imageAlt="Professional face painter creating art"
mediaAnimation="blur-reveal"
metrics={[
{ value: "500+", title: "Happy Events" },
{ value: "1000+", title: "Painted Faces" },
{ value: "10+", title: "Years Experience" },
{ value: "100%", title: "Client Satisfaction" },
{ value: "100%", title: "Client Satisfaction" }
]}
metricsAnimation="slide-up"
useInvertedBackground={false}
@@ -146,60 +100,47 @@ export default function HomePage() {
<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."
tag="Services"
tagIcon={Palette}
tagAnimation="slide-up"
textboxLayout="default"
animationType="slide-up"
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: {
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-girl-hare-face-paint_23-2147680474.jpg?_wi=1",
imageAlt: "Kids party face painting designs",
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/little-children-trick-treating-halloween_53876-40562.jpg?_wi=1", imageAlt: "Kids party face painting designs"
},
items: [
{ icon: Sparkles, text: "Colorful & playful designs" },
{ icon: Heart, text: "Safe, child-friendly products" },
{ icon: Smile, text: "Quick turnaround per child" },
{ icon: Smile, text: "Quick turnaround per child" }
],
reverse: false,
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: {
imageSrc: "http://img.b2bpic.net/free-vector/psychedelic-music-covers-collection_23-2148627318.jpg?_wi=1",
imageAlt: "Festival face painting artwork",
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/man-girl-playing-beauty-salon_23-2147749312.jpg?_wi=1", imageAlt: "Festival face painting artwork"
},
items: [
{ icon: Zap, text: "Fast service for crowds" },
{ icon: Star, text: "Creative artistic designs" },
{ icon: Music, text: "Perfect for music & outdoor events" },
{ icon: Music, text: "Perfect for music & outdoor events" }
],
reverse: true,
reverse: true
},
{
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/medium-shot-woman-wearing-costume_23-2149357767.jpg?_wi=1",
imageAlt: "Corporate event face painting",
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/man-about-hug-friend-birthday-celebration_23-2147716867.jpg?_wi=1", imageAlt: "Corporate event face painting"
},
items: [
{ icon: Briefcase, text: "Professional & polished service" },
{ icon: Target, text: "Branded design options available" },
{ icon: Users, text: "Great for team building" },
{ icon: Users, text: "Great for team building" }
],
reverse: false,
},
reverse: false
}
]}
buttons={[
{ text: "Explore All Services", href: "/services" }
]}
buttons={[{ text: "Explore All Services", href: "/services" }]}
buttonAnimation="blur-reveal"
ariaLabel="Services section showcasing offerings"
containerClassName="gap-12"
@@ -212,60 +153,32 @@ export default function HomePage() {
<PricingCardFive
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"
textboxLayout="default"
animationType="scale-rotate"
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" },
featuresTitle: "What's Included",
features: [
"Up to 15 kids",
"Colorful themed designs",
"Face painting only",
"Basic design themes",
],
id: "birthday-basic", tag: "Popular", price: "$150", period: "per hour", description: "Perfect for small birthday celebrations", button: { text: "Request Quote", href: "/packages" },
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" },
featuresTitle: "What's Included",
features: [
"Up to 25 kids",
"Custom themed designs",
"Face & temporary tattoos",
"Interactive entertainment",
],
id: "birthday-deluxe", tag: "Best Value", price: "$200", period: "per 2 hours", description: "Full party entertainment package", button: { text: "Request Quote", href: "/packages" },
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" },
featuresTitle: "What's Included",
features: [
"High-capacity crowd service",
"Fast artistic designs",
"Setup & teardown included",
"Portable station",
],
},
id: "festival-event", tag: "Flexible", price: "$250", period: "per 3 hours", description: "Festival and outdoor event service", button: { text: "Request Quote", href: "/packages" },
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" }]}
buttonAnimation="blur-reveal"
ariaLabel="Pricing section with package options"
containerClassName="gap-12"
@@ -279,76 +192,33 @@ export default function HomePage() {
<TestimonialCardTwo
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"
textboxLayout="default"
animationType="blur-reveal"
useInvertedBackground={true}
carouselMode="buttons"
testimonials={[
{
id: "testimonial-1",
name: "Sarah Johnson",
role: "Parent, Birthday Party Host",
testimonial:
"Paintasy was absolutely amazing! The kids loved their face paintings and the artist was so professional and friendly. Our daughter's birthday was unforgettable!",
imageSrc: "http://img.b2bpic.net/free-photo/kids-eating-delicious-birthday-cake_23-2147773201.jpg?_wi=1",
imageAlt: "Happy children at birthday party",
icon: Heart,
id: "testimonial-1", name: "Sarah Johnson", role: "Parent, Birthday Party Host", testimonial: "Paintasy was absolutely amazing! The kids loved their face paintings and the artist was so professional and friendly. Our daughter's birthday was unforgettable!", imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-making-masks-home_1303-11291.jpg?_wi=1", imageAlt: "Happy children at birthday party", icon: Heart
},
{
id: "testimonial-2",
name: "Marcus Chen",
role: "Festival Organizer",
testimonial:
"We hired Paintasy for our community festival and they were fantastic. Quick service, beautiful designs, and the crowd loved it. Booking them again next year!",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-people-with-uv-paint-make-up-copy-space_23-2148410143.jpg?_wi=1",
imageAlt: "Festival attendees enjoying face painting",
icon: Smile,
id: "testimonial-2", name: "Marcus Chen", role: "Festival Organizer", testimonial: "We hired Paintasy for our community festival and they were fantastic. Quick service, beautiful designs, and the crowd loved it. Booking them again next year!", imageSrc: "http://img.b2bpic.net/free-photo/couple-showing-affection-holi-festival_23-2148338041.jpg?_wi=1", imageAlt: "Festival attendees enjoying face painting", icon: Smile
},
{
id: "testimonial-3",
name: "Emily Rodriguez",
role: "Corporate Event Planner",
testimonial:
"Professional, creative, and reliable. Paintasy added the perfect touch of fun to our corporate team building event. Highly recommended!",
imageSrc: "http://img.b2bpic.net/free-photo/birthday-concept-with-friends_23-2147716798.jpg",
imageAlt: "Corporate event attendees with face art",
icon: Award,
id: "testimonial-3", name: "Emily Rodriguez", role: "Corporate Event Planner", testimonial: "Professional, creative, and reliable. Paintasy added the perfect touch of fun to our corporate team building event. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-couple-looking-each-other-while-standing-waiting-area_107420-85146.jpg", imageAlt: "Corporate event attendees with face art", icon: Award
},
{
id: "testimonial-4",
name: "David Kim",
role: "School Principal",
testimonial:
"The face painting station at our school carnival was the highlight! Kids had so much fun, and the artist was fantastic with them. Thank you!",
imageSrc: "http://img.b2bpic.net/free-photo/kids-eating-delicious-birthday-cake_23-2147773201.jpg?_wi=2",
imageAlt: "Children enjoying school event face painting",
icon: Sparkles,
id: "testimonial-4", name: "David Kim", role: "School Principal", testimonial: "The face painting station at our school carnival was the highlight! Kids had so much fun, and the artist was fantastic with them. Thank you!", imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-making-masks-home_1303-11291.jpg?_wi=2", imageAlt: "Children enjoying school event face painting", icon: Sparkles
},
{
id: "testimonial-5",
name: "Jessica Martinez",
role: "Wedding Planner",
testimonial:
"Added Paintasy as entertainment for a children's wedding reception. The kids were thrilled and parents appreciated the care taken with hygiene and safety.",
imageSrc: "http://img.b2bpic.net/free-photo/kids-eating-delicious-birthday-cake_23-2147773201.jpg?_wi=3",
imageAlt: "Children's event face painting service",
icon: Heart,
id: "testimonial-5", name: "Jessica Martinez", role: "Wedding Planner", testimonial: "Added Paintasy as entertainment for a children's wedding reception. The kids were thrilled and parents appreciated the care taken with hygiene and safety.", imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-making-masks-home_1303-11291.jpg?_wi=3", imageAlt: "Children's event face painting service", icon: Heart
},
{
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/portrait-people-with-uv-paint-make-up-copy-space_23-2148410143.jpg?_wi=2",
imageAlt: "Community event face painting",
icon: Star,
},
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/couple-showing-affection-holi-festival_23-2148338041.jpg?_wi=2", imageAlt: "Community event face painting", icon: Star
}
]}
buttons={[
{ text: "Book Now", href: "/packages" }
]}
buttons={[{ text: "Book Now", href: "/packages" }]}
buttonAnimation="blur-reveal"
ariaLabel="Client testimonials section"
containerClassName="gap-12"
@@ -361,9 +231,6 @@ export default function HomePage() {
<ProductCardFour
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"
textboxLayout="default"
animationType="opacity"
useInvertedBackground={false}
@@ -371,39 +238,21 @@ export default function HomePage() {
carouselMode="buttons"
products={[
{
id: "gallery-1",
name: "Kids Face Painting",
price: "Colorful Designs",
variant: "Birthday Parties",
imageSrc: "http://img.b2bpic.net/free-vector/flat-holi-instagram-stories-collection_52683-158807.jpg?_wi=1",
imageAlt: "Collection of kids face painting designs",
id: "gallery-1", name: "Kids Face Painting", price: "Colorful Designs", variant: "Birthday Parties", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-lgtbiq-plus-portraits_23-2149165929.jpg?_wi=1", imageAlt: "Collection of kids face painting designs"
},
{
id: "gallery-2",
name: "Festival Face Art",
price: "Creative Artistry",
variant: "Outdoor Events",
imageSrc: "http://img.b2bpic.net/free-photo/young-people-posing-holi-festival_23-2148338022.jpg?_wi=1",
imageAlt: "Festival face painting artwork",
id: "gallery-2", name: "Festival Face Art", price: "Creative Artistry", variant: "Outdoor Events", imageSrc: "http://img.b2bpic.net/free-photo/three-beautiful-smiling-girls-posing-holi-party_158538-16632.jpg?_wi=1", imageAlt: "Festival face painting artwork"
},
{
id: "gallery-3",
name: "Body Painting Art",
price: "Professional Service",
variant: "Special Events",
imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-wearing-blue-dress-high-heels-sitting-fireplace_132075-12009.jpg?_wi=1",
imageAlt: "Professional body art photography",
id: "gallery-3", name: "Body Painting Art", price: "Professional Service", variant: "Special Events", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-fluorescent-make-up-person_23-2148410114.jpg?_wi=1", imageAlt: "Professional body art photography"
},
{
id: "gallery-4",
name: "Custom Designs",
price: "Personalized Art",
variant: "Themed Events",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-brush-posing_23-2148263496.jpg?_wi=1",
imageAlt: "Custom themed face painting designs",
},
id: "gallery-4", name: "Custom Designs", price: "Personalized Art", variant: "Themed Events", imageSrc: "http://img.b2bpic.net/free-photo/fabulous-drag-queen-getting-her-makeup-ready_23-2149138152.jpg?_wi=1", imageAlt: "Custom themed face painting designs"
}
]}
buttons={[
{ text: "View Full Gallery", href: "/gallery" }
]}
buttons={[{ text: "View Full Gallery", href: "/gallery" }]}
buttonAnimation="blur-reveal"
ariaLabel="Photo gallery preview section"
containerClassName="gap-12"
@@ -416,9 +265,6 @@ export default function HomePage() {
<FaqBase
title="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"
@@ -426,43 +272,27 @@ export default function HomePage() {
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?", 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.",
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."
},
{
id: "faq-3",
title: "How long does face painting take per person?",
content:
"Simple designs typically take 3-5 minutes, while more detailed or custom designs take 8-12 minutes. At festivals, we optimize for speed without sacrificing quality. For parties, we allow a bit more time for custom designs and interactions with children.",
id: "faq-3", title: "How long does face painting take per person?", content: "Simple designs typically take 3-5 minutes, while more detailed or custom designs take 8-12 minutes. At festivals, we optimize for speed without sacrificing quality. For parties, we allow a bit more time for custom designs and interactions with children."
},
{
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-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 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 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: "/packages" }]}
buttonAnimation="blur-reveal"
ariaLabel="FAQ section with common questions"
containerClassName="gap-12"
@@ -473,13 +303,13 @@ export default function HomePage() {
<div id="contact-home" data-section="contact-home">
<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. We would love to discuss your event and create an unforgettable experience for your guests."
animationType="background-highlight"
background={{ variant: "radial-gradient" }}
useInvertedBackground={false}
buttons={[
{ text: "Request a Quote", href: "/contact" },
{ text: "Call Us", href: "tel:+15551234567" },
{ text: "Call Us", href: "tel:+15551234567" }
]}
ariaLabel="Contact call-to-action section"
containerClassName="py-16"
@@ -491,7 +321,43 @@ export default function HomePage() {
<div id="footer-home" data-section="footer-home">
<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" },
{ label: "Custom Designs", href: "/services" }
]
},
{
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Gallery", href: "/gallery" },
{ label: "Packages", href: "/packages" },
{ label: "FAQ", href: "#faq" },
{ 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" },
{ label: "Phone", href: "tel:+15551234567" }
]
},
{
title: "Service Areas", items: [
{ label: "Local Events", href: "/contact" },
{ label: "Regional Coverage", href: "/contact" },
{ label: "Book Now", href: "/packages" },
{ label: "Get Quote", href: "/contact" }
]
}
]}
bottomLeftText="© 2024 Paintasy Face and Body Art. All rights reserved."
bottomRightText="Professional Event Entertainment | Creative Services"
ariaLabel="Site footer with links"

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>