Update src/app/shop/page.tsx
This commit is contained in:
@@ -31,7 +31,10 @@ function ShopPageContent() {
|
||||
getCheckoutItems,
|
||||
} = useCart();
|
||||
|
||||
const { checkout, isLoading: isCheckoutLoading } = useCheckout();
|
||||
const {
|
||||
checkout,
|
||||
isLoading: isCheckoutLoading
|
||||
} = useCheckout();
|
||||
|
||||
const handleCheckout = useCallback(async () => {
|
||||
if (cartItems.length === 0) return;
|
||||
@@ -59,7 +62,16 @@ function ShopPageContent() {
|
||||
<ReactLenis root>
|
||||
<div id="navbar" data-section="navbar">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "Products", id: "/products" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Events", id: "#events" },
|
||||
{ name: "Blog", id: "/blog" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="Balero Chess Club"
|
||||
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
|
||||
buttonClassName="bg-[var(--primary-cta)] text-[var(--primary-cta-text)] hover:bg-[var(--primary-cta)]"
|
||||
@@ -90,7 +102,16 @@ function ShopPageContent() {
|
||||
<ReactLenis root>
|
||||
<div id="navbar" data-section="navbar">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "Products", id: "/products" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Events", id: "#events" },
|
||||
{ name: "Blog", id: "/blog" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="Balero Chess Club"
|
||||
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
|
||||
buttonClassName="bg-[var(--primary-cta)] text-[var(--primary-cta-text)] hover:bg-[var(--primary-cta)]"
|
||||
@@ -126,9 +147,29 @@ function ShopPageContent() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Quick Links", items: [{ label: "Home", href: "/" }, { label: "About", href: "#about" }, { label: "Features", href: "#features" }, { label: "Events", href: "#events" }] },
|
||||
{ title: "Resources", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Connect", items: [{ label: "Facebook", href: "https://www.facebook.com/balerochessclub" }, { label: "Instagram", href: "https://www.instagram.com/balerochessclub" }] }
|
||||
{
|
||||
title: "Quick Links", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Events", href: "#events" },
|
||||
{ label: "Shop", href: "/shop" },
|
||||
{ label: "Products", href: "/products" },
|
||||
{ label: "Blog", href: "/blog" }
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Facebook", href: "https://www.facebook.com/balerochessclub" },
|
||||
{ label: "Instagram", href: "https://www.instagram.com/balerochessclub" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Balero Chess Club. All rights reserved."
|
||||
bottomRightText="Built with passion for chess."
|
||||
|
||||
Reference in New Issue
Block a user