bender/8895a0fd-e91f-49ff-89fe-19d43ca16f40
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/shop/[id]/page.tsx

Browse Source
This commit is contained in:
bender
2026-02-24 09:36:27 +00:00
parent e1268c5f19
commit 797dcf6033
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/app/shop/[id]/page.tsx
View File

@@ -8,13 +8,12 @@ import SplitAbout from '@/components/sections/about/SplitAbout';
import { useProductDetail } from "@/hooks/useProductDetail"; import { useProductDetail } from "@/hooks/useProductDetail";
import { DollarSign, Package, CheckCircle } from 'lucide-react'; import { DollarSign, Package, CheckCircle } from 'lucide-react';
const navItemsForSubPages = [ const standardNavItems = [
{ name: "Home", id: "/" }, { name: "Home", id: "/" },
{ name: "Products", id: "/products" }, { name: "Products", id: "/products" }, { name: "About", id: "/#about" },
{ name: "About", id: "/#about" },
{ name: "Testimonials", id: "/#testimonials" }, { name: "Testimonials", id: "/#testimonials" },
{ name: "FAQs", id: "/#faqs" }, { name: "FAQs", id: "/#faqs" },
{ name: "Contact", id: "/#contact" }, { name: "Contact", id: "/#contact" }
]; ];
interface ProductPageProps { interface ProductPageProps {
@@ -44,7 +43,7 @@ function ProductPageContent({ params }: ProductPageProps) {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
brandName="Nano Mango" brandName="Nano Mango"
navItems={navItemsForSubPages} navItems={standardNavItems}
button={{ text: "Back to Shop", href: "/shop" }} button={{ text: "Back to Shop", href: "/shop" }}
buttonClassName="shadow-lg" buttonClassName="shadow-lg"
navItemClassName="text-foreground/80 hover:text-foreground" navItemClassName="text-foreground/80 hover:text-foreground"
@@ -75,7 +74,7 @@ function ProductPageContent({ params }: ProductPageProps) {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
brandName="Nano Mango" brandName="Nano Mango"
navItems={navItemsForSubPages} navItems={standardNavItems}
button={{ text: "Back to Shop", href: "/shop" }} button={{ text: "Back to Shop", href: "/shop" }}
buttonClassName="shadow-lg" buttonClassName="shadow-lg"
navItemClassName="text-foreground/80 hover:text-foreground" navItemClassName="text-foreground/80 hover:text-foreground"
@@ -113,7 +112,7 @@ function ProductPageContent({ params }: ProductPageProps) {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
brandName="Nano Mango" brandName="Nano Mango"
navItems={navItemsForSubPages} navItems={standardNavItems}
button={{ text: "Back to Shop", href: "/shop" }} button={{ text: "Back to Shop", href: "/shop" }}
buttonClassName="shadow-lg" buttonClassName="shadow-lg"
navItemClassName="text-foreground/80 hover:text-foreground" navItemClassName="text-foreground/80 hover:text-foreground"
@@ -134,7 +133,8 @@ function ProductPageContent({ params }: ProductPageProps) {
{ title: "SKU", description: meta.sku || 'N/A', icon: Package }, { title: "SKU", description: meta.sku || 'N/A', icon: Package },
{ title: "Status", description: meta.inventoryStatus || 'Available', icon: CheckCircle }, { title: "Status", description: meta.inventoryStatus || 'Available', icon: CheckCircle },
]} ]}
buttons={[{ text: "Explore More Products", href: "/shop" }]} buttons={[{ text: "Explore More Products", href: "/shop" }]
}
/> />
</div> </div>
</ThemeProvider> </ThemeProvider>