Merge pull request #72 from IRISX-AI/fix-ch/landing-#211

Fix ch/landing #211

Author: 201Harsh

.gitignore

@@ -169,4 +169,5 @@ yarn-error.log*
 .vercel
 
 *.tsbuildinfo
-next-env.d.ts
+next-env.d.ts
+server

README.md

@@ -1,6 +1,6 @@
 <div align="center">
 
-![IRIS Neural OS Documentation Banner](./assets/docs_banner.jpeg)
+![IRIS Neural OS Documentation Banner](./assets/docs_banner-old.jpeg)
 
 ## The Autonomous Neural OS Agent
 

SECURITY.md

@@ -82,4 +82,4 @@ We are highly interested in reports regarding:
 
 ## Bug Bounties
 
-IRIS is a labor of love and an open-source initiative. There is currently no bug bounty program and no budget for paid reports. Please still disclose responsibly so we can secure the engine for the community. The best way to help the project right now is by responsibly disclosing and submitting PRs.
+IRIS is a labor of love and an open-source initiative. There is currently no bug bounty program and no budget for paid reports. Please still disclose responsibly so we can secure the engine for the community. The best way to help the project right now is by responsibly disclosing and submitting PRs.

assets/docs_banner.jpeg assets/docs_banner-old.jpegassets/docs_banner.jpeg renamed to assets/docs_banner-old.jpeg

@@ -24,17 +24,19 @@ export default function IrisHero({
         className="hero-section sticky top-0 h-screen w-full flex flex-col justify-center items-center z-0 overflow-hidden bg-black"
       >
         <div className="hidden md:block w-full h-full absolute inset-0 z-0 bg-black">
-          <FloatingLines
-            enabledWaves={["top", "middle", "bottom"]}
-            lineCount={6}
-            lineDistance={8}
-            bendRadius={8}
-            bendStrength={-2}
-            interactive
-            parallax={true}
-            animationSpeed={1}
-            linesGradient={["#24d307", "#144f01", "#2a8f2c"]}
-          />
+          {isHeroActive && (
+            <FloatingLines
+              enabledWaves={["top", "middle", "bottom"]}
+              lineCount={6}
+              lineDistance={8}
+              bendRadius={8}
+              bendStrength={-2}
+              interactive
+              parallax={true}
+              animationSpeed={1}
+              linesGradient={["#24d307", "#144f01", "#2a8f2c"]}
+            />
+          )}
         </div>
         <div
           className={`
@@ -44,7 +46,7 @@ export default function IrisHero({
           `}
           style={{ display: isHeroActive ? undefined : "none" }}
         >
-          <GhostEther className="block" />
+          {isHeroActive && <GhostEther className="block" />}
         </div>
 
         <div className="relative z-20 flex flex-col items-center justify-center text-center px-6 w-full max-w-5xl gap-0">
@@ -105,7 +107,7 @@ export default function IrisHero({
           <div className="flex md:flex-row flex-col justify-center items-center gap-5 w-full sm:w-auto">
             <Link href="/download">
               <MagneticButton
-                title="Download for Windows"
+                title="Download IRIS AI"
                 subtitle="Get Early Access"
                 iconLeft={<Command className="w-6 h-6" />}
                 iconRight={

client/app/Components/UI/IrisHero.tsx

@@ -3,7 +3,7 @@ import gsap from "gsap";
 import { useGSAP } from "@gsap/react";
 import { ScrollTrigger } from "gsap/ScrollTrigger";
 import Header from "../Components/Header";
-import { useRef, useState, useEffect } from "react";
+import { useRef, useState } from "react";
 import Footer from "../Components/Footer";
 import Image from "next/image";
 import LogoLoop from "../utils/LogoLoop";
@@ -40,16 +40,6 @@ const IRIS = () => {
   const [isHeroVisible, setIsHeroVisible] = useState(true);
   const [isHeroActive, setIsHeroActive] = useState(true);
 
-  useEffect(() => {
-    let timeout: NodeJS.Timeout;
-    if (isHeroVisible) {
-      setIsHeroActive(true);
-    } else {
-      timeout = setTimeout(() => setIsHeroActive(false), 700);
-    }
-    return () => clearTimeout(timeout);
-  }, [isHeroVisible]);
-
   const actualTechLogos = [
     {
       node: <RiGeminiFill className="text-4xl text-white cursor-pointer" />,
@@ -131,6 +121,19 @@ const IRIS = () => {
         start: "top top",
         onEnter: () => setIsHeroVisible(false),
         onLeaveBack: () => setIsHeroVisible(true),
+        onRefresh: (self) => {
+          setIsHeroVisible(self.scroll() < self.start);
+        },
+      });
+
+      ScrollTrigger.create({
+        trigger: contentRef.current,
+        start: "top -100%",
+        onEnter: () => setIsHeroActive(false),
+        onLeaveBack: () => setIsHeroActive(true),
+        onRefresh: (self) => {
+          setIsHeroActive(self.scroll() < self.start);
+        },
       });
     },
     { scope: containerRef },

client/app/Landing/IRIS.tsx

@@ -5,4 +5,4 @@ const AxiosInstance = axios.create({
   withCredentials: true,
 });
 
-export default AxiosInstance;
+export default AxiosInstance;

client/config/AxiosInstacne.ts

@@ -3,5 +3,4 @@ import app from "../src/index.js";
 
 export default function handler(req: Request, res: Response) {
   return app(req, res);
-}
-
+}