Merge version_1 into main #2
322
src/app/page.tsx
322
src/app/page.tsx
@@ -17,221 +17,131 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Technology",
|
||||
id: "technology",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="RhizoPTX"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Problem", id: "problem" },
|
||||
{ name: "Process", id: "process" },
|
||||
{ name: "Technology", id: "tech-edge" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="RhizoPTX"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Ammonia. Reimagined."
|
||||
description="A breakthrough electrochemical system producing green ammonia directly from air and water — without hydrogen."
|
||||
buttons={[
|
||||
{
|
||||
text: "Partner With Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Explore Technology",
|
||||
href: "#technology",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industry-40-industrial-plant-engineer-controlling-automated-machinery-using-ai_482257-126700.jpg?_wi=1",
|
||||
imageAlt: "Ammonia Reactor Visualization",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industry-40-industrial-plant-engineer-controlling-automated-machinery-using-ai_482257-126700.jpg?_wi=2",
|
||||
imageAlt: "Molecular Structure",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industry-40-industrial-plant-engineer-controlling-automated-machinery-using-ai_482257-126700.jpg?_wi=3",
|
||||
imageAlt: "Green Ammonia Synthesis",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industry-40-industrial-plant-engineer-controlling-automated-machinery-using-ai_482257-126700.jpg?_wi=4",
|
||||
imageAlt: "Air Water Integration",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industry-40-industrial-plant-engineer-controlling-automated-machinery-using-ai_482257-126700.jpg?_wi=5",
|
||||
imageAlt: "Electrochemical Flow",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Ammonia. Reimagined."
|
||||
description="A breakthrough electrochemical system producing green ammonia directly from air and water — without hydrogen."
|
||||
buttons={[
|
||||
{ text: "Partner With Us", href: "#contact" },
|
||||
{ text: "Explore Technology", href: "#tech-edge" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/industry-40-industrial-plant-engineer-controlling-automated-machinery-using-ai_482257-126700.jpg", imageAlt: "Ammonia Reactor Visualization" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/industry-40-industrial-plant-engineer-controlling-automated-machinery-using-ai_482257-126700.jpg", imageAlt: "Molecular Structure" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/industry-40-industrial-plant-engineer-controlling-automated-machinery-using-ai_482257-126700.jpg", imageAlt: "Green Ammonia Synthesis" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/industry-40-industrial-plant-engineer-controlling-automated-machinery-using-ai_482257-126700.jpg", imageAlt: "Air Water Integration" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/industry-40-industrial-plant-engineer-controlling-automated-machinery-using-ai_482257-126700.jpg", imageAlt: "Electrochemical Flow" },
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="problem" data-section="problem">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "p1",
|
||||
title: "Climate Impact",
|
||||
descriptions: [
|
||||
"Ammonia drives global food supply but represents a massive industrial carbon source.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/factory-producing-co2-pollution_23-2150858183.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
title: "Scalability Issues",
|
||||
descriptions: [
|
||||
"Existing methods fail to scale efficiently to modern energy demands.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/factory-producing-co2-pollution_23-2150858183.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
title: "Hydrogen Dependency",
|
||||
descriptions: [
|
||||
"Current green options are expensive and structurally fragile.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/factory-producing-co2-pollution_23-2150858183.jpg?_wi=3",
|
||||
},
|
||||
]}
|
||||
title="The Problem"
|
||||
description="Current ammonia production accounts for ~2% of global emissions and remains tethered to inefficient, costly hydrogen infrastructure."
|
||||
/>
|
||||
</div>
|
||||
<div id="problem" data-section="problem">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "p1", title: "Climate Impact", descriptions: ["Ammonia drives global food supply but represents a massive industrial carbon source."], imageSrc: "http://img.b2bpic.net/free-photo/factory-producing-co2-pollution_23-2150858183.jpg" },
|
||||
{ id: "p2", title: "Scalability Issues", descriptions: ["Existing methods fail to scale efficiently to modern energy demands."], imageSrc: "http://img.b2bpic.net/free-photo/factory-producing-co2-pollution_23-2150858183.jpg" },
|
||||
{ id: "p3", title: "Hydrogen Dependency", descriptions: ["Current green options are expensive and structurally fragile."], imageSrc: "http://img.b2bpic.net/free-photo/factory-producing-co2-pollution_23-2150858183.jpg" },
|
||||
]}
|
||||
title="The Problem"
|
||||
description="Current ammonia production accounts for ~2% of global emissions and remains tethered to inefficient, costly hydrogen infrastructure."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="process" data-section="process">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="The Breakthrough"
|
||||
description="Our modular system replaces fossil-fuel dependency with direct synthesis using intermittent renewable energy sources."
|
||||
metrics={[
|
||||
{
|
||||
value: "0%",
|
||||
title: "Hydrogen Dependency",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Renewable Input",
|
||||
},
|
||||
{
|
||||
value: "Direct",
|
||||
title: "Synthesis Path",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/iodine-chemical-element-sign-with-atomic-number-atomic-weight-periodic-table-element_559531-11996.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="process" data-section="process">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="The Breakthrough"
|
||||
description="Our modular system replaces fossil-fuel dependency with direct synthesis using intermittent renewable energy sources."
|
||||
metrics={[
|
||||
{ value: "0%", title: "Hydrogen Dependency" },
|
||||
{ value: "100%", title: "Renewable Input" },
|
||||
{ value: "Direct", title: "Synthesis Path" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/iodine-chemical-element-sign-with-atomic-number-atomic-weight-periodic-table-element_559531-11996.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="tech-edge" data-section="tech-edge">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "Direct Synthesis",
|
||||
description: "Eliminating Haber-Bosch entirely.",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Modular Design",
|
||||
description: "Decentralized for industrial utility.",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Cost Effective",
|
||||
description: "Low cost materials at scale.",
|
||||
},
|
||||
]}
|
||||
title="Technology Edge"
|
||||
description="Positioned as fundamentally different, we are moving beyond incremental improvements into new territory."
|
||||
/>
|
||||
</div>
|
||||
<div id="tech-edge" data-section="tech-edge">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "Direct Synthesis", description: "Eliminating Haber-Bosch entirely." },
|
||||
{ id: "m2", value: "Modular Design", description: "Decentralized for industrial utility." },
|
||||
{ id: "m3", value: "Cost Effective", description: "Low cost materials at scale." },
|
||||
]}
|
||||
title="Technology Edge"
|
||||
description="Positioned as fundamentally different, we are moving beyond incremental improvements into new territory."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Dr. Sarah Chen",
|
||||
role: "Co-Founder & CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-entrepreneur_1098-15359.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus Thorne",
|
||||
role: "Chief Technology Officer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-senior-businessman-with-clipboards_1262-1934.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Head of Engineering",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-performing-medical-research-lab_23-2149335696.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "James Sterling",
|
||||
role: "Strategy Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-senior-businessman-with-digital-tablet_1262-2373.jpg",
|
||||
},
|
||||
]}
|
||||
title="Leadership Team"
|
||||
description="Founders with deep electrochemistry background and industry-leading research credibility."
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{ id: "t1", name: "Dr. Sarah Chen", role: "Co-Founder & CEO", imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-entrepreneur_1098-15359.jpg" },
|
||||
{ id: "t2", name: "Marcus Thorne", role: "Chief Technology Officer", imageSrc: "http://img.b2bpic.net/free-photo/serious-senior-businessman-with-clipboards_1262-1934.jpg" },
|
||||
{ id: "t3", name: "Elena Rodriguez", role: "Head of Engineering", imageSrc: "http://img.b2bpic.net/free-photo/doctor-performing-medical-research-lab_23-2149335696.jpg" },
|
||||
{ id: "t4", name: "James Sterling", role: "Strategy Lead", imageSrc: "http://img.b2bpic.net/free-photo/confident-senior-businessman-with-digital-tablet_1262-2373.jpg" },
|
||||
]}
|
||||
title="Leadership Team"
|
||||
description="Founders with deep electrochemistry background and industry-leading research credibility."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Let's Connect"
|
||||
title="Building the Future of Energy Infrastructure"
|
||||
description="Join the transition to clean ammonia. Contact us to learn about partnership opportunities."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/industry-40-industrial-plant-engineer-controlling-automated-machinery-using-ai_482257-126700.jpg?_wi=6"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Let's Connect"
|
||||
title="Building the Future of Energy Infrastructure"
|
||||
description="Join the transition to clean ammonia. Contact us to learn about partnership opportunities."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/industry-40-industrial-plant-engineer-controlling-automated-machinery-using-ai_482257-126700.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="RhizoPTX"
|
||||
copyrightText="© 2025 RhizoPTX. Powering the Future of Clean Ammonia."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="RhizoPTX"
|
||||
copyrightText="© 2025 RhizoPTX. Powering the Future of Clean Ammonia."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user