From 8e423138ff479532b34ca05083041dea3d2658b4 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 7 Apr 2026 15:53:39 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 322 +++++++++++++++++------------------------------
 1 file changed, 116 insertions(+), 206 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index ecafd7f..ab86517 100644
--- a/src/app/page.tsx
+++ b/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>
   );
-- 
2.49.1