bender/7a5d4d29-8a77-47cb-9458-76cae3dd2abf
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-03-27 12:44:11 +00:00
parent 7f018423e5
commit c7d260fe04
1 changed files with 76 additions and 124 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -6,7 +6,7 @@ import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
export default function LandingPage() {
export default function ShopPage() {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
@@ -21,132 +21,84 @@ export default function LandingPage() {
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Shop",
id: "/shop",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="Sweet Temptation"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Home", id: "/" },
{ name: "Shop", id: "/shop" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
brandName="Sweet Temptation"
/>
</div>
<div id="shop-page" data-section="shop-page">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={false}
products={[
{
id: "s1",
name: "Floral Lace Bra",
price: "$45",
imageSrc: "https://pixabay.com/get/gf0b8170eeb9af385c73df1d438e030743d04a381e9df2a9bcb6356df880bca33df256a277ef08e073e1929c04be67724d0a0d97d2cc2b0cbd5132cb995044ba0_1280.jpg?_wi=2",
},
{
id: "s2",
name: "High Waist Panty",
price: "$20",
imageSrc: "https://pixabay.com/get/g55e248fcf1da3a37e1fb1929f6b9015c5bcd32c100884205ff1c09ac116a6666712017a956bcc84931c63c2f13a334b8bfa3a6660c0b151dabaab00c3f1eb22d_1280.jpg?_wi=2",
},
{
id: "s3",
name: "Seamless Shapewear",
price: "$55",
imageSrc: "https://pixabay.com/get/g7883a72ae2f03f49a8198abb06d14f41ad62b8d94a7806008f39b952e34203817d732e23485e230904ebae3f06f42198_1280.jpg?_wi=2",
},
]}
title="Our Collection"
description="Discover our curated selection of lingerie."
/>
</div>
<div id="shop-page" data-section="shop-page">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={false}
title="Our Collection"
description="Discover our luxury selection."
products={[
{
id: "s1", name: "Floral Lace Bra", price: "$45", imageSrc: "https://pixabay.com/get/gf0b8170eeb9af385c73df1d438e030743d04a381e9df2a9bcb6356df880bca33df256a277ef08e073e1929c04be67724d0a0d97d2cc2b0cbd5132cb995044ba0_1280.jpg"
},
{
id: "s2", name: "High Waist Panty", price: "$20", imageSrc: "https://pixabay.com/get/g55e248fcf1da3a37e1fb1929f6b9015c5bcd32c100884205ff1c09ac116a6666712017a956bcc84931c63c2f13a334b8bfa3a6660c0b151dabaab00c3f1eb22d_1280.jpg"
},
{
id: "s3", name: "Seamless Shapewear", price: "$55", imageSrc: "https://pixabay.com/get/g7883a72ae2f03f49a8198abb06d14f41ad62b8d94a7806008f39b952e34203817d732e23485e230904ebae3f06f42198_1280.jpg"
}
]}
/>
</div>
<div id="product" data-section="product">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Our Collection"
description="Explore our full range of luxury lingerie items."
products={[
{
id: "s1",
name: "Floral Lace Bra",
price: "$45",
imageSrc: "https://pixabay.com/get/gf0b8170eeb9af385c73df1d438e030743d04a381e9df2a9bcb6356df880bca33df256a277ef08e073e1929c04be67724d0a0d97d2cc2b0cbd5132cb995044ba0_1280.jpg?_wi=3",
},
{
id: "s2",
name: "High Waist Panty",
price: "$20",
imageSrc: "https://pixabay.com/get/g55e248fcf1da3a37e1fb1929f6b9015c5bcd32c100884205ff1c09ac116a6666712017a956bcc84931c63c2f13a334b8bfa3a6660c0b151dabaab00c3f1eb22d_1280.jpg?_wi=3",
},
{
id: "s3",
name: "Seamless Shapewear",
price: "$55",
imageSrc: "https://pixabay.com/get/g7883a72ae2f03f49a8198abb06d14f41ad62b8d94a7806008f39b952e34203817d732e23485e230904ebae3f06f42198_1280.jpg?_wi=3",
},
]}
/>
</div>
<div id="product" data-section="product">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Our Collection"
description="Explore our full range of luxury lingerie items."
products={[
{
id: "s1", name: "Floral Lace Bra", price: "$45", imageSrc: "https://pixabay.com/get/gf0b8170eeb9af385c73df1d438e030743d04a381e9df2a9bcb6356df880bca33df256a277ef08e073e1929c04be67724d0a0d97d2cc2b0cbd5132cb995044ba0_1280.jpg"
},
{
id: "s2", name: "High Waist Panty", price: "$20", imageSrc: "https://pixabay.com/get/g55e248fcf1da3a37e1fb1929f6b9015c5bcd32c100884205ff1c09ac116a6666712017a956bcc84931c63c2f13a334b8bfa3a6660c0b151dabaab00c3f1eb22d_1280.jpg"
},
{
id: "s3", name: "Seamless Shapewear", price: "$55", imageSrc: "https://pixabay.com/get/g7883a72ae2f03f49a8198abb06d14f41ad62b8d94a7806008f39b952e34203817d732e23485e230904ebae3f06f42198_1280.jpg"
}
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Shop",
href: "/shop",
},
{
label: "About Us",
href: "/about",
},
{
label: "Contact",
href: "/contact",
},
],
},
{
items: [
{
label: "FAQ",
href: "/faq",
},
{
label: "Privacy",
href: "#",
},
{
label: "Shipping",
href: "#",
},
],
},
]}
logoText="Sweet Temptation"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{ label: "Shop", href: "/shop" },
{ label: "About Us", href: "/about" },
{ label: "Contact", href: "/contact" },
],
},
{
items: [
{ label: "FAQ", href: "/about" },
{ label: "Privacy", href: "#" },
{ label: "Shipping", href: "#" },
],
},
]}
logoText="Sweet Temptation"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}