Merge version_2 into main #2
207
src/app/page.tsx
207
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Solutions",
|
||||
id: "/solutions",
|
||||
},
|
||||
name: "Solutions", id: "/solutions"},
|
||||
{
|
||||
name: "How It Works",
|
||||
id: "/how-it-works",
|
||||
},
|
||||
name: "How It Works", id: "/how-it-works"},
|
||||
{
|
||||
name: "Pilot Program",
|
||||
id: "/pilot",
|
||||
},
|
||||
name: "Pilot Program", id: "/pilot"},
|
||||
]}
|
||||
brandName="THE NOXFATHER"
|
||||
/>
|
||||
@@ -52,102 +44,54 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="The All In One Solution Has Arrived. Excellence Delivered."
|
||||
description="Real, measurable progress toward carbon neutrality—cutting harmful emissions and greenhouse gases without sacrificing efficiency or profitability."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Rail Operator",
|
||||
handle: "@HeavyFleet",
|
||||
testimonial: "Immediate fuel savings were realized within the first phase of the pilot program.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599414.jpg?_wi=1",
|
||||
imageAlt: "industrial engine innovation blue glow",
|
||||
},
|
||||
name: "Rail Operator", handle: "@HeavyFleet", testimonial: "Immediate fuel savings were realized within the first phase of the pilot program.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599414.jpg?_wi=1", imageAlt: "industrial engine innovation blue glow"},
|
||||
{
|
||||
name: "ESG Executive",
|
||||
handle: "@LogisticsCo",
|
||||
testimonial: "The NOxfather provided the verifiable emissions data our board required.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599423.jpg?_wi=1",
|
||||
imageAlt: "industrial engine innovation blue glow",
|
||||
},
|
||||
name: "ESG Executive", handle: "@LogisticsCo", testimonial: "The NOxfather provided the verifiable emissions data our board required.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599423.jpg?_wi=1", imageAlt: "industrial engine innovation blue glow"},
|
||||
{
|
||||
name: "Operations Lead",
|
||||
handle: "@CargoSolutions",
|
||||
testimonial: "Seamless integration with our existing heavy machinery fleet.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599409.jpg?_wi=1",
|
||||
imageAlt: "industrial engine innovation blue glow",
|
||||
},
|
||||
name: "Operations Lead", handle: "@CargoSolutions", testimonial: "Seamless integration with our existing heavy machinery fleet.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599409.jpg?_wi=1", imageAlt: "industrial engine innovation blue glow"},
|
||||
{
|
||||
name: "Compliance Officer",
|
||||
handle: "@GlobalMarine",
|
||||
testimonial: "Finally, a solution that hits all our regulatory carbon targets.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-themed-circuit-board-with-capacitor_23-2148284284.jpg?_wi=1",
|
||||
imageAlt: "industrial engine innovation blue glow",
|
||||
},
|
||||
name: "Compliance Officer", handle: "@GlobalMarine", testimonial: "Finally, a solution that hits all our regulatory carbon targets.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-themed-circuit-board-with-capacitor_23-2148284284.jpg?_wi=1", imageAlt: "industrial engine innovation blue glow"},
|
||||
{
|
||||
name: "Head of Engineering",
|
||||
handle: "@TechFreight",
|
||||
testimonial: "The combustion efficiency gains have been nothing short of spectacular.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hard-drive-components-blue-light_23-2149417059.jpg?_wi=1",
|
||||
imageAlt: "industrial engine innovation blue glow",
|
||||
},
|
||||
name: "Head of Engineering", handle: "@TechFreight", testimonial: "The combustion efficiency gains have been nothing short of spectacular.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hard-drive-components-blue-light_23-2149417059.jpg?_wi=1", imageAlt: "industrial engine innovation blue glow"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Pilot Program",
|
||||
href: "/pilot",
|
||||
},
|
||||
text: "Start Your Pilot Program", href: "/pilot"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599414.jpg?_wi=2"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599423.jpg",
|
||||
alt: "user 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599423.jpg", alt: "user 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599409.jpg",
|
||||
alt: "user 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599409.jpg", alt: "user 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blue-themed-circuit-board-with-capacitor_23-2148284284.jpg",
|
||||
alt: "user 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/blue-themed-circuit-board-with-capacitor_23-2148284284.jpg", alt: "user 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-hard-drive-components-blue-light_23-2149417059.jpg",
|
||||
alt: "user 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-hard-drive-components-blue-light_23-2149417059.jpg", alt: "user 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599414.jpg",
|
||||
alt: "user 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599414.jpg", alt: "user 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Net-Zero Ready",
|
||||
},
|
||||
type: "text", text: "Net-Zero Ready"},
|
||||
{
|
||||
type: "text",
|
||||
text: "High Performance",
|
||||
},
|
||||
type: "text", text: "High Performance"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Verified Emissions Data",
|
||||
},
|
||||
type: "text", text: "Verified Emissions Data"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Industrial Scaling",
|
||||
},
|
||||
type: "text", text: "Industrial Scaling"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Maximized ROI",
|
||||
},
|
||||
type: "text", text: "Maximized ROI"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -160,20 +104,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10%",
|
||||
description: "Combined Overall Financial Savings",
|
||||
},
|
||||
id: "m1", value: "10%", description: "Combined Overall Financial Savings"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "40%+",
|
||||
description: "Reduction In GHG Emissions",
|
||||
},
|
||||
id: "m2", value: "40%+", description: "Reduction In GHG Emissions"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "95%",
|
||||
description: "Reduction in PM 2.5",
|
||||
},
|
||||
id: "m3", value: "95%", description: "Reduction in PM 2.5"},
|
||||
]}
|
||||
title="Measurable Impact"
|
||||
description="Proven performance across industrial sectors."
|
||||
@@ -187,34 +122,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Step 01",
|
||||
title: "Optimize Fuel",
|
||||
items: [
|
||||
"Advanced proprietary fuel additives",
|
||||
"Emulsify water content",
|
||||
"Increase combustion efficiency",
|
||||
],
|
||||
id: "f1", label: "Step 01", title: "Optimize Fuel", items: [
|
||||
"Advanced proprietary fuel additives", "Emulsify water content", "Increase combustion efficiency"],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Step 02",
|
||||
title: "Reduce Emissions",
|
||||
items: [
|
||||
"Reduction in NOx, SOx, and CO2",
|
||||
"Significant PM 2.5 removal",
|
||||
"Verified ESG progress",
|
||||
],
|
||||
id: "f2", label: "Step 02", title: "Reduce Emissions", items: [
|
||||
"Reduction in NOx, SOx, and CO2", "Significant PM 2.5 removal", "Verified ESG progress"],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Step 03",
|
||||
title: "Save Money",
|
||||
items: [
|
||||
"Immediate fuel expenditure drop",
|
||||
"Reduced engine maintenance costs",
|
||||
"Improved operational ROI",
|
||||
],
|
||||
id: "f3", label: "Step 03", title: "Save Money", items: [
|
||||
"Immediate fuel expenditure drop", "Reduced engine maintenance costs", "Improved operational ROI"],
|
||||
},
|
||||
]}
|
||||
title="Proven Optimization Flow"
|
||||
@@ -229,75 +146,55 @@ export default function LandingPage() {
|
||||
title="Trusted By Industry Leaders"
|
||||
description="Working with major players across rail and maritime logistics."
|
||||
names={[
|
||||
"Global Rail Corp",
|
||||
"Pacific Shipping",
|
||||
"Heavy Haul Logistics",
|
||||
"Atlantic Tanker Fleet",
|
||||
"North Freight",
|
||||
]}
|
||||
"Global Rail Corp", "Pacific Shipping", "Heavy Haul Logistics", "Atlantic Tanker Fleet", "North Freight"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-home" data-section="contact-home">
|
||||
<ContactSplitForm
|
||||
className="py-24 bg-[rgba(10,37,64,0.95)]"
|
||||
containerClassName="px-8 lg:px-16"
|
||||
titleClassName="text-white font-semibold tracking-tight"
|
||||
descriptionClassName="text-blue-100/80"
|
||||
formCardClassName="bg-white/5 backdrop-blur-md border border-white/10 shadow-2xl"
|
||||
useInvertedBackground={true}
|
||||
title="Begin Your Sustainable Transformation"
|
||||
description="Consult with our team to start your pilot program today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Full Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Full Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
{
|
||||
name: "company",
|
||||
type: "text",
|
||||
placeholder: "Company Name",
|
||||
required: true,
|
||||
name: "company", type: "text", placeholder: "Company Name", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "help",
|
||||
placeholder: "How can we help?",
|
||||
}}
|
||||
name: "help", placeholder: "How can we help?"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-hard-drive-components-blue-light_23-2149417059.jpg?_wi=2"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
className="py-16 bg-[#0a2540] border-t border-white/10"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Solutions",
|
||||
items: [
|
||||
title: "Solutions", items: [
|
||||
{
|
||||
label: "Rail & Locomotive",
|
||||
href: "/solutions",
|
||||
},
|
||||
label: "Rail & Locomotive", href: "/solutions"},
|
||||
{
|
||||
label: "Marine & HFO",
|
||||
href: "/solutions",
|
||||
},
|
||||
label: "Marine & HFO", href: "/solutions"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user