bender/67b2eb3e-19f2-43b9-a195-1c1e020f06ff
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/collections/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-30 09:45:48 +00:00
parent af0eeda8b5
commit d7cb08d1dd
1 changed files with 23 additions and 113 deletions
Download Patch File Download Diff File Expand all files Collapse all files

136
src/app/collections/page.tsx
View File

@@ -7,126 +7,36 @@ import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
export default function LandingPage() {
export default function CollectionsPage() {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Collections",
id: "/collections",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="Fashion Artist"
/>
</div>
<div id="collections-body" data-section="collections-body">
<ProductCardOne
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={false}
products={[
{
id: "c1",
name: "Spring/Summer Avant-Garde",
price: "View Details",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-gorgeous-girl-lace-dress-bending-backward_7502-9033.jpg?_wi=2",
},
{
id: "c2",
name: "Autumn/Winter Sustainable Luxury",
price: "View Details",
imageSrc: "http://img.b2bpic.net/free-photo/view-woman-wearing-stylish-fedora-hat_23-2150711559.jpg?_wi=2",
},
{
id: "c3",
name: "Artisan Capsule Collection",
price: "View Details",
imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-blackboard_329181-18092.jpg?_wi=2",
},
]}
title="All Collections"
description="Explore our full range of designs."
/>
</div>
<div id="metric" data-section="metric">
<MetricCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Quality Standards"
description="Our commitment to excellence in every stitch."
metrics={[
{
id: "q1",
value: "100+",
description: "Unique Designs",
},
{
id: "q2",
value: "50+",
description: "Sustainable Materials",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Collections",
href: "/collections",
},
{
label: "About",
href: "/about",
},
{
label: "Contact",
href: "/contact",
},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
logoText="FASHION ARTIST"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[{ name: "Home", id: "/" }, { name: "Collections", id: "/collections" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]}
brandName="Fashion Artist"
/>
</div>
<div id="collections-body" data-section="collections-body">
<ProductCardOne animationType="slide-up" textboxLayout="default" gridVariant="bento-grid" useInvertedBackground={false} products={[{ id: "c1", name: "Spring/Summer Avant-Garde", price: "View Details", imageSrc: "http://img.b2bpic.net/free-photo/side-view-gorgeous-girl-lace-dress-bending-backward_7502-9033.jpg" }, { id: "c2", name: "Autumn/Winter Sustainable Luxury", price: "View Details", imageSrc: "http://img.b2bpic.net/free-photo/view-woman-wearing-stylish-fedora-hat_23-2150711559.jpg" }, { id: "c3", name: "Artisan Capsule Collection", price: "View Details", imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-blackboard_329181-18092.jpg" }]} title="All Collections" description="Explore our full range of designs." />
</div>
<div id="metric" data-section="metric">
<MetricCardTwo animationType="slide-up" textboxLayout="default" gridVariant="uniform-all-items-equal" useInvertedBackground={false} title="Quality Standards" description="Our commitment to excellence in every stitch." metrics={[{ id: "q1", value: "100+", description: "Unique Designs" }, { id: "q2", value: "50+", description: "Sustainable Materials" }]} />
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis columns={[{ items: [{ label: "Collections", href: "/collections" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }, { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }]} logoText="FASHION ARTIST" />
</div>
</ReactLenis>
</ThemeProvider>
);