Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -12,9 +12,12 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
 import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import { Award, Clock, Flame, Users, ChefHat, Phone, ExternalLink } from "lucide-react";
+import { Award, Clock, Flame, Users, ChefHat } from "lucide-react";
+import { useState } from "react";
 
 export default function LandingPage() {
+  const [phoneText, setPhoneText] = useState("Call to Order");
+
   return (
     <ThemeProvider
         defaultButtonVariant="hover-magnetic"
@@ -176,8 +179,12 @@ export default function LandingPage() {
             tag="Order Now"
             title="How would you like to order?"
             description="Enjoy traditional hospitality in the heart of Bahrain through our convenient ordering channels."
+            buttonClassName="transition-transform duration-300 hover:scale-105"
             buttons={[
-                { text: "Call to Order", onClick: () => window.location.href = "tel:+97317210647" },
+                {
+                    text: phoneText,
+                    onClick: () => window.location.href = "tel:+97317210647"
+                },
                 { text: "Order on Talabat", href: "https://www.talabat.com" }
             ]}
           />