Bob AI: make Hero Billboard Scroll section the first secti...

src/app/page.tsx

@@ -37,6 +37,19 @@ export default function HomePage() {
         />
       </div>
 
+      <div id="hero_billboard_scroll" data-section="hero_billboard_scroll">
+        <HeroBillboardScroll
+          title="Hero Billboard Scroll"
+          description="Add your description here."
+          tag="Label"
+          tagIcon="Check"
+          buttons={[{ label: "Primary", href: "#" }, { label: "Secondary", href: "#" }]}
+          imageSrc="https://placehold.co/600x400"
+          background={{ variant: "plain" }}
+          containerClassName="relative z-10"
+        />
+      </div>
+
       <div id="about" data-section="about">
         <SplitAbout
           title="Empowering the Next Generation of Tech Professionals"
@@ -222,19 +235,6 @@ export default function HomePage() {
           ]}
         />
       </div>
-
-      <div id="hero_billboard_scroll" data-section="hero_billboard_scroll">
-        <HeroBillboardScroll
-          title="Hero Billboard Scroll"
-          description="Add your description here."
-          tag="Label"
-          tagIcon="Check"
-          buttons={[{ label: "Primary", href: "#" }, { label: "Secondary", href: "#" }]}
-          imageSrc="https://placehold.co/600x400"
-          background={{ variant: "plain" }}
-          containerClassName="relative z-10"
-        />
-      </div>
       <div id="contact" data-section="contact">
         <ContactCenter
           tag="Newsletter"