Update src/app/catering/page.tsx
This commit is contained in:
@@ -1,265 +1,56 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import { Feather, Package, ShoppingBag, Sparkles, Utensils } from "lucide-react";
|
||||
import { Handshake, ChefHat } from 'lucide-react';
|
||||
|
||||
export default function CateringPage() {
|
||||
const navItems = [
|
||||
{
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Menu", id: "/menu"},
|
||||
{
|
||||
name: "Catering", id: "/catering"},
|
||||
{
|
||||
name: "Reviews", id: "/reviews"},
|
||||
{
|
||||
name: "Contact", id: "/contact"}
|
||||
];
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="smallMedium"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="blurBottom"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="light"
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="smallMedium"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="blurBottom"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
href: "/menu",
|
||||
},
|
||||
{
|
||||
name: "Catering",
|
||||
id: "catering",
|
||||
href: "/catering",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
href: "/reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Taste Bender Canada"
|
||||
button={{
|
||||
text: "Order Online",
|
||||
href: "https://tastebender.ca/collections/all",
|
||||
}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={navItems}
|
||||
brandName="Taste Bender Canada"
|
||||
button={{ text: "Order Online", href: "https://tastebender.ca/collections/all" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="catering-intro" data-section="catering-intro">
|
||||
<SplitAbout
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Taste Bender Catering & Wholesale Distribution"
|
||||
description="Bring the unique, multicultural flavors of Taste Bender Canada to your next event or establish a partnership for wholesale distribution. We offer bespoke culinary experiences tailored to your needs, crafted with the same dedication to quality and creativity found in our renowned cafe."
|
||||
tag="Culinary Experiences"
|
||||
tagIcon={Feather}
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Exceptional Event Catering",
|
||||
description: "From intimate gatherings to large corporate functions, we craft menus that impress every guest with our signature style.",
|
||||
icon: Utensils,
|
||||
},
|
||||
{
|
||||
title: "Reliable Wholesale Partnerships",
|
||||
description: "Distribute our scratch-made desserts and specialty items, expanding your offerings with unique, high-quality products.",
|
||||
icon: Handshake,
|
||||
},
|
||||
{
|
||||
title: "Customized Menus & Services",
|
||||
description: "Work with Chef DK to design a menu that perfectly suits your occasion, dietary preferences, and aesthetic vision.",
|
||||
icon: ChefHat,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149727992.jpg?_wi=2"
|
||||
imageAlt="Chef in a professional kitchen preparing food"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="catering-hero" data-section="catering-hero">
|
||||
<h2>Catering Services</h2>
|
||||
<p>Offering bespoke catering for all your events.</p>
|
||||
</div>
|
||||
|
||||
<div id="catering-packages" data-section="catering-packages">
|
||||
<PricingCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "1",
|
||||
tag: "Event Catering",
|
||||
tagIcon: Sparkles,
|
||||
price: "Starts at $35",
|
||||
period: "per person",
|
||||
description: "Perfect for corporate lunches, private parties, and special celebrations. Full-service options available to make your event seamless.",
|
||||
button: {
|
||||
text: "Request a Quote",
|
||||
href: "/contact",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Gourmet Brunch Selection",
|
||||
"Customizable Desserts",
|
||||
"Beverage Service Options",
|
||||
"Professional Staffing",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
tag: "Wholesale Partner",
|
||||
tagIcon: ShoppingBag,
|
||||
price: "Custom",
|
||||
period: "per order",
|
||||
description: "Join our network and offer Taste Bender Canada's unique, scratch-made products in your establishment, delighting your customers.",
|
||||
button: {
|
||||
text: "Become a Partner",
|
||||
href: "/contact",
|
||||
},
|
||||
featuresTitle: "Benefits:",
|
||||
features: [
|
||||
"Exclusive Product Range",
|
||||
"Flexible Order Quantities",
|
||||
"Dedicated Account Support",
|
||||
"Marketing Collateral",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Our Catering & Wholesale Packages"
|
||||
description="Whether you need exquisite catering for an event or high-quality products for your business, we have a solution. Explore our tailored packages or contact us for detailed proposals and custom options."
|
||||
tag="Flexible Options"
|
||||
tagIcon={Package}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="catering-inquiry" data-section="catering-inquiry">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Inquire About Catering & Distribution"
|
||||
description="Fill out the form below, and our team will get in touch to discuss your specific needs and create a tailored solution that brings Taste Bender Canada to you."
|
||||
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 (Optional)",
|
||||
required: false,
|
||||
},
|
||||
{
|
||||
name: "eventDate",
|
||||
type: "date",
|
||||
placeholder: "Event/Start Date (Optional)",
|
||||
required: false,
|
||||
},
|
||||
{
|
||||
name: "guestCount",
|
||||
type: "number",
|
||||
placeholder: "Number of Guests (for catering)",
|
||||
required: false,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us more about your needs (e.g., event type, products of interest, specific requirements)",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6717.jpg?_wi=3"
|
||||
imageAlt="Cozy and modern cafe interior, ideal for events"
|
||||
mediaAnimation="blur-reveal"
|
||||
mediaPosition="right"
|
||||
buttonText="Send Inquiry"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "/menu",
|
||||
},
|
||||
{
|
||||
label: "Catering",
|
||||
href: "/catering",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "/reviews",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Visit Us",
|
||||
items: [
|
||||
{
|
||||
label: "316 College St, Toronto",
|
||||
href: "https://maps.app.goo.gl/your-address",
|
||||
},
|
||||
{
|
||||
label: "Mon-Sun: 9 AM - 6 PM",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "(416) 555-MENU",
|
||||
href: "tel:+1416555MENU",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Follow Us",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "TikTok",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Taste Bender Canada"
|
||||
copyrightText="© 2024 Taste Bender Canada. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
<div id="catering-features" data-section="catering-features">
|
||||
<h3>Why Choose Our Catering?</h3>
|
||||
<ul>
|
||||
<li><Handshake className="inline-block mr-2" /> Unmatched Quality</li>
|
||||
<li><ChefHat className="inline-block mr-2" /> Expert Culinary Team</li>
|
||||
</ul>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user