add: reg closes scrolling banner

Author: pranavvraja

src/app/page.tsx

@@ -21,7 +21,7 @@ export default function Home() {
 
   return (
     <>
-      <div className="fixed top-0 w-full h-[80px] z-40 overflow-x-hidden  backdrop-blur-md head-5 bg-black/5" />
+      <div className="fixed top-0 w-full h-[130px] z-40 overflow-x-hidden  backdrop-blur-md head-5 bg-black/5" />
 
       <Nav />
       <div className="z-20 relative pt-20 overflow-x-clip 1">

src/components/common/scrolling-banner.tsx

@@ -7,9 +7,13 @@ export default function ScrollingBanner() {
   const repeatCount = 20; // Increase this number to add more repetitions
 
   return (
-    <div className="bg-gradient-to-b from-transparent from-60% via-redTheme via-75% to-transparent to-90% h-fit text-whiteTheme   overflow-hidden py-2">
+    <div
+      className="
+    // bg-gradient-to-b from-transparent from-60% via-redTheme via-75% to-transparent to-90%
+     bg-redTheme h-fit text-whiteTheme   overflow-hidden py-2"
+    >
       <motion.div
-        className="whitespace-nowrap inline-block mt-20 pb-4"
+        className="whitespace-nowrap inline-block"
         animate={{
           x: ["0%", "-50%"],
         }}

src/components/widget/header.tsx

@@ -11,6 +11,7 @@ import NavItem from "../navbar/nav-items";
 import RegisterButton from "../navbar/register-button";
 import { useRouter } from "next/navigation";
 import { Button } from "../ui/button";
+import ScrollingBanner from "../common/scrolling-banner";
 const Nav = () => {
   const router = useRouter();
   gsap.registerPlugin(ScrollTrigger);
@@ -110,6 +111,7 @@ const Nav = () => {
   return (
     <>
       <header className="fixed z-[100] left-0 top-0 w-screen">
+        <ScrollingBanner />
         <div className="header-1 flex md:py-[10px] md:px-[30px] px-[10px] pt-1 justify-between items-center">
           <div className="logo">
             <Link href="/">