add bg

src/app/(main)/page.jsx

@@ -1,4 +1,5 @@
 import { Homepage } from '@/components/Homepage'
+import { LogoPage } from '@/components/Logopage'
 import { Hero } from '@/components/Hero'
 import { Newsletter } from '@/components/Newsletter'
 import { Schedule } from '@/components/Schedule'
@@ -9,10 +10,10 @@ export default function Home() {
   return (
     <>
       <Homepage />
+      <Sponsors />
       <Hero />
       <Speakers />
       <Schedule />
-      <Sponsors />
       <Newsletter />
     </>
   )

src/components/BackgroundImage.jsx

@@ -26,8 +26,8 @@ export function BackgroundImage({ className, position = 'left' }) {
         priority
         unoptimized
       />
-      <div className="absolute inset-x-0 top-0 h-40 bg-gradient-to-b from-white" />
+      <div className="absolute inset-x-0 top-0 h-20 bg-gradient-to-b from-white" />
-      <div className="absolute inset-x-0 bottom-0 h-40 bg-gradient-to-t from-white" />
+      <div className="absolute inset-x-0 bottom-0 h-20 bg-gradient-to-t from-white" />
     </div>
   )
 }

src/components/BackgroundVideo.jsx

@@ -13,7 +13,7 @@ export function BackgroundVideo({ className }) {
       playsInline
       className={`absolute inset-0 w-full h-full object-cover ${className}`}
     >
-      <source src="/video/ourverse.mp4" type="video/mp4" />
+      <source src="/video/ourverse2.mp4" type="video/mp4" />
       Your browser does not support the video tag.
     </video>
   );

src/components/Gradient.jsx

@@ -6,7 +6,7 @@ export function Gradient({ children, className = '' }) {
     <div
       className={`relative ${className}`}
       style={{
-        background: 'linear-gradient(90deg, rgba(255,255,255,0.7) 0%, rgba(253,253,253,0) 100%)',
+        background: 'linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(253,253,253,0) 90%)',
       }}
     >
       {children}