Update src/app/page.tsx
This commit is contained in:
267
src/app/page.tsx
267
src/app/page.tsx
@@ -34,21 +34,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="Extreme Air Ltd"
|
||||
/>
|
||||
@@ -57,19 +49,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
logoText="EXTREME AIR LTD"
|
||||
description="Precision metal fabrication and industrial engineering solutions. Delivering extreme performance for the most demanding environments."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Projects",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View Projects", href: "#products"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-perforated-sheet-material-with-tiny-holes_23-2150185454.jpg?_wi=1"
|
||||
imageAlt="industrial metal fabrication workshop"
|
||||
@@ -84,26 +71,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
description: "Delivering metal fabrication solutions",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/master-working-with-high-temperature-atelier_114579-12193.jpg?_wi=1",
|
||||
},
|
||||
id: "m1", value: "15+", title: "Years Experience", description: "Delivering metal fabrication solutions", imageSrc: "http://img.b2bpic.net/free-photo/master-working-with-high-temperature-atelier_114579-12193.jpg?_wi=1"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Projects Completed",
|
||||
description: "High-precision components delivered",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-metallic-texture-perforated-metal-background_1048-6353.jpg?_wi=1",
|
||||
},
|
||||
id: "m2", value: "500+", title: "Projects Completed", description: "High-precision components delivered", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-metallic-texture-perforated-metal-background_1048-6353.jpg?_wi=1"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
title: "Quality Rating",
|
||||
description: "Ensuring precision and durability",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glassblower-student-tries-make-flower-out-glass_1153-3497.jpg?_wi=1",
|
||||
},
|
||||
id: "m3", value: "99.9%", title: "Quality Rating", description: "Ensuring precision and durability", imageSrc: "http://img.b2bpic.net/free-photo/glassblower-student-tries-make-flower-out-glass_1153-3497.jpg?_wi=1"},
|
||||
]}
|
||||
title="Industrial Precision at Scale"
|
||||
description="Excellence driven by decades of expertise in complex metal fabrication."
|
||||
@@ -118,20 +90,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Advanced Welding",
|
||||
description: "Certified high-precision welding for industrial applications.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-workers-cut-weld-metal-with-spark_1150-14762.jpg",
|
||||
},
|
||||
title: "Advanced Welding", description: "Certified high-precision welding for industrial applications.", imageSrc: "http://img.b2bpic.net/free-photo/male-workers-cut-weld-metal-with-spark_1150-14762.jpg"},
|
||||
{
|
||||
title: "CNC Fabrication",
|
||||
description: "State-of-the-art CNC machine precision for custom components.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/production-electronic-components-high-tech-factory_1385-3201.jpg",
|
||||
},
|
||||
title: "CNC Fabrication", description: "State-of-the-art CNC machine precision for custom components.", imageSrc: "http://img.b2bpic.net/free-photo/production-electronic-components-high-tech-factory_1385-3201.jpg"},
|
||||
{
|
||||
title: "Custom Metal Finish",
|
||||
description: "Specialized surface finishes for maximum corrosion resistance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineer-working-with-robot-modern-industrial-facility_23-2151962519.jpg",
|
||||
},
|
||||
title: "Custom Metal Finish", description: "Specialized surface finishes for maximum corrosion resistance.", imageSrc: "http://img.b2bpic.net/free-photo/engineer-working-with-robot-modern-industrial-facility_23-2151962519.jpg"},
|
||||
]}
|
||||
title="Fabrication Expertise"
|
||||
description="Tailored metalwork solutions designed for extreme performance and longevity."
|
||||
@@ -146,41 +109,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Industrial Support Frame",
|
||||
price: "$850",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waibaidu-bridge_1359-1138.jpg?_wi=1",
|
||||
},
|
||||
id: "p1", name: "Industrial Support Frame", price: "$850", imageSrc: "http://img.b2bpic.net/free-photo/waibaidu-bridge_1359-1138.jpg?_wi=1"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Custom Vent Duct",
|
||||
price: "$420",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ordered-composition-baking-tools-top-view_23-2150096481.jpg?_wi=1",
|
||||
},
|
||||
id: "p2", name: "Custom Vent Duct", price: "$420", imageSrc: "http://img.b2bpic.net/free-photo/ordered-composition-baking-tools-top-view_23-2150096481.jpg?_wi=1"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Steel Machinery Base",
|
||||
price: "$1200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lights-prisms-effect-close-up_23-2148917864.jpg",
|
||||
},
|
||||
id: "p3", name: "Steel Machinery Base", price: "$1200", imageSrc: "http://img.b2bpic.net/free-photo/lights-prisms-effect-close-up_23-2148917864.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Precision Housing Unit",
|
||||
price: "$650",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gold-metallic-with-metal-plate_1048-13781.jpg",
|
||||
},
|
||||
id: "p4", name: "Precision Housing Unit", price: "$650", imageSrc: "http://img.b2bpic.net/free-photo/gold-metallic-with-metal-plate_1048-13781.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Hydraulic Connector",
|
||||
price: "$150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-hydraulic-elements_23-2149333337.jpg",
|
||||
},
|
||||
id: "p5", name: "Hydraulic Connector", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-hydraulic-elements_23-2149333337.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Structural Plate",
|
||||
price: "$380",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-perforated-sheet-material-with-tiny-holes_23-2150185455.jpg",
|
||||
},
|
||||
id: "p6", name: "Structural Plate", price: "$380", imageSrc: "http://img.b2bpic.net/free-photo/view-perforated-sheet-material-with-tiny-holes_23-2150185455.jpg"},
|
||||
]}
|
||||
title="Our Fabrication Catalog"
|
||||
description="High-quality engineered components designed to meet the toughest technical specifications."
|
||||
@@ -194,53 +133,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
title: "Prototyping",
|
||||
period: "project",
|
||||
price: "$2,500",
|
||||
features: [
|
||||
"Design Consultation",
|
||||
"Single Prototype Unit",
|
||||
"Material Selection",
|
||||
],
|
||||
id: "basic", title: "Prototyping", period: "project", price: "$2,500", features: [
|
||||
"Design Consultation", "Single Prototype Unit", "Material Selection"],
|
||||
button: {
|
||||
text: "Select Plan",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/industry-smart-city_53876-17747.jpg",
|
||||
imageAlt: "industrial machinery brand logo",
|
||||
},
|
||||
text: "Select Plan"},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/industry-smart-city_53876-17747.jpg", imageAlt: "industrial machinery brand logo"},
|
||||
{
|
||||
id: "pro",
|
||||
title: "Small Batch",
|
||||
period: "month",
|
||||
price: "$8,000",
|
||||
features: [
|
||||
"Full Production Run",
|
||||
"Material Testing",
|
||||
"Quality Reports",
|
||||
],
|
||||
id: "pro", title: "Small Batch", period: "month", price: "$8,000", features: [
|
||||
"Full Production Run", "Material Testing", "Quality Reports"],
|
||||
button: {
|
||||
text: "Select Plan",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-perforated-sheet-material-with-tiny-holes_23-2150185454.jpg?_wi=2",
|
||||
imageAlt: "industrial machinery brand logo",
|
||||
},
|
||||
text: "Select Plan"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-perforated-sheet-material-with-tiny-holes_23-2150185454.jpg?_wi=2", imageAlt: "industrial machinery brand logo"},
|
||||
{
|
||||
id: "enterprise",
|
||||
title: "Mass Production",
|
||||
period: "month",
|
||||
price: "$25,000",
|
||||
features: [
|
||||
"Volume Manufacturing",
|
||||
"Dedicated Engineer",
|
||||
"Priority Shipping",
|
||||
],
|
||||
id: "enterprise", title: "Mass Production", period: "month", price: "$25,000", features: [
|
||||
"Volume Manufacturing", "Dedicated Engineer", "Priority Shipping"],
|
||||
button: {
|
||||
text: "Contact Sales",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/master-working-with-high-temperature-atelier_114579-12193.jpg?_wi=2",
|
||||
imageAlt: "industrial machinery brand logo",
|
||||
},
|
||||
text: "Contact Sales"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/master-working-with-high-temperature-atelier_114579-12193.jpg?_wi=2", imageAlt: "industrial machinery brand logo"},
|
||||
]}
|
||||
title="Engineering Packages"
|
||||
description="Transparent pricing for custom manufacturing and prototyping services."
|
||||
@@ -253,71 +162,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John Smith",
|
||||
date: "Jan 2025",
|
||||
title: "Operations Lead",
|
||||
quote: "The precision provided by Extreme Air is unmatched in the local industry.",
|
||||
tag: "Industrial",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-perforated-sheet-material-with-tiny-holes_23-2150185454.jpg?_wi=3",
|
||||
imageAlt: "industrial engineering manager portrait",
|
||||
},
|
||||
id: "1", name: "John Smith", date: "Jan 2025", title: "Operations Lead", quote: "The precision provided by Extreme Air is unmatched in the local industry.", tag: "Industrial", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg", imageSrc: "http://img.b2bpic.net/free-photo/view-perforated-sheet-material-with-tiny-holes_23-2150185454.jpg?_wi=3", imageAlt: "industrial engineering manager portrait"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Jenkins",
|
||||
date: "Dec 2024",
|
||||
title: "Lead Engineer",
|
||||
quote: "Their fabrication quality consistently meets our rigid aerospace tolerances.",
|
||||
tag: "Aerospace",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12812.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/master-working-with-high-temperature-atelier_114579-12193.jpg?_wi=3",
|
||||
imageAlt: "industrial engineering manager portrait",
|
||||
},
|
||||
id: "2", name: "Sarah Jenkins", date: "Dec 2024", title: "Lead Engineer", quote: "Their fabrication quality consistently meets our rigid aerospace tolerances.", tag: "Aerospace", avatarSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12812.jpg", imageSrc: "http://img.b2bpic.net/free-photo/master-working-with-high-temperature-atelier_114579-12193.jpg?_wi=3", imageAlt: "industrial engineering manager portrait"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mark Roberts",
|
||||
date: "Nov 2024",
|
||||
title: "Facility Manager",
|
||||
quote: "Responsive and skilled, the best team for large-scale structural projects.",
|
||||
tag: "Construction",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/multiethnic-executive-team-meeting-discuss-look-administrative-tasks_482257-116626.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-metallic-texture-perforated-metal-background_1048-6353.jpg?_wi=2",
|
||||
imageAlt: "industrial engineering manager portrait",
|
||||
},
|
||||
id: "3", name: "Mark Roberts", date: "Nov 2024", title: "Facility Manager", quote: "Responsive and skilled, the best team for large-scale structural projects.", tag: "Construction", avatarSrc: "http://img.b2bpic.net/free-photo/multiethnic-executive-team-meeting-discuss-look-administrative-tasks_482257-116626.jpg", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-metallic-texture-perforated-metal-background_1048-6353.jpg?_wi=2", imageAlt: "industrial engineering manager portrait"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena Torres",
|
||||
date: "Oct 2024",
|
||||
title: "Director",
|
||||
quote: "Reliable partner for complex metal components. Highly recommended.",
|
||||
tag: "Energy",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/mid-adult-inspector-analyzing-data-while-using-computer-auto-repair-shop_637285-7566.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glassblower-student-tries-make-flower-out-glass_1153-3497.jpg?_wi=2",
|
||||
imageAlt: "industrial engineering manager portrait",
|
||||
},
|
||||
id: "4", name: "Elena Torres", date: "Oct 2024", title: "Director", quote: "Reliable partner for complex metal components. Highly recommended.", tag: "Energy", avatarSrc: "http://img.b2bpic.net/free-photo/mid-adult-inspector-analyzing-data-while-using-computer-auto-repair-shop_637285-7566.jpg", imageSrc: "http://img.b2bpic.net/free-photo/glassblower-student-tries-make-flower-out-glass_1153-3497.jpg?_wi=2", imageAlt: "industrial engineering manager portrait"},
|
||||
{
|
||||
id: "5",
|
||||
name: "David Wu",
|
||||
date: "Sep 2024",
|
||||
title: "CEO",
|
||||
quote: "Extreme Air delivers consistently high precision and reliable deadlines.",
|
||||
tag: "Manufacturing",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/solar-panel-industry-expert-stands-high-tech-facility-inspection_482257-126036.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waibaidu-bridge_1359-1138.jpg?_wi=2",
|
||||
imageAlt: "industrial engineering manager portrait",
|
||||
},
|
||||
id: "5", name: "David Wu", date: "Sep 2024", title: "CEO", quote: "Extreme Air delivers consistently high precision and reliable deadlines.", tag: "Manufacturing", avatarSrc: "http://img.b2bpic.net/free-photo/solar-panel-industry-expert-stands-high-tech-facility-inspection_482257-126036.jpg", imageSrc: "http://img.b2bpic.net/free-photo/waibaidu-bridge_1359-1138.jpg?_wi=2", imageAlt: "industrial engineering manager portrait"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Karen Foster",
|
||||
date: "Aug 2024",
|
||||
title: "Operations Manager",
|
||||
quote: "Professional team with great communication throughout the design lifecycle.",
|
||||
tag: "Logistics",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/process-creating-new-metal-parts-busy-workshop-made-by-worker_613910-17216.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ordered-composition-baking-tools-top-view_23-2150096481.jpg?_wi=2",
|
||||
imageAlt: "industrial engineering manager portrait",
|
||||
},
|
||||
id: "6", name: "Karen Foster", date: "Aug 2024", title: "Operations Manager", quote: "Professional team with great communication throughout the design lifecycle.", tag: "Logistics", avatarSrc: "http://img.b2bpic.net/free-photo/process-creating-new-metal-parts-busy-workshop-made-by-worker_613910-17216.jpg", imageSrc: "http://img.b2bpic.net/free-photo/ordered-composition-baking-tools-top-view_23-2150096481.jpg?_wi=2", imageAlt: "industrial engineering manager portrait"},
|
||||
]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Client success stories showcasing our commitment to fabrication quality and on-time delivery."
|
||||
@@ -329,14 +184,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"AeroFab Systems",
|
||||
"Global Steel Corp",
|
||||
"Precision Machining Inc",
|
||||
"Industrial Structures Ltd",
|
||||
"Energy Dynamics",
|
||||
"North Tech Alloys",
|
||||
"Reliable Welding Co",
|
||||
]}
|
||||
"AeroFab Systems", "Global Steel Corp", "Precision Machining Inc", "Industrial Structures Ltd", "Energy Dynamics", "North Tech Alloys", "Reliable Welding Co"]}
|
||||
title="Partnering with the Best"
|
||||
description="We are proud to serve some of the most prominent names in industrial manufacturing and engineering."
|
||||
/>
|
||||
@@ -348,25 +196,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What metals do you work with?",
|
||||
content: "We specialize in steel, stainless steel, aluminum, and custom alloy fabrication.",
|
||||
},
|
||||
id: "f1", title: "What metals do you work with?", content: "We specialize in steel, stainless steel, aluminum, and custom alloy fabrication."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What is the typical lead time?",
|
||||
content: "Lead times vary based on project complexity but typically range from 2 to 6 weeks.",
|
||||
},
|
||||
id: "f2", title: "What is the typical lead time?", content: "Lead times vary based on project complexity but typically range from 2 to 6 weeks."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer design services?",
|
||||
content: "Yes, our engineering team provides full design and prototyping assistance.",
|
||||
},
|
||||
id: "f3", title: "Do you offer design services?", content: "Yes, our engineering team provides full design and prototyping assistance."},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Can you handle volume orders?",
|
||||
content: "We are equipped for both one-off custom prototypes and large-scale manufacturing runs.",
|
||||
},
|
||||
id: "f4", title: "Can you handle volume orders?", content: "We are equipped for both one-off custom prototypes and large-scale manufacturing runs."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common inquiries regarding our fabrication capabilities."
|
||||
@@ -378,10 +214,9 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static-grid",
|
||||
}}
|
||||
variant: "rotated-rays-static-grid"}}
|
||||
title="Ready to Start Your Project?"
|
||||
description="Send us your project details or drawings today for a rapid custom quote."
|
||||
description="Send us your project details or drawings today for a rapid custom quote. Visit us at: 54 McKenzie Rd, Nerepis, NB E5K 3N8"
|
||||
tag="Get In Touch"
|
||||
/>
|
||||
</div>
|
||||
@@ -393,23 +228,17 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "#",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
href: "#", ariaLabel: "LinkedIn"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "#", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user