Update src/app/products/page.tsx

This commit is contained in:
2026-03-03 08:35:26 +00:00
parent 0db2abae45
commit 1415730e5e

View File

@@ -3,7 +3,6 @@
import Link from "next/link"; import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple"; import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven"; import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo"; import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import ContactSplit from "@/components/sections/contact/ContactSplit"; import ContactSplit from "@/components/sections/contact/ContactSplit";
@@ -15,7 +14,7 @@ const navItems = [
{ name: "Products", id: "/products" }, { name: "Products", id: "/products" },
{ name: "Applications", id: "/applications" }, { name: "Applications", id: "/applications" },
{ name: "About", id: "/about" }, { name: "About", id: "/about" },
{ name: "Contact", id: "/contact" }, { name: "Contact", id: "/contact" }
]; ];
export default function ProductsPage() { export default function ProductsPage() {
@@ -36,94 +35,81 @@ export default function ProductsPage() {
<NavbarStyleApple brandName="RADHE MARKETING" navItems={navItems} /> <NavbarStyleApple brandName="RADHE MARKETING" navItems={navItems} />
</div> </div>
<div id="hero" data-section="hero"> <div id="product-categories" data-section="product-categories">
<HeroCarouselLogo
logoText="PRODUCTS"
description="Complete Range of Industrial Wheels & Castors for Every Application"
buttons={[
{ text: "Request Quote", href: "/contact" },
{ text: "View Categories", href: "#products-categories" },
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-heavy-industrial-crane-mechanism_632498-60873.jpg?_wi=1", imageAlt: "Heavy duty industrial wheels"},
{
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-bike-pieces_23-2148932626.jpg?_wi=1", imageAlt: "Professional castor wheels"},
{
imageSrc: "http://img.b2bpic.net/free-photo/closeup-walker_53876-20434.jpg?_wi=1", imageAlt: "Light duty hospital wheels"},
]}
autoplayDelay={4000}
showDimOverlay={true}
ariaLabel="Products Hero Section"
/>
</div>
<div id="products-categories" data-section="products-categories">
<FeatureCardTwentySeven <FeatureCardTwentySeven
title="Product Catalog" title="Complete Wheel Solutions"
description="Comprehensive collection of industrial wheels categorized by application and load capacity" description="Explore our full range of industrial wheels, castor wheels, and trolley solutions designed for every application"
tag="All Products" tag="Product Catalog"
features={[ features={[
{ {
id: "heavy-duty", title: "Heavy Duty Castor Wheels", description: "Maximum load capacity wheels engineered for demanding industrial environments including factories, foundries, and heavy machinery.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-heavy-industrial-crane-mechanism_632498-60873.jpg?_wi=1", imageAlt: "Heavy duty industrial wheels"}, id: "heavy-duty", title: "Heavy Duty Castor Wheels", description: "Our premium heavy-duty castor wheels are engineered for maximum load capacity, durability, and performance in the most demanding industrial environments including foundries, steel plants, and heavy machinery operations.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-heavy-industrial-crane-mechanism_632498-60873.jpg", imageAlt: "Heavy duty industrial wheels for demanding applications"
},
{ {
id: "medium-duty", title: "Medium Duty Wheels", description: "Balanced performance wheels for warehouse and general material handling operations with excellent reliability.", imageSrc: "http://img.b2bpic.net/free-psd/portable-folding-utility-cart-with-two-shelves-orange-handle_84443-76242.jpg?_wi=1", imageAlt: "Medium duty trolley wheels"}, id: "medium-duty", title: "Medium Duty Wheels", description: "Balanced performance with excellent reliability for general warehouse, distribution, and material handling operations. Perfect for trolleys, carts, and standard equipment transfer applications.", imageSrc: "http://img.b2bpic.net/free-psd/portable-folding-utility-cart-with-two-shelves-orange-handle_84443-76242.jpg", imageAlt: "Medium duty trolley wheels for warehouses"
},
{ {
id: "light-duty", title: "Light Duty Wheels", description: "Specialized smooth-operating wheels for hospitals, clinics, and light-load applications with quiet operation.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-walker_53876-20434.jpg?_wi=1", imageAlt: "Light duty hospital wheels"}, id: "light-duty", title: "Light Duty Wheels", description: "Specialized light-duty wheels for hospitals, clinics, and sensitive applications. Engineered for smooth, quiet operation with superior floor protection.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-walker_53876-20434.jpg", imageAlt: "Light duty wheels for hospital and medical equipment"
},
{ {
id: "pu-nylon", title: "PU & Nylon Wheels", description: "Modern polyurethane and nylon variants offering superior grip, floor protection, and noise reduction for sensitive environments.", imageSrc: "http://img.b2bpic.net/free-photo/fitness-equipment_53876-31257.jpg?_wi=1", imageAlt: "PU and nylon wheel materials"}, id: "pu-nylon", title: "PU & Nylon Wheels", description: "Modern polyurethane and nylon wheel variants offering superior grip, exceptional floor protection, and reduced noise for sensitive environments.", imageSrc: "http://img.b2bpic.net/free-photo/fitness-equipment_53876-31257.jpg", imageAlt: "PU and nylon wheel materials"
},
{ {
id: "swivel-fixed", title: "Swivel & Fixed Castors", description: "Complete wheel configurations with swivel for maneuverability and fixed for directional stability with brake options.", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-bike-pieces_23-2148932626.jpg?_wi=2", imageAlt: "Swivel and fixed castor wheels"}, id: "swivel-fixed", title: "Swivel & Fixed Castors", description: "Complete wheel configurations including swivel castors for maximum maneuverability and fixed castors for directional stability with optional braking.", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-bike-pieces_23-2148932626.jpg", imageAlt: "Swivel and fixed castor wheel configurations"
},
{ {
id: "braked", title: "Braked Wheel Solutions", description: "Integrated braking systems for secure positioning and operator safety, essential for steep surfaces and dynamic environments.", imageSrc: "http://img.b2bpic.net/free-photo/detail-precision-tools_1359-246.jpg?_wi=1", imageAlt: "Braked wheel systems"}, id: "braked", title: "Braked Wheel Solutions", description: "Integrated braking systems providing secure equipment positioning and enhanced operator safety, essential for steep surfaces and dynamic work environments.", imageSrc: "http://img.b2bpic.net/free-photo/detail-precision-tools_1359-246.jpg", imageAlt: "Braked wheel systems for safety"
}
]} ]}
gridVariant="uniform-all-items-equal" gridVariant="three-columns-all-equal-width"
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground="noInvert" useInvertedBackground={false}
buttons={[{ text: "Request Pricing", href: "/contact" }]}
/> />
</div> </div>
<div id="all-products" data-section="all-products"> <div id="featured-products" data-section="featured-products">
<ProductCardTwo <ProductCardTwo
title="Complete Product Lineup" title="Featured Products"
description="All our industrial wheel and castor solutions in one place" description="Our bestselling industrial wheels trusted by hundreds of factories and warehouses across India"
tag="Full Catalog" tag="Best Sellers"
products={[ products={[
{ {
id: "1", brand: "Heavy Duty", name: "Industrial Grade Castor Wheels", price: "Custom Quote", rating: 5, id: "1", brand: "Industrial Standard", name: "Heavy Load Industrial Castor", price: "₹2,500-5,000", rating: 5,
reviewCount: "1200+", imageSrc: "http://img.b2bpic.net/free-photo/close-up-heavy-industrial-crane-mechanism_632498-60873.jpg?_wi=1", imageAlt: "Heavy duty castor wheels for industry"}, reviewCount: "450+", imageSrc: "http://img.b2bpic.net/free-photo/close-up-heavy-industrial-crane-mechanism_632498-60873.jpg", imageAlt: "Heavy load industrial castor wheels"
},
{ {
id: "2", brand: "Medium Duty", name: "Warehouse Trolley Wheels", price: "Bulk Pricing", rating: 5, id: "2", brand: "Warehouse Pro", name: "Standard Trolley Wheel Set", price: "₹1,200-2,800", rating: 5,
reviewCount: "800+", imageSrc: "http://img.b2bpic.net/free-psd/portable-folding-utility-cart-with-two-shelves-orange-handle_84443-76242.jpg?_wi=1", imageAlt: "Warehouse trolley wheels"}, reviewCount: "580+", imageSrc: "http://img.b2bpic.net/free-psd/portable-folding-utility-cart-with-two-shelves-orange-handle_84443-76242.jpg", imageAlt: "Standard trolley wheel sets"
},
{ {
id: "3", brand: "Light Duty", name: "Hospital Equipment Wheels", price: "Medical Grade", rating: 5, id: "3", brand: "Medical Grade", name: "Hospital Equipment Wheels", price: "₹800-1,800", rating: 5,
reviewCount: "650+", imageSrc: "http://img.b2bpic.net/free-photo/closeup-walker_53876-20434.jpg?_wi=1", imageAlt: "Hospital equipment wheels"}, reviewCount: "320+", imageSrc: "http://img.b2bpic.net/free-photo/closeup-walker_53876-20434.jpg", imageAlt: "Hospital medical equipment wheels"
},
{ {
id: "4", brand: "Premium", name: "PU & Nylon Wheel Systems", price: "Premium Range", rating: 5, id: "4", brand: "Premium PU Series", name: "Polyurethane Eco Wheels", price: "₹3,000-6,500", rating: 5,
reviewCount: "520+", imageSrc: "http://img.b2bpic.net/free-photo/fitness-equipment_53876-31257.jpg?_wi=1", imageAlt: "PU and nylon wheel systems"}, reviewCount: "290+", imageSrc: "http://img.b2bpic.net/free-photo/fitness-equipment_53876-31257.jpg", imageAlt: "Premium polyurethane eco-friendly wheels"
}
]} ]}
gridVariant="uniform-all-items-equal" gridVariant="four-items-2x2-equal-grid"
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
/> />
</div> </div>
<div id="inquiry-contact" data-section="inquiry-contact"> <div id="bulk-inquiry" data-section="bulk-inquiry">
<ContactSplit <ContactSplit
tag="Get Product Information" tag="Wholesale Pricing"
title="Request Specifications & Pricing" title="Request Bulk Order Quotes"
description="Contact us for detailed product specifications, technical datasheets, bulk order pricing, or customized wheel solutions for your specific industrial needs." description="Get competitive wholesale pricing for large quantity orders. Our team provides customized solutions for factories, distributors, and logistics companies."
background={{ variant: "sparkles-gradient" }} background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false} useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-vector/web-contact-form-template_23-2147608998.jpg?_wi=1" imageSrc="http://img.b2bpic.net/free-photo/warehouse-workers-checking-inventory-large-distribution-warehouse-storage_342744-1538.jpg"
imageAlt="Contact us for product information" imageAlt="Bulk order warehousing and logistics"
mediaPosition="right" mediaPosition="right"
inputPlaceholder="Enter your email address" inputPlaceholder="Enter your email for quote"
buttonText="Request Information" buttonText="Request Quote"
termsText="We will respond with detailed product information within 24 hours." termsText="We'll contact you within 24 hours with custom pricing for your bulk order."
mediaAnimation="none" mediaAnimation="none"
/> />
</div> </div>
@@ -135,10 +121,10 @@ export default function ProductsPage() {
socialLinks={[ socialLinks={[
{ icon: Phone, href: "tel:+919909421029", ariaLabel: "Call us at +91-9909-421029" }, { icon: Phone, href: "tel:+919909421029", ariaLabel: "Call us at +91-9909-421029" },
{ icon: MessageCircle, href: "https://wa.me/919909421029", ariaLabel: "WhatsApp us at +91-9909-421029" }, { icon: MessageCircle, href: "https://wa.me/919909421029", ariaLabel: "WhatsApp us at +91-9909-421029" },
{ icon: Mail, href: "mailto:info@radhemarketingwheels.com", ariaLabel: "Email us" }, { icon: Mail, href: "mailto:info@radhemarketingwheels.com", ariaLabel: "Email us" }
]} ]}
/> />
</div> </div>
</ThemeProvider> </ThemeProvider>
); );
} }