bender/c05d04d5-aaad-4342-a4ea-36798abab9fc
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-03 10:32:39 +00:00
parent 886bd98d11
commit 47c1eafc83
1 changed files with 72 additions and 275 deletions
Download Patch File Download Diff File Expand all files Collapse all files

347
src/app/page.tsx
View File

@@ -34,46 +34,26 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Metrics",
id: "#metrics",
},
name: "Metrics", id: "#metrics"},
{
name: "Solutions",
id: "#solutions",
},
name: "Solutions", id: "#solutions"},
{
name: "Team",
id: "#team",
},
name: "Team", id: "#team"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Partners",
id: "#partners",
},
name: "Partners", id: "#partners"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
button={{
text: "Get a Demo",
href: "#contact",
}}
text: "Get a Demo", href: "#contact"}}
brandName="ForgeFlow"
/>
</div>
@@ -81,69 +61,44 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroBillboard
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Empower Your Construction Projects with ForgeFlow Dashboard"
description="Gain real-time insights, streamline workflows, and enhance collaboration across all your engineering and construction endeavors. Data-driven decisions for successful project delivery."
tag="Next-Gen Project Management"
tagIcon={Sparkles}
buttons={[
{
text: "Explore Features",
href: "#features",
},
text: "Explore Features", href: "#features"},
{
text: "Request a Demo",
href: "#contact",
},
text: "Request a Demo", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/photovoltaics-factory-engineer-looking-paperwork-documents-analyzing-data_482257-118009.jpg"
imageAlt="Construction engineering project dashboard showing real-time data and blueprints"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/front-view-smiley-architect-looking-camera_23-2148242889.jpg",
alt: "Senior Project Manager",
},
src: "http://img.b2bpic.net/free-photo/front-view-smiley-architect-looking-camera_23-2148242889.jpg", alt: "Senior Project Manager"},
{
src: "http://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12823.jpg",
alt: "Lead BIM Engineer",
},
src: "http://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12823.jpg", alt: "Lead BIM Engineer"},
{
src: "http://img.b2bpic.net/free-photo/portrait-tractor-operator_1398-1880.jpg",
alt: "Site Supervisor",
},
src: "http://img.b2bpic.net/free-photo/portrait-tractor-operator_1398-1880.jpg", alt: "Site Supervisor"},
{
src: "http://img.b2bpic.net/free-photo/thinking-business-ideas_1098-14443.jpg",
alt: "Construction Data Analyst",
},
src: "http://img.b2bpic.net/free-photo/thinking-business-ideas_1098-14443.jpg", alt: "Construction Data Analyst"},
{
src: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg",
alt: "Head of Engineering",
},
src: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg", alt: "Head of Engineering"},
]}
avatarText="Join 5000+ industry leaders"
marqueeItems={[
{
type: "text",
text: "Streamlined Operations",
},
type: "text", text: "Streamlined Operations"},
{
type: "text",
text: "Real-time Progress",
},
type: "text", text: "Real-time Progress"},
{
type: "text",
text: "Enhanced Collaboration",
},
type: "text", text: "Enhanced Collaboration"},
{
type: "text",
text: "Data-Driven Decisions",
},
type: "text", text: "Data-Driven Decisions"},
{
type: "text",
text: "Risk Mitigation",
},
type: "text", text: "Risk Mitigation"},
]}
marqueeSpeed={40}
/>
@@ -157,11 +112,8 @@ export default function LandingPage() {
title="Revolutionizing Construction Engineering with Smart Technology"
buttons={[
{
text: "Learn More",
href: "#",
},
text: "Learn More", href: "#"},
]}
description="ForgeFlow is built by engineers, for engineers. Our platform integrates advanced data analytics, AI-powered insights, and collaborative tools to transform how construction projects are planned, executed, and monitored. From initial design to final handover, we provide the intelligence you need to build smarter, faster, and safer."
/>
</div>
@@ -172,44 +124,17 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Real-time Site Monitoring",
author: "IoT Integration",
description: "Track progress, equipment, and personnel with live data feeds and drone imagery.",
tags: [
"IoT",
"Drones",
"Live Data",
],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-solar-panels-plant-expert-identifying-potential-system-failures_482257-120436.jpg",
imageAlt: "Real-time construction site monitoring dashboard",
},
id: "f1", title: "Real-time Site Monitoring", author: "IoT Integration", description: "Track progress, equipment, and personnel with live data feeds and drone imagery.", tags: [
"IoT", "Drones", "Live Data"],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-solar-panels-plant-expert-identifying-potential-system-failures_482257-120436.jpg", imageAlt: "Real-time construction site monitoring dashboard"},
{
id: "f2",
title: "Predictive Analytics for Risk",
author: "AI-Powered Insights",
description: "Anticipate project risks and cost overruns before they impact your schedule and budget.",
tags: [
"AI",
"Risk Management",
"Forecasting",
],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-holding-tablet_23-2148751965.jpg",
imageAlt: "Predictive analytics dashboard for construction risks",
},
id: "f2", title: "Predictive Analytics for Risk", author: "AI-Powered Insights", description: "Anticipate project risks and cost overruns before they impact your schedule and budget.", tags: [
"AI", "Risk Management", "Forecasting"],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-holding-tablet_23-2148751965.jpg", imageAlt: "Predictive analytics dashboard for construction risks"},
{
id: "f3",
title: "Automated Workflow Optimization",
author: "Process Efficiency",
description: "Automate routine tasks, approvals, and reporting to boost team productivity and reduce manual errors.",
tags: [
"Automation",
"Workflows",
"Efficiency",
],
imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-engineer-taking-notes-adjustments-make-after-analyzing-system-metrics_482257-135301.jpg",
imageAlt: "Automated construction workflow visualization",
},
id: "f3", title: "Automated Workflow Optimization", author: "Process Efficiency", description: "Automate routine tasks, approvals, and reporting to boost team productivity and reduce manual errors.", tags: [
"Automation", "Workflows", "Efficiency"],
imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-engineer-taking-notes-adjustments-make-after-analyzing-system-metrics_482257-135301.jpg", imageAlt: "Automated construction workflow visualization"},
]}
title="Key Features of ForgeFlow"
description="Discover the powerful tools that empower seamless project execution and data-driven decision-making."
@@ -226,25 +151,13 @@ export default function LandingPage() {
tagAnimation="slide-up"
metrics={[
{
id: "m1",
value: "25%+",
description: "Average cost savings achieved by our clients.",
},
id: "m1", value: "25%+", description: "Average cost savings achieved by our clients."},
{
id: "m2",
value: "15%",
description: "Reduction in project delays across all managed sites.",
},
id: "m2", value: "15%", description: "Reduction in project delays across all managed sites."},
{
id: "m3",
value: "99%",
description: "Safety compliance rate on ForgeFlow-powered projects.",
},
id: "m3", value: "99%", description: "Safety compliance rate on ForgeFlow-powered projects."},
{
id: "m4",
value: "4.9/5",
description: "Client satisfaction rating for our platform and support.",
},
id: "m4", value: "4.9/5", description: "Client satisfaction rating for our platform and support."},
]}
metricsAnimation="slide-up"
/>
@@ -258,65 +171,23 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "ForgeFlow",
name: "BIM Integration",
price: "Advanced",
rating: 5,
reviewCount: "50+ reviews",
imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-programmer-analyzing-data-with-machine-learning-tech_482257-118050.jpg",
imageAlt: "3D Building Information Modeling (BIM) software interface",
},
id: "p1", brand: "ForgeFlow", name: "BIM Integration", price: "Advanced", rating: 5,
reviewCount: "50+ reviews", imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-programmer-analyzing-data-with-machine-learning-tech_482257-118050.jpg", imageAlt: "3D Building Information Modeling (BIM) software interface"},
{
id: "p2",
brand: "ForgeFlow",
name: "Supply Chain Optimization",
price: "Essential",
rating: 4,
reviewCount: "70+ reviews",
imageSrc: "http://img.b2bpic.net/free-photo/engineering-team-doing-brainstorming-smart-factory-analyzing-iot-sensor-data_482257-126687.jpg",
imageAlt: "Optimized construction supply chain management system",
},
id: "p2", brand: "ForgeFlow", name: "Supply Chain Optimization", price: "Essential", rating: 4,
reviewCount: "70+ reviews", imageSrc: "http://img.b2bpic.net/free-photo/engineering-team-doing-brainstorming-smart-factory-analyzing-iot-sensor-data_482257-126687.jpg", imageAlt: "Optimized construction supply chain management system"},
{
id: "p3",
brand: "ForgeFlow",
name: "Remote Site Monitoring",
price: "Premium",
rating: 5,
reviewCount: "80+ reviews",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-old-man-with-laptop-outdoors_23-2148269386.jpg",
imageAlt: "Dashboard view for remote construction site monitoring",
},
id: "p3", brand: "ForgeFlow", name: "Remote Site Monitoring", price: "Premium", rating: 5,
reviewCount: "80+ reviews", imageSrc: "http://img.b2bpic.net/free-photo/side-view-old-man-with-laptop-outdoors_23-2148269386.jpg", imageAlt: "Dashboard view for remote construction site monitoring"},
{
id: "p4",
brand: "ForgeFlow",
name: "Document & Version Control",
price: "Essential",
rating: 4,
reviewCount: "65+ reviews",
imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037186.jpg",
imageAlt: "Digital document management system with version control",
},
id: "p4", brand: "ForgeFlow", name: "Document & Version Control", price: "Essential", rating: 4,
reviewCount: "65+ reviews", imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037186.jpg", imageAlt: "Digital document management system with version control"},
{
id: "p5",
brand: "ForgeFlow",
name: "Financial & Budget Tracking",
price: "Advanced",
rating: 5,
reviewCount: "55+ reviews",
imageSrc: "http://img.b2bpic.net/free-photo/contemporary-laptop-placework-construction-worker_329181-3495.jpg",
imageAlt: "Financial tracking interface with budget management",
},
id: "p5", brand: "ForgeFlow", name: "Financial & Budget Tracking", price: "Advanced", rating: 5,
reviewCount: "55+ reviews", imageSrc: "http://img.b2bpic.net/free-photo/contemporary-laptop-placework-construction-worker_329181-3495.jpg", imageAlt: "Financial tracking interface with budget management"},
{
id: "p6",
brand: "ForgeFlow",
name: "Resource & Equipment Allocation",
price: "Premium",
rating: 5,
reviewCount: "75+ reviews",
imageSrc: "http://img.b2bpic.net/free-photo/stock-portfolio-computer-monitor-containing-collection-financial-assets_482257-93465.jpg",
imageAlt: "Resource and equipment allocation module on a dashboard",
},
id: "p6", brand: "ForgeFlow", name: "Resource & Equipment Allocation", price: "Premium", rating: 5,
reviewCount: "75+ reviews", imageSrc: "http://img.b2bpic.net/free-photo/stock-portfolio-computer-monitor-containing-collection-financial-assets_482257-93465.jpg", imageAlt: "Resource and equipment allocation module on a dashboard"},
]}
title="Core Modules for Comprehensive Project Control"
description="ForgeFlow offers integrated modules designed to cover every aspect of your construction project lifecycle."
@@ -332,33 +203,13 @@ export default function LandingPage() {
useInvertedBackground={false}
team={[
{
id: "t1",
name: "Dr. Alex Sharma",
role: "Lead Civil Engineer",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-young-man-with-helmet_23-2148269289.jpg",
imageAlt: "Dr. Alex Sharma, Lead Civil Engineer",
},
id: "t1", name: "Dr. Alex Sharma", role: "Lead Civil Engineer", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-young-man-with-helmet_23-2148269289.jpg", imageAlt: "Dr. Alex Sharma, Lead Civil Engineer"},
{
id: "t2",
name: "Maria Rodriguez",
role: "Head of Project Management",
imageSrc: "http://img.b2bpic.net/free-photo/man-warehouse-working_23-2148886869.jpg",
imageAlt: "Maria Rodriguez, Head of Project Management",
},
id: "t2", name: "Maria Rodriguez", role: "Head of Project Management", imageSrc: "http://img.b2bpic.net/free-photo/man-warehouse-working_23-2148886869.jpg", imageAlt: "Maria Rodriguez, Head of Project Management"},
{
id: "t3",
name: "Ben Carter",
role: "Data Science Lead",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-safety-vest_23-2148751963.jpg",
imageAlt: "Ben Carter, Data Science Lead",
},
id: "t3", name: "Ben Carter", role: "Data Science Lead", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-safety-vest_23-2148751963.jpg", imageAlt: "Ben Carter, Data Science Lead"},
{
id: "t4",
name: "Chloe Wong",
role: "BIM Specialist",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman-studio_23-2148565552.jpg",
imageAlt: "Chloe Wong, BIM Specialist",
},
id: "t4", name: "Chloe Wong", role: "BIM Specialist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman-studio_23-2148565552.jpg", imageAlt: "Chloe Wong, BIM Specialist"},
]}
title="Meet the Innovators Behind ForgeFlow"
description="Our team of dedicated engineers, project managers, and data scientists are passionate about transforming the construction industry."
@@ -374,59 +225,23 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "ts1",
name: "John Davis",
handle: "@ApexConstruction",
testimonial: "ForgeFlow has completely changed how we manage our large-scale projects. The real-time data and predictive insights are invaluable.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman_1098-16876.jpg",
imageAlt: "John Davis, CEO of Apex Construction",
},
id: "ts1", name: "John Davis", handle: "@ApexConstruction", testimonial: "ForgeFlow has completely changed how we manage our large-scale projects. The real-time data and predictive insights are invaluable.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman_1098-16876.jpg", imageAlt: "John Davis, CEO of Apex Construction"},
{
id: "ts2",
name: "Sarah Chen",
handle: "@GlobalBuilds",
testimonial: "The collaborative tools and automated workflows have significantly boosted our team's productivity and reduced errors.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-engineer-hard-hat-building_1303-20550.jpg",
imageAlt: "Sarah Chen, Project Director at Global Builds",
},
id: "ts2", name: "Sarah Chen", handle: "@GlobalBuilds", testimonial: "The collaborative tools and automated workflows have significantly boosted our team's productivity and reduced errors.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-engineer-hard-hat-building_1303-20550.jpg", imageAlt: "Sarah Chen, Project Director at Global Builds"},
{
id: "ts3",
name: "Michael Lee",
handle: "@UrbanDevelop",
testimonial: "From supply chain optimization to safety compliance, ForgeFlow provides a holistic solution we can truly rely on.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12812.jpg",
imageAlt: "Michael Lee, Operations Manager at Urban Develop",
},
id: "ts3", name: "Michael Lee", handle: "@UrbanDevelop", testimonial: "From supply chain optimization to safety compliance, ForgeFlow provides a holistic solution we can truly rely on.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12812.jpg", imageAlt: "Michael Lee, Operations Manager at Urban Develop"},
{
id: "ts4",
name: "Emily White",
handle: "@GreenStructures",
testimonial: "The BIM integration is seamless, allowing us to identify and resolve clashes early, saving significant time and resources.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-2474.jpg",
imageAlt: "Emily White, Facilities Manager at Green Structures",
},
id: "ts4", name: "Emily White", handle: "@GreenStructures", testimonial: "The BIM integration is seamless, allowing us to identify and resolve clashes early, saving significant time and resources.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-2474.jpg", imageAlt: "Emily White, Facilities Manager at Green Structures"},
{
id: "ts5",
name: "David Kim",
handle: "@InnovativeArch",
testimonial: "ForgeFlow's insights into project financials and resource allocation are unparalleled. It's a game-changer for profitability.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/clients-realtor-touring-new-high-class-office-space_482257-90948.jpg",
imageAlt: "David Kim, Lead Architect at Innovative Arch",
},
id: "ts5", name: "David Kim", handle: "@InnovativeArch", testimonial: "ForgeFlow's insights into project financials and resource allocation are unparalleled. It's a game-changer for profitability.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/clients-realtor-touring-new-high-class-office-space_482257-90948.jpg", imageAlt: "David Kim, Lead Architect at Innovative Arch"},
{
id: "ts6",
name: "Jessica Brown",
handle: "@BridgeBuilders",
testimonial: "The platform's predictive analytics have given us an edge in risk mitigation, keeping our complex infrastructure projects on track.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-female-male-architect-wearing-hard-hat-looking-clipboard_23-2148203935.jpg",
imageAlt: "Jessica Brown, Civil Engineer at Bridge Builders",
},
id: "ts6", name: "Jessica Brown", handle: "@BridgeBuilders", testimonial: "The platform's predictive analytics have given us an edge in risk mitigation, keeping our complex infrastructure projects on track.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-female-male-architect-wearing-hard-hat-looking-clipboard_23-2148203935.jpg", imageAlt: "Jessica Brown, Civil Engineer at Bridge Builders"},
]}
showRating={true}
title="What Our Clients Say"
@@ -441,14 +256,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Apex Innovate",
"Global Structures",
"Urban Dynamics",
"Precision Build",
"Construct AI",
"Infrastructure Solutions",
"Tech Build Group",
]}
"Apex Innovate", "Global Structures", "Urban Dynamics", "Precision Build", "Construct AI", "Infrastructure Solutions", "Tech Build Group"]}
title="Trusted by Leading Engineering & Construction Firms"
description="ForgeFlow partners with industry leaders to deliver unparalleled project management and engineering excellence."
tag="Our Esteemed Partners"
@@ -459,21 +267,16 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Get in Touch"
tagIcon={Phone}
title="Ready to Transform Your Projects?"
description="Contact our sales team today to schedule a personalized demo and discover how ForgeFlow can revolutionize your construction engineering operations."
buttons={[
{
text: "Request a Demo",
href: "#",
},
text: "Request a Demo", href: "#"},
{
text: "Speak to Sales",
href: "#",
},
text: "Speak to Sales", href: "#"},
]}
/>
</div>
@@ -487,19 +290,13 @@ export default function LandingPage() {
socialLinks={[
{
icon: Linkedin,
href: "#",
ariaLabel: "LinkedIn",
},
href: "#", ariaLabel: "LinkedIn"},
{
icon: Twitter,
href: "#",
ariaLabel: "Twitter",
},
href: "#", ariaLabel: "Twitter"},
{
icon: Facebook,
href: "#",
ariaLabel: "Facebook",
},
href: "#", ariaLabel: "Facebook"},
]}
/>
</div>