bender/2019832f-dfdb-40ea-8318-3c2984c452b7
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 #1.
This commit is contained in:
bender
2026-05-12 20:46:46 +00:00
parent 3feba9f466 7c2151a4f7
commit ed021b527b
1 changed files with 145 additions and 359 deletions
Download Patch File Download Diff File Expand all files Collapse all files

504
src/app/page.tsx
View File

@@ -29,374 +29,160 @@ export default function LandingPage() {
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Dashboard",
id: "hero",
},
{
name: "Safety",
id: "safety",
},
{
name: "Documents",
id: "documents",
},
{
name: "Access",
id: "access",
},
]}
brandName="Caterpillar Safety"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Dashboard", id: "hero" },
{ name: "Safety", id: "safety" },
{ name: "Documents", id: "documents" },
{ name: "Access", id: "access" },
]}
brandName="Caterpillar Safety"
button={{ text: "Get Started", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="Welcome, Contractor"
description="Secure, efficient access to your Caterpillar site safety credentials. Ensure compliance before you arrive."
testimonials={[
{
name: "John Doe",
handle: "@john_contracting",
testimonial: "The streamlined upload process saved me hours.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg",
},
{
name: "Sarah Smith",
handle: "@smith_electrics",
testimonial: "Easy badge requests and clear instructions.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-young-man-with-helmet_23-2148269289.jpg",
},
{
name: "Mike Ross",
handle: "@ross_builders",
testimonial: "Safety protocols are clear and easy to follow.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/poster-with-young-female-engineer-against-background-hydroelectric-power-station-construction-hands-specialist-drawing-concept-about-women-specialists-construction-industry_166373-9039.jpg",
},
{
name: "Lisa Ray",
handle: "@ray_logistics",
testimonial: "Very professional and efficient system.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-equity-analyst-working-proprietary-firm-reading-annual-company-reports-evaluate_482257-132953.jpg",
},
{
name: "Tom King",
handle: "@king_hvac",
testimonial: "Highly recommended for site compliance.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-latin-man-architect-smiling-confident-standing-with-arms-crossed-gesture-street_839833-2747.jpg",
},
]}
buttons={[
{
text: "Start Compliance",
href: "#safety",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/one-working-day-modern-automatic-bus-trolleybus-car-production-with-unfinished-cars-workers-protective-uniform-factory-background-automobile-assembly-line-welding-arm_645730-363.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/full-shot-people-working-out-together_23-2150405456.jpg",
alt: "Contractor team member A",
},
{
src: "http://img.b2bpic.net/free-photo/entrance-stairs_1127-2032.jpg",
alt: "Contractor team member B",
},
{
src: "http://img.b2bpic.net/free-photo/iron-steel-material-storage_1127-3261.jpg",
alt: "Contractor team member C",
},
{
src: "http://img.b2bpic.net/free-photo/closeup-shot-empty-warehouse_181624-42274.jpg",
alt: "Contractor team member D",
},
{
src: "http://img.b2bpic.net/free-photo/young-workman-wearing-white-hard-hat_1303-26649.jpg",
alt: "Contractor team member E",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="Welcome, Contractor"
description="Secure, efficient access to your Caterpillar site safety credentials. Ensure compliance before you arrive."
testimonials={[
{ name: "John Doe", handle: "@john_contracting", testimonial: "The streamlined upload process saved me hours.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg" },
{ name: "Sarah Smith", handle: "@smith_electrics", testimonial: "Easy badge requests and clear instructions.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-young-man-with-helmet_23-2148269289.jpg" },
{ name: "Mike Ross", handle: "@ross_builders", testimonial: "Safety protocols are clear and easy to follow.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/poster-with-young-female-engineer-against-background-hydroelectric-power-station-construction-hands-specialist-drawing-concept-about-women-specialists-construction-industry_166373-9039.jpg" },
{ name: "Lisa Ray", handle: "@ray_logistics", testimonial: "Very professional and efficient system.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-equity-analyst-working-proprietary-firm-reading-annual-company-reports-evaluate_482257-132953.jpg" },
{ name: "Tom King", handle: "@king_hvac", testimonial: "Highly recommended for site compliance.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-latin-man-architect-smiling-confident-standing-with-arms-crossed-gesture-street_839833-2747.jpg" },
]}
buttons={[{ text: "Start Compliance", href: "#safety" }]}
imageSrc="http://img.b2bpic.net/free-photo/one-working-day-modern-automatic-bus-trolleybus-car-production-with-unfinished-cars-workers-protective-uniform-factory-background-automobile-assembly-line-welding-arm_645730-363.jpg"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/full-shot-people-working-out-together_23-2150405456.jpg", alt: "Contractor team member A" },
{ src: "http://img.b2bpic.net/free-photo/entrance-stairs_1127-2032.jpg", alt: "Contractor team member B" },
{ src: "http://img.b2bpic.net/free-photo/iron-steel-material-storage_1127-3261.jpg", alt: "Contractor team member C" },
{ src: "http://img.b2bpic.net/free-photo/closeup-shot-empty-warehouse_181624-42274.jpg", alt: "Contractor team member D" },
{ src: "http://img.b2bpic.net/free-photo/young-workman-wearing-white-hard-hat_1303-26649.jpg", alt: "Contractor team member E" },
]}
/>
</div>
<div id="safety" data-section="safety">
<SplitAbout
textboxLayout="split"
useInvertedBackground={true}
title="Safety First, Always"
description="At Caterpillar, safety isn't just a requirement; it's our core value. Please complete all safety training modules."
bulletPoints={[
{
title: "Site Induction",
description: "Mandatory safety training for all personnel.",
},
{
title: "PPE Verification",
description: "Upload current certification for equipment.",
},
{
title: "Hazard Training",
description: "Stay informed on active site risks.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/inspector-african-american-worker-factory_1303-30608.jpg"
/>
</div>
<div id="safety" data-section="safety">
<SplitAbout
textboxLayout="split"
useInvertedBackground={true}
title="Safety First, Always"
description="At Caterpillar, safety isn't just a requirement; it's our core value. Please complete all safety training modules."
bulletPoints={[
{ title: "Site Induction", description: "Mandatory safety training for all personnel." },
{ title: "PPE Verification", description: "Upload current certification for equipment." },
{ title: "Hazard Training", description: "Stay informed on active site risks." },
]}
imageSrc="http://img.b2bpic.net/free-photo/inspector-african-american-worker-factory_1303-30608.jpg"
/>
</div>
<div id="documents" data-section="documents">
<FeatureCardNineteen
textboxLayout="default"
useInvertedBackground={false}
features={[
{
tag: "Upload",
title: "Certification Files",
subtitle: "Valid credentials",
description: "Upload your OSHA/safety certs here.",
imageSrc: "http://img.b2bpic.net/free-photo/sales-assistant-planning-business-charts-digital-laptop-working-with-e-commerce-e-shopping-management-company-office-manager-using-statistics-develop-creative-project_482257-39076.jpg",
},
{
tag: "Files",
title: "Insurance Docs",
subtitle: "Current COI",
description: "Ensure your policy is active.",
imageSrc: "http://img.b2bpic.net/free-photo/view-messy-office-workspace-with-tablet-device_23-2150282021.jpg",
},
{
tag: "Check",
title: "Safety Logs",
subtitle: "Required history",
description: "Previous safety reports.",
imageSrc: "http://img.b2bpic.net/free-photo/employee-putting-sticky-notes-laptop-screen-as-work-reminder-company-office-manager-using-adhesive-post-it-paper-display-remember-business-schedule-presentation-close-up_482257-33914.jpg",
},
]}
title="Compliance Center"
description="Quickly upload and manage your required documentation."
/>
</div>
<div id="documents" data-section="documents">
<FeatureCardNineteen
textboxLayout="default"
useInvertedBackground={false}
features={[
{ tag: "Upload", title: "Certification Files", subtitle: "Valid credentials", description: "Upload your OSHA/safety certs here.", imageSrc: "http://img.b2bpic.net/free-photo/sales-assistant-planning-business-charts-digital-laptop-working-with-e-commerce-e-shopping-management-company-office-manager-using-statistics-develop-creative-project_482257-39076.jpg" },
{ tag: "Files", title: "Insurance Docs", subtitle: "Current COI", description: "Ensure your policy is active.", imageSrc: "http://img.b2bpic.net/free-photo/view-messy-office-workspace-with-tablet-device_23-2150282021.jpg" },
{ tag: "Check", title: "Safety Logs", subtitle: "Required history", description: "Previous safety reports.", imageSrc: "http://img.b2bpic.net/free-photo/employee-putting-sticky-notes-laptop-screen-as-work-reminder-company-office-manager-using-adhesive-post-it-paper-display-remember-business-schedule-presentation-close-up_482257-33914.jpg" },
]}
title="Compliance Center"
description="Quickly upload and manage your required documentation."
/>
</div>
<div id="access" data-section="access">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "1",
name: "Warehouse Level 1",
price: "Standard",
imageSrc: "http://img.b2bpic.net/free-photo/person-working-desk-vintage-90-s-style-office_23-2149851051.jpg",
},
{
id: "2",
name: "Warehouse Level 2",
price: "Restricted",
imageSrc: "http://img.b2bpic.net/free-photo/blank-white-id-badges-hanging-gray-background_9975-135594.jpg",
},
{
id: "3",
name: "Outdoor Yard",
price: "General",
imageSrc: "http://img.b2bpic.net/free-photo/hands-with-gloves-disinfecting-interphone_23-2148705101.jpg",
},
{
id: "4",
name: "Shipping Dock",
price: "Dock Only",
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-metro-card-travel-with-subway-city_23-2149491320.jpg",
},
{
id: "5",
name: "Admin Building",
price: "Visitor",
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-agent-showing-business-card_23-2147653374.jpg",
},
{
id: "6",
name: "Maintenance Floor",
price: "Expert",
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-data-privacy-id-card-template_23-2149482714.jpg",
},
]}
title="Badge Access Request"
description="Select the level of site access you require for your upcoming shift."
/>
</div>
<div id="access" data-section="access">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{ id: "1", name: "Warehouse Level 1", price: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/person-working-desk-vintage-90-s-style-office_23-2149851051.jpg" },
{ id: "2", name: "Warehouse Level 2", price: "Restricted", imageSrc: "http://img.b2bpic.net/free-photo/blank-white-id-badges-hanging-gray-background_9975-135594.jpg" },
{ id: "3", name: "Outdoor Yard", price: "General", imageSrc: "http://img.b2bpic.net/free-photo/hands-with-gloves-disinfecting-interphone_23-2148705101.jpg" },
{ id: "4", name: "Shipping Dock", price: "Dock Only", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-metro-card-travel-with-subway-city_23-2149491320.jpg" },
{ id: "5", name: "Admin Building", price: "Visitor", imageSrc: "http://img.b2bpic.net/free-photo/real-estate-agent-showing-business-card_23-2147653374.jpg" },
{ id: "6", name: "Maintenance Floor", price: "Expert", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-data-privacy-id-card-template_23-2149482714.jpg" },
]}
title="Badge Access Request"
description="Select the level of site access you require for your upcoming shift."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "99.8%",
title: "Compliance Rate",
description: "Successful uploads",
icon: CheckCircle,
},
{
id: "m2",
value: "24/7",
title: "System Support",
description: "Always here to help",
icon: Zap,
},
{
id: "m3",
value: "5k+",
title: "Contractors",
description: "Active users",
icon: Shield,
},
]}
title="Safety Performance"
description="Our commitment to zero incidents."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "99.8%", title: "Compliance Rate", description: "Successful uploads", icon: CheckCircle },
{ id: "m2", value: "24/7", title: "System Support", description: "Always here to help", icon: Zap },
{ id: "m3", value: "5k+", title: "Contractors", description: "Active users", icon: Shield },
]}
title="Safety Performance"
description="Our commitment to zero incidents."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah",
role: "Lead",
company: "Global",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
},
{
id: "2",
name: "Mark",
role: "Site Manager",
company: "Buildco",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-taking-notes-while-inspecting-workers-who-are-working-machine-factory-warehouse_637285-4887.jpg",
},
{
id: "3",
name: "Elena",
role: "Safety Lead",
company: "Techbuild",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-man-engineer-working-factory-making-order-phone_1303-28454.jpg",
},
{
id: "4",
name: "David",
role: "Owner",
company: "Elite",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-worker-standing-beside-heavy-machinery-warehouse-facility-wearing-safety-glasses_482257-135639.jpg",
},
{
id: "5",
name: "Jenny",
role: "Foreman",
company: "Buildit",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-business-executive-with-arms-crossed_1170-1133.jpg",
},
]}
title="Contractor Feedback"
description="What our partners say about the portal."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
testimonials={[
{ id: "1", name: "Sarah", role: "Lead", company: "Global", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg" },
{ id: "2", name: "Mark", role: "Site Manager", company: "Buildco", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-taking-notes-while-inspecting-workers-who-are-working-machine-factory-warehouse_637285-4887.jpg" },
{ id: "3", name: "Elena", role: "Safety Lead", company: "Techbuild", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-engineer-working-factory-making-order-phone_1303-28454.jpg" },
{ id: "4", name: "David", role: "Owner", company: "Elite", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-worker-standing-beside-heavy-machinery-warehouse-facility-wearing-safety-glasses_482257-135639.jpg" },
{ id: "5", name: "Jenny", role: "Foreman", company: "Buildit", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-business-executive-with-arms-crossed_1170-1133.jpg" },
]}
title="Contractor Feedback"
description="What our partners say about the portal."
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "How to upload?",
content: "Navigate to the Documents tab.",
},
{
id: "q2",
title: "Badge delivery?",
content: "Pickup at the main security office.",
},
{
id: "q3",
title: "Reset password?",
content: "Click forgot password on login.",
},
]}
title="Compliance Questions"
description="Everything you need to know."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ id: "q1", title: "How to upload?", content: "Navigate to the Documents tab." },
{ id: "q2", title: "Badge delivery?", content: "Pickup at the main security office." },
{ id: "q3", title: "Reset password?", content: "Click forgot password on login." },
]}
title="Compliance Questions"
description="Everything you need to know."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{
variant: "plain",
}}
tag="Assistance"
title="Need Help?"
description="Contact our safety support team for urgent access issues."
buttons={[
{
text: "Contact Support",
href: "mailto:safety@caterpillar.com",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{ variant: "plain" }}
tag="Assistance"
title="Need Help?"
description="Contact our safety support team for urgent access issues."
buttons={[{ text: "Contact Support", href: "mailto:safety@caterpillar.com" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Portal",
items: [
{
label: "Uploads",
href: "#documents",
},
{
label: "Badges",
href: "#access",
},
],
},
{
title: "Support",
items: [
{
label: "FAQ",
href: "#faq",
},
{
label: "Help Desk",
href: "#contact",
},
],
},
]}
bottomLeftText="© 2024 Caterpillar Inc."
bottomRightText="Privacy Policy"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "Portal", items: [{ label: "Uploads", href: "#documents" }, { label: "Badges", href: "#access" }] },
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Help Desk", href: "#contact" }] },
]}
bottomLeftText="© 2024 Caterpillar Inc."
bottomRightText="Privacy Policy"
/>
</div>
</ReactLenis>
</ThemeProvider>
);