bender/b125ea94-6ed0-4e6f-b591-c7c5e6be4d49
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 10:48:52 +00:00
parent 3805ab5962
commit 3a9999a491
1 changed files with 36 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -6,105 +6,49 @@ import FooterBase from '@/components/sections/footer/FooterBase';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
export default function LandingPage() {
export default function ShopPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Shop",
id: "/shop",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="Sweet Temptation"
/>
</div>
<div id="product-catalog" data-section="product-catalog">
<ProductCatalog
layout="page"
products={[
{
id: "1",
name: "Luxe Lace Bralette",
price: "$89",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/lingerie-set-on-a-clean-soft-background--1774608480054-6a6077dc.png?_wi=2",
imageAlt: "Lingerie set on a clean, soft background",
},
{
id: "2",
name: "Silk Comfort Shapewear",
price: "$65",
rating: 4,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/comfortable-shapewear-piece-modern-displ-1774608478965-7c91f17a.png?_wi=2",
imageAlt: "Comfortable shapewear piece, modern display",
},
{
id: "3",
name: "Signature Thong Set",
price: "$45",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/delicate-thongs-and-panties-set-aestheti-1774608479170-ecc1d1e8.png?_wi=2",
imageAlt: "Delicate thongs and panties set",
},
]}
searchPlaceholder="Search for your perfect fit..."
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Shop",
items: [
{
label: "New Arrivals",
href: "/shop",
},
{
label: "Best Sellers",
href: "/shop",
},
],
},
{
title: "Support",
items: [
{
label: "Contact Us",
href: "/contact",
},
{
label: "Shipping Info",
href: "/about",
},
],
},
]}
logoText="Sweet Temptation"
copyrightText="© 2025 Sweet Temptation | Premium Lingerie for Confidence"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]}
brandName="Sweet Temptation"
button={{ text: "Contact Us", href: "/contact" }}
/>
</div>
<div id="product-catalog" data-section="product-catalog">
<ProductCatalog
layout="page"
products={[
{ id: "1", name: "Luxe Lace Bralette", price: "$89", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/lingerie-set-on-a-clean-soft-background--1774608480054-6a6077dc.png", imageAlt: "Lingerie set on a clean, soft background" },
{ id: "2", name: "Silk Comfort Shapewear", price: "$65", rating: 4, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/comfortable-shapewear-piece-modern-displ-1774608478965-7c91f17a.png", imageAlt: "Comfortable shapewear piece, modern display" },
{ id: "3", name: "Signature Thong Set", price: "$45", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/delicate-thongs-and-panties-set-aestheti-1774608479170-ecc1d1e8.png", imageAlt: "Delicate thongs and panties set" }
]}
searchPlaceholder="Search for your perfect fit..."
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{ title: "Shop", items: [{ label: "New Arrivals", href: "/shop" }, { label: "Best Sellers", href: "/shop" }] },
{ title: "Support", items: [{ label: "Contact Us", href: "/contact" }, { label: "Shipping Info", href: "/about" }] }
]}
logoText="Sweet Temptation"
copyrightText="© 2025 Sweet Temptation | Premium Lingerie for Confidence"
/>
</div>
</ReactLenis>
</ThemeProvider>
);