Update src/app/page.tsx
This commit is contained in:
@@ -12,9 +12,12 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
|
|||||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
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() {
|
export default function LandingPage() {
|
||||||
|
const [phoneText, setPhoneText] = useState("Call to Order");
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="hover-magnetic"
|
defaultButtonVariant="hover-magnetic"
|
||||||
@@ -177,7 +180,11 @@ export default function LandingPage() {
|
|||||||
title="How would you like to order?"
|
title="How would you like to order?"
|
||||||
description="Enjoy traditional hospitality in the heart of Bahrain through our convenient ordering channels."
|
description="Enjoy traditional hospitality in the heart of Bahrain through our convenient ordering channels."
|
||||||
buttons={[
|
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" }
|
{ text: "Order on Talabat", href: "https://www.talabat.com" }
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
|
|||||||
Reference in New Issue
Block a user