Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-27 01:40:10 +00:00

View File

@@ -30,32 +30,15 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Services",
id: "services",
},
{
name: "Projects",
id: "portfolio",
},
{
name: "About",
id: "why-mercer",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
{ name: "Services", id: "services" },
{ name: "Projects", id: "portfolio" },
{ name: "About", id: "why-mercer" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="Mercer Construction"
button={{
text: "Get a Quote",
href: "#contact",
}}
text: "Get a Quote", href: "#contact"}}
/>
</div>
@@ -65,37 +48,18 @@ export default function LandingPage() {
description="Mercer Construction provides top-tier structural integrity and modern design excellence for commercial and residential projects."
buttons={[
{
text: "View Projects",
href: "#portfolio",
},
text: "View Projects", href: "#portfolio"},
{
text: "Consult Today",
href: "#contact",
},
text: "Consult Today", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/female-architect-walking-front-building_23-2147702500.jpg"
imageAlt="High-end construction project site"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-confident-man-home-office_329181-20664.jpg",
alt: "Architectural consultant 1",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064840.jpg",
alt: "Architectural consultant 2",
},
{
src: "http://img.b2bpic.net/free-photo/young-blond-businesswoman-writing-touchscreen_93675-133179.jpg",
alt: "Architectural consultant 3",
},
{
src: "http://img.b2bpic.net/free-photo/relaxing-fume-banking-adult-absence_1134-936.jpg",
alt: "Architectural consultant 4",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg",
alt: "Architectural consultant 5",
},
{ src: "http://img.b2bpic.net/free-photo/portrait-confident-man-home-office_329181-20664.jpg", alt: "Architectural consultant 1" },
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064840.jpg", alt: "Architectural consultant 2" },
{ src: "http://img.b2bpic.net/free-photo/young-blond-businesswoman-writing-touchscreen_93675-133179.jpg", alt: "Architectural consultant 3" },
{ src: "http://img.b2bpic.net/free-photo/relaxing-fume-banking-adult-absence_1134-936.jpg", alt: "Architectural consultant 4" },
{ src: "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg", alt: "Architectural consultant 5" },
]}
avatarText="Trusted by industry experts"
/>
@@ -106,21 +70,9 @@ export default function LandingPage() {
useInvertedBackground={true}
title="Proven Performance"
metrics={[
{
label: "Years Experience",
value: "25+",
icon: Calendar,
},
{
label: "Successful Projects",
value: "400+",
icon: Building,
},
{
label: "On-Time Completion",
value: "98%",
icon: CheckCircle,
},
{ label: "Years Experience", value: "25+", icon: Calendar },
{ label: "Successful Projects", value: "400+", icon: Building },
{ label: "On-Time Completion", value: "98%", icon: CheckCircle },
]}
metricsAnimation="slide-up"
/>
@@ -132,66 +84,12 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "1",
title: "Foundation & Concrete",
author: "Mercer",
description: "Rock-solid foundations utilizing high-density materials.",
tags: [
"Structural",
],
imageSrc: "http://img.b2bpic.net/free-photo/stonnecutter-work-outdoor_268835-4740.jpg",
},
{
id: "2",
title: "Structural Steel",
author: "Mercer",
description: "High-performance steel frameworks for large projects.",
tags: [
"Heavy",
],
imageSrc: "http://img.b2bpic.net/free-photo/rebar-bending-by-worker-rusty-jig-construction-site_1150-10122.jpg",
},
{
id: "3",
title: "Interior Finish",
author: "Mercer",
description: "Premium finish and detailed architectural work.",
tags: [
"Design",
],
imageSrc: "http://img.b2bpic.net/free-photo/handyman-construction-site-process-drilling-wall-with-perforator_169016-11849.jpg",
},
{
id: "4",
title: "Renovation",
author: "Mercer",
description: "Bringing older spaces into the modern era safely.",
tags: [
"Renewal",
],
imageSrc: "http://img.b2bpic.net/free-photo/young-man-looking-into-solid-fuel-boiler-working-with-biofuels-economical-heating-top-view_169016-14806.jpg",
},
{
id: "5",
title: "Project Management",
author: "Mercer",
description: "Complete transparency and professional oversight.",
tags: [
"Control",
],
imageSrc: "http://img.b2bpic.net/free-photo/urban-adult-architect-inspecting-design-plan-workplace_482257-8114.jpg",
},
{
id: "6",
title: "Sustainability",
author: "Mercer",
description: "Green construction techniques to save energy.",
tags: [
"Eco",
],
imageSrc: "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",
},
{ id: "1", title: "Foundation & Concrete", author: "Mercer", description: "Rock-solid foundations utilizing high-density materials.", tags: ["Structural"], imageSrc: "http://img.b2bpic.net/free-photo/stonnecutter-work-outdoor_268835-4740.jpg" },
{ id: "2", title: "Structural Steel", author: "Mercer", description: "High-performance steel frameworks for large projects.", tags: ["Heavy"], imageSrc: "http://img.b2bpic.net/free-photo/rebar-bending-by-worker-rusty-jig-construction-site_1150-10122.jpg" },
{ id: "3", title: "Interior Finish", author: "Mercer", description: "Premium finish and detailed architectural work.", tags: ["Design"], imageSrc: "http://img.b2bpic.net/free-photo/handyman-construction-site-process-drilling-wall-with-perforator_169016-11849.jpg" },
{ id: "4", title: "Renovation", author: "Mercer", description: "Bringing older spaces into the modern era safely.", tags: ["Renewal"], imageSrc: "http://img.b2bpic.net/free-photo/young-man-looking-into-solid-fuel-boiler-working-with-biofuels-economical-heating-top-view_169016-14806.jpg" },
{ id: "5", title: "Project Management", author: "Mercer", description: "Complete transparency and professional oversight.", tags: ["Control"], imageSrc: "http://img.b2bpic.net/free-photo/urban-adult-architect-inspecting-design-plan-workplace_482257-8114.jpg" },
{ id: "6", title: "Sustainability", author: "Mercer", description: "Green construction techniques to save energy.", tags: ["Eco"], imageSrc: "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" },
]}
title="Expertise That Lasts"
description="From foundation to finish, our services cover every aspect of modern building construction."
@@ -202,44 +100,15 @@ export default function LandingPage() {
<ProductCardThree
textboxLayout="default"
gridVariant="asymmetric-60-wide-40-narrow"
animationType="slide-up"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Corporate Headquarter",
price: "Completed",
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-agent-looking-plans-front-door_23-2147653367.jpg",
},
{
id: "p2",
name: "Luxury Waterfront Villa",
price: "Completed",
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-holding-blueprint-discussing-project-office_23-2148204014.jpg",
},
{
id: "p3",
name: "City Retail Plaza",
price: "Completed",
imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-house-design_23-2150666437.jpg",
},
{
id: "p4",
name: "Modern Industrial Loft",
price: "Completed",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283288.jpg",
},
{
id: "p5",
name: "Bridge Structure",
price: "Completed",
imageSrc: "http://img.b2bpic.net/free-photo/engineers-helmets-standing-by-factory_1157-35592.jpg",
},
{
id: "p6",
name: "Urban Apartment Complex",
price: "Completed",
imageSrc: "http://img.b2bpic.net/free-photo/neo-brutalism-inspired-building_23-2151004694.jpg",
},
{ id: "p1", name: "Corporate Headquarter", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/real-estate-agent-looking-plans-front-door_23-2147653367.jpg" },
{ id: "p2", name: "Luxury Waterfront Villa", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/colleagues-holding-blueprint-discussing-project-office_23-2148204014.jpg" },
{ id: "p3", name: "City Retail Plaza", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-house-design_23-2150666437.jpg" },
{ id: "p4", name: "Modern Industrial Loft", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283288.jpg" },
{ id: "p5", name: "Bridge Structure", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/engineers-helmets-standing-by-factory_1157-35592.jpg" },
{ id: "p6", name: "Urban Apartment Complex", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/neo-brutalism-inspired-building_23-2151004694.jpg" },
]}
title="Recent Projects"
description="Take a look at the structures weve completed across the region."
@@ -251,21 +120,9 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Why Mercer Construction"
metrics={[
{
label: "Safety Standards",
value: "Elite",
icon: ShieldCheck,
},
{
label: "Client Retention",
value: "High",
icon: ThumbsUp,
},
{
label: "Supply Chain",
value: "Global",
icon: Globe,
},
{ label: "Safety Standards", value: "Elite", icon: ShieldCheck },
{ label: "Client Retention", value: "High", icon: ThumbsUp },
{ label: "Supply Chain", value: "Global", icon: Globe },
]}
metricsAnimation="blur-reveal"
/>
@@ -276,46 +133,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "1",
title: "Exceptional",
quote: "Mercer brought our vision to life without a single hiccup.",
name: "Sarah Miller",
role: "Architect",
imageSrc: "http://img.b2bpic.net/free-photo/man-standing-front-building-holding-mobile-phone-hand-talking-loudspeaker_23-2147972812.jpg",
},
{
id: "2",
title: "Professional",
quote: "The structural steel team was incredibly professional and fast.",
name: "John Doe",
role: "Developer",
imageSrc: "http://img.b2bpic.net/free-photo/experienced-florist-standing-with-arms-crossed_23-2148435667.jpg",
},
{
id: "3",
title: "On Time",
quote: "They beat the deadline by a full week, which saved us thousands.",
name: "Jane Smith",
role: "Owner",
imageSrc: "http://img.b2bpic.net/free-photo/crazy-chef-happy-expression_1194-1516.jpg",
},
{
id: "4",
title: "Detailed",
quote: "I love the finish work; the craftsmanship is truly top-tier.",
name: "David Brown",
role: "Homeowner",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg",
},
{
id: "5",
title: "Trustworthy",
quote: "I will definitely be calling Mercer for my next project.",
name: "Alice Wong",
role: "Partner",
imageSrc: "http://img.b2bpic.net/free-photo/architect-posing-office_23-2148242966.jpg",
},
{ id: "1", title: "Exceptional", quote: "Mercer brought our vision to life without a single hiccup.", name: "Sarah Miller", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/man-standing-front-building-holding-mobile-phone-hand-talking-loudspeaker_23-2147972812.jpg" },
{ id: "2", title: "Professional", quote: "The structural steel team was incredibly professional and fast.", name: "John Doe", role: "Developer", imageSrc: "http://img.b2bpic.net/free-photo/experienced-florist-standing-with-arms-crossed_23-2148435667.jpg" },
{ id: "3", title: "On Time", quote: "They beat the deadline by a full week, which saved us thousands.", name: "Jane Smith", role: "Owner", imageSrc: "http://img.b2bpic.net/free-photo/crazy-chef-happy-expression_1194-1516.jpg" },
{ id: "4", title: "Detailed", quote: "I love the finish work; the craftsmanship is truly top-tier.", name: "David Brown", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg" },
{ id: "5", title: "Trustworthy", quote: "I will definitely be calling Mercer for my next project.", name: "Alice Wong", role: "Partner", imageSrc: "http://img.b2bpic.net/free-photo/architect-posing-office_23-2148242966.jpg" },
]}
title="Client Success"
description="Hear what our partners have to say about our construction services."
@@ -328,18 +150,8 @@ export default function LandingPage() {
title="Ready for your next build?"
description="Our team is ready to discuss your blueprints, budgets, and project timelines today."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
},
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true },
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-colleagues-working-urban-design-with-blueprints-building-model-team-people-doing-teamwork-construction-layout-designing-architectural-development-project_482257-29996.jpg"
/>
@@ -351,26 +163,11 @@ export default function LandingPage() {
title="Let's Get Started"
description="Fill out the details, and we'll reach out within 24 hours."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
},
{
name: "email",
type: "email",
placeholder: "Your Email",
},
{
name: "phone",
type: "tel",
placeholder: "Your Phone",
},
{ name: "name", type: "text", placeholder: "Your Name" },
{ name: "email", type: "email", placeholder: "Your Email" },
{ name: "phone", type: "tel", placeholder: "Your Phone" },
]}
textarea={{
name: "message",
placeholder: "How can we help?",
}}
textarea={{ name: "message", placeholder: "How can we help?" }}
imageSrc="http://img.b2bpic.net/free-photo/construction-plans-with-yellow-helmet-drawing-tools-bluep_1232-1723.jpg"
/>
</div>
@@ -378,42 +175,9 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Services",
href: "#services",
},
{
label: "Portfolio",
href: "#portfolio",
},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
{
items: [
{
label: "License #12345678",
href: "#",
},
{
label: "Contact Us",
href: "#contact",
},
],
},
{ items: [{ label: "Services", href: "#services" }, { label: "Portfolio", href: "#portfolio" }] },
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
{ items: [{ label: "License #12345678", href: "#" }, { label: "Contact Us", href: "#contact" }] },
]}
logoText="Mercer Construction"
/>