bender/db55049d-7c47-41e2-95d9-6a16ed0bec78
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 7 commits from version_2 into main 2026-02-26 02:07:07 +00:00
Conversation 0 Commits 7 Files Changed 7 +160 -149
7 changed files with 160 additions and 149 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/app/blog/page.tsx
View File

@@ -11,30 +11,27 @@ export default function BlogPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="blurBottom"
background="none"
cardStyle="solid"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
headingFontWeight="normal"
primaryButtonStyle="gradient"
secondaryButtonStyle="solid"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{"name":"Home","id":"/"},
{"name":"Hero","id":"hero-section"},
{"name":"Menu","id":"product-section"},
{"name":"About","id":"about-section"},
{"name":"Feature","id":"features-section"},
{"name":"Product","id":"product-section"},
{"name":"Testimonial","id":"testimonial-section"},
{"name":"Contact","id":"contact-section"}
{"name":"Reviews","id":"testimonial-section"},
{"name":"Locations","id":"contact-section"}
]}
button={{"text":"Order Now","href":"#product-section"}}
button={{"text":"Order Online","href":"#product-section"}}
brandName="Bob's Burgers"
/>
</div>
@@ -60,4 +57,4 @@ export default function BlogPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

13
src/app/layout.tsx
View File

@@ -1,15 +1,20 @@
import type { Metadata } from "next";
import { Inter } from "next/font/google";
import { Cormorant_Garamond, Inter } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const cormorantGaramond = Cormorant_Garamond({
variable: "--font-cormorant-garamond", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "Bob's Burgers | Cozy Burgers & Family Favorites", description: "Discover delicious handcrafted burgers at Bob's Burgers. Experience cozy atmosphere, fresh ingredients, and family favorites in a warm, inviting setting.", keywords: ["burgers", "family restaurant", "cozy dining", "handcrafted burgers", "local cuisine", "comfort food", "bob's burgers"]
title: "Bob's Burgers | Premium Burgers & Comfort Food", description: "Experience Bob's Burgers - where reliable comfort food meets surprisingly good taste. Fresh ingredients, friendly service, and fast pickup. Make it a habit, it's pretty darn good.", keywords: ["burgers", "restaurant", "comfort food", "fresh ingredients", "friendly service", "fast pickup", "locally sourced"]
};
export default function RootLayout({
@@ -21,7 +26,7 @@ export default function RootLayout({
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${inter.variable} antialiased`}
className={`${cormorantGaramond.variable} ${inter.variable} antialiased`}
>
<Tag />
{children}
@@ -1396,4 +1401,4 @@ export default function RootLayout({
</ServiceWrapper>
</html>
);
}
}

155
src/app/page.tsx
View File

@@ -9,34 +9,32 @@ import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Sparkles, CheckCircle, Heart, ChefHat, Leaf, Users, Star } from "lucide-react";
import { Sparkles, CheckCircle, Heart, ChefHat, Leaf, Users, Star, MapPin, Clock, Phone } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="blurBottom"
background="none"
cardStyle="solid"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
headingFontWeight="normal"
primaryButtonStyle="gradient"
secondaryButtonStyle="solid"
headingFontWeight="semibold"
>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Hero", id: "hero-section" },
{ name: "Menu", id: "product-section" },
{ name: "About", id: "about-section" },
{ name: "Feature", id: "features-section" },
{ name: "Product", id: "product-section" },
{ name: "Testimonial", id: "testimonial-section" },
{ name: "Contact", id: "contact-section" }
{ name: "Reviews", id: "testimonial-section" },
{ name: "Locations", id: "contact-section" }
]}
button={{
text: "Order Now", href: "#product-section"
text: "Order Online", href: "#product-section"
}}
brandName="Bob's Burgers"
/>
@@ -44,29 +42,29 @@ export default function LandingPage() {
<div id="hero-section" data-section="hero-section">
<HeroBillboard
title="Where Every Bite Tells a Story"
description="Experience the perfect blend of flavor and warmth at Bob's Burgers. Our handcrafted burgers are made with locally-sourced ingredients and served with a side of smiles."
background={{ variant: "radial-gradient" }}
tag="New Menu Items Available"
title="Pretty Darn Good Burgers"
description="Make it a habit. Reliable comfort food with surprisingly good taste. Fresh ingredients, friendly service, and fast pickup. Bob's Burgers is your neighborhood burger destination."
background={{ variant: "plain" }}
tag="Fast Pickup Available"
tagIcon={Sparkles}
tagAnimation="slide-up"
buttons={[
{ text: "View Menu", href: "#product-section" },
{ text: "Order Online", href: "#contact-section" }
{ text: "Order Now", href: "#product-section" }
]}
buttonAnimation="slide-up"
avatars={[
{ src: "https://img.b2bpic.net/free-photo/young-happy-woman-her-friends-having-fun-while-drinking-wine-lunch-time-home_637285-3187.jpg", alt: "Happy customer enjoying a burger" },
{ src: "https://img.b2bpic.net/free-photo/happy-waiter-serving-food-group-cheerful-friends-pub_637285-12525.jpg", alt: "Family dining together" }
{ src: "https://img.b2bpic.net/free-photo/happy-waiter-serving-food-group-cheerful-friends-pub_637285-12525.jpg", alt: "Friendly service at Bob's Burgers" }
]}
avatarText="Join over 10,000 happy customers!"
avatarText="Trusted by thousands of regulars"
imageSrc="https://img.b2bpic.net/free-photo/front-view-vegetarian-burger-plate_23-2148784526.jpg"
imageAlt="Delicious burger with fresh ingredients"
imageAlt="Delicious premium burger"
mediaAnimation="slide-up"
marqueeItems={[
{ type: "text", text: "Locally Sourced Ingredients", icon: CheckCircle },
{ type: "text", text: "Family-Friendly Atmosphere", icon: Heart },
{ type: "text", text: "Handcrafted Burgers Daily", icon: ChefHat }
{ type: "text", text: "Fresh Ingredients" },
{ type: "text", text: "Friendly Service" },
{ type: "text", text: "Fast Pickup" }
]}
marqueeSpeed={30}
showMarqueeCard={true}
@@ -76,29 +74,29 @@ export default function LandingPage() {
<div id="about-section" data-section="about-section">
<SplitAbout
title="Welcome to Bob's Burgers"
description="Since 1998, Bob's Burgers has been serving up the juiciest, most flavorful burgers in a cozy, family-friendly environment. Our locally sourced ingredients and secret recipes create an unforgettable dining experience."
tag="Since 1998"
tagIcon={Sparkles}
title="Our Story"
description="Bob's Burgers has been serving the community with reliable comfort food and surprisingly good taste. We focus on fresh, locally-sourced ingredients and friendly service that keeps customers coming back. It's not just a burger—it's a habit."
tag="Locally Sourced"
tagIcon={Leaf}
tagAnimation="slide-up"
buttons={[
{ text: "View Menu", href: "#product-section" },
{ text: "Visit Us", href: "#contact-section" }
{ text: "Get Directions", href: "#contact-section" }
]}
buttonAnimation="slide-up"
bulletPoints={[
{
title: "Locally Sourced Ingredients", description: "We partner with local farms to bring you the freshest ingredients every day.", icon: Leaf
title: "Reliable Quality", description: "Every burger made with care and attention to detail. Consistent quality you can count on.", icon: CheckCircle
},
{
title: "Family-Friendly Atmosphere", description: "A warm, welcoming space perfect for families and friends to gather.", icon: Users
title: "Friendly Service", description: "Our team treats you like family. Genuine hospitality with a smile.", icon: Users
},
{
title: "Secret Recipes", description: "Our time-tested recipes ensure every burger is a masterpiece of flavor.", icon: ChefHat
title: "Fast Pickup", description: "Get your order ready quickly without sacrificing quality. Perfect for busy schedules.", icon: Clock
}
]}
imageSrc="https://img.b2bpic.net/free-photo/group-happy-young-people-having-dinner-together-dining-table-focus-is-redhead-woman-taking-food-from-her-friend_637285-3752.jpg"
imageAlt="Cozy interior of Bob's Burgers with wooden tables and warm lighting"
imageAlt="Cozy interior of Bob's Burgers with warm lighting"
mediaAnimation="slide-up"
imagePosition="left"
textboxLayout="default"
@@ -108,22 +106,22 @@ export default function LandingPage() {
<div id="features-section" data-section="features-section">
<FeatureCardSix
title="Why Choose Bob's Burgers?"
description="Experience the perfect blend of quality ingredients, cozy ambiance, and mouth-watering flavors that make every visit unforgettable."
textboxLayout="inline-image"
title="Why Customers Come Back"
description="We've perfected the art of making great burgers with fresh ingredients, exceptional service, and a commitment to making your visit special."
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: 1,
title: "Fresh Ingredients", description: "We source only the freshest locally-grown produce and premium beef for our signature burgers.", imageSrc: "https://img.b2bpic.net/free-photo/front-view-fresh-vegetables-with-seasonings-dark-background-ripe-salad-health-food_140725-115776.jpg", imageAlt: "Fresh ingredients for burgers"
title: "Fresh, Quality Ingredients", description: "Sourced locally whenever possible. Premium beef, fresh vegetables, and handcrafted sauces every single day.", imageSrc: "https://img.b2bpic.net/free-photo/front-view-fresh-vegetables-with-seasonings-dark-background-ripe-salad-health-food_140725-115776.jpg", imageAlt: "Fresh ingredients for burgers"
},
{
id: 2,
title: "Cozy Atmosphere", description: "Our warm and inviting space creates the perfect setting for family dinners and casual gatherings.", imageSrc: "https://img.b2bpic.net/free-photo/tables-chairs-arranged-empty-coffee-shop_107420-96463.jpg", imageAlt: "Cozy dining atmosphere at Bob's Burgers"
title: "Friendly Service", description: "Our team genuinely cares. Fast, attentive service with a personal touch that makes you feel welcome.", imageSrc: "https://img.b2bpic.net/free-photo/tables-chairs-arranged-empty-coffee-shop_107420-96463.jpg", imageAlt: "Welcoming dining atmosphere"
},
{
id: 3,
title: "Family Favorites", description: "From classic cheeseburgers to our secret recipe sauces, we have something for everyone.", imageSrc: "https://img.b2bpic.net/free-photo/toast-many-upcoming-family-dinners_637285-12559.jpg", imageAlt: "Delicious family favorite burgers"
title: "Fast Pickup & Delivery", description: "Order ahead and get your meal quick. Perfect for lunch breaks or family dinners. Hot, fresh, on time.", imageSrc: "https://img.b2bpic.net/free-photo/toast-many-upcoming-family-dinners_637285-12559.jpg", imageAlt: "Ready-to-serve burgers"
}
]}
/>
@@ -131,21 +129,21 @@ export default function LandingPage() {
<div id="product-section" data-section="product-section">
<ProductCardThree
title="Our Signature Burgers"
description="Crafted with locally-sourced ingredients and served with a side of smiles. Each burger is a masterpiece of flavor and texture."
title="Our Menu"
description="Made with fresh ingredients and served with friendly service. Choose your favorite or discover something new."
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
products={[
{
id: "beef-burger", name: "Classic Beef Burger", price: "$12.99", imageSrc: "https://img.b2bpic.net/free-photo/black-burger-with-beef-meat-french-fries-tasty-appetizing_482257-10359.jpg", imageAlt: "Delicious Classic Beef Burger with lettuce, tomato, and cheese", initialQuantity: 1
id: "classic-burger", name: "Classic Bob's Burger", price: "$12.99", imageSrc: "https://img.b2bpic.net/free-photo/black-burger-with-beef-meat-french-fries-tasty-appetizing_482257-10359.jpg", imageAlt: "Classic Bob's Burger with premium beef", initialQuantity: 1
},
{
id: "chicken-burger", name: "Grilled Chicken Burger", price: "$11.99", imageSrc: "https://img.b2bpic.net/free-photo/tasty-healthy-burgers-with-chicken-breast_1220-7105.jpg", imageAlt: "Tasty Grilled Chicken Burger with avocado and special sauce", initialQuantity: 1
id: "chicken-burger", name: "Grilled Chicken Burger", price: "$11.99", imageSrc: "https://img.b2bpic.net/free-photo/tasty-healthy-burgers-with-chicken-breast_1220-7105.jpg", imageAlt: "Grilled Chicken Burger with fresh toppings", initialQuantity: 1
},
{
id: "veggie-burger", name: "Veggie Delight Burger", price: "$10.99", imageSrc: "https://img.b2bpic.net/free-photo/vegan-burgers-with-lentils-pistashios_661915-259.jpg", imageAlt: "Fresh Veggie Delight Burger with grilled vegetables and hummus", initialQuantity: 1
id: "veggie-burger", name: "Garden Veggie Burger", price: "$10.99", imageSrc: "https://img.b2bpic.net/free-photo/vegan-burgers-with-lentils-pistashios_661915-259.jpg", imageAlt: "Garden Veggie Burger with fresh vegetables", initialQuantity: 1
}
]}
/>
@@ -155,26 +153,26 @@ export default function LandingPage() {
<TestimonialCardOne
testimonials={[
{
id: "testimonial-1", name: "Sarah Johnson", role: "Food Blogger", company: "Tasty Bites", rating: 5,
imageSrc: "https://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg?_wi=1", imageAlt: "Sarah Johnson, food blogger, enjoying a burger at Bob's Burgers"
id: "testimonial-1", name: "Sarah M.", role: "Regular Customer", company: "Local Community", rating: 5,
imageSrc: "https://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg?_wi=1", imageAlt: "Satisfied customer at Bob's Burgers"
},
{
id: "testimonial-2", name: "Michael Chen", role: "Local Chef", company: "Urban Kitchen", rating: 5,
imageSrc: "https://img.b2bpic.net/free-photo/group-diverse-friends-are-having-dinner-together_53876-40927.jpg", imageAlt: "Michael Chen, local chef, praising the quality of ingredients at Bob's Burgers"
id: "testimonial-2", name: "Mike T.", role: "Comes for Lunch", company: "Downtown Office", rating: 5,
imageSrc: "https://img.b2bpic.net/free-photo/group-diverse-friends-are-having-dinner-together_53876-40927.jpg", imageAlt: "Customer enjoying lunch at Bob's"
},
{
id: "testimonial-3", name: "Emma Rodriguez", role: "Family Diner Patron", company: "Happy Family Reviews", rating: 5,
imageSrc: "https://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg?_wi=2", imageAlt: "Emma Rodriguez, family diner patron, sharing her experience with kids at Bob's Burgers"
id: "testimonial-3", name: "Emma & Family", role: "Family Diner", company: "Neighborhood Favorite", rating: 5,
imageSrc: "https://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg?_wi=2", imageAlt: "Family enjoying dinner at Bob's Burgers"
}
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
title="What Our Customers Say"
description="Don't just take our word for it—hear from our satisfied customers who've experienced the magic of Bob's Burgers."
tag="Real Reviews"
title="What Regulars Say"
description="See why Bob's Burgers is the go-to spot for reliable, delicious burgers and friendly service."
tag="Customer Reviews"
tagIcon={Star}
tagAnimation="slide-up"
textboxLayout="inline-image"
textboxLayout="default"
useInvertedBackground={false}
carouselMode="buttons"
/>
@@ -182,24 +180,23 @@ export default function LandingPage() {
<div id="contact-section" data-section="contact-section">
<ContactSplitForm
title="Visit Us or Order Online"
description="We'd love to hear from you! Whether you're stopping by for a delicious burger or placing an order, our team is ready to serve you with warmth and flavor."
title="Join Our Regular Customers"
description="Sign up for our email and SMS list. Get special offers, menu updates, and be the first to know about new items. Make Bob's Burgers your habit."
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true },
{ name: "phone", type: "tel", placeholder: "Your Phone Number" }
{ name: "phone", type: "tel", placeholder: "Your Phone (for SMS offers)", required: true }
]}
textarea={{
name: "message", placeholder: "Your Message", rows: 4,
required: true
name: "message", placeholder: "Any dietary preferences or special requests?", rows: 3,
required: false
}}
useInvertedBackground={false}
imageSrc="https://img.b2bpic.net/free-photo/love-sign-wall-wedding-reception_637285-5615.jpg"
imageAlt="Cozy interior of Bob's Burgers with warm lighting and friendly atmosphere"
imageAlt="Warm atmosphere at Bob's Burgers"
mediaAnimation="slide-up"
mediaPosition="right"
buttonText="Send Message"
ariaLabel="Contact section"
buttonText="Sign Me Up"
ariaLabel="Contact and signup section"
/>
</div>
@@ -207,33 +204,35 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Explore", items: [
{ label: "Home", href: "#hero-section" },
{ label: "About Us", href: "#about-section" },
title: "Bob's Burgers", items: [
{ label: "Menu", href: "#product-section" },
{ label: "Testimonials", href: "#testimonial-section" }
{ label: "About Us", href: "#about-section" },
{ label: "Reviews", href: "#testimonial-section" },
{ label: "Order Online", href: "#product-section" }
]
},
{
title: "Visit Us", items: [
{ label: "Get Directions", href: "#contact-section" },
{ label: "Hours", href: "#contact-section" },
{ label: "Contact", href: "#contact-section" },
{ label: "Catering", href: "#contact-section" }
]
},
{
title: "Connect", items: [
{ label: "Contact Us", href: "#contact-section" },
{ label: "Locations", href: "#contact-section" },
{ label: "Careers", href: "#contact-section" }
]
},
{
title: "Support", items: [
{ label: "FAQs", href: "#contact-section" },
{ label: "Delivery Info", href: "#contact-section" },
{ label: "Privacy Policy", href: "#" }
{ label: "Join Our List", href: "#contact-section" },
{ label: "Careers", href: "#contact-section" },
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" }
]
}
]}
logoText="Bob's Burgers"
copyrightText="© 2025 Bob's Burgers | All rights reserved"
copyrightText="© 2025 Bob's Burgers | Making it a habit since day one"
ariaLabel="Site footer"
/>
</div>
</ThemeProvider>
);
}
}

56
src/app/shop/[id]/page.tsx
View File

@@ -76,25 +76,27 @@ function ProductPageContent({ params }: ProductPageProps) {
if (isLoading) {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="blurBottom"
background="none"
cardStyle="solid"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
headingFontWeight="normal"
primaryButtonStyle="gradient"
secondaryButtonStyle="solid"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="navbar" data-section="navbar">
<NavbarStyleCentered
navItems={[
{"name":"Home","id":"/"},
{"name":"Shop","id":"/shop"}
{"name":"Menu","id":"product-section"},
{"name":"About","id":"about-section"},
{"name":"Reviews","id":"testimonial-section"},
{"name":"Locations","id":"contact-section"}
]}
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
button={{ text: "Order Online", onClick: () => setCartOpen(true) }}
brandName="Bob's Burgers"
/>
</div>
@@ -109,25 +111,27 @@ function ProductPageContent({ params }: ProductPageProps) {
if (!product) {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="blurBottom"
background="none"
cardStyle="solid"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
headingFontWeight="normal"
primaryButtonStyle="gradient"
secondaryButtonStyle="solid"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="navbar" data-section="navbar">
<NavbarStyleCentered
navItems={[
{"name":"Home","id":"/"},
{"name":"Shop","id":"/shop"}
{"name":"Menu","id":"product-section"},
{"name":"About","id":"about-section"},
{"name":"Reviews","id":"testimonial-section"},
{"name":"Locations","id":"contact-section"}
]}
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
button={{ text: "Order Online", onClick: () => setCartOpen(true) }}
brandName="Bob's Burgers"
/>
</div>
@@ -149,25 +153,27 @@ function ProductPageContent({ params }: ProductPageProps) {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="blurBottom"
background="none"
cardStyle="solid"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
headingFontWeight="normal"
primaryButtonStyle="gradient"
secondaryButtonStyle="solid"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="navbar" data-section="navbar">
<NavbarStyleCentered
navItems={[
{"name":"Home","id":"/"},
{"name":"Shop","id":"/shop"}
{"name":"Menu","id":"product-section"},
{"name":"About","id":"about-section"},
{"name":"Reviews","id":"testimonial-section"},
{"name":"Locations","id":"contact-section"}
]}
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
button={{ text: "Order Online", onClick: () => setCartOpen(true) }}
brandName="Bob's Burgers"
/>
</div>
@@ -210,4 +216,4 @@ function ProductPageContent({ params }: ProductPageProps) {
</ReactLenis>
</ThemeProvider>
);
}
}

38
src/app/shop/page.tsx
View File

@@ -19,25 +19,27 @@ function ShopPageContent() {
if (isLoading) {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="blurBottom"
background="none"
cardStyle="solid"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
headingFontWeight="normal"
primaryButtonStyle="gradient"
secondaryButtonStyle="solid"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="navbar" data-section="navbar">
<NavbarStyleCentered
navItems={[
{"name":"Home","id":"/"},
{"name":"Shop","id":"/shop"}
{"name":"Menu","id":"product-section"},
{"name":"About","id":"about-section"},
{"name":"Reviews","id":"testimonial-section"},
{"name":"Locations","id":"contact-section"}
]}
button={{ text: "Cart", onClick: () => console.log("cart") }}
button={{ text: "Order Online", onClick: () => console.log("order") }}
brandName="Bob's Burgers"
/>
</div>
@@ -51,25 +53,27 @@ function ShopPageContent() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="blurBottom"
background="none"
cardStyle="solid"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
headingFontWeight="normal"
primaryButtonStyle="gradient"
secondaryButtonStyle="solid"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="navbar" data-section="navbar">
<NavbarStyleCentered
navItems={[
{"name":"Home","id":"/"},
{"name":"Shop","id":"/shop"}
{"name":"Menu","id":"product-section"},
{"name":"About","id":"about-section"},
{"name":"Reviews","id":"testimonial-section"},
{"name":"Locations","id":"contact-section"}
]}
button={{ text: "Cart", onClick: () => console.log("cart") }}
button={{ text: "Order Online", onClick: () => console.log("order") }}
brandName="Bob's Burgers"
/>
</div>
@@ -95,4 +99,4 @@ export default function ShopPage() {
<ShopPageContent />
</Suspense>
);
}
}

4
src/app/styles/base.css
View File

@@ -11,7 +11,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-font-family: var(--font-inter), sans-serif;), sans-serif;
font-family: var(--font-inter), sans-serif;), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-font-family: var(--font-inter), sans-serif;), sans-serif;
font-family: var(--font-cormorant-garamond), serif;), sans-serif;
}

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

@@ -2,23 +2,23 @@
/* Base units */
/* --vw is set by ThemeProvider */
/* --background: #f7f6f7;;
/* --background: #f5f5f5;;
--card: #ffffff;;
--foreground: #1b0c25;;
--primary-cta: #1b0c25;;
--foreground: #2c2c2c;;
--primary-cta: #3d3d3d;;
--secondary-cta: #ffffff;;
--accent: #ff93e4;;
--background-accent: #e8a8c3;; */
--accent: #c9a961;;
--background-accent: #e8e0d5;; */
--background: #f7f6f7;;
--background: #f5f5f5;;
--card: #ffffff;;
--foreground: #1b0c25;;
--primary-cta: #1b0c25;;
--foreground: #2c2c2c;;
--primary-cta: #3d3d3d;;
--primary-cta-text: #f7f6f7;;
--secondary-cta: #ffffff;;
--secondary-cta-text: #1b0c25;;
--accent: #ff93e4;;
--background-accent: #e8a8c3;;
--accent: #c9a961;;
--background-accent: #e8e0d5;;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);