src/app/page.tsx

@@ -44,7 +44,7 @@ export default function LandingPage() {
         <HeroBillboard
           title="Roosevelt Café"
           description="Handcrafted cocktails, indulgent desserts, and an unforgettable atmosphere. Experience loungy luxury in the heart of Casablanca."
-          background="radial-gradient"
+          background={{ variant: "radial-gradient" }}
           tag="Casablanca's Trendy Lounge Destination"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
@@ -192,7 +192,7 @@ export default function LandingPage() {
         <HeroBillboard
           title="Ready for the Experience?"
           description="Join hundreds of happy guests every week at Roosevelt Café. Reserve your table now and discover why we're Casablanca's favorite trendy lounge destination."
-          background="plain"
+          background={{ variant: "plain" }}
           buttons={[
             { text: "Reserve Now", href: "#reserve" }
           ]}