fix: make phone numbers clickable tel: links in contact section

This commit is contained in:
barsa 2026-03-04 15:21:48 +09:00
parent c07915f3b4
commit 408f99ae3c
2 changed files with 12 additions and 6 deletions

View File

@ -49,11 +49,21 @@ export function ContactSection() {
<div className="text-xs text-muted-foreground">
<p className="font-medium text-foreground">
Toll Free:{" "}
<span className="text-sm font-bold text-primary">0120-660-470</span>
<a
href="tel:0120-660-470"
className="text-sm font-bold text-primary hover:underline"
>
0120-660-470
</a>
</p>
<p className="font-medium text-foreground mt-0.5">
Overseas:{" "}
<span className="text-sm font-bold text-primary">+81-3-3560-1006</span>
<a
href="tel:+81-3-3560-1006"
className="text-sm font-bold text-primary hover:underline"
>
+81-3-3560-1006
</a>
</p>
</div>
</div>

View File

@ -27,7 +27,6 @@ export interface ConversionServiceCard {
title: string;
problemHook: string;
keyBenefit: string;
priceFrom?: string;
badge?: string;
icon: React.ReactNode;
href: string;
@ -99,7 +98,6 @@ export const personalConversionCards: ConversionServiceCard[] = [
title: "Internet Plans",
problemHook: "Need reliable internet?",
keyBenefit: "NTT Fiber up to 10Gbps",
priceFrom: "¥3,200/mo",
icon: <Wifi className="h-7 w-7" />,
href: "/services/internet",
ctaLabel: "View Plans",
@ -108,7 +106,6 @@ export const personalConversionCards: ConversionServiceCard[] = [
title: "Phone Plans",
problemHook: "Need a SIM card?",
keyBenefit: "Docomo network coverage",
priceFrom: "¥1,100/mo",
badge: "1st month free",
icon: <Smartphone className="h-7 w-7" />,
href: "/services/sim",
@ -118,7 +115,6 @@ export const personalConversionCards: ConversionServiceCard[] = [
title: "VPN Service",
problemHook: "Missing shows from home?",
keyBenefit: "Stream US & UK content",
priceFrom: "¥2,500/mo",
icon: <Lock className="h-7 w-7" />,
href: "/services/vpn",
ctaLabel: "View Plans",