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

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

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

11
src/app/layout.tsx
View File

@@ -1,15 +1,20 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Inter } from "next/font/google"; import { Cormorant_Garamond, Inter } from "next/font/google";
import "./globals.css"; import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper"; import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag"; import Tag from "@/tag/Tag";
const cormorantGaramond = Cormorant_Garamond({
variable: "--font-cormorant-garamond", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({ const inter = Inter({
variable: "--font-inter", subsets: ["latin"], variable: "--font-inter", subsets: ["latin"],
}); });
export const metadata: Metadata = { 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({ export default function RootLayout({
@@ -21,7 +26,7 @@ export default function RootLayout({
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body <body
className={`${inter.variable} antialiased`} className={`${cormorantGaramond.variable} ${inter.variable} antialiased`}
> >
<Tag /> <Tag />
{children} {children}

153
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 TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm'; import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBase from '@/components/sections/footer/FooterBase'; 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() { export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="text-stagger" defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide" defaultTextAnimation="entrance-slide"
borderRadius="rounded" borderRadius="rounded"
contentWidth="medium" contentWidth="medium"
sizing="medium" sizing="medium"
background="blurBottom" background="none"
cardStyle="solid" cardStyle="solid"
primaryButtonStyle="radial-glow" primaryButtonStyle="gradient"
secondaryButtonStyle="glass" secondaryButtonStyle="solid"
headingFontWeight="normal" headingFontWeight="semibold"
> >
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{ name: "Hero", id: "hero-section" }, { name: "Menu", id: "product-section" },
{ name: "About", id: "about-section" }, { name: "About", id: "about-section" },
{ name: "Feature", id: "features-section" }, { name: "Reviews", id: "testimonial-section" },
{ name: "Product", id: "product-section" }, { name: "Locations", id: "contact-section" }
{ name: "Testimonial", id: "testimonial-section" },
{ name: "Contact", id: "contact-section" }
]} ]}
button={{ button={{
text: "Order Now", href: "#product-section" text: "Order Online", href: "#product-section"
}} }}
brandName="Bob's Burgers" brandName="Bob's Burgers"
/> />
@@ -44,29 +42,29 @@ export default function LandingPage() {
<div id="hero-section" data-section="hero-section"> <div id="hero-section" data-section="hero-section">
<HeroBillboard <HeroBillboard
title="Where Every Bite Tells a Story" title="Pretty Darn Good Burgers"
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." 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: "radial-gradient" }} background={{ variant: "plain" }}
tag="New Menu Items Available" tag="Fast Pickup Available"
tagIcon={Sparkles} tagIcon={Sparkles}
tagAnimation="slide-up" tagAnimation="slide-up"
buttons={[ buttons={[
{ text: "View Menu", href: "#product-section" }, { text: "View Menu", href: "#product-section" },
{ text: "Order Online", href: "#contact-section" } { text: "Order Now", href: "#product-section" }
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
avatars={[ 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/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" 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" mediaAnimation="slide-up"
marqueeItems={[ marqueeItems={[
{ type: "text", text: "Locally Sourced Ingredients", icon: CheckCircle }, { type: "text", text: "Fresh Ingredients" },
{ type: "text", text: "Family-Friendly Atmosphere", icon: Heart }, { type: "text", text: "Friendly Service" },
{ type: "text", text: "Handcrafted Burgers Daily", icon: ChefHat } { type: "text", text: "Fast Pickup" }
]} ]}
marqueeSpeed={30} marqueeSpeed={30}
showMarqueeCard={true} showMarqueeCard={true}
@@ -76,29 +74,29 @@ export default function LandingPage() {
<div id="about-section" data-section="about-section"> <div id="about-section" data-section="about-section">
<SplitAbout <SplitAbout
title="Welcome to Bob's Burgers" title="Our Story"
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." 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="Since 1998" tag="Locally Sourced"
tagIcon={Sparkles} tagIcon={Leaf}
tagAnimation="slide-up" tagAnimation="slide-up"
buttons={[ buttons={[
{ text: "View Menu", href: "#product-section" }, { text: "View Menu", href: "#product-section" },
{ text: "Visit Us", href: "#contact-section" } { text: "Get Directions", href: "#contact-section" }
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
bulletPoints={[ 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" 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" mediaAnimation="slide-up"
imagePosition="left" imagePosition="left"
textboxLayout="default" textboxLayout="default"
@@ -108,22 +106,22 @@ export default function LandingPage() {
<div id="features-section" data-section="features-section"> <div id="features-section" data-section="features-section">
<FeatureCardSix <FeatureCardSix
title="Why Choose Bob's Burgers?" title="Why Customers Come Back"
description="Experience the perfect blend of quality ingredients, cozy ambiance, and mouth-watering flavors that make every visit unforgettable." description="We've perfected the art of making great burgers with fresh ingredients, exceptional service, and a commitment to making your visit special."
textboxLayout="inline-image" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
id: 1, 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, 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, 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"> <div id="product-section" data-section="product-section">
<ProductCardThree <ProductCardThree
title="Our Signature Burgers" title="Our Menu"
description="Crafted with locally-sourced ingredients and served with a side of smiles. Each burger is a masterpiece of flavor and texture." description="Made with fresh ingredients and served with friendly service. Choose your favorite or discover something new."
gridVariant="three-columns-all-equal-width" gridVariant="three-columns-all-equal-width"
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
products={[ 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 <TestimonialCardOne
testimonials={[ testimonials={[
{ {
id: "testimonial-1", name: "Sarah Johnson", role: "Food Blogger", company: "Tasty Bites", rating: 5, 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: "Sarah Johnson, food blogger, enjoying a burger at Bob's Burgers" 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, 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: "Michael Chen, local chef, praising the quality of ingredients at Bob's Burgers" 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, 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: "Emma Rodriguez, family diner patron, sharing her experience with kids at Bob's Burgers" 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" gridVariant="three-columns-all-equal-width"
animationType="slide-up" animationType="slide-up"
title="What Our Customers Say" title="What Regulars Say"
description="Don't just take our word for it—hear from our satisfied customers who've experienced the magic of Bob's Burgers." description="See why Bob's Burgers is the go-to spot for reliable, delicious burgers and friendly service."
tag="Real Reviews" tag="Customer Reviews"
tagIcon={Star} tagIcon={Star}
tagAnimation="slide-up" tagAnimation="slide-up"
textboxLayout="inline-image" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
carouselMode="buttons" carouselMode="buttons"
/> />
@@ -182,24 +180,23 @@ export default function LandingPage() {
<div id="contact-section" data-section="contact-section"> <div id="contact-section" data-section="contact-section">
<ContactSplitForm <ContactSplitForm
title="Visit Us or Order Online" title="Join Our Regular Customers"
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." 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={[ inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", 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={{ textarea={{
name: "message", placeholder: "Your Message", rows: 4, name: "message", placeholder: "Any dietary preferences or special requests?", rows: 3,
required: true required: false
}} }}
useInvertedBackground={false} useInvertedBackground={false}
imageSrc="https://img.b2bpic.net/free-photo/love-sign-wall-wedding-reception_637285-5615.jpg" 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" mediaAnimation="slide-up"
mediaPosition="right" mediaPosition="right"
buttonText="Send Message" buttonText="Sign Me Up"
ariaLabel="Contact section" ariaLabel="Contact and signup section"
/> />
</div> </div>
@@ -207,30 +204,32 @@ export default function LandingPage() {
<FooterBase <FooterBase
columns={[ columns={[
{ {
title: "Explore", items: [ title: "Bob's Burgers", items: [
{ label: "Home", href: "#hero-section" },
{ label: "About Us", href: "#about-section" },
{ label: "Menu", href: "#product-section" }, { 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: [ title: "Connect", items: [
{ label: "Contact Us", href: "#contact-section" }, { label: "Join Our List", href: "#contact-section" },
{ label: "Locations", href: "#contact-section" }, { label: "Careers", href: "#contact-section" },
{ label: "Careers", href: "#contact-section" } { label: "Privacy Policy", href: "#" },
] { label: "Terms of Service", href: "#" }
},
{
title: "Support", items: [
{ label: "FAQs", href: "#contact-section" },
{ label: "Delivery Info", href: "#contact-section" },
{ label: "Privacy Policy", href: "#" }
] ]
} }
]} ]}
logoText="Bob's Burgers" 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" ariaLabel="Site footer"
/> />
</div> </div>

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

@@ -76,25 +76,27 @@ function ProductPageContent({ params }: ProductPageProps) {
if (isLoading) { if (isLoading) {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="text-stagger" defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide" defaultTextAnimation="entrance-slide"
borderRadius="rounded" borderRadius="rounded"
contentWidth="medium" contentWidth="medium"
sizing="medium" sizing="medium"
background="blurBottom" background="none"
cardStyle="solid" cardStyle="solid"
primaryButtonStyle="radial-glow" primaryButtonStyle="gradient"
secondaryButtonStyle="glass" secondaryButtonStyle="solid"
headingFontWeight="normal" headingFontWeight="semibold"
> >
<ReactLenis root> <ReactLenis root>
<div id="navbar" data-section="navbar"> <div id="navbar" data-section="navbar">
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{"name":"Home","id":"/"}, {"name":"Menu","id":"product-section"},
{"name":"Shop","id":"/shop"} {"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" brandName="Bob's Burgers"
/> />
</div> </div>
@@ -109,25 +111,27 @@ function ProductPageContent({ params }: ProductPageProps) {
if (!product) { if (!product) {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="text-stagger" defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide" defaultTextAnimation="entrance-slide"
borderRadius="rounded" borderRadius="rounded"
contentWidth="medium" contentWidth="medium"
sizing="medium" sizing="medium"
background="blurBottom" background="none"
cardStyle="solid" cardStyle="solid"
primaryButtonStyle="radial-glow" primaryButtonStyle="gradient"
secondaryButtonStyle="glass" secondaryButtonStyle="solid"
headingFontWeight="normal" headingFontWeight="semibold"
> >
<ReactLenis root> <ReactLenis root>
<div id="navbar" data-section="navbar"> <div id="navbar" data-section="navbar">
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{"name":"Home","id":"/"}, {"name":"Menu","id":"product-section"},
{"name":"Shop","id":"/shop"} {"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" brandName="Bob's Burgers"
/> />
</div> </div>
@@ -149,25 +153,27 @@ function ProductPageContent({ params }: ProductPageProps) {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="text-stagger" defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide" defaultTextAnimation="entrance-slide"
borderRadius="rounded" borderRadius="rounded"
contentWidth="medium" contentWidth="medium"
sizing="medium" sizing="medium"
background="blurBottom" background="none"
cardStyle="solid" cardStyle="solid"
primaryButtonStyle="radial-glow" primaryButtonStyle="gradient"
secondaryButtonStyle="glass" secondaryButtonStyle="solid"
headingFontWeight="normal" headingFontWeight="semibold"
> >
<ReactLenis root> <ReactLenis root>
<div id="navbar" data-section="navbar"> <div id="navbar" data-section="navbar">
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{"name":"Home","id":"/"}, {"name":"Menu","id":"product-section"},
{"name":"Shop","id":"/shop"} {"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" brandName="Bob's Burgers"
/> />
</div> </div>

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

@@ -19,25 +19,27 @@ function ShopPageContent() {
if (isLoading) { if (isLoading) {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="text-stagger" defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide" defaultTextAnimation="entrance-slide"
borderRadius="rounded" borderRadius="rounded"
contentWidth="medium" contentWidth="medium"
sizing="medium" sizing="medium"
background="blurBottom" background="none"
cardStyle="solid" cardStyle="solid"
primaryButtonStyle="radial-glow" primaryButtonStyle="gradient"
secondaryButtonStyle="glass" secondaryButtonStyle="solid"
headingFontWeight="normal" headingFontWeight="semibold"
> >
<ReactLenis root> <ReactLenis root>
<div id="navbar" data-section="navbar"> <div id="navbar" data-section="navbar">
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{"name":"Home","id":"/"}, {"name":"Menu","id":"product-section"},
{"name":"Shop","id":"/shop"} {"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" brandName="Bob's Burgers"
/> />
</div> </div>
@@ -51,25 +53,27 @@ function ShopPageContent() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="text-stagger" defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide" defaultTextAnimation="entrance-slide"
borderRadius="rounded" borderRadius="rounded"
contentWidth="medium" contentWidth="medium"
sizing="medium" sizing="medium"
background="blurBottom" background="none"
cardStyle="solid" cardStyle="solid"
primaryButtonStyle="radial-glow" primaryButtonStyle="gradient"
secondaryButtonStyle="glass" secondaryButtonStyle="solid"
headingFontWeight="normal" headingFontWeight="semibold"
> >
<ReactLenis root> <ReactLenis root>
<div id="navbar" data-section="navbar"> <div id="navbar" data-section="navbar">
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{"name":"Home","id":"/"}, {"name":"Menu","id":"product-section"},
{"name":"Shop","id":"/shop"} {"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" brandName="Bob's Burgers"
/> />
</div> </div>

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

@@ -11,7 +11,7 @@ html {
body { body {
background-color: var(--background); background-color: var(--background);
color: var(--foreground); 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; position: relative;
min-height: 100vh; min-height: 100vh;
overscroll-behavior: none; overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4, h4,
h5, h5,
h6 { 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 */ /* Base units */
/* --vw is set by ThemeProvider */ /* --vw is set by ThemeProvider */
/* --background: #f7f6f7;; /* --background: #f5f5f5;;
--card: #ffffff;; --card: #ffffff;;
--foreground: #1b0c25;; --foreground: #2c2c2c;;
--primary-cta: #1b0c25;; --primary-cta: #3d3d3d;;
--secondary-cta: #ffffff;; --secondary-cta: #ffffff;;
--accent: #ff93e4;; --accent: #c9a961;;
--background-accent: #e8a8c3;; */ --background-accent: #e8e0d5;; */
--background: #f7f6f7;; --background: #f5f5f5;;
--card: #ffffff;; --card: #ffffff;;
--foreground: #1b0c25;; --foreground: #2c2c2c;;
--primary-cta: #1b0c25;; --primary-cta: #3d3d3d;;
--primary-cta-text: #f7f6f7;; --primary-cta-text: #f7f6f7;;
--secondary-cta: #ffffff;; --secondary-cta: #ffffff;;
--secondary-cta-text: #1b0c25;; --secondary-cta-text: #1b0c25;;
--accent: #ff93e4;; --accent: #c9a961;;
--background-accent: #e8a8c3;; --background-accent: #e8e0d5;;
/* 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);