diff --git a/app/arak/page.tsx b/app/arak/page.tsx
index bbef88d..143c2e9 100644
--- a/app/arak/page.tsx
+++ b/app/arak/page.tsx
@@ -113,6 +113,28 @@ export default function PricingPage() {
const expressInfoPozsony = expressInfoText("23.500 HUF")
const expressInfoBudapestBecs = expressInfoText("50.000 HUF")
+ const districtSurcharge = language === "hu"
+ ? {
+ label: "Kerületi felárak – részletek",
+ title: "Budapesti kerületi felárak",
+ description: "Az alábbi díjak a táblázatban szereplő alapárakon felül fizetendők Budapesten, kerületi címek esetén:",
+ items: [
+ "2.000 Ft / út: II., III., X., XII., XIII., XIV. kerület",
+ "3.500 Ft / út: IV., XV., XVI., XVII. kerület"
+ ],
+ closeLabel: "Bezár"
+ }
+ : {
+ label: "District surcharges – details",
+ title: "Budapest district surcharges",
+ description: "The following fees apply in Budapest for district addresses, in addition to the base fares shown in the tables:",
+ items: [
+ "2,000 HUF / trip: districts II, III, X, XII, XIII, XIV",
+ "3,500 HUF / trip: districts IV, XV, XVI, XVII"
+ ],
+ closeLabel: "Close"
+ }
+
const routeNav = [
{
id: "gyor-becs",
@@ -230,6 +252,7 @@ export default function PricingPage() {
vipInfo={vipInfo}
effectiveFrom={`${t.pricing.table.effective}: 2026.01.15`}
expressInfo={expressInfoBudapest}
+ districtSurcharge={districtSurcharge}
/>
@@ -254,6 +277,7 @@ export default function PricingPage() {
vipInfo={vipInfoBudapestVienna}
effectiveFrom={`${t.pricing.table.effective}: 2026.01.15`}
expressInfo={expressInfoBudapestBecs}
+ districtSurcharge={districtSurcharge}
/>
{/* Additional Info Cards */}
diff --git a/components/pricing-table.tsx b/components/pricing-table.tsx
index ab6ff23..5dd9c7d 100644
--- a/components/pricing-table.tsx
+++ b/components/pricing-table.tsx
@@ -1,8 +1,9 @@
"use client"
import { cn } from "@/lib/utils"
-import { Info, Tag, Check, Shield } from "lucide-react"
+import { Info, Tag, Check, Shield, CircleHelp } from "lucide-react"
import { useLanguage } from "@/lib/language-context"
+import { useState } from "react"
interface PricingRow {
persons: string
@@ -24,6 +25,13 @@ interface PricingTableProps {
vipInfo?: string[]
effectiveFrom?: string
expressInfo?: string
+ districtSurcharge?: {
+ label: string
+ title: string
+ description: string
+ items: string[]
+ closeLabel: string
+ }
}
const PricingTable = ({
@@ -32,9 +40,11 @@ const PricingTable = ({
specials,
vipInfo,
effectiveFrom,
- expressInfo
+ expressInfo,
+ districtSurcharge
}: PricingTableProps) => {
const { t } = useLanguage()
+ const [isSurchargeOpen, setIsSurchargeOpen] = useState(false)
return (
@@ -50,6 +60,16 @@ const PricingTable = ({
{route}
+ {districtSurcharge && (
+
+ )}
@@ -201,6 +221,54 @@ const PricingTable = ({
{effectiveFrom}
)}
+
+ {districtSurcharge && isSurchargeOpen && (
+
+
+
+
+
+
+
+ {districtSurcharge.label}
+
+
+ {districtSurcharge.title}
+
+
+
+
+
+
+
{districtSurcharge.description}
+
+ {districtSurcharge.items.map((item, idx) => (
+
+
+ {item}
+
+ ))}
+
+
+
+
+
+
+