In Next.js (or any React application), to create a link that initiates a phone call when clicked, you can use the HTML <a> tag and specify the tel: scheme in the href attribute. Here's a practical code example:
<a href="tel:+1234567890">Call us: +1234567890</a>
In this example, +1234567890 is the phone number you want to contact. When clicked, it prompts the browser to initiate the call using the default phone application. Users will see a prompt asking if they want to dial this number.
When creating phone links, it is recommended to use international phone number format (starting with '+' and country code) to improve compatibility across different countries and devices. Additionally, do not include any spaces or hyphens in the phone number, as these characters may cause the link to be incorrectly parsed.