Update src/app/page.tsx

src/app/page.tsx

@@ -20,7 +20,7 @@ export default function LandingPage() {
       borderRadius="pill"
       contentWidth="mediumSmall"
       sizing="largeSmall"
-      background="aurora"
+      background="circleGradient"
       cardStyle="glass-elevated"
       primaryButtonStyle="radial-glow"
       secondaryButtonStyle="solid"
@@ -46,7 +46,7 @@ export default function LandingPage() {
         <HeroLogoBillboardSplit
           logoText="SHORTVID"
           description="Share your story in seconds. Upload, create, and connect with millions of viewers through short-form video content that captivates and engages."
-          background={{ variant: "aurora" }}
+          background={{ variant: "radial-gradient" }}
           buttons={[
             { text: "Upload Your First Video", href: "#upload" },
             { text: "Watch Shorts", href: "#" }
@@ -214,7 +214,7 @@ export default function LandingPage() {
             { text: "Create Free Account", href: "#" },
             { text: "Explore Platform", href: "#" }
           ]}
-          background={{ variant: "aurora" }}
+          background={{ variant: "plain" }}
           useInvertedBackground={false}
         />
       </div>