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

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-11 07:33:15 +00:00
parent de39157701
commit e32abb6fb8
1 changed files with 51 additions and 186 deletions
Download Patch File Download Diff File Expand all files Collapse all files

237
src/app/page.tsx
View File

@@ -11,7 +11,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
import ProductCardThree from '@/components/sections/product/ProductCardThree'; import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne'; import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen'; import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Building, Building2, Facebook, Linkedin, Twitter, Users } from "lucide-react"; import { Building, Building2, Facebook, Linkedin, Twitter, Users, Zap, Sparkles, Shield, Award } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -32,35 +32,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>
@@ -68,21 +54,16 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroLogoBillboard <HeroLogoBillboard
background={{ background={{
variant: "glowing-orb", variant: "glowing-orb"}}
}}
logoText="ReflectPro Solutions" logoText="ReflectPro Solutions"
description="Your trusted partner in reflective safety and industrial steel solutions. Delivering unparalleled quality and innovation for diverse B2B needs." description="Your trusted partner in reflective safety and industrial steel solutions. Delivering unparalleled quality and innovation for diverse B2B needs."
buttons={[ buttons={[
{ {
text: "Explore Products", text: "Explore Products", href: "/products"},
href: "/products",
},
{ {
text: "Get a Quote", text: "Get a Quote", href: "/contact"},
href: "/contact",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/low-angle-shot-escalator-with-dirtproof-grating_181624-56931.jpg?_wi=1" 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"
mediaAnimation="blur-reveal" mediaAnimation="blur-reveal"
/> />
@@ -94,32 +75,16 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ {
title: "High-Visibility Reflective Tapes", title: "High-Visibility Reflective Tapes", description: "Engineered for maximum conspicuity, our tapes ensure superior visibility for trucks, trailers, buses, and all commercial vehicles, day and night.", imageSrc: "http://img.b2bpic.net/free-photo/people-line-waiting-social-distance-stripe_23-2148863828.jpg", imageAlt: "Rolls of high-visibility reflective tape", buttonIcon: Zap,
description: "Engineered for maximum conspicuity, our tapes ensure superior visibility for trucks, trailers, buses, and all commercial vehicles, day and night.",
imageSrc: "http://img.b2bpic.net/free-photo/people-line-waiting-social-distance-stripe_23-2148863828.jpg?_wi=1",
imageAlt: "Rolls of high-visibility reflective tape",
buttonIcon: "Zap",
}, },
{ {
title: "Custom Reflective Solutions", title: "Custom Reflective Solutions", description: "From bespoke decorative designs to specialized safety markings, we offer tailored reflective products that meet unique client specifications and branding needs.", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13116.jpg", imageAlt: "Custom reflective decorative product", buttonIcon: Sparkles,
description: "From bespoke decorative designs to specialized safety markings, we offer tailored reflective products that meet unique client specifications and branding needs.",
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13116.jpg",
imageAlt: "Custom reflective decorative product",
buttonIcon: "Sparkles",
}, },
{ {
title: "Premium Industrial Steel Sheets", title: "Premium Industrial Steel Sheets", description: "Supplying high-grade steel sheets and advanced metal fabrication, our solutions are critical for construction, manufacturing, and heavy industry applications.", imageSrc: "http://img.b2bpic.net/free-photo/warm-edge-lighting-open-section-blue-modern_169016-68924.jpg", imageAlt: "Stacked industrial steel sheets", buttonIcon: Shield,
description: "Supplying high-grade steel sheets and advanced metal fabrication, our solutions are critical for construction, manufacturing, and heavy industry applications.",
imageSrc: "http://img.b2bpic.net/free-photo/warm-edge-lighting-open-section-blue-modern_169016-68924.jpg?_wi=1",
imageAlt: "Stacked industrial steel sheets",
buttonIcon: "Shield",
}, },
{ {
title: "Uncompromised Quality & Compliance", title: "Uncompromised Quality & Compliance", description: "All our products adhere to strict international safety standards and quality certifications, ensuring reliability and peace of mind for our B2B partners.", imageSrc: "http://img.b2bpic.net/free-photo/woman-working-warehouse_23-2148923072.jpg", imageAlt: "Quality certification stamp", buttonIcon: Award,
description: "All our products adhere to strict international safety standards and quality certifications, ensuring reliability and peace of mind for our B2B partners.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-warehouse_23-2148923072.jpg",
imageAlt: "Quality certification stamp",
buttonIcon: "Award",
}, },
]} ]}
title="Leading the Industry in Safety & Durability" title="Leading the Industry in Safety & Durability"
@@ -134,19 +99,13 @@ export default function LandingPage() {
metrics={[ metrics={[
{ {
icon: Users, icon: Users,
label: "Clients Served Globally", label: "Clients Served Globally", value: "1500+"},
value: "1500+",
},
{ {
icon: Building, icon: Building,
label: "Years in Business", label: "Years in Business", value: "25+"},
value: "25+",
},
{ {
icon: Building2, icon: Building2,
label: "Production Capacity (tons/month)", label: "Production Capacity (tons/month)", value: "500+"},
value: "500+",
},
]} ]}
metricsAnimation="slide-up" metricsAnimation="slide-up"
/> />
@@ -157,49 +116,20 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
gridVariant="bento-grid" gridVariant="bento-grid"
useInvertedBackground={true} useInvertedBackground={true}
animationType="slide-up"
products={[ products={[
{ {
id: "product-home-1", id: "product-home-1", name: "Truck Conspicuity Tape", price: "Request Quote", imageSrc: "http://img.b2bpic.net/free-photo/closeup-ribbon-roll-isolated-white-background_53876-42305.jpg", imageAlt: "Reflective tape for commercial trucks"},
name: "Truck Conspicuity Tape",
price: "Request Quote",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-ribbon-roll-isolated-white-background_53876-42305.jpg",
imageAlt: "Reflective tape for commercial trucks",
},
{ {
id: "product-home-2", id: "product-home-2", name: "Decorative Reflective Film", price: "Request Quote", imageSrc: "http://img.b2bpic.net/free-photo/long-yellow-exposure-neon-lights-texture_23-2148328031.jpg", imageAlt: "Decorative reflective product"},
name: "Decorative Reflective Film",
price: "Request Quote",
imageSrc: "http://img.b2bpic.net/free-photo/long-yellow-exposure-neon-lights-texture_23-2148328031.jpg",
imageAlt: "Decorative reflective product",
},
{ {
id: "product-home-3", id: "product-home-3", name: "Industrial Steel Sheets", price: "Request Quote", imageSrc: "http://img.b2bpic.net/free-photo/close-up-spiky-ferromagnetic-blurred-metal_23-2148253593.jpg", imageAlt: "Stacked industrial steel sheets"},
name: "Industrial Steel Sheets",
price: "Request Quote",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-spiky-ferromagnetic-blurred-metal_23-2148253593.jpg",
imageAlt: "Stacked industrial steel sheets",
},
{ {
id: "product-home-4", id: "product-home-4", name: "High-Visibility Safety Tape (Yellow)", price: "Request Quote", imageSrc: "http://img.b2bpic.net/free-photo/yellow-paint-line-black-asphalt-road-surface-texture_23-2148139824.jpg", imageAlt: "Yellow high-visibility safety tape"},
name: "High-Visibility Safety Tape (Yellow)",
price: "Request Quote",
imageSrc: "http://img.b2bpic.net/free-photo/yellow-paint-line-black-asphalt-road-surface-texture_23-2148139824.jpg",
imageAlt: "Yellow high-visibility safety tape",
},
{ {
id: "product-home-5", id: "product-home-5", name: "High-Visibility Safety Tape (White)", price: "Request Quote", imageSrc: "http://img.b2bpic.net/free-photo/service-worker-painting-car-auto-service_23-2149486985.jpg", imageAlt: "White high-visibility safety tape"},
name: "High-Visibility Safety Tape (White)",
price: "Request Quote",
imageSrc: "http://img.b2bpic.net/free-photo/service-worker-painting-car-auto-service_23-2149486985.jpg",
imageAlt: "White high-visibility safety tape",
},
{ {
id: "product-home-6", id: "product-home-6", name: "Custom Metal Fabrication", price: "Request Quote", imageSrc: "http://img.b2bpic.net/free-photo/closeup-man-disinfecting-hands-workshop-s-office_637285-9825.jpg", imageAlt: "Custom metal fabrication solution"},
name: "Custom Metal Fabrication",
price: "Request Quote",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-man-disinfecting-hands-workshop-s-office_637285-9825.jpg",
imageAlt: "Custom metal fabrication solution",
},
]} ]}
title="Innovative Solutions for Every Need" title="Innovative Solutions for Every Need"
description="Discover our diverse range of high-performance reflective tapes and robust steel sheet solutions, engineered for maximum impact and longevity." description="Discover our diverse range of high-performance reflective tapes and robust steel sheet solutions, engineered for maximum impact and longevity."
@@ -210,36 +140,19 @@ export default function LandingPage() {
<MetricCardSeven <MetricCardSeven
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
animationType="slide-up"
metrics={[ metrics={[
{ {
id: "metric-1", id: "metric-1", value: "99.8%", title: "On-Time Delivery", items: [
value: "99.8%", "Reliable logistics", "Efficient scheduling", "Global distribution network"],
title: "On-Time Delivery",
items: [
"Reliable logistics",
"Efficient scheduling",
"Global distribution network",
],
}, },
{ {
id: "metric-2", id: "metric-2", value: "A+", title: "Quality Assurance Rating", items: [
value: "A+", "Rigorous testing protocols", "ISO certified processes", "Continuous improvement"],
title: "Quality Assurance Rating",
items: [
"Rigorous testing protocols",
"ISO certified processes",
"Continuous improvement",
],
}, },
{ {
id: "metric-3", id: "metric-3", value: "15+", title: "Countries Served", items: [
value: "15+", "International partnerships", "Export compliance expertise", "Tailored global solutions"],
title: "Countries Served",
items: [
"International partnerships",
"Export compliance expertise",
"Tailored global solutions",
],
}, },
]} ]}
title="Unmatched Performance & Reliability" title="Unmatched Performance & Reliability"
@@ -252,14 +165,7 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
names={[ names={[
"Transporter Solutions", "Transporter Solutions", "BuildTech Corp", "IndusFab Industries", "Global Logistics Inc.", "City Roadworks Ltd.", "SafeFleet Management", "Premier Contracting"]}
"BuildTech Corp",
"IndusFab Industries",
"Global Logistics Inc.",
"City Roadworks Ltd.",
"SafeFleet Management",
"Premier Contracting",
]}
title="Trusted by Industry Leaders" title="Trusted by Industry Leaders"
description="Our commitment to quality and service has earned the trust of leading companies across transportation, construction, and manufacturing sectors." description="Our commitment to quality and service has earned the trust of leading companies across transportation, construction, and manufacturing sectors."
/> />
@@ -269,66 +175,31 @@ export default function LandingPage() {
<TestimonialCardSixteen <TestimonialCardSixteen
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
animationType="slide-up"
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Sarah Johnson", role: "Logistics Director", company: "Global Transport Co.", rating: 5,
name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-man-with-orange-life-jacket_23-2147562089.jpg", imageAlt: "Sarah Johnson"},
role: "Logistics Director",
company: "Global Transport Co.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-man-with-orange-life-jacket_23-2147562089.jpg",
imageAlt: "Sarah Johnson",
},
{ {
id: "2", id: "2", name: "Michael Chen", role: "Procurement Head", company: "Construction Dynamics", rating: 5,
name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-desk-front-view_23-2149741202.jpg", imageAlt: "Michael Chen"},
role: "Procurement Head",
company: "Construction Dynamics",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-desk-front-view_23-2149741202.jpg",
imageAlt: "Michael Chen",
},
{ {
id: "3", id: "3", name: "Emily Rodriguez", role: "Operations Manager", company: "Industrial Steel Works", rating: 5,
name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924139.jpg", imageAlt: "Emily Rodriguez"},
role: "Operations Manager",
company: "Industrial Steel Works",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924139.jpg",
imageAlt: "Emily Rodriguez",
},
{ {
id: "4", id: "4", name: "David Kim", role: "Fleet Safety Officer", company: "City Transit Authority", rating: 5,
name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-young-man-with-helmet_23-2148269289.jpg", imageAlt: "David Kim"},
role: "Fleet Safety Officer",
company: "City Transit Authority",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-young-man-with-helmet_23-2148269289.jpg",
imageAlt: "David Kim",
},
{ {
id: "5", id: "5", name: "Jessica Lee", role: "Wholesale Buyer", company: "Safety Products Inc.", rating: 5,
name: "Jessica Lee", imageSrc: "http://img.b2bpic.net/free-photo/male-worker-with-arms-crossed-standing-factory_107420-96042.jpg", imageAlt: "Jessica Lee"},
role: "Wholesale Buyer",
company: "Safety Products Inc.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/male-worker-with-arms-crossed-standing-factory_107420-96042.jpg",
imageAlt: "Jessica Lee",
},
]} ]}
kpiItems={[ kpiItems={[
{ {
value: "99%", value: "99%", label: "Client Satisfaction"},
label: "Client Satisfaction",
},
{ {
value: "100%", value: "100%", label: "Product Reliability"},
label: "Product Reliability",
},
{ {
value: "4.9/5", value: "4.9/5", label: "Average Rating"},
label: "Average Rating",
},
]} ]}
title="What Our Clients Say About Us" title="What Our Clients Say About Us"
description="Hear directly from our valued partners about how ReflectPro Solutions has consistently delivered on quality, reliability, and exceptional service." description="Hear directly from our valued partners about how ReflectPro Solutions has consistently delivered on quality, reliability, and exceptional service."
@@ -342,19 +213,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>