Update src/app/products/page.tsx
This commit is contained in:
@@ -2,10 +2,9 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
|
||||
export default function ProductsPage() {
|
||||
return (
|
||||
@@ -22,66 +21,53 @@ export default function ProductsPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Products", id: "/products" },
|
||||
{ name: "About Us", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="WorkNest Interiors"
|
||||
button={{ text: "Contact Now", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Products", id: "/products" },
|
||||
{ name: "About Us", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="WorkNest Interiors"
|
||||
button={{ text: "Contact Now", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product-list" data-section="product-list">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ 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" },
|
||||
{ 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" },
|
||||
{ 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: "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" },
|
||||
]}
|
||||
title="Ergonomic Catalogue"
|
||||
description="Premium selections for the modern workspace."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
title="Our Products"
|
||||
description="Browse our collection of premium, ergonomic furniture solutions."
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
textboxLayout="default"
|
||||
products={[
|
||||
{
|
||||
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: "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"
|
||||
},
|
||||
{
|
||||
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 id="product" data-section="product">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Best Sellers"
|
||||
description="Our most trusted ergonomic gear."
|
||||
products={[
|
||||
{ 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" },
|
||||
{ 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>
|
||||
<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>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user