173 lines
8.8 KiB
TypeScript
173 lines
8.8 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
import HeroLogoBillboardSplit from "@/components/sections/hero/HeroLogoBillboardSplit";
|
|
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
|
|
import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
|
|
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
|
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
|
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
|
import FooterCard from "@/components/sections/footer/FooterCard";
|
|
import { Sparkles, ChefHat, Users, Award, Phone, Facebook, Instagram } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="Ben's Pretzels"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Catering", id: "pricing" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboardSplit
|
|
logoText="BEN'S PRETZELS CATERING"
|
|
description="Fresh, handcrafted pretzels and gourmet snacks for your next event. From intimate gatherings to large corporate functions, we bring quality catering to every occasion."
|
|
background={{ variant: "plain" }}
|
|
buttons={[
|
|
{ text: "View Packages", href: "#pricing" },
|
|
{ text: "Get in Touch", href: "#contact" },
|
|
]}
|
|
layoutOrder="default"
|
|
imageSrc="http://img.b2bpic.net/free-photo/top-view-pretzels-with-beer-sausages_23-2148754967.jpg"
|
|
imageAlt="Gourmet pretzel catering spread"
|
|
frameStyle="card"
|
|
mediaAnimation="opacity"
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
title="About Our Catering"
|
|
description={[
|
|
"Ben's Pretzels has been a trusted name in quality baked goods for over a decade. Our catering division brings that same commitment to excellence directly to your events.", "We specialize in custom pretzel platters, gourmet snack boxes, and beverage packages that leave lasting impressions. Every order is prepared fresh using premium ingredients and time-tested recipes."]}
|
|
buttons={[{ text: "Learn More", href: "#pricing" }]}
|
|
showBorder={false}
|
|
useInvertedBackground={false}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardOne
|
|
title="Catering Packages"
|
|
description="Choose the perfect catering package for your event. All packages include delivery and setup."
|
|
plans={[
|
|
{
|
|
id: "1", badge: "Small Groups", price: "$150", subtitle: "Perfect for 10-15 people", features: [
|
|
"Assorted pretzel platter", "Choice of 2 dipping sauces", "Napkins and serving utensils", "Standard delivery"],
|
|
},
|
|
{
|
|
id: "2", badge: "Popular Choice", badgeIcon: Sparkles,
|
|
price: "$350", subtitle: "Best for 25-40 people", features: [
|
|
"Premium pretzel variety", "4 gourmet dipping sauces", "Cheese and meat platters", "Beverage package included", "Professional setup and service"],
|
|
},
|
|
{
|
|
id: "3", badge: "Premium", price: "$750+", subtitle: "For 50+ people", features: [
|
|
"Full custom menu design", "Unlimited pretzel varieties", "6+ specialty sauce selections", "Gourmet appetizer add-ons", "Full-service catering staff", "Event day coordination"],
|
|
},
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureBento
|
|
title="Why Choose Ben's Pretzels for Catering?"
|
|
description="Premium quality, reliable service, and unforgettable food make us the catering choice for events across the region."
|
|
features={[
|
|
{
|
|
title: "Fresh Daily", description: "All items baked fresh the day of your event for maximum quality and taste.", bentoComponent: "reveal-icon", icon: Sparkles,
|
|
},
|
|
{
|
|
title: "Custom Menus", description: "Work with our team to design the perfect menu tailored to your guests and preferences.", bentoComponent: "reveal-icon", icon: ChefHat,
|
|
},
|
|
{
|
|
title: "Flexible Packages", description: "From intimate gatherings to large corporate events, we scale to fit your needs.", bentoComponent: "reveal-icon", icon: Users,
|
|
},
|
|
{
|
|
title: "Professional Service", description: "Our experienced catering team handles setup, service, and cleanup with professionalism.", bentoComponent: "reveal-icon", icon: Award,
|
|
},
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<ProductCardTwo
|
|
title="Event Gallery"
|
|
description="See our catering in action at recent events"
|
|
products={[
|
|
{
|
|
id: "1", brand: "Corporate Event", name: "Downtown Business Summit", price: "50+ guests", rating: 5,
|
|
reviewCount: "Highly praised", imageSrc: "http://img.b2bpic.net/free-photo/closeup-diverse-people-enjoying-barbecue-party-together_53876-22990.jpg", imageAlt: "Corporate event catering setup"},
|
|
{
|
|
id: "2", brand: "Private Party", name: "Wedding Reception Appetizers", price: "150+ guests", rating: 5,
|
|
reviewCount: "Loved by all", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-serving-herself-buffet-restaurant_1262-1714.jpg", imageAlt: "Wedding reception catering display"},
|
|
{
|
|
id: "3", brand: "Community Gathering", name: "Local Festival Catering", price: "200+ guests", rating: 5,
|
|
reviewCount: "Fan favorite", imageSrc: "http://img.b2bpic.net/free-photo/sweet-appetizers-fruit-dessert-catering_1303-19145.jpg", imageAlt: "Festival catering service"},
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Get Started"
|
|
tagIcon={Phone}
|
|
tagAnimation="slide-up"
|
|
title="Ready to Elevate Your Event?"
|
|
description="Contact us today to discuss your catering needs. Call us directly or fill out our quick inquiry form, and we'll get back to you within 24 hours to finalize your event."
|
|
buttons={[
|
|
{ text: "Call Now: (555) 123-4567", href: "tel:+15551234567" },
|
|
{ text: "Send Inquiry Form", href: "#contact-form" },
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Ben's Pretzels Catering"
|
|
copyrightText="© 2025 Ben's Pretzels Catering. All rights reserved."
|
|
socialLinks={[
|
|
{ icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
|
|
{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|