Merge version_1 into main #3

Merged
bender merged 2 commits from version_1 into main 2026-02-22 02:38:44 +00:00
2 changed files with 39 additions and 7 deletions

View File

@@ -39,7 +39,7 @@ export default function SitePage() {
<HeroBillboardGallery
title="Crispy. Saucy. Unforgettable.\nColumbus Korean Fried Chicken Obsession."
description="Hand-brushed sauces. Double-fried crisp. Delivered hot, fast, and flavor-packed — every time. From our signature Honey Garlic Wings to our fiery Gangnam Spice, bb.q chicken brings Koreas most iconic fried chicken experience straight to Columbus. Whether youre dining in, grabbing takeout, or ordering delivery — expect premium crisp, bold flavor, and next-level freshness."
background={{variant:"noiseDiagonalGradient"}}
background={{variant:"radial-gradient"}}
buttons={[{text:"Order Now",href:"#final-cta"},{text:"View Menu",href:"#signature-flavors"}]}
mediaItems={[{imageSrc:"https://img.b2bpic.net/free-photo/fried-crispy-fish-with-narsharab-sauce_140725-4669.jpg",imageAlt:"Crispy Korean Fried Chicken"},{imageSrc:"https://img.b2bpic.net/free-photo/high-angle-shot-deliciously-cooked-chicken-wings-with-sesame-soy-sauce-table_181624-24153.jpg",imageAlt:"Honey Garlic Wings"},{imageSrc:"https://img.b2bpic.net/free-photo/chicken-fried-spicy-sauce-korean-style_1150-42875.jpg",imageAlt:"Gangnam Spicy Chicken"},{imageSrc:"https://img.b2bpic.net/free-photo/two-young-friends-seating-stairs-park-eating_1268-17802.jpg",imageAlt:"bb.q chicken Delivery"},{imageSrc:"https://img.b2bpic.net/free-photo/woman-dipping-chicken-croquette-into-sauce-beer-setup-with-nuts_140725-10810.jpg",imageAlt:"Assortment of Korean Fried Chicken"}]}
mediaAnimation="opacity"
@@ -101,6 +101,7 @@ export default function SitePage() {
animationType="slide-up"
useInvertedBackground={false}
buttons={[{text:"Start Delivery Order →",href:"#final-cta"}]}
textboxLayout="default"
textBoxClassName="lg:col-span-2"
cardClassName="!h-auto !py-8 !flex !flex-col !justify-center !items-center text-center"
valueClassName="!text-5xl lg:!text-6xl !font-bold"
@@ -156,6 +157,7 @@ export default function SitePage() {
gridVariant="uniform-all-items-equal"
animationType="slide-up"
useInvertedBackground={false}
textboxLayout="default"
cardClassName="!h-auto !py-8 !flex !flex-col !justify-center !items-center text-center"
valueClassName="!text-5xl lg:!text-6xl !font-bold"
metricDescriptionClassName="!text-lg !font-medium"

View File

@@ -74,9 +74,6 @@ function ProductPageContent({ params }: ProductPageProps) {
await checkout(getCheckoutItems(), { successUrl: currentUrl.toString() });
}, [cartItems, checkout, getCheckoutItems]);
const themeProviderProps = {
defaultButtonVariant: "elastic-effect", defaultTextAnimation: "background-highlight", borderRadius: "pill", contentWidth: "small", sizing: "largeSmallSizeLargeTitles", background: "noiseDiagonalGradient", cardStyle: "subtle-shadow", primaryButtonStyle: "flat", secondaryButtonStyle: "layered", headingFontWeight: "light"};
const navbarProps = {
navItems: [{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }],
brandName: "bb.q chicken", className: "py-4 px-6", navItemClassName: "font-medium", buttonClassName: "px-5 py-2", buttonTextClassName: "text-lg", button: { text: "Cart", onClick: () => setCartOpen(true) },
@@ -88,7 +85,18 @@ function ProductPageContent({ params }: ProductPageProps) {
if (isLoading) {
return (
<ThemeProvider {...themeProviderProps}>
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="small"
sizing="largeSmallSizeLargeTitles"
background="noiseDiagonalGradient"
cardStyle="subtle-shadow"
primaryButtonStyle="flat"
secondaryButtonStyle="layered"
headingFontWeight="light"
>
<ReactLenis root>
<div id="navbar" data-section="navbar">
<NavbarLayoutFloatingInline {...navbarProps} />
@@ -106,7 +114,18 @@ function ProductPageContent({ params }: ProductPageProps) {
if (!product) {
return (
<ThemeProvider {...themeProviderProps}>
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="small"
sizing="largeSmallSizeLargeTitles"
background="noiseDiagonalGradient"
cardStyle="subtle-shadow"
primaryButtonStyle="flat"
secondaryButtonStyle="layered"
headingFontWeight="light"
>
<ReactLenis root>
<div id="navbar" data-section="navbar">
<NavbarLayoutFloatingInline {...navbarProps} />
@@ -131,7 +150,18 @@ function ProductPageContent({ params }: ProductPageProps) {
}
return (
<ThemeProvider {...themeProviderProps}>
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="small"
sizing="largeSmallSizeLargeTitles"
background="noiseDiagonalGradient"
cardStyle="subtle-shadow"
primaryButtonStyle="flat"
secondaryButtonStyle="layered"
headingFontWeight="light"
>
<ReactLenis root>
<div id="navbar" data-section="navbar">
<NavbarLayoutFloatingInline {...navbarProps} />