bender/f44c4be4-7c25-4b75-9bfc-60b38374b448
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/gallery/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-11 07:39:14 +00:00
parent cd7f58a470
commit 860b8f4961
1 changed files with 25 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

116
src/app/gallery/page.tsx
View File

@@ -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="four-items-2x2-equal-grid"
useInvertedBackground={false}
animationType="slide-up"
products={[
{
id: "gallery-item-1",
name: "High-Visibility on Trucks",
price: "",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-cross-street_158595-867.jpg",
imageAlt: "Reflective tape on a moving truck at night",
},
id: "gallery-item-1", name: "High-Visibility on Trucks", price: "", imageSrc: "http://img.b2bpic.net/free-photo/young-man-cross-street_158595-867.jpg", imageAlt: "Reflective tape on a moving truck at night"},
{
id: "gallery-item-2",
name: "Steel Production Floor",
price: "",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-worker-near-metalworking-machine_176420-4648.jpg",
imageAlt: "Factory floor with stacked steel sheets",
},
id: "gallery-item-2", name: "Steel Production Floor", price: "", imageSrc: "http://img.b2bpic.net/free-photo/portrait-worker-near-metalworking-machine_176420-4648.jpg", imageAlt: "Factory floor with stacked steel sheets"},
{
id: "gallery-item-3",
name: "Custom Reflective Designs",
price: "",
imageSrc: "http://img.b2bpic.net/free-photo/colourful-circles-water-waves-top-view_23-2148358190.jpg",
imageAlt: "Colorful reflective decorative tape close up",
},
id: "gallery-item-3", name: "Custom Reflective Designs", price: "", imageSrc: "http://img.b2bpic.net/free-photo/colourful-circles-water-waves-top-view_23-2148358190.jpg", imageAlt: "Colorful reflective decorative tape close up"},
{
id: "gallery-item-4",
name: "Dumper Safety Marking",
price: "",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-working-construction-industry_23-2151349655.jpg",
imageAlt: "Dumper truck with reflective safety tape",
},
id: "gallery-item-4", name: "Dumper Safety Marking", price: "", imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-working-construction-industry_23-2151349655.jpg", imageAlt: "Dumper truck with reflective safety tape"},
{
id: "gallery-item-5",
name: "Architectural Steel Structures",
price: "",
imageSrc: "http://img.b2bpic.net/free-photo/inside-famous-brookfield-place-toronto-canada_181624-6947.jpg",
imageAlt: "Steel beam installation at a construction site",
},
id: "gallery-item-5", name: "Architectural Steel Structures", price: "", imageSrc: "http://img.b2bpic.net/free-photo/inside-famous-brookfield-place-toronto-canada_181624-6947.jpg", imageAlt: "Steel beam installation at a construction site"},
{
id: "gallery-item-6",
name: "Quality Control & Packaging",
price: "",
imageSrc: "http://img.b2bpic.net/free-photo/arranging-order-deliveries-using-invoice-identification-codes_482257-83415.jpg",
imageAlt: "Reflective tape product packaging in a warehouse",
},
id: "gallery-item-6", name: "Quality Control & Packaging", price: "", imageSrc: "http://img.b2bpic.net/free-photo/arranging-order-deliveries-using-invoice-identification-codes_482257-83415.jpg", imageAlt: "Reflective tape product packaging in a warehouse"}
]}
title="Visualizing Excellence: Our Products in Action"
description="Explore a visual showcase of our reflective tapes and steel products, highlighting their quality, application, and impact in real-world industrial settings."
@@ -118,37 +75,20 @@ export default function LandingPage() {
<MetricCardSeven
textboxLayout="default"
useInvertedBackground={true}
animationType="slide-up"
metrics={[
{
id: "gallery-metric-1",
value: "2000+",
title: "Fleet Vehicles Equipped",
items: [
"Enhanced visibility",
"Reduced accidents",
"Regulatory compliance",
],
id: "gallery-metric-1", value: "2000+", title: "Fleet Vehicles Equipped", items: [
"Enhanced visibility", "Reduced accidents", "Regulatory compliance"]
},
{
id: "gallery-metric-2",
value: "500,000 SQM",
title: "Steel Fabricated for Projects",
items: [
"Large-scale infrastructure",
"Custom industrial builds",
"High-strength applications",
],
id: "gallery-metric-2", value: "500,000 SQM", title: "Steel Fabricated for Projects", items: [
"Large-scale infrastructure", "Custom industrial builds", "High-strength applications"]
},
{
id: "gallery-metric-3",
value: "100%",
title: "Project Completion Rate",
items: [
"Client satisfaction guaranteed",
"Timely delivery",
"Quality execution",
],
},
id: "gallery-metric-3", value: "100%", title: "Project Completion Rate", items: [
"Client satisfaction guaranteed", "Timely delivery", "Quality execution"]
}
]}
title="Project Highlights & Scale"
description="Showcasing the magnitude and successful execution of our projects, from expansive steel installations to nationwide safety marking initiatives."
@@ -162,19 +102,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>