Merge version_1 into main #1
261
src/app/page.tsx
261
src/app/page.tsx
@@ -32,106 +32,46 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Projects", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Permian Steel & Construction"
|
||||
button={{ text: "Contact", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "downward-rays-static-grid",
|
||||
}}
|
||||
background={{ variant: "downward-rays-static-grid" }}
|
||||
title="Precision Fabrication for West Texas"
|
||||
description="Permian Steel & Construction delivers reliable metal building, fabrication, and welding solutions across the Midland-Odessa area."
|
||||
kpis={[
|
||||
{
|
||||
value: "20+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Projects Completed",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Quality Guaranteed",
|
||||
},
|
||||
{ value: "20+", label: "Years Experience" },
|
||||
{ value: "500+", label: "Projects Completed" },
|
||||
{ value: "100%", label: "Quality Guaranteed" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Quote", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-dark-blue-uniform-working-with-hammer-plier_7502-9148.jpg"
|
||||
imageAlt="Industrial steel fabrication shop"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/arc-welding-steel-construction-site_2831-694.jpg",
|
||||
alt: "Welding professional",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/ceramic-factory-is-producing-ceramic-sanitary-ware-ceramic-toilet-semi-finished-products-factory-ceramics-factory-industrial-environment_645730-206.jpg",
|
||||
alt: "Shop foreman",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-worker-hard-hat-large-metalworking-plant_146671-19585.jpg",
|
||||
alt: "Site supervisor",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mature-experienced-worker-is-cutting-metal-using-special-machine-tool_613910-17184.jpg",
|
||||
alt: "Fabrication engineer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/talk-constructors_1098-13757.jpg",
|
||||
alt: "Construction lead",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/arc-welding-steel-construction-site_2831-694.jpg", alt: "Welding professional" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/ceramic-factory-is-producing-ceramic-sanitary-ware-ceramic-toilet-semi-finished-products-factory-ceramics-factory-industrial-environment_645730-206.jpg", alt: "Shop foreman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-worker-hard-hat-large-metalworking-plant_146671-19585.jpg", alt: "Site supervisor" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/mature-experienced-worker-is-cutting-metal-using-special-machine-tool_613910-17184.jpg", alt: "Fabrication engineer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/talk-constructors_1098-13757.jpg", alt: "Construction lead" },
|
||||
]}
|
||||
avatarText="Our expert team"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Structural Steel",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Metal Buildings",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Custom Fabrication",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Mobile Welding",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "On-Site Installation",
|
||||
},
|
||||
{ type: "text", text: "Structural Steel" },
|
||||
{ type: "text", text: "Metal Buildings" },
|
||||
{ type: "text", text: "Custom Fabrication" },
|
||||
{ type: "text", text: "Mobile Welding" },
|
||||
{ type: "text", text: "On-Site Installation" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -141,9 +81,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Building Strong Foundations"
|
||||
description={[
|
||||
"Founded on integrity, Permian Steel serves the West Texas oilfield and ranching communities with premium structural steel solutions.",
|
||||
"Our team of master welders and fabricators ensures every structure meets the highest standards of safety and durability.",
|
||||
]}
|
||||
"Founded on integrity, Permian Steel serves the West Texas oilfield and ranching communities with premium structural steel solutions.", "Our team of master welders and fabricators ensures every structure meets the highest standards of safety and durability."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -152,21 +90,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Structural Steel",
|
||||
description: "High-capacity beam fabrication for commercial and industrial structures.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/welder-working-with-steel_1385-8.jpg",
|
||||
},
|
||||
{
|
||||
title: "Custom Metal Buildings",
|
||||
description: "Pre-engineered kits designed for West Texas weather conditions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-mdf-boards-warehouse_23-2149384863.jpg",
|
||||
},
|
||||
{
|
||||
title: "On-Site Welding",
|
||||
description: "Mobile welding services for field repairs and installation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-scafolding-building_1252-1176.jpg",
|
||||
},
|
||||
{ title: "Structural Steel", description: "High-capacity beam fabrication for commercial and industrial structures.", imageSrc: "http://img.b2bpic.net/free-photo/welder-working-with-steel_1385-8.jpg" },
|
||||
{ title: "Custom Metal Buildings", description: "Pre-engineered kits designed for West Texas weather conditions.", imageSrc: "http://img.b2bpic.net/free-photo/man-working-mdf-boards-warehouse_23-2149384863.jpg" },
|
||||
{ title: "On-Site Welding", description: "Mobile welding services for field repairs and installation.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-scafolding-building_1252-1176.jpg" },
|
||||
]}
|
||||
title="Our Fabrication Specialties"
|
||||
description="Full-service metal solutions from initial blueprint to final weld."
|
||||
@@ -180,42 +106,12 @@ export default function LandingPage() {
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Steel Storage Unit",
|
||||
price: "Custom Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoors-abstract-shadow-daytime_23-2149080289.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Commercial Warehouse",
|
||||
price: "Custom Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-shot-old-warehouse-with-old-trains-stored-inside_181624-13915.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Ranch Entry Gate",
|
||||
price: "Custom Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-bench-made-metal-bars-park-idea-background-screensaver-article-about-travel-urban-environment_166373-3096.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Metal Roofing System",
|
||||
price: "Custom Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-building-ceiling_1359-160.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Industrial I-Beams",
|
||||
price: "Custom Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-glass-architectures-blue-tone_1359-612.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Staircase Fabrication",
|
||||
price: "Custom Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-building-scaffolding_23-2148252793.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Steel Storage Unit", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/outdoors-abstract-shadow-daytime_23-2149080289.jpg" },
|
||||
{ id: "p2", name: "Commercial Warehouse", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/interior-shot-old-warehouse-with-old-trains-stored-inside_181624-13915.jpg" },
|
||||
{ id: "p3", name: "Ranch Entry Gate", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-bench-made-metal-bars-park-idea-background-screensaver-article-about-travel-urban-environment_166373-3096.jpg" },
|
||||
{ id: "p4", name: "Metal Roofing System", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-building-ceiling_1359-160.jpg" },
|
||||
{ id: "p5", name: "Industrial I-Beams", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/detail-glass-architectures-blue-tone_1359-612.jpg" },
|
||||
{ id: "p6", name: "Staircase Fabrication", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/view-building-scaffolding_23-2148252793.jpg" },
|
||||
]}
|
||||
title="Our Recent Projects"
|
||||
description="Browse our diverse portfolio of steel buildings and custom metal fabrications."
|
||||
@@ -227,46 +123,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Warehouse Build",
|
||||
quote: "Permian Steel finished our project ahead of schedule despite challenging weather.",
|
||||
name: "Mark D.",
|
||||
role: "Site Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-carpenter_329181-15654.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Custom Fabrication",
|
||||
quote: "The welding quality on our custom gate is unmatched in the Midland area.",
|
||||
name: "Sarah J.",
|
||||
role: "Ranch Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-factory-worker-with-arms-crossed-standing-industrial-production-hall_342744-246.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Field Repair",
|
||||
quote: "Reliable mobile service. Fixed our equipment in record time.",
|
||||
name: "John R.",
|
||||
role: "Operations Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rear-view-male-architecture-holding-blueprint-hard-hat-looking-construction-site_23-2148204023.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Metal Structure",
|
||||
quote: "Expert team, professional execution. Couldn't ask for better.",
|
||||
name: "Elena P.",
|
||||
role: "Small Biz Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architect-shaking-hand-businesswoman_23-2147702519.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Design Build",
|
||||
quote: "Exceptional structural engineering and fabrication skills.",
|
||||
name: "David W.",
|
||||
role: "Developer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-factory-worker-protective-equipment-holding-thumbs-up-production-hall_342744-144.jpg",
|
||||
},
|
||||
{ id: "t1", title: "Warehouse Build", quote: "Permian Steel finished our project ahead of schedule despite challenging weather.", name: "Mark D.", role: "Site Manager", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-carpenter_329181-15654.jpg" },
|
||||
{ id: "t2", title: "Custom Fabrication", quote: "The welding quality on our custom gate is unmatched in the Midland area.", name: "Sarah J.", role: "Ranch Owner", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-factory-worker-with-arms-crossed-standing-industrial-production-hall_342744-246.jpg" },
|
||||
{ id: "t3", title: "Field Repair", quote: "Reliable mobile service. Fixed our equipment in record time.", name: "John R.", role: "Operations Lead", imageSrc: "http://img.b2bpic.net/free-photo/rear-view-male-architecture-holding-blueprint-hard-hat-looking-construction-site_23-2148204023.jpg" },
|
||||
{ id: "t4", title: "Metal Structure", quote: "Expert team, professional execution. Couldn't ask for better.", name: "Elena P.", role: "Small Biz Owner", imageSrc: "http://img.b2bpic.net/free-photo/architect-shaking-hand-businesswoman_23-2147702519.jpg" },
|
||||
{ id: "t5", title: "Design Build", quote: "Exceptional structural engineering and fabrication skills.", name: "David W.", role: "Developer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-factory-worker-protective-equipment-holding-thumbs-up-production-hall_342744-144.jpg" },
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="See why Permian businesses trust us with their critical infrastructure."
|
||||
@@ -279,24 +140,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Award,
|
||||
title: "Safety Awards",
|
||||
value: "15+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Wrench,
|
||||
title: "Certified Welders",
|
||||
value: "25",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Building,
|
||||
title: "Structures Erected",
|
||||
value: "400+",
|
||||
},
|
||||
{ id: "m1", icon: Award, title: "Safety Awards", value: "15+" },
|
||||
{ id: "m2", icon: Wrench, title: "Certified Welders", value: "25" },
|
||||
{ id: "m3", icon: Building, title: "Structures Erected", value: "400+" },
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Our track record reflects deep dedication to West Texas industry."
|
||||
@@ -308,21 +154,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you serve outside Midland-Odessa?",
|
||||
content: "Yes, we support fabrication projects across all of West Texas upon request.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are your welders certified?",
|
||||
content: "All our lead welders hold current AWS certifications for structural steel.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How do I get a custom quote?",
|
||||
content: "Contact us with your blueprints or project specifications for a professional site estimate.",
|
||||
},
|
||||
{ id: "f1", title: "Do you serve outside Midland-Odessa?", content: "Yes, we support fabrication projects across all of West Texas upon request." },
|
||||
{ id: "f2", title: "Are your welders certified?", content: "All our lead welders hold current AWS certifications for structural steel." },
|
||||
{ id: "f3", title: "How do I get a custom quote?", content: "Contact us with your blueprints or project specifications for a professional site estimate." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about starting your next steel project."
|
||||
@@ -335,16 +169,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "downward-rays-animated-grid",
|
||||
}}
|
||||
background={{ variant: "downward-rays-animated-grid" }}
|
||||
text="Ready to build? Let’s discuss your upcoming construction project today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:4325550123",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Call Now", href: "tel:4325550123" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user