From 4844dd82c9ac3078d8c6e7d89a9f257054194601 Mon Sep 17 00:00:00 2001
From: Sewmina <sewmina7@gmail.com>
Date: Thu, 31 Jul 2025 01:07:11 +0530
Subject: [PATCH] sync

---
 src/app/page.tsx               |  5 ++++-
 src/components/HeroSection.tsx | 11 +----------
 src/components/TopBanner.tsx   | 25 +++++++++++++++++++++++++
 3 files changed, 30 insertions(+), 11 deletions(-)
 create mode 100644 src/components/TopBanner.tsx

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 47ee1e8..43a9ef3 100644
--- a/src/app/page.tsx
+++ b/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 />
diff --git a/src/components/HeroSection.tsx b/src/components/HeroSection.tsx
index 1d2408c..85e67a6 100644
--- a/src/components/HeroSection.tsx
+++ b/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"
diff --git a/src/components/TopBanner.tsx b/src/components/TopBanner.tsx
new file mode 100644
index 0000000..64d6fe3
--- /dev/null
+++ b/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>
+        )}
+        </>
+    )
+}
\ No newline at end of file