bender/e852adbf-d720-42ba-99cd-e6a49720b7a0
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-03-20 00:17:54 +00:00
parent de221d3558
commit bc89d1b491
1 changed files with 29 additions and 139 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -22,8 +22,7 @@ export default function ProductsPage() {
const footerColumns = [
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/" },
{ label: "Our Products", href: "/products" },
{ label: "Careers", href: "#" },
@@ -31,8 +30,7 @@ export default function ProductsPage() {
],
},
{
title: "Services",
items: [
title: "Services", items: [
{ label: "Distribution", href: "#" },
{ label: "Logistics", href: "#" },
{ label: "Wholesale", href: "#" },
@@ -40,8 +38,7 @@ export default function ProductsPage() {
],
},
{
title: "Support",
items: [
title: "Support", items: [
{ label: "Contact Us", href: "/contact" },
{ label: "FAQ", href: "#" },
{ label: "Support Portal", href: "#" },
@@ -49,8 +46,7 @@ export default function ProductsPage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" },
@@ -77,9 +73,7 @@ export default function ProductsPage() {
brandName="Istaqbaal"
navItems={navItems}
button={{
text: "Get Started",
href: "/contact",
}}
text: "Get Started", href: "/contact"}}
/>
</div>
@@ -93,46 +87,24 @@ export default function ProductsPage() {
tagAnimation="slide-up"
buttons={[
{
text: "Browse All Products",
href: "/products",
},
text: "Browse All Products", href: "/products"},
{
text: "Request a Quote",
href: "/contact",
},
text: "Request a Quote", href: "/contact"},
]}
buttonAnimation="blur-reveal"
carouselItems={[
{
id: "carousel-1",
imageSrc: "http://img.b2bpic.net/free-photo/diverse-team-business-owners-packing-order-shipping-using-cardboard-boxes-merchandise-man-woman-working-supply-chain-logistics-quality-control-handheld-shot_482257-63936.jpg?_wi=2",
imageAlt: "Product distribution and logistics",
},
id: "carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/diverse-team-business-owners-packing-order-shipping-using-cardboard-boxes-merchandise-man-woman-working-supply-chain-logistics-quality-control-handheld-shot_482257-63936.jpg", imageAlt: "Product distribution and logistics"},
{
id: "carousel-2",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-supermarket-grocery-store-background_640221-331.jpg?_wi=3",
imageAlt: "Consumer goods marketplace",
},
id: "carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-supermarket-grocery-store-background_640221-331.jpg", imageAlt: "Consumer goods marketplace"},
{
id: "carousel-3",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-medical-elements-composition-with-copy-space_23-2148502907.jpg?_wi=3",
imageAlt: "Healthcare and pharmaceutical products",
},
id: "carousel-3", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-medical-elements-composition-with-copy-space_23-2148502907.jpg", imageAlt: "Healthcare and pharmaceutical products"},
{
id: "carousel-4",
imageSrc: "http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309690.jpg?_wi=3",
imageAlt: "Office and tech products",
},
id: "carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309690.jpg", imageAlt: "Office and tech products"},
{
id: "carousel-5",
imageSrc: "http://img.b2bpic.net/free-photo/businesspeople-working-office_1139-254.jpg?_wi=2",
imageAlt: "Business solutions and services",
},
id: "carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/businesspeople-working-office_1139-254.jpg", imageAlt: "Business solutions and services"},
{
id: "carousel-6",
imageSrc: "http://img.b2bpic.net/free-photo/employees-working-warehouse_23-2148923075.jpg?_wi=3",
imageAlt: "Warehouse and inventory management",
},
id: "carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/employees-working-warehouse_23-2148923075.jpg", imageAlt: "Warehouse and inventory management"},
]}
autoPlay={true}
autoPlayInterval={5000}
@@ -149,9 +121,7 @@ export default function ProductsPage() {
tagAnimation="opacity"
buttons={[
{
text: "View All Products",
href: "/products",
},
text: "View All Products", href: "/products"},
]}
buttonAnimation="slide-up"
textboxLayout="default"
@@ -160,26 +130,11 @@ export default function ProductsPage() {
animationType="slide-up"
products={[
{
id: "product-cat-1",
name: "Consumer Goods",
price: "Wholesale Available",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-supermarket-grocery-store-background_640221-331.jpg?_wi=4",
imageAlt: "Consumer goods and packaged products",
},
id: "product-cat-1", name: "Consumer Goods", price: "Wholesale Available", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-supermarket-grocery-store-background_640221-331.jpg", imageAlt: "Consumer goods and packaged products"},
{
id: "product-cat-2",
name: "Industrial Equipment",
price: "Custom Pricing",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-medical-elements-composition-with-copy-space_23-2148502907.jpg?_wi=4",
imageAlt: "Industrial equipment and machinery",
},
id: "product-cat-2", name: "Industrial Equipment", price: "Custom Pricing", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-medical-elements-composition-with-copy-space_23-2148502907.jpg", imageAlt: "Industrial equipment and machinery"},
{
id: "product-cat-3",
name: "Specialty Products",
price: "Bulk Discounts",
imageSrc: "http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309690.jpg?_wi=4",
imageAlt: "Specialty and premium products",
},
id: "product-cat-3", name: "Specialty Products", price: "Bulk Discounts", imageSrc: "http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309690.jpg", imageAlt: "Specialty and premium products"},
]}
/>
</div>
@@ -193,34 +148,20 @@ export default function ProductsPage() {
tagAnimation="slide-up"
buttons={[
{
text: "Learn More About Quality",
href: "/contact",
},
text: "Learn More About Quality", href: "/contact"},
]}
buttonAnimation="blur-reveal"
accordionItems={[
{
id: "feature-1",
title: "Premium Quality Standards",
content: "All our products undergo rigorous quality checks and comply with international standards. We partner with verified manufacturers and suppliers to ensure consistent excellence.",
},
id: "feature-1", title: "Premium Quality Standards", content: "All our products undergo rigorous quality checks and comply with international standards. We partner with verified manufacturers and suppliers to ensure consistent excellence."},
{
id: "feature-2",
title: "Competitive Pricing",
content: "Leverage our bulk purchasing power and streamlined operations. We offer competitive wholesale rates without compromising on quality or service standards.",
},
id: "feature-2", title: "Competitive Pricing", content: "Leverage our bulk purchasing power and streamlined operations. We offer competitive wholesale rates without compromising on quality or service standards."},
{
id: "feature-3",
title: "Wide Variety",
content: "From consumer goods to industrial equipment, our portfolio spans multiple categories. We continuously expand our product range to meet evolving market demands.",
},
id: "feature-3", title: "Wide Variety", content: "From consumer goods to industrial equipment, our portfolio spans multiple categories. We continuously expand our product range to meet evolving market demands."},
{
id: "feature-4",
title: "Reliable Supply Chain",
content: "Our optimized distribution network with real-time tracking ensures products reach your location on time with minimal handling and maximum care.",
},
id: "feature-4", title: "Reliable Supply Chain", content: "Our optimized distribution network with real-time tracking ensures products reach your location on time with minimal handling and maximum care."},
]}
imageSrc="http://img.b2bpic.net/free-photo/employees-working-warehouse_23-2148923075.jpg?_wi=4"
imageSrc="http://img.b2bpic.net/free-photo/employees-working-warehouse_23-2148923075.jpg"
imageAlt="Advanced warehouse and product management"
mediaAnimation="slide-up"
useInvertedBackground={false}
@@ -240,29 +181,13 @@ export default function ProductsPage() {
animationType="scale-rotate"
metrics={[
{
id: "metric-1",
value: "500+",
title: "Products in Catalog",
description: "Across multiple industry sectors and categories",
},
id: "metric-1", value: "500+", title: "Products in Catalog", description: "Across multiple industry sectors and categories", videoSrc: "https://example.com/video1.mp4", videoAriaLabel: "Products catalog video"},
{
id: "metric-2",
value: "99.2%",
title: "Quality Compliance",
description: "All products meet international standards",
},
id: "metric-2", value: "99.2%", title: "Quality Compliance", description: "All products meet international standards", videoSrc: "https://example.com/video2.mp4", videoAriaLabel: "Quality compliance video"},
{
id: "metric-3",
value: "50+",
title: "Supplier Partners",
description: "Verified manufacturers worldwide",
},
id: "metric-3", value: "50+", title: "Supplier Partners", description: "Verified manufacturers worldwide", videoSrc: "https://example.com/video3.mp4", videoAriaLabel: "Supplier partners video"},
{
id: "metric-4",
value: "24/7",
title: "Order Support",
description: "Dedicated product specialists available",
},
id: "metric-4", value: "24/7", title: "Order Support", description: "Dedicated product specialists available", videoSrc: "https://example.com/video4.mp4", videoAriaLabel: "Order support video"},
]}
/>
</div>
@@ -277,44 +202,9 @@ export default function ProductsPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Enterprise Corp",
"Retail Solutions",
"Tech Industries",
"Manufacturing Pro",
"Logistics Plus",
"Commerce Hub",
"Finance Partners",
]}
"Enterprise Corp", "Retail Solutions", "Tech Industries", "Manufacturing Pro", "Logistics Plus", "Commerce Hub", "Finance Partners"]}
logos={[
{
src: "http://img.b2bpic.net/free-vector/abstract-colorful-floral-shape-with-logo_1035-8982.jpg",
alt: "Enterprise Corp",
},
{
src: "http://img.b2bpic.net/free-vector/colorful-set-labor-day-labels_23-2147658136.jpg",
alt: "Retail Solutions",
},
{
src: "http://img.b2bpic.net/free-vector/technological-logo-design_1424-39.jpg",
alt: "Tech Industries",
},
{
src: "http://img.b2bpic.net/free-vector/gradient-mechanical-engineering-logo-template_23-2149999399.jpg",
alt: "Manufacturing Pro",
},
{
src: "http://img.b2bpic.net/free-vector/blue-circular-abstract-logo_1043-69.jpg",
alt: "Logistics Plus",
},
{
src: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe_1157-32400.jpg",
alt: "Commerce Hub",
},
{
src: "http://img.b2bpic.net/free-vector/gradient-accounting-logo-template_23-2148857284.jpg",
alt: "Finance Partners",
},
]}
"http://img.b2bpic.net/free-vector/abstract-colorful-floral-shape-with-logo_1035-8982.jpg", "http://img.b2bpic.net/free-vector/colorful-set-labor-day-labels_23-2147658136.jpg", "http://img.b2bpic.net/free-vector/technological-logo-design_1424-39.jpg", "http://img.b2bpic.net/free-vector/gradient-mechanical-engineering-logo-template_23-2149999399.jpg", "http://img.b2bpic.net/free-vector/blue-circular-abstract-logo_1043-69.jpg", "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe_1157-32400.jpg", "http://img.b2bpic.net/free-vector/gradient-accounting-logo-template_23-2148857284.jpg"]}
showCard={true}
speed={40}
/>