bender/31d48ea5-a223-4f03-a3eb-4bc186b37ea0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_2 bender:version_1
...
pull from: bender:version_2
Branches Tags
bender:main bender:version_2 bender:version_1

4 Commits
version_1 ... version_2

Author SHA1 Message Date
bender
abb39daa79 Update src/app/styles/variables.css 2026-03-04 14:41:06 +00:00
bender
5b1d43a6f0 Update src/app/page.tsx 2026-03-04 14:41:05 +00:00
bender
da35acd929 Update src/app/layout.tsx 2026-03-04 14:41:04 +00:00
bender
b39119726c Merge version_1 into main 
Merge version_1 into main
 2026-03-04 14:36:42 +00:00
3 changed files with 47 additions and 66 deletions
Expand all files Collapse all files

42
src/app/layout.tsx
View File

@@ -1,47 +1,22 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google"; import { Inter } from "next/font/google";
import { Manrope } from "next/font/google"; import "./styles/base.css";
import "./styles/variables.css";
import "./globals.css"; import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const halant = Halant({ const inter = Inter({ subsets: ["latin"] });
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
const manrope = Manrope({
variable: "--font-manrope", subsets: ["latin"],
});
export const metadata: Metadata = { export const metadata: Metadata = {
title: "Ben's Pretzels Catering - Premium Event Catering Services", description: "Fresh, handcrafted pretzel catering for corporate events, weddings, and private parties. Custom packages available for 10-200+ guests.", keywords: "catering, pretzels, event catering, corporate catering, pretzel catering, food service", openGraph: { title: "Ben's Pretzels Catering", description: "Fresh, handcrafted pretzels and gourmet snacks for your next event."};
title: "Ben's Pretzels Catering", description: "Premium pretzel and gourmet snack catering for your next event", siteName: "Ben's Pretzels Catering", type: "website"},
robots: {
index: true,
follow: true,
},
};
export default function RootLayout({ export default function RootLayout({
children, children,
}: Readonly<{ }: {
children: React.ReactNode; children: React.ReactNode;
}>) { }) {
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en">
<ServiceWrapper> <body className={inter.className}>{children}
<body
className={`${halant.variable} ${inter.variable} ${manrope.variable} antialiased`}
>
<Tag />
{children}
<script <script
dangerouslySetInnerHTML={{ dangerouslySetInnerHTML={{
__html: ` __html: `
@@ -1409,7 +1384,6 @@ export default function RootLayout({
}} }}
/> />
</body> </body>
</ServiceWrapper>
</html> </html>
); );
} }

43
src/app/page.tsx
View File

@@ -14,16 +14,16 @@ import { Sparkles, ChefHat, Users, Award, Phone, Facebook, Instagram } from "luc
export default function LandingPage() { export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="hover-bubble" defaultButtonVariant="hover-magnetic"
defaultTextAnimation="reveal-blur" defaultTextAnimation="entrance-slide"
borderRadius="soft" borderRadius="rounded"
contentWidth="smallMedium" contentWidth="medium"
sizing="largeSmallSizeMediumTitles" sizing="mediumSizeLargeTitles"
background="circleGradient" background="none"
cardStyle="gradient-radial" cardStyle="solid"
primaryButtonStyle="shadow" primaryButtonStyle="flat"
secondaryButtonStyle="layered" secondaryButtonStyle="solid"
headingFontWeight="light" headingFontWeight="bold"
> >
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleApple <NavbarStyleApple
@@ -47,7 +47,7 @@ export default function LandingPage() {
{ text: "Get in Touch", href: "#contact" }, { text: "Get in Touch", href: "#contact" },
]} ]}
layoutOrder="default" layoutOrder="default"
imageSrc="http://img.b2bpic.net/free-photo/top-view-pretzels-with-beer-sausages_23-2148754967.jpg" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU69r5MyCsaUYtnqpNbgmwykv8/uploaded-1772635234587-y73v3tjb.png"
imageAlt="Gourmet pretzel catering spread" imageAlt="Gourmet pretzel catering spread"
frameStyle="card" frameStyle="card"
mediaAnimation="opacity" mediaAnimation="opacity"
@@ -59,7 +59,8 @@ export default function LandingPage() {
<TextSplitAbout <TextSplitAbout
title="About Our Catering" title="About Our Catering"
description={[ 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."]} "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" }]} buttons={[{ text: "Learn More", href: "#pricing" }]}
showBorder={false} showBorder={false}
useInvertedBackground={false} useInvertedBackground={false}
@@ -74,16 +75,19 @@ export default function LandingPage() {
plans={[ plans={[
{ {
id: "1", badge: "Small Groups", price: "$150", subtitle: "Perfect for 10-15 people", features: [ 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"], "Assorted pretzel platter", "Choice of 2 dipping sauces", "Napkins and serving utensils", "Standard delivery"
],
}, },
{ {
id: "2", badge: "Popular Choice", badgeIcon: Sparkles, id: "2", badge: "Popular Choice", badgeIcon: Sparkles,
price: "$350", subtitle: "Best for 25-40 people", features: [ 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"], "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: [ 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"], "Full custom menu design", "Unlimited pretzel varieties", "6+ specialty sauce selections", "Gourmet appetizer add-ons", "Full-service catering staff", "Event day coordination"
],
}, },
]} ]}
textboxLayout="default" textboxLayout="default"
@@ -124,13 +128,16 @@ export default function LandingPage() {
products={[ products={[
{ {
id: "1", brand: "Corporate Event", name: "Downtown Business Summit", price: "50+ guests", rating: 5, 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"}, 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, 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"}, 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, 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"}, 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" gridVariant="three-columns-all-equal-width"
textboxLayout="default" textboxLayout="default"

28
src/app/styles/variables.css
View File

@@ -2,23 +2,23 @@
/* Base units */ /* Base units */
/* --vw is set by ThemeProvider */ /* --vw is set by ThemeProvider */
/* --background: #fffefe;; /* --background: #ffffff;;
--card: #f6f7f4;; --card: #f5f5f5;;
--foreground: #080908;; --foreground: #1a1a1a;;
--primary-cta: #0e3a29;; --primary-cta: #2c2c2c;;
--secondary-cta: #e7eecd;; --secondary-cta: #ffffff;;
--accent: #35c18b;; --accent: #8a8a8a;;
--background-accent: #ecebe4;; */ --background-accent: #e8e6e1;; */
--background: #fffefe;; --background: #ffffff;;
--card: #f6f7f4;; --card: #f5f5f5;;
--foreground: #080908;; --foreground: #1a1a1a;;
--primary-cta: #0e3a29;; --primary-cta: #2c2c2c;;
--primary-cta-text: #fffefe;; --primary-cta-text: #fffefe;;
--secondary-cta: #e7eecd;; --secondary-cta: #ffffff;;
--secondary-cta-text: #080908;; --secondary-cta-text: #080908;;
--accent: #35c18b;; --accent: #8a8a8a;;
--background-accent: #ecebe4;; --background-accent: #e8e6e1;;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);