bender/034ac594-f687-4d66-ac46-66bd9cd95846
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/shop/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-09 08:33:43 +00:00
parent 67d3a9e198
commit 9dd0e75c19
1 changed files with 50 additions and 127 deletions
Download Patch File Download Diff File Expand all files Collapse all files

177
src/app/shop/page.tsx
View File

@@ -7,7 +7,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
import ProductCardThree from '@/components/sections/product/ProductCardThree'; import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne'; import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
export default function LandingPage() { export default function ShopPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="elastic-effect" defaultButtonVariant="elastic-effect"
@@ -22,135 +22,58 @@ export default function LandingPage() {
headingFontWeight="normal" headingFontWeight="normal"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ { name: "Home", id: "/" },
name: "Home", { name: "Shop", id: "/shop" },
id: "/", { name: "About", id: "/about" },
}, { name: "Affiliate", id: "/affiliate" },
{ ]}
name: "Shop", brandName="Noor Arte"
id: "/shop", button={{ text: "Contact", href: "/affiliate" }}
}, />
{ </div>
name: "About",
id: "/about",
},
{
name: "Affiliate",
id: "/affiliate",
},
]}
brandName="Noor Arte"
/>
</div>
<div id="shop-list" data-section="shop-list"> <div id="shop-list" data-section="shop-list">
<ProductCardThree <ProductCardThree
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
gridVariant="four-items-2x2-equal-grid" gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ { id: "a1", name: "Persian Flower Ring", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/emerald-rings-hands_23-2151934147.jpg" },
id: "a1", { id: "a2", name: "Modern Ziggurat Pendant", price: "$135", imageSrc: "http://img.b2bpic.net/free-photo/front-view-holy-book-with-kippah-hamsa_23-2148629965.jpg" },
name: "Persian Flower Ring", { id: "a3", name: "Poetry Script Cuff", price: "$190", imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-man-accessories_1328-2270.jpg" },
price: "$85", { id: "a4", name: "Symbolism Drop Earrings", price: "$75", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-christmas-globes-with-ornaments_23-2148721334.jpg" },
imageSrc: "http://img.b2bpic.net/free-photo/emerald-rings-hands_23-2151934147.jpg", { id: "a5", name: "Royal Enamel Belt", price: "$295", imageSrc: "http://img.b2bpic.net/free-vector/coloured-mandala-design_1175-66.jpg" },
}, { id: "a6", name: "Artisanal Silver Links", price: "$160", imageSrc: "http://img.b2bpic.net/free-photo/wedding-glass-precious-gold-luxury-golden_1400-35.jpg" },
{ ]}
id: "a2", title="Jewelry Catalog"
name: "Modern Ziggurat Pendant", description="Explore our full range of handcrafted silver and enamel treasures."
price: "$135", />
imageSrc: "http://img.b2bpic.net/free-photo/front-view-holy-book-with-kippah-hamsa_23-2148629965.jpg", </div>
},
{
id: "a3",
name: "Poetry Script Cuff",
price: "$190",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-man-accessories_1328-2270.jpg",
},
{
id: "a4",
name: "Symbolism Drop Earrings",
price: "$75",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-christmas-globes-with-ornaments_23-2148721334.jpg",
},
{
id: "a5",
name: "Royal Enamel Belt",
price: "$295",
imageSrc: "http://img.b2bpic.net/free-vector/coloured-mandala-design_1175-66.jpg",
},
{
id: "a6",
name: "Artisanal Silver Links",
price: "$160",
imageSrc: "http://img.b2bpic.net/free-photo/wedding-glass-precious-gold-luxury-golden_1400-35.jpg",
},
]}
title="Jewelry Catalog"
description="Explore our full range of handcrafted silver and enamel treasures."
/>
</div>
<div id="socialProof" data-section="socialProof"> <div id="socialProof" data-section="socialProof">
<SocialProofOne <SocialProofOne
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
title="Featured In" title="Featured In"
description="Trusted by leading fashion curators." description="Trusted by leading fashion curators."
names={[ names={["Vogue Artisan", "Persian Style Digest", "Global Heritage Weekly", "Modern Jeweller Daily", "Cultural Trends"]}
"Vogue Artisan", />
"Persian Style Digest", </div>
"Global Heritage Weekly",
"Modern Jeweller Daily",
"Cultural Trends",
]}
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoEmphasis <FooterLogoEmphasis
columns={[ columns={[
{ { items: [{ label: "Shop All", href: "/shop" }, { label: "About", href: "/about" }, { label: "Affiliate", href: "/affiliate" }] },
items: [ { items: [{ label: "Terms", href: "/terms" }, { label: "Privacy", href: "/privacy" }, { label: "Shipping", href: "/shipping" }] },
{ ]}
label: "Shop All", logoText="Noor Arte"
href: "/shop", />
}, </div>
{
label: "About",
href: "/about",
},
{
label: "Affiliate",
href: "/affiliate",
},
],
},
{
items: [
{
label: "Terms",
href: "/terms",
},
{
label: "Privacy",
href: "/privacy",
},
{
label: "Shipping",
href: "/shipping",
},
],
},
]}
logoText="Noor Arte"
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }