Update src/app/packages/page.tsx

This commit is contained in:
2026-03-14 05:06:10 +00:00
parent 9816757167
commit e018a306ef

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"
/>