Update src/app/page.tsx

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"
@@ -177,7 +180,11 @@ export default function LandingPage() {
             title="How would you like to order?"
             description="Enjoy traditional hospitality in the heart of Bahrain through our convenient ordering channels."
             buttons={[
-                { text: "Call to Order", onClick: () => window.location.href = "tel:+97317210647" },
+                {
+                    text: phoneText,
+                    onClick: () => window.location.href = "tel:+97317210647",                    onMouseEnter: () => setPhoneText("+973 17210647"),
+                    onMouseLeave: () => setPhoneText("Call to Order")
+                },
                 { text: "Order on Talabat", href: "https://www.talabat.com" }
             ]}
           />