196 lines
7.5 KiB
TypeScript
196 lines
7.5 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import { Gift, Heart, Instagram, Facebook, MapPin } from 'lucide-react';
|
|
|
|
export default function CateringPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="noise"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Menu", id: "/menu" },
|
|
{ name: "Catering", id: "/catering" },
|
|
{ name: "Visit", id: "/visit" },
|
|
{ name: "About", id: "/about" }
|
|
]}
|
|
brandName="Spurs Gelato"
|
|
bottomLeftText="Craft gelato, served with warmth."
|
|
bottomRightText="hello@spurgelato.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="catering-packages" data-section="catering-packages">
|
|
<PricingCardNine
|
|
title="Bring Gelato to Your Next Event"
|
|
description="Birthdays, school events, corporate treats, and weddings — we bring premium gelato and warm service to every celebration."
|
|
tag="Catering Services"
|
|
tagIcon={Gift}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Request Quote", href: "#catering-form" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
plans={[
|
|
{
|
|
id: "party-pack",
|
|
title: "Party Pack",
|
|
price: "From $99",
|
|
period: "8-12 people",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/dessert-catering_1203-3078.jpg?_wi=4",
|
|
imageAlt: "Gelato party pack",
|
|
button: {
|
|
text: "Get Started",
|
|
href: "#catering-form"
|
|
},
|
|
features: [
|
|
"2-3 flavor selections",
|
|
"Pre-scooped and ready to serve",
|
|
"Cone and cup options",
|
|
"Simple setup"
|
|
]
|
|
},
|
|
{
|
|
id: "celebration-bar",
|
|
title: "Celebration Bar",
|
|
price: "From $299",
|
|
period: "25-50 people",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/dessert-catering_1203-3078.jpg?_wi=5",
|
|
imageAlt: "Gelato celebration bar",
|
|
button: {
|
|
text: "Get Started",
|
|
href: "#catering-form"
|
|
},
|
|
features: [
|
|
"4-5 flavor selections",
|
|
"Gelato bar setup with scooping",
|
|
"Premium toppings bar",
|
|
"Professional service included"
|
|
]
|
|
},
|
|
{
|
|
id: "full-service",
|
|
title: "Full Event Service",
|
|
price: "Custom Quote",
|
|
period: "50+ people",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/dessert-catering_1203-3078.jpg?_wi=6",
|
|
imageAlt: "Full event service gelato",
|
|
button: {
|
|
text: "Get Started",
|
|
href: "#catering-form"
|
|
},
|
|
features: [
|
|
"Unlimited flavor selections",
|
|
"Premium gelato bar experience",
|
|
"Full setup and cleanup",
|
|
"Dedicated team on-site"
|
|
]
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="catering-experience" data-section="catering-experience">
|
|
<SplitAbout
|
|
title="More than just gelato — it's an experience."
|
|
description="We handle every detail so you can enjoy your event. From setup to cleanup, we bring the same warmth and quality that makes our shop special."
|
|
tag="Full Service"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
bulletPoints={[
|
|
{
|
|
title: "Professional Setup & Service",
|
|
description: "Our team arrives early to set up a beautiful gelato station and provides friendly service throughout your event."
|
|
},
|
|
{
|
|
title: "Fresh, Premium Flavors",
|
|
description: "We bring our signature small-batch gelato made with the same high-quality ingredients served in our shop."
|
|
},
|
|
{
|
|
title: "Complete Event Solutions",
|
|
description: "From intimate gatherings to large celebrations, we customize our service to match your vision and budget."
|
|
}
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/dessert-catering_1203-3078.jpg?_wi=7"
|
|
imageAlt="Professional gelato catering service"
|
|
mediaAnimation="blur-reveal"
|
|
imagePosition="left"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="catering-form" data-section="catering-form">
|
|
<ContactSplitForm
|
|
title="Request Your Catering Quote"
|
|
description="Tell us about your event and we'll create a custom gelato experience that fits your celebration perfectly."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
|
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
|
|
{ name: "eventDate", type: "date", placeholder: "Event Date", required: true },
|
|
{ name: "guestCount", type: "number", placeholder: "Number of Guests", required: true }
|
|
]}
|
|
textarea={{
|
|
name: "eventDetails",
|
|
placeholder: "Tell us about your event - type, venue, special requests, etc.",
|
|
rows: 4,
|
|
required: true
|
|
}}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/dessert-catering_1203-3078.jpg?_wi=8"
|
|
imageAlt="Catering event setup"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
buttonText="Request Quote"
|
|
onSubmit={(data) => {
|
|
console.log('Catering form submitted:', data);
|
|
alert('Thank you! We\'ll contact you within 24 hours with your custom quote.');
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<FooterCard
|
|
logoText="Spurs Gelato"
|
|
copyrightText="© 2025 Spurs Gelato. Craft gelato, served with warmth."
|
|
socialLinks={[
|
|
{
|
|
icon: Instagram,
|
|
href: "https://instagram.com/spurgelato",
|
|
ariaLabel: "Follow Spurs Gelato on Instagram"
|
|
},
|
|
{
|
|
icon: Facebook,
|
|
href: "https://facebook.com/spurgelato",
|
|
ariaLabel: "Follow Spurs Gelato on Facebook"
|
|
},
|
|
{
|
|
icon: MapPin,
|
|
href: "/visit",
|
|
ariaLabel: "View our location"
|
|
}
|
|
]}
|
|
/>
|
|
</ThemeProvider>
|
|
);
|
|
} |