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

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #4.
This commit is contained in:
bender
2026-06-11 07:39:18 +00:00
parent 8b0eb5d1a8 c9629f93ca
commit def1e5a62e
2 changed files with 27 additions and 93 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 <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "/"},
id: "/",
},
{ {
name: "About Us", name: "About Us", id: "/about"},
id: "/about",
},
{ {
name: "Products", name: "Products", id: "/products"},
id: "/products",
},
{ {
name: "Industries", name: "Industries", id: "/industries"},
id: "/industries",
},
{ {
name: "Gallery", name: "Gallery", id: "/gallery"},
id: "/gallery",
},
{ {
name: "Certifications", name: "Certifications", id: "/certifications"}
id: "/certifications",
},
]} ]}
brandName="ReflectPro Solutions" brandName="ReflectPro Solutions"
button={{ button={{
text: "Contact Us", text: "Contact Us", href: "/contact"}}
href: "/contact",
}}
animateOnLoad={true} animateOnLoad={true}
/> />
</div> </div>
@@ -65,49 +51,20 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
gridVariant="four-items-2x2-equal-grid" gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false} useInvertedBackground={false}
animationType="slide-up"
products={[ products={[
{ {
id: "gallery-item-1", 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"},
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", 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"},
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", 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"},
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", 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"},
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", 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"},
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", 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"}
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" 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." 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 <MetricCardSeven
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
animationType="slide-up"
metrics={[ metrics={[
{ {
id: "gallery-metric-1", id: "gallery-metric-1", value: "2000+", title: "Fleet Vehicles Equipped", items: [
value: "2000+", "Enhanced visibility", "Reduced accidents", "Regulatory compliance"]
title: "Fleet Vehicles Equipped",
items: [
"Enhanced visibility",
"Reduced accidents",
"Regulatory compliance",
],
}, },
{ {
id: "gallery-metric-2", id: "gallery-metric-2", value: "500,000 SQM", title: "Steel Fabricated for Projects", items: [
value: "500,000 SQM", "Large-scale infrastructure", "Custom industrial builds", "High-strength applications"]
title: "Steel Fabricated for Projects",
items: [
"Large-scale infrastructure",
"Custom industrial builds",
"High-strength applications",
],
}, },
{ {
id: "gallery-metric-3", id: "gallery-metric-3", value: "100%", title: "Project Completion Rate", items: [
value: "100%", "Client satisfaction guaranteed", "Timely delivery", "Quality execution"]
title: "Project Completion Rate", }
items: [
"Client satisfaction guaranteed",
"Timely delivery",
"Quality execution",
],
},
]} ]}
title="Project Highlights & Scale" title="Project Highlights & Scale"
description="Showcasing the magnitude and successful execution of our projects, from expansive steel installations to nationwide safety marking initiatives." 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={[ socialLinks={[
{ {
icon: Facebook, icon: Facebook,
href: "#", href: "#", ariaLabel: "Facebook"},
ariaLabel: "Facebook",
},
{ {
icon: Linkedin, icon: Linkedin,
href: "#", href: "#", ariaLabel: "LinkedIn"},
ariaLabel: "LinkedIn",
},
{ {
icon: Twitter, icon: Twitter,
href: "#", href: "#", ariaLabel: "Twitter"}
ariaLabel: "Twitter",
},
]} ]}
/> />
</div> </div>

4
src/app/page.tsx
View File

@@ -42,7 +42,7 @@ export default function LandingPage() {
{ {
name: "Gallery", id: "/gallery"}, name: "Gallery", id: "/gallery"},
{ {
name: "Certifications", id: "/certifications"}, name: "Certifications", id: "/certifications"}
]} ]}
brandName="ReflectPro Solutions" brandName="ReflectPro Solutions"
button={{ button={{
@@ -61,7 +61,7 @@ export default function LandingPage() {
{ {
text: "Explore Products", href: "/products"}, text: "Explore Products", href: "/products"},
{ {
text: "Get a Quote", href: "/contact"}, text: "Get a Quote", href: "/contact"}
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/low-angle-shot-escalator-with-dirtproof-grating_181624-56931.jpg" imageSrc="http://img.b2bpic.net/free-photo/low-angle-shot-escalator-with-dirtproof-grating_181624-56931.jpg"
imageAlt="Industrial facility with trucks and steel sheets" imageAlt="Industrial facility with trucks and steel sheets"