bender/69495662-c4a3-49ec-8cd1-6a0b52353427
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-05-30 03:04:32 +00:00
parent c0d33ee8d9
commit e6e08fd30a
1 changed files with 61 additions and 248 deletions
Download Patch File Download Diff File Expand all files Collapse all files

309
src/app/page.tsx
View File

@@ -33,38 +33,22 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Projects",
id: "#projects",
},
name: "Projects", id: "#projects"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
button={{
text: "Get a Free Quote",
href: "#contact",
}}
text: "Get a Free Quote", href: "#contact"}}
logoSrc="http://img.b2bpic.net/free-vector/realistic-silver-frame-design_23-2149236265.jpg"
brandName="SteelFab Solutions"
/>
@@ -73,45 +57,28 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroBillboardCarousel
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
title="Precision Steel Fabrication for Your Vision"
description="Delivering custom steel solutions with unmatched quality and expertise for industrial, commercial, and artistic projects. We bring your most ambitious designs to life."
buttons={[
{
text: "Explore Services",
href: "#services",
},
text: "Explore Services", href: "#services"},
{
text: "Get a Free Quote",
href: "#contact",
},
text: "Get a Free Quote", href: "#contact"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-scafolding-building_1252-1176.jpg",
imageAlt: "Welding in a steel fabrication workshop",
},
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-scafolding-building_1252-1176.jpg", imageAlt: "Welding in a steel fabrication workshop"},
{
imageSrc: "http://img.b2bpic.net/free-photo/factory-worker-working-warehouse-handling-metal-material-production_342744-213.jpg",
imageAlt: "Engineer reviewing blueprints for a steel project",
},
imageSrc: "http://img.b2bpic.net/free-photo/factory-worker-working-warehouse-handling-metal-material-production_342744-213.jpg", imageAlt: "Engineer reviewing blueprints for a steel project"},
{
imageSrc: "http://img.b2bpic.net/free-photo/empty-corridor-modern-airport_1359-1139.jpg",
imageAlt: "Custom metal staircase in a modern building",
},
imageSrc: "http://img.b2bpic.net/free-photo/empty-corridor-modern-airport_1359-1139.jpg", imageAlt: "Custom metal staircase in a modern building"},
{
imageSrc: "http://img.b2bpic.net/free-photo/worker-is-controlling-process-rail-cutting-busy-metal-factory_613910-17188.jpg",
imageAlt: "CNC plasma cutting steel plate",
},
imageSrc: "http://img.b2bpic.net/free-photo/worker-is-controlling-process-rail-cutting-busy-metal-factory_613910-17188.jpg", imageAlt: "CNC plasma cutting steel plate"},
{
imageSrc: "http://img.b2bpic.net/free-photo/glassblower-heating-glass-glassblowers-oven_107420-74273.jpg",
imageAlt: "Polished steel architectural cladding",
},
imageSrc: "http://img.b2bpic.net/free-photo/glassblower-heating-glass-glassblowers-oven_107420-74273.jpg", imageAlt: "Polished steel architectural cladding"},
{
imageSrc: "http://img.b2bpic.net/free-photo/interior-view-steel-factory_1359-115.jpg",
imageAlt: "Worker grinding steel surface with sparks",
},
imageSrc: "http://img.b2bpic.net/free-photo/interior-view-steel-factory_1359-115.jpg", imageAlt: "Worker grinding steel surface with sparks"},
]}
/>
</div>
@@ -124,17 +91,11 @@ export default function LandingPage() {
description="With decades of experience, we specialize in transforming raw steel into custom components and structures. Our commitment to precision, durability, and innovation ensures your project's success from concept to completion."
bulletPoints={[
{
title: "Expert Design & Engineering",
description: "Our team of engineers and designers works closely with you to optimize designs for manufacturability and performance.",
},
title: "Expert Design & Engineering", description: "Our team of engineers and designers works closely with you to optimize designs for manufacturability and performance."},
{
title: "Advanced Fabrication Techniques",
description: "Utilizing state-of-the-art equipment and techniques, we deliver superior quality in every cut, weld, and finish.",
},
title: "Advanced Fabrication Techniques", description: "Utilizing state-of-the-art equipment and techniques, we deliver superior quality in every cut, weld, and finish."},
{
title: "Rigorous Quality Control",
description: "Every project undergoes strict quality checks to meet the highest industry standards and client expectations.",
},
title: "Rigorous Quality Control", description: "Every project undergoes strict quality checks to meet the highest industry standards and client expectations."},
]}
imageSrc="http://img.b2bpic.net/free-photo/advanced-diagnostic-lab-with-metallic-equipment-sterile-testing-environment_482257-124278.jpg"
imageAlt="Steel fabrication workshop with workers and machinery"
@@ -150,29 +111,13 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Custom Welding Solutions",
description: "MIG, TIG, and Stick welding expertise for a variety of metals, ensuring strong and aesthetically pleasing joints for all structural and artistic projects.",
imageSrc: "http://img.b2bpic.net/free-photo/electric-wheel-grinding-steel-structure_1359-251.jpg",
imageAlt: "Close-up of welding sparks",
},
title: "Custom Welding Solutions", description: "MIG, TIG, and Stick welding expertise for a variety of metals, ensuring strong and aesthetically pleasing joints for all structural and artistic projects.", imageSrc: "http://img.b2bpic.net/free-photo/electric-wheel-grinding-steel-structure_1359-251.jpg", imageAlt: "Close-up of welding sparks"},
{
title: "Precision Cutting & Shearing",
description: "Utilizing advanced CNC plasma, laser, and waterjet cutting, we achieve intricate designs and precise dimensions for all sheet and plate metal.",
imageSrc: "http://img.b2bpic.net/free-photo/man-producing-craft-beer_23-2148111003.jpg",
imageAlt: "Automated laser cutting machine",
},
title: "Precision Cutting & Shearing", description: "Utilizing advanced CNC plasma, laser, and waterjet cutting, we achieve intricate designs and precise dimensions for all sheet and plate metal.", imageSrc: "http://img.b2bpic.net/free-photo/man-producing-craft-beer_23-2148111003.jpg", imageAlt: "Automated laser cutting machine"},
{
title: "Metal Forming & Bending",
description: "Specialized press brake and rolling capabilities for accurate shaping and forming of steel plates, tubes, and custom profiles to match design specifications.",
imageSrc: "http://img.b2bpic.net/free-photo/production-process-details_140725-8070.jpg",
imageAlt: "Sheet metal bending machine",
},
title: "Metal Forming & Bending", description: "Specialized press brake and rolling capabilities for accurate shaping and forming of steel plates, tubes, and custom profiles to match design specifications.", imageSrc: "http://img.b2bpic.net/free-photo/production-process-details_140725-8070.jpg", imageAlt: "Sheet metal bending machine"},
{
title: "Finishing & Assembly",
description: "From grinding and polishing to powder coating and painting, we provide superior finishes and meticulous assembly for a complete, ready-to-install product.",
imageSrc: "http://img.b2bpic.net/free-photo/person-chops-steel-plate_140725-7909.jpg",
imageAlt: "Metal finishing and grinding",
},
title: "Finishing & Assembly", description: "From grinding and polishing to powder coating and painting, we provide superior finishes and meticulous assembly for a complete, ready-to-install product.", imageSrc: "http://img.b2bpic.net/free-photo/person-chops-steel-plate_140725-7909.jpg", imageAlt: "Metal finishing and grinding"},
]}
title="Our Core Fabrication Services"
description="From concept to installation, we offer a comprehensive range of custom steel fabrication services tailored to your specific needs and project requirements."
@@ -187,47 +132,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "project-1",
name: "Industrial Staircase & Railings",
price: "Complex",
imageSrc: "http://img.b2bpic.net/free-photo/modern-metal-staircase_158595-5087.jpg",
imageAlt: "Custom industrial steel staircase and railings",
},
id: "project-1", name: "Industrial Staircase & Railings", price: "Complex", imageSrc: "http://img.b2bpic.net/free-photo/modern-metal-staircase_158595-5087.jpg", imageAlt: "Custom industrial steel staircase and railings"},
{
id: "project-2",
name: "Structural Steel Framework",
price: "Large Scale",
imageSrc: "http://img.b2bpic.net/free-photo/interior-view-steel-factory_1359-191.jpg",
imageAlt: "Structural steel framework for a commercial building",
},
id: "project-2", name: "Structural Steel Framework", price: "Large Scale", imageSrc: "http://img.b2bpic.net/free-photo/interior-view-steel-factory_1359-191.jpg", imageAlt: "Structural steel framework for a commercial building"},
{
id: "project-3",
name: "Stainless Steel Kitchens",
price: "Specialized",
imageSrc: "http://img.b2bpic.net/free-photo/stainless-steel-silos_1127-3294.jpg",
imageAlt: "Custom stainless steel kitchen equipment",
},
id: "project-3", name: "Stainless Steel Kitchens", price: "Specialized", imageSrc: "http://img.b2bpic.net/free-photo/stainless-steel-silos_1127-3294.jpg", imageAlt: "Custom stainless steel kitchen equipment"},
{
id: "project-4",
name: "Architectural Metal Signage",
price: "Artistic",
imageSrc: "http://img.b2bpic.net/free-psd/glossy-metal-letter-h-textured-metallic-background_511564-2879.jpg",
imageAlt: "Custom fabricated architectural metal signage",
},
id: "project-4", name: "Architectural Metal Signage", price: "Artistic", imageSrc: "http://img.b2bpic.net/free-psd/glossy-metal-letter-h-textured-metallic-background_511564-2879.jpg", imageAlt: "Custom fabricated architectural metal signage"},
{
id: "project-5",
name: "Heavy Equipment Components",
price: "Precision",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-hydraulic-elements_23-2149333327.jpg",
imageAlt: "Custom steel components for heavy machinery",
},
id: "project-5", name: "Heavy Equipment Components", price: "Precision", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-hydraulic-elements_23-2149333327.jpg", imageAlt: "Custom steel components for heavy machinery"},
{
id: "project-6",
name: "Bespoke Metal Furniture",
price: "Unique",
imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797699.jpg",
imageAlt: "Custom designed bespoke metal furniture",
},
id: "project-6", name: "Bespoke Metal Furniture", price: "Unique", imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797699.jpg", imageAlt: "Custom designed bespoke metal furniture"},
]}
title="Featured Custom Projects"
description="Explore a selection of our recent steel fabrication projects, showcasing our versatility, craftsmanship, and ability to deliver complex solutions across various industries."
@@ -236,33 +151,16 @@ export default function LandingPage() {
<div id="metrics" data-section="metrics">
<MetricCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "metric-1",
value: "25+",
title: "Years of Experience",
description: "Leading the industry with decades of expertise in custom steel fabrication.",
imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-smart-factory-team-leader-workers-analyzing-data_482257-126207.jpg",
imageAlt: "Experienced workers in a busy workshop",
},
id: "metric-1", value: "25+", title: "Years of Experience", description: "Leading the industry with decades of expertise in custom steel fabrication.", imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-smart-factory-team-leader-workers-analyzing-data_482257-126207.jpg", imageAlt: "Experienced workers in a busy workshop"},
{
id: "metric-2",
value: "500+",
title: "Successful Projects",
description: "Delivering a diverse range of high-quality, on-time fabrication solutions for satisfied clients.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-worker-hard-hat-large-waste-recycling-factory_146671-19588.jpg",
imageAlt: "Quality control inspection of a steel component",
},
id: "metric-2", value: "500+", title: "Successful Projects", description: "Delivering a diverse range of high-quality, on-time fabrication solutions for satisfied clients.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-worker-hard-hat-large-waste-recycling-factory_146671-19588.jpg", imageAlt: "Quality control inspection of a steel component"},
{
id: "metric-3",
value: "98%",
title: "Client Satisfaction",
description: "Our commitment to excellence ensures clients consistently receive superior service and results.",
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-technology-connects-internet-space-communication-sphere-generated-by-ai_188544-30796.jpg",
imageAlt: "Global map indicating successful projects",
},
id: "metric-3", value: "98%", title: "Client Satisfaction", description: "Our commitment to excellence ensures clients consistently receive superior service and results.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-technology-connects-internet-space-communication-sphere-generated-by-ai_188544-30796.jpg", imageAlt: "Global map indicating successful projects"},
]}
title="Impactful Milestones"
description="Our dedication to quality, efficiency, and client satisfaction is reflected in our proud achievements and project successes over the years."
@@ -275,50 +173,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
title: "Unmatched Quality and Service",
quote: "SteelFab Solutions exceeded our expectations with their attention to detail and ability to deliver complex structural steel components ahead of schedule. Truly professional!",
name: "Sarah Johnson",
role: "Project Manager",
imageSrc: "http://img.b2bpic.net/free-photo/male-worker-construction-wearing-protection-gear_23-2148784062.jpg",
imageAlt: "Sarah Johnson, Project Manager",
},
id: "1", title: "Unmatched Quality and Service", quote: "SteelFab Solutions exceeded our expectations with their attention to detail and ability to deliver complex structural steel components ahead of schedule. Truly professional!", name: "Sarah Johnson", role: "Project Manager", imageSrc: "http://img.b2bpic.net/free-photo/male-worker-construction-wearing-protection-gear_23-2148784062.jpg", imageAlt: "Sarah Johnson, Project Manager"},
{
id: "2",
title: "Reliable Partner for Large Projects",
quote: "For our multi-phase industrial expansion, SteelFab Solutions proved to be an invaluable partner. Their expertise in heavy fabrication is second to none.",
name: "Michael Chen",
role: "Operations Director",
imageSrc: "http://img.b2bpic.net/free-photo/confident-asian-woman-smiling-camera_482257-120826.jpg",
imageAlt: "Michael Chen, Operations Director",
},
id: "2", title: "Reliable Partner for Large Projects", quote: "For our multi-phase industrial expansion, SteelFab Solutions proved to be an invaluable partner. Their expertise in heavy fabrication is second to none.", name: "Michael Chen", role: "Operations Director", imageSrc: "http://img.b2bpic.net/free-photo/confident-asian-woman-smiling-camera_482257-120826.jpg", imageAlt: "Michael Chen, Operations Director"},
{
id: "3",
title: "Precision and Craftsmanship",
quote: "We needed bespoke steel elements for a new architectural project, and SteelFab Solutions delivered with incredible precision and a level of craftsmanship that truly stood out.",
name: "Emily Rodriguez",
role: "Lead Architect",
imageSrc: "http://img.b2bpic.net/free-photo/smart-asian-engineer-manager-with-safety-uniform-checking-site-construction-with-steel-concrete-structure-background_609648-1336.jpg",
imageAlt: "Emily Rodriguez, Lead Architect",
},
id: "3", title: "Precision and Craftsmanship", quote: "We needed bespoke steel elements for a new architectural project, and SteelFab Solutions delivered with incredible precision and a level of craftsmanship that truly stood out.", name: "Emily Rodriguez", role: "Lead Architect", imageSrc: "http://img.b2bpic.net/free-photo/smart-asian-engineer-manager-with-safety-uniform-checking-site-construction-with-steel-concrete-structure-background_609648-1336.jpg", imageAlt: "Emily Rodriguez, Lead Architect"},
{
id: "4",
title: "Exceptional Support and Flexibility",
quote: "Their team was incredibly responsive and flexible throughout the entire fabrication process. They adapted to our changes seamlessly, making the project a huge success.",
name: "David Kim",
role: "Construction Manager",
imageSrc: "http://img.b2bpic.net/free-photo/young-male-working-wood-engraving-workshop_23-2149185461.jpg",
imageAlt: "David Kim, Construction Manager",
},
id: "4", title: "Exceptional Support and Flexibility", quote: "Their team was incredibly responsive and flexible throughout the entire fabrication process. They adapted to our changes seamlessly, making the project a huge success.", name: "David Kim", role: "Construction Manager", imageSrc: "http://img.b2bpic.net/free-photo/young-male-working-wood-engraving-workshop_23-2149185461.jpg", imageAlt: "David Kim, Construction Manager"},
{
id: "5",
title: "Innovative Solutions for Challenging Designs",
quote: "SteelFab Solutions took on our most challenging custom design and not only met but surpassed our expectations. Their innovative approach saved us time and resources.",
name: "Jessica Lee",
role: "Product Development Head",
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-hispanic-woman-architect-doing-ok-gesture-with-thumbs-up-street_839833-29290.jpg",
imageAlt: "Jessica Lee, Product Development Head",
},
id: "5", title: "Innovative Solutions for Challenging Designs", quote: "SteelFab Solutions took on our most challenging custom design and not only met but surpassed our expectations. Their innovative approach saved us time and resources.", name: "Jessica Lee", role: "Product Development Head", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-hispanic-woman-architect-doing-ok-gesture-with-thumbs-up-street_839833-29290.jpg", imageAlt: "Jessica Lee, Product Development Head"},
]}
title="What Our Clients Say"
description="Hear directly from businesses and individuals who have experienced the quality, reliability, and precision of our custom steel fabrication services."
@@ -330,15 +193,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Global Build Corp",
"Apex Engineering",
"Industrial Innovations",
"Urban Constructors",
"Precision Machining Inc",
"Architectural Design Co",
"Heavy Duty Logistics",
"Eco Solutions Group",
]}
"Global Build Corp", "Apex Engineering", "Industrial Innovations", "Urban Constructors", "Precision Machining Inc", "Architectural Design Co", "Heavy Duty Logistics", "Eco Solutions Group"]}
title="Trusted by Industry Leaders"
description="We are proud to partner with a diverse range of clients, delivering robust and reliable steel solutions across various sectors, from construction to specialized manufacturing."
/>
@@ -350,25 +205,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq-1",
title: "What types of steel do you work with?",
content: "We specialize in fabricating with various steel types, including mild steel, stainless steel (304, 316), and aluminum, tailored to your project's specific requirements and environmental conditions.",
},
id: "faq-1", title: "What types of steel do you work with?", content: "We specialize in fabricating with various steel types, including mild steel, stainless steel (304, 316), and aluminum, tailored to your project's specific requirements and environmental conditions."},
{
id: "faq-2",
title: "What is your typical project timeline?",
content: "Project timelines vary depending on complexity and scale. We provide a detailed estimate after the initial consultation and design phase, aiming for efficient and timely delivery without compromising quality.",
},
id: "faq-2", title: "What is your typical project timeline?", content: "Project timelines vary depending on complexity and scale. We provide a detailed estimate after the initial consultation and design phase, aiming for efficient and timely delivery without compromising quality."},
{
id: "faq-3",
title: "Can you handle custom designs and prototypes?",
content: "Absolutely. Custom designs and prototypes are our specialty. Our engineering team works closely with you to refine designs, ensuring optimal functionality and manufacturability before full-scale production.",
},
id: "faq-3", title: "Can you handle custom designs and prototypes?", content: "Absolutely. Custom designs and prototypes are our specialty. Our engineering team works closely with you to refine designs, ensuring optimal functionality and manufacturability before full-scale production."},
{
id: "faq-4",
title: "Do you offer installation services?",
content: "Yes, we offer comprehensive installation services for all fabricated components and structures. Our experienced team ensures safe and precise on-site assembly and integration.",
},
id: "faq-4", title: "Do you offer installation services?", content: "Yes, we offer comprehensive installation services for all fabricated components and structures. Our experienced team ensures safe and precise on-site assembly and integration."},
]}
title="Frequently Asked Questions"
description="Find answers to common questions about our steel fabrication services, project processes, material options, and how we ensure quality for every client."
@@ -380,20 +223,15 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
tag="Get a Quote"
title="Start Your Steel Fabrication Project"
description="Ready to bring your vision to life? Contact us today for a consultation and a detailed quote tailored to your custom requirements. Our experts are here to help."
buttons={[
{
text: "Request a Quote",
href: "mailto:info@steelfabsolutions.com",
},
text: "Request a Quote", href: "mailto:info@steelfabsolutions.com"},
{
text: "Call Us Now",
href: "tel:+1234567890",
},
text: "Call Us Now", href: "tel:+1234567890"},
]}
/>
</div>
@@ -407,62 +245,37 @@ export default function LandingPage() {
logoText="SteelFab Solutions"
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Welding",
href: "#services",
},
label: "Welding", href: "#services"},
{
label: "Cutting",
href: "#services",
},
label: "Cutting", href: "#services"},
{
label: "Forming",
href: "#services",
},
label: "Forming", href: "#services"},
{
label: "Finishing",
href: "#services",
},
label: "Finishing", href: "#services"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Projects",
href: "#projects",
},
label: "Projects", href: "#projects"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{
label: "LinkedIn",
href: "#",
},
label: "LinkedIn", href: "#"},
{
label: "Facebook",
href: "#",
},
label: "Facebook", href: "#"},
{
label: "Instagram",
href: "#",
},
label: "Instagram", href: "#"},
],
},
]}