From 408f99ae3cf72b69f8078a923581e2b5036d310b Mon Sep 17 00:00:00 2001
From: barsa <tumurbarsnarantuya@gmail.com>
Date: Wed, 4 Mar 2026 15:21:48 +0900
Subject: [PATCH] fix: make phone numbers clickable tel: links in contact
 section

---
 .../landing-page/components/ContactSection.tsx     | 14 ++++++++++++--
 .../src/features/landing-page/data/services.tsx    |  4 ----
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/apps/portal/src/features/landing-page/components/ContactSection.tsx b/apps/portal/src/features/landing-page/components/ContactSection.tsx
index 6bb63768..466d3ca1 100644
--- a/apps/portal/src/features/landing-page/components/ContactSection.tsx
+++ b/apps/portal/src/features/landing-page/components/ContactSection.tsx
@@ -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>
diff --git a/apps/portal/src/features/landing-page/data/services.tsx b/apps/portal/src/features/landing-page/data/services.tsx
index 53ad9a70..a81ab478 100644
--- a/apps/portal/src/features/landing-page/data/services.tsx
+++ b/apps/portal/src/features/landing-page/data/services.tsx
@@ -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",