Update src/app/reservation/page.tsx

src/app/reservation/page.tsx

@@ -64,7 +64,7 @@ export default function ReservationPage() {
       borderRadius="pill"
       contentWidth="compact"
       sizing="largeSmall"
-      background="floatingGradient"
+      background="circleGradient"
       cardStyle="solid"
       primaryButtonStyle="double-inset"
       secondaryButtonStyle="solid"
@@ -78,9 +78,7 @@ export default function ReservationPage() {
             id: item.id,
           }))}
           button={{
-            text: "Reserve Table",
-            href: "/reservation",
-          }}
+            text: "Reserve Table",            href: "/reservation"}}
           animateOnLoad={true}
         />
       </div>
@@ -251,17 +249,13 @@ export default function ReservationPage() {
         <ContactText
           text="Can't wait to dine with us? Call now or complete your reservation online. Experience Thyme & Whisk's premium vegetarian excellence!"
           animationType="entrance-slide"
-          background={{ variant: "floatingGradient" }}
+          background={{ variant: "sparkles-gradient" }}
           useInvertedBackground={false}
           buttons={[
             {
-              text: "Call Now",
-              href: "tel:+919726000068",
-            },
+              text: "Call Now",              href: "tel:+919726000068"},
             {
-              text: "Contact Support",
-              href: "/contact",
-            },
+              text: "Contact Support",              href: "/contact"},
           ]}
         />
       </div>