bender/5b7bc894-8dd8-454a-b4c8-a55d8df53876
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/products/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-11 16:25:04 +00:00
parent b9206f95b9
commit bdb3798ba6
1 changed files with 46 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

106
src/app/products/page.tsx
View File

@@ -2,10 +2,9 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import FooterSimple from '@/components/sections/footer/FooterSimple';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import ProductCardFour from '@/components/sections/product/ProductCardFour'; import ProductCardFour from '@/components/sections/product/ProductCardFour';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
export default function ProductsPage() { export default function ProductsPage() {
return ( return (
@@ -22,66 +21,53 @@ export default function ProductsPage() {
headingFontWeight="extrabold" headingFontWeight="extrabold"
> >
<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", id: "/" },
{ name: "Products", id: "/products" }, { name: "Products", id: "/products" },
{ name: "About Us", id: "/about" }, { name: "About Us", id: "/about" },
{ name: "Contact", id: "/contact" }, { name: "Contact", id: "/contact" },
]} ]}
brandName="WorkNest Interiors" brandName="WorkNest Interiors"
button={{ text: "Contact Now", href: "/contact" }} button={{ text: "Contact Now", href: "/contact" }}
/> />
</div> </div>
<div id="product-list" data-section="product-list"> <div id="products" data-section="products">
<ProductCardOne <ProductCardFour
animationType="slide-up" title="Our Products"
textboxLayout="default" description="Browse our collection of premium, ergonomic furniture solutions."
gridVariant="three-columns-all-equal-width" useInvertedBackground={false}
useInvertedBackground={false} animationType="slide-up"
products={[ gridVariant="four-items-2x2-equal-grid"
{ id: "p1", name: "Ergo Desk Pro", price: "₹10,91,500 Revenue", imageSrc: "http://img.b2bpic.net/free-photo/working-from-home-ergonomic-workstation_23-2149132302.jpg" }, textboxLayout="default"
{ id: "p2", name: "Air Mesh Chair", price: "67 Units Sold", imageSrc: "http://img.b2bpic.net/free-photo/still-life-office-chair-indoors_23-2151108732.jpg" }, products={[
{ id: "p3", name: "Monitor Riser", price: "144 Units Sold", imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913288.jpg" }, {
{ id: "p4", name: "Cable Organizer", price: "Essential", imageSrc: "http://img.b2bpic.net/free-photo/working-place-designer-closeup_93675-131355.jpg" }, id: "1", name: "Ergo-Mesh Pro", price: "₹14,999", variant: "Black", imageSrc: "http://img.b2bpic.net/free-photo/black-red-round-chairs-close-up_250224-172.jpg"
{ id: "p5", name: "StandDesk Elite", price: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/working-from-home-ergonomic-workstation_23-2149132314.jpg" }, },
{ id: "p6", name: "Lumbar Support", price: "Seating", imageSrc: "http://img.b2bpic.net/free-photo/still-life-office-chair-indoors_23-2151108704.jpg" }, {
]} id: "2", name: "Rise-Desk Standard", price: "₹28,500", variant: "Oak Finish", imageSrc: "http://img.b2bpic.net/free-photo/working-from-home-ergonomic-workstation_23-2149132309.jpg"
title="Ergonomic Catalogue" },
description="Premium selections for the modern workspace." {
/> id: "3", name: "Lumbar Support Plus", price: "₹3,499", variant: "Gray", imageSrc: "http://img.b2bpic.net/free-photo/keyboard-surrounded-by-colorful-stationery_23-2148319726.jpg"
</div> }
]}
/>
</div>
<div id="product" data-section="product"> <div id="footer" data-section="footer">
<ProductCardFour <FooterSimple
animationType="slide-up" columns={[
textboxLayout="default" { title: "Brand", items: [{ label: "WorkNest Interiors", href: "/" }] },
gridVariant="uniform-all-items-equal" { title: "Navigation", items: [{ label: "Products", href: "/products" }, { label: "About Us", href: "/about" }] },
useInvertedBackground={false} { title: "Get In Touch", items: [{ label: "info@worknest.in", href: "mailto:info@worknest.in" }] },
title="Best Sellers" ]}
description="Our most trusted ergonomic gear." bottomLeftText="© 2024 WorkNest Interiors. All rights reserved."
products={[ bottomRightText="Bangalore, India"
{ id: "feat-1", name: "ProMesh Chair", price: "₹15,000", variant: "Black", imageSrc: "http://img.b2bpic.net/free-photo/still-life-office-chair-indoors_23-2151108725.jpg" }, />
{ id: "feat-2", name: "Minimalist Desk", price: "₹22,000", variant: "White Oak", imageSrc: "http://img.b2bpic.net/free-photo/modern-small-chair-with-blue-cushion-it-room_181624-44108.jpg" }, </div>
{ id: "feat-3", name: "Task Lamp", price: "₹4,000", variant: "Matte", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797749.jpg?_wi=2" },
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "Brand", items: [{ label: "WorkNest Interiors", href: "/" }] },
{ title: "Navigation", items: [{ label: "Products", href: "/products" }, { label: "About Us", href: "/about" }] },
{ title: "Get In Touch", items: [{ label: "info@worknest.in", href: "mailto:info@worknest.in" }] },
]}
bottomLeftText="© 2024 WorkNest Interiors. All rights reserved."
bottomRightText="Bangalore, India"
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }