src/app/order/page.tsx

@@ -7,6 +7,7 @@ import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
 import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
 import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
 import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
+import { CheckCircle } from "lucide-react";
 
 export default function OrderPage() {
   const navItems = [
@@ -68,7 +69,7 @@ export default function OrderPage() {
             title="Online Menu Selection"
             description="Curated dishes available for delivery and pickup. All items prepared fresh to order."
             tag="Convenient Dining"
-            tagIcon="CheckCircle"
+            tagIcon={CheckCircle}
             tagAnimation="slide-up"
             textboxLayout="default"
             useInvertedBackground={true}
@@ -146,7 +147,7 @@ export default function OrderPage() {
             title="Ordering & Delivery FAQ"
             description="Common questions about our online ordering system, delivery options, and payments."
             tag="Help & Information"
-            tagIcon="CheckCircle"
+            tagIcon={CheckCircle}
             tagAnimation="opacity"
             textboxLayout="default"
             useInvertedBackground={false}

src/app/page.tsx

@@ -182,7 +182,7 @@ export default function HomePage() {
             tagAnimation="opacity"
             textboxLayout="default"
             useInvertedBackground={true}
-            animationType="slide-up"
+            animationType="opacity"
             plans={[
               {
                 id: "intimate",
@@ -296,8 +296,8 @@ export default function HomePage() {
             description="Celebrating our journey of excellence and guest satisfaction."
             tag="Recognition & Achievement"
             tagIcon={Award}
-            tagAnimation="entrance-slide"
-            textboxLayout="centered"
+            tagAnimation="slide-up"
+            textboxLayout="default"
             useInvertedBackground={true}
             animationType="opacity"
             metrics={[

src/app/reservations/page.tsx

@@ -7,6 +7,7 @@ import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
 import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
 import ContactSplit from "@/components/sections/contact/ContactSplit";
 import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
+import { CheckCircle, Sparkles } from "lucide-react";
 
 export default function ReservationsPage() {
   const navItems = [
@@ -68,7 +69,7 @@ export default function ReservationsPage() {
             title="Reservation Information"
             description="Everything you need to know about booking your dining experience with us."
             tag="Booking Guide"
-            tagIcon="CheckCircle"
+            tagIcon={CheckCircle}
             tagAnimation="opacity"
             textboxLayout="default"
             useInvertedBackground={false}
@@ -121,8 +122,8 @@ export default function ReservationsPage() {
             tag="Reserve Now"
             title="Complete Your Reservation"
             description="Reach out to our reservations team to book your table or inquire about private dining options."
-            tagIcon="Sparkles"
-            tagAnimation="entrance-slide"
+            tagIcon={Sparkles}
+            tagAnimation="slide-up"
             background={{ variant: "radial-gradient" }}
             useInvertedBackground={true}
             mediaAnimation="blur-reveal"