Update src/app/shop/[id]/page.tsx
This commit is contained in:
@@ -66,6 +66,23 @@ export default function ProductPage({ params }: ProductPageProps) {
|
||||
await checkout(getCheckoutItems(), { successUrl: currentUrl.toString() });
|
||||
}, [cartItems, checkout, getCheckoutItems]);
|
||||
|
||||
const navItems = [
|
||||
{ name: 'Home', id: '/' },
|
||||
{ name: 'About', id: '/about' },
|
||||
{ name: 'Features', id: '/#features' },
|
||||
{ name: 'Showcase', id: '/#product' },
|
||||
{ name: 'News', id: '/blog' },
|
||||
{ name: 'Shop', id: '/shop' },
|
||||
{ name: 'Team', id: '/#team' },
|
||||
{ name: 'Contact', id: '/#contact' }
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{ items: [{ label: 'About Us', href: '/about' }, { label: 'Features', href: '#features' }, { label: 'News', href: '/blog' }] },
|
||||
{ items: [{ label: 'Community', href: '#product' }, { label: 'Team', href: '#team' }, { label: 'FAQ', href: '#faq' }] },
|
||||
{ items: [{ label: 'Contact', href: '#contact' }, { label: 'Privacy Policy', href: '#' }, { label: 'Terms of Service', href: '#' }] }
|
||||
];
|
||||
|
||||
if (isLoading) {
|
||||
return (
|
||||
<ThemeProvider
|
||||
@@ -84,16 +101,7 @@ export default function ProductPage({ params }: ProductPageProps) {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Star Wars Fan Club"
|
||||
navItems={[
|
||||
{ name: 'Home', id: '/' },
|
||||
{ name: 'About', id: '/#about' },
|
||||
{ name: 'Features', id: '/#features' },
|
||||
{ name: 'Showcase', id: '/#product' },
|
||||
{ name: 'News', id: '/blog' },
|
||||
{ name: 'Shop', id: '/shop' },
|
||||
{ name: 'Team', id: '/#team' },
|
||||
{ name: 'Contact', id: '/#contact' }
|
||||
]}
|
||||
navItems={navItems}
|
||||
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
|
||||
/>
|
||||
</div>
|
||||
@@ -123,16 +131,7 @@ export default function ProductPage({ params }: ProductPageProps) {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Star Wars Fan Club"
|
||||
navItems={[
|
||||
{ name: 'Home', id: '/' },
|
||||
{ name: 'About', id: '/#about' },
|
||||
{ name: 'Features', id: '/#features' },
|
||||
{ name: 'Showcase', id: '/#product' },
|
||||
{ name: 'News', id: '/blog' },
|
||||
{ name: 'Shop', id: '/shop' },
|
||||
{ name: 'Team', id: '/#team' },
|
||||
{ name: 'Contact', id: '/#contact' }
|
||||
]}
|
||||
navItems={navItems}
|
||||
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
|
||||
/>
|
||||
</div>
|
||||
@@ -169,16 +168,7 @@ export default function ProductPage({ params }: ProductPageProps) {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Star Wars Fan Club"
|
||||
navItems={[
|
||||
{ name: 'Home', id: '/' },
|
||||
{ name: 'About', id: '/#about' },
|
||||
{ name: 'Features', id: '/#features' },
|
||||
{ name: 'Showcase', id: '/#product' },
|
||||
{ name: 'News', id: '/blog' },
|
||||
{ name: 'Shop', id: '/shop' },
|
||||
{ name: 'Team', id: '/#team' },
|
||||
{ name: 'Contact', id: '/#contact' }
|
||||
]}
|
||||
navItems={navItems}
|
||||
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
|
||||
/>
|
||||
</div>
|
||||
@@ -220,11 +210,7 @@ export default function ProductPage({ params }: ProductPageProps) {
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: 'About Us', href: '#about' }, { label: 'Features', href: '#features' }, { label: 'News', href: '/blog' }] },
|
||||
{ items: [{ label: 'Community', href: '#product' }, { label: 'Team', href: '#team' }, { label: 'FAQ', href: '#faq' }] },
|
||||
{ items: [{ label: 'Contact', href: '#contact' }, { label: 'Privacy Policy', href: '#' }, { label: 'Terms of Service', href: '#' }] }
|
||||
]}
|
||||
columns={footerColumns}
|
||||
logoText="Star Wars Fan Club"
|
||||
containerClassName="bg-background-accent text-foreground"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user