sync

src/app/page.tsx

@@ -11,6 +11,7 @@ import { PrivyProvider } from "@privy-io/react-auth";
 import { toSolanaWalletConnectors } from "@privy-io/react-auth/solana";
 import { Toaster } from "sonner";
 import { PracticeGameProvider } from "@/contexts/PracticeGameContext";
+import TopBanner from "@/components/TopBanner";
 
 export default function Home() {
 
@@ -41,9 +42,11 @@ export default function Home() {
           <>
             <Toaster position="top-right" richColors />
             <Header />
+            <TopBanner/>
+            <BeatHighscoreSection />
+
             <HeroSection />
             
-            <BeatHighscoreSection />
             <div className="container mt-10"></div>
             
             <Leaderboard />

src/components/HeroSection.tsx

@@ -280,16 +280,7 @@ export default function HeroSection() {
             )
           ) : (
             <section className="flex flex-col items-center text-center py-16">
-              <video 
+              
-                autoPlay 
-                loop 
-                muted 
-                playsInline 
-                className="w-full max-w-4xl mb-8 rounded-lg"
-              >
-                <source src="/duelfiassets/headervideo.MP4" type="video/mp4" />
-                Your browser does not support the video tag.
-              </video>
 
               {/* <Image
                 src="/duelfiassets/Playing on Arcade Machine no BG.png"

src/components/TopBanner.tsx

@@ -0,0 +1,25 @@
+import { usePracticeGame } from "@/contexts/PracticeGameContext";
+
+export default function TopBanner() {
+
+    const { isPracticeGameOpen, isActiveGameOpen } = usePracticeGame();
+
+    return (
+        <>
+        {!isPracticeGameOpen && !isActiveGameOpen && (
+            <div className="w-full flex justify-center items-center">
+                <video 
+                    autoPlay 
+                    loop 
+                    muted 
+                    playsInline 
+                    className="w-full max-w-4xl mb-8 rounded-lg"
+                  >
+                    <source src="/duelfiassets/headervideo.MP4" type="video/mp4" />
+                    Your browser does not support the video tag.
+                  </video>
+            </div>
+        )}
+        </>
+    )
+}