Update src/app/products/page.tsx

This commit is contained in:
2026-06-11 07:38:03 +00:00
parent e52e0e63bb
commit cd7f58a470

View File

@@ -6,7 +6,7 @@ import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwent
import FooterCard from '@/components/sections/footer/FooterCard';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import { Facebook, Linkedin, Twitter } from "lucide-react";
import { Facebook, Linkedin, Twitter, Truck, HardHat, Paintbrush, Hammer } from "lucide-react";
export default function LandingPage() {
return (
@@ -27,35 +27,21 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "/",
},
name: "Home", id: "/"},
{
name: "About Us",
id: "/about",
},
name: "About Us", id: "/about"},
{
name: "Products",
id: "/products",
},
name: "Products", id: "/products"},
{
name: "Industries",
id: "/industries",
},
name: "Industries", id: "/industries"},
{
name: "Gallery",
id: "/gallery",
},
name: "Gallery", id: "/gallery"},
{
name: "Certifications",
id: "/certifications",
},
name: "Certifications", id: "/certifications"}
]}
brandName="ReflectPro Solutions"
button={{
text: "Contact Us",
href: "/contact",
}}
text: "Contact Us", href: "/contact"}}
animateOnLoad={true}
/>
</div>
@@ -65,49 +51,20 @@ export default function LandingPage() {
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
animationType="slide-up"
products={[
{
id: "products-all-1",
name: "Vehicle Conspicuity Tapes",
price: "Inquire for Pricing",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-glasses-abstract-table_23-2149974224.jpg",
imageAlt: "Truck side reflective conspicuity tape",
},
id: "products-all-1", name: "Vehicle Conspicuity Tapes", price: "Inquire for Pricing", imageSrc: "http://img.b2bpic.net/free-photo/top-view-glasses-abstract-table_23-2149974224.jpg", imageAlt: "truck side reflective conspicuity tape"},
{
id: "products-all-2",
name: "High-Visibility Safety Tapes",
price: "Inquire for Pricing",
imageSrc: "http://img.b2bpic.net/free-photo/serious-man-with-raised-palm_1149-1123.jpg",
imageAlt: "Industrial orange reflective safety tape",
},
id: "products-all-2", name: "High-Visibility Safety Tapes", price: "Inquire for Pricing", imageSrc: "http://img.b2bpic.net/free-photo/serious-man-with-raised-palm_1149-1123.jpg", imageAlt: "industrial orange reflective safety tape"},
{
id: "products-all-3",
name: "Reflective Decorative Films",
price: "Inquire for Pricing",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-prism-lights-copy-space_23-2148771724.jpg",
imageAlt: "Decorative reflective vinyl patterns",
},
id: "products-all-3", name: "Reflective Decorative Films", price: "Inquire for Pricing", imageSrc: "http://img.b2bpic.net/free-photo/abstract-prism-lights-copy-space_23-2148771724.jpg", imageAlt: "decorative reflective vinyl patterns"},
{
id: "products-all-4",
name: "Industrial Grade Steel Sheets",
price: "Inquire for Pricing",
imageSrc: "http://img.b2bpic.net/free-photo/black-fabric-closeup_53876-31992.jpg",
imageAlt: "Steel plate heavy industrial material",
},
id: "products-all-4", name: "Industrial Grade Steel Sheets", price: "Inquire for Pricing", imageSrc: "http://img.b2bpic.net/free-photo/black-fabric-closeup_53876-31992.jpg", imageAlt: "steel plate heavy industrial material"},
{
id: "products-all-5",
name: "Custom Metal Fabrication",
price: "Inquire for Pricing",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-metal-keys_23-2148796579.jpg",
imageAlt: "Precision cut metal components steel",
},
id: "products-all-5", name: "Custom Metal Fabrication", price: "Inquire for Pricing", imageSrc: "http://img.b2bpic.net/free-photo/close-up-metal-keys_23-2148796579.jpg", imageAlt: "precision cut metal components steel"},
{
id: "products-all-6",
name: "Bus Safety Marking Tapes",
price: "Inquire for Pricing",
imageSrc: "http://img.b2bpic.net/free-photo/black-car-driving-road-with-yellow-zebra-crossing_23-2148139931.jpg",
imageAlt: "Reflective bus safety marking tape",
},
id: "products-all-6", name: "Bus Safety Marking Tapes", price: "Inquire for Pricing", imageSrc: "http://img.b2bpic.net/free-photo/black-car-driving-road-with-yellow-zebra-crossing_23-2148139931.jpg", imageAlt: "reflective bus safety marking tape"}
]}
title="Our Comprehensive Product Range"
description="Explore our full catalog of high-performance reflective tapes and durable steel sheet solutions, engineered for reliability and compliance in diverse industrial applications."
@@ -120,33 +77,17 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Enhanced Vehicle Safety",
description: "Ensure the highest level of visibility for your fleet, preventing accidents and complying with stringent road safety regulations for all commercial vehicles.",
imageSrc: "http://img.b2bpic.net/free-photo/fast-truck_1048-1846.jpg",
imageAlt: "Truck on highway with reflective tape",
buttonIcon: "Truck",
title: "Enhanced Vehicle Safety", description: "Ensure the highest level of visibility for your fleet, preventing accidents and complying with stringent road safety regulations for all commercial vehicles.", imageSrc: "http://img.b2bpic.net/free-photo/fast-truck_1048-1846.jpg", imageAlt: "Truck on highway with reflective tape", buttonIcon: Truck
},
{
title: "Construction Site Hazard Marking",
description: "From heavy machinery to temporary structures, our reflective tapes provide essential hazard warnings and delineate safe zones in dynamic construction environments.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-plus-size-woman-working-construction_23-2150772861.jpg",
imageAlt: "Construction site reflective safety vests",
buttonIcon: "HardHat",
title: "Construction Site Hazard Marking", description: "From heavy machinery to temporary structures, our reflective tapes provide essential hazard warnings and delineate safe zones in dynamic construction environments.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-plus-size-woman-working-construction_23-2150772861.jpg", imageAlt: "Construction site reflective safety vests", buttonIcon: HardHat
},
{
title: "Custom Branding & Aesthetics",
description: "Elevate your brand or product appearance with bespoke reflective decorative products, offering unique visual appeal and enhanced recognition.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-beautiful-woman-jogging_329181-16736.jpg",
imageAlt: "Decorative reflective accents on car",
buttonIcon: "Paintbrush",
title: "Custom Branding & Aesthetics", description: "Elevate your brand or product appearance with bespoke reflective decorative products, offering unique visual appeal and enhanced recognition.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-beautiful-woman-jogging_329181-16736.jpg", imageAlt: "Decorative reflective accents on car", buttonIcon: Paintbrush
},
{
title: "Robust Industrial Infrastructure",
description: "Our steel sheet solutions form the backbone of industrial facilities, heavy equipment, and critical infrastructure, guaranteeing strength and longevity.",
imageSrc: "http://img.b2bpic.net/free-photo/building-structure_1127-2019.jpg",
imageAlt: "Steel structure for industrial building",
buttonIcon: "Hammer",
},
title: "Robust Industrial Infrastructure", description: "Our steel sheet solutions form the backbone of industrial facilities, heavy equipment, and critical infrastructure, guaranteeing strength and longevity.", imageSrc: "http://img.b2bpic.net/free-photo/building-structure_1127-2019.jpg", imageAlt: "Steel structure for industrial building", buttonIcon: Hammer
}
]}
title="Versatile Applications Across Industries"
description="Our products are designed for maximum performance and adaptability, serving critical functions in a multitude of industrial and commercial settings."
@@ -160,19 +101,13 @@ export default function LandingPage() {
socialLinks={[
{
icon: Facebook,
href: "#",
ariaLabel: "Facebook",
},
href: "#", ariaLabel: "Facebook"},
{
icon: Linkedin,
href: "#",
ariaLabel: "LinkedIn",
},
href: "#", ariaLabel: "LinkedIn"},
{
icon: Twitter,
href: "#",
ariaLabel: "Twitter",
},
href: "#", ariaLabel: "Twitter"}
]}
/>
</div>