Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 0e0c009612 | |||
| 2d9ee0a63f | |||
| 321acd9980 |
211
src/app/page.tsx
211
src/app/page.tsx
@@ -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>
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #000000;
|
||||
--card: #0c0c0c;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #cee7ff;
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #ffffffe6;
|
||||
--primary-cta: #e6e6e6;
|
||||
--primary-cta-text: #000000;
|
||||
--secondary-cta: #000000;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta-text: #ffffff;
|
||||
--accent: #535353;
|
||||
--background-accent: #CEE7FF;
|
||||
--accent: #737373;
|
||||
--background-accent: #737373;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user