diff --git a/app/kapcsolat/page.tsx b/app/kapcsolat/page.tsx index b17b1d0..8a393be 100644 --- a/app/kapcsolat/page.tsx +++ b/app/kapcsolat/page.tsx @@ -5,7 +5,7 @@ import Footer from "@/components/footer" import PageReveal from "@/components/page-reveal" import { Button } from "@/components/ui/button" import { Card } from "@/components/ui/card" -import { ArrowLeft, Phone, Mail, MessageSquare, Clock, MapPin, Smartphone } from "lucide-react" +import { ArrowLeft, Phone, Mail, Clock } from "lucide-react" import Link from "next/link" import { useLanguage } from "@/lib/language-context" import { cn } from "@/lib/utils" @@ -16,24 +16,24 @@ export default function ContactPage() { const contactMethods = [ { - icon: Smartphone, - label: t.contactPage.info.phone, - value: t.contactPage.info.phoneValue, - href: `tel:${t.contactPage.info.phoneValue.replace(/\s/g, "")}`, - color: "bg-primary" + icon: Clock, + label: t.contactPage.info.infoLine, + values: t.contactPage.info.infoLineValues as string[], + type: "tel", + color: "bg-blue-500" }, { icon: Phone, - label: t.contactPage.info.landline, - value: t.contactPage.info.landlineValue, - href: `tel:${t.contactPage.info.landlineValue.replace(/\s/g, "")}`, - color: "bg-blue-500" + label: t.contactPage.info.dutyLine, + values: [t.contactPage.info.dutyLineValue as string], + type: "tel", + color: "bg-primary" }, { icon: Mail, label: t.contactPage.info.email, - value: t.contactPage.info.emailValue, - href: `mailto:${t.contactPage.info.emailValue}`, + values: [t.contactPage.info.emailValue as string], + type: "mailto", color: "bg-purple-500" } ] @@ -87,9 +87,22 @@ export default function ContactPage() {

{method.label}

- - {method.value} - +
+ {method.values.map((value, valueIdx) => { + const href = method.type === "mailto" + ? `mailto:${value}` + : `tel:${value.replace(/\s/g, "")}` + return ( + + {value} + + ) + })} +
))} @@ -153,4 +166,4 @@ export default function ContactPage() {