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
|
<HeroBillboardGallery
|
||||||
title="Crispy. Saucy. Unforgettable.\nColumbus’ Korean Fried Chicken Obsession."
|
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."
|
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"}]}
|
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"}]}
|
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"
|
mediaAnimation="opacity"
|
||||||
@@ -101,6 +101,7 @@ export default function SitePage() {
|
|||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
buttons={[{text:"Start Delivery Order →",href:"#final-cta"}]}
|
buttons={[{text:"Start Delivery Order →",href:"#final-cta"}]}
|
||||||
|
textboxLayout="default"
|
||||||
textBoxClassName="lg:col-span-2"
|
textBoxClassName="lg:col-span-2"
|
||||||
cardClassName="!h-auto !py-8 !flex !flex-col !justify-center !items-center text-center"
|
cardClassName="!h-auto !py-8 !flex !flex-col !justify-center !items-center text-center"
|
||||||
valueClassName="!text-5xl lg:!text-6xl !font-bold"
|
valueClassName="!text-5xl lg:!text-6xl !font-bold"
|
||||||
@@ -156,6 +157,7 @@ export default function SitePage() {
|
|||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="uniform-all-items-equal"
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
|
textboxLayout="default"
|
||||||
cardClassName="!h-auto !py-8 !flex !flex-col !justify-center !items-center text-center"
|
cardClassName="!h-auto !py-8 !flex !flex-col !justify-center !items-center text-center"
|
||||||
valueClassName="!text-5xl lg:!text-6xl !font-bold"
|
valueClassName="!text-5xl lg:!text-6xl !font-bold"
|
||||||
metricDescriptionClassName="!text-lg !font-medium"
|
metricDescriptionClassName="!text-lg !font-medium"
|
||||||
|
|||||||
@@ -74,9 +74,6 @@ function ProductPageContent({ params }: ProductPageProps) {
|
|||||||
await checkout(getCheckoutItems(), { successUrl: currentUrl.toString() });
|
await checkout(getCheckoutItems(), { successUrl: currentUrl.toString() });
|
||||||
}, [cartItems, checkout, getCheckoutItems]);
|
}, [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 = {
|
const navbarProps = {
|
||||||
navItems: [{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }],
|
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) },
|
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) {
|
if (isLoading) {
|
||||||
return (
|
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>
|
<ReactLenis root>
|
||||||
<div id="navbar" data-section="navbar">
|
<div id="navbar" data-section="navbar">
|
||||||
<NavbarLayoutFloatingInline {...navbarProps} />
|
<NavbarLayoutFloatingInline {...navbarProps} />
|
||||||
@@ -106,7 +114,18 @@ function ProductPageContent({ params }: ProductPageProps) {
|
|||||||
|
|
||||||
if (!product) {
|
if (!product) {
|
||||||
return (
|
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>
|
<ReactLenis root>
|
||||||
<div id="navbar" data-section="navbar">
|
<div id="navbar" data-section="navbar">
|
||||||
<NavbarLayoutFloatingInline {...navbarProps} />
|
<NavbarLayoutFloatingInline {...navbarProps} />
|
||||||
@@ -131,7 +150,18 @@ function ProductPageContent({ params }: ProductPageProps) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
return (
|
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>
|
<ReactLenis root>
|
||||||
<div id="navbar" data-section="navbar">
|
<div id="navbar" data-section="navbar">
|
||||||
<NavbarLayoutFloatingInline {...navbarProps} />
|
<NavbarLayoutFloatingInline {...navbarProps} />
|
||||||
|
|||||||
Reference in New Issue
Block a user