Update src/app/page.tsx
This commit is contained in:
208
src/app/page.tsx
208
src/app/page.tsx
@@ -30,56 +30,28 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Fleet",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Fleet", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="IronConstruct"
|
||||
button={{ text: "Get Quote", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Built on Strength, Delivered on Time."
|
||||
description="Premium heavy machinery rentals and construction material supply services for large-scale infrastructure projects."
|
||||
tag="Construction Excellence"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heavy-construction-loader-bulldozer-construction-area_146671-19129.jpg",
|
||||
imageAlt: "Excavator at sunrise",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heavy-construction-loader-bulldozer-construction-area_146671-19129.jpg", imageAlt: "construction excavator work site sunrise"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-dump-truck-driving-winter-highway-construction-logistics-transport_169016-71644.jpg",
|
||||
imageAlt: "Truck transport",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-rusty-panel-with-dust-cobwebs-around_169016-3284.jpg?_wi=1",
|
||||
imageAlt: "Engine maintenance",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excavator-digging-ground-day-light_23-2149194767.jpg?_wi=1",
|
||||
imageAlt: "Operator controls",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heavy-excavator-digging-day-light_23-2149194826.jpg?_wi=1",
|
||||
imageAlt: "Bulldozer",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-dump-truck-driving-winter-highway-construction-logistics-transport_169016-71644.jpg", imageAlt: "construction dump truck loaded"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -95,25 +67,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Machinery Rentals",
|
||||
description: "High-performance excavators, dozers, and cranes available for short or long-term lease.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-rusty-panel-with-dust-cobwebs-around_169016-3284.jpg?_wi=2",
|
||||
imageAlt: "Machinery",
|
||||
},
|
||||
title: "Machinery Rentals", description: "High-performance excavators, dozers, and cranes available for short or long-term lease.", imageSrc: "http://img.b2bpic.net/free-photo/old-rusty-panel-with-dust-cobwebs-around_169016-3284.jpg", imageAlt: "heavy machinery engine maintenance"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Material Supply",
|
||||
description: "Direct delivery of sand, gravel, and crushed stone to your job site.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excavator-digging-ground-day-light_23-2149194767.jpg?_wi=2",
|
||||
imageAlt: "Materials",
|
||||
},
|
||||
title: "Material Supply", description: "Direct delivery of sand, gravel, and crushed stone to your job site.", imageSrc: "http://img.b2bpic.net/free-photo/excavator-digging-ground-day-light_23-2149194767.jpg", imageAlt: "construction worker machinery controls"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Specialized Trucking",
|
||||
description: "Heavy hauling and logistics for heavy equipment and oversized construction materials.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pile-pine-logs-ready-cutting-into-planks-wood-processing-industry_342744-1356.jpg",
|
||||
imageAlt: "Trucking",
|
||||
},
|
||||
title: "Specialized Trucking", description: "Heavy hauling and logistics for heavy equipment and oversized construction materials.", imageSrc: "http://img.b2bpic.net/free-photo/pile-pine-logs-ready-cutting-into-planks-wood-processing-industry_342744-1356.jpg", imageAlt: "construction material supply site"},
|
||||
]}
|
||||
title="Our Specialized Services"
|
||||
description="From heavy equipment leasing to raw material supply, we support your construction lifecycle."
|
||||
@@ -128,26 +88,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Heavy Excavator",
|
||||
price: "$800/day",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heavy-excavator-digging-day-light_23-2149194826.jpg?_wi=2",
|
||||
imageAlt: "Excavator",
|
||||
},
|
||||
id: "p1", name: "Heavy Excavator", price: "$800/day", imageSrc: "http://img.b2bpic.net/free-photo/heavy-excavator-digging-day-light_23-2149194826.jpg", imageAlt: "construction bulldozer parked"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Dozing Blade",
|
||||
price: "$650/day",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industrial-crane-boom-cable-system-detail_632498-60855.jpg",
|
||||
imageAlt: "Bulldozer",
|
||||
},
|
||||
id: "p2", name: "Dozing Blade", price: "$650/day", imageSrc: "http://img.b2bpic.net/free-photo/industrial-crane-boom-cable-system-detail_632498-60855.jpg", imageAlt: "backhoe loader construction machine"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Haul Truck",
|
||||
price: "$450/day",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excavator-digging-ground-day-light_23-2149194796.jpg",
|
||||
imageAlt: "Truck",
|
||||
},
|
||||
id: "p3", name: "Haul Truck", price: "$450/day", imageSrc: "http://img.b2bpic.net/free-photo/excavator-digging-ground-day-light_23-2149194796.jpg", imageAlt: "heavy duty flatbed truck"},
|
||||
]}
|
||||
title="Available Fleet"
|
||||
description="Our current selection of heavy machinery available for immediate rental."
|
||||
@@ -162,25 +107,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "250+",
|
||||
title: "Active Projects",
|
||||
description: "Construction sites currently using our equipment.",
|
||||
icon: Wrench,
|
||||
id: "m1", value: "250+", title: "Active Projects", description: "Construction sites currently using our equipment.", icon: Wrench,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1.2M",
|
||||
title: "Tons Delivered",
|
||||
description: "Raw materials successfully supplied.",
|
||||
icon: Truck,
|
||||
id: "m2", value: "1.2M", title: "Tons Delivered", description: "Raw materials successfully supplied.", icon: Truck,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
description: "Of heavy-duty industry excellence.",
|
||||
icon: Award,
|
||||
id: "m3", value: "15+", title: "Years Experience", description: "Of heavy-duty industry excellence.", icon: Award,
|
||||
},
|
||||
]}
|
||||
title="Performance By The Numbers"
|
||||
@@ -195,59 +128,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
role: "Site Manager",
|
||||
company: "Metro Builders",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-showing-approval_23-2148269357.jpg?_wi=1",
|
||||
},
|
||||
id: "t1", name: "Sarah Miller", role: "Site Manager", company: "Metro Builders", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-showing-approval_23-2148269357.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "James Chen",
|
||||
role: "Civil Engineer",
|
||||
company: "Urban Infrastructure",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124257.jpg",
|
||||
},
|
||||
id: "t2", name: "James Chen", role: "Civil Engineer", company: "Urban Infrastructure", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124257.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Robert Voss",
|
||||
role: "Foreman",
|
||||
company: "Clear Site",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-engineer-male-ready-shake-hand_23-2148480414.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Elena Rossi",
|
||||
role: "Project Lead",
|
||||
company: "Apex Const.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-holding-laptop-talking-phone_23-2148308605.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Marcus Thorne",
|
||||
role: "Director",
|
||||
company: "Global Works",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-showing-approval_23-2148269357.jpg?_wi=2",
|
||||
},
|
||||
id: "t3", name: "Robert Voss", role: "Foreman", company: "Clear Site", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-engineer-male-ready-shake-hand_23-2148480414.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "98%",
|
||||
label: "On-Time Delivery",
|
||||
},
|
||||
value: "98%", label: "On-Time Delivery"},
|
||||
{
|
||||
value: "5/5",
|
||||
label: "Client Rating",
|
||||
},
|
||||
value: "5/5", label: "Client Rating"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Service Support",
|
||||
},
|
||||
value: "24/7", label: "Service Support"},
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="Hear what site managers and engineers have to say about our partnership."
|
||||
@@ -261,27 +157,16 @@ export default function LandingPage() {
|
||||
description="Reach out to our logistics team to get a quote or discuss machinery availability."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
{
|
||||
name: "project",
|
||||
type: "text",
|
||||
placeholder: "Project Location",
|
||||
},
|
||||
name: "project", type: "text", placeholder: "Project Location"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your requirements",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Your requirements", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/industrial-area-factory-near-water-tanks-pipes_169016-68491.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -292,42 +177,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "Logistics FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "Logistics FAQ", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user