Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #3.
This commit is contained in:
@@ -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 Korea’s most iconic fried chicken experience straight to Columbus. Whether you’re 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"
|
||||
|
||||
@@ -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} />
|
||||
|
||||
Reference in New Issue
Block a user