diff --git a/src/app/page.tsx b/src/app/page.tsx index 30a1899..5f8d2f8 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -20,7 +20,7 @@ export default function LandingPage() { borderRadius="pill" contentWidth="smallMedium" sizing="mediumLargeSizeLargeTitles" - background="floatingGradient" + background="circleGradient" cardStyle="solid" primaryButtonStyle="gradient" secondaryButtonStyle="solid" @@ -48,8 +48,8 @@ export default function LandingPage() { { text: "Download Meal Deal", href: "#download-cta" }, { text: "Learn More", href: "#how-it-works" } ]} - background={{ variant: "floatingGradient" }} - imageSrc="http://img.b2bpic.net/free-photo/smartphone-kitchen-table-with-dessert_23-2147835324.jpg?_wi=1" + background={{ variant: "sparkles-gradient" }} + imageSrc="http://img.b2bpic.net/free-photo/smartphone-kitchen-table-with-dessert_23-2147835324.jpg" imageAlt="Meal Deal app mockup showing recipe selection and grocery list" mediaAnimation="slide-up" frameStyle="card" @@ -130,7 +130,7 @@ export default function LandingPage() { } ]} buttons={[{ text: "Master a Recipe", href: "#" }]} - imageSrc="http://img.b2bpic.net/free-photo/smartphone-kitchen-table-with-dessert_23-2147835324.jpg?_wi=2" + imageSrc="http://img.b2bpic.net/free-photo/smartphone-kitchen-table-with-dessert_23-2147835324.jpg" imageAlt="Meal Deal cooking interface with timer and step-by-step guide" mediaAnimation="slide-up" buttonAnimation="opacity" @@ -258,7 +258,7 @@ export default function LandingPage() { ]} background={{ variant: "plain" }} useInvertedBackground={true} - tagAnimation="entrance-slide" + tagAnimation="opacity" buttonAnimation="opacity" />