|
|
|
|
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
|
|
|
|
<NavbarStyleApple
|
|
|
|
|
navItems={[
|
|
|
|
|
{
|
|
|
|
|
name: "Home",
|
|
|
|
|
id: "/",
|
|
|
|
|
},
|
|
|
|
|
name: "Home", id: "/"},
|
|
|
|
|
{
|
|
|
|
|
name: "About",
|
|
|
|
|
id: "/about",
|
|
|
|
|
},
|
|
|
|
|
name: "About", id: "/about"},
|
|
|
|
|
{
|
|
|
|
|
name: "Portfolio",
|
|
|
|
|
id: "/portfolio",
|
|
|
|
|
},
|
|
|
|
|
name: "Portfolio", id: "/portfolio"},
|
|
|
|
|
{
|
|
|
|
|
name: "Contact",
|
|
|
|
|
id: "/contact",
|
|
|
|
|
},
|
|
|
|
|
name: "Contact", id: "/contact"},
|
|
|
|
|
]}
|
|
|
|
|
brandName="SteelStructureEng"
|
|
|
|
|
/>
|
|
|
|
|
@@ -52,113 +44,63 @@ export default function LandingPage() {
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroSplitDoubleCarousel
|
|
|
|
|
background={{
|
|
|
|
|
variant: "gradient-bars",
|
|
|
|
|
}}
|
|
|
|
|
variant: "gradient-bars"}}
|
|
|
|
|
title="Precision Structural Engineering"
|
|
|
|
|
description="Redefining industrial resilience through advanced calculations, structural innovation, and engineering excellence for the modern construction landscape."
|
|
|
|
|
leftCarouselItems={[
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/african-american-lady-safety-helmet-sitting-near-model-building_23-2148039864.jpg?_wi=1",
|
|
|
|
|
imageAlt: "industrial steel beam structure",
|
|
|
|
|
},
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/african-american-lady-safety-helmet-sitting-near-model-building_23-2148039864.jpg?_wi=1", imageAlt: "industrial steel beam structure"},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/construction-site_53876-31720.jpg",
|
|
|
|
|
imageAlt: "industrial steel beam structure",
|
|
|
|
|
},
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/construction-site_53876-31720.jpg", imageAlt: "industrial steel beam structure"},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/construction-plans-with-yellow-helmet-drawing-tools-bluep_1232-1723.jpg",
|
|
|
|
|
imageAlt: "industrial steel beam structure",
|
|
|
|
|
},
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/construction-plans-with-yellow-helmet-drawing-tools-bluep_1232-1723.jpg", imageAlt: "industrial steel beam structure"},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-tourism-building-old-bridge_1127-2798.jpg",
|
|
|
|
|
imageAlt: "industrial steel beam structure",
|
|
|
|
|
},
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-tourism-building-old-bridge_1127-2798.jpg", imageAlt: "industrial steel beam structure"},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/urban-landscape-japan-rails_23-2148889589.jpg",
|
|
|
|
|
imageAlt: "industrial steel beam structure",
|
|
|
|
|
},
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/urban-landscape-japan-rails_23-2148889589.jpg", imageAlt: "industrial steel beam structure"},
|
|
|
|
|
]}
|
|
|
|
|
rightCarouselItems={[
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-yellow-grey-fragments-modern-bridge_181624-17554.jpg",
|
|
|
|
|
imageAlt: "industrial steel beam structure",
|
|
|
|
|
},
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-yellow-grey-fragments-modern-bridge_181624-17554.jpg", imageAlt: "industrial steel beam structure"},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/reflection-woman-walking-street-pool_8353-1573.jpg",
|
|
|
|
|
imageAlt: "industrial steel beam structure",
|
|
|
|
|
},
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/reflection-woman-walking-street-pool_8353-1573.jpg", imageAlt: "industrial steel beam structure"},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/construction-building-seen-from_1203-1115.jpg",
|
|
|
|
|
imageAlt: "industrial steel beam structure",
|
|
|
|
|
},
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/construction-building-seen-from_1203-1115.jpg", imageAlt: "industrial steel beam structure"},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-skyscrapers_1359-592.jpg",
|
|
|
|
|
imageAlt: "industrial steel beam structure",
|
|
|
|
|
},
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-skyscrapers_1359-592.jpg", imageAlt: "industrial steel beam structure"},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283301.jpg",
|
|
|
|
|
imageAlt: "industrial steel beam structure",
|
|
|
|
|
},
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283301.jpg", imageAlt: "industrial steel beam structure"},
|
|
|
|
|
]}
|
|
|
|
|
buttons={[
|
|
|
|
|
{
|
|
|
|
|
text: "View Portfolio",
|
|
|
|
|
href: "/portfolio",
|
|
|
|
|
},
|
|
|
|
|
text: "View Portfolio", href: "/portfolio"},
|
|
|
|
|
{
|
|
|
|
|
text: "Consult Us",
|
|
|
|
|
href: "/contact",
|
|
|
|
|
},
|
|
|
|
|
text: "Consult Us", href: "/contact"},
|
|
|
|
|
]}
|
|
|
|
|
avatars={[
|
|
|
|
|
{
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/laptop-desktop-blurred-background_169016-29249.jpg",
|
|
|
|
|
alt: "Laptop on the desktop on a blurred background",
|
|
|
|
|
},
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/laptop-desktop-blurred-background_169016-29249.jpg", alt: "Laptop on the desktop on a blurred background"},
|
|
|
|
|
{
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/laptop-table_23-2148868359.jpg",
|
|
|
|
|
alt: "Laptop on table",
|
|
|
|
|
},
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/laptop-table_23-2148868359.jpg", alt: "Laptop on table"},
|
|
|
|
|
{
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/minimalist-office-interior-design_23-2151826248.jpg",
|
|
|
|
|
alt: "Minimalist office interior design",
|
|
|
|
|
},
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/minimalist-office-interior-design_23-2151826248.jpg", alt: "Minimalist office interior design"},
|
|
|
|
|
{
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/still-life-office-chair-indoors_23-2151108702.jpg",
|
|
|
|
|
alt: "Still life of office chair indoors",
|
|
|
|
|
},
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/still-life-office-chair-indoors_23-2151108702.jpg", alt: "Still life of office chair indoors"},
|
|
|
|
|
{
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/female-electrician-helmet-watches-monitoring-data-close-up-cyber-safety_169016-71001.jpg",
|
|
|
|
|
alt: "Female electrician in a helmet watches monitoring data close up cyber safety",
|
|
|
|
|
},
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/female-electrician-helmet-watches-monitoring-data-close-up-cyber-safety_169016-71001.jpg", alt: "Female electrician in a helmet watches monitoring data close up cyber safety"},
|
|
|
|
|
]}
|
|
|
|
|
avatarText="Trusted by 50+ industry partners"
|
|
|
|
|
marqueeItems={[
|
|
|
|
|
{
|
|
|
|
|
type: "image",
|
|
|
|
|
src: "http://img.b2bpic.net/free-vector/shield-silhouette-logo_361591-2282.jpg",
|
|
|
|
|
alt: "corporate logo minimalist gray",
|
|
|
|
|
},
|
|
|
|
|
type: "image", src: "http://img.b2bpic.net/free-vector/shield-silhouette-logo_361591-2282.jpg", alt: "corporate logo minimalist gray"},
|
|
|
|
|
{
|
|
|
|
|
type: "image",
|
|
|
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x7nu5n",
|
|
|
|
|
alt: "construction engineering logo icon",
|
|
|
|
|
},
|
|
|
|
|
type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x7nu5n", alt: "construction engineering logo icon"},
|
|
|
|
|
{
|
|
|
|
|
type: "image",
|
|
|
|
|
src: "http://img.b2bpic.net/free-vector/gradient-mechanical-engineering-logo-template_23-2150147430.jpg",
|
|
|
|
|
alt: "modern steel brand mark",
|
|
|
|
|
},
|
|
|
|
|
type: "image", src: "http://img.b2bpic.net/free-vector/gradient-mechanical-engineering-logo-template_23-2150147430.jpg", alt: "modern steel brand mark"},
|
|
|
|
|
{
|
|
|
|
|
type: "image",
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/urban-living-city-lifestyle-society-graphic_53876-120989.jpg",
|
|
|
|
|
alt: "global industrial brand mark",
|
|
|
|
|
},
|
|
|
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/urban-living-city-lifestyle-society-graphic_53876-120989.jpg", alt: "global industrial brand mark"},
|
|
|
|
|
{
|
|
|
|
|
type: "image",
|
|
|
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=glk2g5",
|
|
|
|
|
alt: "technical services logo",
|
|
|
|
|
},
|
|
|
|
|
type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=glk2g5", alt: "technical services logo"},
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
@@ -171,26 +113,11 @@ export default function LandingPage() {
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
features={[
|
|
|
|
|
{
|
|
|
|
|
title: "Structural Calculations",
|
|
|
|
|
description: "Rigorous finite element analysis and safety checks.",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-481.jpg?_wi=1",
|
|
|
|
|
titleImageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-424.jpg",
|
|
|
|
|
buttonText: "Learn More",
|
|
|
|
|
},
|
|
|
|
|
title: "Structural Calculations", description: "Rigorous finite element analysis and safety checks.", imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-481.jpg?_wi=1", titleImageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-424.jpg", buttonText: "Learn More"},
|
|
|
|
|
{
|
|
|
|
|
title: "Industrial Steel Halls",
|
|
|
|
|
description: "Optimized structural design for industrial facility efficiency.",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-riding-bicycle-bridge_23-2147764154.jpg?_wi=1",
|
|
|
|
|
titleImageSrc: "http://img.b2bpic.net/free-photo/background-indoor-building_1232-4603.jpg",
|
|
|
|
|
buttonText: "Learn More",
|
|
|
|
|
},
|
|
|
|
|
title: "Industrial Steel Halls", description: "Optimized structural design for industrial facility efficiency.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-riding-bicycle-bridge_23-2147764154.jpg?_wi=1", titleImageSrc: "http://img.b2bpic.net/free-photo/background-indoor-building_1232-4603.jpg", buttonText: "Learn More"},
|
|
|
|
|
{
|
|
|
|
|
title: "Advanced Reinforcement",
|
|
|
|
|
description: "Reinforcing existing structures with state-of-the-art materials.",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/architecture-plan-blueprint-layout-work-concept_53876-124264.jpg?_wi=1",
|
|
|
|
|
titleImageSrc: "http://img.b2bpic.net/free-photo/urban-planning-development-build-design-concept_53876-132322.jpg",
|
|
|
|
|
buttonText: "Learn More",
|
|
|
|
|
},
|
|
|
|
|
title: "Advanced Reinforcement", description: "Reinforcing existing structures with state-of-the-art materials.", imageSrc: "http://img.b2bpic.net/free-photo/architecture-plan-blueprint-layout-work-concept_53876-124264.jpg?_wi=1", titleImageSrc: "http://img.b2bpic.net/free-photo/urban-planning-development-build-design-concept_53876-132322.jpg", buttonText: "Learn More"},
|
|
|
|
|
]}
|
|
|
|
|
title="Engineering Expertise"
|
|
|
|
|
description="Comprehensive structural services delivered with technical precision."
|
|
|
|
|
@@ -202,14 +129,7 @@ export default function LandingPage() {
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
names={[
|
|
|
|
|
"Global Steel Co.",
|
|
|
|
|
"BuildTech Infrastructure",
|
|
|
|
|
"Modern Architects Studio",
|
|
|
|
|
"City Engineering Group",
|
|
|
|
|
"Precision Structures Inc",
|
|
|
|
|
"Urban Construction Partners",
|
|
|
|
|
"Industrial Design Bureau",
|
|
|
|
|
]}
|
|
|
|
|
"Global Steel Co.", "BuildTech Infrastructure", "Modern Architects Studio", "City Engineering Group", "Precision Structures Inc", "Urban Construction Partners", "Industrial Design Bureau"]}
|
|
|
|
|
title="Trusted by Leaders"
|
|
|
|
|
description="Collaborating with premier companies globally."
|
|
|
|
|
/>
|
|
|
|
|
@@ -221,60 +141,15 @@ export default function LandingPage() {
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
testimonials={[
|
|
|
|
|
{
|
|
|
|
|
id: "1",
|
|
|
|
|
name: "Sarah Johnson",
|
|
|
|
|
date: "Jan 2024",
|
|
|
|
|
title: "Project Lead",
|
|
|
|
|
quote: "Exceptional structural engineering precision throughout the project.",
|
|
|
|
|
tag: "Industrial",
|
|
|
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/warm-lighting-drawer-row-blue-fronts_169016-68933.jpg",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/african-american-lady-safety-helmet-sitting-near-model-building_23-2148039864.jpg?_wi=2",
|
|
|
|
|
imageAlt: "corporate professional manager portrait",
|
|
|
|
|
},
|
|
|
|
|
id: "1", name: "Sarah Johnson", date: "Jan 2024", title: "Project Lead", quote: "Exceptional structural engineering precision throughout the project.", tag: "Industrial", avatarSrc: "http://img.b2bpic.net/free-photo/warm-lighting-drawer-row-blue-fronts_169016-68933.jpg", imageSrc: "http://img.b2bpic.net/free-photo/african-american-lady-safety-helmet-sitting-near-model-building_23-2148039864.jpg?_wi=2", imageAlt: "corporate professional manager portrait"},
|
|
|
|
|
{
|
|
|
|
|
id: "2",
|
|
|
|
|
name: "Michael Chen",
|
|
|
|
|
date: "Nov 2023",
|
|
|
|
|
title: "Director",
|
|
|
|
|
quote: "Their calculations saved us significant time and material costs.",
|
|
|
|
|
tag: "Steel Halls",
|
|
|
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-jolly-smart-factory-engineer-calibrating-high-tech-machinery-analyzing-sensor-data_482257-135610.jpg",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-481.jpg?_wi=2",
|
|
|
|
|
imageAlt: "corporate professional manager portrait",
|
|
|
|
|
},
|
|
|
|
|
id: "2", name: "Michael Chen", date: "Nov 2023", title: "Director", quote: "Their calculations saved us significant time and material costs.", tag: "Steel Halls", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-jolly-smart-factory-engineer-calibrating-high-tech-machinery-analyzing-sensor-data_482257-135610.jpg", imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-481.jpg?_wi=2", imageAlt: "corporate professional manager portrait"},
|
|
|
|
|
{
|
|
|
|
|
id: "3",
|
|
|
|
|
name: "Emily Rodriguez",
|
|
|
|
|
date: "Oct 2023",
|
|
|
|
|
title: "Architect",
|
|
|
|
|
quote: "Reliable and highly professional structural consultancy services.",
|
|
|
|
|
tag: "Architecture",
|
|
|
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/architectural-inspector-holding-laptop-tilting-head-looking-maquette-skyscraper-residential-project-architect-thinking-about-design-improvements-urban-planning-scale-model_482257-33564.jpg",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-riding-bicycle-bridge_23-2147764154.jpg?_wi=2",
|
|
|
|
|
imageAlt: "corporate professional manager portrait",
|
|
|
|
|
},
|
|
|
|
|
id: "3", name: "Emily Rodriguez", date: "Oct 2023", title: "Architect", quote: "Reliable and highly professional structural consultancy services.", tag: "Architecture", avatarSrc: "http://img.b2bpic.net/free-photo/architectural-inspector-holding-laptop-tilting-head-looking-maquette-skyscraper-residential-project-architect-thinking-about-design-improvements-urban-planning-scale-model_482257-33564.jpg", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-riding-bicycle-bridge_23-2147764154.jpg?_wi=2", imageAlt: "corporate professional manager portrait"},
|
|
|
|
|
{
|
|
|
|
|
id: "4",
|
|
|
|
|
name: "David Kim",
|
|
|
|
|
date: "Sep 2023",
|
|
|
|
|
title: "Infrastructure Manager",
|
|
|
|
|
quote: "Technical expertise second to none in the engineering sector.",
|
|
|
|
|
tag: "Infrastructure",
|
|
|
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/successful-businessman-keep-working-coffee-break_1262-18719.jpg",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/architecture-plan-blueprint-layout-work-concept_53876-124264.jpg?_wi=2",
|
|
|
|
|
imageAlt: "corporate professional manager portrait",
|
|
|
|
|
},
|
|
|
|
|
id: "4", name: "David Kim", date: "Sep 2023", title: "Infrastructure Manager", quote: "Technical expertise second to none in the engineering sector.", tag: "Infrastructure", avatarSrc: "http://img.b2bpic.net/free-photo/successful-businessman-keep-working-coffee-break_1262-18719.jpg", imageSrc: "http://img.b2bpic.net/free-photo/architecture-plan-blueprint-layout-work-concept_53876-124264.jpg?_wi=2", imageAlt: "corporate professional manager portrait"},
|
|
|
|
|
{
|
|
|
|
|
id: "5",
|
|
|
|
|
name: "Anna Smith",
|
|
|
|
|
date: "Aug 2023",
|
|
|
|
|
title: "CEO",
|
|
|
|
|
quote: "The team provided innovative solutions for our complex steel structure.",
|
|
|
|
|
tag: "Engineering",
|
|
|
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/friendly-architect-with-helmet_23-2147702523.jpg",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-vector/shield-silhouette-logo_361591-2282.jpg",
|
|
|
|
|
imageAlt: "corporate professional manager portrait",
|
|
|
|
|
},
|
|
|
|
|
id: "5", name: "Anna Smith", date: "Aug 2023", title: "CEO", quote: "The team provided innovative solutions for our complex steel structure.", tag: "Engineering", avatarSrc: "http://img.b2bpic.net/free-photo/friendly-architect-with-helmet_23-2147702523.jpg", imageSrc: "http://img.b2bpic.net/free-vector/shield-silhouette-logo_361591-2282.jpg", imageAlt: "corporate professional manager portrait"},
|
|
|
|
|
]}
|
|
|
|
|
title="Client Perspectives"
|
|
|
|
|
description="Engineering excellence trusted by industry professionals."
|
|
|
|
|
@@ -283,10 +158,9 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="contact-home" data-section="contact-home">
|
|
|
|
|
<ContactCenter
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
background={{
|
|
|
|
|
variant: "animated-grid",
|
|
|
|
|
}}
|
|
|
|
|
variant: "animated-grid"}}
|
|
|
|
|
tag="Consultation"
|
|
|
|
|
title="Let's Consult on Your Project"
|
|
|
|
|
description="Reach out for technical consultation and structural analysis services."
|
|
|
|
|
@@ -297,13 +171,10 @@ export default function LandingPage() {
|
|
|
|
|
<FooterLogoReveal
|
|
|
|
|
logoText="SteelStructureEng"
|
|
|
|
|
leftLink={{
|
|
|
|
|
text: "Privacy Policy",
|
|
|
|
|
href: "#",
|
|
|
|
|
}}
|
|
|
|
|
text: "Privacy Policy", href: "#"}}
|
|
|
|
|
rightLink={{
|
|
|
|
|
text: "Terms & Conditions",
|
|
|
|
|
href: "#",
|
|
|
|
|
}}
|
|
|
|
|
text: "Terms & Conditions", href: "#"}}
|
|
|
|
|
className="bg-[var(--card)] text-[var(--foreground)]"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</ReactLenis>
|
|
|
|
|
|
