diff --git a/src/app/page.tsx b/src/app/page.tsx
index c6dc687..824b82f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -37,22 +37,6 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="hero" data-section="hero">
-        <HeroLogoBillboardSplit
-          logoText="My New Title"
-          description="This is a test description"
-          background={{ variant: "radial-gradient" }}
-          buttons={[
-            { text: "Download Now", href: "https://apps.apple.com/app/clash-of-clans" },
-            { text: "Watch Trailer", href: "#gameplay" }
-          ]}
-          layoutOrder="default"
-          backgroundImage="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=1920&q=80"
-          imageAlt="Clash of Clans epic battle scene with castle and warriors"
-          frameStyle="browser"
-        />
-      </div>
-
       <div id="features" data-section="features">
         <FeatureCardTwentyFive
           title="Amazing Features"
@@ -110,6 +94,21 @@ export default function LandingPage() {
           useInvertedBackground="noInvert"
         />
       </div>
+      <div id="hero" data-section="hero">
+        <HeroLogoBillboardSplit
+          logoText="My New Title"
+          description="This is a test description"
+          background={{ variant: "radial-gradient" }}
+          buttons={[
+            { text: "Download Now", href: "https://apps.apple.com/app/clash-of-clans" },
+            { text: "Watch Trailer", href: "#gameplay" }
+          ]}
+          layoutOrder="default"
+          backgroundImage="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=1920&q=80"
+          imageAlt="Clash of Clans epic battle scene with castle and warriors"
+          frameStyle="browser"
+        />
+      </div>
 
       <div id="gameplay" data-section="gameplay">
         <ProductCardOne