bender/c1e52cf0-f578-4bde-9777-ecc830fa2d98
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #1

Merged
bender merged 2 commits from version_1 into main 2026-05-01 03:39:44 +00:00
Conversation 0 Commits 2 Files Changed 2 +44 -239
2 changed files with 44 additions and 239 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/layout.tsx
View File

@@ -11,8 +11,8 @@ import { Mulish } from "next/font/google";
export const metadata: Metadata = {
title: 'SteelStructure | Professional Metal Architecture & Construction',
description: 'Leading industrial and commercial steel construction firm. We build durable structures that stand the test of time.',
title: 'SteelStructure | Durable Metal Engineering Solutions',
description: 'Professional steel structure engineering and construction. Industrial, commercial, and infrastructure building solutions.',
openGraph: {
"title": "SteelStructure | Metal Construction Specialists",
"description": "High-conversion architecture and metal structure construction.",

279
src/app/page.tsx
View File

@@ -32,69 +32,30 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Overview",
id: "hero",
},
{
name: "Expertise",
id: "features",
},
{
name: "Portfolio",
id: "products",
},
{
name: "Clients",
id: "social-proof",
},
{
name: "Contact",
id: "contact",
},
{ name: "Overview", id: "hero" },
{ name: "Expertise", id: "features" },
{ name: "Portfolio", id: "products" },
{ name: "Clients", id: "social-proof" },
{ name: "Contact", id: "contact" },
]}
brandName="SteelStructure"
button={{ text: "Get Started", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Steel Structures Built to Last Longer"
description="We design and construct custom metal frameworks that combine durability, cost-efficiency, and architectural innovation. From industrial warehouses to commercial complexes, our projects deliver on time and on budget."
buttons={[
{
text: "View Our Projects",
href: "#products",
},
]}
buttons={[{ text: "View Our Projects", href: "#products" }]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-white-ferris-wheel-against-blue-sky_23-2147910417.jpg",
imageAlt: "Industrial warehouse steel framing",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/stainless-steel-detail-machinery_114579-2839.jpg",
imageAlt: "Detail of steel beam connections",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-glass-skyscraper-facade-with-sky-building-reflections_23-2152032143.jpg",
imageAlt: "Commercial steel office facade",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-yellow-grey-fragments-modern-bridge_181624-17554.jpg",
imageAlt: "Large infrastructure steel project",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-modern-book-shelf-stairs_23-2148238645.jpg",
imageAlt: "Apartment structural steel interior",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-modern-residential-complex-with-central-park_23-2151963030.jpg",
imageAlt: "Logistics hub metal roof",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-white-ferris-wheel-against-blue-sky_23-2147910417.jpg", imageAlt: "Industrial warehouse steel framing" },
{ imageSrc: "http://img.b2bpic.net/free-photo/stainless-steel-detail-machinery_114579-2839.jpg", imageAlt: "Detail of steel beam connections" },
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-glass-skyscraper-facade-with-sky-building-reflections_23-2152032143.jpg", imageAlt: "Commercial steel office facade" },
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-yellow-grey-fragments-modern-bridge_181624-17554.jpg", imageAlt: "Large infrastructure steel project" },
{ imageSrc: "http://img.b2bpic.net/free-photo/minimalist-modern-book-shelf-stairs_23-2148238645.jpg", imageAlt: "Apartment structural steel interior" },
{ imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-modern-residential-complex-with-central-park_23-2151963030.jpg", imageAlt: "Logistics hub metal roof" },
]}
/>
</div>
@@ -103,12 +64,7 @@ export default function LandingPage() {
<TextAbout
useInvertedBackground={false}
title="Engineering Excellence in Every Connection"
buttons={[
{
text: "Learn Our Process",
href: "#contact",
},
]}
buttons={[{ text: "Learn Our Process", href: "#contact" }]}
/>
</div>
@@ -119,21 +75,9 @@ export default function LandingPage() {
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={true}
features={[
{
title: "Precision Design",
description: "Custom engineering tailored to exact site needs and environmental demands.",
imageSrc: "http://img.b2bpic.net/free-vector/creative-architecture-25-glyph-solid-black-icon-pack-such-as-tools-education-architect-design-tool_1142-26692.jpg",
},
{
title: "Structural Integrity",
description: "High-grade materials ensuring safety and extreme longevity for your assets.",
imageSrc: "http://img.b2bpic.net/free-vector/shield-check-cross-sihouette_78370-4170.jpg",
},
{
title: "Accelerated Timelines",
description: "Strategic project management reducing construction cycles significantly.",
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-calendar-data-checklist-with-pencil_107791-16202.jpg",
},
{ title: "Precision Design", description: "Custom engineering tailored to exact site needs and environmental demands.", imageSrc: "http://img.b2bpic.net/free-vector/creative-architecture-25-glyph-solid-black-icon-pack-such-as-tools-education-architect-design-tool_1142-26692.jpg" },
{ title: "Structural Integrity", description: "High-grade materials ensuring safety and extreme longevity for your assets.", imageSrc: "http://img.b2bpic.net/free-vector/shield-check-cross-sihouette_78370-4170.jpg" },
{ title: "Accelerated Timelines", description: "Strategic project management reducing construction cycles significantly.", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-calendar-data-checklist-with-pencil_107791-16202.jpg" },
]}
title="Core Structural Competencies"
description="We provide comprehensive building solutions with strict adherence to structural integrity and architectural vision."
@@ -142,46 +86,17 @@ export default function LandingPage() {
<div id="products" data-section="products">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Logistics Hub",
price: "Turnkey Solution",
imageSrc: "http://img.b2bpic.net/free-photo/industrial-park-factory-building-warehouse_1417-1911.jpg",
},
{
id: "p2",
name: "Office Complex",
price: "Architectural Design",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-office-buildings_1359-605.jpg",
},
{
id: "p3",
name: "Retail Center",
price: "Fast-Track Build",
imageSrc: "http://img.b2bpic.net/free-photo/interior-contemporary-building_1127-2202.jpg",
},
{
id: "p4",
name: "Manufacturing Plant",
price: "Large Span Engineering",
imageSrc: "http://img.b2bpic.net/free-photo/modern-warehouse-bathed-glow-setting-sun_91128-4255.jpg",
},
{
id: "p5",
name: "Parking Structure",
price: "High Density Design",
imageSrc: "http://img.b2bpic.net/free-photo/metallic-structure-with-wooden-ceiling_250224-354.jpg",
},
{
id: "p6",
name: "Industrial Workshop",
price: "Custom Framework",
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-angle-grinder-polishing-metal-with-sparks_651396-2844.jpg",
},
{ id: "p1", name: "Logistics Hub", price: "Turnkey Solution", imageSrc: "http://img.b2bpic.net/free-photo/industrial-park-factory-building-warehouse_1417-1911.jpg" },
{ id: "p2", name: "Office Complex", price: "Architectural Design", imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-office-buildings_1359-605.jpg" },
{ id: "p3", name: "Retail Center", price: "Fast-Track Build", imageSrc: "http://img.b2bpic.net/free-photo/interior-contemporary-building_1127-2202.jpg" },
{ id: "p4", name: "Manufacturing Plant", price: "Large Span Engineering", imageSrc: "http://img.b2bpic.net/free-photo/modern-warehouse-bathed-glow-setting-sun_91128-4255.jpg" },
{ id: "p5", name: "Parking Structure", price: "High Density Design", imageSrc: "http://img.b2bpic.net/free-photo/metallic-structure-with-wooden-ceiling_250224-354.jpg" },
{ id: "p6", name: "Industrial Workshop", price: "Custom Framework", imageSrc: "http://img.b2bpic.net/free-photo/man-holding-angle-grinder-polishing-metal-with-sparks_651396-2844.jpg" },
]}
title="Featured Project Portfolio"
description="Showcasing structural innovation across commercial and industrial landscapes."
@@ -194,27 +109,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "150+",
title: "Completed Projects",
description: "Robust structures finished on time.",
imageSrc: "http://img.b2bpic.net/free-vector/construction-concept-illustration_98292-7248.jpg",
},
{
id: "m2",
value: "100%",
title: "Safety Record",
description: "Uncompromising adherence to safety protocols.",
imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637777.jpg",
},
{
id: "m3",
value: "20+",
title: "Years Experience",
description: "Decades of engineering mastery.",
imageSrc: "http://img.b2bpic.net/free-vector/construction-flat-background_23-2148174944.jpg",
},
{ id: "m1", value: "150+", title: "Completed Projects", description: "Robust structures finished on time.", imageSrc: "http://img.b2bpic.net/free-vector/construction-concept-illustration_98292-7248.jpg" },
{ id: "m2", value: "100%", title: "Safety Record", description: "Uncompromising adherence to safety protocols.", imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637777.jpg" },
{ id: "m3", value: "20+", title: "Years Experience", description: "Decades of engineering mastery.", imageSrc: "http://img.b2bpic.net/free-vector/construction-flat-background_23-2148174944.jpg" },
]}
title="Proven Performance Results"
description="Quantifiable success delivering reliable infrastructure solutions for our clients."
@@ -227,41 +124,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
handle: "CEO, TechCorp",
testimonial: "Excellent team. Our new warehouse stands as a model for modern steel structure construction.",
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-architect-hard-hat_1303-19001.jpg",
},
{
id: "2",
name: "Michael Chen",
handle: "CTO, LabOps",
testimonial: "Structural integrity exceeded expectations. Professional execution.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-with-blue-shirt-schematics_23-2148269824.jpg",
},
{
id: "3",
name: "Emily Rodriguez",
handle: "Manager, GrowthCo",
testimonial: "They delivered on schedule despite difficult site conditions.",
imageSrc: "http://img.b2bpic.net/free-photo/gesturing-ok-handsome-middle-aged-businessman-architect-construction-helmet-handsome-mature-head-construction-black-suit-architect-concept_549566-1039.jpg",
},
{
id: "4",
name: "David Kim",
handle: "Owner, RetailPark",
testimonial: "Outstanding attention to detail and proactive communication throughout.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-document_23-2149445754.jpg",
},
{
id: "5",
name: "Robert Miller",
handle: "Lead Engineer, Infrastructure",
testimonial: "Precision engineering that simplifies long-term maintenance requirements.",
imageSrc: "http://img.b2bpic.net/free-photo/team-business-people-group-architect-engineers-international-partners_1157-48547.jpg",
},
{ id: "1", name: "Sarah Johnson", handle: "CEO, TechCorp", testimonial: "Excellent team. Our new warehouse stands as a model for modern steel structure construction.", imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-architect-hard-hat_1303-19001.jpg" },
{ id: "2", name: "Michael Chen", handle: "CTO, LabOps", testimonial: "Structural integrity exceeded expectations. Professional execution.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-with-blue-shirt-schematics_23-2148269824.jpg" },
{ id: "3", name: "Emily Rodriguez", handle: "Manager, GrowthCo", testimonial: "They delivered on schedule despite difficult site conditions.", imageSrc: "http://img.b2bpic.net/free-photo/gesturing-ok-handsome-middle-aged-businessman-architect-construction-helmet-handsome-mature-head-construction-black-suit-architect-concept_549566-1039.jpg" },
{ id: "4", name: "David Kim", handle: "Owner, RetailPark", testimonial: "Outstanding attention to detail and proactive communication throughout.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-document_23-2149445754.jpg" },
{ id: "5", name: "Robert Miller", handle: "Lead Engineer, Infrastructure", testimonial: "Precision engineering that simplifies long-term maintenance requirements.", imageSrc: "http://img.b2bpic.net/free-photo/team-business-people-group-architect-engineers-international-partners_1157-48547.jpg" },
]}
title="Client Perspectives"
description="What our commercial partners say about our build quality and project oversight."
@@ -273,14 +140,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Alpha Industry",
"Beta Real Estate",
"Gamma Logistics",
"Delta Developments",
"Epsilon Infrastructure",
"Zeta Metal Works",
"Eta Building Solutions",
]}
"Alpha Industry", "Beta Real Estate", "Gamma Logistics", "Delta Developments", "Epsilon Infrastructure", "Zeta Metal Works", "Eta Building Solutions"]}
title="Trusted by Leaders"
description="Collaborating with visionaries in real estate, industry, and logistics."
/>
@@ -290,21 +150,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "What project types do you specialize in?",
content: "We focus on industrial, commercial, and infrastructure metal structures.",
},
{
id: "f2",
title: "What is your pricing model?",
content: "We offer transparent, phased pricing based on structural complexity.",
},
{
id: "f3",
title: "How do you handle site safety?",
content: "Safety is integrated into every phase, meeting or exceeding all OSHA requirements.",
},
{ id: "f1", title: "What project types do you specialize in?", content: "We focus on industrial, commercial, and infrastructure metal structures." },
{ id: "f2", title: "What is your pricing model?", content: "We offer transparent, phased pricing based on structural complexity." },
{ id: "f3", title: "How do you handle site safety?", content: "Safety is integrated into every phase, meeting or exceeding all OSHA requirements." },
]}
sideTitle="Common Inquiries"
faqsAnimation="slide-up"
@@ -314,18 +162,11 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
background={{ variant: "radial-gradient" }}
tag="Let's Build"
title="Get Started on Your Next Project"
description="Discuss your site vision with our engineering team today."
buttons={[
{
text: "Contact Our Team",
href: "#",
},
]}
buttons={[{ text: "Contact Our Team", href: "#" }]}
/>
</div>
@@ -334,45 +175,9 @@ export default function LandingPage() {
imageSrc="http://img.b2bpic.net/free-photo/building-with-ventilation-pipes_1127-2158.jpg"
logoText="SteelStructure"
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Careers",
href: "#",
},
],
},
{
title: "Solutions",
items: [
{
label: "Industrial",
href: "#",
},
{
label: "Commercial",
href: "#",
},
],
},
{
title: "Support",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Contact",
href: "#contact",
},
],
},
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }] },
{ title: "Solutions", items: [{ label: "Industrial", href: "#" }, { label: "Commercial", href: "#" }] },
{ title: "Support", items: [{ label: "Privacy Policy", href: "#" }, { label: "Contact", href: "#contact" }] },
]}
/>
</div>